@alfadocs/ui-kit 0.1.1 → 0.1.3

package/dist/_chunks/{checkbox-group-DBnIBRT_.js → checkbox-group-BFZ4oN5t.js}

@@ -2,7 +2,7 @@ import { jsx as s, jsxs as R } from "react/jsx-runtime";
 import { forwardRef as Q, useId as U, useState as S, useMemo as A, Children as W, isValidElement as X } from "react";
 import { c as Y } from "./index-D2ZczOXr.js";
 import { useTranslation as Z } from "react-i18next";
-import { C as M, a as _ } from "./checkbox-DMzgtnqw.js";
+import { C as M, a as _ } from "./checkbox-Ni6C_KJg.js";
 import { C as T } from "./circle-alert-ChA9opNA.js";
 const V = Y("", {
   variants: {
@@ -28,7 +28,7 @@ const se = Q(
     onChange: a,
     name: o,
     orientation: $ = "vertical",
-    disabled: k = !1,
+    disabled: y = !1,
     min: t,
     max: u,
     onConstraintViolation: l,
@@ -62,8 +62,8 @@ const se = Q(
         }
         c(""), m([...r, e]);
       },
-      disabled: k
-    }, p = x.length, y = r.length, B = p === 0 || y === 0 ? !1 : y >= p ? !0 : "indeterminate", H = () => {
+      disabled: y
+    }, p = x.length, k = r.length, B = p === 0 || k === 0 ? !1 : k >= p ? !0 : "indeterminate", H = () => {
       if (B === !0) {
         if (typeof t == "number" && t > 0) {
           c(n("ui.inputs.checkboxGroup.minReached", { min: t })), l == null || l("min");
@@ -97,6 +97,7 @@ const se = Q(
         className: L,
         "aria-describedby": J,
         "aria-invalid": !!f || void 0,
+        "data-component": "checkbox-group",
         children: [
           /* @__PURE__ */ s("legend", { className: "type-label ds:text-foreground ds:p-0 ds:mb-[var(--spacing-sm)]", children: h }),
           z ? /* @__PURE__ */ s(
@@ -105,7 +106,7 @@ const se = Q(
               label: n("ui.inputs.checkboxGroup.selectAll"),
               checked: B,
               onCheckedChange: H,
-              disabled: k
+              disabled: y
             }
           ) : null,
           /* @__PURE__ */ s(_.Provider, { value: F, children: /* @__PURE__ */ s("div", { className: V({ orientation: $ }), children: K }) }),
@@ -129,7 +130,7 @@ const se = Q(
               role: "status",
               "aria-live": "polite",
               className: "ds:sr-only",
-              children: p > 0 ? n("ui.inputs.checkboxGroup.counter", { count: y, total: p }) : ""
+              children: p > 0 ? n("ui.inputs.checkboxGroup.counter", { count: k, total: p }) : ""
             }
           ),
           /* @__PURE__ */ s("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: D })
@@ -142,4 +143,4 @@ se.displayName = "CheckboxGroup";
 export {
   se as C
 };
-//# sourceMappingURL=checkbox-group-DBnIBRT_.js.map
+//# sourceMappingURL=checkbox-group-BFZ4oN5t.js.map

package/dist/_chunks/checkbox-group-BFZ4oN5t.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group-BFZ4oN5t.js","sources":["../../src/components/checkbox-group/checkbox-group.tsx"],"sourcesContent":["import {\n  Children,\n  forwardRef,\n  isValidElement,\n  useId,\n  useMemo,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { AlertCircle } from 'lucide-react';\nimport { Checkbox } from '../checkbox/checkbox';\nimport {\n  CheckboxGroupContext,\n  type CheckboxGroupContextShape,\n} from '../checkbox/checkbox-group-context';\n\nconst checkboxGroupVariants = cva('', {\n  variants: {\n    orientation: {\n      vertical: 'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]',\n      horizontal:\n        'ds:flex ds:flex-wrap ds:gap-x-[var(--spacing-lg)] ds:gap-y-[var(--spacing-sm)]',\n    },\n  },\n  defaultVariants: { orientation: 'vertical' },\n});\n\nexport interface CheckboxGroupOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport interface CheckboxGroupProps\n  extends VariantProps<typeof checkboxGroupVariants> {\n  label: string;\n  value?: string[];\n  onChange?: (value: string[]) => void;\n  name?: string;\n  orientation?: 'vertical' | 'horizontal';\n  disabled?: boolean;\n  min?: number;\n  max?: number;\n  onConstraintViolation?: (type: 'min' | 'max') => void;\n  withSelectAll?: boolean;\n  options?: CheckboxGroupOption[];\n  error?: string;\n  helperText?: string;\n  className?: string;\n  children?: ReactNode;\n}\n\nfunction collectChildValues(children: ReactNode): string[] {\n  const values: string[] = [];\n  Children.forEach(children, (child) => {\n    if (!isValidElement(child)) return;\n    const props = child.props as { value?: unknown };\n    if (typeof props.value === 'string') values.push(props.value);\n  });\n  return values;\n}\n\nexport const CheckboxGroup = forwardRef<\n  HTMLFieldSetElement,\n  CheckboxGroupProps\n>(\n  (\n    {\n      label,\n      value: controlledValue,\n      onChange,\n      name,\n      orientation = 'vertical',\n      disabled = false,\n      min,\n      max,\n      onConstraintViolation,\n      withSelectAll = false,\n      options,\n      error,\n      helperText,\n      className,\n      children,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const baseId = useId();\n    const helperId = `${baseId}-helper`;\n    const errorId = `${baseId}-error`;\n    const counterId = `${baseId}-counter`;\n\n    const [internalValue, setInternalValue] = useState<string[]>([]);\n    const isControlled = controlledValue !== undefined;\n    const currentValue = isControlled ? controlledValue : internalValue;\n\n    const valueSet = useMemo(() => new Set(currentValue), [currentValue]);\n\n    const [violationMsg, setViolationMsg] = useState<string>('');\n\n    const allValues = useMemo<string[]>(\n      () =>\n        options ? options.map((o) => o.value) : collectChildValues(children),\n      [options, children],\n    );\n\n    const commit = (next: string[]): void => {\n      if (!isControlled) setInternalValue(next);\n      onChange?.(next);\n    };\n\n    const toggle = (itemValue: string): void => {\n      if (valueSet.has(itemValue)) {\n        if (typeof min === 'number' && currentValue.length <= min) {\n          setViolationMsg(t('ui.inputs.checkboxGroup.minReached', { min }));\n          onConstraintViolation?.('min');\n          return;\n        }\n        setViolationMsg('');\n        commit(currentValue.filter((v) => v !== itemValue));\n        return;\n      }\n      if (typeof max === 'number' && currentValue.length >= max) {\n        setViolationMsg(t('ui.inputs.checkboxGroup.maxReached', { max }));\n        onConstraintViolation?.('max');\n        return;\n      }\n      setViolationMsg('');\n      commit([...currentValue, itemValue]);\n    };\n\n    const ctxValue: CheckboxGroupContextShape = {\n      name,\n      value: valueSet,\n      toggle,\n      disabled,\n    };\n\n    const total = allValues.length;\n    const count = currentValue.length;\n\n    const parentChecked: boolean | 'indeterminate' =\n      total === 0 || count === 0\n        ? false\n        : count >= total\n          ? true\n          : 'indeterminate';\n\n    const handleSelectAll = (): void => {\n      if (parentChecked === true) {\n        if (typeof min === 'number' && min > 0) {\n          setViolationMsg(t('ui.inputs.checkboxGroup.minReached', { min }));\n          onConstraintViolation?.('min');\n          return;\n        }\n        commit([]);\n        setViolationMsg('');\n        return;\n      }\n      const toCheck =\n        typeof max === 'number' ? allValues.slice(0, max) : allValues;\n      commit(toCheck);\n      setViolationMsg('');\n    };\n\n    const describedBy =\n      [\n        helperText ? helperId : null,\n        error ? errorId : null,\n        total > 0 ? counterId : null,\n      ]\n        .filter(Boolean)\n        .join(' ') || undefined;\n\n    const resolvedChildren =\n      children ??\n      (options\n        ? options.map((opt) => (\n            <Checkbox\n              key={opt.value}\n              value={opt.value}\n              label={opt.label}\n              disabled={opt.disabled}\n            />\n          ))\n        : null);\n\n    const fieldsetClasses = [\n      'flex flex-col gap-[var(--spacing-sm)] min-w-0 border-0 p-0 m-0',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <fieldset\n        ref={ref}\n        className={fieldsetClasses}\n        aria-describedby={describedBy}\n        aria-invalid={Boolean(error) || undefined}\n        data-component=\"checkbox-group\"\n      >\n        <legend className=\"type-label ds:text-foreground ds:p-0 ds:mb-[var(--spacing-sm)]\">\n          {label}\n        </legend>\n        {withSelectAll ? (\n          <Checkbox\n            label={t('ui.inputs.checkboxGroup.selectAll')}\n            checked={parentChecked}\n            onCheckedChange={handleSelectAll}\n            disabled={disabled}\n          />\n        ) : null}\n        <CheckboxGroupContext.Provider value={ctxValue}>\n          <div className={checkboxGroupVariants({ orientation })}>\n            {resolvedChildren}\n          </div>\n        </CheckboxGroupContext.Provider>\n        {helperText ? (\n          <p id={helperId} className=\"type-body-sm ds:text-muted-foreground\">\n            {helperText}\n          </p>\n        ) : null}\n        {error ? (\n          <p\n            id={errorId}\n            role=\"alert\"\n            className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive\"\n          >\n            <AlertCircle aria-hidden=\"true\" className=\"ds:size-4 ds:shrink-0\" />\n            <span>{error}</span>\n          </p>\n        ) : null}\n        <span\n          id={counterId}\n          role=\"status\"\n          aria-live=\"polite\"\n          className=\"ds:sr-only\"\n        >\n          {total > 0\n            ? t('ui.inputs.checkboxGroup.counter', { count, total })\n            : ''}\n        </span>\n        <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n          {violationMsg}\n        </span>\n      </fieldset>\n    );\n  },\n);\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n"],"names":["checkboxGroupVariants","cva","collectChildValues","children","values","Children","child","isValidElement","props","CheckboxGroup","forwardRef","label","controlledValue","onChange","name","orientation","disabled","min","max","onConstraintViolation","withSelectAll","options","error","helperText","className","ref","t","useTranslation","baseId","useId","helperId","errorId","counterId","internalValue","setInternalValue","useState","isControlled","currentValue","valueSet","useMemo","violationMsg","setViolationMsg","allValues","o","commit","next","ctxValue","itemValue","v","total","count","parentChecked","handleSelectAll","toCheck","describedBy","resolvedChildren","opt","jsx","Checkbox","fieldsetClasses","jsxs","CheckboxGroupContext","AlertCircle"],"mappings":"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"}

package/dist/_chunks/{collapsible-DPGQnHZh.js → collapsible-fFMqzpdL.js}

@@ -1,8 +1,8 @@
 import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as i, useEffect as n } from "react";
+import { forwardRef as i, useEffect as d } from "react";
 import * as t from "@radix-ui/react-collapsible";
-import { a as b, c } from "./index-D2ZczOXr.js";
-const p = c("", {
+import { a as c, c as b } from "./index-D2ZczOXr.js";
+const p = b("", {
   variants: {
     variant: {
       default: "",
@@ -27,6 +27,7 @@ const p = c("", {
     {
       ref: r,
       className: p({ variant: a, className: e }),
+      "data-component": "collapsible",
       ...l,
       children: o
     }
@@ -44,14 +45,14 @@ const u = i(
     "aria-labelledby": o,
     "aria-label": l,
     ...r
-  }, d) => (n(() => {
+  }, n) => (d(() => {
   }, []), /* @__PURE__ */ s(
     t.Content,
     {
-      ref: d,
+      ref: n,
       "aria-labelledby": o,
       "aria-label": l,
-      className: b(m, a),
+      className: c(m, a),
       ...r,
       children: e
     }
@@ -63,4 +64,4 @@ export {
   u as a,
   C as b
 };
-//# sourceMappingURL=collapsible-DPGQnHZh.js.map
+//# sourceMappingURL=collapsible-fFMqzpdL.js.map

package/dist/_chunks/collapsible-fFMqzpdL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-fFMqzpdL.js","sources":["../../src/components/collapsible/collapsible.tsx"],"sourcesContent":["import { forwardRef, useEffect, type ComponentPropsWithoutRef } from 'react';\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\nimport { cva, cx, type VariantProps } from 'class-variance-authority';\n\nconst collapsibleVariants = cva('', {\n  variants: {\n    variant: {\n      default: '',\n      card: 'ds:bg-[var(--card)] ds:border ds:border-border ds:rounded-[var(--radius-lg)] ds:overflow-hidden',\n      minimal: 'ds:forced-colors:[border-block-end:1px_solid]',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nconst contentCls = [\n  'overflow-hidden',\n  'transition-[block-size]',\n  'duration-[var(--animation-duration)]',\n  'ease-out',\n  'motion-reduce:transition-none',\n  'data-[state=open]:[block-size:var(--radix-collapsible-content-height)]',\n  'data-[state=closed]:[block-size:0]',\n].join(' ');\n\ntype RootProps = ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>;\ntype TriggerProps = ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Trigger>;\ntype PrimitiveContentProps = ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>;\n\nexport interface CollapsibleProps\n  extends Omit<RootProps, 'asChild'>,\n    VariantProps<typeof collapsibleVariants> {}\n\nexport type CollapsibleTriggerProps = TriggerProps;\n\nexport type CollapsibleContentProps = PrimitiveContentProps;\n\nexport const Collapsible = forwardRef<HTMLDivElement, CollapsibleProps>(\n  ({ variant, className, children, ...props }, ref) => (\n    <CollapsiblePrimitive.Root\n      ref={ref}\n      className={collapsibleVariants({ variant, className })}\n      data-component=\"collapsible\"\n      {...props}\n    >\n      {children}\n    </CollapsiblePrimitive.Root>\n  ),\n);\nCollapsible.displayName = 'Collapsible';\n\nexport const CollapsibleTrigger = forwardRef<HTMLButtonElement, CollapsibleTriggerProps>(\n  ({ asChild = false, children, ...props }, ref) => (\n    <CollapsiblePrimitive.Trigger ref={ref} asChild={asChild} {...props}>\n      {children}\n    </CollapsiblePrimitive.Trigger>\n  ),\n);\nCollapsibleTrigger.displayName = 'CollapsibleTrigger';\n\nexport const CollapsibleContent = forwardRef<HTMLDivElement, CollapsibleContentProps>(\n  (\n    {\n      className,\n      children,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-label': ariaLabel,\n      ...props\n    },\n    ref,\n  ) => {\n    useEffect(() => {\n      if (import.meta.env.DEV && !ariaLabelledBy && !ariaLabel) {\n        console.warn(\n          'CollapsibleContent: Provide `aria-labelledby` pointing at the trigger id, or `aria-label`, so screen readers can identify this region.',\n        );\n      }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    return (\n      <CollapsiblePrimitive.Content\n        ref={ref}\n        aria-labelledby={ariaLabelledBy}\n        aria-label={ariaLabel}\n        className={cx(contentCls, className)}\n        {...props}\n      >\n        {children}\n      </CollapsiblePrimitive.Content>\n    );\n  },\n);\nCollapsibleContent.displayName = 'CollapsibleContent';\n"],"names":["collapsibleVariants","cva","contentCls","Collapsible","forwardRef","variant","className","children","props","ref","jsx","CollapsiblePrimitive","CollapsibleTrigger","asChild","CollapsibleContent","ariaLabelledBy","ariaLabel","useEffect","cx"],"mappings":";;;;AAIA,MAAMA,IAAsBC,EAAI,IAAI;AAAA,EAClC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC,GAEKC,IAAa;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAcGC,IAAcC;AAAA,EACzB,CAAC,EAAE,SAAAC,GAAS,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAC3C,gBAAAC;AAAA,IAACC,EAAqB;AAAA,IAArB;AAAA,MACC,KAAAF;AAAA,MACA,WAAWT,EAAoB,EAAE,SAAAK,GAAS,WAAAC,GAAW;AAAA,MACrD,kBAAe;AAAA,MACd,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;AACAJ,EAAY,cAAc;AAEnB,MAAMS,IAAqBR;AAAA,EAChC,CAAC,EAAE,SAAAS,IAAU,IAAO,UAAAN,GAAU,GAAGC,KAASC,MACxC,gBAAAC,EAACC,EAAqB,SAArB,EAA6B,KAAAF,GAAU,SAAAI,GAAmB,GAAGL,GAC3D,UAAAD,GACH;AAEJ;AACAK,EAAmB,cAAc;AAE1B,MAAME,IAAqBV;AAAA,EAChC,CACE;AAAA,IACE,WAAAE;AAAA,IACA,UAAAC;AAAA,IACA,mBAAmBQ;AAAA,IACnB,cAAcC;AAAA,IACd,GAAGR;AAAA,EAAA,GAELC,OAEAQ,EAAU,MAAM;AAAA,EAOhB,GAAG,CAAA,CAAE,GAGH,gBAAAP;AAAA,IAACC,EAAqB;AAAA,IAArB;AAAA,MACC,KAAAF;AAAA,MACA,mBAAiBM;AAAA,MACjB,cAAYC;AAAA,MACZ,WAAWE,EAAGhB,GAAYI,CAAS;AAAA,MAClC,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAIT;AACAO,EAAmB,cAAc;"}

package/dist/_chunks/{color-picker-OKKF3Dww.js → color-picker-Cl3KdjJd.js}

@@ -1,10 +1,10 @@
-import { jsx as d, jsxs as h, Fragment as we } from "react/jsx-runtime";
+import { jsx as l, jsxs as h, Fragment as we } from "react/jsx-runtime";
 import { forwardRef as $e, useId as Ne, useState as P, useMemo as F, useCallback as ke, useRef as H, useEffect as ee } from "react";
 import * as I from "@radix-ui/react-popover";
 import { c as re } from "./index-D2ZczOXr.js";
 import { useTranslation as ye } from "react-i18next";
 import { u as Pe } from "./form-field-context-94LwgYTQ.js";
-import { S as se } from "./slider-n8JWpJvT.js";
+import { S as se } from "./slider-DjyRt3Mp.js";
 import { C as ne } from "./check-DPdL_Sm7.js";
 import { X as Ae } from "./x-CCcI3eJp.js";
 function V(e) {
@@ -15,14 +15,14 @@ function V(e) {
 }
 function oe(e, a, s, r) {
   const n = Math.max(e, a, s), i = Math.min(e, a, s), c = (n + i) / 2;
-  let m = 0, b = 0;
+  let m = 0, p = 0;
   if (n !== i) {
-    const p = n - i;
-    b = c > 0.5 ? p / (2 - n - i) : p / (n + i), n === e ? m = ((a - s) / p + (a < s ? 6 : 0)) / 6 : n === a ? m = ((s - e) / p + 2) / 6 : m = ((e - a) / p + 4) / 6;
+    const b = n - i;
+    p = c > 0.5 ? b / (2 - n - i) : b / (n + i), n === e ? m = ((a - s) / b + (a < s ? 6 : 0)) / 6 : n === a ? m = ((s - e) / b + 2) / 6 : m = ((e - a) / b + 4) / 6;
   }
   return {
     h: Math.round(m * 360),
-    s: Math.round(b * 100),
+    s: Math.round(p * 100),
     l: Math.round(c * 100),
     a: Math.round(r * 100) / 100
   };
@@ -162,9 +162,9 @@ const Ie = [
   {
     variants: {
       size: {
-        sm: "ds:h-8 ds:text-[var(--font-size-sm)] ds:ps-3 ds:pe-3",
-        md: "ds:h-[var(--min-target-size)] ds:text-[var(--font-size-base)] ds:ps-3 ds:pe-3",
-        lg: "ds:h-12 ds:text-[var(--font-size-lg)] ds:ps-4 ds:pe-4"
+        sm: "ds:h-8 ds:text-[length:var(--font-size-sm)] ds:ps-3 ds:pe-3",
+        md: "ds:h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)] ds:ps-3 ds:pe-3",
+        lg: "ds:h-12 ds:text-[length:var(--font-size-lg)] ds:ps-4 ds:pe-4"
       }
     },
     defaultVariants: { size: "md" }
@@ -225,17 +225,17 @@ const Ie = [
       format: i = "hex",
       allowOpacity: c = !1,
       palette: m,
-      against: b,
-      size: p = "md",
-      disabled: de = !1,
-      variant: le = "inline",
+      against: p,
+      size: b = "md",
+      disabled: le = !1,
+      variant: de = "inline",
       compact: A = !0,
       className: D
-    } = e, { t: x } = ye(), N = Pe(), ce = Ne(), M = N.id || ce, v = N.disabled || de, S = s !== void 0, [j, fe] = P(() => {
+    } = e, { t: g } = ye(), N = Pe(), ce = Ne(), M = N.id || ce, v = N.disabled || le, S = s !== void 0, [j, fe] = P(() => {
       const t = s ?? r;
       if (t) {
-        const l = L(t);
-        if (l) return l;
+        const d = L(t);
+        if (d) return d;
       }
       return { h: 0, s: 100, l: 50, a: 1 };
     }), o = F(() => {
@@ -246,8 +246,8 @@ const Ie = [
       return j;
     }, [S, s, j]), C = ke(
       (t) => {
-        const l = c ? t : { ...t, a: 1 };
-        S || fe(l), n == null || n(B(l, i));
+        const d = c ? t : { ...t, a: 1 };
+        S || fe(d), n == null || n(B(d, i));
       },
       [c, i, S, n]
     ), [W, E] = P(() => $(o)), [ue, T] = P(!1), w = H(void 0), U = H(o);
@@ -265,92 +265,92 @@ const Ie = [
       (t) => typeof t == "string" ? { name: t.toUpperCase(), hex: t } : t
     ) : Ie, [m]), K = $(o), X = y.findIndex(
       (t) => t.hex.toLowerCase() === K.toLowerCase()
-    ), Y = H(null), [g, q] = P(
+    ), Y = H(null), [x, q] = P(
       X >= 0 ? X : 0
     ), me = (t) => {
       var f;
-      const l = (f = Y.current) == null ? void 0 : f.querySelectorAll('[role="gridcell"]');
-      l != null && l[t] && (l[t].focus(), q(t));
-    }, xe = (t) => {
+      const d = (f = Y.current) == null ? void 0 : f.querySelectorAll('[role="gridcell"]');
+      d != null && d[t] && (d[t].focus(), q(t));
+    }, ge = (t) => {
       if (v) return;
-      const l = y.length;
-      let f = g;
+      const d = y.length;
+      let f = x;
       switch (t.key) {
         case "ArrowRight":
-          f = (g + 1) % l;
+          f = (x + 1) % d;
           break;
         case "ArrowLeft":
-          f = (g - 1 + l) % l;
+          f = (x - 1 + d) % d;
           break;
         case "ArrowDown":
-          f = Math.min(g + u, l - 1);
+          f = Math.min(x + u, d - 1);
           break;
         case "ArrowUp":
-          f = Math.max(g - u, 0);
+          f = Math.max(x - u, 0);
           break;
         case "Home":
-          f = Math.floor(g / u) * u;
+          f = Math.floor(x / u) * u;
           break;
         case "End":
-          f = Math.min(Math.floor(g / u) * u + u - 1, l - 1);
+          f = Math.min(Math.floor(x / u) * u + u - 1, d - 1);
           break;
         case "PageUp":
-          f = g % u;
+          f = x % u;
           break;
         case "PageDown": {
-          const Q = Math.floor((l - 1) / u) * u;
-          f = Math.min(Q + g % u, l - 1);
+          const Q = Math.floor((d - 1) / u) * u;
+          f = Math.min(Q + x % u, d - 1);
           break;
         }
         case "Enter":
         case " ":
-          t.preventDefault(), C(V(y[g].hex));
+          t.preventDefault(), C(V(y[x].hex));
           return;
         default:
           return;
       }
       t.preventDefault(), me(f);
-    }, [ge, ve] = P(!1), z = F(() => {
-      if (!b) return null;
-      const t = L(b);
+    }, [xe, ve] = P(!1), z = F(() => {
+      if (!p) return null;
+      const t = L(p);
       if (!t) return null;
-      const l = Se(o, t);
-      return { ratio: l, aa: Te(l), aaa: ze(l) };
-    }, [b, o]), be = /* @__PURE__ */ d(
+      const d = Se(o, t);
+      return { ratio: d, aa: Te(d), aaa: ze(d) };
+    }, [p, o]), pe = /* @__PURE__ */ l(
       "div",
       {
         ref: Y,
         role: "grid",
-        "aria-label": x("ui.inputs.colorPicker.paletteLabel", "Colour swatches"),
-        onKeyDown: xe,
+        "aria-label": g("ui.inputs.colorPicker.paletteLabel", "Colour swatches"),
+        onKeyDown: ge,
         className: "ds:grid ds:grid-cols-6 ds:gap-[var(--spacing-xs)]",
-        children: y.map((t, l) => {
-          const f = Math.floor(l / u) * u;
-          return l === f ? /* @__PURE__ */ d("div", { role: "row", className: "ds:contents", children: y.slice(f, f + u).map((k, Ce) => {
+        children: y.map((t, d) => {
+          const f = Math.floor(d / u) * u;
+          return d === f ? /* @__PURE__ */ l("div", { role: "row", className: "ds:contents", children: y.slice(f, f + u).map((k, Ce) => {
             const Z = f + Ce, R = k.hex.toLowerCase() === K.toLowerCase();
-            return /* @__PURE__ */ d(
+            return /* @__PURE__ */ l(
               "div",
               {
                 role: "gridcell",
                 "aria-selected": R,
-                "aria-label": x("ui.inputs.colorPicker.swatchLabel", { name: k.name, hex: k.hex }),
-                tabIndex: Z === g ? 0 : -1,
+                "aria-label": g("ui.inputs.colorPicker.swatchLabel", { name: k.name, hex: k.hex }),
+                tabIndex: Z === x ? 0 : -1,
                 onClick: () => {
                   v || (C(V(k.hex)), q(Z));
                 },
                 className: Ee({ selected: R }),
                 style: { "--swatch-bg": k.hex },
-                children: R ? /* @__PURE__ */ d(ne, { "aria-hidden": "true", className: "ds:absolute ds:inset-0 ds:m-auto ds:size-4 ds:text-[var(--background)] ds:mix-blend-difference" }) : null
+                children: R ? /* @__PURE__ */ l(ne, { "aria-hidden": "true", className: "ds:absolute ds:inset-0 ds:m-auto ds:size-4 ds:text-[var(--background)] ds:mix-blend-difference" }) : null
               },
               k.hex
             );
-          }) }, l) : null;
+          }) }, d) : null;
         })
       }
-    ), pe = A ? null : /* @__PURE__ */ h(we, { children: [
+    ), be = A ? null : /* @__PURE__ */ h(we, { children: [
       /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-        /* @__PURE__ */ d("label", { htmlFor: `${M}-hex`, className: "ds:text-[var(--font-size-xs)] ds:text-[var(--muted-foreground)]", children: x("ui.inputs.colorPicker.hex", "Hex") }),
-        /* @__PURE__ */ d("bdi", { dir: "ltr", children: /* @__PURE__ */ d(
+        /* @__PURE__ */ l("label", { htmlFor: `${M}-hex`, className: "ds:text-[length:var(--font-size-xs)] ds:text-[var(--muted-foreground)]", children: g("ui.inputs.colorPicker.hex", "Hex") }),
+        /* @__PURE__ */ l("bdi", { dir: "ltr", children: /* @__PURE__ */ l(
           "input",
           {
             id: `${M}-hex`,
@@ -364,10 +364,10 @@ const Ie = [
         ) })
       ] }),
       /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ l(
           O,
           {
-            label: x("ui.inputs.colorPicker.hue", "Hue"),
+            label: g("ui.inputs.colorPicker.hue", "Hue"),
             gradient: "linear-gradient(to right, hsl(0,100%,50%), hsl(60,100%,50%), hsl(120,100%,50%), hsl(180,100%,50%), hsl(240,100%,50%), hsl(300,100%,50%), hsl(360,100%,50%))",
             min: 0,
             max: 360,
@@ -377,10 +377,10 @@ const Ie = [
             disabled: v
           }
         ),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ l(
           O,
           {
-            label: x("ui.inputs.colorPicker.saturation", "Saturation"),
+            label: g("ui.inputs.colorPicker.saturation", "Saturation"),
             gradient: `linear-gradient(to right, hsl(${o.h},0%,${o.l}%), hsl(${o.h},100%,${o.l}%))`,
             min: 0,
             max: 100,
@@ -390,10 +390,10 @@ const Ie = [
             disabled: v
           }
         ),
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ l(
           O,
           {
-            label: x("ui.inputs.colorPicker.lightness", "Lightness"),
+            label: g("ui.inputs.colorPicker.lightness", "Lightness"),
             gradient: `linear-gradient(to right, hsl(${o.h},${o.s}%,0%), hsl(${o.h},${o.s}%,50%), hsl(${o.h},${o.s}%,100%))`,
             min: 0,
             max: 100,
@@ -404,16 +404,16 @@ const Ie = [
           }
         ),
         c ? /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-          /* @__PURE__ */ d("label", { className: "ds:text-[var(--font-size-xs)] ds:text-[var(--muted-foreground)]", children: x("ui.inputs.colorPicker.opacity", "Opacity") }),
+          /* @__PURE__ */ l("label", { className: "ds:text-[length:var(--font-size-xs)] ds:text-[var(--muted-foreground)]", children: g("ui.inputs.colorPicker.opacity", "Opacity") }),
           /* @__PURE__ */ h("div", { className: "ds:relative", children: [
-            /* @__PURE__ */ d(
+            /* @__PURE__ */ l(
               "div",
               {
                 className: `ds:absolute ds:inset-0 ds:rounded-[var(--radius-full)] ds:pointer-events-none ${Fe}`,
                 "aria-hidden": "true"
               }
             ),
-            /* @__PURE__ */ d(
+            /* @__PURE__ */ l(
               "div",
               {
                 className: "ds:absolute ds:inset-0 ds:rounded-[var(--radius-full)] ds:pointer-events-none ds:bg-[image:var(--opacity-gradient)]",
@@ -423,7 +423,7 @@ const Ie = [
                 "aria-hidden": "true"
               }
             ),
-            /* @__PURE__ */ d(
+            /* @__PURE__ */ l(
               se,
               {
                 min: 0,
@@ -431,7 +431,7 @@ const Ie = [
                 step: 1,
                 value: [Math.round(o.a * 100)],
                 onValueChange: ([t]) => C({ ...o, a: t / 100 }),
-                "aria-label": x("ui.inputs.colorPicker.opacity", "Opacity"),
+                "aria-label": g("ui.inputs.colorPicker.opacity", "Opacity"),
                 formatValue: (t) => `${t}%`,
                 disabled: v,
                 className: ie
@@ -440,13 +440,13 @@ const Ie = [
           ] })
         ] }) : null
       ] }),
-      z ? /* @__PURE__ */ h("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:text-[var(--font-size-sm)]", role: "status", "aria-live": "polite", children: [
-        /* @__PURE__ */ d("span", { className: "ds:tabular-nums", children: x("ui.inputs.colorPicker.contrastRatio", { ratio: z.ratio.toFixed(1) }) }),
-        /* @__PURE__ */ d(te, { level: "AA", passes: z.aa, t: x }),
-        /* @__PURE__ */ d(te, { level: "AAA", passes: z.aaa, t: x })
+      z ? /* @__PURE__ */ h("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:text-[length:var(--font-size-sm)]", role: "status", "aria-live": "polite", children: [
+        /* @__PURE__ */ l("span", { className: "ds:tabular-nums", children: g("ui.inputs.colorPicker.contrastRatio", { ratio: z.ratio.toFixed(1) }) }),
+        /* @__PURE__ */ l(te, { level: "AA", passes: z.aa, t: g }),
+        /* @__PURE__ */ l(te, { level: "AAA", passes: z.aaa, t: g })
       ] }) : null,
       /* @__PURE__ */ h("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ l(
           "div",
           {
             className: "ds:size-8 ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--border)] ds:bg-[var(--swatch-bg)]",
@@ -454,13 +454,13 @@ const Ie = [
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ d("span", { className: "ds:text-[var(--font-size-sm)] ds:text-[var(--muted-foreground)] ds:tabular-nums", children: B(o, i) })
+        /* @__PURE__ */ l("span", { className: "ds:text-[length:var(--font-size-sm)] ds:text-[var(--muted-foreground)] ds:tabular-nums", children: B(o, i) })
       ] })
     ] }), J = /* @__PURE__ */ h("div", { className: A ? He : Re, children: [
-      be,
-      pe
+      pe,
+      be
     ] });
-    return le === "inline" ? /* @__PURE__ */ d(
+    return de === "inline" ? /* @__PURE__ */ l(
       "div",
       {
         ref: a,
@@ -469,11 +469,12 @@ const Ie = [
         "aria-describedby": N.describedBy || void 0,
         "aria-invalid": N.invalid || void 0,
         "aria-disabled": v || void 0,
+        "data-component": "color-picker",
         "data-testid": "color-picker",
         children: J
       }
-    ) : /* @__PURE__ */ h(I.Root, { open: ge, onOpenChange: ve, children: [
-      /* @__PURE__ */ d(I.Trigger, { asChild: !0, disabled: v, children: /* @__PURE__ */ h(
+    ) : /* @__PURE__ */ h(I.Root, { open: xe, onOpenChange: ve, children: [
+      /* @__PURE__ */ l(I.Trigger, { asChild: !0, disabled: v, children: /* @__PURE__ */ h(
         "button",
         {
           ref: a,
@@ -481,10 +482,11 @@ const Ie = [
           id: M,
           "aria-describedby": N.describedBy || void 0,
           "aria-invalid": N.invalid || void 0,
-          className: Le({ size: p, className: D }),
+          className: Le({ size: b, className: D }),
+          "data-component": "color-picker",
           "data-testid": "color-picker-trigger",
           children: [
-            /* @__PURE__ */ d(
+            /* @__PURE__ */ l(
               "span",
               {
                 className: `ds:inline-block ds:size-5 ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--border)] ds:shrink-0 ds:bg-[var(--swatch-bg)]${A ? "" : " me-[var(--spacing-sm)]"}`,
@@ -492,20 +494,20 @@ const Ie = [
                 style: { "--swatch-bg": $(o) }
               }
             ),
-            A ? null : /* @__PURE__ */ d("span", { className: "ds:text-start ds:truncate ds:tabular-nums", children: B(o, i) })
+            A ? null : /* @__PURE__ */ l("span", { className: "ds:text-start ds:truncate ds:tabular-nums", children: B(o, i) })
           ]
         }
       ) }),
-      /* @__PURE__ */ d(I.Portal, { children: /* @__PURE__ */ d(I.Content, { sideOffset: 4, align: "start", className: _e, children: J }) })
+      /* @__PURE__ */ l(I.Portal, { children: /* @__PURE__ */ l(I.Content, { sideOffset: 4, align: "start", className: _e, children: J }) })
     ] });
   }
 );
 Oe.displayName = "ColorPicker";
 function te({ level: e, passes: a, t: s }) {
   return /* @__PURE__ */ h("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
-    /* @__PURE__ */ d("abbr", { title: `Web Content Accessibility Guidelines Level ${e}`, className: "ds:no-underline ds:font-medium", children: e }),
-    a ? /* @__PURE__ */ d(ne, { "aria-hidden": "true", className: "ds:size-4 ds:text-[var(--success)]" }) : /* @__PURE__ */ d(Ae, { "aria-hidden": "true", className: "ds:size-4 ds:text-[var(--destructive)]" }),
-    /* @__PURE__ */ d("span", { className: "ds:sr-only", children: a ? s("ui.inputs.colorPicker.contrastPass", "Pass") : s("ui.inputs.colorPicker.contrastFail", "Fail") })
+    /* @__PURE__ */ l("abbr", { title: `Web Content Accessibility Guidelines Level ${e}`, className: "ds:no-underline ds:font-medium", children: e }),
+    a ? /* @__PURE__ */ l(ne, { "aria-hidden": "true", className: "ds:size-4 ds:text-[var(--success)]" }) : /* @__PURE__ */ l(Ae, { "aria-hidden": "true", className: "ds:size-4 ds:text-[var(--destructive)]" }),
+    /* @__PURE__ */ l("span", { className: "ds:sr-only", children: a ? s("ui.inputs.colorPicker.contrastPass", "Pass") : s("ui.inputs.colorPicker.contrastFail", "Fail") })
   ] });
 }
 function O({
@@ -519,9 +521,9 @@ function O({
   disabled: m
 }) {
   return /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-    /* @__PURE__ */ d("label", { className: "ds:text-[var(--font-size-xs)] ds:text-[var(--muted-foreground)]", children: e }),
+    /* @__PURE__ */ l("label", { className: "ds:text-[length:var(--font-size-xs)] ds:text-[var(--muted-foreground)]", children: e }),
     /* @__PURE__ */ h("div", { className: "ds:relative", children: [
-      /* @__PURE__ */ d(
+      /* @__PURE__ */ l(
         "div",
         {
           className: "ds:absolute ds:inset-0 ds:rounded-[var(--radius-full)] ds:pointer-events-none ds:bg-[image:var(--slider-gradient)]",
@@ -529,14 +531,14 @@ function O({
           "aria-hidden": "true"
         }
       ),
-      /* @__PURE__ */ d(
+      /* @__PURE__ */ l(
         se,
         {
           min: s,
           max: r,
           step: 1,
           value: [n],
-          onValueChange: ([b]) => i(b),
+          onValueChange: ([p]) => i(p),
           "aria-label": e,
           formatValue: c,
           disabled: m,
@@ -551,4 +553,4 @@ export {
   Ye as B,
   Oe as C
 };
-//# sourceMappingURL=color-picker-OKKF3Dww.js.map
+//# sourceMappingURL=color-picker-Cl3KdjJd.js.map