jaci-ui 0.9.4 → 1.0.2

package/dist/components/checkbox-group/checkbox-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.cjs","names":["Field","cx","checkboxGroup","BaseCheckboxGroup","BaseField","withRecipeClassName","BaseCheckbox"],"sources":["../../../src/components/checkbox-group/checkbox-group.tsx"],"sourcesContent":["\"use client\";\n\nimport { Checkbox as BaseCheckbox } from \"@base-ui/react/checkbox\";\nimport { CheckboxGroup as BaseCheckboxGroup } from \"@base-ui/react/checkbox-group\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { CheckboxGroup as BaseCheckboxGroupType } from \"@base-ui/react/checkbox-group\";\nimport type { CheckboxRoot as BaseCheckboxRoot } from \"@base-ui/react/checkbox\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { checkboxGroup } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { Field } from \"../field\";\n\nexport interface CheckboxGroupRootProps\n  extends Omit<BaseCheckboxGroupType.Props, \"children\" | \"className\" | \"onValueChange\"> {\n  /** Marks the group invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Direct error content rendered through the surrounding Field context. */\n  errors?: ReactNode | ReactNode[];\n  children?: ReactNode;\n  className?: string;\n  name?: string;\n  onValueChange?: (value: string[]) => void;\n}\n\nexport function CheckboxGroupRoot({\n  children,\n  className,\n  errors,\n  invalid,\n  name,\n  onValueChange,\n  ...props\n}: CheckboxGroupRootProps) {\n  const styles = checkboxGroup();\n  const fieldProps = {\n    className: cx(styles.root, className),\n    ...(errors === undefined ? {} : { errors }),\n    ...(invalid === undefined ? {} : { invalid }),\n    ...(name === undefined ? {} : { name }),\n  };\n\n  return (\n    <Field {...fieldProps}>\n      <BaseCheckboxGroup {...props} onValueChange={(value) => onValueChange?.(value)}>\n        {children}\n      </BaseCheckboxGroup>\n    </Field>\n  );\n}\n\nexport type CheckboxGroupLabelProps = ComponentPropsWithoutRef<typeof BaseField.Label>;\n\nexport const CheckboxGroupLabel = forwardRef<HTMLElement, CheckboxGroupLabelProps>(\n  function CheckboxGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseField.Label\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(checkboxGroup().label, className)}\n        data-slot=\"checkbox-group-label\"\n      />\n    );\n  },\n);\n\nexport type CheckboxGroupOptionProps = ComponentPropsWithoutRef<\"label\">;\n\nexport const CheckboxGroupOption = forwardRef<HTMLLabelElement, CheckboxGroupOptionProps>(\n  function CheckboxGroupOption({ children, className, htmlFor, ...props }, ref) {\n    return (\n      <label\n        {...props}\n        ref={ref}\n        className={cx(checkboxGroup().option, className)}\n        data-slot=\"checkbox-group-option\"\n        htmlFor={htmlFor}\n      >\n        {children}\n      </label>\n    );\n  },\n);\n\nexport type CheckboxGroupOptionsProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const CheckboxGroupOptions = forwardRef<HTMLDivElement, CheckboxGroupOptionsProps>(\n  function CheckboxGroupOptions({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(checkboxGroup().options, className)}\n        data-slot=\"checkbox-group-options\"\n      />\n    );\n  },\n);\n\nexport type CheckboxGroupItemProps = BaseCheckboxRoot.Props;\n\nexport const CheckboxGroupItem = forwardRef<HTMLElement, CheckboxGroupItemProps>(\n  function CheckboxGroupItem({ className, ...props }, ref) {\n    return (\n      <BaseCheckbox.Root\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(checkboxGroup().checkbox, className)}\n        data-slot=\"checkbox-group-item\"\n      />\n    );\n  },\n);\n\nexport type CheckboxGroupIndicatorProps = ComponentPropsWithoutRef<typeof BaseCheckbox.Indicator>;\n\nexport const CheckboxGroupIndicator = forwardRef<HTMLSpanElement, CheckboxGroupIndicatorProps>(\n  function CheckboxGroupIndicator({ children, className, ...props }, ref) {\n    return (\n      <BaseCheckbox.Indicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(checkboxGroup().indicator, className)}\n        data-slot=\"checkbox-group-indicator\"\n      >\n        {children ?? \"✓\"}\n      </BaseCheckbox.Indicator>\n    );\n  },\n);\n\nexport const CheckboxGroup = {\n  Root: CheckboxGroupRoot,\n  Label: CheckboxGroupLabel,\n  Options: CheckboxGroupOptions,\n  Option: CheckboxGroupOption,\n  Item: CheckboxGroupItem,\n  Indicator: CheckboxGroupIndicator,\n};\n"],"mappings":";;;;;;;;;;;AA2BA,SAAgB,kBAAkB,EAChC,UACA,WACA,QACA,SACA,MACA,eACA,GAAG,SACsB;CASzB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,OAAD;EAPA,WAAWC,WAAAA,GAFEC,uBAAAA,cAEM,CAAC,CAAC,MAAM,SAAS;EACpC,GAAI,WAAW,KAAA,IAAY,CAAC,IAAI,EAAE,OAAO;EACzC,GAAI,YAAY,KAAA,IAAY,CAAC,IAAI,EAAE,QAAQ;EAC3C,GAAI,SAAS,KAAA,IAAY,CAAC,IAAI,EAAE,KAAK;YAKnC,iBAAA,GAAA,kBAAA,IAAA,CAACC,8BAAAA,eAAD;GAAmB,GAAI;GAAO,gBAAgB,UAAU,gBAAgB,KAAK;GAC1E;EACgB,CAAA;CACd,CAAA;AAEX;AAIA,MAAa,sBAAA,GAAA,MAAA,WAAA,CACX,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAS,KAAK;CACxD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,MAAU,OAAX;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBH,uBAAAA,cAAc,CAAC,CAAC,OAAO,SAAS;EAC/D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,uBAAA,GAAA,MAAA,WAAA,CACX,SAAS,oBAAoB,EAAE,UAAU,WAAW,SAAS,GAAG,SAAS,KAAK;CAC5E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EACE,GAAI;EACC;EACL,WAAWD,WAAAA,GAAGC,uBAAAA,cAAc,CAAC,CAAC,QAAQ,SAAS;EAC/C,aAAU;EACD;EAER;CACI,CAAA;AAEX,CACF;AAIA,MAAa,wBAAA,GAAA,MAAA,WAAA,CACX,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAS,KAAK;CAC1D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWD,WAAAA,GAAGC,uBAAAA,cAAc,CAAC,CAAC,SAAS,SAAS;EAChD,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,qBAAA,GAAA,MAAA,WAAA,CACX,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACI,wBAAAA,SAAa,MAAd;EACE,GAAI;EACC;EACL,WAAWD,gBAAAA,oBAAoBH,uBAAAA,cAAc,CAAC,CAAC,UAAU,SAAS;EAClE,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,0BAAA,GAAA,MAAA,WAAA,CACX,SAAS,uBAAuB,EAAE,UAAU,WAAW,GAAG,SAAS,KAAK;CACtE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACI,wBAAAA,SAAa,WAAd;EACE,GAAI;EACC;EACL,WAAWD,gBAAAA,oBAAoBH,uBAAAA,cAAc,CAAC,CAAC,WAAW,SAAS;EACnE,aAAU;YAET,YAAY;CACS,CAAA;AAE5B,CACF;AAEA,MAAa,gBAAgB;CAC3B,MAAM;CACN,OAAO;CACP,SAAS;CACT,QAAQ;CACR,MAAM;CACN,WAAW;AACb"}
+{"version":3,"file":"checkbox-group.cjs","names":["checkboxGroup","cx","Field","BaseCheckboxGroup","forwardRef","BaseField","withRecipeClassName","BaseCheckbox"],"sources":["../../../src/components/checkbox-group/checkbox-group.tsx"],"sourcesContent":["\"use client\";\n\nimport { Checkbox as BaseCheckbox } from \"@base-ui/react/checkbox\";\nimport { CheckboxGroup as BaseCheckboxGroup } from \"@base-ui/react/checkbox-group\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { CheckboxGroup as BaseCheckboxGroupType } from \"@base-ui/react/checkbox-group\";\nimport type { CheckboxRoot as BaseCheckboxRoot } from \"@base-ui/react/checkbox\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { checkboxGroup } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { Field } from \"../field\";\n\nexport interface CheckboxGroupRootProps\n  extends Omit<BaseCheckboxGroupType.Props, \"children\" | \"className\" | \"onValueChange\"> {\n  /** Marks the group invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Direct error content rendered through the surrounding Field context. */\n  errors?: ReactNode | ReactNode[];\n  children?: ReactNode;\n  className?: string;\n  name?: string;\n  onValueChange?: (value: string[]) => void;\n}\n\nexport function CheckboxGroupRoot({\n  children,\n  className,\n  errors,\n  invalid,\n  name,\n  onValueChange,\n  ...props\n}: CheckboxGroupRootProps) {\n  const styles = checkboxGroup();\n  const fieldProps = {\n    className: cx(styles.root, className),\n    ...(errors === undefined ? {} : { errors }),\n    ...(invalid === undefined ? {} : { invalid }),\n    ...(name === undefined ? {} : { name }),\n  };\n\n  return (\n    <Field {...fieldProps}>\n      <BaseCheckboxGroup {...props} onValueChange={(value) => onValueChange?.(value)}>\n        {children}\n      </BaseCheckboxGroup>\n    </Field>\n  );\n}\n\nexport type CheckboxGroupLabelProps = ComponentPropsWithoutRef<typeof BaseField.Label>;\n\nexport const CheckboxGroupLabel = forwardRef<HTMLElement, CheckboxGroupLabelProps>(\n  function CheckboxGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseField.Label\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(checkboxGroup().label, className)}\n        data-slot=\"checkbox-group-label\"\n      />\n    );\n  },\n);\n\nexport type CheckboxGroupOptionProps = ComponentPropsWithoutRef<\"label\">;\n\nexport const CheckboxGroupOption = forwardRef<HTMLLabelElement, CheckboxGroupOptionProps>(\n  function CheckboxGroupOption({ children, className, htmlFor, ...props }, ref) {\n    return (\n      <label\n        {...props}\n        ref={ref}\n        className={cx(checkboxGroup().option, className)}\n        data-slot=\"checkbox-group-option\"\n        htmlFor={htmlFor}\n      >\n        {children}\n      </label>\n    );\n  },\n);\n\nexport type CheckboxGroupOptionsProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const CheckboxGroupOptions = forwardRef<HTMLDivElement, CheckboxGroupOptionsProps>(\n  function CheckboxGroupOptions({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(checkboxGroup().options, className)}\n        data-slot=\"checkbox-group-options\"\n      />\n    );\n  },\n);\n\nexport type CheckboxGroupItemProps = BaseCheckboxRoot.Props;\n\nexport const CheckboxGroupItem = forwardRef<HTMLElement, CheckboxGroupItemProps>(\n  function CheckboxGroupItem({ className, ...props }, ref) {\n    return (\n      <BaseCheckbox.Root\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(checkboxGroup().checkbox, className)}\n        data-slot=\"checkbox-group-item\"\n      />\n    );\n  },\n);\n\nexport type CheckboxGroupIndicatorProps = ComponentPropsWithoutRef<typeof BaseCheckbox.Indicator>;\n\nexport const CheckboxGroupIndicator = forwardRef<HTMLSpanElement, CheckboxGroupIndicatorProps>(\n  function CheckboxGroupIndicator({ children, className, ...props }, ref) {\n    return (\n      <BaseCheckbox.Indicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(checkboxGroup().indicator, className)}\n        data-slot=\"checkbox-group-indicator\"\n      >\n        {children ?? \"✓\"}\n      </BaseCheckbox.Indicator>\n    );\n  },\n);\n\nexport const CheckboxGroup = {\n  Root: CheckboxGroupRoot,\n  Label: CheckboxGroupLabel,\n  Options: CheckboxGroupOptions,\n  Option: CheckboxGroupOption,\n  Item: CheckboxGroupItem,\n  Indicator: CheckboxGroupIndicator,\n};\n"],"mappings":";;;;;;;;;;;AA2BA,SAAgB,kBAAkB,EAChC,UACA,WACA,QACA,SACA,MACA,eACA,GAAG,SACsB;CACzB,MAAM,SAASA,uBAAAA,cAAc;CAC7B,MAAM,aAAa;EACjB,WAAWC,WAAAA,GAAG,OAAO,MAAM,SAAS;EACpC,GAAI,WAAW,KAAA,IAAY,CAAC,IAAI,EAAE,OAAO;EACzC,GAAI,YAAY,KAAA,IAAY,CAAC,IAAI,EAAE,QAAQ;EAC3C,GAAI,SAAS,KAAA,IAAY,CAAC,IAAI,EAAE,KAAK;CACvC;CAEA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,cAAAA,OAAD;EAAO,GAAI;EACT,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,8BAAAA,eAAD;GAAmB,GAAI;GAAO,gBAAgB,UAAU,gBAAgB,KAAK;GAC1E;EACgB,CAAA;CACd,CAAA;AAEX;AAIA,MAAa,sBAAA,GAAqBC,MAAAA,WAAAA,CAChC,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAS,KAAK;CACxD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,MAAU,OAAX;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBN,uBAAAA,cAAc,CAAC,CAAC,OAAO,SAAS;EAC/D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,uBAAA,GAAsBI,MAAAA,WAAAA,CACjC,SAAS,oBAAoB,EAAE,UAAU,WAAW,SAAS,GAAG,SAAS,KAAK;CAC5E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EACE,GAAI;EACC;EACL,WAAWH,WAAAA,GAAGD,uBAAAA,cAAc,CAAC,CAAC,QAAQ,SAAS;EAC/C,aAAU;EACD;EAER;CACI,CAAA;AAEX,CACF;AAIA,MAAa,wBAAA,GAAuBI,MAAAA,WAAAA,CAClC,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAS,KAAK;CAC1D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWH,WAAAA,GAAGD,uBAAAA,cAAc,CAAC,CAAC,SAAS,SAAS;EAChD,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,qBAAA,GAAoBI,MAAAA,WAAAA,CAC/B,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACG,wBAAAA,SAAa,MAAd;EACE,GAAI;EACC;EACL,WAAWD,gBAAAA,oBAAoBN,uBAAAA,cAAc,CAAC,CAAC,UAAU,SAAS;EAClE,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,0BAAA,GAAyBI,MAAAA,WAAAA,CACpC,SAAS,uBAAuB,EAAE,UAAU,WAAW,GAAG,SAAS,KAAK;CACtE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACG,wBAAAA,SAAa,WAAd;EACE,GAAI;EACC;EACL,WAAWD,gBAAAA,oBAAoBN,uBAAAA,cAAc,CAAC,CAAC,WAAW,SAAS;EACnE,aAAU;EAET,UAAA,YAAY;CACS,CAAA;AAE5B,CACF;AAEA,MAAa,gBAAgB;CAC3B,MAAM;CACN,OAAO;CACP,SAAS;CACT,QAAQ;CACR,MAAM;CACN,WAAW;AACb"}

package/dist/components/checkbox-group/checkbox-group.js

