jaci-ui 0.9.3 → 1.0.0

package/dist/styles/theme.cjs

@@ -63,82 +63,102 @@ const jaciTheme = { extend: {
 		},
 		animations: { spin: { value: "spin 900ms linear infinite" } }
 	},
-	semanticTokens: { colors: {
-		surface: {
-			canvas: { value: {
-				base: "{colors.neutral.50}",
-				_dark: "{colors.neutral.950}"
-			} },
-			default: { value: {
-				base: "{colors.neutral.100}",
-				_dark: "{colors.neutral.900}"
-			} },
-			raised: { value: {
-				base: "{colors.neutral.50}",
-				_dark: "{colors.neutral.800}"
-			} },
-			subtle: { value: {
-				base: "{colors.neutral.200}",
-				_dark: "{colors.neutral.800}"
-			} },
-			overlay: { value: {
-				base: "rgb(250 250 250 / 0.32)",
-				_dark: "rgb(9 9 11 / 0.4)"
-			} }
-		},
-		fg: {
-			default: { value: {
-				base: "{colors.neutral.900}",
-				_dark: "{colors.neutral.100}"
+	semanticTokens: {
+		colors: {
+			surface: {
+				canvas: { value: {
+					base: "{colors.neutral.50}",
+					_dark: "{colors.neutral.950}"
+				} },
+				default: { value: {
+					base: "{colors.neutral.100}",
+					_dark: "{colors.neutral.900}"
+				} },
+				raised: { value: {
+					base: "{colors.neutral.50}",
+					_dark: "{colors.neutral.800}"
+				} },
+				subtle: { value: {
+					base: "{colors.neutral.200}",
+					_dark: "{colors.neutral.800}"
+				} },
+				overlay: { value: {
+					base: "rgb(250 250 250 / 0.32)",
+					_dark: "rgb(9 9 11 / 0.4)"
+				} }
+			},
+			fg: {
+				default: { value: {
+					base: "{colors.neutral.900}",
+					_dark: "{colors.neutral.100}"
+				} },
+				muted: { value: {
+					base: "{colors.neutral.600}",
+					_dark: "{colors.neutral.400}"
+				} },
+				onAccent: { value: "{colors.neutral.50}" }
+			},
+			border: {
+				default: { value: {
+					base: "{colors.neutral.300}",
+					_dark: "{colors.neutral.700}"
+				} },
+				strong: { value: {
+					base: "{colors.neutral.500}",
+					_dark: "{colors.neutral.500}"
+				} },
+				interactive: { value: {
+					base: "{colors.neutral.900}",
+					_dark: "{colors.neutral.200}"
+				} }
+			},
+			accent: {
+				default: { value: "{colors.blue.600}" },
+				hover: { value: "{colors.blue.700}" }
+			},
+			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}"
 			} },
-			muted: { value: {
-				base: "{colors.neutral.600}",
-				_dark: "{colors.neutral.400}"
+			selected: { value: {
+				base: "{colors.blue.50}",
+				_dark: "{colors.blue.950}"
 			} },
-			onAccent: { value: "{colors.neutral.50}" }
+			link: {
+				default: { value: {
+					base: "{colors.neutral.600}",
+					_dark: "{colors.neutral.400}"
+				} },
+				hover: { value: {
+					base: "{colors.neutral.900}",
+					_dark: "{colors.neutral.200}"
+				} }
+			}
 		},
-		border: {
-			default: { value: {
-				base: "{colors.neutral.300}",
-				_dark: "{colors.neutral.700}"
+		shadows: {
+			sm: { value: {
+				base: "0 1px 2px rgb(0 0 0 / 0.08)",
+				_dark: "0 1px 2px rgb(255 255 255 / 0.08)"
 			} },
-			strong: { value: {
-				base: "{colors.neutral.500}",
-				_dark: "{colors.neutral.500}"
+			md: { value: {
+				base: "0 10px 24px rgb(0 0 0 / 0.12)",
+				_dark: "0 10px 24px rgb(255 255 255 / 0.1)"
 			} },
-			interactive: { value: {
-				base: "{colors.neutral.900}",
-				_dark: "{colors.neutral.200}"
-			} }
-		},
-		accent: {
-			default: { value: "{colors.blue.600}" },
-			hover: { value: "{colors.blue.700}" }
-		},
-		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}",
-				_dark: "{colors.neutral.400}"
+			lg: { value: {
+				base: "0 18px 42px rgb(0 0 0 / 0.16)",
+				_dark: "0 18px 42px rgb(255 255 255 / 0.12)"
 			} },
-			hover: { value: {
-				base: "{colors.neutral.900}",
-				_dark: "{colors.neutral.200}"
+			xl: { value: {
+				base: "0 24px 52px rgb(0 0 0 / 0.2)",
+				_dark: "0 24px 52px rgb(255 255 255 / 0.14)"
 			} }
 		}
-	} },
+	},
 	textStyles: { body: { value: {
 		fontFamily: "system-ui, sans-serif",
 		lineHeight: "1.5"

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      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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"}
+{"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      shadows: {\n        sm: {\n          value: {\n            base: \"0 1px 2px rgb(0 0 0 / 0.08)\",\n            _dark: \"0 1px 2px rgb(255 255 255 / 0.08)\",\n          },\n        },\n        md: {\n          value: {\n            base: \"0 10px 24px rgb(0 0 0 / 0.12)\",\n            _dark: \"0 10px 24px rgb(255 255 255 / 0.1)\",\n          },\n        },\n        lg: {\n          value: {\n            base: \"0 18px 42px rgb(0 0 0 / 0.16)\",\n            _dark: \"0 18px 42px rgb(255 255 255 / 0.12)\",\n          },\n        },\n        xl: {\n          value: {\n            base: \"0 24px 52px rgb(0 0 0 / 0.2)\",\n            _dark: \"0 24px 52px rgb(255 255 255 / 0.14)\",\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,aAAa;GACX,QAAQ,EAAE,OAAO,oDAAoD;GACrE,WAAW,EAAE,OAAO,YAAY;GAChC,UAAU,EAAE,OAAO,+DAA+D;EACpF;EACA,YAAY,EACV,MAAM,EAAE,OAAO,6BAA6B,EAC9C;CACF;CACA,gBAAgB;EACd,QAAQ;GACN,SAAS;IACP,QAAQ,EACN,OAAO;KAAE,MAAM;KAAuB,OAAO;IAAuB,EACtE;IACA,SAAS,EACP,OAAO;KAAE,MAAM;KAAwB,OAAO;IAAuB,EACvE;IACA,QAAQ,EACN,OAAO;KAAE,MAAM;KAAuB,OAAO;IAAuB,EACtE;IACA,QAAQ,EACN,OAAO;KAAE,MAAM;KAAwB,OAAO;IAAuB,EACvE;IACA,SAAS,EACP,OAAO;KACL,MAAM;KACN,OAAO;IACT,EACF;GACF;GACA,IAAI;IACF,SAAS,EACP,OAAO;KAAE,MAAM;KAAwB,OAAO;IAAuB,EACvE;IACA,OAAO,EACL,OAAO;KAAE,MAAM;KAAwB,OAAO;IAAuB,EACvE;IACA,UAAU,EAAE,OAAO,sBAAsB;GAC3C;GACA,QAAQ;IACN,SAAS,EACP,OAAO;KAAE,MAAM;KAAwB,OAAO;IAAuB,EACvE;IACA,QAAQ,EACN,OAAO;KAAE,MAAM;KAAwB,OAAO;IAAuB,EACvE;IACA,aAAa,EACX,OAAO;KAAE,MAAM;KAAwB,OAAO;IAAuB,EACvE;GACF;GACA,QAAQ;IACN,SAAS,EAAE,OAAO,oBAAoB;IACtC,OAAO,EAAE,OAAO,oBAAoB;GACtC;GACA,SAAS,EAAE,OAAO,qBAAqB;GACvC,SAAS,EAAE,OAAO,qBAAqB;GACvC,QAAQ,EAAE,OAAO,mBAAmB;GACpC,MAAM,EAAE,OAAO,oBAAoB;GACnC,OAAO,EAAE,OAAO,oBAAoB;GACpC,UAAU,EACR,OAAO;IAAE,MAAM;IAAwB,OAAO;GAAuB,EACvE;GACA,UAAU,EACR,OAAO;IAAE,MAAM;IAAoB,OAAO;GAAoB,EAChE;GACA,MAAM;IACJ,SAAS,EACP,OAAO;KAAE,MAAM;KAAwB,OAAO;IAAuB,EACvE;IACA,OAAO,EACL,OAAO;KAAE,MAAM;KAAwB,OAAO;IAAuB,EACvE;GACF;EACF;EACA,SAAS;GACP,IAAI,EACF,OAAO;IACL,MAAM;IACN,OAAO;GACT,EACF;GACA,IAAI,EACF,OAAO;IACL,MAAM;IACN,OAAO;GACT,EACF;GACA,IAAI,EACF,OAAO;IACL,MAAM;IACN,OAAO;GACT,EACF;GACA,IAAI,EACF,OAAO;IACL,MAAM;IACN,OAAO;GACT,EACF;EACF;CACF;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"}

package/dist/styles/theme.js

@@ -63,82 +63,102 @@ const jaciTheme = { extend: {
 		},
 		animations: { spin: { value: "spin 900ms linear infinite" } }
 	},
-	semanticTokens: { colors: {
-		surface: {
-			canvas: { value: {
-				base: "{colors.neutral.50}",
-				_dark: "{colors.neutral.950}"
-			} },
-			default: { value: {
-				base: "{colors.neutral.100}",
-				_dark: "{colors.neutral.900}"
-			} },
-			raised: { value: {
-				base: "{colors.neutral.50}",
-				_dark: "{colors.neutral.800}"
-			} },
-			subtle: { value: {
-				base: "{colors.neutral.200}",
-				_dark: "{colors.neutral.800}"
-			} },
-			overlay: { value: {
-				base: "rgb(250 250 250 / 0.32)",
-				_dark: "rgb(9 9 11 / 0.4)"
-			} }
-		},
-		fg: {
-			default: { value: {
-				base: "{colors.neutral.900}",
-				_dark: "{colors.neutral.100}"
+	semanticTokens: {
+		colors: {
+			surface: {
+				canvas: { value: {
+					base: "{colors.neutral.50}",
+					_dark: "{colors.neutral.950}"
+				} },
+				default: { value: {
+					base: "{colors.neutral.100}",
+					_dark: "{colors.neutral.900}"
+				} },
+				raised: { value: {
+					base: "{colors.neutral.50}",
+					_dark: "{colors.neutral.800}"
+				} },
+				subtle: { value: {
+					base: "{colors.neutral.200}",
+					_dark: "{colors.neutral.800}"
+				} },
+				overlay: { value: {
+					base: "rgb(250 250 250 / 0.32)",
+					_dark: "rgb(9 9 11 / 0.4)"
+				} }
+			},
+			fg: {
+				default: { value: {
+					base: "{colors.neutral.900}",
+					_dark: "{colors.neutral.100}"
+				} },
+				muted: { value: {
+					base: "{colors.neutral.600}",
+					_dark: "{colors.neutral.400}"
+				} },
+				onAccent: { value: "{colors.neutral.50}" }
+			},
+			border: {
+				default: { value: {
+					base: "{colors.neutral.300}",
+					_dark: "{colors.neutral.700}"
+				} },
+				strong: { value: {
+					base: "{colors.neutral.500}",
+					_dark: "{colors.neutral.500}"
+				} },
+				interactive: { value: {
+					base: "{colors.neutral.900}",
+					_dark: "{colors.neutral.200}"
+				} }
+			},
+			accent: {
+				default: { value: "{colors.blue.600}" },
+				hover: { value: "{colors.blue.700}" }
+			},
+			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}"
 			} },
-			muted: { value: {
-				base: "{colors.neutral.600}",
-				_dark: "{colors.neutral.400}"
+			selected: { value: {
+				base: "{colors.blue.50}",
+				_dark: "{colors.blue.950}"
 			} },
-			onAccent: { value: "{colors.neutral.50}" }
+			link: {
+				default: { value: {
+					base: "{colors.neutral.600}",
+					_dark: "{colors.neutral.400}"
+				} },
+				hover: { value: {
+					base: "{colors.neutral.900}",
+					_dark: "{colors.neutral.200}"
+				} }
+			}
 		},
-		border: {
-			default: { value: {
-				base: "{colors.neutral.300}",
-				_dark: "{colors.neutral.700}"
+		shadows: {
+			sm: { value: {
+				base: "0 1px 2px rgb(0 0 0 / 0.08)",
+				_dark: "0 1px 2px rgb(255 255 255 / 0.08)"
 			} },
-			strong: { value: {
-				base: "{colors.neutral.500}",
-				_dark: "{colors.neutral.500}"
+			md: { value: {
+				base: "0 10px 24px rgb(0 0 0 / 0.12)",
+				_dark: "0 10px 24px rgb(255 255 255 / 0.1)"
 			} },
-			interactive: { value: {
-				base: "{colors.neutral.900}",
-				_dark: "{colors.neutral.200}"
-			} }
-		},
-		accent: {
-			default: { value: "{colors.blue.600}" },
-			hover: { value: "{colors.blue.700}" }
-		},
-		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}",
-				_dark: "{colors.neutral.400}"
+			lg: { value: {
+				base: "0 18px 42px rgb(0 0 0 / 0.16)",
+				_dark: "0 18px 42px rgb(255 255 255 / 0.12)"
 			} },
-			hover: { value: {
-				base: "{colors.neutral.900}",
-				_dark: "{colors.neutral.200}"
+			xl: { value: {
+				base: "0 24px 52px rgb(0 0 0 / 0.2)",
+				_dark: "0 24px 52px rgb(255 255 255 / 0.14)"
 			} }
 		}
-	} },
+	},
 	textStyles: { body: { value: {
 		fontFamily: "system-ui, sans-serif",
 		lineHeight: "1.5"

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      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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"}
+{"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      shadows: {\n        sm: {\n          value: {\n            base: \"0 1px 2px rgb(0 0 0 / 0.08)\",\n            _dark: \"0 1px 2px rgb(255 255 255 / 0.08)\",\n          },\n        },\n        md: {\n          value: {\n            base: \"0 10px 24px rgb(0 0 0 / 0.12)\",\n            _dark: \"0 10px 24px rgb(255 255 255 / 0.1)\",\n          },\n        },\n        lg: {\n          value: {\n            base: \"0 18px 42px rgb(0 0 0 / 0.16)\",\n            _dark: \"0 18px 42px rgb(255 255 255 / 0.12)\",\n          },\n        },\n        xl: {\n          value: {\n            base: \"0 24px 52px rgb(0 0 0 / 0.2)\",\n            _dark: \"0 24px 52px rgb(255 255 255 / 0.14)\",\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

@@ -525,23 +525,6 @@
     --jaci-colors-link-hover: var(--jaci-colors-neutral-900);
 }
 
-  [data-jaci-theme="dark"] {
-    --jaci-colors-surface-canvas: var(--jaci-colors-neutral-950);
-    --jaci-colors-surface-default: var(--jaci-colors-neutral-900);
-    --jaci-colors-surface-raised: var(--jaci-colors-neutral-800);
-    --jaci-colors-surface-subtle: var(--jaci-colors-neutral-800);
-    --jaci-colors-surface-overlay: rgb(9 9 11 / 0.4);
-    --jaci-colors-fg-default: var(--jaci-colors-neutral-100);
-    --jaci-colors-fg-muted: var(--jaci-colors-neutral-400);
-    --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)
-}
-
   @keyframes ping {
     75%,100% {
       transform: scale(2);
@@ -1404,12 +1387,15 @@
 
   .jaci-badge--tone_danger-outline {
     border-color: var(--jaci-colors-danger);
-    border-style: solid;
-    border-width: 1px;
     background-color: var(--jaci-colors-transparent);
     color: var(--jaci-colors-danger);
 }
 
+  .jaci-badge--tone_danger-outline,.jaci-badge--tone_custom-outline {
+    border-style: solid;
+    border-width: 1px;
+}
+
   .jaci-iconButton--variant_outline {
     background-color: var(--jaci-colors-transparent);
     color: var(--jaci-colors-fg-default);

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

@@ -1 +1 @@
-{"version":3,"file":"theme-provider.cjs","names":["ThemeScopeContext"],"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\nimport { ThemeScopeContext } from \"./theme-scope\";\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 [scopeElement, setScopeElement] = useState<HTMLElement | null>(null);\n  const [portalContainer, setPortalContainer] = useState<HTMLElement | null>(null);\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 scopedTokenStyles = useMemo(() => tokenStyles(tokens), [tokens]);\n  const Root = as;\n  const setRootRef = useCallback(\n    (element: HTMLElement | null) => {\n      setScopeElement((current) => (current === element ? current : element));\n      if (typeof ref === \"function\") ref(element);\n      else if (ref) (ref as { current: HTMLElement | null }).current = element;\n    },\n    [ref],\n  );\n\n  useEffect(() => {\n    if (!scopeElement || typeof document === \"undefined\") return;\n\n    const host = document.createElement(\"div\");\n    host.dataset.jaciThemePortal = \"true\";\n    host.dataset.jaciComponent = \"theme-portal\";\n    host.dataset.slot = \"theme-portal\";\n    // Keep the host out of the Storybook/app layout. Its descendants still\n    // inherit the theme attribute and scoped custom properties.\n    host.style.display = \"contents\";\n    document.body.append(host);\n    setPortalContainer(host);\n\n    return () => {\n      setPortalContainer((current) => (current === host ? null : current));\n      host.remove();\n    };\n  }, [scopeElement]);\n\n  useEffect(() => {\n    if (!portalContainer) return;\n\n    portalContainer.dataset.jaciTheme = resolvedTheme;\n    for (const [property, value] of Object.entries(scopedTokenStyles)) {\n      portalContainer.style.setProperty(property, value);\n    }\n\n    return () => {\n      for (const property of Object.keys(scopedTokenStyles)) {\n        portalContainer.style.removeProperty(property);\n      }\n    };\n  }, [portalContainer, resolvedTheme, scopedTokenStyles]);\n\n  return (\n    <ThemeContext.Provider value={contextValue}>\n      <ThemeScopeContext.Provider value={{ container: portalContainer }}>\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: setRootRef as Ref<HTMLElement>,\n            style: mergedStyle,\n          },\n          children,\n        )}\n      </ThemeScopeContext.Provider>\n    </ThemeContext.Provider>\n  );\n});\n\nexport function useTheme() {\n  return useContext(ThemeContext);\n}\n"],"mappings":";;;;;AAwFA,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,CAAC,cAAc,oBAAA,GAAA,MAAA,SAAA,CAAgD,IAAI;CACzE,MAAM,CAAC,iBAAiB,uBAAA,GAAA,MAAA,SAAA,CAAmD,IAAI;CAC/E,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,qBAAA,GAAA,MAAA,QAAA,OAAkC,YAAY,MAAM,GAAG,CAAC,MAAM,CAAC;CACrE,MAAM,OAAO;CACb,MAAM,cAAA,GAAA,MAAA,YAAA,EACH,YAAgC;EAC/B,iBAAiB,YAAa,YAAY,UAAU,UAAU,OAAQ;EACtE,IAAI,OAAO,QAAQ,YAAY,IAAI,OAAO;OACrC,IAAI,KAAK,IAAyC,UAAU;CACnE,GACA,CAAC,GAAG,CACN;CAEA,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,CAAC,gBAAgB,OAAO,aAAa,aAAa;EAEtD,MAAM,OAAO,SAAS,cAAc,KAAK;EACzC,KAAK,QAAQ,kBAAkB;EAC/B,KAAK,QAAQ,gBAAgB;EAC7B,KAAK,QAAQ,OAAO;EAGpB,KAAK,MAAM,UAAU;EACrB,SAAS,KAAK,OAAO,IAAI;EACzB,mBAAmB,IAAI;EAEvB,aAAa;GACX,oBAAoB,YAAa,YAAY,OAAO,OAAO,OAAQ;GACnE,KAAK,OAAO;EACd;CACF,GAAG,CAAC,YAAY,CAAC;CAEjB,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,CAAC,iBAAiB;EAEtB,gBAAgB,QAAQ,YAAY;EACpC,KAAK,MAAM,CAAC,UAAU,UAAU,OAAO,QAAQ,iBAAiB,GAC9D,gBAAgB,MAAM,YAAY,UAAU,KAAK;EAGnD,aAAa;GACX,KAAK,MAAM,YAAY,OAAO,KAAK,iBAAiB,GAClD,gBAAgB,MAAM,eAAe,QAAQ;EAEjD;CACF,GAAG;EAAC;EAAiB;EAAe;CAAiB,CAAC;CAEtD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAa,UAAd;EAAuB,OAAO;YAC5B,iBAAA,GAAA,kBAAA,IAAA,CAACA,oBAAAA,kBAAkB,UAAnB;GAA4B,OAAO,EAAE,WAAW,gBAAgB;sCAE5D,MACA;IACE,GAAG;IACH,mBAAmB;IACnB,uBAAuB;IACvB,aAAa;IACb,KAAK;IACL,OAAO;GACT,GACA,QACF;EAC0B,CAAA;CACP,CAAA;AAE3B,CAAC;AAED,SAAgB,WAAW;CACzB,QAAA,GAAA,MAAA,WAAA,CAAkB,YAAY;AAChC"}
+{"version":3,"file":"theme-provider.cjs","names":["createContext","forwardRef","useState","useCallback","useMemo","ThemeScopeContext","createElement","useContext"],"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\nimport { ThemeScopeContext } from \"./theme-scope\";\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 [scopeElement, setScopeElement] = useState<HTMLElement | null>(null);\n  const [portalContainer, setPortalContainer] = useState<HTMLElement | null>(null);\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 scopedTokenStyles = useMemo(() => tokenStyles(tokens), [tokens]);\n  const Root = as;\n  const setRootRef = useCallback(\n    (element: HTMLElement | null) => {\n      setScopeElement((current) => (current === element ? current : element));\n      if (typeof ref === \"function\") ref(element);\n      else if (ref) (ref as { current: HTMLElement | null }).current = element;\n    },\n    [ref],\n  );\n\n  useEffect(() => {\n    if (!scopeElement || typeof document === \"undefined\") return;\n\n    const host = document.createElement(\"div\");\n    host.dataset.jaciThemePortal = \"true\";\n    host.dataset.jaciComponent = \"theme-portal\";\n    host.dataset.slot = \"theme-portal\";\n    // Keep the host out of the Storybook/app layout. Its descendants still\n    // inherit the theme attribute and scoped custom properties.\n    host.style.display = \"contents\";\n    document.body.append(host);\n    setPortalContainer(host);\n\n    return () => {\n      setPortalContainer((current) => (current === host ? null : current));\n      host.remove();\n    };\n  }, [scopeElement]);\n\n  useEffect(() => {\n    if (!portalContainer) return;\n\n    portalContainer.dataset.jaciTheme = resolvedTheme;\n    for (const [property, value] of Object.entries(scopedTokenStyles)) {\n      portalContainer.style.setProperty(property, value);\n    }\n\n    return () => {\n      for (const property of Object.keys(scopedTokenStyles)) {\n        portalContainer.style.removeProperty(property);\n      }\n    };\n  }, [portalContainer, resolvedTheme, scopedTokenStyles]);\n\n  return (\n    <ThemeContext.Provider value={contextValue}>\n      <ThemeScopeContext.Provider value={{ container: portalContainer }}>\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: setRootRef as Ref<HTMLElement>,\n            style: mergedStyle,\n          },\n          children,\n        )}\n      </ThemeScopeContext.Provider>\n    </ThemeContext.Provider>\n  );\n});\n\nexport function useTheme() {\n  return useContext(ThemeContext);\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"theme-provider.js","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\nimport { ThemeScopeContext } from \"./theme-scope\";\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 [scopeElement, setScopeElement] = useState<HTMLElement | null>(null);\n  const [portalContainer, setPortalContainer] = useState<HTMLElement | null>(null);\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 scopedTokenStyles = useMemo(() => tokenStyles(tokens), [tokens]);\n  const Root = as;\n  const setRootRef = useCallback(\n    (element: HTMLElement | null) => {\n      setScopeElement((current) => (current === element ? current : element));\n      if (typeof ref === \"function\") ref(element);\n      else if (ref) (ref as { current: HTMLElement | null }).current = element;\n    },\n    [ref],\n  );\n\n  useEffect(() => {\n    if (!scopeElement || typeof document === \"undefined\") return;\n\n    const host = document.createElement(\"div\");\n    host.dataset.jaciThemePortal = \"true\";\n    host.dataset.jaciComponent = \"theme-portal\";\n    host.dataset.slot = \"theme-portal\";\n    // Keep the host out of the Storybook/app layout. Its descendants still\n    // inherit the theme attribute and scoped custom properties.\n    host.style.display = \"contents\";\n    document.body.append(host);\n    setPortalContainer(host);\n\n    return () => {\n      setPortalContainer((current) => (current === host ? null : current));\n      host.remove();\n    };\n  }, [scopeElement]);\n\n  useEffect(() => {\n    if (!portalContainer) return;\n\n    portalContainer.dataset.jaciTheme = resolvedTheme;\n    for (const [property, value] of Object.entries(scopedTokenStyles)) {\n      portalContainer.style.setProperty(property, value);\n    }\n\n    return () => {\n      for (const property of Object.keys(scopedTokenStyles)) {\n        portalContainer.style.removeProperty(property);\n      }\n    };\n  }, [portalContainer, resolvedTheme, scopedTokenStyles]);\n\n  return (\n    <ThemeContext.Provider value={contextValue}>\n      <ThemeScopeContext.Provider value={{ container: portalContainer }}>\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: setRootRef as Ref<HTMLElement>,\n            style: mergedStyle,\n          },\n          children,\n        )}\n      </ThemeScopeContext.Provider>\n    </ThemeContext.Provider>\n  );\n});\n\nexport function useTheme() {\n  return useContext(ThemeContext);\n}\n"],"mappings":"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"}
+{"version":3,"file":"theme-provider.js","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\nimport { ThemeScopeContext } from \"./theme-scope\";\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 [scopeElement, setScopeElement] = useState<HTMLElement | null>(null);\n  const [portalContainer, setPortalContainer] = useState<HTMLElement | null>(null);\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 scopedTokenStyles = useMemo(() => tokenStyles(tokens), [tokens]);\n  const Root = as;\n  const setRootRef = useCallback(\n    (element: HTMLElement | null) => {\n      setScopeElement((current) => (current === element ? current : element));\n      if (typeof ref === \"function\") ref(element);\n      else if (ref) (ref as { current: HTMLElement | null }).current = element;\n    },\n    [ref],\n  );\n\n  useEffect(() => {\n    if (!scopeElement || typeof document === \"undefined\") return;\n\n    const host = document.createElement(\"div\");\n    host.dataset.jaciThemePortal = \"true\";\n    host.dataset.jaciComponent = \"theme-portal\";\n    host.dataset.slot = \"theme-portal\";\n    // Keep the host out of the Storybook/app layout. Its descendants still\n    // inherit the theme attribute and scoped custom properties.\n    host.style.display = \"contents\";\n    document.body.append(host);\n    setPortalContainer(host);\n\n    return () => {\n      setPortalContainer((current) => (current === host ? null : current));\n      host.remove();\n    };\n  }, [scopeElement]);\n\n  useEffect(() => {\n    if (!portalContainer) return;\n\n    portalContainer.dataset.jaciTheme = resolvedTheme;\n    for (const [property, value] of Object.entries(scopedTokenStyles)) {\n      portalContainer.style.setProperty(property, value);\n    }\n\n    return () => {\n      for (const property of Object.keys(scopedTokenStyles)) {\n        portalContainer.style.removeProperty(property);\n      }\n    };\n  }, [portalContainer, resolvedTheme, scopedTokenStyles]);\n\n  return (\n    <ThemeContext.Provider value={contextValue}>\n      <ThemeScopeContext.Provider value={{ container: portalContainer }}>\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: setRootRef as Ref<HTMLElement>,\n            style: mergedStyle,\n          },\n          children,\n        )}\n      </ThemeScopeContext.Provider>\n    </ThemeContext.Provider>\n  );\n});\n\nexport function useTheme() {\n  return useContext(ThemeContext);\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"theme-scope.cjs","names":[],"sources":["../../src/theme/theme-scope.ts"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\nimport type { RefObject } from \"react\";\n\nexport type ThemePortalContainer =\n  | HTMLElement\n  | ShadowRoot\n  | null\n  | RefObject<HTMLElement | ShadowRoot | null>;\n\nexport interface ThemeScopeValue {\n  container: HTMLElement | null;\n}\n\nexport const ThemeScopeContext = createContext<ThemeScopeValue>({ container: null });\n\nexport function useThemePortalContainer() {\n  return useContext(ThemeScopeContext).container;\n}\n\nexport function useThemePortalProps<T extends { container?: ThemePortalContainer | undefined }>(\n  props: T,\n): T {\n  const scopedContainer = useThemePortalContainer();\n\n  if (props.container !== undefined || scopedContainer === null) return props;\n\n  return { ...props, container: scopedContainer };\n}\n"],"mappings":";;;AAeA,MAAa,qBAAA,GAAA,MAAA,cAAA,CAAmD,EAAE,WAAW,KAAK,CAAC;AAEnF,SAAgB,0BAA0B;CACxC,QAAA,GAAA,MAAA,WAAA,CAAkB,iBAAiB,CAAC,CAAC;AACvC;AAEA,SAAgB,oBACd,OACG;CACH,MAAM,kBAAkB,wBAAwB;CAEhD,IAAI,MAAM,cAAc,KAAA,KAAa,oBAAoB,MAAM,OAAO;CAEtE,OAAO;EAAE,GAAG;EAAO,WAAW;CAAgB;AAChD"}
+{"version":3,"file":"theme-scope.cjs","names":["createContext","useContext"],"sources":["../../src/theme/theme-scope.ts"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\nimport type { RefObject } from \"react\";\n\nexport type ThemePortalContainer =\n  | HTMLElement\n  | ShadowRoot\n  | null\n  | RefObject<HTMLElement | ShadowRoot | null>;\n\nexport interface ThemeScopeValue {\n  container: HTMLElement | null;\n}\n\nexport const ThemeScopeContext = createContext<ThemeScopeValue>({ container: null });\n\nexport function useThemePortalContainer() {\n  return useContext(ThemeScopeContext).container;\n}\n\nexport function useThemePortalProps<T extends { container?: ThemePortalContainer | undefined }>(\n  props: T,\n): T {\n  const scopedContainer = useThemePortalContainer();\n\n  if (props.container !== undefined || scopedContainer === null) return props;\n\n  return { ...props, container: scopedContainer };\n}\n"],"mappings":";;;AAeA,MAAa,qBAAA,GAAoBA,MAAAA,cAAAA,CAA+B,EAAE,WAAW,KAAK,CAAC;AAEnF,SAAgB,0BAA0B;CACxC,QAAA,GAAOC,MAAAA,WAAAA,CAAW,iBAAiB,CAAC,CAAC;AACvC;AAEA,SAAgB,oBACd,OACG;CACH,MAAM,kBAAkB,wBAAwB;CAEhD,IAAI,MAAM,cAAc,KAAA,KAAa,oBAAoB,MAAM,OAAO;CAEtE,OAAO;EAAE,GAAG;EAAO,WAAW;CAAgB;AAChD"}