@alfadocs/ui-kit 0.0.20 → 0.1.0

package/dist/_chunks/visually-hidden-Y3jcdCv-.js

@@ -0,0 +1,21 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as c, isValidElement as p, cloneElement as d } from "react";
+const n = "sr-only", N = c(
+  ({ asChild: r = !1, className: l, children: s, ...o }, m) => {
+    const a = l ? `${n} ${l}` : n;
+    if (r && p(s)) {
+      const e = s, t = e.props.className ? `${a} ${e.props.className}` : a;
+      return d(e, {
+        ...o,
+        className: t,
+        ref: m
+      });
+    }
+    return /* @__PURE__ */ i("span", { ref: m, className: a, ...o, children: s });
+  }
+);
+N.displayName = "VisuallyHidden";
+export {
+  N as V
+};
+//# sourceMappingURL=visually-hidden-Y3jcdCv-.js.map

package/dist/_chunks/visually-hidden-Y3jcdCv-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden-Y3jcdCv-.js","sources":["../../src/components/visually-hidden/visually-hidden.tsx"],"sourcesContent":["import {\n  forwardRef,\n  cloneElement,\n  isValidElement,\n  type HTMLAttributes,\n  type ReactElement,\n  type Ref,\n} from 'react';\n\n/**\n * VisuallyHidden — renders content that is invisible to sighted users but\n * available to assistive technology (screen readers).\n *\n * Implementation note (constraint §2 + §4):\n *   We use Tailwind's built-in `sr-only` utility, which compiles to the\n *   canonical visually-hidden recipe:\n *     position: absolute;\n *     width: 1px; height: 1px;\n *     padding: 0; margin: -1px;\n *     overflow: hidden;\n *     clip: rect(0, 0, 0, 0);\n *     white-space: nowrap;\n *     border-width: 0;\n *   This keeps the element in the accessibility tree (unlike `display: none`\n *   or `aria-hidden`) while removing it from the visual layout. No tokens are\n *   relevant here — there are no colours, spacing, or typography choices to\n *   make. We deliberately avoid hand-rolling the CSS so we stay aligned with\n *   Tailwind's vetted recipe.\n *\n * The `asChild` prop (Radix Slot–style) clones the single child element and\n * merges the `sr-only` class onto it, letting consumers preserve the child's\n * own DOM type (e.g. `<a>` for skip-links) without an extra wrapper element.\n */\n\ntype ChildWithClassName = ReactElement<{\n  className?: string;\n  ref?: Ref<unknown>;\n}>;\n\nexport interface VisuallyHiddenProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * When true, merges the visually-hidden class onto the single child element\n   * rather than wrapping it in a `<span>`. The child must accept `className`\n   * and `ref`.\n   */\n  asChild?: boolean;\n}\n\nconst VISUALLY_HIDDEN_CLASS = 'sr-only';\n\nexport const VisuallyHidden = forwardRef<HTMLSpanElement, VisuallyHiddenProps>(\n  ({ asChild = false, className, children, ...rest }, ref) => {\n    const merged = className\n      ? `${VISUALLY_HIDDEN_CLASS} ${className}`\n      : VISUALLY_HIDDEN_CLASS;\n\n    if (asChild && isValidElement(children)) {\n      const child = children as ChildWithClassName;\n      const childClassName = child.props.className\n        ? `${merged} ${child.props.className}`\n        : merged;\n      return cloneElement(child, {\n        ...rest,\n        className: childClassName,\n        ref,\n      });\n    }\n\n    return (\n      <span ref={ref} className={merged} {...rest}>\n        {children}\n      </span>\n    );\n  },\n);\n\nVisuallyHidden.displayName = 'VisuallyHidden';\n"],"names":["VISUALLY_HIDDEN_CLASS","VisuallyHidden","forwardRef","asChild","className","children","rest","ref","merged","isValidElement","child","childClassName","cloneElement"],"mappings":";;AAgDA,MAAMA,IAAwB,WAEjBC,IAAiBC;AAAA,EAC5B,CAAC,EAAE,SAAAC,IAAU,IAAO,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC1D,UAAMC,IAASJ,IACX,GAAGJ,CAAqB,IAAII,CAAS,KACrCJ;AAEJ,QAAIG,KAAWM,EAAeJ,CAAQ,GAAG;AACvC,YAAMK,IAAQL,GACRM,IAAiBD,EAAM,MAAM,YAC/B,GAAGF,CAAM,IAAIE,EAAM,MAAM,SAAS,KAClCF;AACJ,aAAOI,EAAaF,GAAO;AAAA,QACzB,GAAGJ;AAAA,QACH,WAAWK;AAAA,QACX,KAAAJ;AAAA,MAAA,CACD;AAAA,IACH;AAEA,6BACG,QAAA,EAAK,KAAAA,GAAU,WAAWC,GAAS,GAAGF,GACpC,UAAAD,GACH;AAAA,EAEJ;AACF;AAEAJ,EAAe,cAAc;"}