@@ -10,11 +10,15 @@ import { CheckboxGroup } from "@base-ui/react/checkbox-group";
 import { Field } from "@base-ui/react/field";
 //#region src/components/checkbox-group/checkbox-group.tsx
 function CheckboxGroupRoot({ children, className, errors, invalid, name, onValueChange, ...props }) {
-	return /* @__PURE__ */ jsx(Field$1, {
-		className: cx(checkboxGroup().root, className),
+	const styles = checkboxGroup();
+	const fieldProps = {
+		className: cx(styles.root, className),
 		...errors === void 0 ? {} : { errors },
 		...invalid === void 0 ? {} : { invalid },
-		...name === void 0 ? {} : { name },
+		...name === void 0 ? {} : { name }
+	};
+	return /* @__PURE__ */ jsx(Field$1, {
+		...fieldProps,
 		children: /* @__PURE__ */ jsx(CheckboxGroup, {
 			...props,
 			onValueChange: (value) => onValueChange?.(value),

package/dist/components/checkbox-group/checkbox-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.js","names":["Field","BaseCheckboxGroup","BaseField","BaseCheckbox","CheckboxGroup"],"sources":["../../../src/components/checkbox-group/checkbox-group.tsx"],"sourcesContent":["\"use client\";\n\nimport { Checkbox as BaseCheckbox } from \"@base-ui/react/checkbox\";\nimport { CheckboxGroup as BaseCheckboxGroup } from \"@base-ui/react/checkbox-group\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { CheckboxGroup as BaseCheckboxGroupType } from \"@base-ui/react/checkbox-group\";\nimport type { CheckboxRoot as BaseCheckboxRoot } from \"@base-ui/react/checkbox\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { checkboxGroup } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { Field } from \"../field\";\n\nexport interface CheckboxGroupRootProps\n  extends Omit<BaseCheckboxGroupType.Props, \"children\" | \"className\" | \"onValueChange\"> {\n  /** Marks the group invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Direct error content rendered through the surrounding Field context. */\n  errors?: ReactNode | ReactNode[];\n  children?: ReactNode;\n  className?: string;\n  name?: string;\n  onValueChange?: (value: string[]) => void;\n}\n\nexport function CheckboxGroupRoot({\n  children,\n  className,\n  errors,\n  invalid,\n  name,\n  onValueChange,\n  ...props\n}: CheckboxGroupRootProps) {\n  const styles = checkboxGroup();\n  const fieldProps = {\n    className: cx(styles.root, className),\n    ...(errors === undefined ? {} : { errors }),\n    ...(invalid === undefined ? {} : { invalid }),\n    ...(name === undefined ? {} : { name }),\n  };\n\n  return (\n    <Field {...fieldProps}>\n      <BaseCheckboxGroup {...props} onValueChange={(value) => onValueChange?.(value)}>\n        {children}\n      </BaseCheckboxGroup>\n    </Field>\n  );\n}\n\nexport type CheckboxGroupLabelProps = ComponentPropsWithoutRef<typeof BaseField.Label>;\n\nexport const CheckboxGroupLabel = forwardRef<HTMLElement, CheckboxGroupLabelProps>(\n  function CheckboxGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseField.Label\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(checkboxGroup().label, className)}\n        data-slot=\"checkbox-group-label\"\n      />\n    );\n  },\n);\n\nexport type CheckboxGroupOptionProps = ComponentPropsWithoutRef<\"label\">;\n\nexport const CheckboxGroupOption = forwardRef<HTMLLabelElement, CheckboxGroupOptionProps>(\n  function CheckboxGroupOption({ children, className, htmlFor, ...props }, ref) {\n    return (\n      <label\n        {...props}\n        ref={ref}\n        className={cx(checkboxGroup().option, className)}\n        data-slot=\"checkbox-group-option\"\n        htmlFor={htmlFor}\n      >\n        {children}\n      </label>\n    );\n  },\n);\n\nexport type CheckboxGroupOptionsProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const CheckboxGroupOptions = forwardRef<HTMLDivElement, CheckboxGroupOptionsProps>(\n  function CheckboxGroupOptions({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(checkboxGroup().options, className)}\n        data-slot=\"checkbox-group-options\"\n      />\n    );\n  },\n);\n\nexport type CheckboxGroupItemProps = BaseCheckboxRoot.Props;\n\nexport const CheckboxGroupItem = forwardRef<HTMLElement, CheckboxGroupItemProps>(\n  function CheckboxGroupItem({ className, ...props }, ref) {\n    return (\n      <BaseCheckbox.Root\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(checkboxGroup().checkbox, className)}\n        data-slot=\"checkbox-group-item\"\n      />\n    );\n  },\n);\n\nexport type CheckboxGroupIndicatorProps = ComponentPropsWithoutRef<typeof BaseCheckbox.Indicator>;\n\nexport const CheckboxGroupIndicator = forwardRef<HTMLSpanElement, CheckboxGroupIndicatorProps>(\n  function CheckboxGroupIndicator({ children, className, ...props }, ref) {\n    return (\n      <BaseCheckbox.Indicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(checkboxGroup().indicator, className)}\n        data-slot=\"checkbox-group-indicator\"\n      >\n        {children ?? \"✓\"}\n      </BaseCheckbox.Indicator>\n    );\n  },\n);\n\nexport const CheckboxGroup = {\n  Root: CheckboxGroupRoot,\n  Label: CheckboxGroupLabel,\n  Options: CheckboxGroupOptions,\n  Option: CheckboxGroupOption,\n  Item: CheckboxGroupItem,\n  Indicator: CheckboxGroupIndicator,\n};\n"],"mappings":";;;;;;;;;;;AA2BA,SAAgB,kBAAkB,EAChC,UACA,WACA,QACA,SACA,MACA,eACA,GAAG,SACsB;CASzB,OACE,oBAACA,SAAD;EAPA,WAAW,GAFE,cAEM,CAAC,CAAC,MAAM,SAAS;EACpC,GAAI,WAAW,KAAA,IAAY,CAAC,IAAI,EAAE,OAAO;EACzC,GAAI,YAAY,KAAA,IAAY,CAAC,IAAI,EAAE,QAAQ;EAC3C,GAAI,SAAS,KAAA,IAAY,CAAC,IAAI,EAAE,KAAK;YAKnC,oBAACC,eAAD;GAAmB,GAAI;GAAO,gBAAgB,UAAU,gBAAgB,KAAK;GAC1E;EACgB,CAAA;CACd,CAAA;AAEX;AAIA,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAS,KAAK;CACxD,OACE,oBAACC,MAAU,OAAX;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,cAAc,CAAC,CAAC,OAAO,SAAS;EAC/D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,sBAAsB,WACjC,SAAS,oBAAoB,EAAE,UAAU,WAAW,SAAS,GAAG,SAAS,KAAK;CAC5E,OACE,oBAAC,SAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,cAAc,CAAC,CAAC,QAAQ,SAAS;EAC/C,aAAU;EACD;EAER;CACI,CAAA;AAEX,CACF;AAIA,MAAa,uBAAuB,WAClC,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAS,KAAK;CAC1D,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,cAAc,CAAC,CAAC,SAAS,SAAS;EAChD,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,oBAAoB,WAC/B,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,oBAACC,SAAa,MAAd;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,cAAc,CAAC,CAAC,UAAU,SAAS;EAClE,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,yBAAyB,WACpC,SAAS,uBAAuB,EAAE,UAAU,WAAW,GAAG,SAAS,KAAK;CACtE,OACE,oBAACA,SAAa,WAAd;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,cAAc,CAAC,CAAC,WAAW,SAAS;EACnE,aAAU;YAET,YAAY;CACS,CAAA;AAE5B,CACF;AAEA,MAAaC,kBAAgB;CAC3B,MAAM;CACN,OAAO;CACP,SAAS;CACT,QAAQ;CACR,MAAM;CACN,WAAW;AACb"}
+{"version":3,"file":"checkbox-group.js","names":["Field","BaseCheckboxGroup","BaseField","BaseCheckbox","CheckboxGroup"],"sources":["../../../src/components/checkbox-group/checkbox-group.tsx"],"sourcesContent":["\"use client\";\n\nimport { Checkbox as BaseCheckbox } from \"@base-ui/react/checkbox\";\nimport { CheckboxGroup as BaseCheckboxGroup } from \"@base-ui/react/checkbox-group\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { CheckboxGroup as BaseCheckboxGroupType } from \"@base-ui/react/checkbox-group\";\nimport type { CheckboxRoot as BaseCheckboxRoot } from \"@base-ui/react/checkbox\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { checkboxGroup } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { Field } from \"../field\";\n\nexport interface CheckboxGroupRootProps\n  extends Omit<BaseCheckboxGroupType.Props, \"children\" | \"className\" | \"onValueChange\"> {\n  /** Marks the group invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Direct error content rendered through the surrounding Field context. */\n  errors?: ReactNode | ReactNode[];\n  children?: ReactNode;\n  className?: string;\n  name?: string;\n  onValueChange?: (value: string[]) => void;\n}\n\nexport function CheckboxGroupRoot({\n  children,\n  className,\n  errors,\n  invalid,\n  name,\n  onValueChange,\n  ...props\n}: CheckboxGroupRootProps) {\n  const styles = checkboxGroup();\n  const fieldProps = {\n    className: cx(styles.root, className),\n    ...(errors === undefined ? {} : { errors }),\n    ...(invalid === undefined ? {} : { invalid }),\n    ...(name === undefined ? {} : { name }),\n  };\n\n  return (\n    <Field {...fieldProps}>\n      <BaseCheckboxGroup {...props} onValueChange={(value) => onValueChange?.(value)}>\n        {children}\n      </BaseCheckboxGroup>\n    </Field>\n  );\n}\n\nexport type CheckboxGroupLabelProps = ComponentPropsWithoutRef<typeof BaseField.Label>;\n\nexport const CheckboxGroupLabel = forwardRef<HTMLElement, CheckboxGroupLabelProps>(\n  function CheckboxGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseField.Label\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(checkboxGroup().label, className)}\n        data-slot=\"checkbox-group-label\"\n      />\n    );\n  },\n);\n\nexport type CheckboxGroupOptionProps = ComponentPropsWithoutRef<\"label\">;\n\nexport const CheckboxGroupOption = forwardRef<HTMLLabelElement, CheckboxGroupOptionProps>(\n  function CheckboxGroupOption({ children, className, htmlFor, ...props }, ref) {\n    return (\n      <label\n        {...props}\n        ref={ref}\n        className={cx(checkboxGroup().option, className)}\n        data-slot=\"checkbox-group-option\"\n        htmlFor={htmlFor}\n      >\n        {children}\n      </label>\n    );\n  },\n);\n\nexport type CheckboxGroupOptionsProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const CheckboxGroupOptions = forwardRef<HTMLDivElement, CheckboxGroupOptionsProps>(\n  function CheckboxGroupOptions({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(checkboxGroup().options, className)}\n        data-slot=\"checkbox-group-options\"\n      />\n    );\n  },\n);\n\nexport type CheckboxGroupItemProps = BaseCheckboxRoot.Props;\n\nexport const CheckboxGroupItem = forwardRef<HTMLElement, CheckboxGroupItemProps>(\n  function CheckboxGroupItem({ className, ...props }, ref) {\n    return (\n      <BaseCheckbox.Root\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(checkboxGroup().checkbox, className)}\n        data-slot=\"checkbox-group-item\"\n      />\n    );\n  },\n);\n\nexport type CheckboxGroupIndicatorProps = ComponentPropsWithoutRef<typeof BaseCheckbox.Indicator>;\n\nexport const CheckboxGroupIndicator = forwardRef<HTMLSpanElement, CheckboxGroupIndicatorProps>(\n  function CheckboxGroupIndicator({ children, className, ...props }, ref) {\n    return (\n      <BaseCheckbox.Indicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(checkboxGroup().indicator, className)}\n        data-slot=\"checkbox-group-indicator\"\n      >\n        {children ?? \"✓\"}\n      </BaseCheckbox.Indicator>\n    );\n  },\n);\n\nexport const CheckboxGroup = {\n  Root: CheckboxGroupRoot,\n  Label: CheckboxGroupLabel,\n  Options: CheckboxGroupOptions,\n  Option: CheckboxGroupOption,\n  Item: CheckboxGroupItem,\n  Indicator: CheckboxGroupIndicator,\n};\n"],"mappings":";;;;;;;;;;;AA2BA,SAAgB,kBAAkB,EAChC,UACA,WACA,QACA,SACA,MACA,eACA,GAAG,SACsB;CACzB,MAAM,SAAS,cAAc;CAC7B,MAAM,aAAa;EACjB,WAAW,GAAG,OAAO,MAAM,SAAS;EACpC,GAAI,WAAW,KAAA,IAAY,CAAC,IAAI,EAAE,OAAO;EACzC,GAAI,YAAY,KAAA,IAAY,CAAC,IAAI,EAAE,QAAQ;EAC3C,GAAI,SAAS,KAAA,IAAY,CAAC,IAAI,EAAE,KAAK;CACvC;CAEA,OACE,oBAACA,SAAD;EAAO,GAAI;EACT,UAAA,oBAACC,eAAD;GAAmB,GAAI;GAAO,gBAAgB,UAAU,gBAAgB,KAAK;GAC1E;EACgB,CAAA;CACd,CAAA;AAEX;AAIA,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAS,KAAK;CACxD,OACE,oBAACC,MAAU,OAAX;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,cAAc,CAAC,CAAC,OAAO,SAAS;EAC/D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,sBAAsB,WACjC,SAAS,oBAAoB,EAAE,UAAU,WAAW,SAAS,GAAG,SAAS,KAAK;CAC5E,OACE,oBAAC,SAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,cAAc,CAAC,CAAC,QAAQ,SAAS;EAC/C,aAAU;EACD;EAER;CACI,CAAA;AAEX,CACF;AAIA,MAAa,uBAAuB,WAClC,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAS,KAAK;CAC1D,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,cAAc,CAAC,CAAC,SAAS,SAAS;EAChD,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,oBAAoB,WAC/B,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,oBAACC,SAAa,MAAd;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,cAAc,CAAC,CAAC,UAAU,SAAS;EAClE,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,yBAAyB,WACpC,SAAS,uBAAuB,EAAE,UAAU,WAAW,GAAG,SAAS,KAAK;CACtE,OACE,oBAACA,SAAa,WAAd;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,cAAc,CAAC,CAAC,WAAW,SAAS;EACnE,aAAU;EAET,UAAA,YAAY;CACS,CAAA;AAE5B,CACF;AAEA,MAAaC,kBAAgB;CAC3B,MAAM;CACN,OAAO;CACP,SAAS;CACT,QAAQ;CACR,MAAM;CACN,WAAW;AACb"}

package/dist/components/code/code.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"code.cjs","names":["Children","cx","code"],"sources":["../../../src/components/code/code.tsx"],"sourcesContent":["import { Children, forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { code } from \"../../styled-system/recipes\";\n\nexport type CodeVariant = \"inline\" | \"block\";\n\nexport interface CodeProps extends Omit<ComponentPropsWithoutRef<\"code\">, \"children\"> {\n  children?: ReactNode;\n  variant?: CodeVariant;\n  language?: string;\n  wrap?: boolean;\n  truncate?: boolean;\n  lineNumbers?: boolean;\n}\n\nfunction getTextLines(children: ReactNode) {\n  const nodes = Children.toArray(children);\n  if (!nodes.every((node) => typeof node === \"string\" || typeof node === \"number\")) return null;\n  return nodes.map(String).join(\"\").split(\"\\n\");\n}\n\nfunction getLineKeys(lines: readonly string[]) {\n  const occurrences = new Map<string, number>();\n  return lines.map((line) => {\n    const occurrence = occurrences.get(line) ?? 0;\n    occurrences.set(line, occurrence + 1);\n    return `line-${line}-${occurrence}`;\n  });\n}\n\nexport const Code = forwardRef<HTMLElement, CodeProps>(function Code(\n  {\n    children,\n    className,\n    language,\n    lineNumbers = false,\n    truncate = false,\n    variant = \"inline\",\n    wrap = false,\n    ...props\n  },\n  ref,\n) {\n  const lines = variant === \"block\" && lineNumbers ? getTextLines(children) : null;\n  const lineKeys = lines ? getLineKeys(lines) : null;\n  const classNames = cx(code({ lineNumbers: Boolean(lines), truncate, variant, wrap }), className);\n\n  if (variant === \"block\") {\n    return (\n      <pre\n        {...props}\n        ref={ref as React.Ref<HTMLPreElement>}\n        className={classNames}\n        data-jaci-component=\"code\"\n        data-language={language || undefined}\n        data-line-numbers={lines ? \"true\" : undefined}\n        data-slot=\"code\"\n        data-variant={variant}\n      >\n        {lines ? (\n          <span aria-hidden=\"true\" data-slot=\"code-gutter\">\n            {lines.map((_, index) => (\n              <span data-slot=\"code-line-number\" key={lineKeys?.[index]}>\n                {index + 1}\n              </span>\n            ))}\n          </span>\n        ) : null}\n        <code data-slot=\"code-content\">\n          {lines\n            ? lines.map((line, index) => (\n                <span data-slot=\"code-line\" key={lineKeys?.[index]}>\n                  {line}\n                  {index < lines.length - 1 ? \"\\n\" : null}\n                </span>\n              ))\n            : children}\n        </code>\n      </pre>\n    );\n  }\n\n  return (\n    <code\n      {...props}\n      ref={ref as React.Ref<HTMLElement>}\n      className={classNames}\n      data-jaci-component=\"code\"\n      data-language={language || undefined}\n      data-slot=\"code\"\n      data-variant={variant}\n    >\n      {children}\n    </code>\n  );\n});\n"],"mappings":";;;;;AAiBA,SAAS,aAAa,UAAqB;CACzC,MAAM,QAAQA,MAAAA,SAAS,QAAQ,QAAQ;CACvC,IAAI,CAAC,MAAM,OAAO,SAAS,OAAO,SAAS,YAAY,OAAO,SAAS,QAAQ,GAAG,OAAO;CACzF,OAAO,MAAM,IAAI,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,IAAI;AAC9C;AAEA,SAAS,YAAY,OAA0B;CAC7C,MAAM,8BAAc,IAAI,IAAoB;CAC5C,OAAO,MAAM,KAAK,SAAS;EACzB,MAAM,aAAa,YAAY,IAAI,IAAI,KAAK;EAC5C,YAAY,IAAI,MAAM,aAAa,CAAC;EACpC,OAAO,QAAQ,KAAK,GAAG;CACzB,CAAC;AACH;AAEA,MAAa,QAAA,GAAA,MAAA,WAAA,CAA0C,SAAS,KAC9D,EACE,UACA,WACA,UACA,cAAc,OACd,WAAW,OACX,UAAU,UACV,OAAO,OACP,GAAG,SAEL,KACA;CACA,MAAM,QAAQ,YAAY,WAAW,cAAc,aAAa,QAAQ,IAAI;CAC5E,MAAM,WAAW,QAAQ,YAAY,KAAK,IAAI;CAC9C,MAAM,aAAaC,WAAAA,GAAGC,aAAAA,KAAK;EAAE,aAAa,QAAQ,KAAK;EAAG;EAAU;EAAS;CAAK,CAAC,GAAG,SAAS;CAE/F,IAAI,YAAY,SACd,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW;EACX,uBAAoB;EACpB,iBAAe,YAAY,KAAA;EAC3B,qBAAmB,QAAQ,SAAS,KAAA;EACpC,aAAU;EACV,gBAAc;YARhB,CAUG,QACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,eAAY;GAAO,aAAU;aAChC,MAAM,KAAK,GAAG,UACb,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,aAAU;cACb,QAAQ;GACL,GAFkC,WAAW,MAE7C,CACP;EACG,CAAA,IACJ,MACJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,aAAU;aACb,QACG,MAAM,KAAK,MAAM,UACf,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;IAAM,aAAU;cAAhB,CACG,MACA,QAAQ,MAAM,SAAS,IAAI,OAAO,IAC/B;MAH2B,WAAW,MAGtC,CACP,IACD;EACA,CAAA,CACH;;CAIT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW;EACX,uBAAoB;EACpB,iBAAe,YAAY,KAAA;EAC3B,aAAU;EACV,gBAAc;EAEb;CACG,CAAA;AAEV,CAAC"}
+{"version":3,"file":"code.cjs","names":["Children","forwardRef","cx","code"],"sources":["../../../src/components/code/code.tsx"],"sourcesContent":["import { Children, forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { code } from \"../../styled-system/recipes\";\n\nexport type CodeVariant = \"inline\" | \"block\";\n\nexport interface CodeProps extends Omit<ComponentPropsWithoutRef<\"code\">, \"children\"> {\n  children?: ReactNode;\n  variant?: CodeVariant;\n  language?: string;\n  wrap?: boolean;\n  truncate?: boolean;\n  lineNumbers?: boolean;\n}\n\nfunction getTextLines(children: ReactNode) {\n  const nodes = Children.toArray(children);\n  if (!nodes.every((node) => typeof node === \"string\" || typeof node === \"number\")) return null;\n  return nodes.map(String).join(\"\").split(\"\\n\");\n}\n\nfunction getLineKeys(lines: readonly string[]) {\n  const occurrences = new Map<string, number>();\n  return lines.map((line) => {\n    const occurrence = occurrences.get(line) ?? 0;\n    occurrences.set(line, occurrence + 1);\n    return `line-${line}-${occurrence}`;\n  });\n}\n\nexport const Code = forwardRef<HTMLElement, CodeProps>(function Code(\n  {\n    children,\n    className,\n    language,\n    lineNumbers = false,\n    truncate = false,\n    variant = \"inline\",\n    wrap = false,\n    ...props\n  },\n  ref,\n) {\n  const lines = variant === \"block\" && lineNumbers ? getTextLines(children) : null;\n  const lineKeys = lines ? getLineKeys(lines) : null;\n  const classNames = cx(code({ lineNumbers: Boolean(lines), truncate, variant, wrap }), className);\n\n  if (variant === \"block\") {\n    return (\n      <pre\n        {...props}\n        ref={ref as React.Ref<HTMLPreElement>}\n        className={classNames}\n        data-jaci-component=\"code\"\n        data-language={language || undefined}\n        data-line-numbers={lines ? \"true\" : undefined}\n        data-slot=\"code\"\n        data-variant={variant}\n      >\n        {lines ? (\n          <span aria-hidden=\"true\" data-slot=\"code-gutter\">\n            {lines.map((_, index) => (\n              <span data-slot=\"code-line-number\" key={lineKeys?.[index]}>\n                {index + 1}\n              </span>\n            ))}\n          </span>\n        ) : null}\n        <code data-slot=\"code-content\">\n          {lines\n            ? lines.map((line, index) => (\n                <span data-slot=\"code-line\" key={lineKeys?.[index]}>\n                  {line}\n                  {index < lines.length - 1 ? \"\\n\" : null}\n                </span>\n              ))\n            : children}\n        </code>\n      </pre>\n    );\n  }\n\n  return (\n    <code\n      {...props}\n      ref={ref as React.Ref<HTMLElement>}\n      className={classNames}\n      data-jaci-component=\"code\"\n      data-language={language || undefined}\n      data-slot=\"code\"\n      data-variant={variant}\n    >\n      {children}\n    </code>\n  );\n});\n"],"mappings":";;;;;AAiBA,SAAS,aAAa,UAAqB;CACzC,MAAM,QAAQA,MAAAA,SAAS,QAAQ,QAAQ;CACvC,IAAI,CAAC,MAAM,OAAO,SAAS,OAAO,SAAS,YAAY,OAAO,SAAS,QAAQ,GAAG,OAAO;CACzF,OAAO,MAAM,IAAI,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,IAAI;AAC9C;AAEA,SAAS,YAAY,OAA0B;CAC7C,MAAM,8BAAc,IAAI,IAAoB;CAC5C,OAAO,MAAM,KAAK,SAAS;EACzB,MAAM,aAAa,YAAY,IAAI,IAAI,KAAK;EAC5C,YAAY,IAAI,MAAM,aAAa,CAAC;EACpC,OAAO,QAAQ,KAAK,GAAG;CACzB,CAAC;AACH;AAEA,MAAa,QAAA,GAAOC,MAAAA,WAAAA,CAAmC,SAAS,KAC9D,EACE,UACA,WACA,UACA,cAAc,OACd,WAAW,OACX,UAAU,UACV,OAAO,OACP,GAAG,SAEL,KACA;CACA,MAAM,QAAQ,YAAY,WAAW,cAAc,aAAa,QAAQ,IAAI;CAC5E,MAAM,WAAW,QAAQ,YAAY,KAAK,IAAI;CAC9C,MAAM,aAAaC,WAAAA,GAAGC,aAAAA,KAAK;EAAE,aAAa,QAAQ,KAAK;EAAG;EAAU;EAAS;CAAK,CAAC,GAAG,SAAS;CAE/F,IAAI,YAAY,SACd,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW;EACX,uBAAoB;EACpB,iBAAe,YAAY,KAAA;EAC3B,qBAAmB,QAAQ,SAAS,KAAA;EACpC,aAAU;EACV,gBAAc;EARhB,UAAA,CAUG,QACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,eAAY;GAAO,aAAU;GAChC,UAAA,MAAM,KAAK,GAAG,UACb,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;IAAM,aAAU;IACb,UAAA,QAAQ;GACL,GAFkC,WAAW,MAE7C,CACP;EACG,CAAA,IACJ,MACJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,aAAU;GACb,UAAA,QACG,MAAM,KAAK,MAAM,UACf,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;IAAM,aAAU;IAAhB,UAAA,CACG,MACA,QAAQ,MAAM,SAAS,IAAI,OAAO,IAC/B;GAH2B,GAAA,WAAW,MAGtC,CACP,IACD;EACA,CAAA,CACH;;CAIT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW;EACX,uBAAoB;EACpB,iBAAe,YAAY,KAAA;EAC3B,aAAU;EACV,gBAAc;EAEb;CACG,CAAA;AAEV,CAAC"}

package/dist/components/code/code.js.map

@@ -1 +1 @@
-{"version":3,"file":"code.js","names":[],"sources":["../../../src/components/code/code.tsx"],"sourcesContent":["import { Children, forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { code } from \"../../styled-system/recipes\";\n\nexport type CodeVariant = \"inline\" | \"block\";\n\nexport interface CodeProps extends Omit<ComponentPropsWithoutRef<\"code\">, \"children\"> {\n  children?: ReactNode;\n  variant?: CodeVariant;\n  language?: string;\n  wrap?: boolean;\n  truncate?: boolean;\n  lineNumbers?: boolean;\n}\n\nfunction getTextLines(children: ReactNode) {\n  const nodes = Children.toArray(children);\n  if (!nodes.every((node) => typeof node === \"string\" || typeof node === \"number\")) return null;\n  return nodes.map(String).join(\"\").split(\"\\n\");\n}\n\nfunction getLineKeys(lines: readonly string[]) {\n  const occurrences = new Map<string, number>();\n  return lines.map((line) => {\n    const occurrence = occurrences.get(line) ?? 0;\n    occurrences.set(line, occurrence + 1);\n    return `line-${line}-${occurrence}`;\n  });\n}\n\nexport const Code = forwardRef<HTMLElement, CodeProps>(function Code(\n  {\n    children,\n    className,\n    language,\n    lineNumbers = false,\n    truncate = false,\n    variant = \"inline\",\n    wrap = false,\n    ...props\n  },\n  ref,\n) {\n  const lines = variant === \"block\" && lineNumbers ? getTextLines(children) : null;\n  const lineKeys = lines ? getLineKeys(lines) : null;\n  const classNames = cx(code({ lineNumbers: Boolean(lines), truncate, variant, wrap }), className);\n\n  if (variant === \"block\") {\n    return (\n      <pre\n        {...props}\n        ref={ref as React.Ref<HTMLPreElement>}\n        className={classNames}\n        data-jaci-component=\"code\"\n        data-language={language || undefined}\n        data-line-numbers={lines ? \"true\" : undefined}\n        data-slot=\"code\"\n        data-variant={variant}\n      >\n        {lines ? (\n          <span aria-hidden=\"true\" data-slot=\"code-gutter\">\n            {lines.map((_, index) => (\n              <span data-slot=\"code-line-number\" key={lineKeys?.[index]}>\n                {index + 1}\n              </span>\n            ))}\n          </span>\n        ) : null}\n        <code data-slot=\"code-content\">\n          {lines\n            ? lines.map((line, index) => (\n                <span data-slot=\"code-line\" key={lineKeys?.[index]}>\n                  {line}\n                  {index < lines.length - 1 ? \"\\n\" : null}\n                </span>\n              ))\n            : children}\n        </code>\n      </pre>\n    );\n  }\n\n  return (\n    <code\n      {...props}\n      ref={ref as React.Ref<HTMLElement>}\n      className={classNames}\n      data-jaci-component=\"code\"\n      data-language={language || undefined}\n      data-slot=\"code\"\n      data-variant={variant}\n    >\n      {children}\n    </code>\n  );\n});\n"],"mappings":";;;;;AAiBA,SAAS,aAAa,UAAqB;CACzC,MAAM,QAAQ,SAAS,QAAQ,QAAQ;CACvC,IAAI,CAAC,MAAM,OAAO,SAAS,OAAO,SAAS,YAAY,OAAO,SAAS,QAAQ,GAAG,OAAO;CACzF,OAAO,MAAM,IAAI,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,IAAI;AAC9C;AAEA,SAAS,YAAY,OAA0B;CAC7C,MAAM,8BAAc,IAAI,IAAoB;CAC5C,OAAO,MAAM,KAAK,SAAS;EACzB,MAAM,aAAa,YAAY,IAAI,IAAI,KAAK;EAC5C,YAAY,IAAI,MAAM,aAAa,CAAC;EACpC,OAAO,QAAQ,KAAK,GAAG;CACzB,CAAC;AACH;AAEA,MAAa,OAAO,WAAmC,SAAS,KAC9D,EACE,UACA,WACA,UACA,cAAc,OACd,WAAW,OACX,UAAU,UACV,OAAO,OACP,GAAG,SAEL,KACA;CACA,MAAM,QAAQ,YAAY,WAAW,cAAc,aAAa,QAAQ,IAAI;CAC5E,MAAM,WAAW,QAAQ,YAAY,KAAK,IAAI;CAC9C,MAAM,aAAa,GAAG,KAAK;EAAE,aAAa,QAAQ,KAAK;EAAG;EAAU;EAAS;CAAK,CAAC,GAAG,SAAS;CAE/F,IAAI,YAAY,SACd,OACE,qBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW;EACX,uBAAoB;EACpB,iBAAe,YAAY,KAAA;EAC3B,qBAAmB,QAAQ,SAAS,KAAA;EACpC,aAAU;EACV,gBAAc;YARhB,CAUG,QACC,oBAAC,QAAD;GAAM,eAAY;GAAO,aAAU;aAChC,MAAM,KAAK,GAAG,UACb,oBAAC,QAAD;IAAM,aAAU;cACb,QAAQ;GACL,GAFkC,WAAW,MAE7C,CACP;EACG,CAAA,IACJ,MACJ,oBAAC,QAAD;GAAM,aAAU;aACb,QACG,MAAM,KAAK,MAAM,UACf,qBAAC,QAAD;IAAM,aAAU;cAAhB,CACG,MACA,QAAQ,MAAM,SAAS,IAAI,OAAO,IAC/B;MAH2B,WAAW,MAGtC,CACP,IACD;EACA,CAAA,CACH;;CAIT,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW;EACX,uBAAoB;EACpB,iBAAe,YAAY,KAAA;EAC3B,aAAU;EACV,gBAAc;EAEb;CACG,CAAA;AAEV,CAAC"}
+{"version":3,"file":"code.js","names":[],"sources":["../../../src/components/code/code.tsx"],"sourcesContent":["import { Children, forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { code } from \"../../styled-system/recipes\";\n\nexport type CodeVariant = \"inline\" | \"block\";\n\nexport interface CodeProps extends Omit<ComponentPropsWithoutRef<\"code\">, \"children\"> {\n  children?: ReactNode;\n  variant?: CodeVariant;\n  language?: string;\n  wrap?: boolean;\n  truncate?: boolean;\n  lineNumbers?: boolean;\n}\n\nfunction getTextLines(children: ReactNode) {\n  const nodes = Children.toArray(children);\n  if (!nodes.every((node) => typeof node === \"string\" || typeof node === \"number\")) return null;\n  return nodes.map(String).join(\"\").split(\"\\n\");\n}\n\nfunction getLineKeys(lines: readonly string[]) {\n  const occurrences = new Map<string, number>();\n  return lines.map((line) => {\n    const occurrence = occurrences.get(line) ?? 0;\n    occurrences.set(line, occurrence + 1);\n    return `line-${line}-${occurrence}`;\n  });\n}\n\nexport const Code = forwardRef<HTMLElement, CodeProps>(function Code(\n  {\n    children,\n    className,\n    language,\n    lineNumbers = false,\n    truncate = false,\n    variant = \"inline\",\n    wrap = false,\n    ...props\n  },\n  ref,\n) {\n  const lines = variant === \"block\" && lineNumbers ? getTextLines(children) : null;\n  const lineKeys = lines ? getLineKeys(lines) : null;\n  const classNames = cx(code({ lineNumbers: Boolean(lines), truncate, variant, wrap }), className);\n\n  if (variant === \"block\") {\n    return (\n      <pre\n        {...props}\n        ref={ref as React.Ref<HTMLPreElement>}\n        className={classNames}\n        data-jaci-component=\"code\"\n        data-language={language || undefined}\n        data-line-numbers={lines ? \"true\" : undefined}\n        data-slot=\"code\"\n        data-variant={variant}\n      >\n        {lines ? (\n          <span aria-hidden=\"true\" data-slot=\"code-gutter\">\n            {lines.map((_, index) => (\n              <span data-slot=\"code-line-number\" key={lineKeys?.[index]}>\n                {index + 1}\n              </span>\n            ))}\n          </span>\n        ) : null}\n        <code data-slot=\"code-content\">\n          {lines\n            ? lines.map((line, index) => (\n                <span data-slot=\"code-line\" key={lineKeys?.[index]}>\n                  {line}\n                  {index < lines.length - 1 ? \"\\n\" : null}\n                </span>\n              ))\n            : children}\n        </code>\n      </pre>\n    );\n  }\n\n  return (\n    <code\n      {...props}\n      ref={ref as React.Ref<HTMLElement>}\n      className={classNames}\n      data-jaci-component=\"code\"\n      data-language={language || undefined}\n      data-slot=\"code\"\n      data-variant={variant}\n    >\n      {children}\n    </code>\n  );\n});\n"],"mappings":";;;;;AAiBA,SAAS,aAAa,UAAqB;CACzC,MAAM,QAAQ,SAAS,QAAQ,QAAQ;CACvC,IAAI,CAAC,MAAM,OAAO,SAAS,OAAO,SAAS,YAAY,OAAO,SAAS,QAAQ,GAAG,OAAO;CACzF,OAAO,MAAM,IAAI,MAAM,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,IAAI;AAC9C;AAEA,SAAS,YAAY,OAA0B;CAC7C,MAAM,8BAAc,IAAI,IAAoB;CAC5C,OAAO,MAAM,KAAK,SAAS;EACzB,MAAM,aAAa,YAAY,IAAI,IAAI,KAAK;EAC5C,YAAY,IAAI,MAAM,aAAa,CAAC;EACpC,OAAO,QAAQ,KAAK,GAAG;CACzB,CAAC;AACH;AAEA,MAAa,OAAO,WAAmC,SAAS,KAC9D,EACE,UACA,WACA,UACA,cAAc,OACd,WAAW,OACX,UAAU,UACV,OAAO,OACP,GAAG,SAEL,KACA;CACA,MAAM,QAAQ,YAAY,WAAW,cAAc,aAAa,QAAQ,IAAI;CAC5E,MAAM,WAAW,QAAQ,YAAY,KAAK,IAAI;CAC9C,MAAM,aAAa,GAAG,KAAK;EAAE,aAAa,QAAQ,KAAK;EAAG;EAAU;EAAS;CAAK,CAAC,GAAG,SAAS;CAE/F,IAAI,YAAY,SACd,OACE,qBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW;EACX,uBAAoB;EACpB,iBAAe,YAAY,KAAA;EAC3B,qBAAmB,QAAQ,SAAS,KAAA;EACpC,aAAU;EACV,gBAAc;EARhB,UAAA,CAUG,QACC,oBAAC,QAAD;GAAM,eAAY;GAAO,aAAU;GAChC,UAAA,MAAM,KAAK,GAAG,UACb,oBAAC,QAAD;IAAM,aAAU;IACb,UAAA,QAAQ;GACL,GAFkC,WAAW,MAE7C,CACP;EACG,CAAA,IACJ,MACJ,oBAAC,QAAD;GAAM,aAAU;GACb,UAAA,QACG,MAAM,KAAK,MAAM,UACf,qBAAC,QAAD;IAAM,aAAU;IAAhB,UAAA,CACG,MACA,QAAQ,MAAM,SAAS,IAAI,OAAO,IAC/B;GAH2B,GAAA,WAAW,MAGtC,CACP,IACD;EACA,CAAA,CACH;;CAIT,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW;EACX,uBAAoB;EACpB,iBAAe,YAAY,KAAA;EAC3B,aAAU;EACV,gBAAc;EAEb;CACG,CAAA;AAEV,CAAC"}

package/dist/components/collapsible/collapsible.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible.cjs","names":["BaseCollapsible","withRecipeClassName","collapsible","cx"],"sources":["../../../src/components/collapsible/collapsible.tsx"],"sourcesContent":["\"use client\";\n\nimport { Collapsible as BaseCollapsible } from \"@base-ui/react/collapsible\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { withRecipeClassName } from \"../base-ui\";\nimport { cx } from \"../../styled-system/css\";\nimport { collapsible } from \"../../styled-system/recipes\";\n\nexport type CollapsibleRootProps = ComponentPropsWithoutRef<typeof BaseCollapsible.Root>;\n\nexport const CollapsibleRoot = forwardRef<HTMLDivElement, CollapsibleRootProps>(\n  function CollapsibleRoot({ className, ...props }, ref) {\n    return (\n      <BaseCollapsible.Root\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(collapsible().root, className)}\n        data-jaci-component=\"collapsible\"\n        data-slot=\"collapsible\"\n      />\n    );\n  },\n);\n\nexport interface CollapsibleTriggerProps\n  extends ComponentPropsWithoutRef<typeof BaseCollapsible.Trigger> {\n  showIndicator?: boolean;\n}\n\nexport const CollapsibleTrigger = forwardRef<HTMLButtonElement, CollapsibleTriggerProps>(\n  function CollapsibleTrigger({ children, className, showIndicator = true, ...props }, ref) {\n    const styles = collapsible();\n\n    return (\n      <BaseCollapsible.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-slot=\"collapsible-trigger\"\n      >\n        {showIndicator ? <CollapsibleIndicator /> : null}\n        {children}\n      </BaseCollapsible.Trigger>\n    );\n  },\n);\n\nexport type CollapsiblePanelProps = ComponentPropsWithoutRef<typeof BaseCollapsible.Panel>;\n\nexport const CollapsiblePanel = forwardRef<HTMLDivElement, CollapsiblePanelProps>(\n  function CollapsiblePanel({ className, ...props }, ref) {\n    return (\n      <BaseCollapsible.Panel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(collapsible().panel, className)}\n        data-slot=\"collapsible-panel\"\n      />\n    );\n  },\n);\n\nexport type CollapsibleIndicatorProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const CollapsibleIndicator = forwardRef<HTMLSpanElement, CollapsibleIndicatorProps>(\n  function CollapsibleIndicator({ children = \"›\", className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={cx(collapsible().indicator, className)}\n        data-slot=\"collapsible-indicator\"\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\nexport const Collapsible = {\n  Root: CollapsibleRoot,\n  Trigger: CollapsibleTrigger,\n  Panel: CollapsiblePanel,\n  Indicator: CollapsibleIndicator,\n};\n"],"mappings":";;;;;;;;AAYA,MAAa,mBAAA,GAAA,MAAA,WAAA,CACX,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,2BAAAA,YAAgB,MAAjB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,oBAAAA,YAAY,CAAC,CAAC,MAAM,SAAS;EAC5D,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;AAOA,MAAa,sBAAA,GAAA,MAAA,WAAA,CACX,SAAS,mBAAmB,EAAE,UAAU,WAAW,gBAAgB,MAAM,GAAG,SAAS,KAAK;CACxF,MAAM,SAASA,oBAAAA,YAAY;CAE3B,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACF,2BAAAA,YAAgB,SAAjB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,OAAO,SAAS,SAAS;EACxD,aAAU;YAJZ,CAMG,gBAAgB,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAD,CAAuB,CAAA,IAAI,MAC3C,QACsB;;AAE7B,CACF;AAIA,MAAa,oBAAA,GAAA,MAAA,WAAA,CACX,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,2BAAAA,YAAgB,OAAjB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,oBAAAA,YAAY,CAAC,CAAC,OAAO,SAAS;EAC7D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,wBAAA,GAAA,MAAA,WAAA,CACX,SAAS,qBAAqB,EAAE,WAAW,KAAK,WAAW,GAAG,SAAS,KAAK;CAC1E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,GAAI;EACJ,eAAY;EACP;EACL,WAAWC,WAAAA,GAAGD,oBAAAA,YAAY,CAAC,CAAC,WAAW,SAAS;EAChD,aAAU;EAET;CACG,CAAA;AAEV,CACF;AAEA,MAAa,cAAc;CACzB,MAAM;CACN,SAAS;CACT,OAAO;CACP,WAAW;AACb"}
+{"version":3,"file":"collapsible.cjs","names":["forwardRef","BaseCollapsible","withRecipeClassName","collapsible","cx"],"sources":["../../../src/components/collapsible/collapsible.tsx"],"sourcesContent":["\"use client\";\n\nimport { Collapsible as BaseCollapsible } from \"@base-ui/react/collapsible\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { withRecipeClassName } from \"../base-ui\";\nimport { cx } from \"../../styled-system/css\";\nimport { collapsible } from \"../../styled-system/recipes\";\n\nexport type CollapsibleRootProps = ComponentPropsWithoutRef<typeof BaseCollapsible.Root>;\n\nexport const CollapsibleRoot = forwardRef<HTMLDivElement, CollapsibleRootProps>(\n  function CollapsibleRoot({ className, ...props }, ref) {\n    return (\n      <BaseCollapsible.Root\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(collapsible().root, className)}\n        data-jaci-component=\"collapsible\"\n        data-slot=\"collapsible\"\n      />\n    );\n  },\n);\n\nexport interface CollapsibleTriggerProps\n  extends ComponentPropsWithoutRef<typeof BaseCollapsible.Trigger> {\n  showIndicator?: boolean;\n}\n\nexport const CollapsibleTrigger = forwardRef<HTMLButtonElement, CollapsibleTriggerProps>(\n  function CollapsibleTrigger({ children, className, showIndicator = true, ...props }, ref) {\n    const styles = collapsible();\n\n    return (\n      <BaseCollapsible.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-slot=\"collapsible-trigger\"\n      >\n        {showIndicator ? <CollapsibleIndicator /> : null}\n        {children}\n      </BaseCollapsible.Trigger>\n    );\n  },\n);\n\nexport type CollapsiblePanelProps = ComponentPropsWithoutRef<typeof BaseCollapsible.Panel>;\n\nexport const CollapsiblePanel = forwardRef<HTMLDivElement, CollapsiblePanelProps>(\n  function CollapsiblePanel({ className, ...props }, ref) {\n    return (\n      <BaseCollapsible.Panel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(collapsible().panel, className)}\n        data-slot=\"collapsible-panel\"\n      />\n    );\n  },\n);\n\nexport type CollapsibleIndicatorProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const CollapsibleIndicator = forwardRef<HTMLSpanElement, CollapsibleIndicatorProps>(\n  function CollapsibleIndicator({ children = \"›\", className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={cx(collapsible().indicator, className)}\n        data-slot=\"collapsible-indicator\"\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\nexport const Collapsible = {\n  Root: CollapsibleRoot,\n  Trigger: CollapsibleTrigger,\n  Panel: CollapsiblePanel,\n  Indicator: CollapsibleIndicator,\n};\n"],"mappings":";;;;;;;;AAYA,MAAa,mBAAA,GAAkBA,MAAAA,WAAAA,CAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,2BAAAA,YAAgB,MAAjB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,oBAAAA,YAAY,CAAC,CAAC,MAAM,SAAS;EAC5D,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;AAOA,MAAa,sBAAA,GAAqBH,MAAAA,WAAAA,CAChC,SAAS,mBAAmB,EAAE,UAAU,WAAW,gBAAgB,MAAM,GAAG,SAAS,KAAK;CACxF,MAAM,SAASG,oBAAAA,YAAY;CAE3B,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACF,2BAAAA,YAAgB,SAAjB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,OAAO,SAAS,SAAS;EACxD,aAAU;EAJZ,UAAA,CAMG,gBAAgB,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAD,CAAuB,CAAA,IAAI,MAC3C,QACsB;;AAE7B,CACF;AAIA,MAAa,oBAAA,GAAmBF,MAAAA,WAAAA,CAC9B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,2BAAAA,YAAgB,OAAjB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,oBAAAA,YAAY,CAAC,CAAC,OAAO,SAAS;EAC7D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,wBAAA,GAAuBH,MAAAA,WAAAA,CAClC,SAAS,qBAAqB,EAAE,WAAW,KAAK,WAAW,GAAG,SAAS,KAAK;CAC1E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,GAAI;EACJ,eAAY;EACP;EACL,WAAWI,WAAAA,GAAGD,oBAAAA,YAAY,CAAC,CAAC,WAAW,SAAS;EAChD,aAAU;EAET;CACG,CAAA;AAEV,CACF;AAEA,MAAa,cAAc;CACzB,MAAM;CACN,SAAS;CACT,OAAO;CACP,WAAW;AACb"}

package/dist/components/collapsible/collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible.js","names":["BaseCollapsible","Collapsible"],"sources":["../../../src/components/collapsible/collapsible.tsx"],"sourcesContent":["\"use client\";\n\nimport { Collapsible as BaseCollapsible } from \"@base-ui/react/collapsible\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { withRecipeClassName } from \"../base-ui\";\nimport { cx } from \"../../styled-system/css\";\nimport { collapsible } from \"../../styled-system/recipes\";\n\nexport type CollapsibleRootProps = ComponentPropsWithoutRef<typeof BaseCollapsible.Root>;\n\nexport const CollapsibleRoot = forwardRef<HTMLDivElement, CollapsibleRootProps>(\n  function CollapsibleRoot({ className, ...props }, ref) {\n    return (\n      <BaseCollapsible.Root\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(collapsible().root, className)}\n        data-jaci-component=\"collapsible\"\n        data-slot=\"collapsible\"\n      />\n    );\n  },\n);\n\nexport interface CollapsibleTriggerProps\n  extends ComponentPropsWithoutRef<typeof BaseCollapsible.Trigger> {\n  showIndicator?: boolean;\n}\n\nexport const CollapsibleTrigger = forwardRef<HTMLButtonElement, CollapsibleTriggerProps>(\n  function CollapsibleTrigger({ children, className, showIndicator = true, ...props }, ref) {\n    const styles = collapsible();\n\n    return (\n      <BaseCollapsible.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-slot=\"collapsible-trigger\"\n      >\n        {showIndicator ? <CollapsibleIndicator /> : null}\n        {children}\n      </BaseCollapsible.Trigger>\n    );\n  },\n);\n\nexport type CollapsiblePanelProps = ComponentPropsWithoutRef<typeof BaseCollapsible.Panel>;\n\nexport const CollapsiblePanel = forwardRef<HTMLDivElement, CollapsiblePanelProps>(\n  function CollapsiblePanel({ className, ...props }, ref) {\n    return (\n      <BaseCollapsible.Panel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(collapsible().panel, className)}\n        data-slot=\"collapsible-panel\"\n      />\n    );\n  },\n);\n\nexport type CollapsibleIndicatorProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const CollapsibleIndicator = forwardRef<HTMLSpanElement, CollapsibleIndicatorProps>(\n  function CollapsibleIndicator({ children = \"›\", className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={cx(collapsible().indicator, className)}\n        data-slot=\"collapsible-indicator\"\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\nexport const Collapsible = {\n  Root: CollapsibleRoot,\n  Trigger: CollapsibleTrigger,\n  Panel: CollapsiblePanel,\n  Indicator: CollapsibleIndicator,\n};\n"],"mappings":";;;;;;;;AAYA,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,oBAACA,YAAgB,MAAjB;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,YAAY,CAAC,CAAC,MAAM,SAAS;EAC5D,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;AAOA,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,EAAE,UAAU,WAAW,gBAAgB,MAAM,GAAG,SAAS,KAAK;CACxF,MAAM,SAAS,YAAY;CAE3B,OACE,qBAACA,YAAgB,SAAjB;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,OAAO,SAAS,SAAS;EACxD,aAAU;YAJZ,CAMG,gBAAgB,oBAAC,sBAAD,CAAuB,CAAA,IAAI,MAC3C,QACsB;;AAE7B,CACF;AAIA,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,oBAACA,YAAgB,OAAjB;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,YAAY,CAAC,CAAC,OAAO,SAAS;EAC7D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,uBAAuB,WAClC,SAAS,qBAAqB,EAAE,WAAW,KAAK,WAAW,GAAG,SAAS,KAAK;CAC1E,OACE,oBAAC,QAAD;EACE,GAAI;EACJ,eAAY;EACP;EACL,WAAW,GAAG,YAAY,CAAC,CAAC,WAAW,SAAS;EAChD,aAAU;EAET;CACG,CAAA;AAEV,CACF;AAEA,MAAaC,gBAAc;CACzB,MAAM;CACN,SAAS;CACT,OAAO;CACP,WAAW;AACb"}
+{"version":3,"file":"collapsible.js","names":["BaseCollapsible","Collapsible"],"sources":["../../../src/components/collapsible/collapsible.tsx"],"sourcesContent":["\"use client\";\n\nimport { Collapsible as BaseCollapsible } from \"@base-ui/react/collapsible\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { withRecipeClassName } from \"../base-ui\";\nimport { cx } from \"../../styled-system/css\";\nimport { collapsible } from \"../../styled-system/recipes\";\n\nexport type CollapsibleRootProps = ComponentPropsWithoutRef<typeof BaseCollapsible.Root>;\n\nexport const CollapsibleRoot = forwardRef<HTMLDivElement, CollapsibleRootProps>(\n  function CollapsibleRoot({ className, ...props }, ref) {\n    return (\n      <BaseCollapsible.Root\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(collapsible().root, className)}\n        data-jaci-component=\"collapsible\"\n        data-slot=\"collapsible\"\n      />\n    );\n  },\n);\n\nexport interface CollapsibleTriggerProps\n  extends ComponentPropsWithoutRef<typeof BaseCollapsible.Trigger> {\n  showIndicator?: boolean;\n}\n\nexport const CollapsibleTrigger = forwardRef<HTMLButtonElement, CollapsibleTriggerProps>(\n  function CollapsibleTrigger({ children, className, showIndicator = true, ...props }, ref) {\n    const styles = collapsible();\n\n    return (\n      <BaseCollapsible.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-slot=\"collapsible-trigger\"\n      >\n        {showIndicator ? <CollapsibleIndicator /> : null}\n        {children}\n      </BaseCollapsible.Trigger>\n    );\n  },\n);\n\nexport type CollapsiblePanelProps = ComponentPropsWithoutRef<typeof BaseCollapsible.Panel>;\n\nexport const CollapsiblePanel = forwardRef<HTMLDivElement, CollapsiblePanelProps>(\n  function CollapsiblePanel({ className, ...props }, ref) {\n    return (\n      <BaseCollapsible.Panel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(collapsible().panel, className)}\n        data-slot=\"collapsible-panel\"\n      />\n    );\n  },\n);\n\nexport type CollapsibleIndicatorProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const CollapsibleIndicator = forwardRef<HTMLSpanElement, CollapsibleIndicatorProps>(\n  function CollapsibleIndicator({ children = \"›\", className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={cx(collapsible().indicator, className)}\n        data-slot=\"collapsible-indicator\"\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\nexport const Collapsible = {\n  Root: CollapsibleRoot,\n  Trigger: CollapsibleTrigger,\n  Panel: CollapsiblePanel,\n  Indicator: CollapsibleIndicator,\n};\n"],"mappings":";;;;;;;;AAYA,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,oBAACA,YAAgB,MAAjB;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,YAAY,CAAC,CAAC,MAAM,SAAS;EAC5D,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;AAOA,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,EAAE,UAAU,WAAW,gBAAgB,MAAM,GAAG,SAAS,KAAK;CACxF,MAAM,SAAS,YAAY;CAE3B,OACE,qBAACA,YAAgB,SAAjB;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,OAAO,SAAS,SAAS;EACxD,aAAU;EAJZ,UAAA,CAMG,gBAAgB,oBAAC,sBAAD,CAAuB,CAAA,IAAI,MAC3C,QACsB;;AAE7B,CACF;AAIA,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,oBAACA,YAAgB,OAAjB;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,YAAY,CAAC,CAAC,OAAO,SAAS;EAC7D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,uBAAuB,WAClC,SAAS,qBAAqB,EAAE,WAAW,KAAK,WAAW,GAAG,SAAS,KAAK;CAC1E,OACE,oBAAC,QAAD;EACE,GAAI;EACJ,eAAY;EACP;EACL,WAAW,GAAG,YAAY,CAAC,CAAC,WAAW,SAAS;EAChD,aAAU;EAET;CACG,CAAA;AAEV,CACF;AAEA,MAAaC,gBAAc;CACzB,MAAM;CACN,SAAS;CACT,OAAO;CACP,WAAW;AACb"}

