@foxui/colors 0.4.0

package/dist/components/select-theme/SelectThemePopover.svelte

@@ -0,0 +1,49 @@
+<script lang="ts">
+	import { buttonVariants, Popover, cn } from '@foxui/core';
+	import SelectTheme from './SelectTheme.svelte';
+
+	let {
+		defaultAccentColor = 'pink',
+		defaultBaseColor = 'stone',
+		selectAccentColor = true,
+		selectBaseColor = true,
+		onchanged
+	}: {
+		defaultAccentColor?: string;
+		defaultBaseColor?: string;
+		selectAccentColor?: boolean;
+		selectBaseColor?: boolean;
+		onchanged?: (accentColor: string, baseColor: string) => void;
+	} = $props();
+</script>
+
+<Popover>
+	{#snippet child({ props })}
+		<button
+			{...props}
+			class={cn(
+				buttonVariants({ variant: 'link', size: 'default' }),
+				'flex cursor-pointer items-center gap-0 -space-x-2 backdrop-blur-none'
+			)}
+		>
+			{#if selectAccentColor}
+				<div
+					class=" from-accent-500 to-accent-600 border-accent-700 dark:border-accent-400 z-10 size-6 rounded-full border bg-gradient-to-b"
+				></div>
+			{/if}
+
+			{#if selectBaseColor}
+				<div
+					class=" from-base-500 to-base-600 border-base-700 dark:border-base-400 size-6 rounded-full border bg-gradient-to-b"
+				></div>
+			{/if}
+		</button>
+	{/snippet}
+	<SelectTheme
+		{defaultAccentColor}
+		{defaultBaseColor}
+		{selectAccentColor}
+		{selectBaseColor}
+		{onchanged}
+	/>
+</Popover>

package/dist/components/select-theme/SelectThemePopover.svelte.d.ts

@@ -0,0 +1,10 @@
+type $$ComponentProps = {
+    defaultAccentColor?: string;
+    defaultBaseColor?: string;
+    selectAccentColor?: boolean;
+    selectBaseColor?: boolean;
+    onchanged?: (accentColor: string, baseColor: string) => void;
+};
+declare const SelectThemePopover: import("svelte").Component<$$ComponentProps, {}, "">;
+type SelectThemePopover = ReturnType<typeof SelectThemePopover>;
+export default SelectThemePopover;

package/dist/components/select-theme/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SelectTheme } from './SelectTheme.svelte';
+export { default as SelectThemePopover } from './SelectThemePopover.svelte';

package/dist/components/select-theme/index.js

@@ -0,0 +1,2 @@
+export { default as SelectTheme } from './SelectTheme.svelte';
+export { default as SelectThemePopover } from './SelectThemePopover.svelte';

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

package/dist/index.js

@@ -0,0 +1,2 @@
+// base components
+export * from './components';

package/dist/types.d.ts

@@ -0,0 +1 @@
+export * from './index';

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@foxui/colors",
+  "private": false,
+  "version": "0.4.0",
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.ts",
+      "svelte": "./dist/index.js"
+    }
+  },
+  "types": "./dist/types.d.ts",
+  "svelte": "./dist/index.js",
+  "devDependencies": {
+    "@eslint/compat": "^1.2.5",
+    "@eslint/js": "^9.18.0",
+    "@sveltejs/adapter-auto": "^6.0.0",
+    "@sveltejs/adapter-static": "^3.0.8",
+    "@sveltejs/kit": "^2.16.0",
+    "@sveltejs/package": "^2.3.11",
+    "@sveltejs/vite-plugin-svelte": "^5.0.0",
+    "@tailwindcss/forms": "^0.5.9",
+    "@tailwindcss/typography": "^0.5.15",
+    "@tailwindcss/vite": "^4.1.5",
+    "eslint": "^9.18.0",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-svelte": "^3.0.0",
+    "globals": "^16.0.0",
+    "prettier": "^3.4.2",
+    "prettier-plugin-svelte": "^3.3.3",
+    "prettier-plugin-tailwindcss": "^0.6.11",
+    "svelte": "^5.0.0",
+    "svelte-check": "^4.0.0",
+    "tailwindcss": "^4.1.5",
+    "typescript": "^5.0.0",
+    "typescript-eslint": "^8.20.0",
+    "vite": "^6.2.6",
+    "vite-plugin-glsl": "^1.4.1"
+  },
+  "dependencies": {
+    "@texel/color": "^1.1.10",
+    "@use-gesture/vanilla": "^10.3.1",
+    "bits-ui": "^1.4.3",
+    "@foxui/core": "0.4.0"
+  },
+  "peerDependencies": {
+    "svelte": ">=5",
+    "tailwindcss": ">=3"
+  },
+  "description": "ui kit - svelte 5 + tailwind 4 - colors components",
+  "homepage": "https://flo-bit.dev/ui-kit",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/flo-bit/ui-kit.git"
+  },
+  "author": "flo-bit (http://flo-bit.dev/)",
+  "bugs": "https://github.com/flo-bit/ui-kit/issues",
+  "license": "MIT",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build && npm run prepack",
+    "build:package": "vite build && npm run prepack",
+    "preview": "vite preview",
+    "shaders": "vite build --config vite.shaders.ts",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "format": "prettier --write .",
+    "lint": "prettier --check . && eslint ."
+  }
+}