@alfadocs/ui-kit 0.0.20 → 0.1.1

package/dist/_chunks/checkbox-DMzgtnqw.js

@@ -0,0 +1,116 @@
+import { jsxs as j, jsx as e } from "react/jsx-runtime";
+import { createContext as I, useContext as L, forwardRef as G, useId as _ } from "react";
+import * as h from "@radix-ui/react-checkbox";
+import { c as B } from "./index-D2ZczOXr.js";
+import { T as M } from "./tooltip-Dp3u8jGz.js";
+const R = I(null);
+function T() {
+  return L(R);
+}
+const u = [
+  "[stroke-dasharray:1] [stroke-dashoffset:1]",
+  "animate-[checkbox-indicator-draw_var(--animation-duration)_ease-out_forwards]"
+].join(" ");
+function V({ className: s }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      "data-slot": "checkbox-check-icon",
+      className: s,
+      children: /* @__PURE__ */ e("path", { pathLength: "1", d: "M5 12l5 5L20 7", className: u })
+    }
+  );
+}
+function W({ className: s }) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      strokeLinecap: "round",
+      "aria-hidden": "true",
+      "data-slot": "checkbox-indeterminate-icon",
+      className: s,
+      children: /* @__PURE__ */ e("path", { pathLength: "1", d: "M5 12h14", className: u })
+    }
+  );
+}
+const D = B(
+  [
+    "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
+    "ds:border ds:border-border ds:rounded-[var(--radius-sm)] ds:bg-background",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
+    "ds:data-[state=checked]:bg-primary ds:data-[state=checked]:border-primary ds:data-[state=checked]:text-primary-foreground",
+    "ds:data-[state=indeterminate]:bg-primary ds:data-[state=indeterminate]:border-primary ds:data-[state=indeterminate]:text-primary-foreground",
+    'ds:relative ds:before:absolute ds:before:inset-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[""]'
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:size-3.5",
+        md: "ds:size-4",
+        lg: "ds:size-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+), F = G(
+  ({
+    label: s,
+    checked: f,
+    onCheckedChange: b,
+    size: a = "md",
+    disabled: k,
+    disabledReason: n,
+    name: p,
+    value: o,
+    id: x,
+    className: g,
+    ...v
+  }, C) => {
+    const y = _(), i = x ?? y, t = T(), d = t !== null && o !== void 0, c = d ? t.value.has(o) : f, w = d ? () => t.toggle(o) : b, N = (t == null ? void 0 : t.name) ?? p, r = (t == null ? void 0 : t.disabled) || k, l = a === "sm" ? "size-3" : a === "lg" ? "size-4" : "size-3.5", z = [
+      "type-label text-foreground select-none",
+      r ? "cursor-not-allowed opacity-50" : "cursor-pointer"
+    ].join(" "), m = /* @__PURE__ */ j("div", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ e(
+        h.Root,
+        {
+          ref: C,
+          id: i,
+          checked: c,
+          onCheckedChange: w,
+          disabled: r,
+          "aria-disabled": r || void 0,
+          name: N,
+          value: o,
+          className: D({ size: a, className: g }),
+          ...v,
+          children: /* @__PURE__ */ e(h.Indicator, { children: c === "indeterminate" ? /* @__PURE__ */ e(W, { className: l }) : /* @__PURE__ */ e(V, { className: l }) })
+        }
+      ),
+      /* @__PURE__ */ e("label", { htmlFor: i, className: z, children: s })
+    ] });
+    return r && n ? /* @__PURE__ */ e(M, { label: n, children: m }) : m;
+  }
+);
+F.displayName = "Checkbox";
+export {
+  F as C,
+  R as a,
+  T as u
+};
+//# sourceMappingURL=checkbox-DMzgtnqw.js.map