package/dist/components/color-picker/color-picker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.cjs","names":["defaultColor","parseColor","formatColor","BasePopover","cx","colorPicker","withRecipeClassName","useThemePortalProps"],"sources":["../../../src/components/color-picker/color-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport { createContext, forwardRef, useContext, useEffect, useId, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, CSSProperties, PointerEvent, ReactNode } from \"react\";\nimport type { PopoverRoot as BasePopoverRoot } from \"@base-ui/react/popover\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { colorPicker } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\nimport { defaultColor, formatColor, parseColor } from \"./color-utils\";\nimport type { ColorFormat, ColorModel } from \"./color-utils\";\n\nexport type { ColorFormat, ColorModel } from \"./color-utils\";\nexport { defaultColor, formatColor, parseColor } from \"./color-utils\";\n\ninterface ColorPickerContextValue {\n  color: ColorModel;\n  disabled: boolean;\n  format: ColorFormat;\n  inputId: string;\n  setColor: (color: ColorModel) => void;\n  showAlpha: boolean;\n  swatches: string[];\n  value: string;\n}\n\nconst ColorPickerContext = createContext<ColorPickerContextValue | null>(null);\n\nfunction useColorPicker() {\n  const context = useContext(ColorPickerContext);\n  if (!context) throw new Error(\"ColorPicker parts must be rendered inside ColorPicker.Root.\");\n  return context;\n}\n\nexport interface ColorPickerRootProps extends Omit<BasePopoverRoot.Props, \"children\"> {\n  children?: ReactNode;\n  defaultValue?: string;\n  disabled?: boolean;\n  format?: ColorFormat;\n  id?: string;\n  name?: string;\n  onValueChange?: (value: string) => void;\n  showAlpha?: boolean;\n  swatches?: string[];\n  value?: string;\n}\n\nexport function ColorPickerRoot({\n  children,\n  defaultValue = \"#000000\",\n  disabled = false,\n  format = \"hex\",\n  id,\n  name,\n  onValueChange,\n  showAlpha = false,\n  swatches = [],\n  value: controlledValue,\n  ...popoverProps\n}: ColorPickerRootProps) {\n  const generatedId = useId();\n  const inputId = id ?? generatedId;\n  const [uncontrolledColor, setUncontrolledColor] = useState<ColorModel>(() =>\n    defaultColor(defaultValue),\n  );\n  const parsedControlled = parseColor(controlledValue);\n  const color = parsedControlled ?? uncontrolledColor;\n  const formattedValue = formatColor(color, format, showAlpha);\n  const setColor = (nextColor: ColorModel) => {\n    setUncontrolledColor(nextColor);\n    onValueChange?.(formatColor(nextColor, format, showAlpha));\n  };\n\n  return (\n    <ColorPickerContext.Provider\n      value={{\n        color,\n        disabled,\n        format,\n        inputId,\n        setColor,\n        showAlpha,\n        swatches,\n        value: formattedValue,\n      }}\n    >\n      <BasePopover.Root {...popoverProps}>\n        {children}\n        {name ? (\n          <input\n            aria-hidden=\"true\"\n            id={`${inputId}-value`}\n            name={name}\n            type=\"hidden\"\n            value={formattedValue}\n          />\n        ) : null}\n      </BasePopover.Root>\n    </ColorPickerContext.Provider>\n  );\n}\n\nexport interface ColorPickerLabelProps extends ComponentPropsWithoutRef<\"label\"> {}\nexport const ColorPickerLabel = forwardRef<HTMLLabelElement, ColorPickerLabelProps>(\n  function ColorPickerLabel({ children, className, htmlFor, ...props }, ref) {\n    const { inputId } = useColorPicker();\n    return (\n      <label\n        {...props}\n        ref={ref}\n        className={cx(colorPicker().label, className)}\n        data-slot=\"color-picker-label\"\n        htmlFor={htmlFor ?? inputId}\n      >\n        {children}\n      </label>\n    );\n  },\n);\n\nexport type ColorPickerControlProps = ComponentPropsWithoutRef<\"div\">;\nexport const ColorPickerControl = forwardRef<HTMLDivElement, ColorPickerControlProps>(\n  function ColorPickerControl({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(colorPicker().control, className)}\n        data-slot=\"color-picker-control\"\n      />\n    );\n  },\n);\n\nexport type ColorPickerTriggerProps = ComponentPropsWithoutRef<typeof BasePopover.Trigger>;\nexport const ColorPickerTrigger = forwardRef<HTMLButtonElement, ColorPickerTriggerProps>(\n  function ColorPickerTrigger({ className, disabled, ...props }, ref) {\n    const context = useColorPicker();\n    return (\n      <BasePopover.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(colorPicker().trigger, className)}\n        data-jaci-component=\"color-picker\"\n        data-slot=\"color-picker-trigger\"\n        disabled={disabled ?? context.disabled}\n        id={props.id ?? context.inputId}\n      />\n    );\n  },\n);\n\nexport type ColorPickerPreviewProps = ComponentPropsWithoutRef<\"span\">;\nexport const ColorPickerPreview = forwardRef<HTMLSpanElement, ColorPickerPreviewProps>(\n  function ColorPickerPreview({ className, style, ...props }, ref) {\n    const { value } = useColorPicker();\n    return (\n      <span\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? value}\n        className={cx(colorPicker().preview, className)}\n        data-slot=\"color-picker-preview\"\n        role=\"img\"\n        style={{ backgroundColor: value, ...style }}\n      />\n    );\n  },\n);\n\nexport type ColorPickerValueProps = ComponentPropsWithoutRef<\"span\">;\nexport const ColorPickerValue = forwardRef<HTMLSpanElement, ColorPickerValueProps>(\n  function ColorPickerValue({ className, ...props }, ref) {\n    const { value } = useColorPicker();\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(colorPicker().value, className)}\n        data-slot=\"color-picker-value\"\n      >\n        {props.children ?? value}\n      </span>\n    );\n  },\n);\n\nexport function ColorPickerPortal(props: ComponentPropsWithoutRef<typeof BasePopover.Portal>) {\n  return <BasePopover.Portal {...useThemePortalProps(props)} />;\n}\nexport type ColorPickerPositionerProps = ComponentPropsWithoutRef<typeof BasePopover.Positioner>;\nexport const ColorPickerPositioner = forwardRef<HTMLDivElement, ColorPickerPositionerProps>(\n  function ColorPickerPositioner({ className, ...props }, ref) {\n    return (\n      <BasePopover.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(colorPicker().positioner, className)}\n        data-slot=\"color-picker-positioner\"\n      />\n    );\n  },\n);\n\nexport type ColorPickerPopupProps = ComponentPropsWithoutRef<typeof BasePopover.Popup>;\nexport const ColorPickerPopup = forwardRef<HTMLDivElement, ColorPickerPopupProps>(\n  function ColorPickerPopup({ className, ...props }, ref) {\n    return (\n      <BasePopover.Popup\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Color picker\"}\n        ref={ref}\n        className={withRecipeClassName(colorPicker().popup, className)}\n        data-jaci-component=\"color-picker\"\n        data-slot=\"color-picker-popup\"\n      />\n    );\n  },\n);\n\nfunction clamp(value: number, min: number, max: number) {\n  return Math.min(max, Math.max(min, value));\n}\n\nfunction formatPalettePercentage(value: number) {\n  return `${Number(value.toFixed(2))}%`;\n}\n\nfunction hslToPalettePosition(color: ColorModel) {\n  const lightness = clamp(color.lightness / 100, 0, 1);\n  const saturation = clamp(color.saturation / 100, 0, 1);\n  const chroma = (1 - Math.abs(2 * lightness - 1)) * saturation;\n  const value = lightness + chroma / 2;\n\n  return {\n    lightness: (1 - value) * 100,\n    saturation: value === 0 ? 0 : (chroma / value) * 100,\n  };\n}\n\nfunction palettePositionToHsl(\n  saturation: number,\n  lightness: number,\n  color: ColorModel,\n): ColorModel {\n  const hsvSaturation = clamp(saturation / 100, 0, 1);\n  const value = 1 - clamp(lightness / 100, 0, 1);\n  const hslLightness = value * (1 - hsvSaturation / 2);\n  const hslSaturation =\n    hslLightness === 0 || hslLightness === 1\n      ? 0\n      : ((value - hslLightness) / Math.min(hslLightness, 1 - hslLightness)) * 100;\n\n  return {\n    ...color,\n    lightness: hslLightness * 100,\n    saturation: clamp(hslSaturation, 0, 100),\n  };\n}\n\nfunction updateFromPoint(\n  event: PointerEvent<HTMLDivElement>,\n  setColor: (color: ColorModel) => void,\n  color: ColorModel,\n) {\n  const rect = event.currentTarget.getBoundingClientRect();\n  const saturation = Math.round(clamp((event.clientX - rect.left) / rect.width, 0, 1) * 100);\n  const lightness = Math.round(clamp((event.clientY - rect.top) / rect.height, 0, 1) * 100);\n  setColor(palettePositionToHsl(saturation, lightness, color));\n}\n\nexport type ColorPickerPaletteProps = Omit<ComponentPropsWithoutRef<\"div\">, \"onChange\">;\nexport const ColorPickerPalette = forwardRef<HTMLDivElement, ColorPickerPaletteProps>(\n  function ColorPickerPalette(\n    {\n      children,\n      className,\n      onKeyDown,\n      onPointerCancel,\n      onPointerDown,\n      onPointerMove,\n      onPointerUp,\n      style,\n      ...props\n    },\n    ref,\n  ) {\n    const { color, disabled, setColor, value } = useColorPicker();\n    const [isDragging, setIsDragging] = useState(false);\n    const background = `linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, hsl(${color.hue} 100% 50%))`;\n    const palettePosition = hslToPalettePosition(color);\n    const paletteStyle = {\n      \"--jaci-color-palette-lightness\": formatPalettePercentage(palettePosition.lightness),\n      \"--jaci-color-palette-saturation\": formatPalettePercentage(palettePosition.saturation),\n      background,\n      ...style,\n    } as CSSProperties;\n\n    const releasePointer = (event: PointerEvent<HTMLDivElement>) => {\n      if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {\n        event.currentTarget.releasePointerCapture(event.pointerId);\n      }\n      setIsDragging(false);\n    };\n\n    return (\n      <div\n        {...props}\n        ref={ref}\n        aria-disabled={disabled || undefined}\n        aria-label={props[\"aria-label\"] ?? \"Color saturation and lightness\"}\n        aria-valuemax={100}\n        aria-valuemin={0}\n        aria-valuenow={Math.round(palettePosition.saturation)}\n        aria-valuetext={value}\n        className={cx(colorPicker().palette, className)}\n        data-disabled={disabled || undefined}\n        data-dragging={isDragging || undefined}\n        data-slot=\"color-picker-palette\"\n        onKeyDown={(event) => {\n          const step = event.shiftKey ? 10 : 1;\n          if (\n            event.key === \"ArrowLeft\" ||\n            event.key === \"ArrowRight\" ||\n            event.key === \"ArrowUp\" ||\n            event.key === \"ArrowDown\"\n          ) {\n            event.preventDefault();\n            const saturation =\n              event.key === \"ArrowLeft\"\n                ? Math.max(0, palettePosition.saturation - step)\n                : event.key === \"ArrowRight\"\n                  ? Math.min(100, palettePosition.saturation + step)\n                  : palettePosition.saturation;\n            const lightness =\n              event.key === \"ArrowDown\"\n                ? Math.min(100, palettePosition.lightness + step)\n                : event.key === \"ArrowUp\"\n                  ? Math.max(0, palettePosition.lightness - step)\n                  : palettePosition.lightness;\n            setColor(palettePositionToHsl(saturation, lightness, color));\n          }\n          onKeyDown?.(event);\n        }}\n        onPointerDown={(event) => {\n          if (!disabled) {\n            updateFromPoint(event, setColor, color);\n            setIsDragging(true);\n            try {\n              event.currentTarget.setPointerCapture(event.pointerId);\n            } catch {\n              // Pointer capture is not available in every test environment.\n            }\n          }\n          onPointerDown?.(event);\n        }}\n        onPointerMove={(event) => {\n          if (!disabled && isDragging) updateFromPoint(event, setColor, color);\n          onPointerMove?.(event);\n        }}\n        onPointerUp={(event) => {\n          releasePointer(event);\n          onPointerUp?.(event);\n        }}\n        onPointerCancel={(event) => {\n          releasePointer(event);\n          onPointerCancel?.(event);\n        }}\n        role=\"slider\"\n        style={paletteStyle}\n        tabIndex={props.tabIndex ?? (disabled ? -1 : 0)}\n      >\n        <span\n          aria-hidden=\"true\"\n          className={colorPicker().paletteIndicator}\n          data-slot=\"color-picker-palette-indicator\"\n        />\n        {children}\n      </div>\n    );\n  },\n);\n\nexport type ColorPickerHueProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"max\" | \"min\" | \"onChange\" | \"step\" | \"type\" | \"value\"\n>;\nexport const ColorPickerHue = forwardRef<HTMLInputElement, ColorPickerHueProps>(\n  function ColorPickerHue({ className, onInput, ...props }, ref) {\n    const { color, setColor } = useColorPicker();\n    return (\n      <input\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? \"Hue\"}\n        className={cx(colorPicker().hue, className)}\n        data-slot=\"color-picker-hue\"\n        max={360}\n        min={0}\n        onInput={(event) => {\n          setColor({ ...color, hue: Number(event.currentTarget.value) });\n          onInput?.(event);\n        }}\n        step={1}\n        type=\"range\"\n        value={color.hue}\n      />\n    );\n  },\n);\n\nexport type ColorPickerAlphaProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"max\" | \"min\" | \"onChange\" | \"step\" | \"type\" | \"value\"\n>;\nexport const ColorPickerAlpha = forwardRef<HTMLInputElement, ColorPickerAlphaProps>(\n  function ColorPickerAlpha({ className, onInput, style, ...props }, ref) {\n    const { color, setColor, showAlpha } = useColorPicker();\n    if (!showAlpha) return null;\n    return (\n      <input\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? \"Opacity\"}\n        className={cx(colorPicker().alpha, className)}\n        data-slot=\"color-picker-alpha\"\n        max={1}\n        min={0}\n        onInput={(event) => {\n          setColor({ ...color, alpha: Number(event.currentTarget.value) });\n          onInput?.(event);\n        }}\n        step={0.01}\n        style={{\n          ...style,\n          background: `linear-gradient(to right, transparent, ${formatColor({ ...color, alpha: 1 }, \"rgb\")})`,\n        }}\n        type=\"range\"\n        value={color.alpha}\n      />\n    );\n  },\n);\n\nexport type ColorPickerSwatchesProps = ComponentPropsWithoutRef<\"fieldset\">;\nexport const ColorPickerSwatches = forwardRef<HTMLFieldSetElement, ColorPickerSwatchesProps>(\n  function ColorPickerSwatches({ children, className, ...props }, ref) {\n    const { swatches } = useColorPicker();\n    return (\n      <fieldset\n        {...props}\n        ref={ref}\n        className={cx(colorPicker().swatches, className)}\n        data-slot=\"color-picker-swatches\"\n      >\n        {children ?? swatches.map((color) => <ColorPickerSwatch color={color} key={color} />)}\n      </fieldset>\n    );\n  },\n);\n\nexport interface ColorPickerSwatchProps extends ComponentPropsWithoutRef<\"button\"> {\n  color: string;\n}\nexport const ColorPickerSwatch = forwardRef<HTMLButtonElement, ColorPickerSwatchProps>(\n  function ColorPickerSwatch({ children, className, color, style, ...props }, ref) {\n    const context = useColorPicker();\n    const parsed = parseColor(color);\n    const selected =\n      parsed && formatColor(parsed, context.format, context.showAlpha) === context.value;\n    return (\n      <button\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? color}\n        aria-pressed={selected || undefined}\n        className={cx(colorPicker().swatch, className)}\n        data-selected={selected || undefined}\n        data-slot=\"color-picker-swatch\"\n        onClick={(event) => {\n          if (parsed) context.setColor(parsed);\n          props.onClick?.(event);\n        }}\n        style={{ backgroundColor: color, ...style }}\n        type=\"button\"\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nexport type ColorPickerInputProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"onChange\" | \"type\" | \"value\"\n>;\nexport const ColorPickerInput = forwardRef<HTMLInputElement, ColorPickerInputProps>(\n  function ColorPickerInput({ className, onBlur, onKeyDown, ...props }, ref) {\n    const { format, setColor, showAlpha, value } = useColorPicker();\n    const [draft, setDraft] = useState(value);\n    const [invalid, setInvalid] = useState(false);\n    useEffect(() => setDraft(value), [value]);\n    const commit = () => {\n      const parsed = parseColor(draft);\n      if (!parsed) {\n        setInvalid(true);\n        setDraft(value);\n        return;\n      }\n      setInvalid(false);\n      setColor(parsed);\n      setDraft(formatColor(parsed, format, showAlpha));\n    };\n    return (\n      <input\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? \"Color value\"}\n        aria-invalid={invalid || undefined}\n        className={cx(colorPicker().input, className)}\n        data-slot=\"color-picker-input\"\n        onBlur={(event) => {\n          commit();\n          onBlur?.(event);\n        }}\n        onChange={(event) => {\n          setDraft(event.currentTarget.value);\n          setInvalid(false);\n        }}\n        onKeyDown={(event) => {\n          if (event.key === \"Enter\") {\n            event.preventDefault();\n            commit();\n          }\n          onKeyDown?.(event);\n        }}\n        type=\"text\"\n        value={draft}\n      />\n    );\n  },\n);\n\nexport type ColorPickerNativeInputProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"onChange\" | \"type\" | \"value\"\n>;\nexport const ColorPickerNativeInput = forwardRef<HTMLInputElement, ColorPickerNativeInputProps>(\n  function ColorPickerNativeInput({ className, onInput, ...props }, ref) {\n    const { color, setColor, showAlpha } = useColorPicker();\n    const value = formatColor({ ...color, alpha: 1 }, \"hex\");\n    return (\n      <input\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? \"Choose a color\"}\n        className={cx(colorPicker().nativeInput, className)}\n        data-slot=\"color-picker-native-input\"\n        onInput={(event) => {\n          const parsed = parseColor(event.currentTarget.value);\n          if (parsed) setColor({ ...parsed, alpha: showAlpha ? color.alpha : 1 });\n          onInput?.(event);\n        }}\n        type=\"color\"\n        value={value.slice(0, 7)}\n      />\n    );\n  },\n);\n\nexport const ColorPicker = {\n  Root: ColorPickerRoot,\n  Label: ColorPickerLabel,\n  Control: ColorPickerControl,\n  Trigger: ColorPickerTrigger,\n  Preview: ColorPickerPreview,\n  Value: ColorPickerValue,\n  Portal: ColorPickerPortal,\n  Positioner: ColorPickerPositioner,\n  Popup: ColorPickerPopup,\n  Palette: ColorPickerPalette,\n  Hue: ColorPickerHue,\n  Alpha: ColorPickerAlpha,\n  Swatches: ColorPickerSwatches,\n  Swatch: ColorPickerSwatch,\n  Input: ColorPickerInput,\n  NativeInput: ColorPickerNativeInput,\n  createHandle: BasePopover.createHandle,\n};\n"],"mappings":"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"}
+{"version":3,"file":"color-picker.cjs","names":["createContext","useContext","useId","useState","defaultColor","parseColor","formatColor","BasePopover","forwardRef","cx","colorPicker","withRecipeClassName","useThemePortalProps"],"sources":["../../../src/components/color-picker/color-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport { createContext, forwardRef, useContext, useEffect, useId, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, CSSProperties, PointerEvent, ReactNode } from \"react\";\nimport type { PopoverRoot as BasePopoverRoot } from \"@base-ui/react/popover\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { colorPicker } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\nimport { defaultColor, formatColor, parseColor } from \"./color-utils\";\nimport type { ColorFormat, ColorModel } from \"./color-utils\";\n\nexport type { ColorFormat, ColorModel } from \"./color-utils\";\nexport { defaultColor, formatColor, parseColor } from \"./color-utils\";\n\ninterface ColorPickerContextValue {\n  color: ColorModel;\n  disabled: boolean;\n  format: ColorFormat;\n  inputId: string;\n  setColor: (color: ColorModel) => void;\n  showAlpha: boolean;\n  swatches: string[];\n  value: string;\n}\n\nconst ColorPickerContext = createContext<ColorPickerContextValue | null>(null);\n\nfunction useColorPicker() {\n  const context = useContext(ColorPickerContext);\n  if (!context) throw new Error(\"ColorPicker parts must be rendered inside ColorPicker.Root.\");\n  return context;\n}\n\nexport interface ColorPickerRootProps extends Omit<BasePopoverRoot.Props, \"children\"> {\n  children?: ReactNode;\n  defaultValue?: string;\n  disabled?: boolean;\n  format?: ColorFormat;\n  id?: string;\n  name?: string;\n  onValueChange?: (value: string) => void;\n  showAlpha?: boolean;\n  swatches?: string[];\n  value?: string;\n}\n\nexport function ColorPickerRoot({\n  children,\n  defaultValue = \"#000000\",\n  disabled = false,\n  format = \"hex\",\n  id,\n  name,\n  onValueChange,\n  showAlpha = false,\n  swatches = [],\n  value: controlledValue,\n  ...popoverProps\n}: ColorPickerRootProps) {\n  const generatedId = useId();\n  const inputId = id ?? generatedId;\n  const [uncontrolledColor, setUncontrolledColor] = useState<ColorModel>(() =>\n    defaultColor(defaultValue),\n  );\n  const parsedControlled = parseColor(controlledValue);\n  const color = parsedControlled ?? uncontrolledColor;\n  const formattedValue = formatColor(color, format, showAlpha);\n  const setColor = (nextColor: ColorModel) => {\n    setUncontrolledColor(nextColor);\n    onValueChange?.(formatColor(nextColor, format, showAlpha));\n  };\n\n  return (\n    <ColorPickerContext.Provider\n      value={{\n        color,\n        disabled,\n        format,\n        inputId,\n        setColor,\n        showAlpha,\n        swatches,\n        value: formattedValue,\n      }}\n    >\n      <BasePopover.Root {...popoverProps}>\n        {children}\n        {name ? (\n          <input\n            aria-hidden=\"true\"\n            id={`${inputId}-value`}\n            name={name}\n            type=\"hidden\"\n            value={formattedValue}\n          />\n        ) : null}\n      </BasePopover.Root>\n    </ColorPickerContext.Provider>\n  );\n}\n\nexport interface ColorPickerLabelProps extends ComponentPropsWithoutRef<\"label\"> {}\nexport const ColorPickerLabel = forwardRef<HTMLLabelElement, ColorPickerLabelProps>(\n  function ColorPickerLabel({ children, className, htmlFor, ...props }, ref) {\n    const { inputId } = useColorPicker();\n    return (\n      <label\n        {...props}\n        ref={ref}\n        className={cx(colorPicker().label, className)}\n        data-slot=\"color-picker-label\"\n        htmlFor={htmlFor ?? inputId}\n      >\n        {children}\n      </label>\n    );\n  },\n);\n\nexport type ColorPickerControlProps = ComponentPropsWithoutRef<\"div\">;\nexport const ColorPickerControl = forwardRef<HTMLDivElement, ColorPickerControlProps>(\n  function ColorPickerControl({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(colorPicker().control, className)}\n        data-slot=\"color-picker-control\"\n      />\n    );\n  },\n);\n\nexport type ColorPickerTriggerProps = ComponentPropsWithoutRef<typeof BasePopover.Trigger>;\nexport const ColorPickerTrigger = forwardRef<HTMLButtonElement, ColorPickerTriggerProps>(\n  function ColorPickerTrigger({ className, disabled, ...props }, ref) {\n    const context = useColorPicker();\n    return (\n      <BasePopover.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(colorPicker().trigger, className)}\n        data-jaci-component=\"color-picker\"\n        data-slot=\"color-picker-trigger\"\n        disabled={disabled ?? context.disabled}\n        id={props.id ?? context.inputId}\n      />\n    );\n  },\n);\n\nexport type ColorPickerPreviewProps = ComponentPropsWithoutRef<\"span\">;\nexport const ColorPickerPreview = forwardRef<HTMLSpanElement, ColorPickerPreviewProps>(\n  function ColorPickerPreview({ className, style, ...props }, ref) {\n    const { value } = useColorPicker();\n    return (\n      <span\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? value}\n        className={cx(colorPicker().preview, className)}\n        data-slot=\"color-picker-preview\"\n        role=\"img\"\n        style={{ backgroundColor: value, ...style }}\n      />\n    );\n  },\n);\n\nexport type ColorPickerValueProps = ComponentPropsWithoutRef<\"span\">;\nexport const ColorPickerValue = forwardRef<HTMLSpanElement, ColorPickerValueProps>(\n  function ColorPickerValue({ className, ...props }, ref) {\n    const { value } = useColorPicker();\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(colorPicker().value, className)}\n        data-slot=\"color-picker-value\"\n      >\n        {props.children ?? value}\n      </span>\n    );\n  },\n);\n\nexport function ColorPickerPortal(props: ComponentPropsWithoutRef<typeof BasePopover.Portal>) {\n  return <BasePopover.Portal {...useThemePortalProps(props)} />;\n}\nexport type ColorPickerPositionerProps = ComponentPropsWithoutRef<typeof BasePopover.Positioner>;\nexport const ColorPickerPositioner = forwardRef<HTMLDivElement, ColorPickerPositionerProps>(\n  function ColorPickerPositioner({ className, ...props }, ref) {\n    return (\n      <BasePopover.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(colorPicker().positioner, className)}\n        data-slot=\"color-picker-positioner\"\n      />\n    );\n  },\n);\n\nexport type ColorPickerPopupProps = ComponentPropsWithoutRef<typeof BasePopover.Popup>;\nexport const ColorPickerPopup = forwardRef<HTMLDivElement, ColorPickerPopupProps>(\n  function ColorPickerPopup({ className, ...props }, ref) {\n    return (\n      <BasePopover.Popup\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Color picker\"}\n        ref={ref}\n        className={withRecipeClassName(colorPicker().popup, className)}\n        data-jaci-component=\"color-picker\"\n        data-slot=\"color-picker-popup\"\n      />\n    );\n  },\n);\n\nfunction clamp(value: number, min: number, max: number) {\n  return Math.min(max, Math.max(min, value));\n}\n\nfunction formatPalettePercentage(value: number) {\n  return `${Number(value.toFixed(2))}%`;\n}\n\nfunction hslToPalettePosition(color: ColorModel) {\n  const lightness = clamp(color.lightness / 100, 0, 1);\n  const saturation = clamp(color.saturation / 100, 0, 1);\n  const chroma = (1 - Math.abs(2 * lightness - 1)) * saturation;\n  const value = lightness + chroma / 2;\n\n  return {\n    lightness: (1 - value) * 100,\n    saturation: value === 0 ? 0 : (chroma / value) * 100,\n  };\n}\n\nfunction palettePositionToHsl(\n  saturation: number,\n  lightness: number,\n  color: ColorModel,\n): ColorModel {\n  const hsvSaturation = clamp(saturation / 100, 0, 1);\n  const value = 1 - clamp(lightness / 100, 0, 1);\n  const hslLightness = value * (1 - hsvSaturation / 2);\n  const hslSaturation =\n    hslLightness === 0 || hslLightness === 1\n      ? 0\n      : ((value - hslLightness) / Math.min(hslLightness, 1 - hslLightness)) * 100;\n\n  return {\n    ...color,\n    lightness: hslLightness * 100,\n    saturation: clamp(hslSaturation, 0, 100),\n  };\n}\n\nfunction updateFromPoint(\n  event: PointerEvent<HTMLDivElement>,\n  setColor: (color: ColorModel) => void,\n  color: ColorModel,\n) {\n  const rect = event.currentTarget.getBoundingClientRect();\n  const saturation = Math.round(clamp((event.clientX - rect.left) / rect.width, 0, 1) * 100);\n  const lightness = Math.round(clamp((event.clientY - rect.top) / rect.height, 0, 1) * 100);\n  setColor(palettePositionToHsl(saturation, lightness, color));\n}\n\nexport type ColorPickerPaletteProps = Omit<ComponentPropsWithoutRef<\"div\">, \"onChange\">;\nexport const ColorPickerPalette = forwardRef<HTMLDivElement, ColorPickerPaletteProps>(\n  function ColorPickerPalette(\n    {\n      children,\n      className,\n      onKeyDown,\n      onPointerCancel,\n      onPointerDown,\n      onPointerMove,\n      onPointerUp,\n      style,\n      ...props\n    },\n    ref,\n  ) {\n    const { color, disabled, setColor, value } = useColorPicker();\n    const [isDragging, setIsDragging] = useState(false);\n    const background = `linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, hsl(${color.hue} 100% 50%))`;\n    const palettePosition = hslToPalettePosition(color);\n    const paletteStyle = {\n      \"--jaci-color-palette-lightness\": formatPalettePercentage(palettePosition.lightness),\n      \"--jaci-color-palette-saturation\": formatPalettePercentage(palettePosition.saturation),\n      background,\n      ...style,\n    } as CSSProperties;\n\n    const releasePointer = (event: PointerEvent<HTMLDivElement>) => {\n      if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {\n        event.currentTarget.releasePointerCapture(event.pointerId);\n      }\n      setIsDragging(false);\n    };\n\n    return (\n      <div\n        {...props}\n        ref={ref}\n        aria-disabled={disabled || undefined}\n        aria-label={props[\"aria-label\"] ?? \"Color saturation and lightness\"}\n        aria-valuemax={100}\n        aria-valuemin={0}\n        aria-valuenow={Math.round(palettePosition.saturation)}\n        aria-valuetext={value}\n        className={cx(colorPicker().palette, className)}\n        data-disabled={disabled || undefined}\n        data-dragging={isDragging || undefined}\n        data-slot=\"color-picker-palette\"\n        onKeyDown={(event) => {\n          const step = event.shiftKey ? 10 : 1;\n          if (\n            event.key === \"ArrowLeft\" ||\n            event.key === \"ArrowRight\" ||\n            event.key === \"ArrowUp\" ||\n            event.key === \"ArrowDown\"\n          ) {\n            event.preventDefault();\n            const saturation =\n              event.key === \"ArrowLeft\"\n                ? Math.max(0, palettePosition.saturation - step)\n                : event.key === \"ArrowRight\"\n                  ? Math.min(100, palettePosition.saturation + step)\n                  : palettePosition.saturation;\n            const lightness =\n              event.key === \"ArrowDown\"\n                ? Math.min(100, palettePosition.lightness + step)\n                : event.key === \"ArrowUp\"\n                  ? Math.max(0, palettePosition.lightness - step)\n                  : palettePosition.lightness;\n            setColor(palettePositionToHsl(saturation, lightness, color));\n          }\n          onKeyDown?.(event);\n        }}\n        onPointerDown={(event) => {\n          if (!disabled) {\n            updateFromPoint(event, setColor, color);\n            setIsDragging(true);\n            try {\n              event.currentTarget.setPointerCapture(event.pointerId);\n            } catch {\n              // Pointer capture is not available in every test environment.\n            }\n          }\n          onPointerDown?.(event);\n        }}\n        onPointerMove={(event) => {\n          if (!disabled && isDragging) updateFromPoint(event, setColor, color);\n          onPointerMove?.(event);\n        }}\n        onPointerUp={(event) => {\n          releasePointer(event);\n          onPointerUp?.(event);\n        }}\n        onPointerCancel={(event) => {\n          releasePointer(event);\n          onPointerCancel?.(event);\n        }}\n        role=\"slider\"\n        style={paletteStyle}\n        tabIndex={props.tabIndex ?? (disabled ? -1 : 0)}\n      >\n        <span\n          aria-hidden=\"true\"\n          className={colorPicker().paletteIndicator}\n          data-slot=\"color-picker-palette-indicator\"\n        />\n        {children}\n      </div>\n    );\n  },\n);\n\nexport type ColorPickerHueProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"max\" | \"min\" | \"onChange\" | \"step\" | \"type\" | \"value\"\n>;\nexport const ColorPickerHue = forwardRef<HTMLInputElement, ColorPickerHueProps>(\n  function ColorPickerHue({ className, onInput, ...props }, ref) {\n    const { color, setColor } = useColorPicker();\n    return (\n      <input\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? \"Hue\"}\n        className={cx(colorPicker().hue, className)}\n        data-slot=\"color-picker-hue\"\n        max={360}\n        min={0}\n        onInput={(event) => {\n          setColor({ ...color, hue: Number(event.currentTarget.value) });\n          onInput?.(event);\n        }}\n        step={1}\n        type=\"range\"\n        value={color.hue}\n      />\n    );\n  },\n);\n\nexport type ColorPickerAlphaProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"max\" | \"min\" | \"onChange\" | \"step\" | \"type\" | \"value\"\n>;\nexport const ColorPickerAlpha = forwardRef<HTMLInputElement, ColorPickerAlphaProps>(\n  function ColorPickerAlpha({ className, onInput, style, ...props }, ref) {\n    const { color, setColor, showAlpha } = useColorPicker();\n    if (!showAlpha) return null;\n    return (\n      <input\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? \"Opacity\"}\n        className={cx(colorPicker().alpha, className)}\n        data-slot=\"color-picker-alpha\"\n        max={1}\n        min={0}\n        onInput={(event) => {\n          setColor({ ...color, alpha: Number(event.currentTarget.value) });\n          onInput?.(event);\n        }}\n        step={0.01}\n        style={{\n          ...style,\n          background: `linear-gradient(to right, transparent, ${formatColor({ ...color, alpha: 1 }, \"rgb\")})`,\n        }}\n        type=\"range\"\n        value={color.alpha}\n      />\n    );\n  },\n);\n\nexport type ColorPickerSwatchesProps = ComponentPropsWithoutRef<\"fieldset\">;\nexport const ColorPickerSwatches = forwardRef<HTMLFieldSetElement, ColorPickerSwatchesProps>(\n  function ColorPickerSwatches({ children, className, ...props }, ref) {\n    const { swatches } = useColorPicker();\n    return (\n      <fieldset\n        {...props}\n        ref={ref}\n        className={cx(colorPicker().swatches, className)}\n        data-slot=\"color-picker-swatches\"\n      >\n        {children ?? swatches.map((color) => <ColorPickerSwatch color={color} key={color} />)}\n      </fieldset>\n    );\n  },\n);\n\nexport interface ColorPickerSwatchProps extends ComponentPropsWithoutRef<\"button\"> {\n  color: string;\n}\nexport const ColorPickerSwatch = forwardRef<HTMLButtonElement, ColorPickerSwatchProps>(\n  function ColorPickerSwatch({ children, className, color, style, ...props }, ref) {\n    const context = useColorPicker();\n    const parsed = parseColor(color);\n    const selected =\n      parsed && formatColor(parsed, context.format, context.showAlpha) === context.value;\n    return (\n      <button\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? color}\n        aria-pressed={selected || undefined}\n        className={cx(colorPicker().swatch, className)}\n        data-selected={selected || undefined}\n        data-slot=\"color-picker-swatch\"\n        onClick={(event) => {\n          if (parsed) context.setColor(parsed);\n          props.onClick?.(event);\n        }}\n        style={{ backgroundColor: color, ...style }}\n        type=\"button\"\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nexport type ColorPickerInputProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"onChange\" | \"type\" | \"value\"\n>;\nexport const ColorPickerInput = forwardRef<HTMLInputElement, ColorPickerInputProps>(\n  function ColorPickerInput({ className, onBlur, onKeyDown, ...props }, ref) {\n    const { format, setColor, showAlpha, value } = useColorPicker();\n    const [draft, setDraft] = useState(value);\n    const [invalid, setInvalid] = useState(false);\n    useEffect(() => setDraft(value), [value]);\n    const commit = () => {\n      const parsed = parseColor(draft);\n      if (!parsed) {\n        setInvalid(true);\n        setDraft(value);\n        return;\n      }\n      setInvalid(false);\n      setColor(parsed);\n      setDraft(formatColor(parsed, format, showAlpha));\n    };\n    return (\n      <input\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? \"Color value\"}\n        aria-invalid={invalid || undefined}\n        className={cx(colorPicker().input, className)}\n        data-slot=\"color-picker-input\"\n        onBlur={(event) => {\n          commit();\n          onBlur?.(event);\n        }}\n        onChange={(event) => {\n          setDraft(event.currentTarget.value);\n          setInvalid(false);\n        }}\n        onKeyDown={(event) => {\n          if (event.key === \"Enter\") {\n            event.preventDefault();\n            commit();\n          }\n          onKeyDown?.(event);\n        }}\n        type=\"text\"\n        value={draft}\n      />\n    );\n  },\n);\n\nexport type ColorPickerNativeInputProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"onChange\" | \"type\" | \"value\"\n>;\nexport const ColorPickerNativeInput = forwardRef<HTMLInputElement, ColorPickerNativeInputProps>(\n  function ColorPickerNativeInput({ className, onInput, ...props }, ref) {\n    const { color, setColor, showAlpha } = useColorPicker();\n    const value = formatColor({ ...color, alpha: 1 }, \"hex\");\n    return (\n      <input\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? \"Choose a color\"}\n        className={cx(colorPicker().nativeInput, className)}\n        data-slot=\"color-picker-native-input\"\n        onInput={(event) => {\n          const parsed = parseColor(event.currentTarget.value);\n          if (parsed) setColor({ ...parsed, alpha: showAlpha ? color.alpha : 1 });\n          onInput?.(event);\n        }}\n        type=\"color\"\n        value={value.slice(0, 7)}\n      />\n    );\n  },\n);\n\nexport const ColorPicker = {\n  Root: ColorPickerRoot,\n  Label: ColorPickerLabel,\n  Control: ColorPickerControl,\n  Trigger: ColorPickerTrigger,\n  Preview: ColorPickerPreview,\n  Value: ColorPickerValue,\n  Portal: ColorPickerPortal,\n  Positioner: ColorPickerPositioner,\n  Popup: ColorPickerPopup,\n  Palette: ColorPickerPalette,\n  Hue: ColorPickerHue,\n  Alpha: ColorPickerAlpha,\n  Swatches: ColorPickerSwatches,\n  Swatch: ColorPickerSwatch,\n  Input: ColorPickerInput,\n  NativeInput: ColorPickerNativeInput,\n  createHandle: BasePopover.createHandle,\n};\n"],"mappings":"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"}

