@alfadocs/ui-kit 0.1.4 → 0.1.6

package/dist/_chunks/{checkbox-group-BFZ4oN5t.js → checkbox-group-CWpGZEF6.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-Ni6C_KJg.js";
+import { C as M, a as _ } from "./checkbox-DNK4qS2_.js";
 import { C as T } from "./circle-alert-ChA9opNA.js";
 const V = Y("", {
   variants: {
@@ -14,22 +14,22 @@ const V = Y("", {
   defaultVariants: { orientation: "vertical" }
 });
 function ee(h) {
-  const d = [];
+  const t = [];
   return W.forEach(h, (a) => {
     if (!X(a)) return;
     const o = a.props;
-    typeof o.value == "string" && d.push(o.value);
-  }), d;
+    typeof o.value == "string" && t.push(o.value);
+  }), t;
 }
 const se = Q(
   ({
     label: h,
-    value: d,
+    value: t,
     onChange: a,
     name: o,
     orientation: $ = "vertical",
     disabled: y = !1,
-    min: t,
+    min: d,
     max: u,
     onConstraintViolation: l,
     withSelectAll: z = !1,
@@ -39,7 +39,7 @@ const se = Q(
     className: E,
     children: b
   }, P) => {
-    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(
+    const { t: n } = Z(), g = U(), G = `${g}-helper`, N = `${g}-error`, I = `${g}-counter`, [q, C] = S([]), j = t !== void 0, r = j ? t : q, w = A(() => new Set(r), [r]), [D, c] = S(""), x = A(
       () => i ? i.map((e) => e.value) : ee(b),
       [i, b]
     ), m = (e) => {
@@ -49,8 +49,8 @@ const se = Q(
       value: w,
       toggle: (e) => {
         if (w.has(e)) {
-          if (typeof t == "number" && r.length <= t) {
-            c(n("ui.inputs.checkboxGroup.minReached", { min: t })), l == null || l("min");
+          if (typeof d == "number" && r.length <= d) {
+            c(n("ui.inputs.checkboxGroup.minReached", { min: d })), l == null || l("min");
             return;
           }
           c(""), m(r.filter((O) => O !== e));
@@ -65,8 +65,8 @@ const se = Q(
       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");
+        if (typeof d == "number" && d > 0) {
+          c(n("ui.inputs.checkboxGroup.minReached", { min: d })), l == null || l("min");
           return;
         }
         m([]), c("");
@@ -87,7 +87,7 @@ const se = Q(
       },
       e.value
     )) : null), L = [
-      "flex flex-col gap-[var(--spacing-sm)] min-w-0 border-0 p-0 m-0",
+      "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:min-w-0 ds:border-0 ds:p-0 ds:m-0",
       E
     ].filter(Boolean).join(" ");
     return /* @__PURE__ */ R(
@@ -143,4 +143,4 @@ se.displayName = "CheckboxGroup";
 export {
   se as C
 };
-//# sourceMappingURL=checkbox-group-BFZ4oN5t.js.map
+//# sourceMappingURL=checkbox-group-CWpGZEF6.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group-CWpGZEF6.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      'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:min-w-0 ds:border-0 ds:p-0 ds: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-fFMqzpdL.js → collapsible-D4LOdLxp.js}

@@ -1,5 +1,5 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as i, useEffect as d } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as i, useEffect as n } from "react";
 import * as t from "@radix-ui/react-collapsible";
 import { a as c, c as b } from "./index-D2ZczOXr.js";
 const p = b("", {
@@ -14,18 +14,18 @@ const p = b("", {
     variant: "default"
   }
 }), m = [
-  "overflow-hidden",
-  "transition-[block-size]",
-  "duration-[var(--animation-duration)]",
-  "ease-out",
-  "motion-reduce:transition-none",
-  "data-[state=open]:[block-size:var(--radix-collapsible-content-height)]",
-  "data-[state=closed]:[block-size:0]"
+  "ds:overflow-hidden",
+  "ds:transition-[block-size]",
+  "ds:duration-[var(--animation-duration)]",
+  "ds:ease-out",
+  "ds:motion-reduce:transition-none",
+  "ds:data-[state=open]:[block-size:var(--radix-collapsible-content-height)]",
+  "ds:data-[state=closed]:[block-size:0]"
 ].join(" "), f = i(
-  ({ variant: a, className: e, children: o, ...l }, r) => /* @__PURE__ */ s(
+  ({ variant: a, className: e, children: o, ...l }, s) => /* @__PURE__ */ r(
     t.Root,
     {
-      ref: r,
+      ref: s,
       className: p({ variant: a, className: e }),
       "data-component": "collapsible",
       ...l,
@@ -35,7 +35,7 @@ const p = b("", {
 );
 f.displayName = "Collapsible";
 const C = i(
-  ({ asChild: a = !1, children: e, ...o }, l) => /* @__PURE__ */ s(t.Trigger, { ref: l, asChild: a, ...o, children: e })
+  ({ asChild: a = !1, children: e, ...o }, l) => /* @__PURE__ */ r(t.Trigger, { ref: l, asChild: a, ...o, children: e })
 );
 C.displayName = "CollapsibleTrigger";
 const u = i(
@@ -44,16 +44,16 @@ const u = i(
     children: e,
     "aria-labelledby": o,
     "aria-label": l,
-    ...r
-  }, n) => (d(() => {
-  }, []), /* @__PURE__ */ s(
+    ...s
+  }, d) => (n(() => {
+  }, []), /* @__PURE__ */ r(
     t.Content,
     {
-      ref: n,
+      ref: d,
       "aria-labelledby": o,
       "aria-label": l,
       className: c(m, a),
-      ...r,
+      ...s,
       children: e
     }
   ))
@@ -64,4 +64,4 @@ export {
   u as a,
   C as b
 };
-//# sourceMappingURL=collapsible-fFMqzpdL.js.map
+//# sourceMappingURL=collapsible-D4LOdLxp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-D4LOdLxp.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  'ds:overflow-hidden',\n  'ds:transition-[block-size]',\n  'ds:duration-[var(--animation-duration)]',\n  'ds:ease-out',\n  'ds:motion-reduce:transition-none',\n  'ds:data-[state=open]:[block-size:var(--radix-collapsible-content-height)]',\n  'ds: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;"}