@alfadocs/ui-kit 0.0.20 → 0.1.1

package/dist/_chunks/button-DmiGFnNA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-DmiGFnNA.js","sources":["../../src/components/button/button.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, useEffect } from 'react';\nimport { Slot, Slottable } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst buttonVariants = cva(\n  // `forced-colors:*` — under Windows High Contrast Mode the OS strips our\n  // bg/text tokens, so `ghost` / `outline` / `link` would lose their shape.\n  // We repaint a `ButtonBorder` edge + swap the focus ring to `CanvasText`\n  // so the control and its focused state both survive HCM.\n  'ds:inline-flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)] ds:font-medium ds:transition-colors ds:rounded-[var(--radius-md)] 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:forced-colors:border ds:forced-colors:border-[ButtonBorder] ds:forced-colors:focus-visible:outline-[CanvasText] ds:disabled:opacity-50 ds:disabled:cursor-not-allowed ds:aria-disabled:opacity-50 ds:aria-disabled:cursor-not-allowed ds:aria-busy:cursor-wait ds:relative',\n  {\n    variants: {\n      intent: {\n        primary:\n          'ds:bg-primary ds:text-primary-foreground ds:hover:bg-primary-hover ds:active:opacity-90 ds:shadow-sm',\n        secondary:\n          'ds:bg-secondary ds:text-secondary-foreground ds:hover:bg-secondary-hover ds:active:opacity-90',\n        outline:\n          'ds:bg-transparent ds:text-foreground ds:border ds:border-border ds:hover:bg-muted/10 ds:active:bg-muted/20',\n        ghost:\n          'ds:bg-transparent ds:text-foreground ds:hover:bg-muted/10 ds:active:bg-muted/20',\n        destructive:\n          'ds:bg-destructive ds:text-destructive-foreground ds:hover:bg-destructive-hover ds:active:opacity-90 ds:shadow-sm',\n        link: 'ds:bg-transparent ds:text-primary ds:underline-offset-4 ds:hover:underline ds:active:opacity-80 ds:p-0 ds:h-auto ds:rounded-none',\n        // `tonal` is a container-contextual intent. The button carries a\n        // `data-intent=\"tonal\"` hook + baseline chrome (hover/active/shadow).\n        // The ambient container (e.g. `Alert`) paints the colour via a\n        // descendant selector — `[&_[data-intent=tonal]]:bg-…` — so the\n        // button picks up the surrounding tint (amber on `warning`, red on\n        // `error`, etc.). Outside such a container the button falls back to\n        // the primary palette so a loose `<Button intent=\"tonal\">` is never\n        // invisible.\n        tonal:\n          'ds:bg-primary ds:text-primary-foreground ds:hover:opacity-90 ds:active:opacity-80 ds:shadow-sm',\n      },\n      size: {\n        sm: 'ds:h-8 ds:ps-3 ds:pe-3 ds:text-[var(--font-size-sm)] ds:min-h-[var(--min-target-size)] ds:sm:min-h-0 ds:before:absolute ds:before:inset-x-[calc((var(--min-target-size)-100%)/-2)] ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[\"\"] ds:sm:before:hidden',\n        md: 'ds:h-10 ds:ps-4 ds:pe-4 ds:text-[var(--font-size-base)]',\n        lg: 'ds:h-12 ds:ps-6 ds:pe-6 ds:text-[var(--font-size-lg)]',\n      },\n    },\n    defaultVariants: {\n      intent: 'primary',\n      size: 'md',\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n  loading?: boolean;\n  startIcon?: React.ReactNode;\n  endIcon?: React.ReactNode;\n  /**\n   * Mirror directional icons (arrows, chevrons) horizontally when the\n   * interface renders in RTL. Default `false` — most icons (trash, calendar,\n   * plus) must NOT flip. Opt in per call-site for arrow / chevron glyphs.\n   */\n  flipIconInRtl?: boolean;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      intent,\n      size,\n      className,\n      asChild = false,\n      loading = false,\n      startIcon,\n      endIcon,\n      flipIconInRtl = false,\n      disabled,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const Comp = asChild ? Slot : 'button';\n    const isIconButton = !children && (startIcon || endIcon);\n\n    const ariaLabel = props['aria-label'];\n    useEffect(() => {\n      if (import.meta.env.DEV && isIconButton && !ariaLabel) {\n        console.warn(\n          'Button: Use IconButton for icon-only triggers to ensure accessibility and proper square sizing.',\n        );\n      }\n    }, [isIconButton, ariaLabel]);\n\n    const iconSize = size === 'sm' ? 16 : size === 'lg' ? 20 : 18;\n    const iconSizeClass =\n      size === 'sm' ? 'size-4' : size === 'lg' ? 'size-5' : 'size-[18px]';\n    const iconFlipClass = flipIconInRtl ? 'rtl:rotate-180' : '';\n\n    return (\n      <Comp\n        ref={ref}\n        className={buttonVariants({ intent, size, className })}\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n        data-component=\"button\"\n        data-intent={intent ?? undefined}\n        {...props}\n      >\n        {loading && (\n          <svg\n            aria-hidden=\"true\"\n            className=\"ds:animate-spin\"\n            width={iconSize}\n            height={iconSize}\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n          >\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeOpacity=\"0.25\" strokeWidth=\"3\" />\n            <path\n              d=\"M22 12a10 10 0 0 1-10 10\"\n              stroke=\"currentColor\"\n              strokeWidth=\"3\"\n              strokeLinecap=\"round\"\n            />\n          </svg>\n        )}\n        {!loading && startIcon && (\n          <span\n            aria-hidden=\"true\"\n            className={`ds:inline-flex ds:items-center ${iconSizeClass} ${iconFlipClass}`.trim()}\n          >\n            {startIcon}\n          </span>\n        )}\n        {asChild ? (\n          <Slottable>{children}</Slottable>\n        ) : (\n          <span className={loading ? 'ds:sr-only' : 'ds:inline-flex'}>{children}</span>\n        )}\n        {!loading && endIcon && (\n          <span\n            aria-hidden=\"true\"\n            className={`ds:inline-flex ds:items-center ${iconSizeClass} ${iconFlipClass}`.trim()}\n          >\n            {endIcon}\n          </span>\n        )}\n      </Comp>\n    );\n  },\n);\n\nButton.displayName = 'Button';\n"],"names":["buttonVariants","cva","Button","forwardRef","intent","size","className","asChild","loading","startIcon","endIcon","flipIconInRtl","disabled","children","props","ref","Comp","Slot","isIconButton","ariaLabel","useEffect","iconSize","iconSizeClass","iconFlipClass","jsxs","jsx","Slottable"],"mappings":"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"}

package/dist/_chunks/{button-group-CI7LFxt3.js → button-group-BtTHSyU0.js}

@@ -3,21 +3,21 @@ import { forwardRef as K, useRef as R, useState as g, useLayoutEffect as T, useC
 import { c as S } from "./index-D2ZczOXr.js";
 import { useTranslation as H } from "react-i18next";
 const M = S(
-  "inline-flex isolate [&>*]:relative [&>*:focus-visible]:z-10",
+  "ds:inline-flex ds:isolate ds:[&>*]:relative ds:[&>*:focus-visible]:z-10",
   {
     variants: {
       orientation: {
         horizontal: [
-          "flex-row",
-          "[&>*:not(:first-child)]:rounded-s-none",
-          "[&>*:not(:last-child)]:rounded-e-none",
-          "[&>*:not(:first-child)]:-ms-px"
+          "ds:flex-row",
+          "ds:[&>*:not(:first-child)]:rounded-s-none",
+          "ds:[&>*:not(:last-child)]:rounded-e-none",
+          "ds:[&>*:not(:first-child)]:-ms-px"
         ].join(" "),
         vertical: [
-          "flex-col",
-          "[&>*:not(:first-child)]:rounded-t-none",
-          "[&>*:not(:last-child)]:rounded-b-none",
-          "[&>*:not(:first-child)]:-mt-px"
+          "ds:flex-col",
+          "ds:[&>*:not(:first-child)]:rounded-t-none",
+          "ds:[&>*:not(:last-child)]:rounded-b-none",
+          "ds:[&>*:not(:first-child)]:-mt-px"
         ].join(" ")
       },
       separator: {
@@ -29,12 +29,12 @@ const M = S(
       {
         orientation: "horizontal",
         separator: !0,
-        class: "[&>*:not(:last-child)]:border-e [&>*:not(:last-child)]:border-border"
+        class: "ds:[&>*:not(:last-child)]:border-e ds:[&>*:not(:last-child)]:border-border"
       },
       {
         orientation: "vertical",
         separator: !0,
-        class: "[&>*:not(:last-child)]:border-b [&>*:not(:last-child)]:border-border"
+        class: "ds:[&>*:not(:last-child)]:border-b ds:[&>*:not(:last-child)]:border-border"
       }
     ],
     defaultVariants: {
@@ -53,7 +53,7 @@ const M = S(
     children: z,
     ...E
   }, a) => {
-    const { t: L } = H(), j = A ?? L("ui.buttonGroup.label", "Button group"), c = p, u = R([]), [f, h] = g(0), w = R(null), [b, B] = g(!1);
+    const { t: L } = H(), j = A ?? L("ui.buttonGroup.label", "Button group"), c = p, d = R([]), [u, h] = g(0), w = R(null), [b, B] = g(!1);
     T(() => {
       if (typeof window > "u") return;
       const t = w.current;
@@ -63,36 +63,36 @@ const M = S(
       (t) => {
         var y;
         if (!c) return;
-        const e = u.current.filter(Boolean).length;
+        const e = d.current.filter(Boolean).length;
         if (e === 0) return;
-        const s = l === "vertical" ? "ArrowDown" : b ? "ArrowLeft" : "ArrowRight", d = l === "vertical" ? "ArrowUp" : b ? "ArrowRight" : "ArrowLeft";
+        const s = l === "vertical" ? "ArrowDown" : b ? "ArrowLeft" : "ArrowRight", f = l === "vertical" ? "ArrowUp" : b ? "ArrowRight" : "ArrowLeft";
         let n = null;
-        if (t.key === s ? n = (f + 1) % e : t.key === d ? n = (f - 1 + e) % e : t.key === "Home" ? n = 0 : t.key === "End" && (n = e - 1), n === null) return;
+        if (t.key === s ? n = (u + 1) % e : t.key === f ? n = (u - 1 + e) % e : t.key === "Home" ? n = 0 : t.key === "End" && (n = e - 1), n === null) return;
         const i = e;
         let o = 0, r = n;
         for (; o < i; ) {
-          const m = u.current[r];
+          const m = d.current[r];
           if (m && m.getAttribute("aria-disabled") !== "true" && !m.disabled)
             break;
-          r = t.key === d || t.key === "End" ? (r - 1 + e) % e : (r + 1) % e, o += 1;
+          r = t.key === f || t.key === "End" ? (r - 1 + e) % e : (r + 1) % e, o += 1;
         }
-        t.preventDefault(), h(r), (y = u.current[r]) == null || y.focus();
+        t.preventDefault(), h(r), (y = d.current[r]) == null || y.focus();
       },
-      [c, l, b, f]
+      [c, l, b, u]
     ), D = C.map(z, (t, e) => {
       if (!F(t)) return t;
-      const s = t, d = (i) => {
-        u.current[e] = i;
+      const s = t, f = (i) => {
+        d.current[e] = i;
         const o = s.ref;
         typeof o == "function" ? o(i) : o != null && typeof o == "object" && (o.current = i);
       }, n = {
         intent: s.props.intent ?? v,
-        tabIndex: c ? e === f ? 0 : -1 : s.props.tabIndex,
+        tabIndex: c ? e === u ? 0 : -1 : s.props.tabIndex,
         onFocus: (i) => {
           var o, r;
           c && h(e), (r = (o = s.props).onFocus) == null || r.call(o, i);
         },
-        ref: d
+        ref: f
       };
       return N(s, n);
     });
@@ -117,4 +117,4 @@ U.displayName = "ButtonGroup";
 export {
   U as B
 };
-//# sourceMappingURL=button-group-CI7LFxt3.js.map
+//# sourceMappingURL=button-group-BtTHSyU0.js.map

package/dist/_chunks/button-group-BtTHSyU0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group-BtTHSyU0.js","sources":["../../src/components/button-group/button-group.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactElement,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport type { ButtonProps } from '../button/button';\n\ntype ButtonIntent = NonNullable<ButtonProps['intent']>;\n\nconst buttonGroupVariants = cva(\n  'ds:inline-flex ds:isolate ds:[&>*]:relative ds:[&>*:focus-visible]:z-10',\n  {\n    variants: {\n      orientation: {\n        horizontal: [\n          'ds:flex-row',\n          'ds:[&>*:not(:first-child)]:rounded-s-none',\n          'ds:[&>*:not(:last-child)]:rounded-e-none',\n          'ds:[&>*:not(:first-child)]:-ms-px',\n        ].join(' '),\n        vertical: [\n          'ds:flex-col',\n          'ds:[&>*:not(:first-child)]:rounded-t-none',\n          'ds:[&>*:not(:last-child)]:rounded-b-none',\n          'ds:[&>*:not(:first-child)]:-mt-px',\n        ].join(' '),\n      },\n      separator: {\n        true: '',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      {\n        orientation: 'horizontal',\n        separator: true,\n        class:\n          'ds:[&>*:not(:last-child)]:border-e ds:[&>*:not(:last-child)]:border-border',\n      },\n      {\n        orientation: 'vertical',\n        separator: true,\n        class:\n          'ds:[&>*:not(:last-child)]:border-b ds:[&>*:not(:last-child)]:border-border',\n      },\n    ],\n    defaultVariants: {\n      orientation: 'horizontal',\n      separator: false,\n    },\n  },\n);\n\nexport interface ButtonGroupProps\n  extends HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof buttonGroupVariants> {\n  /**\n   * Accessible label for the group. Falls back to the translated\n   * `ui.buttonGroup.label` string when not provided.\n   */\n  label?: string;\n  /**\n   * When the children are interactive toolbar-style controls (e.g. toggles),\n   * set this to render `role=\"toolbar\"` instead of `role=\"group\"`.\n   */\n  toolbar?: boolean;\n  /**\n   * Intent applied to every Button / IconButton child that does not set\n   * its own `intent`. Defaults to `outline` — grouped buttons are peers,\n   * not three solid-primary CTAs.\n   */\n  intent?: ButtonIntent;\n}\n\nexport const ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>(\n  (\n    {\n      className,\n      orientation = 'horizontal',\n      separator = false,\n      toolbar = false,\n      intent = 'outline',\n      label,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const accessibleLabel = label ?? t('ui.buttonGroup.label', 'Button group');\n\n    // Roving tabindex — required by the WAI-ARIA toolbar pattern.\n    // When `toolbar` is true, one child owns `tabIndex=0` and the rest are\n    // `-1`. Arrow keys / Home / End move focus between children, respecting\n    // orientation and RTL. Plain `group` mode keeps every child natively\n    // tabbable.\n    const rovingTabindex = toolbar;\n    const buttonsRef = useRef<Array<HTMLButtonElement | null>>([]);\n    const [focusIndex, setFocusIndex] = useState(0);\n\n    const rootRef = useRef<HTMLDivElement | null>(null);\n    const [isRTL, setIsRTL] = useState(false);\n    useLayoutEffect(() => {\n      if (typeof window === 'undefined') return;\n      const node = rootRef.current;\n      if (!node) return;\n      setIsRTL(window.getComputedStyle(node).direction === 'rtl');\n    }, []);\n\n    const handleRootKeyDown = useCallback(\n      (event: ReactKeyboardEvent<HTMLDivElement>) => {\n        if (!rovingTabindex) return;\n        const count = buttonsRef.current.filter(Boolean).length;\n        if (count === 0) return;\n\n        const forwardKey =\n          orientation === 'vertical'\n            ? 'ArrowDown'\n            : isRTL\n              ? 'ArrowLeft'\n              : 'ArrowRight';\n        const backwardKey =\n          orientation === 'vertical'\n            ? 'ArrowUp'\n            : isRTL\n              ? 'ArrowRight'\n              : 'ArrowLeft';\n\n        let next: number | null = null;\n        if (event.key === forwardKey) next = (focusIndex + 1) % count;\n        else if (event.key === backwardKey)\n          next = (focusIndex - 1 + count) % count;\n        else if (event.key === 'Home') next = 0;\n        else if (event.key === 'End') next = count - 1;\n        if (next === null) return;\n\n        // Skip over disabled children.\n        const maxAttempts = count;\n        let attempts = 0;\n        let candidate = next;\n        while (attempts < maxAttempts) {\n          const el = buttonsRef.current[candidate];\n          if (el && el.getAttribute('aria-disabled') !== 'true' && !el.disabled) {\n            break;\n          }\n          candidate =\n            event.key === backwardKey || event.key === 'End'\n              ? (candidate - 1 + count) % count\n              : (candidate + 1) % count;\n          attempts += 1;\n        }\n        event.preventDefault();\n        setFocusIndex(candidate);\n        buttonsRef.current[candidate]?.focus();\n      },\n      [rovingTabindex, orientation, isRTL, focusIndex],\n    );\n\n    const enhanced = Children.map(children, (child, index) => {\n      if (!isValidElement(child)) return child;\n      const childEl = child as ReactElement<{\n        intent?: ButtonIntent;\n        tabIndex?: number;\n        onFocus?: React.FocusEventHandler<HTMLButtonElement>;\n        ref?: React.Ref<HTMLButtonElement>;\n      }>;\n\n      const setMergedRef = (node: HTMLButtonElement | null) => {\n        buttonsRef.current[index] = node;\n        const originalRef = (\n          childEl as unknown as { ref?: React.Ref<HTMLButtonElement> }\n        ).ref;\n        if (typeof originalRef === 'function') originalRef(node);\n        else if (\n          originalRef !== null &&\n          originalRef !== undefined &&\n          typeof originalRef === 'object'\n        ) {\n          (\n            originalRef as React.MutableRefObject<HTMLButtonElement | null>\n          ).current = node;\n        }\n      };\n\n      const overrides = {\n        intent: childEl.props.intent ?? intent,\n        tabIndex: rovingTabindex\n          ? index === focusIndex\n            ? 0\n            : -1\n          : childEl.props.tabIndex,\n        onFocus: (ev: React.FocusEvent<HTMLButtonElement>) => {\n          if (rovingTabindex) setFocusIndex(index);\n          childEl.props.onFocus?.(ev);\n        },\n        ref: setMergedRef,\n      } as unknown as Partial<{ intent?: ButtonIntent }>;\n\n      return cloneElement(childEl, overrides);\n    });\n\n    const mergedRootRef = (node: HTMLDivElement | null) => {\n      rootRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref && typeof ref === 'object') {\n        (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      }\n    };\n\n    return (\n      <div\n        ref={mergedRootRef}\n        role={toolbar ? 'toolbar' : 'group'}\n        aria-label={accessibleLabel}\n        aria-orientation={toolbar ? (orientation ?? 'horizontal') : undefined}\n        onKeyDown={handleRootKeyDown}\n        className={buttonGroupVariants({ orientation, separator, className })}\n        {...props}\n      >\n        {enhanced}\n      </div>\n    );\n  },\n);\n\nButtonGroup.displayName = 'ButtonGroup';\n"],"names":["buttonGroupVariants","cva","ButtonGroup","forwardRef","className","orientation","separator","toolbar","intent","label","children","props","ref","t","useTranslation","accessibleLabel","rovingTabindex","buttonsRef","useRef","focusIndex","setFocusIndex","useState","rootRef","isRTL","setIsRTL","useLayoutEffect","node","handleRootKeyDown","useCallback","event","count","forwardKey","backwardKey","next","maxAttempts","attempts","candidate","el","_a","enhanced","Children","child","index","isValidElement","childEl","setMergedRef","originalRef","overrides","ev","_b","cloneElement","jsx"],"mappings":"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"}