├── README.md ├── index.html ├── package.json ├── postcss.config.js ├── public └── vite.svg ├── src ├── App.css ├── App.tsx ├── components │ └── Popover │ │ ├── Popover.tsx │ │ ├── PopoverButton.tsx │ │ ├── PopoverList.tsx │ │ ├── PopoverListItem.tsx │ │ └── PopoverProvider.tsx ├── hooks │ └── useClickOutside.ts ├── index.css ├── main.tsx ├── types │ └── TUser.ts ├── utils │ ├── getRandomId.ts │ └── getUsers.ts └── vite-env.d.ts ├── tailwind.config.js ├── tsconfig.json ├── tsconfig.node.json └── vite.config.ts /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SemX74/compound-component-tutorial/HEAD/README.md -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SemX74/compound-component-tutorial/HEAD/index.html -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SemX74/compound-component-tutorial/HEAD/package.json -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SemX74/compound-component-tutorial/HEAD/postcss.config.js -------------------------------------------------------------------------------- /public/vite.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SemX74/compound-component-tutorial/HEAD/public/vite.svg -------------------------------------------------------------------------------- /src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SemX74/compound-component-tutorial/HEAD/src/App.css -------------------------------------------------------------------------------- /src/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SemX74/compound-component-tutorial/HEAD/src/App.tsx -------------------------------------------------------------------------------- /src/components/Popover/Popover.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SemX74/compound-component-tutorial/HEAD/src/components/Popover/Popover.tsx -------------------------------------------------------------------------------- /src/components/Popover/PopoverButton.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SemX74/compound-component-tutorial/HEAD/src/components/Popover/PopoverButton.tsx -------------------------------------------------------------------------------- /src/components/Popover/PopoverList.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SemX74/compound-component-tutorial/HEAD/src/components/Popover/PopoverList.tsx -------------------------------------------------------------------------------- /src/components/Popover/PopoverListItem.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SemX74/compound-component-tutorial/HEAD/src/components/Popover/PopoverListItem.tsx -------------------------------------------------------------------------------- /src/components/Popover/PopoverProvider.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SemX74/compound-component-tutorial/HEAD/src/components/Popover/PopoverProvider.tsx -------------------------------------------------------------------------------- /src/hooks/useClickOutside.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SemX74/compound-component-tutorial/HEAD/src/hooks/useClickOutside.ts -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SemX74/compound-component-tutorial/HEAD/src/index.css -------------------------------------------------------------------------------- /src/main.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SemX74/compound-component-tutorial/HEAD/src/main.tsx -------------------------------------------------------------------------------- /src/types/TUser.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SemX74/compound-component-tutorial/HEAD/src/types/TUser.ts -------------------------------------------------------------------------------- /src/utils/getRandomId.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SemX74/compound-component-tutorial/HEAD/src/utils/getRandomId.ts -------------------------------------------------------------------------------- /src/utils/getUsers.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SemX74/compound-component-tutorial/HEAD/src/utils/getUsers.ts -------------------------------------------------------------------------------- /src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /tailwind.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SemX74/compound-component-tutorial/HEAD/tailwind.config.js -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SemX74/compound-component-tutorial/HEAD/tsconfig.json -------------------------------------------------------------------------------- /tsconfig.node.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SemX74/compound-component-tutorial/HEAD/tsconfig.node.json -------------------------------------------------------------------------------- /vite.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/SemX74/compound-component-tutorial/HEAD/vite.config.ts --------------------------------------------------------------------------------