├── .github └── ISSUE_TEMPLATE │ ├── bug_report.md │ └── feature_request.md ├── .gitignore ├── .npmignore ├── .prettierrc.json ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── LICENSE ├── README.md ├── bun.lock ├── docs ├── .gitignore ├── README.md ├── app │ ├── (home) │ │ ├── layout.tsx │ │ └── page.tsx │ ├── api │ │ └── search │ │ │ └── route.ts │ ├── docs │ │ ├── [[...slug]] │ │ │ └── page.tsx │ │ └── layout.tsx │ ├── favicon.ico │ ├── global.css │ └── layout.tsx ├── bun.lock ├── components │ └── ColorPickerExample.tsx ├── content │ └── docs │ │ ├── components │ │ ├── alpha.mdx │ │ ├── color-picker.mdx │ │ ├── eye-dropper.mdx │ │ ├── hue.mdx │ │ └── saturation.mdx │ │ ├── hooks │ │ └── use-color-state.mdx │ │ ├── index.mdx │ │ └── utils.mdx ├── lib │ ├── layout.shared.tsx │ └── source.ts ├── mdx-components.tsx ├── next.config.mjs ├── package-lock.json ├── package.json ├── postcss.config.mjs ├── source.config.ts └── tsconfig.json ├── eslint.config.mjs ├── package.json ├── src ├── components │ ├── Alpha.tsx │ ├── ColorPicker.tsx │ ├── Hue.tsx │ ├── Interactive.tsx │ ├── Pointer.tsx │ └── Saturation.tsx ├── hooks │ └── useColorState.ts ├── index.ts ├── styles.css ├── types.ts ├── utils.ts └── utils │ ├── index.ts │ ├── internal.ts │ └── public.ts ├── tsconfig.json └── vite.config.ts /.github/ISSUE_TEMPLATE/bug_report.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/.github/ISSUE_TEMPLATE/bug_report.md -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/feature_request.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/.github/ISSUE_TEMPLATE/feature_request.md -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/.gitignore -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/.npmignore -------------------------------------------------------------------------------- /.prettierrc.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/.prettierrc.json -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/CODE_OF_CONDUCT.md -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/CONTRIBUTING.md -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/README.md -------------------------------------------------------------------------------- /bun.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/bun.lock -------------------------------------------------------------------------------- /docs/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/.gitignore -------------------------------------------------------------------------------- /docs/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/README.md -------------------------------------------------------------------------------- /docs/app/(home)/layout.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/app/(home)/layout.tsx -------------------------------------------------------------------------------- /docs/app/(home)/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/app/(home)/page.tsx -------------------------------------------------------------------------------- /docs/app/api/search/route.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/app/api/search/route.ts -------------------------------------------------------------------------------- /docs/app/docs/[[...slug]]/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/app/docs/[[...slug]]/page.tsx -------------------------------------------------------------------------------- /docs/app/docs/layout.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/app/docs/layout.tsx -------------------------------------------------------------------------------- /docs/app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/app/favicon.ico -------------------------------------------------------------------------------- /docs/app/global.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/app/global.css -------------------------------------------------------------------------------- /docs/app/layout.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/app/layout.tsx -------------------------------------------------------------------------------- /docs/bun.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/bun.lock -------------------------------------------------------------------------------- /docs/components/ColorPickerExample.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/components/ColorPickerExample.tsx -------------------------------------------------------------------------------- /docs/content/docs/components/alpha.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/content/docs/components/alpha.mdx -------------------------------------------------------------------------------- /docs/content/docs/components/color-picker.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/content/docs/components/color-picker.mdx -------------------------------------------------------------------------------- /docs/content/docs/components/eye-dropper.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/content/docs/components/eye-dropper.mdx -------------------------------------------------------------------------------- /docs/content/docs/components/hue.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/content/docs/components/hue.mdx -------------------------------------------------------------------------------- /docs/content/docs/components/saturation.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/content/docs/components/saturation.mdx -------------------------------------------------------------------------------- /docs/content/docs/hooks/use-color-state.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/content/docs/hooks/use-color-state.mdx -------------------------------------------------------------------------------- /docs/content/docs/index.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/content/docs/index.mdx -------------------------------------------------------------------------------- /docs/content/docs/utils.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/content/docs/utils.mdx -------------------------------------------------------------------------------- /docs/lib/layout.shared.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/lib/layout.shared.tsx -------------------------------------------------------------------------------- /docs/lib/source.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/lib/source.ts -------------------------------------------------------------------------------- /docs/mdx-components.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/mdx-components.tsx -------------------------------------------------------------------------------- /docs/next.config.mjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/next.config.mjs -------------------------------------------------------------------------------- /docs/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/package-lock.json -------------------------------------------------------------------------------- /docs/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/package.json -------------------------------------------------------------------------------- /docs/postcss.config.mjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/postcss.config.mjs -------------------------------------------------------------------------------- /docs/source.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/source.config.ts -------------------------------------------------------------------------------- /docs/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/docs/tsconfig.json -------------------------------------------------------------------------------- /eslint.config.mjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/eslint.config.mjs -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/package.json -------------------------------------------------------------------------------- /src/components/Alpha.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/src/components/Alpha.tsx -------------------------------------------------------------------------------- /src/components/ColorPicker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/src/components/ColorPicker.tsx -------------------------------------------------------------------------------- /src/components/Hue.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/src/components/Hue.tsx -------------------------------------------------------------------------------- /src/components/Interactive.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/src/components/Interactive.tsx -------------------------------------------------------------------------------- /src/components/Pointer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/src/components/Pointer.tsx -------------------------------------------------------------------------------- /src/components/Saturation.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/src/components/Saturation.tsx -------------------------------------------------------------------------------- /src/hooks/useColorState.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/src/hooks/useColorState.ts -------------------------------------------------------------------------------- /src/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/src/index.ts -------------------------------------------------------------------------------- /src/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/src/styles.css -------------------------------------------------------------------------------- /src/types.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/src/types.ts -------------------------------------------------------------------------------- /src/utils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/src/utils.ts -------------------------------------------------------------------------------- /src/utils/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/src/utils/index.ts -------------------------------------------------------------------------------- /src/utils/internal.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/src/utils/internal.ts -------------------------------------------------------------------------------- /src/utils/public.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/src/utils/public.ts -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/tsconfig.json -------------------------------------------------------------------------------- /vite.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ddoemonn/react-beautiful-color/HEAD/vite.config.ts --------------------------------------------------------------------------------