package/dist/components/color-picker/color-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.js","names":["BasePopover"],"sources":["../../../src/components/color-picker/color-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport { createContext, forwardRef, useContext, useEffect, useId, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, CSSProperties, PointerEvent, ReactNode } from \"react\";\nimport type { PopoverRoot as BasePopoverRoot } from \"@base-ui/react/popover\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { colorPicker } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\nimport { defaultColor, formatColor, parseColor } from \"./color-utils\";\nimport type { ColorFormat, ColorModel } from \"./color-utils\";\n\nexport type { ColorFormat, ColorModel } from \"./color-utils\";\nexport { defaultColor, formatColor, parseColor } from \"./color-utils\";\n\ninterface ColorPickerContextValue {\n  color: ColorModel;\n  disabled: boolean;\n  format: ColorFormat;\n  inputId: string;\n  setColor: (color: ColorModel) => void;\n  showAlpha: boolean;\n  swatches: string[];\n  value: string;\n}\n\nconst ColorPickerContext = createContext<ColorPickerContextValue | null>(null);\n\nfunction useColorPicker() {\n  const context = useContext(ColorPickerContext);\n  if (!context) throw new Error(\"ColorPicker parts must be rendered inside ColorPicker.Root.\");\n  return context;\n}\n\nexport interface ColorPickerRootProps extends Omit<BasePopoverRoot.Props, \"children\"> {\n  children?: ReactNode;\n  defaultValue?: string;\n  disabled?: boolean;\n  format?: ColorFormat;\n  id?: string;\n  name?: string;\n  onValueChange?: (value: string) => void;\n  showAlpha?: boolean;\n  swatches?: string[];\n  value?: string;\n}\n\nexport function ColorPickerRoot({\n  children,\n  defaultValue = \"#000000\",\n  disabled = false,\n  format = \"hex\",\n  id,\n  name,\n  onValueChange,\n  showAlpha = false,\n  swatches = [],\n  value: controlledValue,\n  ...popoverProps\n}: ColorPickerRootProps) {\n  const generatedId = useId();\n  const inputId = id ?? generatedId;\n  const [uncontrolledColor, setUncontrolledColor] = useState<ColorModel>(() =>\n    defaultColor(defaultValue),\n  );\n  const parsedControlled = parseColor(controlledValue);\n  const color = parsedControlled ?? uncontrolledColor;\n  const formattedValue = formatColor(color, format, showAlpha);\n  const setColor = (nextColor: ColorModel) => {\n    setUncontrolledColor(nextColor);\n    onValueChange?.(formatColor(nextColor, format, showAlpha));\n  };\n\n  return (\n    <ColorPickerContext.Provider\n      value={{\n        color,\n        disabled,\n        format,\n        inputId,\n        setColor,\n        showAlpha,\n        swatches,\n        value: formattedValue,\n      }}\n    >\n      <BasePopover.Root {...popoverProps}>\n        {children}\n        {name ? (\n          <input\n            aria-hidden=\"true\"\n            id={`${inputId}-value`}\n            name={name}\n            type=\"hidden\"\n            value={formattedValue}\n          />\n        ) : null}\n      </BasePopover.Root>\n    </ColorPickerContext.Provider>\n  );\n}\n\nexport interface ColorPickerLabelProps extends ComponentPropsWithoutRef<\"label\"> {}\nexport const ColorPickerLabel = forwardRef<HTMLLabelElement, ColorPickerLabelProps>(\n  function ColorPickerLabel({ children, className, htmlFor, ...props }, ref) {\n    const { inputId } = useColorPicker();\n    return (\n      <label\n        {...props}\n        ref={ref}\n        className={cx(colorPicker().label, className)}\n        data-slot=\"color-picker-label\"\n        htmlFor={htmlFor ?? inputId}\n      >\n        {children}\n      </label>\n    );\n  },\n);\n\nexport type ColorPickerControlProps = ComponentPropsWithoutRef<\"div\">;\nexport const ColorPickerControl = forwardRef<HTMLDivElement, ColorPickerControlProps>(\n  function ColorPickerControl({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(colorPicker().control, className)}\n        data-slot=\"color-picker-control\"\n      />\n    );\n  },\n);\n\nexport type ColorPickerTriggerProps = ComponentPropsWithoutRef<typeof BasePopover.Trigger>;\nexport const ColorPickerTrigger = forwardRef<HTMLButtonElement, ColorPickerTriggerProps>(\n  function ColorPickerTrigger({ className, disabled, ...props }, ref) {\n    const context = useColorPicker();\n    return (\n      <BasePopover.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(colorPicker().trigger, className)}\n        data-jaci-component=\"color-picker\"\n        data-slot=\"color-picker-trigger\"\n        disabled={disabled ?? context.disabled}\n        id={props.id ?? context.inputId}\n      />\n    );\n  },\n);\n\nexport type ColorPickerPreviewProps = ComponentPropsWithoutRef<\"span\">;\nexport const ColorPickerPreview = forwardRef<HTMLSpanElement, ColorPickerPreviewProps>(\n  function ColorPickerPreview({ className, style, ...props }, ref) {\n    const { value } = useColorPicker();\n    return (\n      <span\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? value}\n        className={cx(colorPicker().preview, className)}\n        data-slot=\"color-picker-preview\"\n        role=\"img\"\n        style={{ backgroundColor: value, ...style }}\n      />\n    );\n  },\n);\n\nexport type ColorPickerValueProps = ComponentPropsWithoutRef<\"span\">;\nexport const ColorPickerValue = forwardRef<HTMLSpanElement, ColorPickerValueProps>(\n  function ColorPickerValue({ className, ...props }, ref) {\n    const { value } = useColorPicker();\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(colorPicker().value, className)}\n        data-slot=\"color-picker-value\"\n      >\n        {props.children ?? value}\n      </span>\n    );\n  },\n);\n\nexport function ColorPickerPortal(props: ComponentPropsWithoutRef<typeof BasePopover.Portal>) {\n  return <BasePopover.Portal {...useThemePortalProps(props)} />;\n}\nexport type ColorPickerPositionerProps = ComponentPropsWithoutRef<typeof BasePopover.Positioner>;\nexport const ColorPickerPositioner = forwardRef<HTMLDivElement, ColorPickerPositionerProps>(\n  function ColorPickerPositioner({ className, ...props }, ref) {\n    return (\n      <BasePopover.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(colorPicker().positioner, className)}\n        data-slot=\"color-picker-positioner\"\n      />\n    );\n  },\n);\n\nexport type ColorPickerPopupProps = ComponentPropsWithoutRef<typeof BasePopover.Popup>;\nexport const ColorPickerPopup = forwardRef<HTMLDivElement, ColorPickerPopupProps>(\n  function ColorPickerPopup({ className, ...props }, ref) {\n    return (\n      <BasePopover.Popup\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Color picker\"}\n        ref={ref}\n        className={withRecipeClassName(colorPicker().popup, className)}\n        data-jaci-component=\"color-picker\"\n        data-slot=\"color-picker-popup\"\n      />\n    );\n  },\n);\n\nfunction clamp(value: number, min: number, max: number) {\n  return Math.min(max, Math.max(min, value));\n}\n\nfunction formatPalettePercentage(value: number) {\n  return `${Number(value.toFixed(2))}%`;\n}\n\nfunction hslToPalettePosition(color: ColorModel) {\n  const lightness = clamp(color.lightness / 100, 0, 1);\n  const saturation = clamp(color.saturation / 100, 0, 1);\n  const chroma = (1 - Math.abs(2 * lightness - 1)) * saturation;\n  const value = lightness + chroma / 2;\n\n  return {\n    lightness: (1 - value) * 100,\n    saturation: value === 0 ? 0 : (chroma / value) * 100,\n  };\n}\n\nfunction palettePositionToHsl(\n  saturation: number,\n  lightness: number,\n  color: ColorModel,\n): ColorModel {\n  const hsvSaturation = clamp(saturation / 100, 0, 1);\n  const value = 1 - clamp(lightness / 100, 0, 1);\n  const hslLightness = value * (1 - hsvSaturation / 2);\n  const hslSaturation =\n    hslLightness === 0 || hslLightness === 1\n      ? 0\n      : ((value - hslLightness) / Math.min(hslLightness, 1 - hslLightness)) * 100;\n\n  return {\n    ...color,\n    lightness: hslLightness * 100,\n    saturation: clamp(hslSaturation, 0, 100),\n  };\n}\n\nfunction updateFromPoint(\n  event: PointerEvent<HTMLDivElement>,\n  setColor: (color: ColorModel) => void,\n  color: ColorModel,\n) {\n  const rect = event.currentTarget.getBoundingClientRect();\n  const saturation = Math.round(clamp((event.clientX - rect.left) / rect.width, 0, 1) * 100);\n  const lightness = Math.round(clamp((event.clientY - rect.top) / rect.height, 0, 1) * 100);\n  setColor(palettePositionToHsl(saturation, lightness, color));\n}\n\nexport type ColorPickerPaletteProps = Omit<ComponentPropsWithoutRef<\"div\">, \"onChange\">;\nexport const ColorPickerPalette = forwardRef<HTMLDivElement, ColorPickerPaletteProps>(\n  function ColorPickerPalette(\n    {\n      children,\n      className,\n      onKeyDown,\n      onPointerCancel,\n      onPointerDown,\n      onPointerMove,\n      onPointerUp,\n      style,\n      ...props\n    },\n    ref,\n  ) {\n    const { color, disabled, setColor, value } = useColorPicker();\n    const [isDragging, setIsDragging] = useState(false);\n    const background = `linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, hsl(${color.hue} 100% 50%))`;\n    const palettePosition = hslToPalettePosition(color);\n    const paletteStyle = {\n      \"--jaci-color-palette-lightness\": formatPalettePercentage(palettePosition.lightness),\n      \"--jaci-color-palette-saturation\": formatPalettePercentage(palettePosition.saturation),\n      background,\n      ...style,\n    } as CSSProperties;\n\n    const releasePointer = (event: PointerEvent<HTMLDivElement>) => {\n      if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {\n        event.currentTarget.releasePointerCapture(event.pointerId);\n      }\n      setIsDragging(false);\n    };\n\n    return (\n      <div\n        {...props}\n        ref={ref}\n        aria-disabled={disabled || undefined}\n        aria-label={props[\"aria-label\"] ?? \"Color saturation and lightness\"}\n        aria-valuemax={100}\n        aria-valuemin={0}\n        aria-valuenow={Math.round(palettePosition.saturation)}\n        aria-valuetext={value}\n        className={cx(colorPicker().palette, className)}\n        data-disabled={disabled || undefined}\n        data-dragging={isDragging || undefined}\n        data-slot=\"color-picker-palette\"\n        onKeyDown={(event) => {\n          const step = event.shiftKey ? 10 : 1;\n          if (\n            event.key === \"ArrowLeft\" ||\n            event.key === \"ArrowRight\" ||\n            event.key === \"ArrowUp\" ||\n            event.key === \"ArrowDown\"\n          ) {\n            event.preventDefault();\n            const saturation =\n              event.key === \"ArrowLeft\"\n                ? Math.max(0, palettePosition.saturation - step)\n                : event.key === \"ArrowRight\"\n                  ? Math.min(100, palettePosition.saturation + step)\n                  : palettePosition.saturation;\n            const lightness =\n              event.key === \"ArrowDown\"\n                ? Math.min(100, palettePosition.lightness + step)\n                : event.key === \"ArrowUp\"\n                  ? Math.max(0, palettePosition.lightness - step)\n                  : palettePosition.lightness;\n            setColor(palettePositionToHsl(saturation, lightness, color));\n          }\n          onKeyDown?.(event);\n        }}\n        onPointerDown={(event) => {\n          if (!disabled) {\n            updateFromPoint(event, setColor, color);\n            setIsDragging(true);\n            try {\n              event.currentTarget.setPointerCapture(event.pointerId);\n            } catch {\n              // Pointer capture is not available in every test environment.\n            }\n          }\n          onPointerDown?.(event);\n        }}\n        onPointerMove={(event) => {\n          if (!disabled && isDragging) updateFromPoint(event, setColor, color);\n          onPointerMove?.(event);\n        }}\n        onPointerUp={(event) => {\n          releasePointer(event);\n          onPointerUp?.(event);\n        }}\n        onPointerCancel={(event) => {\n          releasePointer(event);\n          onPointerCancel?.(event);\n        }}\n        role=\"slider\"\n        style={paletteStyle}\n        tabIndex={props.tabIndex ?? (disabled ? -1 : 0)}\n      >\n        <span\n          aria-hidden=\"true\"\n          className={colorPicker().paletteIndicator}\n          data-slot=\"color-picker-palette-indicator\"\n        />\n        {children}\n      </div>\n    );\n  },\n);\n\nexport type ColorPickerHueProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"max\" | \"min\" | \"onChange\" | \"step\" | \"type\" | \"value\"\n>;\nexport const ColorPickerHue = forwardRef<HTMLInputElement, ColorPickerHueProps>(\n  function ColorPickerHue({ className, onInput, ...props }, ref) {\n    const { color, setColor } = useColorPicker();\n    return (\n      <input\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? \"Hue\"}\n        className={cx(colorPicker().hue, className)}\n        data-slot=\"color-picker-hue\"\n        max={360}\n        min={0}\n        onInput={(event) => {\n          setColor({ ...color, hue: Number(event.currentTarget.value) });\n          onInput?.(event);\n        }}\n        step={1}\n        type=\"range\"\n        value={color.hue}\n      />\n    );\n  },\n);\n\nexport type ColorPickerAlphaProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"max\" | \"min\" | \"onChange\" | \"step\" | \"type\" | \"value\"\n>;\nexport const ColorPickerAlpha = forwardRef<HTMLInputElement, ColorPickerAlphaProps>(\n  function ColorPickerAlpha({ className, onInput, style, ...props }, ref) {\n    const { color, setColor, showAlpha } = useColorPicker();\n    if (!showAlpha) return null;\n    return (\n      <input\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? \"Opacity\"}\n        className={cx(colorPicker().alpha, className)}\n        data-slot=\"color-picker-alpha\"\n        max={1}\n        min={0}\n        onInput={(event) => {\n          setColor({ ...color, alpha: Number(event.currentTarget.value) });\n          onInput?.(event);\n        }}\n        step={0.01}\n        style={{\n          ...style,\n          background: `linear-gradient(to right, transparent, ${formatColor({ ...color, alpha: 1 }, \"rgb\")})`,\n        }}\n        type=\"range\"\n        value={color.alpha}\n      />\n    );\n  },\n);\n\nexport type ColorPickerSwatchesProps = ComponentPropsWithoutRef<\"fieldset\">;\nexport const ColorPickerSwatches = forwardRef<HTMLFieldSetElement, ColorPickerSwatchesProps>(\n  function ColorPickerSwatches({ children, className, ...props }, ref) {\n    const { swatches } = useColorPicker();\n    return (\n      <fieldset\n        {...props}\n        ref={ref}\n        className={cx(colorPicker().swatches, className)}\n        data-slot=\"color-picker-swatches\"\n      >\n        {children ?? swatches.map((color) => <ColorPickerSwatch color={color} key={color} />)}\n      </fieldset>\n    );\n  },\n);\n\nexport interface ColorPickerSwatchProps extends ComponentPropsWithoutRef<\"button\"> {\n  color: string;\n}\nexport const ColorPickerSwatch = forwardRef<HTMLButtonElement, ColorPickerSwatchProps>(\n  function ColorPickerSwatch({ children, className, color, style, ...props }, ref) {\n    const context = useColorPicker();\n    const parsed = parseColor(color);\n    const selected =\n      parsed && formatColor(parsed, context.format, context.showAlpha) === context.value;\n    return (\n      <button\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? color}\n        aria-pressed={selected || undefined}\n        className={cx(colorPicker().swatch, className)}\n        data-selected={selected || undefined}\n        data-slot=\"color-picker-swatch\"\n        onClick={(event) => {\n          if (parsed) context.setColor(parsed);\n          props.onClick?.(event);\n        }}\n        style={{ backgroundColor: color, ...style }}\n        type=\"button\"\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nexport type ColorPickerInputProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"onChange\" | \"type\" | \"value\"\n>;\nexport const ColorPickerInput = forwardRef<HTMLInputElement, ColorPickerInputProps>(\n  function ColorPickerInput({ className, onBlur, onKeyDown, ...props }, ref) {\n    const { format, setColor, showAlpha, value } = useColorPicker();\n    const [draft, setDraft] = useState(value);\n    const [invalid, setInvalid] = useState(false);\n    useEffect(() => setDraft(value), [value]);\n    const commit = () => {\n      const parsed = parseColor(draft);\n      if (!parsed) {\n        setInvalid(true);\n        setDraft(value);\n        return;\n      }\n      setInvalid(false);\n      setColor(parsed);\n      setDraft(formatColor(parsed, format, showAlpha));\n    };\n    return (\n      <input\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? \"Color value\"}\n        aria-invalid={invalid || undefined}\n        className={cx(colorPicker().input, className)}\n        data-slot=\"color-picker-input\"\n        onBlur={(event) => {\n          commit();\n          onBlur?.(event);\n        }}\n        onChange={(event) => {\n          setDraft(event.currentTarget.value);\n          setInvalid(false);\n        }}\n        onKeyDown={(event) => {\n          if (event.key === \"Enter\") {\n            event.preventDefault();\n            commit();\n          }\n          onKeyDown?.(event);\n        }}\n        type=\"text\"\n        value={draft}\n      />\n    );\n  },\n);\n\nexport type ColorPickerNativeInputProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"onChange\" | \"type\" | \"value\"\n>;\nexport const ColorPickerNativeInput = forwardRef<HTMLInputElement, ColorPickerNativeInputProps>(\n  function ColorPickerNativeInput({ className, onInput, ...props }, ref) {\n    const { color, setColor, showAlpha } = useColorPicker();\n    const value = formatColor({ ...color, alpha: 1 }, \"hex\");\n    return (\n      <input\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? \"Choose a color\"}\n        className={cx(colorPicker().nativeInput, className)}\n        data-slot=\"color-picker-native-input\"\n        onInput={(event) => {\n          const parsed = parseColor(event.currentTarget.value);\n          if (parsed) setColor({ ...parsed, alpha: showAlpha ? color.alpha : 1 });\n          onInput?.(event);\n        }}\n        type=\"color\"\n        value={value.slice(0, 7)}\n      />\n    );\n  },\n);\n\nexport const ColorPicker = {\n  Root: ColorPickerRoot,\n  Label: ColorPickerLabel,\n  Control: ColorPickerControl,\n  Trigger: ColorPickerTrigger,\n  Preview: ColorPickerPreview,\n  Value: ColorPickerValue,\n  Portal: ColorPickerPortal,\n  Positioner: ColorPickerPositioner,\n  Popup: ColorPickerPopup,\n  Palette: ColorPickerPalette,\n  Hue: ColorPickerHue,\n  Alpha: ColorPickerAlpha,\n  Swatches: ColorPickerSwatches,\n  Swatch: ColorPickerSwatch,\n  Input: ColorPickerInput,\n  NativeInput: ColorPickerNativeInput,\n  createHandle: BasePopover.createHandle,\n};\n"],"mappings":"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"}
+{"version":3,"file":"color-picker.js","names":["BasePopover"],"sources":["../../../src/components/color-picker/color-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { Popover as BasePopover } from \"@base-ui/react/popover\";\nimport { createContext, forwardRef, useContext, useEffect, useId, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, CSSProperties, PointerEvent, ReactNode } from \"react\";\nimport type { PopoverRoot as BasePopoverRoot } from \"@base-ui/react/popover\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { colorPicker } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\nimport { defaultColor, formatColor, parseColor } from \"./color-utils\";\nimport type { ColorFormat, ColorModel } from \"./color-utils\";\n\nexport type { ColorFormat, ColorModel } from \"./color-utils\";\nexport { defaultColor, formatColor, parseColor } from \"./color-utils\";\n\ninterface ColorPickerContextValue {\n  color: ColorModel;\n  disabled: boolean;\n  format: ColorFormat;\n  inputId: string;\n  setColor: (color: ColorModel) => void;\n  showAlpha: boolean;\n  swatches: string[];\n  value: string;\n}\n\nconst ColorPickerContext = createContext<ColorPickerContextValue | null>(null);\n\nfunction useColorPicker() {\n  const context = useContext(ColorPickerContext);\n  if (!context) throw new Error(\"ColorPicker parts must be rendered inside ColorPicker.Root.\");\n  return context;\n}\n\nexport interface ColorPickerRootProps extends Omit<BasePopoverRoot.Props, \"children\"> {\n  children?: ReactNode;\n  defaultValue?: string;\n  disabled?: boolean;\n  format?: ColorFormat;\n  id?: string;\n  name?: string;\n  onValueChange?: (value: string) => void;\n  showAlpha?: boolean;\n  swatches?: string[];\n  value?: string;\n}\n\nexport function ColorPickerRoot({\n  children,\n  defaultValue = \"#000000\",\n  disabled = false,\n  format = \"hex\",\n  id,\n  name,\n  onValueChange,\n  showAlpha = false,\n  swatches = [],\n  value: controlledValue,\n  ...popoverProps\n}: ColorPickerRootProps) {\n  const generatedId = useId();\n  const inputId = id ?? generatedId;\n  const [uncontrolledColor, setUncontrolledColor] = useState<ColorModel>(() =>\n    defaultColor(defaultValue),\n  );\n  const parsedControlled = parseColor(controlledValue);\n  const color = parsedControlled ?? uncontrolledColor;\n  const formattedValue = formatColor(color, format, showAlpha);\n  const setColor = (nextColor: ColorModel) => {\n    setUncontrolledColor(nextColor);\n    onValueChange?.(formatColor(nextColor, format, showAlpha));\n  };\n\n  return (\n    <ColorPickerContext.Provider\n      value={{\n        color,\n        disabled,\n        format,\n        inputId,\n        setColor,\n        showAlpha,\n        swatches,\n        value: formattedValue,\n      }}\n    >\n      <BasePopover.Root {...popoverProps}>\n        {children}\n        {name ? (\n          <input\n            aria-hidden=\"true\"\n            id={`${inputId}-value`}\n            name={name}\n            type=\"hidden\"\n            value={formattedValue}\n          />\n        ) : null}\n      </BasePopover.Root>\n    </ColorPickerContext.Provider>\n  );\n}\n\nexport interface ColorPickerLabelProps extends ComponentPropsWithoutRef<\"label\"> {}\nexport const ColorPickerLabel = forwardRef<HTMLLabelElement, ColorPickerLabelProps>(\n  function ColorPickerLabel({ children, className, htmlFor, ...props }, ref) {\n    const { inputId } = useColorPicker();\n    return (\n      <label\n        {...props}\n        ref={ref}\n        className={cx(colorPicker().label, className)}\n        data-slot=\"color-picker-label\"\n        htmlFor={htmlFor ?? inputId}\n      >\n        {children}\n      </label>\n    );\n  },\n);\n\nexport type ColorPickerControlProps = ComponentPropsWithoutRef<\"div\">;\nexport const ColorPickerControl = forwardRef<HTMLDivElement, ColorPickerControlProps>(\n  function ColorPickerControl({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(colorPicker().control, className)}\n        data-slot=\"color-picker-control\"\n      />\n    );\n  },\n);\n\nexport type ColorPickerTriggerProps = ComponentPropsWithoutRef<typeof BasePopover.Trigger>;\nexport const ColorPickerTrigger = forwardRef<HTMLButtonElement, ColorPickerTriggerProps>(\n  function ColorPickerTrigger({ className, disabled, ...props }, ref) {\n    const context = useColorPicker();\n    return (\n      <BasePopover.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(colorPicker().trigger, className)}\n        data-jaci-component=\"color-picker\"\n        data-slot=\"color-picker-trigger\"\n        disabled={disabled ?? context.disabled}\n        id={props.id ?? context.inputId}\n      />\n    );\n  },\n);\n\nexport type ColorPickerPreviewProps = ComponentPropsWithoutRef<\"span\">;\nexport const ColorPickerPreview = forwardRef<HTMLSpanElement, ColorPickerPreviewProps>(\n  function ColorPickerPreview({ className, style, ...props }, ref) {\n    const { value } = useColorPicker();\n    return (\n      <span\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? value}\n        className={cx(colorPicker().preview, className)}\n        data-slot=\"color-picker-preview\"\n        role=\"img\"\n        style={{ backgroundColor: value, ...style }}\n      />\n    );\n  },\n);\n\nexport type ColorPickerValueProps = ComponentPropsWithoutRef<\"span\">;\nexport const ColorPickerValue = forwardRef<HTMLSpanElement, ColorPickerValueProps>(\n  function ColorPickerValue({ className, ...props }, ref) {\n    const { value } = useColorPicker();\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(colorPicker().value, className)}\n        data-slot=\"color-picker-value\"\n      >\n        {props.children ?? value}\n      </span>\n    );\n  },\n);\n\nexport function ColorPickerPortal(props: ComponentPropsWithoutRef<typeof BasePopover.Portal>) {\n  return <BasePopover.Portal {...useThemePortalProps(props)} />;\n}\nexport type ColorPickerPositionerProps = ComponentPropsWithoutRef<typeof BasePopover.Positioner>;\nexport const ColorPickerPositioner = forwardRef<HTMLDivElement, ColorPickerPositionerProps>(\n  function ColorPickerPositioner({ className, ...props }, ref) {\n    return (\n      <BasePopover.Positioner\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(colorPicker().positioner, className)}\n        data-slot=\"color-picker-positioner\"\n      />\n    );\n  },\n);\n\nexport type ColorPickerPopupProps = ComponentPropsWithoutRef<typeof BasePopover.Popup>;\nexport const ColorPickerPopup = forwardRef<HTMLDivElement, ColorPickerPopupProps>(\n  function ColorPickerPopup({ className, ...props }, ref) {\n    return (\n      <BasePopover.Popup\n        {...props}\n        aria-label={props[\"aria-label\"] ?? \"Color picker\"}\n        ref={ref}\n        className={withRecipeClassName(colorPicker().popup, className)}\n        data-jaci-component=\"color-picker\"\n        data-slot=\"color-picker-popup\"\n      />\n    );\n  },\n);\n\nfunction clamp(value: number, min: number, max: number) {\n  return Math.min(max, Math.max(min, value));\n}\n\nfunction formatPalettePercentage(value: number) {\n  return `${Number(value.toFixed(2))}%`;\n}\n\nfunction hslToPalettePosition(color: ColorModel) {\n  const lightness = clamp(color.lightness / 100, 0, 1);\n  const saturation = clamp(color.saturation / 100, 0, 1);\n  const chroma = (1 - Math.abs(2 * lightness - 1)) * saturation;\n  const value = lightness + chroma / 2;\n\n  return {\n    lightness: (1 - value) * 100,\n    saturation: value === 0 ? 0 : (chroma / value) * 100,\n  };\n}\n\nfunction palettePositionToHsl(\n  saturation: number,\n  lightness: number,\n  color: ColorModel,\n): ColorModel {\n  const hsvSaturation = clamp(saturation / 100, 0, 1);\n  const value = 1 - clamp(lightness / 100, 0, 1);\n  const hslLightness = value * (1 - hsvSaturation / 2);\n  const hslSaturation =\n    hslLightness === 0 || hslLightness === 1\n      ? 0\n      : ((value - hslLightness) / Math.min(hslLightness, 1 - hslLightness)) * 100;\n\n  return {\n    ...color,\n    lightness: hslLightness * 100,\n    saturation: clamp(hslSaturation, 0, 100),\n  };\n}\n\nfunction updateFromPoint(\n  event: PointerEvent<HTMLDivElement>,\n  setColor: (color: ColorModel) => void,\n  color: ColorModel,\n) {\n  const rect = event.currentTarget.getBoundingClientRect();\n  const saturation = Math.round(clamp((event.clientX - rect.left) / rect.width, 0, 1) * 100);\n  const lightness = Math.round(clamp((event.clientY - rect.top) / rect.height, 0, 1) * 100);\n  setColor(palettePositionToHsl(saturation, lightness, color));\n}\n\nexport type ColorPickerPaletteProps = Omit<ComponentPropsWithoutRef<\"div\">, \"onChange\">;\nexport const ColorPickerPalette = forwardRef<HTMLDivElement, ColorPickerPaletteProps>(\n  function ColorPickerPalette(\n    {\n      children,\n      className,\n      onKeyDown,\n      onPointerCancel,\n      onPointerDown,\n      onPointerMove,\n      onPointerUp,\n      style,\n      ...props\n    },\n    ref,\n  ) {\n    const { color, disabled, setColor, value } = useColorPicker();\n    const [isDragging, setIsDragging] = useState(false);\n    const background = `linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, hsl(${color.hue} 100% 50%))`;\n    const palettePosition = hslToPalettePosition(color);\n    const paletteStyle = {\n      \"--jaci-color-palette-lightness\": formatPalettePercentage(palettePosition.lightness),\n      \"--jaci-color-palette-saturation\": formatPalettePercentage(palettePosition.saturation),\n      background,\n      ...style,\n    } as CSSProperties;\n\n    const releasePointer = (event: PointerEvent<HTMLDivElement>) => {\n      if (event.currentTarget.hasPointerCapture?.(event.pointerId)) {\n        event.currentTarget.releasePointerCapture(event.pointerId);\n      }\n      setIsDragging(false);\n    };\n\n    return (\n      <div\n        {...props}\n        ref={ref}\n        aria-disabled={disabled || undefined}\n        aria-label={props[\"aria-label\"] ?? \"Color saturation and lightness\"}\n        aria-valuemax={100}\n        aria-valuemin={0}\n        aria-valuenow={Math.round(palettePosition.saturation)}\n        aria-valuetext={value}\n        className={cx(colorPicker().palette, className)}\n        data-disabled={disabled || undefined}\n        data-dragging={isDragging || undefined}\n        data-slot=\"color-picker-palette\"\n        onKeyDown={(event) => {\n          const step = event.shiftKey ? 10 : 1;\n          if (\n            event.key === \"ArrowLeft\" ||\n            event.key === \"ArrowRight\" ||\n            event.key === \"ArrowUp\" ||\n            event.key === \"ArrowDown\"\n          ) {\n            event.preventDefault();\n            const saturation =\n              event.key === \"ArrowLeft\"\n                ? Math.max(0, palettePosition.saturation - step)\n                : event.key === \"ArrowRight\"\n                  ? Math.min(100, palettePosition.saturation + step)\n                  : palettePosition.saturation;\n            const lightness =\n              event.key === \"ArrowDown\"\n                ? Math.min(100, palettePosition.lightness + step)\n                : event.key === \"ArrowUp\"\n                  ? Math.max(0, palettePosition.lightness - step)\n                  : palettePosition.lightness;\n            setColor(palettePositionToHsl(saturation, lightness, color));\n          }\n          onKeyDown?.(event);\n        }}\n        onPointerDown={(event) => {\n          if (!disabled) {\n            updateFromPoint(event, setColor, color);\n            setIsDragging(true);\n            try {\n              event.currentTarget.setPointerCapture(event.pointerId);\n            } catch {\n              // Pointer capture is not available in every test environment.\n            }\n          }\n          onPointerDown?.(event);\n        }}\n        onPointerMove={(event) => {\n          if (!disabled && isDragging) updateFromPoint(event, setColor, color);\n          onPointerMove?.(event);\n        }}\n        onPointerUp={(event) => {\n          releasePointer(event);\n          onPointerUp?.(event);\n        }}\n        onPointerCancel={(event) => {\n          releasePointer(event);\n          onPointerCancel?.(event);\n        }}\n        role=\"slider\"\n        style={paletteStyle}\n        tabIndex={props.tabIndex ?? (disabled ? -1 : 0)}\n      >\n        <span\n          aria-hidden=\"true\"\n          className={colorPicker().paletteIndicator}\n          data-slot=\"color-picker-palette-indicator\"\n        />\n        {children}\n      </div>\n    );\n  },\n);\n\nexport type ColorPickerHueProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"max\" | \"min\" | \"onChange\" | \"step\" | \"type\" | \"value\"\n>;\nexport const ColorPickerHue = forwardRef<HTMLInputElement, ColorPickerHueProps>(\n  function ColorPickerHue({ className, onInput, ...props }, ref) {\n    const { color, setColor } = useColorPicker();\n    return (\n      <input\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? \"Hue\"}\n        className={cx(colorPicker().hue, className)}\n        data-slot=\"color-picker-hue\"\n        max={360}\n        min={0}\n        onInput={(event) => {\n          setColor({ ...color, hue: Number(event.currentTarget.value) });\n          onInput?.(event);\n        }}\n        step={1}\n        type=\"range\"\n        value={color.hue}\n      />\n    );\n  },\n);\n\nexport type ColorPickerAlphaProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"max\" | \"min\" | \"onChange\" | \"step\" | \"type\" | \"value\"\n>;\nexport const ColorPickerAlpha = forwardRef<HTMLInputElement, ColorPickerAlphaProps>(\n  function ColorPickerAlpha({ className, onInput, style, ...props }, ref) {\n    const { color, setColor, showAlpha } = useColorPicker();\n    if (!showAlpha) return null;\n    return (\n      <input\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? \"Opacity\"}\n        className={cx(colorPicker().alpha, className)}\n        data-slot=\"color-picker-alpha\"\n        max={1}\n        min={0}\n        onInput={(event) => {\n          setColor({ ...color, alpha: Number(event.currentTarget.value) });\n          onInput?.(event);\n        }}\n        step={0.01}\n        style={{\n          ...style,\n          background: `linear-gradient(to right, transparent, ${formatColor({ ...color, alpha: 1 }, \"rgb\")})`,\n        }}\n        type=\"range\"\n        value={color.alpha}\n      />\n    );\n  },\n);\n\nexport type ColorPickerSwatchesProps = ComponentPropsWithoutRef<\"fieldset\">;\nexport const ColorPickerSwatches = forwardRef<HTMLFieldSetElement, ColorPickerSwatchesProps>(\n  function ColorPickerSwatches({ children, className, ...props }, ref) {\n    const { swatches } = useColorPicker();\n    return (\n      <fieldset\n        {...props}\n        ref={ref}\n        className={cx(colorPicker().swatches, className)}\n        data-slot=\"color-picker-swatches\"\n      >\n        {children ?? swatches.map((color) => <ColorPickerSwatch color={color} key={color} />)}\n      </fieldset>\n    );\n  },\n);\n\nexport interface ColorPickerSwatchProps extends ComponentPropsWithoutRef<\"button\"> {\n  color: string;\n}\nexport const ColorPickerSwatch = forwardRef<HTMLButtonElement, ColorPickerSwatchProps>(\n  function ColorPickerSwatch({ children, className, color, style, ...props }, ref) {\n    const context = useColorPicker();\n    const parsed = parseColor(color);\n    const selected =\n      parsed && formatColor(parsed, context.format, context.showAlpha) === context.value;\n    return (\n      <button\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? color}\n        aria-pressed={selected || undefined}\n        className={cx(colorPicker().swatch, className)}\n        data-selected={selected || undefined}\n        data-slot=\"color-picker-swatch\"\n        onClick={(event) => {\n          if (parsed) context.setColor(parsed);\n          props.onClick?.(event);\n        }}\n        style={{ backgroundColor: color, ...style }}\n        type=\"button\"\n      >\n        {children}\n      </button>\n    );\n  },\n);\n\nexport type ColorPickerInputProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"onChange\" | \"type\" | \"value\"\n>;\nexport const ColorPickerInput = forwardRef<HTMLInputElement, ColorPickerInputProps>(\n  function ColorPickerInput({ className, onBlur, onKeyDown, ...props }, ref) {\n    const { format, setColor, showAlpha, value } = useColorPicker();\n    const [draft, setDraft] = useState(value);\n    const [invalid, setInvalid] = useState(false);\n    useEffect(() => setDraft(value), [value]);\n    const commit = () => {\n      const parsed = parseColor(draft);\n      if (!parsed) {\n        setInvalid(true);\n        setDraft(value);\n        return;\n      }\n      setInvalid(false);\n      setColor(parsed);\n      setDraft(formatColor(parsed, format, showAlpha));\n    };\n    return (\n      <input\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? \"Color value\"}\n        aria-invalid={invalid || undefined}\n        className={cx(colorPicker().input, className)}\n        data-slot=\"color-picker-input\"\n        onBlur={(event) => {\n          commit();\n          onBlur?.(event);\n        }}\n        onChange={(event) => {\n          setDraft(event.currentTarget.value);\n          setInvalid(false);\n        }}\n        onKeyDown={(event) => {\n          if (event.key === \"Enter\") {\n            event.preventDefault();\n            commit();\n          }\n          onKeyDown?.(event);\n        }}\n        type=\"text\"\n        value={draft}\n      />\n    );\n  },\n);\n\nexport type ColorPickerNativeInputProps = Omit<\n  ComponentPropsWithoutRef<\"input\">,\n  \"onChange\" | \"type\" | \"value\"\n>;\nexport const ColorPickerNativeInput = forwardRef<HTMLInputElement, ColorPickerNativeInputProps>(\n  function ColorPickerNativeInput({ className, onInput, ...props }, ref) {\n    const { color, setColor, showAlpha } = useColorPicker();\n    const value = formatColor({ ...color, alpha: 1 }, \"hex\");\n    return (\n      <input\n        {...props}\n        ref={ref}\n        aria-label={props[\"aria-label\"] ?? \"Choose a color\"}\n        className={cx(colorPicker().nativeInput, className)}\n        data-slot=\"color-picker-native-input\"\n        onInput={(event) => {\n          const parsed = parseColor(event.currentTarget.value);\n          if (parsed) setColor({ ...parsed, alpha: showAlpha ? color.alpha : 1 });\n          onInput?.(event);\n        }}\n        type=\"color\"\n        value={value.slice(0, 7)}\n      />\n    );\n  },\n);\n\nexport const ColorPicker = {\n  Root: ColorPickerRoot,\n  Label: ColorPickerLabel,\n  Control: ColorPickerControl,\n  Trigger: ColorPickerTrigger,\n  Preview: ColorPickerPreview,\n  Value: ColorPickerValue,\n  Portal: ColorPickerPortal,\n  Positioner: ColorPickerPositioner,\n  Popup: ColorPickerPopup,\n  Palette: ColorPickerPalette,\n  Hue: ColorPickerHue,\n  Alpha: ColorPickerAlpha,\n  Swatches: ColorPickerSwatches,\n  Swatch: ColorPickerSwatch,\n  Input: ColorPickerInput,\n  NativeInput: ColorPickerNativeInput,\n  createHandle: BasePopover.createHandle,\n};\n"],"mappings":"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"}

