jaci-ui 0.2.0 → 0.3.0

package/dist/styled-system/recipes/input-group.cjs

@@ -0,0 +1,30 @@
+const require_helpers = require("../helpers.cjs");
+const require_create_recipe = require("./create-recipe.cjs");
+//#region src/styled-system/recipes/input-group.js
+const inputGroupDefaultVariants = {};
+const inputGroupCompoundVariants = [];
+const inputGroupSlotFns = /* @__PURE__ */ [["root", "inputGroup__root"], ["addon", "inputGroup__addon"]].map(([slotName, slotKey]) => [slotName, require_create_recipe.createRecipe(slotKey, inputGroupDefaultVariants, require_helpers.getSlotCompoundVariant(inputGroupCompoundVariants, slotName))]);
+const inputGroupFn = require_helpers.memo((props = {}) => {
+	return Object.fromEntries(inputGroupSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
+});
+const inputGroupVariantKeys = [];
+const getVariantProps = (variants) => ({
+	...inputGroupDefaultVariants,
+	...require_helpers.compact(variants)
+});
+const inputGroup = /* @__PURE__ */ Object.assign(inputGroupFn, {
+	__recipe__: false,
+	__name__: "inputGroup",
+	raw: (props) => props,
+	classNameMap: {},
+	variantKeys: inputGroupVariantKeys,
+	variantMap: {},
+	splitVariantProps(props) {
+		return require_helpers.splitProps(props, inputGroupVariantKeys);
+	},
+	getVariantProps
+});
+//#endregion
+exports.inputGroup = inputGroup;
+
+//# sourceMappingURL=input-group.cjs.map

package/dist/styled-system/recipes/input-group.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.cjs","names":["createRecipe","getSlotCompoundVariant","memo","compact","splitProps"],"sources":["../../../src/styled-system/recipes/input-group.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst inputGroupDefaultVariants = {}\nconst inputGroupCompoundVariants = []\n\nconst inputGroupSlotNames = [\n  [\n    \"root\",\n    \"inputGroup__root\"\n  ],\n  [\n    \"addon\",\n    \"inputGroup__addon\"\n  ]\n]\nconst inputGroupSlotFns = /* @__PURE__ */ inputGroupSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, inputGroupDefaultVariants, getSlotCompoundVariant(inputGroupCompoundVariants, slotName))])\n\nconst inputGroupFn = memo((props = {}) => {\n  return Object.fromEntries(inputGroupSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst inputGroupVariantKeys = []\nconst getVariantProps = (variants) => ({ ...inputGroupDefaultVariants, ...compact(variants) })\n\nexport const inputGroup = /* @__PURE__ */ Object.assign(inputGroupFn, {\n  __recipe__: false,\n  __name__: 'inputGroup',\n  raw: (props) => props,\n  classNameMap: {},\n  variantKeys: inputGroupVariantKeys,\n  variantMap: {},\n  splitVariantProps(props) {\n    return splitProps(props, inputGroupVariantKeys)\n  },\n  getVariantProps\n})"],"mappings":";;;AAGA,MAAM,4BAA4B,CAAC;AACnC,MAAM,6BAA6B,CAAC;AAYpC,MAAM,oBAAoC,iBATxC,CACE,QACA,kBACF,GACA,CACE,SACA,mBACF,CAE0D,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAUA,sBAAAA,aAAa,SAAS,2BAA2BC,gBAAAA,uBAAuB,4BAA4B,QAAQ,CAAC,CAAC,CAAC;AAErN,MAAM,eAAeC,gBAAAA,MAAM,QAAQ,CAAC,MAAM;CACxC,OAAO,OAAO,YAAY,kBAAkB,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC7G,CAAC;AAED,MAAM,wBAAwB,CAAC;AAC/B,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAA2B,GAAGC,gBAAAA,QAAQ,QAAQ;AAAE;AAE5F,MAAa,aAA6B,uBAAO,OAAO,cAAc;CACpE,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY,CAAC;CACb,kBAAkB,OAAO;EACvB,OAAOC,gBAAAA,WAAW,OAAO,qBAAqB;CAChD;CACA;AACF,CAAC"}

package/dist/styled-system/recipes/input-group.js

@@ -0,0 +1,30 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from "../helpers.js";
+import { createRecipe } from "./create-recipe.js";
+//#region src/styled-system/recipes/input-group.js
+const inputGroupDefaultVariants = {};
+const inputGroupCompoundVariants = [];
+const inputGroupSlotFns = /* @__PURE__ */ [["root", "inputGroup__root"], ["addon", "inputGroup__addon"]].map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, inputGroupDefaultVariants, getSlotCompoundVariant(inputGroupCompoundVariants, slotName))]);
+const inputGroupFn = memo((props = {}) => {
+	return Object.fromEntries(inputGroupSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
+});
+const inputGroupVariantKeys = [];
+const getVariantProps = (variants) => ({
+	...inputGroupDefaultVariants,
+	...compact(variants)
+});
+const inputGroup = /* @__PURE__ */ Object.assign(inputGroupFn, {
+	__recipe__: false,
+	__name__: "inputGroup",
+	raw: (props) => props,
+	classNameMap: {},
+	variantKeys: inputGroupVariantKeys,
+	variantMap: {},
+	splitVariantProps(props) {
+		return splitProps(props, inputGroupVariantKeys);
+	},
+	getVariantProps
+});
+//#endregion
+export { inputGroup };
+
+//# sourceMappingURL=input-group.js.map

package/dist/styled-system/recipes/input-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.js","names":[],"sources":["../../../src/styled-system/recipes/input-group.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst inputGroupDefaultVariants = {}\nconst inputGroupCompoundVariants = []\n\nconst inputGroupSlotNames = [\n  [\n    \"root\",\n    \"inputGroup__root\"\n  ],\n  [\n    \"addon\",\n    \"inputGroup__addon\"\n  ]\n]\nconst inputGroupSlotFns = /* @__PURE__ */ inputGroupSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, inputGroupDefaultVariants, getSlotCompoundVariant(inputGroupCompoundVariants, slotName))])\n\nconst inputGroupFn = memo((props = {}) => {\n  return Object.fromEntries(inputGroupSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst inputGroupVariantKeys = []\nconst getVariantProps = (variants) => ({ ...inputGroupDefaultVariants, ...compact(variants) })\n\nexport const inputGroup = /* @__PURE__ */ Object.assign(inputGroupFn, {\n  __recipe__: false,\n  __name__: 'inputGroup',\n  raw: (props) => props,\n  classNameMap: {},\n  variantKeys: inputGroupVariantKeys,\n  variantMap: {},\n  splitVariantProps(props) {\n    return splitProps(props, inputGroupVariantKeys)\n  },\n  getVariantProps\n})"],"mappings":";;;AAGA,MAAM,4BAA4B,CAAC;AACnC,MAAM,6BAA6B,CAAC;AAYpC,MAAM,oBAAoC,iBATxC,CACE,QACA,kBACF,GACA,CACE,SACA,mBACF,CAE0D,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAU,aAAa,SAAS,2BAA2B,uBAAuB,4BAA4B,QAAQ,CAAC,CAAC,CAAC;AAErN,MAAM,eAAe,MAAM,QAAQ,CAAC,MAAM;CACxC,OAAO,OAAO,YAAY,kBAAkB,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC7G,CAAC;AAED,MAAM,wBAAwB,CAAC;AAC/B,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAA2B,GAAG,QAAQ,QAAQ;AAAE;AAE5F,MAAa,aAA6B,uBAAO,OAAO,cAAc;CACpE,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY,CAAC;CACb,kBAAkB,OAAO;EACvB,OAAO,WAAW,OAAO,qBAAqB;CAChD;CACA;AACF,CAAC"}

package/dist/styles/theme.cjs

@@ -56,6 +56,11 @@ const jaciTheme = { extend: {
 			slow: { value: "500ms" }
 		},
 		easings: { standard: { value: "cubic-bezier(0.2, 0, 0, 1)" } },
+		transitions: {
+			colors: { value: "background-color, border-color, box-shadow, color" },
+			transform: { value: "transform" },
+			standard: { value: "background-color, border-color, box-shadow, color, transform" }
+		},
 		animations: { spin: { value: "spin 900ms linear infinite" } }
 	},
 	semanticTokens: { colors: {
@@ -113,6 +118,16 @@ const jaciTheme = { extend: {
 		success: { value: "{colors.green.700}" },
 		warning: { value: "{colors.amber.700}" },
 		danger: { value: "{colors.red.600}" },
+		info: { value: "{colors.blue.600}" },
+		focus: { value: "{colors.blue.600}" },
+		disabled: { value: {
+			base: "{colors.neutral.400}",
+			_dark: "{colors.neutral.600}"
+		} },
+		selected: { value: {
+			base: "{colors.blue.50}",
+			_dark: "{colors.blue.950}"
+		} },
 		link: {
 			default: { value: {
 				base: "{colors.neutral.600}",

package/dist/styles/theme.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme.cjs","names":[],"sources":["../../src/styles/theme.ts"],"sourcesContent":["export const jaciConditions = {\n  extend: {\n    dark: '[data-jaci-theme=\"dark\"] &',\n  },\n};\n\nexport const jaciTheme = {\n  extend: {\n    tokens: {\n      colors: {\n        neutral: {\n          50: { value: \"#fafafa\" },\n          100: { value: \"#f4f4f5\" },\n          200: { value: \"#e4e4e7\" },\n          300: { value: \"#d4d4d8\" },\n          400: { value: \"#a1a1aa\" },\n          500: { value: \"#71717a\" },\n          600: { value: \"#52525b\" },\n          700: { value: \"#3f3f46\" },\n          800: { value: \"#27272a\" },\n          900: { value: \"#18181b\" },\n          950: { value: \"#09090b\" },\n        },\n        blue: {\n          500: { value: \"#3b82f6\" },\n          600: { value: \"#2563eb\" },\n          700: { value: \"#1d4ed8\" },\n        },\n        green: {\n          500: { value: \"#22c55e\" },\n          600: { value: \"#16a34a\" },\n          700: { value: \"#15803d\" },\n        },\n        amber: {\n          500: { value: \"#f59e0b\" },\n          600: { value: \"#d97706\" },\n          700: { value: \"#b45309\" },\n        },\n        red: {\n          500: { value: \"#ef4444\" },\n          600: { value: \"#dc2626\" },\n        },\n      },\n      radii: {\n        sm: { value: \"0.375rem\" },\n        md: { value: \"0.75rem\" },\n        lg: { value: \"1rem\" },\n        xl: { value: \"1.5rem\" },\n        \"2xl\": { value: \"2rem\" },\n        full: { value: \"9999px\" },\n      },\n      shadows: {\n        sm: { value: \"0 1px 2px rgb(0 0 0 / 0.08)\" },\n        md: { value: \"0 10px 24px rgb(0 0 0 / 0.12)\" },\n        lg: { value: \"0 18px 42px rgb(0 0 0 / 0.16)\" },\n        xl: { value: \"0 24px 52px rgb(0 0 0 / 0.2)\" },\n      },\n      durations: {\n        fast: { value: \"150ms\" },\n        normal: { value: \"250ms\" },\n        slow: { value: \"500ms\" },\n      },\n      easings: {\n        standard: { value: \"cubic-bezier(0.2, 0, 0, 1)\" },\n      },\n      animations: {\n        spin: { value: \"spin 900ms linear infinite\" },\n      },\n    },\n    semanticTokens: {\n      colors: {\n        surface: {\n          canvas: {\n            value: { base: \"{colors.neutral.50}\", _dark: \"{colors.neutral.950}\" },\n          },\n          default: {\n            value: { base: \"{colors.neutral.100}\", _dark: \"{colors.neutral.900}\" },\n          },\n          raised: {\n            value: { base: \"{colors.neutral.50}\", _dark: \"{colors.neutral.800}\" },\n          },\n          subtle: {\n            value: { base: \"{colors.neutral.200}\", _dark: \"{colors.neutral.800}\" },\n          },\n          overlay: {\n            value: {\n              base: \"rgb(250 250 250 / 0.32)\",\n              _dark: \"rgb(9 9 11 / 0.4)\",\n            },\n          },\n        },\n        fg: {\n          default: {\n            value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.100}\" },\n          },\n          muted: {\n            value: { base: \"{colors.neutral.600}\", _dark: \"{colors.neutral.400}\" },\n          },\n          onAccent: { value: \"{colors.neutral.50}\" },\n        },\n        border: {\n          default: {\n            value: { base: \"{colors.neutral.300}\", _dark: \"{colors.neutral.700}\" },\n          },\n          strong: {\n            value: { base: \"{colors.neutral.500}\", _dark: \"{colors.neutral.500}\" },\n          },\n          interactive: {\n            value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.200}\" },\n          },\n        },\n        accent: {\n          default: { value: \"{colors.blue.600}\" },\n          hover: { value: \"{colors.blue.700}\" },\n        },\n        success: { value: \"{colors.green.700}\" },\n        warning: { value: \"{colors.amber.700}\" },\n        danger: { value: \"{colors.red.600}\" },\n        link: {\n          default: {\n            value: { base: \"{colors.neutral.600}\", _dark: \"{colors.neutral.400}\" },\n          },\n          hover: {\n            value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.200}\" },\n          },\n        },\n      },\n    },\n    textStyles: {\n      body: {\n        value: {\n          fontFamily: \"system-ui, sans-serif\",\n          lineHeight: \"1.5\",\n        },\n      },\n    },\n    keyframes: {\n      spin: {\n        to: {\n          transform: \"rotate(360deg)\",\n        },\n      },\n    },\n  },\n};\n"],"mappings":"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"}
+{"version":3,"file":"theme.cjs","names":[],"sources":["../../src/styles/theme.ts"],"sourcesContent":["export const jaciConditions = {\n  extend: {\n    dark: '[data-jaci-theme=\"dark\"] &',\n  },\n};\n\nexport const jaciTheme = {\n  extend: {\n    tokens: {\n      colors: {\n        neutral: {\n          50: { value: \"#fafafa\" },\n          100: { value: \"#f4f4f5\" },\n          200: { value: \"#e4e4e7\" },\n          300: { value: \"#d4d4d8\" },\n          400: { value: \"#a1a1aa\" },\n          500: { value: \"#71717a\" },\n          600: { value: \"#52525b\" },\n          700: { value: \"#3f3f46\" },\n          800: { value: \"#27272a\" },\n          900: { value: \"#18181b\" },\n          950: { value: \"#09090b\" },\n        },\n        blue: {\n          500: { value: \"#3b82f6\" },\n          600: { value: \"#2563eb\" },\n          700: { value: \"#1d4ed8\" },\n        },\n        green: {\n          500: { value: \"#22c55e\" },\n          600: { value: \"#16a34a\" },\n          700: { value: \"#15803d\" },\n        },\n        amber: {\n          500: { value: \"#f59e0b\" },\n          600: { value: \"#d97706\" },\n          700: { value: \"#b45309\" },\n        },\n        red: {\n          500: { value: \"#ef4444\" },\n          600: { value: \"#dc2626\" },\n        },\n      },\n      radii: {\n        sm: { value: \"0.375rem\" },\n        md: { value: \"0.75rem\" },\n        lg: { value: \"1rem\" },\n        xl: { value: \"1.5rem\" },\n        \"2xl\": { value: \"2rem\" },\n        full: { value: \"9999px\" },\n      },\n      shadows: {\n        sm: { value: \"0 1px 2px rgb(0 0 0 / 0.08)\" },\n        md: { value: \"0 10px 24px rgb(0 0 0 / 0.12)\" },\n        lg: { value: \"0 18px 42px rgb(0 0 0 / 0.16)\" },\n        xl: { value: \"0 24px 52px rgb(0 0 0 / 0.2)\" },\n      },\n      durations: {\n        fast: { value: \"150ms\" },\n        normal: { value: \"250ms\" },\n        slow: { value: \"500ms\" },\n      },\n      easings: {\n        standard: { value: \"cubic-bezier(0.2, 0, 0, 1)\" },\n      },\n      transitions: {\n        colors: { value: \"background-color, border-color, box-shadow, color\" },\n        transform: { value: \"transform\" },\n        standard: { value: \"background-color, border-color, box-shadow, color, transform\" },\n      },\n      animations: {\n        spin: { value: \"spin 900ms linear infinite\" },\n      },\n    },\n    semanticTokens: {\n      colors: {\n        surface: {\n          canvas: {\n            value: { base: \"{colors.neutral.50}\", _dark: \"{colors.neutral.950}\" },\n          },\n          default: {\n            value: { base: \"{colors.neutral.100}\", _dark: \"{colors.neutral.900}\" },\n          },\n          raised: {\n            value: { base: \"{colors.neutral.50}\", _dark: \"{colors.neutral.800}\" },\n          },\n          subtle: {\n            value: { base: \"{colors.neutral.200}\", _dark: \"{colors.neutral.800}\" },\n          },\n          overlay: {\n            value: {\n              base: \"rgb(250 250 250 / 0.32)\",\n              _dark: \"rgb(9 9 11 / 0.4)\",\n            },\n          },\n        },\n        fg: {\n          default: {\n            value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.100}\" },\n          },\n          muted: {\n            value: { base: \"{colors.neutral.600}\", _dark: \"{colors.neutral.400}\" },\n          },\n          onAccent: { value: \"{colors.neutral.50}\" },\n        },\n        border: {\n          default: {\n            value: { base: \"{colors.neutral.300}\", _dark: \"{colors.neutral.700}\" },\n          },\n          strong: {\n            value: { base: \"{colors.neutral.500}\", _dark: \"{colors.neutral.500}\" },\n          },\n          interactive: {\n            value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.200}\" },\n          },\n        },\n        accent: {\n          default: { value: \"{colors.blue.600}\" },\n          hover: { value: \"{colors.blue.700}\" },\n        },\n        success: { value: \"{colors.green.700}\" },\n        warning: { value: \"{colors.amber.700}\" },\n        danger: { value: \"{colors.red.600}\" },\n        info: { value: \"{colors.blue.600}\" },\n        focus: { value: \"{colors.blue.600}\" },\n        disabled: {\n          value: { base: \"{colors.neutral.400}\", _dark: \"{colors.neutral.600}\" },\n        },\n        selected: {\n          value: { base: \"{colors.blue.50}\", _dark: \"{colors.blue.950}\" },\n        },\n        link: {\n          default: {\n            value: { base: \"{colors.neutral.600}\", _dark: \"{colors.neutral.400}\" },\n          },\n          hover: {\n            value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.200}\" },\n          },\n        },\n      },\n    },\n    textStyles: {\n      body: {\n        value: {\n          fontFamily: \"system-ui, sans-serif\",\n          lineHeight: \"1.5\",\n        },\n      },\n    },\n    keyframes: {\n      spin: {\n        to: {\n          transform: \"rotate(360deg)\",\n        },\n      },\n    },\n  },\n};\n"],"mappings":"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"}

package/dist/styles/theme.js

@@ -56,6 +56,11 @@ const jaciTheme = { extend: {
 			slow: { value: "500ms" }
 		},
 		easings: { standard: { value: "cubic-bezier(0.2, 0, 0, 1)" } },
+		transitions: {
+			colors: { value: "background-color, border-color, box-shadow, color" },
+			transform: { value: "transform" },
+			standard: { value: "background-color, border-color, box-shadow, color, transform" }
+		},
 		animations: { spin: { value: "spin 900ms linear infinite" } }
 	},
 	semanticTokens: { colors: {
@@ -113,6 +118,16 @@ const jaciTheme = { extend: {
 		success: { value: "{colors.green.700}" },
 		warning: { value: "{colors.amber.700}" },
 		danger: { value: "{colors.red.600}" },
+		info: { value: "{colors.blue.600}" },
+		focus: { value: "{colors.blue.600}" },
+		disabled: { value: {
+			base: "{colors.neutral.400}",
+			_dark: "{colors.neutral.600}"
+		} },
+		selected: { value: {
+			base: "{colors.blue.50}",
+			_dark: "{colors.blue.950}"
+		} },
 		link: {
 			default: { value: {
 				base: "{colors.neutral.600}",

package/dist/styles/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/styles/theme.ts"],"sourcesContent":["export const jaciConditions = {\n  extend: {\n    dark: '[data-jaci-theme=\"dark\"] &',\n  },\n};\n\nexport const jaciTheme = {\n  extend: {\n    tokens: {\n      colors: {\n        neutral: {\n          50: { value: \"#fafafa\" },\n          100: { value: \"#f4f4f5\" },\n          200: { value: \"#e4e4e7\" },\n          300: { value: \"#d4d4d8\" },\n          400: { value: \"#a1a1aa\" },\n          500: { value: \"#71717a\" },\n          600: { value: \"#52525b\" },\n          700: { value: \"#3f3f46\" },\n          800: { value: \"#27272a\" },\n          900: { value: \"#18181b\" },\n          950: { value: \"#09090b\" },\n        },\n        blue: {\n          500: { value: \"#3b82f6\" },\n          600: { value: \"#2563eb\" },\n          700: { value: \"#1d4ed8\" },\n        },\n        green: {\n          500: { value: \"#22c55e\" },\n          600: { value: \"#16a34a\" },\n          700: { value: \"#15803d\" },\n        },\n        amber: {\n          500: { value: \"#f59e0b\" },\n          600: { value: \"#d97706\" },\n          700: { value: \"#b45309\" },\n        },\n        red: {\n          500: { value: \"#ef4444\" },\n          600: { value: \"#dc2626\" },\n        },\n      },\n      radii: {\n        sm: { value: \"0.375rem\" },\n        md: { value: \"0.75rem\" },\n        lg: { value: \"1rem\" },\n        xl: { value: \"1.5rem\" },\n        \"2xl\": { value: \"2rem\" },\n        full: { value: \"9999px\" },\n      },\n      shadows: {\n        sm: { value: \"0 1px 2px rgb(0 0 0 / 0.08)\" },\n        md: { value: \"0 10px 24px rgb(0 0 0 / 0.12)\" },\n        lg: { value: \"0 18px 42px rgb(0 0 0 / 0.16)\" },\n        xl: { value: \"0 24px 52px rgb(0 0 0 / 0.2)\" },\n      },\n      durations: {\n        fast: { value: \"150ms\" },\n        normal: { value: \"250ms\" },\n        slow: { value: \"500ms\" },\n      },\n      easings: {\n        standard: { value: \"cubic-bezier(0.2, 0, 0, 1)\" },\n      },\n      animations: {\n        spin: { value: \"spin 900ms linear infinite\" },\n      },\n    },\n    semanticTokens: {\n      colors: {\n        surface: {\n          canvas: {\n            value: { base: \"{colors.neutral.50}\", _dark: \"{colors.neutral.950}\" },\n          },\n          default: {\n            value: { base: \"{colors.neutral.100}\", _dark: \"{colors.neutral.900}\" },\n          },\n          raised: {\n            value: { base: \"{colors.neutral.50}\", _dark: \"{colors.neutral.800}\" },\n          },\n          subtle: {\n            value: { base: \"{colors.neutral.200}\", _dark: \"{colors.neutral.800}\" },\n          },\n          overlay: {\n            value: {\n              base: \"rgb(250 250 250 / 0.32)\",\n              _dark: \"rgb(9 9 11 / 0.4)\",\n            },\n          },\n        },\n        fg: {\n          default: {\n            value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.100}\" },\n          },\n          muted: {\n            value: { base: \"{colors.neutral.600}\", _dark: \"{colors.neutral.400}\" },\n          },\n          onAccent: { value: \"{colors.neutral.50}\" },\n        },\n        border: {\n          default: {\n            value: { base: \"{colors.neutral.300}\", _dark: \"{colors.neutral.700}\" },\n          },\n          strong: {\n            value: { base: \"{colors.neutral.500}\", _dark: \"{colors.neutral.500}\" },\n          },\n          interactive: {\n            value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.200}\" },\n          },\n        },\n        accent: {\n          default: { value: \"{colors.blue.600}\" },\n          hover: { value: \"{colors.blue.700}\" },\n        },\n        success: { value: \"{colors.green.700}\" },\n        warning: { value: \"{colors.amber.700}\" },\n        danger: { value: \"{colors.red.600}\" },\n        link: {\n          default: {\n            value: { base: \"{colors.neutral.600}\", _dark: \"{colors.neutral.400}\" },\n          },\n          hover: {\n            value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.200}\" },\n          },\n        },\n      },\n    },\n    textStyles: {\n      body: {\n        value: {\n          fontFamily: \"system-ui, sans-serif\",\n          lineHeight: \"1.5\",\n        },\n      },\n    },\n    keyframes: {\n      spin: {\n        to: {\n          transform: \"rotate(360deg)\",\n        },\n      },\n    },\n  },\n};\n"],"mappings":";AAAA,MAAa,iBAAiB,EAC5B,QAAQ,EACN,MAAM,+BACR,EACF;AAEA,MAAa,YAAY,EACvB,QAAQ;CACN,QAAQ;EACN,QAAQ;GACN,SAAS;IACP,IAAI,EAAE,OAAO,UAAU;IACvB,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;GAC1B;GACA,MAAM;IACJ,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;GAC1B;GACA,OAAO;IACL,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;GAC1B;GACA,OAAO;IACL,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;GAC1B;GACA,KAAK;IACH,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;GAC1B;EACF;EACA,OAAO;GACL,IAAI,EAAE,OAAO,WAAW;GACxB,IAAI,EAAE,OAAO,UAAU;GACvB,IAAI,EAAE,OAAO,OAAO;GACpB,IAAI,EAAE,OAAO,SAAS;GACtB,OAAO,EAAE,OAAO,OAAO;GACvB,MAAM,EAAE,OAAO,SAAS;EAC1B;EACA,SAAS;GACP,IAAI,EAAE,OAAO,8BAA8B;GAC3C,IAAI,EAAE,OAAO,gCAAgC;GAC7C,IAAI,EAAE,OAAO,gCAAgC;GAC7C,IAAI,EAAE,OAAO,+BAA+B;EAC9C;EACA,WAAW;GACT,MAAM,EAAE,OAAO,QAAQ;GACvB,QAAQ,EAAE,OAAO,QAAQ;GACzB,MAAM,EAAE,OAAO,QAAQ;EACzB;EACA,SAAS,EACP,UAAU,EAAE,OAAO,6BAA6B,EAClD;EACA,YAAY,EACV,MAAM,EAAE,OAAO,6BAA6B,EAC9C;CACF;CACA,gBAAgB,EACd,QAAQ;EACN,SAAS;GACP,QAAQ,EACN,OAAO;IAAE,MAAM;IAAuB,OAAO;GAAuB,EACtE;GACA,SAAS,EACP,OAAO;IAAE,MAAM;IAAwB,OAAO;GAAuB,EACvE;GACA,QAAQ,EACN,OAAO;IAAE,MAAM;IAAuB,OAAO;GAAuB,EACtE;GACA,QAAQ,EACN,OAAO;IAAE,MAAM;IAAwB,OAAO;GAAuB,EACvE;GACA,SAAS,EACP,OAAO;IACL,MAAM;IACN,OAAO;GACT,EACF;EACF;EACA,IAAI;GACF,SAAS,EACP,OAAO;IAAE,MAAM;IAAwB,OAAO;GAAuB,EACvE;GACA,OAAO,EACL,OAAO;IAAE,MAAM;IAAwB,OAAO;GAAuB,EACvE;GACA,UAAU,EAAE,OAAO,sBAAsB;EAC3C;EACA,QAAQ;GACN,SAAS,EACP,OAAO;IAAE,MAAM;IAAwB,OAAO;GAAuB,EACvE;GACA,QAAQ,EACN,OAAO;IAAE,MAAM;IAAwB,OAAO;GAAuB,EACvE;GACA,aAAa,EACX,OAAO;IAAE,MAAM;IAAwB,OAAO;GAAuB,EACvE;EACF;EACA,QAAQ;GACN,SAAS,EAAE,OAAO,oBAAoB;GACtC,OAAO,EAAE,OAAO,oBAAoB;EACtC;EACA,SAAS,EAAE,OAAO,qBAAqB;EACvC,SAAS,EAAE,OAAO,qBAAqB;EACvC,QAAQ,EAAE,OAAO,mBAAmB;EACpC,MAAM;GACJ,SAAS,EACP,OAAO;IAAE,MAAM;IAAwB,OAAO;GAAuB,EACvE;GACA,OAAO,EACL,OAAO;IAAE,MAAM;IAAwB,OAAO;GAAuB,EACvE;EACF;CACF,EACF;CACA,YAAY,EACV,MAAM,EACJ,OAAO;EACL,YAAY;EACZ,YAAY;CACd,EACF,EACF;CACA,WAAW,EACT,MAAM,EACJ,IAAI,EACF,WAAW,iBACb,EACF,EACF;AACF,EACF"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/styles/theme.ts"],"sourcesContent":["export const jaciConditions = {\n  extend: {\n    dark: '[data-jaci-theme=\"dark\"] &',\n  },\n};\n\nexport const jaciTheme = {\n  extend: {\n    tokens: {\n      colors: {\n        neutral: {\n          50: { value: \"#fafafa\" },\n          100: { value: \"#f4f4f5\" },\n          200: { value: \"#e4e4e7\" },\n          300: { value: \"#d4d4d8\" },\n          400: { value: \"#a1a1aa\" },\n          500: { value: \"#71717a\" },\n          600: { value: \"#52525b\" },\n          700: { value: \"#3f3f46\" },\n          800: { value: \"#27272a\" },\n          900: { value: \"#18181b\" },\n          950: { value: \"#09090b\" },\n        },\n        blue: {\n          500: { value: \"#3b82f6\" },\n          600: { value: \"#2563eb\" },\n          700: { value: \"#1d4ed8\" },\n        },\n        green: {\n          500: { value: \"#22c55e\" },\n          600: { value: \"#16a34a\" },\n          700: { value: \"#15803d\" },\n        },\n        amber: {\n          500: { value: \"#f59e0b\" },\n          600: { value: \"#d97706\" },\n          700: { value: \"#b45309\" },\n        },\n        red: {\n          500: { value: \"#ef4444\" },\n          600: { value: \"#dc2626\" },\n        },\n      },\n      radii: {\n        sm: { value: \"0.375rem\" },\n        md: { value: \"0.75rem\" },\n        lg: { value: \"1rem\" },\n        xl: { value: \"1.5rem\" },\n        \"2xl\": { value: \"2rem\" },\n        full: { value: \"9999px\" },\n      },\n      shadows: {\n        sm: { value: \"0 1px 2px rgb(0 0 0 / 0.08)\" },\n        md: { value: \"0 10px 24px rgb(0 0 0 / 0.12)\" },\n        lg: { value: \"0 18px 42px rgb(0 0 0 / 0.16)\" },\n        xl: { value: \"0 24px 52px rgb(0 0 0 / 0.2)\" },\n      },\n      durations: {\n        fast: { value: \"150ms\" },\n        normal: { value: \"250ms\" },\n        slow: { value: \"500ms\" },\n      },\n      easings: {\n        standard: { value: \"cubic-bezier(0.2, 0, 0, 1)\" },\n      },\n      transitions: {\n        colors: { value: \"background-color, border-color, box-shadow, color\" },\n        transform: { value: \"transform\" },\n        standard: { value: \"background-color, border-color, box-shadow, color, transform\" },\n      },\n      animations: {\n        spin: { value: \"spin 900ms linear infinite\" },\n      },\n    },\n    semanticTokens: {\n      colors: {\n        surface: {\n          canvas: {\n            value: { base: \"{colors.neutral.50}\", _dark: \"{colors.neutral.950}\" },\n          },\n          default: {\n            value: { base: \"{colors.neutral.100}\", _dark: \"{colors.neutral.900}\" },\n          },\n          raised: {\n            value: { base: \"{colors.neutral.50}\", _dark: \"{colors.neutral.800}\" },\n          },\n          subtle: {\n            value: { base: \"{colors.neutral.200}\", _dark: \"{colors.neutral.800}\" },\n          },\n          overlay: {\n            value: {\n              base: \"rgb(250 250 250 / 0.32)\",\n              _dark: \"rgb(9 9 11 / 0.4)\",\n            },\n          },\n        },\n        fg: {\n          default: {\n            value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.100}\" },\n          },\n          muted: {\n            value: { base: \"{colors.neutral.600}\", _dark: \"{colors.neutral.400}\" },\n          },\n          onAccent: { value: \"{colors.neutral.50}\" },\n        },\n        border: {\n          default: {\n            value: { base: \"{colors.neutral.300}\", _dark: \"{colors.neutral.700}\" },\n          },\n          strong: {\n            value: { base: \"{colors.neutral.500}\", _dark: \"{colors.neutral.500}\" },\n          },\n          interactive: {\n            value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.200}\" },\n          },\n        },\n        accent: {\n          default: { value: \"{colors.blue.600}\" },\n          hover: { value: \"{colors.blue.700}\" },\n        },\n        success: { value: \"{colors.green.700}\" },\n        warning: { value: \"{colors.amber.700}\" },\n        danger: { value: \"{colors.red.600}\" },\n        info: { value: \"{colors.blue.600}\" },\n        focus: { value: \"{colors.blue.600}\" },\n        disabled: {\n          value: { base: \"{colors.neutral.400}\", _dark: \"{colors.neutral.600}\" },\n        },\n        selected: {\n          value: { base: \"{colors.blue.50}\", _dark: \"{colors.blue.950}\" },\n        },\n        link: {\n          default: {\n            value: { base: \"{colors.neutral.600}\", _dark: \"{colors.neutral.400}\" },\n          },\n          hover: {\n            value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.200}\" },\n          },\n        },\n      },\n    },\n    textStyles: {\n      body: {\n        value: {\n          fontFamily: \"system-ui, sans-serif\",\n          lineHeight: \"1.5\",\n        },\n      },\n    },\n    keyframes: {\n      spin: {\n        to: {\n          transform: \"rotate(360deg)\",\n        },\n      },\n    },\n  },\n};\n"],"mappings":"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"}

package/dist/styles.css

@@ -475,6 +475,9 @@
     --jaci-easings-out: cubic-bezier(0, 0, 0.2, 1);
     --jaci-easings-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --jaci-easings-standard: cubic-bezier(0.2, 0, 0, 1);
+    --jaci-transitions-colors: background-color, border-color, box-shadow, color;
+    --jaci-transitions-transform: transform;
+    --jaci-transitions-standard: background-color, border-color, box-shadow, color, transform;
     --jaci-animations-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
     --jaci-animations-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --jaci-animations-bounce: bounce 1s infinite;
@@ -500,6 +503,10 @@
     --jaci-colors-success: var(--jaci-colors-green-700);
     --jaci-colors-warning: var(--jaci-colors-amber-700);
     --jaci-colors-danger: var(--jaci-colors-red-600);
+    --jaci-colors-info: var(--jaci-colors-blue-600);
+    --jaci-colors-focus: var(--jaci-colors-blue-600);
+    --jaci-colors-disabled: var(--jaci-colors-neutral-400);
+    --jaci-colors-selected: var(--jaci-colors-blue-50);
     --jaci-colors-link-default: var(--jaci-colors-neutral-600);
     --jaci-colors-link-hover: var(--jaci-colors-neutral-900);
 }
@@ -515,6 +522,8 @@
     --jaci-colors-border-default: var(--jaci-colors-neutral-700);
     --jaci-colors-border-strong: var(--jaci-colors-neutral-500);
     --jaci-colors-border-interactive: var(--jaci-colors-neutral-200);
+    --jaci-colors-disabled: var(--jaci-colors-neutral-600);
+    --jaci-colors-selected: var(--jaci-colors-blue-950);
     --jaci-colors-link-default: var(--jaci-colors-neutral-400);
     --jaci-colors-link-hover: var(--jaci-colors-neutral-200)
 }
@@ -732,11 +741,44 @@
 
     .jaci-form {
       gap: var(--jaci-spacing-6);
+      display: flex;
       flex-direction: column;
       width: 100%;
 }
 
-    .jaci-form,.jaci-stack {
+    .jaci-iconButton {
+      border-color: var(--jaci-colors-border-interactive);
+      border-radius: var(--jaci-radii-lg);
+      border-style: solid;
+      border-width: 1px;
+      overflow: hidden;
+      align-items: center;
+      box-sizing: border-box;
+      cursor: pointer;
+      display: inline-flex;
+      flex-shrink: 0;
+      justify-content: center;
+      --transition-duration: var(--jaci-durations-fast);
+      transition-duration: var(--jaci-durations-fast);
+      --transition-prop: background-color, border-color, box-shadow, color, transform;
+      transition-property: background-color, border-color, box-shadow, color, transform;
+      --transition-easing: var(--jaci-easings-standard);
+      transition-timing-function: var(--jaci-easings-standard);
+      max-width: 100%;
+}
+
+    .jaci-iconButton:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+      cursor: not-allowed;
+      opacity: 0.5;
+}
+
+    .jaci-iconButton:is(:focus-visible, [data-focus-visible]) {
+      outline: 2px solid;
+      outline-color: var(--jaci-colors-focus);
+      outline-offset: 2px;
+}
+
+    .jaci-stack {
       display: flex;
 }
 
@@ -1039,6 +1081,65 @@
     color: var(--jaci-colors-fg-on-accent);
 }
 
+  .jaci-iconButton--variant_outline {
+    background-color: var(--jaci-colors-transparent);
+    color: var(--jaci-colors-fg-default);
+}
+
+  .jaci-iconButton--variant_outline:is(:hover, [data-hover]) {
+    border-color: var(--jaci-colors-border-strong);
+    background-color: var(--jaci-colors-surface-subtle);
+}
+
+  .jaci-iconButton--size_md {
+    font-size: var(--jaci-font-sizes-md);
+    height: var(--jaci-sizes-10);
+    width: var(--jaci-sizes-10);
+}
+
+  .jaci-iconButton--variant_solid {
+    border-color: var(--jaci-colors-accent-default);
+    background-color: var(--jaci-colors-accent-default);
+    color: var(--jaci-colors-fg-on-accent);
+}
+
+  .jaci-iconButton--variant_solid:is(:hover, [data-hover]) {
+    border-color: var(--jaci-colors-accent-hover);
+    background-color: var(--jaci-colors-accent-hover);
+}
+
+  .jaci-iconButton--variant_ghost {
+    border-color: var(--jaci-colors-transparent);
+    background-color: var(--jaci-colors-transparent);
+    color: var(--jaci-colors-fg-default);
+}
+
+  .jaci-iconButton--variant_ghost:is(:hover, [data-hover]) {
+    background-color: var(--jaci-colors-surface-subtle);
+}
+
+  .jaci-iconButton--variant_danger {
+    border-color: var(--jaci-colors-danger);
+    background-color: var(--jaci-colors-danger);
+    color: var(--jaci-colors-fg-on-accent);
+}
+
+  .jaci-iconButton--variant_danger:is(:hover, [data-hover]) {
+    opacity: 0.9;
+}
+
+  .jaci-iconButton--size_sm {
+    font-size: var(--jaci-font-sizes-sm);
+    height: var(--jaci-sizes-9);
+    width: var(--jaci-sizes-9);
+}
+
+  .jaci-iconButton--size_lg {
+    font-size: var(--jaci-font-sizes-lg);
+    height: var(--jaci-sizes-12);
+    width: var(--jaci-sizes-12);
+}
+
   .jaci-stack--direction_vertical {
     flex-direction: column;
 }
@@ -1844,6 +1945,12 @@
       user-select: none;
 }
 
+    .jaci-buttonGroup__root {
+      align-items: center;
+      display: inline-flex;
+      max-width: 100%;
+}
+
     .jaci-card__root {
       border-color: var(--jaci-colors-border-default);
       border-radius: var(--jaci-radii-2xl);
@@ -3884,6 +3991,50 @@
       transform: translateY(0);
 }
 
+    .jaci-emptyState__root {
+      padding: var(--jaci-spacing-8);
+      border-color: var(--jaci-colors-border-default);
+      border-radius: var(--jaci-radii-2xl);
+      border-style: dashed;
+      border-width: 1px;
+      gap: var(--jaci-spacing-3);
+      align-items: center;
+      background-color: var(--jaci-colors-surface-default);
+      box-sizing: border-box;
+      color: var(--jaci-colors-fg-default);
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      text-align: center;
+      max-width: 100%;
+      min-height: var(--jaci-sizes-32);
+}
+
+    .jaci-emptyState__icon {
+      color: var(--jaci-colors-fg-muted);
+      font-size: var(--jaci-font-sizes-2xl);
+      line-height: 1;
+}
+
+    .jaci-emptyState__title {
+      font-size: var(--jaci-font-sizes-lg);
+      font-weight: 700;
+}
+
+    .jaci-emptyState__description {
+      color: var(--jaci-colors-fg-muted);
+      font-size: var(--jaci-font-sizes-sm);
+      max-width: var(--jaci-sizes-prose);
+}
+
+    .jaci-emptyState__action {
+      gap: var(--jaci-spacing-2);
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: center;
+      max-width: 100%;
+}
+
     .jaci-fieldset__root {
       border: 0;
       margin: var(--jaci-spacing-0);
@@ -3912,6 +4063,34 @@
       line-height: 1.5;
 }
 
+    .jaci-inputGroup__root {
+      align-items: stretch;
+      display: flex;
+      min-width: var(--jaci-sizes-0);
+      width: 100%;
+}
+
+    .jaci-inputGroup__root > [data-slot=input] {
+      flex: 1 1 0%;
+      min-width: var(--jaci-sizes-0);
+}
+
+    .jaci-inputGroup__addon {
+      border-color: var(--jaci-colors-border-default);
+      border-style: solid;
+      border-width: 2px;
+      overflow: hidden;
+      padding-inline: var(--jaci-spacing-3);
+      align-items: center;
+      background-color: var(--jaci-colors-surface-subtle);
+      color: var(--jaci-colors-fg-muted);
+      display: inline-flex;
+      flex-shrink: 0;
+      font-size: var(--jaci-font-sizes-sm);
+      white-space: nowrap;
+      max-width: 50%;
+}
+
     .jaci-list__root {
       margin: var(--jaci-spacing-0);
       padding: var(--jaci-spacing-0);
@@ -7263,6 +7442,18 @@
     border-radius: var(--jaci-radii-xl);
 }
 
+  .jaci-buttonGroup__root--orientation_horizontal {
+    gap: var(--jaci-spacing-2);
+    flex-direction: row;
+    flex-wrap: wrap;
+}
+
+  .jaci-buttonGroup__root--orientation_vertical {
+    gap: var(--jaci-spacing-2);
+    flex-direction: column;
+    align-items: stretch;
+}
+
   .jaci-card__root--variant_elevated {
     box-shadow: var(--jaci-shadows-md);
 }

package/dist/theme/index.d.cts

@@ -0,0 +1,2 @@
+import { JaciThemeColorTokens, JaciThemeTokenGroup, JaciThemeTokenValue, JaciThemeTokens, ThemeContextValue, ThemeMode, ThemeProvider, ThemeProviderProps, useTheme } from "./theme-provider.cjs";
+export { type JaciThemeColorTokens, type JaciThemeTokenGroup, type JaciThemeTokenValue, type JaciThemeTokens, type ThemeContextValue, type ThemeMode, ThemeProvider, type ThemeProviderProps, useTheme };

package/dist/theme/index.d.ts

@@ -0,0 +1,2 @@
+import { JaciThemeColorTokens, JaciThemeTokenGroup, JaciThemeTokenValue, JaciThemeTokens, ThemeContextValue, ThemeMode, ThemeProvider, ThemeProviderProps, useTheme } from "./theme-provider.js";
+export { type JaciThemeColorTokens, type JaciThemeTokenGroup, type JaciThemeTokenValue, type JaciThemeTokens, type ThemeContextValue, type ThemeMode, ThemeProvider, type ThemeProviderProps, useTheme };

package/dist/theme/theme-provider.cjs

@@ -0,0 +1,86 @@
+"use client";
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/theme/theme-provider.tsx
+const ThemeContext = (0, react.createContext)({
+	theme: "light",
+	resolvedTheme: "light",
+	setTheme: () => void 0
+});
+function kebabCase(value) {
+	return value.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase();
+}
+function flattenTokens(group, path, output) {
+	if (!group) return;
+	for (const [key, value] of Object.entries(group)) {
+		if (value === void 0) continue;
+		const nextPath = [...path, kebabCase(key)];
+		if (typeof value === "object") flattenTokens(value, nextPath, output);
+		else output[`--jaci-${nextPath.join("-")}`] = String(value);
+	}
+}
+function tokenStyles(tokens) {
+	if (!tokens) return {};
+	const variables = {};
+	for (const [group, values] of Object.entries(tokens)) flattenTokens(values, [kebabCase(group)], variables);
+	return variables;
+}
+function initialSystemTheme(ssrTheme) {
+	return ssrTheme ?? "light";
+}
+const ThemeProvider = (0, react.forwardRef)(function ThemeProvider({ as = "div", children, defaultTheme = "light", onThemeChange, ssrTheme, style, theme, tokens, ...props }, ref) {
+	const [uncontrolledTheme, setUncontrolledTheme] = (0, react.useState)(defaultTheme);
+	const [systemTheme, setSystemTheme] = (0, react.useState)(() => initialSystemTheme(ssrTheme));
+	const currentTheme = theme ?? uncontrolledTheme;
+	(0, react.useEffect)(() => {
+		if (currentTheme !== "system") return;
+		if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
+		const media = window.matchMedia("(prefers-color-scheme: dark)");
+		const update = () => setSystemTheme(media.matches ? "dark" : "light");
+		update();
+		if (typeof media.addEventListener === "function") media.addEventListener("change", update);
+		else media.addListener?.(update);
+		return () => {
+			if (typeof media.removeEventListener === "function") media.removeEventListener("change", update);
+			else media.removeListener?.(update);
+		};
+	}, [currentTheme]);
+	const resolvedTheme = currentTheme === "system" ? systemTheme : currentTheme;
+	const setTheme = (0, react.useCallback)((nextTheme) => {
+		if (theme === void 0) setUncontrolledTheme(nextTheme);
+		onThemeChange?.(nextTheme);
+	}, [onThemeChange, theme]);
+	const contextValue = (0, react.useMemo)(() => ({
+		theme: currentTheme,
+		resolvedTheme,
+		setTheme
+	}), [
+		currentTheme,
+		resolvedTheme,
+		setTheme
+	]);
+	const mergedStyle = (0, react.useMemo)(() => ({
+		...style,
+		...tokenStyles(tokens)
+	}), [style, tokens]);
+	const Root = as;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThemeContext.Provider, {
+		value: contextValue,
+		children: (0, react.createElement)(Root, {
+			...props,
+			"data-jaci-theme": resolvedTheme,
+			"data-jaci-component": "theme-provider",
+			"data-slot": "theme-provider",
+			ref,
+			style: mergedStyle
+		}, children)
+	});
+});
+function useTheme() {
+	return (0, react.useContext)(ThemeContext);
+}
+//#endregion
+exports.ThemeProvider = ThemeProvider;
+exports.useTheme = useTheme;
+
+//# sourceMappingURL=theme-provider.cjs.map

package/dist/theme/theme-provider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.cjs","names":[],"sources":["../../src/theme/theme-provider.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  createElement,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport type { ComponentPropsWithoutRef, CSSProperties, ElementType, ReactNode, Ref } from \"react\";\n\nexport type ThemeMode = \"light\" | \"dark\" | \"system\";\n\n/** A leaf value accepted by the theme variable mapper. */\nexport type JaciThemeTokenValue = string | number;\n\n/**\n * Semantic theme values. The groups intentionally accept additional keys so\n * applications can extend the token vocabulary without waiting for a package\n * release. Known semantic groups are documented in the public README.\n */\nexport type JaciThemeTokenGroup = {\n  readonly [key: string]: JaciThemeTokenValue | JaciThemeTokenGroup | undefined;\n};\n\nexport interface JaciThemeColorTokens extends JaciThemeTokenGroup {\n  surface?: JaciThemeTokenGroup;\n  fg?: JaciThemeTokenGroup;\n  border?: JaciThemeTokenGroup;\n  accent?: JaciThemeTokenGroup;\n  success?: JaciThemeTokenValue;\n  warning?: JaciThemeTokenValue;\n  danger?: JaciThemeTokenValue;\n  info?: JaciThemeTokenValue;\n  link?: JaciThemeTokenGroup;\n  focus?: JaciThemeTokenValue;\n  disabled?: JaciThemeTokenValue;\n  selected?: JaciThemeTokenValue;\n}\n\nexport interface JaciThemeTokens {\n  colors?: JaciThemeColorTokens;\n  radii?: JaciThemeTokenGroup;\n  shadows?: JaciThemeTokenGroup;\n  durations?: JaciThemeTokenGroup;\n  easings?: JaciThemeTokenGroup;\n  transitions?: JaciThemeTokenGroup;\n  spacing?: JaciThemeTokenGroup;\n  fontSizes?: JaciThemeTokenGroup;\n  lineHeights?: JaciThemeTokenGroup;\n  typography?: JaciThemeTokenGroup;\n  textStyles?: JaciThemeTokenGroup;\n  fonts?: JaciThemeTokenGroup;\n}\n\nexport interface ThemeProviderProps extends Omit<ComponentPropsWithoutRef<\"div\">, \"children\"> {\n  /** The controlled color mode. */\n  theme?: ThemeMode;\n  /** The initial color mode for an uncontrolled provider. */\n  defaultTheme?: ThemeMode;\n  /** The deterministic mode used for `system` while rendering on the server. */\n  ssrTheme?: \"light\" | \"dark\";\n  /** Scoped semantic token overrides. */\n  tokens?: JaciThemeTokens;\n  /** Called when a controlled provider requests a mode change. */\n  onThemeChange?: (theme: ThemeMode) => void;\n  /** The element that owns the theme scope. */\n  as?: ElementType;\n  children?: ReactNode;\n}\n\nexport interface ThemeContextValue {\n  theme: ThemeMode;\n  resolvedTheme: \"light\" | \"dark\";\n  setTheme: (theme: ThemeMode) => void;\n}\n\nconst defaultThemeContext: ThemeContextValue = {\n  theme: \"light\",\n  resolvedTheme: \"light\",\n  setTheme: () => undefined,\n};\n\nconst ThemeContext = createContext<ThemeContextValue>(defaultThemeContext);\n\nfunction kebabCase(value: string) {\n  return value\n    .replace(/([a-z0-9])([A-Z])/g, \"$1-$2\")\n    .replace(/[\\s_]+/g, \"-\")\n    .toLowerCase();\n}\n\nfunction flattenTokens(\n  group: JaciThemeTokenGroup | undefined,\n  path: string[],\n  output: Record<string, string>,\n) {\n  if (!group) return;\n\n  for (const [key, value] of Object.entries(group)) {\n    if (value === undefined) continue;\n    const nextPath = [...path, kebabCase(key)];\n\n    if (typeof value === \"object\") {\n      flattenTokens(value, nextPath, output);\n    } else {\n      output[`--jaci-${nextPath.join(\"-\")}`] = String(value);\n    }\n  }\n}\n\nfunction tokenStyles(tokens: JaciThemeTokens | undefined): CSSProperties {\n  if (!tokens) return {};\n\n  const variables: Record<string, string> = {};\n  for (const [group, values] of Object.entries(tokens)) {\n    flattenTokens(values, [kebabCase(group)], variables);\n  }\n\n  return variables as CSSProperties;\n}\n\nfunction initialSystemTheme(ssrTheme: \"light\" | \"dark\" | undefined) {\n  return ssrTheme ?? \"light\";\n}\n\nexport const ThemeProvider = forwardRef<HTMLElement, ThemeProviderProps>(function ThemeProvider(\n  {\n    as = \"div\",\n    children,\n    defaultTheme = \"light\",\n    onThemeChange,\n    ssrTheme,\n    style,\n    theme,\n    tokens,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledTheme, setUncontrolledTheme] = useState<ThemeMode>(defaultTheme);\n  const [systemTheme, setSystemTheme] = useState<\"light\" | \"dark\">(() =>\n    initialSystemTheme(ssrTheme),\n  );\n  const currentTheme = theme ?? uncontrolledTheme;\n\n  useEffect(() => {\n    if (currentTheme !== \"system\") return;\n\n    if (typeof window === \"undefined\" || typeof window.matchMedia !== \"function\") return;\n\n    const media = window.matchMedia(\"(prefers-color-scheme: dark)\");\n    const update = () => setSystemTheme(media.matches ? \"dark\" : \"light\");\n    update();\n    if (typeof media.addEventListener === \"function\") media.addEventListener(\"change\", update);\n    else media.addListener?.(update);\n\n    return () => {\n      if (typeof media.removeEventListener === \"function\")\n        media.removeEventListener(\"change\", update);\n      else media.removeListener?.(update);\n    };\n  }, [currentTheme]);\n\n  const resolvedTheme = currentTheme === \"system\" ? systemTheme : currentTheme;\n  const setTheme = useCallback(\n    (nextTheme: ThemeMode) => {\n      if (theme === undefined) setUncontrolledTheme(nextTheme);\n      onThemeChange?.(nextTheme);\n    },\n    [onThemeChange, theme],\n  );\n  const contextValue = useMemo(\n    () => ({ theme: currentTheme, resolvedTheme, setTheme }),\n    [currentTheme, resolvedTheme, setTheme],\n  );\n  const mergedStyle = useMemo(() => ({ ...style, ...tokenStyles(tokens) }), [style, tokens]);\n  const Root = as;\n\n  return (\n    <ThemeContext.Provider value={contextValue}>\n      {createElement(\n        Root,\n        {\n          ...props,\n          \"data-jaci-theme\": resolvedTheme,\n          \"data-jaci-component\": \"theme-provider\",\n          \"data-slot\": \"theme-provider\",\n          ref: ref as Ref<HTMLElement>,\n          style: mergedStyle,\n        },\n        children,\n      )}\n    </ThemeContext.Provider>\n  );\n});\n\nexport function useTheme() {\n  return useContext(ThemeContext);\n}\n"],"mappings":";;;;AAsFA,MAAM,gBAAA,GAAA,MAAA,cAAA,CAAgD;CALpD,OAAO;CACP,eAAe;CACf,gBAAgB,KAAA;AAGsD,CAAC;AAEzE,SAAS,UAAU,OAAe;CAChC,OAAO,MACJ,QAAQ,sBAAsB,OAAO,CAAC,CACtC,QAAQ,WAAW,GAAG,CAAC,CACvB,YAAY;AACjB;AAEA,SAAS,cACP,OACA,MACA,QACA;CACA,IAAI,CAAC,OAAO;CAEZ,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,KAAK,GAAG;EAChD,IAAI,UAAU,KAAA,GAAW;EACzB,MAAM,WAAW,CAAC,GAAG,MAAM,UAAU,GAAG,CAAC;EAEzC,IAAI,OAAO,UAAU,UACnB,cAAc,OAAO,UAAU,MAAM;OAErC,OAAO,UAAU,SAAS,KAAK,GAAG,OAAO,OAAO,KAAK;CAEzD;AACF;AAEA,SAAS,YAAY,QAAoD;CACvE,IAAI,CAAC,QAAQ,OAAO,CAAC;CAErB,MAAM,YAAoC,CAAC;CAC3C,KAAK,MAAM,CAAC,OAAO,WAAW,OAAO,QAAQ,MAAM,GACjD,cAAc,QAAQ,CAAC,UAAU,KAAK,CAAC,GAAG,SAAS;CAGrD,OAAO;AACT;AAEA,SAAS,mBAAmB,UAAwC;CAClE,OAAO,YAAY;AACrB;AAEA,MAAa,iBAAA,GAAA,MAAA,WAAA,CAA4D,SAAS,cAChF,EACE,KAAK,OACL,UACA,eAAe,SACf,eACA,UACA,OACA,OACA,QACA,GAAG,SAEL,KACA;CACA,MAAM,CAAC,mBAAmB,yBAAA,GAAA,MAAA,SAAA,CAA4C,YAAY;CAClF,MAAM,CAAC,aAAa,mBAAA,GAAA,MAAA,SAAA,OAClB,mBAAmB,QAAQ,CAC7B;CACA,MAAM,eAAe,SAAS;CAE9B,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,iBAAiB,UAAU;EAE/B,IAAI,OAAO,WAAW,eAAe,OAAO,OAAO,eAAe,YAAY;EAE9E,MAAM,QAAQ,OAAO,WAAW,8BAA8B;EAC9D,MAAM,eAAe,eAAe,MAAM,UAAU,SAAS,OAAO;EACpE,OAAO;EACP,IAAI,OAAO,MAAM,qBAAqB,YAAY,MAAM,iBAAiB,UAAU,MAAM;OACpF,MAAM,cAAc,MAAM;EAE/B,aAAa;GACX,IAAI,OAAO,MAAM,wBAAwB,YACvC,MAAM,oBAAoB,UAAU,MAAM;QACvC,MAAM,iBAAiB,MAAM;EACpC;CACF,GAAG,CAAC,YAAY,CAAC;CAEjB,MAAM,gBAAgB,iBAAiB,WAAW,cAAc;CAChE,MAAM,YAAA,GAAA,MAAA,YAAA,EACH,cAAyB;EACxB,IAAI,UAAU,KAAA,GAAW,qBAAqB,SAAS;EACvD,gBAAgB,SAAS;CAC3B,GACA,CAAC,eAAe,KAAK,CACvB;CACA,MAAM,gBAAA,GAAA,MAAA,QAAA,QACG;EAAE,OAAO;EAAc;EAAe;CAAS,IACtD;EAAC;EAAc;EAAe;CAAQ,CACxC;CACA,MAAM,eAAA,GAAA,MAAA,QAAA,QAA6B;EAAE,GAAG;EAAO,GAAG,YAAY,MAAM;CAAE,IAAI,CAAC,OAAO,MAAM,CAAC;CACzF,MAAM,OAAO;CAEb,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAa,UAAd;EAAuB,OAAO;qCAE1B,MACA;GACE,GAAG;GACH,mBAAmB;GACnB,uBAAuB;GACvB,aAAa;GACR;GACL,OAAO;EACT,GACA,QACF;CACqB,CAAA;AAE3B,CAAC;AAED,SAAgB,WAAW;CACzB,QAAA,GAAA,MAAA,WAAA,CAAkB,YAAY;AAChC"}

package/dist/theme/theme-provider.d.cts

@@ -0,0 +1,66 @@
+import { ComponentPropsWithoutRef, ElementType, ReactNode } from "react";
+//#region src/theme/theme-provider.d.ts
+type ThemeMode = "light" | "dark" | "system";
+/** A leaf value accepted by the theme variable mapper. */
+type JaciThemeTokenValue = string | number;
+/**
+ * Semantic theme values. The groups intentionally accept additional keys so
+ * applications can extend the token vocabulary without waiting for a package
+ * release. Known semantic groups are documented in the public README.
+ */
+type JaciThemeTokenGroup = {
+  readonly [key: string]: JaciThemeTokenValue | JaciThemeTokenGroup | undefined;
+};
+interface JaciThemeColorTokens extends JaciThemeTokenGroup {
+  surface?: JaciThemeTokenGroup;
+  fg?: JaciThemeTokenGroup;
+  border?: JaciThemeTokenGroup;
+  accent?: JaciThemeTokenGroup;
+  success?: JaciThemeTokenValue;
+  warning?: JaciThemeTokenValue;
+  danger?: JaciThemeTokenValue;
+  info?: JaciThemeTokenValue;
+  link?: JaciThemeTokenGroup;
+  focus?: JaciThemeTokenValue;
+  disabled?: JaciThemeTokenValue;
+  selected?: JaciThemeTokenValue;
+}
+interface JaciThemeTokens {
+  colors?: JaciThemeColorTokens;
+  radii?: JaciThemeTokenGroup;
+  shadows?: JaciThemeTokenGroup;
+  durations?: JaciThemeTokenGroup;
+  easings?: JaciThemeTokenGroup;
+  transitions?: JaciThemeTokenGroup;
+  spacing?: JaciThemeTokenGroup;
+  fontSizes?: JaciThemeTokenGroup;
+  lineHeights?: JaciThemeTokenGroup;
+  typography?: JaciThemeTokenGroup;
+  textStyles?: JaciThemeTokenGroup;
+  fonts?: JaciThemeTokenGroup;
+}
+interface ThemeProviderProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
+  /** The controlled color mode. */
+  theme?: ThemeMode;
+  /** The initial color mode for an uncontrolled provider. */
+  defaultTheme?: ThemeMode;
+  /** The deterministic mode used for `system` while rendering on the server. */
+  ssrTheme?: "light" | "dark";
+  /** Scoped semantic token overrides. */
+  tokens?: JaciThemeTokens;
+  /** Called when a controlled provider requests a mode change. */
+  onThemeChange?: (theme: ThemeMode) => void;
+  /** The element that owns the theme scope. */
+  as?: ElementType;
+  children?: ReactNode;
+}
+interface ThemeContextValue {
+  theme: ThemeMode;
+  resolvedTheme: "light" | "dark";
+  setTheme: (theme: ThemeMode) => void;
+}
+declare const ThemeProvider: import("react").ForwardRefExoticComponent<ThemeProviderProps & import("react").RefAttributes<HTMLElement>>;
+declare function useTheme(): ThemeContextValue;
+//#endregion
+export { JaciThemeColorTokens, JaciThemeTokenGroup, JaciThemeTokenValue, JaciThemeTokens, ThemeContextValue, ThemeMode, ThemeProvider, ThemeProviderProps, useTheme };
+//# sourceMappingURL=theme-provider.d.cts.map