package/dist/_chunks/checkbox-DMzgtnqw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-DMzgtnqw.js","sources":["../../src/components/checkbox/checkbox-group-context.ts","../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface CheckboxGroupContextShape {\n  name?: string;\n  value: Set<string>;\n  toggle: (itemValue: string) => void;\n  disabled: boolean;\n}\n\nexport const CheckboxGroupContext =\n  createContext<CheckboxGroupContextShape | null>(null);\n\nexport function useCheckboxGroup(): CheckboxGroupContextShape | null {\n  return useContext(CheckboxGroupContext);\n}\n","import { forwardRef, useId, type ComponentPropsWithoutRef } from 'react';\nimport * as RadixCheckbox from '@radix-ui/react-checkbox';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useCheckboxGroup } from './checkbox-group-context';\nimport { Tooltip } from '../tooltip';\n\nconst drawClasses = [\n  '[stroke-dasharray:1] [stroke-dashoffset:1]',\n  'animate-[checkbox-indicator-draw_var(--animation-duration)_ease-out_forwards]',\n].join(' ');\n\nfunction CheckIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      data-slot=\"checkbox-check-icon\"\n      className={className}\n    >\n      <path pathLength=\"1\" d=\"M5 12l5 5L20 7\" className={drawClasses} />\n    </svg>\n  );\n}\n\nfunction IndeterminateIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      aria-hidden=\"true\"\n      data-slot=\"checkbox-indeterminate-icon\"\n      className={className}\n    >\n      <path pathLength=\"1\" d=\"M5 12h14\" className={drawClasses} />\n    </svg>\n  );\n}\n\nconst checkboxVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0',\n    'ds:border ds:border-border ds:rounded-[var(--radius-sm)] ds:bg-background',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n    'ds:data-[state=checked]:bg-primary ds:data-[state=checked]:border-primary ds:data-[state=checked]:text-primary-foreground',\n    'ds:data-[state=indeterminate]:bg-primary ds:data-[state=indeterminate]:border-primary ds:data-[state=indeterminate]:text-primary-foreground',\n    'ds:relative ds:before:absolute ds:before:inset-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:size-3.5',\n        md: 'ds:size-4',\n        lg: 'ds:size-5',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n);\n\ntype RadixRootProps = ComponentPropsWithoutRef<typeof RadixCheckbox.Root>;\n\nexport interface CheckboxProps\n  extends Omit<RadixRootProps, 'checked' | 'onCheckedChange' | 'children'>,\n    VariantProps<typeof checkboxVariants> {\n  label: string;\n  checked?: boolean | 'indeterminate';\n  onCheckedChange?: (checked: boolean | 'indeterminate') => void;\n  size?: 'sm' | 'md' | 'lg';\n  disabledReason?: string;\n  value?: string;\n}\n\nexport const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(\n  (\n    {\n      label,\n      checked,\n      onCheckedChange,\n      size = 'md',\n      disabled,\n      disabledReason,\n      name,\n      value,\n      id,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const checkboxId = id ?? generatedId;\n    const group = useCheckboxGroup();\n\n    const inGroup = group !== null && value !== undefined;\n    const effectiveChecked = inGroup ? group.value.has(value) : checked;\n    const effectiveOnChange = inGroup\n      ? () => group.toggle(value)\n      : onCheckedChange;\n    const effectiveName = group?.name ?? name;\n    const effectiveDisabled = group?.disabled || disabled;\n\n    const iconSizeClass =\n      size === 'sm' ? 'size-3' : size === 'lg' ? 'size-4' : 'size-3.5';\n\n    const labelClasses = [\n      'type-label text-foreground select-none',\n      effectiveDisabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer',\n    ].join(' ');\n\n    const content = (\n      <div className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n        <RadixCheckbox.Root\n          ref={ref}\n          id={checkboxId}\n          checked={effectiveChecked}\n          onCheckedChange={effectiveOnChange}\n          disabled={effectiveDisabled}\n          aria-disabled={effectiveDisabled || undefined}\n          name={effectiveName}\n          value={value}\n          className={checkboxVariants({ size, className })}\n          {...props}\n        >\n          <RadixCheckbox.Indicator>\n            {effectiveChecked === 'indeterminate' ? (\n              <IndeterminateIcon className={iconSizeClass} />\n            ) : (\n              <CheckIcon className={iconSizeClass} />\n            )}\n          </RadixCheckbox.Indicator>\n        </RadixCheckbox.Root>\n        <label htmlFor={checkboxId} className={labelClasses}>\n          {label}\n        </label>\n      </div>\n    );\n\n    if (effectiveDisabled && disabledReason) {\n      return <Tooltip label={disabledReason}>{content}</Tooltip>;\n    }\n\n    return content;\n  },\n);\n\nCheckbox.displayName = 'Checkbox';\n"],"names":["CheckboxGroupContext","createContext","useCheckboxGroup","useContext","drawClasses","CheckIcon","className","jsx","IndeterminateIcon","checkboxVariants","cva","Checkbox","forwardRef","label","checked","onCheckedChange","size","disabled","disabledReason","name","value","id","props","ref","generatedId","useId","checkboxId","group","inGroup","effectiveChecked","effectiveOnChange","effectiveName","effectiveDisabled","iconSizeClass","labelClasses","content","jsxs","RadixCheckbox","Tooltip"],"mappings":"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"}

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