package/dist/components/color-picker/color-utils.cjs

@@ -76,9 +76,11 @@ function rgbToHsl(red, green, blue, alpha = 1) {
 	let hue = 0;
 	const lightness = (max + min) / 2;
 	const saturation = delta === 0 ? 0 : delta / (1 - Math.abs(2 * lightness - 1));
-	if (delta !== 0) if (max === r) hue = 60 * ((g - b) / delta % 6);
-	else if (max === g) hue = 60 * ((b - r) / delta + 2);
-	else hue = 60 * ((r - g) / delta + 4);
+	if (delta !== 0) {
+		if (max === r) hue = 60 * ((g - b) / delta % 6);
+		else if (max === g) hue = 60 * ((b - r) / delta + 2);
+		else hue = 60 * ((r - g) / delta + 4);
+	}
 	return {
 		alpha: clamp(alpha, 0, 1),
 		hue: (hue + 360) % 360,

package/dist/components/color-picker/color-utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"color-utils.cjs","names":[],"sources":["../../../src/components/color-picker/color-utils.ts"],"sourcesContent":["export type ColorFormat = \"hex\" | \"rgb\" | \"hsl\";\n\nexport interface ColorModel {\n  alpha: number;\n  hue: number;\n  lightness: number;\n  saturation: number;\n}\n\nconst clamp = (value: number, min: number, max: number) => Math.min(max, Math.max(min, value));\n\nfunction parseNumber(value: string, min: number, max: number) {\n  const parsed = Number.parseFloat(value);\n  return Number.isFinite(parsed) ? clamp(parsed, min, max) : null;\n}\n\nfunction parseAlpha(value: string | undefined) {\n  if (value === undefined) return 1;\n  if (value.trim().endsWith(\"%\")) {\n    return parseNumber(value, 0, 100) === null\n      ? null\n      : (parseNumber(value, 0, 100) as number) / 100;\n  }\n  return parseNumber(value, 0, 1);\n}\n\nfunction parseHex(value: string): ColorModel | null {\n  const hex = value.slice(1);\n  if (![3, 4, 6, 8].includes(hex.length) || !/^[\\da-f]+$/i.test(hex)) return null;\n  const expanded =\n    hex.length <= 4\n      ? hex\n          .split(\"\")\n          .map((part) => `${part}${part}`)\n          .join(\"\")\n      : hex;\n  const red = Number.parseInt(expanded.slice(0, 2), 16) / 255;\n  const green = Number.parseInt(expanded.slice(2, 4), 16) / 255;\n  const blue = Number.parseInt(expanded.slice(4, 6), 16) / 255;\n  const alpha = expanded.length === 8 ? Number.parseInt(expanded.slice(6, 8), 16) / 255 : 1;\n  return rgbToHsl(red * 255, green * 255, blue * 255, alpha);\n}\n\nfunction parseRgb(value: string): ColorModel | null {\n  const match = value.match(\n    /^rgba?\\(\\s*([^,\\s]+)[,\\s]+([^,\\s]+)[,\\s]+([^,\\s]+)(?:\\s*[,/]\\s*([^\\s]+))?\\s*\\)$/i,\n  );\n  if (!match) return null;\n\n  const redValue = match[1];\n  const greenValue = match[2];\n  const blueValue = match[3];\n  if (!redValue || !greenValue || !blueValue) return null;\n  const channels = [redValue, greenValue, blueValue].map((channel) => {\n    if (channel.endsWith(\"%\")) {\n      const percentage = parseNumber(channel, 0, 100);\n      return percentage === null ? null : (percentage / 100) * 255;\n    }\n    return parseNumber(channel, 0, 255);\n  });\n  const alpha = parseAlpha(match[4]);\n  if (channels.some((channel) => channel === null) || alpha === null) return null;\n  return rgbToHsl(channels[0] as number, channels[1] as number, channels[2] as number, alpha);\n}\n\nfunction parseHsl(value: string): ColorModel | null {\n  const match = value.match(\n    /^hsla?\\(\\s*([^,\\s]+)(?:deg)?[,\\s]+([^,\\s]+)[,\\s]+([^,\\s]+)(?:\\s*[,/]\\s*([^\\s]+))?\\s*\\)$/i,\n  );\n  if (!match) return null;\n  const hueValue = match[1];\n  const saturationValue = match[2];\n  const lightnessValue = match[3];\n  if (!hueValue || !saturationValue || !lightnessValue) return null;\n  const hue = parseNumber(hueValue.replace(/deg$/i, \"\"), -360, 360);\n  const saturation = parseNumber(saturationValue, 0, 100);\n  const lightness = parseNumber(lightnessValue, 0, 100);\n  const alpha = parseAlpha(match[4]);\n  if (hue === null || saturation === null || lightness === null || alpha === null) return null;\n  if (!saturationValue.endsWith(\"%\") || !lightnessValue.endsWith(\"%\")) return null;\n  return { alpha, hue: (hue + 360) % 360, lightness, saturation };\n}\n\nfunction rgbToHsl(red: number, green: number, blue: number, alpha = 1): ColorModel {\n  const r = red / 255;\n  const g = green / 255;\n  const b = blue / 255;\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  const delta = max - min;\n  let hue = 0;\n  const lightness = (max + min) / 2;\n  const saturation = delta === 0 ? 0 : delta / (1 - Math.abs(2 * lightness - 1));\n\n  if (delta !== 0) {\n    if (max === r) hue = 60 * (((g - b) / delta) % 6);\n    else if (max === g) hue = 60 * ((b - r) / delta + 2);\n    else hue = 60 * ((r - g) / delta + 4);\n  }\n\n  return {\n    alpha: clamp(alpha, 0, 1),\n    hue: (hue + 360) % 360,\n    lightness: lightness * 100,\n    saturation: saturation * 100,\n  };\n}\n\nfunction hslToRgb({ hue, lightness, saturation }: ColorModel) {\n  const h = hue / 360;\n  const s = saturation / 100;\n  const l = lightness / 100;\n  const chroma = (1 - Math.abs(2 * l - 1)) * s;\n  const segment = h * 6;\n  const x = chroma * (1 - Math.abs((segment % 2) - 1));\n  const [r, g, b] =\n    segment < 1\n      ? [chroma, x, 0]\n      : segment < 2\n        ? [x, chroma, 0]\n        : segment < 3\n          ? [0, chroma, x]\n          : segment < 4\n            ? [0, x, chroma]\n            : segment < 5\n              ? [x, 0, chroma]\n              : [chroma, 0, x];\n  const match = l - chroma / 2;\n  return {\n    blue: Math.round((b + match) * 255),\n    green: Math.round((g + match) * 255),\n    red: Math.round((r + match) * 255),\n  };\n}\n\nexport function parseColor(value: string | undefined): ColorModel | null {\n  if (!value) return null;\n  const normalized = value.trim();\n  if (normalized.startsWith(\"#\")) return parseHex(normalized);\n  if (/^rgba?/i.test(normalized)) return parseRgb(normalized);\n  if (/^hsla?/i.test(normalized)) return parseHsl(normalized);\n  return null;\n}\n\nfunction formatAlpha(alpha: number) {\n  return Number(alpha.toFixed(3)).toString();\n}\n\nexport function formatColor(color: ColorModel, format: ColorFormat, showAlpha = false) {\n  const rgb = hslToRgb(color);\n  if (format === \"hex\") {\n    const base = [rgb.red, rgb.green, rgb.blue]\n      .map((channel) => channel.toString(16).padStart(2, \"0\"))\n      .join(\"\");\n    return `#${base}${\n      showAlpha\n        ? Math.round(color.alpha * 255)\n            .toString(16)\n            .padStart(2, \"0\")\n        : \"\"\n    }`;\n  }\n  if (format === \"rgb\") {\n    return showAlpha\n      ? `rgba(${rgb.red}, ${rgb.green}, ${rgb.blue}, ${formatAlpha(color.alpha)})`\n      : `rgb(${rgb.red}, ${rgb.green}, ${rgb.blue})`;\n  }\n  return showAlpha\n    ? `hsla(${Math.round(color.hue)}, ${Math.round(color.saturation)}%, ${Math.round(color.lightness)}%, ${formatAlpha(color.alpha)})`\n    : `hsl(${Math.round(color.hue)}, ${Math.round(color.saturation)}%, ${Math.round(color.lightness)}%)`;\n}\n\nexport function defaultColor(value?: string) {\n  return parseColor(value) ?? { alpha: 1, hue: 0, lightness: 0, saturation: 0 };\n}\n"],"mappings":"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"}
+{"version":3,"file":"color-utils.cjs","names":[],"sources":["../../../src/components/color-picker/color-utils.ts"],"sourcesContent":["export type ColorFormat = \"hex\" | \"rgb\" | \"hsl\";\n\nexport interface ColorModel {\n  alpha: number;\n  hue: number;\n  lightness: number;\n  saturation: number;\n}\n\nconst clamp = (value: number, min: number, max: number) => Math.min(max, Math.max(min, value));\n\nfunction parseNumber(value: string, min: number, max: number) {\n  const parsed = Number.parseFloat(value);\n  return Number.isFinite(parsed) ? clamp(parsed, min, max) : null;\n}\n\nfunction parseAlpha(value: string | undefined) {\n  if (value === undefined) return 1;\n  if (value.trim().endsWith(\"%\")) {\n    return parseNumber(value, 0, 100) === null\n      ? null\n      : (parseNumber(value, 0, 100) as number) / 100;\n  }\n  return parseNumber(value, 0, 1);\n}\n\nfunction parseHex(value: string): ColorModel | null {\n  const hex = value.slice(1);\n  if (![3, 4, 6, 8].includes(hex.length) || !/^[\\da-f]+$/i.test(hex)) return null;\n  const expanded =\n    hex.length <= 4\n      ? hex\n          .split(\"\")\n          .map((part) => `${part}${part}`)\n          .join(\"\")\n      : hex;\n  const red = Number.parseInt(expanded.slice(0, 2), 16) / 255;\n  const green = Number.parseInt(expanded.slice(2, 4), 16) / 255;\n  const blue = Number.parseInt(expanded.slice(4, 6), 16) / 255;\n  const alpha = expanded.length === 8 ? Number.parseInt(expanded.slice(6, 8), 16) / 255 : 1;\n  return rgbToHsl(red * 255, green * 255, blue * 255, alpha);\n}\n\nfunction parseRgb(value: string): ColorModel | null {\n  const match = value.match(\n    /^rgba?\\(\\s*([^,\\s]+)[,\\s]+([^,\\s]+)[,\\s]+([^,\\s]+)(?:\\s*[,/]\\s*([^\\s]+))?\\s*\\)$/i,\n  );\n  if (!match) return null;\n\n  const redValue = match[1];\n  const greenValue = match[2];\n  const blueValue = match[3];\n  if (!redValue || !greenValue || !blueValue) return null;\n  const channels = [redValue, greenValue, blueValue].map((channel) => {\n    if (channel.endsWith(\"%\")) {\n      const percentage = parseNumber(channel, 0, 100);\n      return percentage === null ? null : (percentage / 100) * 255;\n    }\n    return parseNumber(channel, 0, 255);\n  });\n  const alpha = parseAlpha(match[4]);\n  if (channels.some((channel) => channel === null) || alpha === null) return null;\n  return rgbToHsl(channels[0] as number, channels[1] as number, channels[2] as number, alpha);\n}\n\nfunction parseHsl(value: string): ColorModel | null {\n  const match = value.match(\n    /^hsla?\\(\\s*([^,\\s]+)(?:deg)?[,\\s]+([^,\\s]+)[,\\s]+([^,\\s]+)(?:\\s*[,/]\\s*([^\\s]+))?\\s*\\)$/i,\n  );\n  if (!match) return null;\n  const hueValue = match[1];\n  const saturationValue = match[2];\n  const lightnessValue = match[3];\n  if (!hueValue || !saturationValue || !lightnessValue) return null;\n  const hue = parseNumber(hueValue.replace(/deg$/i, \"\"), -360, 360);\n  const saturation = parseNumber(saturationValue, 0, 100);\n  const lightness = parseNumber(lightnessValue, 0, 100);\n  const alpha = parseAlpha(match[4]);\n  if (hue === null || saturation === null || lightness === null || alpha === null) return null;\n  if (!saturationValue.endsWith(\"%\") || !lightnessValue.endsWith(\"%\")) return null;\n  return { alpha, hue: (hue + 360) % 360, lightness, saturation };\n}\n\nfunction rgbToHsl(red: number, green: number, blue: number, alpha = 1): ColorModel {\n  const r = red / 255;\n  const g = green / 255;\n  const b = blue / 255;\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  const delta = max - min;\n  let hue = 0;\n  const lightness = (max + min) / 2;\n  const saturation = delta === 0 ? 0 : delta / (1 - Math.abs(2 * lightness - 1));\n\n  if (delta !== 0) {\n    if (max === r) hue = 60 * (((g - b) / delta) % 6);\n    else if (max === g) hue = 60 * ((b - r) / delta + 2);\n    else hue = 60 * ((r - g) / delta + 4);\n  }\n\n  return {\n    alpha: clamp(alpha, 0, 1),\n    hue: (hue + 360) % 360,\n    lightness: lightness * 100,\n    saturation: saturation * 100,\n  };\n}\n\nfunction hslToRgb({ hue, lightness, saturation }: ColorModel) {\n  const h = hue / 360;\n  const s = saturation / 100;\n  const l = lightness / 100;\n  const chroma = (1 - Math.abs(2 * l - 1)) * s;\n  const segment = h * 6;\n  const x = chroma * (1 - Math.abs((segment % 2) - 1));\n  const [r, g, b] =\n    segment < 1\n      ? [chroma, x, 0]\n      : segment < 2\n        ? [x, chroma, 0]\n        : segment < 3\n          ? [0, chroma, x]\n          : segment < 4\n            ? [0, x, chroma]\n            : segment < 5\n              ? [x, 0, chroma]\n              : [chroma, 0, x];\n  const match = l - chroma / 2;\n  return {\n    blue: Math.round((b + match) * 255),\n    green: Math.round((g + match) * 255),\n    red: Math.round((r + match) * 255),\n  };\n}\n\nexport function parseColor(value: string | undefined): ColorModel | null {\n  if (!value) return null;\n  const normalized = value.trim();\n  if (normalized.startsWith(\"#\")) return parseHex(normalized);\n  if (/^rgba?/i.test(normalized)) return parseRgb(normalized);\n  if (/^hsla?/i.test(normalized)) return parseHsl(normalized);\n  return null;\n}\n\nfunction formatAlpha(alpha: number) {\n  return Number(alpha.toFixed(3)).toString();\n}\n\nexport function formatColor(color: ColorModel, format: ColorFormat, showAlpha = false) {\n  const rgb = hslToRgb(color);\n  if (format === \"hex\") {\n    const base = [rgb.red, rgb.green, rgb.blue]\n      .map((channel) => channel.toString(16).padStart(2, \"0\"))\n      .join(\"\");\n    return `#${base}${\n      showAlpha\n        ? Math.round(color.alpha * 255)\n            .toString(16)\n            .padStart(2, \"0\")\n        : \"\"\n    }`;\n  }\n  if (format === \"rgb\") {\n    return showAlpha\n      ? `rgba(${rgb.red}, ${rgb.green}, ${rgb.blue}, ${formatAlpha(color.alpha)})`\n      : `rgb(${rgb.red}, ${rgb.green}, ${rgb.blue})`;\n  }\n  return showAlpha\n    ? `hsla(${Math.round(color.hue)}, ${Math.round(color.saturation)}%, ${Math.round(color.lightness)}%, ${formatAlpha(color.alpha)})`\n    : `hsl(${Math.round(color.hue)}, ${Math.round(color.saturation)}%, ${Math.round(color.lightness)}%)`;\n}\n\nexport function defaultColor(value?: string) {\n  return parseColor(value) ?? { alpha: 1, hue: 0, lightness: 0, saturation: 0 };\n}\n"],"mappings":"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"}

package/dist/components/color-picker/color-utils.js

@@ -76,9 +76,11 @@ function rgbToHsl(red, green, blue, alpha = 1) {
 	let hue = 0;
 	const lightness = (max + min) / 2;
 	const saturation = delta === 0 ? 0 : delta / (1 - Math.abs(2 * lightness - 1));
-	if (delta !== 0) if (max === r) hue = 60 * ((g - b) / delta % 6);
-	else if (max === g) hue = 60 * ((b - r) / delta + 2);
-	else hue = 60 * ((r - g) / delta + 4);
+	if (delta !== 0) {
+		if (max === r) hue = 60 * ((g - b) / delta % 6);
+		else if (max === g) hue = 60 * ((b - r) / delta + 2);
+		else hue = 60 * ((r - g) / delta + 4);
+	}
 	return {
 		alpha: clamp(alpha, 0, 1),
 		hue: (hue + 360) % 360,