package/dist/_chunks/{warning-stack-Cyf_81SL.js → warning-stack-B9N9yWet.js}

@@ -1,29 +1,29 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
 import { forwardRef as M, useId as N, useState as O, useRef as y, useEffect as V, useMemo as _, useCallback as j } from "react";
 import { c as W } from "./index-D2ZczOXr.js";
 import { useTranslation as q } from "react-i18next";
-import { A as u } from "./alert-C5ud6CfE.js";
-import { B as F } from "./button-CXL8bA8G.js";
+import { A as u } from "./alert-ETrF7Q8J.js";
+import { B as F } from "./button-DmiGFnNA.js";
 import { C as H } from "./chevron-down-BX_NP2Yh.js";
 const L = W(
   [
-    "flex flex-col",
-    "rounded-[var(--radius-lg)]",
-    "bg-[color:var(--card)] text-[color:var(--card-foreground)]",
-    "shadow-[var(--shadow-card)]",
-    "p-[var(--spacing-md)]"
+    "ds:flex ds:flex-col",
+    "ds:rounded-[var(--radius-lg)]",
+    "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]",
+    "ds:shadow-[var(--shadow-card)]",
+    "ds:p-[var(--spacing-md)]"
   ].join(" "),
   {
     variants: {
       size: {
-        sm: "gap-[var(--spacing-sm)]",
-        md: "gap-[var(--spacing-md)]"
+        sm: "ds:gap-[var(--spacing-sm)]",
+        md: "ds:gap-[var(--spacing-md)]"
       },
       // `stretch: true` fills the parent layout cell — mirrors the `stretch`
       // prop on `Card` so a WarningStack rendered next to a Card in a grid
       // row ends up at matching height.
       stretch: {
-        true: "h-full self-stretch",
+        true: "ds:h-full ds:self-stretch",
         false: ""
       }
     },
@@ -32,11 +32,11 @@ const L = W(
       stretch: !1
     }
   }
-), J = W("flex flex-col", {
+), J = W("ds:flex ds:flex-col", {
   variants: {
     size: {
-      sm: "gap-[var(--spacing-sm)]",
-      md: "gap-[var(--spacing-md)]"
+      sm: "ds:gap-[var(--spacing-sm)]",
+      md: "ds:gap-[var(--spacing-md)]"
     }
   },
   defaultVariants: { size: "md" }
@@ -47,7 +47,7 @@ const L = W(
     items: r,
     title: h,
     description: p,
-    maxVisible: o,
+    maxVisible: t,
     defaultCollapsed: z = !0,
     onDismiss: i,
     size: f = "md",
@@ -57,37 +57,37 @@ const L = W(
     className: w,
     ...x
   }, b) => {
-    const { t } = q(), c = N(), S = N(), d = o !== void 0 && r.length > o, [l, B] = O(z), g = y(null), k = y(r.length);
+    const { t: s } = q(), d = N(), S = N(), c = t !== void 0 && r.length > t, [o, B] = O(z), g = y(null), k = y(r.length);
     V(() => {
       if (!g.current) return;
       const n = k.current, e = r.length;
-      n !== e && (g.current.textContent = t("ui.warningStack.countChanged", {
+      n !== e && (g.current.textContent = s("ui.warningStack.countChanged", {
         count: e,
         defaultValue: "{{count}} warnings to review"
       })), k.current = e;
-    }, [r.length, t]);
-    const R = _(() => !d || !l ? r : r.slice(0, o), [r, d, l, o]), E = d ? r.length - (o ?? 0) : 0, I = j(
+    }, [r.length, s]);
+    const R = _(() => !c || !o ? r : r.slice(0, t), [r, c, o, t]), E = c ? r.length - (t ?? 0) : 0, I = j(
       (n) => (e) => {
         e || i == null || i(n);
       },
       [i]
-    ), T = j(() => B((n) => !n), []), G = A ?? t("ui.warningStack.regionLabel", "Warnings"), C = h ? /* @__PURE__ */ s("div", { className: "flex flex-col gap-[var(--spacing-3xs)]", children: [
+    ), T = j(() => B((n) => !n), []), G = A ?? s("ui.warningStack.regionLabel", "Warnings"), C = h ? /* @__PURE__ */ l("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-3xs)]", children: [
       /* @__PURE__ */ a(
         "h2",
         {
-          id: c,
-          className: "text-start type-title-section text-[var(--foreground)]",
+          id: d,
+          className: "ds:text-start type-title-section ds:text-[var(--foreground)]",
           children: h
         }
       ),
-      p ? /* @__PURE__ */ a("p", { className: "text-start type-body-sm text-[var(--muted-foreground)]", children: p }) : null
-    ] }) : /* @__PURE__ */ a("h2", { id: c, className: "sr-only", children: G });
-    return r.length === 0 ? m ? /* @__PURE__ */ s(
+      p ? /* @__PURE__ */ a("p", { className: "ds:text-start type-body-sm ds:text-[var(--muted-foreground)]", children: p }) : null
+    ] }) : /* @__PURE__ */ a("h2", { id: d, className: "ds:sr-only", children: G });
+    return r.length === 0 ? m ? /* @__PURE__ */ l(
       "section",
       {
         ref: b,
         role: "region",
-        "aria-labelledby": c,
+        "aria-labelledby": d,
         className: [L({ size: f, stretch: v }), w].filter(Boolean).join(" "),
         ...x,
         children: [
@@ -95,12 +95,12 @@ const L = W(
           m
         ]
       }
-    ) : null : /* @__PURE__ */ s(
+    ) : null : /* @__PURE__ */ l(
       "section",
       {
         ref: b,
         role: "region",
-        "aria-labelledby": c,
+        "aria-labelledby": d,
         className: [L({ size: f, stretch: v }), w].filter(Boolean).join(" "),
         ...x,
         children: [
@@ -111,7 +111,7 @@ const L = W(
               ref: g,
               "aria-live": "polite",
               "aria-atomic": "true",
-              className: "sr-only"
+              className: "ds:sr-only"
             }
           ),
           /* @__PURE__ */ a(
@@ -119,10 +119,10 @@ const L = W(
             {
               id: S,
               className: J({ size: f }),
-              "aria-label": t("ui.warningStack.listLabel", "Warning list"),
+              "aria-label": s("ui.warningStack.listLabel", "Warning list"),
               children: R.map((n) => {
                 const e = n.variant ?? "warning";
-                return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ s(
+                return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ l(
                   u,
                   {
                     variant: e,
@@ -139,13 +139,13 @@ const L = W(
               })
             }
           ),
-          d ? /* @__PURE__ */ s(
+          c ? /* @__PURE__ */ l(
             F,
             {
               type: "button",
               intent: "link",
               size: "sm",
-              "aria-expanded": !l,
+              "aria-expanded": !o,
               "aria-controls": S,
               onClick: T,
               className: K,
@@ -155,15 +155,15 @@ const L = W(
                   {
                     "aria-hidden": "true",
                     className: [
-                      "size-4 transition-transform duration-[var(--animation-duration)] motion-reduce:transition-none",
-                      l ? "" : "rotate-180"
+                      "ds:size-4 ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+                      o ? "" : "ds:rotate-180"
                     ].join(" ")
                   }
                 ),
-                l ? t("ui.warningStack.showMore", {
+                o ? s("ui.warningStack.showMore", {
                   count: E,
                   defaultValue: "Show {{count}} more warnings"
-                }) : t("ui.warningStack.showLess", "Show less")
+                }) : s("ui.warningStack.showLess", "Show less")
               ]
             }
           ) : null
@@ -176,4 +176,4 @@ P.displayName = "WarningStack";
 export {
   P as W
 };
-//# sourceMappingURL=warning-stack-Cyf_81SL.js.map
+//# sourceMappingURL=warning-stack-B9N9yWet.js.map

package/dist/_chunks/warning-stack-B9N9yWet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"warning-stack-B9N9yWet.js","sources":["../../src/components/warning-stack/warning-stack.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronDown } from 'lucide-react';\nimport { Alert, type AlertProps } from '../alert/alert';\nimport { Button } from '../button/button';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface WarningStackItem {\n  id: string;\n  variant?: AlertProps['variant'];\n  title: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  actions?: ReactNode;\n  dismissible?: boolean;\n}\n\nconst stackVariants = cva(\n  [\n    'ds:flex ds:flex-col',\n    'ds:rounded-[var(--radius-lg)]',\n    'ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]',\n    'ds:shadow-[var(--shadow-card)]',\n    'ds:p-[var(--spacing-md)]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:gap-[var(--spacing-sm)]',\n        md: 'ds:gap-[var(--spacing-md)]',\n      },\n      // `stretch: true` fills the parent layout cell — mirrors the `stretch`\n      // prop on `Card` so a WarningStack rendered next to a Card in a grid\n      // row ends up at matching height.\n      stretch: {\n        true: 'ds:h-full ds:self-stretch',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      stretch: false,\n    },\n  },\n);\n\nconst listVariants = cva('ds:flex ds:flex-col', {\n  variants: {\n    size: {\n      sm: 'ds:gap-[var(--spacing-sm)]',\n      md: 'ds:gap-[var(--spacing-md)]',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\nconst TOGGLE_CLASSES = [\n  'inline-flex items-center gap-[var(--spacing-xs)] self-start',\n].join(' ');\n\nexport interface WarningStackProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'role' | 'title'>,\n    VariantProps<typeof stackVariants> {\n  /** Items rendered inside the stack. */\n  items: WarningStackItem[];\n  /** Fill the parent layout cell — use in a dashboard grid row so the\n   *  stack ends up with matching height to sibling Cards. */\n  stretch?: boolean;\n  /** Visible title rendered as an `<h2>` above the stack. Also labels the\n   *  region for assistive tech. When omitted, the region is labelled via a\n   *  visually hidden heading using `ariaLabel` (or the default \"Warnings\"). */\n  title?: ReactNode;\n  /** Optional short description rendered under the title. */\n  description?: ReactNode;\n  /** Cap on visible items before a \"Show N more\" toggle appears. */\n  maxVisible?: number;\n  /** Whether the stack starts collapsed when items exceed `maxVisible`. */\n  defaultCollapsed?: boolean;\n  /** Fires when a dismissible item's close control is activated. */\n  onDismiss?: (item: WarningStackItem) => void;\n  /** Accessible label for the region when `title` is not set. */\n  ariaLabel?: string;\n  /** Optional node rendered when the stack has zero items. */\n  emptyState?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nexport const WarningStack = forwardRef<HTMLDivElement, WarningStackProps>(\n  (\n    {\n      items,\n      title,\n      description,\n      maxVisible,\n      defaultCollapsed = true,\n      onDismiss,\n      size = 'md',\n      stretch = false,\n      ariaLabel,\n      emptyState,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const labelId = useId();\n    const listId = useId();\n\n    const overflow = maxVisible !== undefined && items.length > maxVisible;\n    const [collapsed, setCollapsed] = useState(defaultCollapsed);\n\n    // Live-region announces the count when items change.\n    const liveRef = useRef<HTMLDivElement>(null);\n    const lastCountRef = useRef<number>(items.length);\n\n    useEffect(() => {\n      if (!liveRef.current) return;\n      const prev = lastCountRef.current;\n      const next = items.length;\n      if (prev !== next) {\n        liveRef.current.textContent = t('ui.warningStack.countChanged', {\n          count: next,\n          defaultValue: '{{count}} warnings to review',\n        });\n      }\n      lastCountRef.current = next;\n    }, [items.length, t]);\n\n    const visible = useMemo(() => {\n      if (!overflow || !collapsed) return items;\n      return items.slice(0, maxVisible);\n    }, [items, overflow, collapsed, maxVisible]);\n\n    const hiddenCount = overflow ? items.length - (maxVisible ?? 0) : 0;\n\n    const handleDismiss = useCallback(\n      (item: WarningStackItem) => (open: boolean) => {\n        if (!open) onDismiss?.(item);\n      },\n      [onDismiss],\n    );\n\n    const toggle = useCallback(() => setCollapsed((c) => !c), []);\n\n    const regionLabel = ariaLabel ?? t('ui.warningStack.regionLabel', 'Warnings');\n\n    // Title block: a visible header when `title` is provided; otherwise a\n    // visually hidden heading so the region still has a programmatic name.\n    // A `<div>` rather than `<header>` wrapper keeps the `<header>` element's\n    // implicit banner role from leaking out of the region.\n    const header = title ? (\n      <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-3xs)]\">\n        <h2\n          id={labelId}\n          className=\"ds:text-start type-title-section ds:text-[var(--foreground)]\"\n        >\n          {title}\n        </h2>\n        {description ? (\n          <p className=\"ds:text-start type-body-sm ds:text-[var(--muted-foreground)]\">\n            {description}\n          </p>\n        ) : null}\n      </div>\n    ) : (\n      <h2 id={labelId} className=\"ds:sr-only\">\n        {regionLabel}\n      </h2>\n    );\n\n    if (items.length === 0) {\n      if (!emptyState) return null;\n      return (\n        <section\n          ref={ref}\n          role=\"region\"\n          aria-labelledby={labelId}\n          className={[stackVariants({ size, stretch }), className].filter(Boolean).join(' ')}\n          {...rest}\n        >\n          {header}\n          {emptyState}\n        </section>\n      );\n    }\n\n    return (\n      <section\n        ref={ref}\n        role=\"region\"\n        aria-labelledby={labelId}\n        className={[stackVariants({ size, stretch }), className].filter(Boolean).join(' ')}\n        {...rest}\n      >\n        {header}\n        <div\n          ref={liveRef}\n          aria-live=\"polite\"\n          aria-atomic=\"true\"\n          className=\"ds:sr-only\"\n        />\n        <ul\n          id={listId}\n          className={listVariants({ size })}\n          aria-label={t('ui.warningStack.listLabel', 'Warning list')}\n        >\n          {visible.map((item) => {\n            const variant = item.variant ?? 'warning';\n            return (\n              <li key={item.id}>\n                <Alert\n                  variant={variant}\n                  dismissible={item.dismissible}\n                  icon={item.icon}\n                  onOpenChange={handleDismiss(item)}\n                >\n                  {/* `as=\"h3\"` keeps a clean heading ladder — the stack's\n                      h2 labels the region, then each item's h3 rises from it. */}\n                  <Alert.Title as=\"h3\">{item.title}</Alert.Title>\n                  {item.description ? (\n                    <Alert.Description>{item.description}</Alert.Description>\n                  ) : null}\n                  {item.actions ? <Alert.Action>{item.actions}</Alert.Action> : null}\n                </Alert>\n              </li>\n            );\n          })}\n        </ul>\n\n        {overflow ? (\n          <Button\n            type=\"button\"\n            intent=\"link\"\n            size=\"sm\"\n            aria-expanded={!collapsed}\n            aria-controls={listId}\n            onClick={toggle}\n            className={TOGGLE_CLASSES}\n          >\n            <ChevronDown\n              aria-hidden=\"true\"\n              className={[\n                'ds:size-4 ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n                collapsed ? '' : 'ds:rotate-180',\n              ].join(' ')}\n            />\n            {collapsed\n              ? t('ui.warningStack.showMore', {\n                  count: hiddenCount,\n                  defaultValue: 'Show {{count}} more warnings',\n                })\n              : t('ui.warningStack.showLess', 'Show less')}\n          </Button>\n        ) : null}\n      </section>\n    );\n  },\n);\n\nWarningStack.displayName = 'WarningStack';\n"],"names":["stackVariants","cva","listVariants","TOGGLE_CLASSES","WarningStack","forwardRef","items","title","description","maxVisible","defaultCollapsed","onDismiss","size","stretch","ariaLabel","emptyState","className","rest","ref","t","useTranslation","labelId","useId","listId","overflow","collapsed","setCollapsed","useState","liveRef","useRef","lastCountRef","useEffect","prev","next","visible","useMemo","hiddenCount","handleDismiss","useCallback","item","open","toggle","c","regionLabel","header","jsxs","jsx","variant","Alert","Button","ChevronDown"],"mappings":"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"}