@@ -1,47 +1,47 @@
-import { jsx as l, jsxs as R } from "react/jsx-runtime";
+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-CfiZ0FZc.js";
+import { C as M, a as _ } from "./checkbox-DMzgtnqw.js";
 import { C as T } from "./circle-alert-ChA9opNA.js";
 const V = Y("", {
   variants: {
     orientation: {
-      vertical: "flex flex-col gap-[var(--spacing-sm)]",
-      horizontal: "flex flex-wrap gap-x-[var(--spacing-lg)] gap-y-[var(--spacing-sm)]"
+      vertical: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+      horizontal: "ds:flex ds:flex-wrap ds:gap-x-[var(--spacing-lg)] ds:gap-y-[var(--spacing-sm)]"
     }
   },
   defaultVariants: { orientation: "vertical" }
 });
 function ee(h) {
-  const u = [];
+  const d = [];
   return W.forEach(h, (a) => {
     if (!X(a)) return;
     const o = a.props;
-    typeof o.value == "string" && u.push(o.value);
-  }), u;
+    typeof o.value == "string" && d.push(o.value);
+  }), d;
 }
-const le = Q(
+const se = Q(
   ({
     label: h,
-    value: u,
+    value: d,
     onChange: a,
     name: o,
     orientation: $ = "vertical",
     disabled: k = !1,
     min: t,
-    max: i,
-    onConstraintViolation: s,
+    max: u,
+    onConstraintViolation: l,
     withSelectAll: z = !1,
-    options: d,
+    options: i,
     error: f,
     helperText: v,
     className: E,
     children: b
   }, P) => {
-    const { t: n } = Z(), g = U(), G = `${g}-helper`, N = `${g}-error`, I = `${g}-counter`, [q, C] = S([]), j = u !== void 0, r = j ? u : q, w = A(() => new Set(r), [r]), [D, c] = S(""), x = A(
-      () => d ? d.map((e) => e.value) : ee(b),
-      [d, b]
+    const { t: n } = Z(), g = U(), G = `${g}-helper`, N = `${g}-error`, I = `${g}-counter`, [q, C] = S([]), j = d !== void 0, r = j ? d : q, w = A(() => new Set(r), [r]), [D, c] = S(""), x = A(
+      () => i ? i.map((e) => e.value) : ee(b),
+      [i, b]
     ), m = (e) => {
       j || C(e), a == null || a(e);
     }, F = {
@@ -50,14 +50,14 @@ const le = Q(
       toggle: (e) => {
         if (w.has(e)) {
           if (typeof t == "number" && r.length <= t) {
-            c(n("ui.inputs.checkboxGroup.minReached", { min: t })), s == null || s("min");
+            c(n("ui.inputs.checkboxGroup.minReached", { min: t })), l == null || l("min");
             return;
           }
           c(""), m(r.filter((O) => O !== e));
           return;
         }
-        if (typeof i == "number" && r.length >= i) {
-          c(n("ui.inputs.checkboxGroup.maxReached", { max: i })), s == null || s("max");
+        if (typeof u == "number" && r.length >= u) {
+          c(n("ui.inputs.checkboxGroup.maxReached", { max: u })), l == null || l("max");
           return;
         }
         c(""), m([...r, e]);
@@ -66,19 +66,19 @@ const le = Q(
     }, p = x.length, y = r.length, B = p === 0 || y === 0 ? !1 : y >= p ? !0 : "indeterminate", H = () => {
       if (B === !0) {
         if (typeof t == "number" && t > 0) {
-          c(n("ui.inputs.checkboxGroup.minReached", { min: t })), s == null || s("min");
+          c(n("ui.inputs.checkboxGroup.minReached", { min: t })), l == null || l("min");
           return;
         }
         m([]), c("");
         return;
       }
-      const e = typeof i == "number" ? x.slice(0, i) : x;
+      const e = typeof u == "number" ? x.slice(0, u) : x;
       m(e), c("");
     }, J = [
       v ? G : null,
       f ? N : null,
       p > 0 ? I : null
-    ].filter(Boolean).join(" ") || void 0, K = b ?? (d ? d.map((e) => /* @__PURE__ */ l(
+    ].filter(Boolean).join(" ") || void 0, K = b ?? (i ? i.map((e) => /* @__PURE__ */ s(
       M,
       {
         value: e.value,
@@ -98,8 +98,8 @@ const le = Q(
         "aria-describedby": J,
         "aria-invalid": !!f || void 0,
         children: [
-          /* @__PURE__ */ l("legend", { className: "type-label text-foreground p-0 mb-[var(--spacing-sm)]", children: h }),
-          z ? /* @__PURE__ */ l(
+          /* @__PURE__ */ s("legend", { className: "type-label ds:text-foreground ds:p-0 ds:mb-[var(--spacing-sm)]", children: h }),
+          z ? /* @__PURE__ */ s(
             M,
             {
               label: n("ui.inputs.checkboxGroup.selectAll"),
@@ -108,38 +108,38 @@ const le = Q(
               disabled: k
             }
           ) : null,
-          /* @__PURE__ */ l(_.Provider, { value: F, children: /* @__PURE__ */ l("div", { className: V({ orientation: $ }), children: K }) }),
-          v ? /* @__PURE__ */ l("p", { id: G, className: "type-body-sm text-muted-foreground", children: v }) : null,
+          /* @__PURE__ */ s(_.Provider, { value: F, children: /* @__PURE__ */ s("div", { className: V({ orientation: $ }), children: K }) }),
+          v ? /* @__PURE__ */ s("p", { id: G, className: "type-body-sm ds:text-muted-foreground", children: v }) : null,
           f ? /* @__PURE__ */ R(
             "p",
             {
               id: N,
               role: "alert",
-              className: "inline-flex items-center gap-[var(--spacing-xs)] type-body-sm text-destructive",
+              className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive",
               children: [
-                /* @__PURE__ */ l(T, { "aria-hidden": "true", className: "size-4 shrink-0" }),
-                /* @__PURE__ */ l("span", { children: f })
+                /* @__PURE__ */ s(T, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0" }),
+                /* @__PURE__ */ s("span", { children: f })
               ]
             }
           ) : null,
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ s(
             "span",
             {
               id: I,
               role: "status",
               "aria-live": "polite",
-              className: "sr-only",
+              className: "ds:sr-only",
               children: p > 0 ? n("ui.inputs.checkboxGroup.counter", { count: y, total: p }) : ""
             }
           ),
-          /* @__PURE__ */ l("span", { role: "status", "aria-live": "polite", className: "sr-only", children: D })
+          /* @__PURE__ */ s("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: D })
         ]
       }
     );
   }
 );
-le.displayName = "CheckboxGroup";
+se.displayName = "CheckboxGroup";
 export {
-  le as C
+  se as C
 };
-//# sourceMappingURL=checkbox-group-D1aqVI0-.js.map
+//# sourceMappingURL=checkbox-group-DBnIBRT_.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group-DBnIBRT_.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      >\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-jBFm7Ah8.js → collapsible-DPGQnHZh.js}

@@ -1,13 +1,13 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as t, useEffect as d } from "react";
-import * as s from "@radix-ui/react-collapsible";
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as i, useEffect as n } from "react";
+import * as t from "@radix-ui/react-collapsible";
 import { a as b, c } from "./index-D2ZczOXr.js";
 const p = c("", {
   variants: {
     variant: {
       default: "",
-      card: "bg-[var(--card)] border border-border rounded-[var(--radius-lg)] overflow-hidden",
-      minimal: "forced-colors:[border-block-end:1px_solid]"
+      card: "ds:bg-[var(--card)] ds:border ds:border-border ds:rounded-[var(--radius-lg)] ds:overflow-hidden",
+      minimal: "ds:forced-colors:[border-block-end:1px_solid]"
     }
   },
   defaultVariants: {
@@ -21,9 +21,9 @@ const p = c("", {
   "motion-reduce:transition-none",
   "data-[state=open]:[block-size:var(--radix-collapsible-content-height)]",
   "data-[state=closed]:[block-size:0]"
-].join(" "), f = t(
-  ({ variant: a, className: e, children: o, ...l }, r) => /* @__PURE__ */ i(
-    s.Root,
+].join(" "), f = i(
+  ({ variant: a, className: e, children: o, ...l }, r) => /* @__PURE__ */ s(
+    t.Root,
     {
       ref: r,
       className: p({ variant: a, className: e }),
@@ -33,22 +33,22 @@ const p = c("", {
   )
 );
 f.displayName = "Collapsible";
-const C = t(
-  ({ asChild: a = !1, children: e, ...o }, l) => /* @__PURE__ */ i(s.Trigger, { ref: l, asChild: a, ...o, children: e })
+const C = i(
+  ({ asChild: a = !1, children: e, ...o }, l) => /* @__PURE__ */ s(t.Trigger, { ref: l, asChild: a, ...o, children: e })
 );
 C.displayName = "CollapsibleTrigger";
-const u = t(
+const u = i(
   ({
     className: a,
     children: e,
     "aria-labelledby": o,
     "aria-label": l,
     ...r
-  }, n) => (d(() => {
-  }, []), /* @__PURE__ */ i(
-    s.Content,
+  }, d) => (n(() => {
+  }, []), /* @__PURE__ */ s(
+    t.Content,
     {
-      ref: n,
+      ref: d,
       "aria-labelledby": o,
       "aria-label": l,
       className: b(m, a),
@@ -63,4 +63,4 @@ export {
   u as a,
   C as b
 };
-//# sourceMappingURL=collapsible-jBFm7Ah8.js.map
+//# sourceMappingURL=collapsible-DPGQnHZh.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-DPGQnHZh.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      {...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,MACpD,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;"}