@etus/ui 0.4.0-beta.2 → 0.4.0-beta.4

package/dist/chunk-ONQCNOLU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/Button/Button.tsx"],"names":[],"mappings":"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","file":"chunk-ONQCNOLU.js","sourcesContent":["import type { ButtonEventPayload, ButtonProps } from \"./Button.types\"\n\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva } from \"class-variance-authority\"\nimport { LoaderCircle } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../../feedback/Tooltip\"\nimport { Badge } from \"../Badge/Badge\"\nimport { useButtonGroup } from \"../ButtonGroup/ButtonGroup\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center whitespace-nowrap rounded-[var(--button-radius-default)] font-medium transition-all duration-[var(--button-transition-duration)] ease-[var(--ease-default)] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-4 focus-visible:ring-button-ring-brand focus-visible:z-10 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive relative\",\n  {\n    variants: {\n      fullWidth: {\n        true: \"flex w-full\",\n        false: \"\",\n      },\n      variant: {\n        default:\n          \"bg-[color:var(--button-primary-bg-default)] text-[color:var(--button-primary-fg-default)] border border-[color:var(--button-primary-border-default)] shadow-[var(--button-shadow-default)] hover:bg-[color:var(--button-primary-bg-hover)] hover:border-[color:var(--button-primary-border-hover)] disabled:bg-[color:var(--button-disabled-bg)] disabled:border-[color:var(--button-disabled-border)] disabled:text-[color:var(--button-disabled-fg)] disabled:opacity-100 hover:translate-y-px active:translate-y-0.5\",\n        primary:\n          \"bg-[color:var(--button-primary-bg-default)] text-[color:var(--button-primary-fg-default)] border border-[color:var(--button-primary-border-default)] shadow-[var(--button-shadow-default)] hover:bg-[color:var(--button-primary-bg-hover)] hover:border-[color:var(--button-primary-border-hover)] disabled:bg-[color:var(--button-disabled-bg)] disabled:border-[color:var(--button-disabled-border)] disabled:text-[color:var(--button-disabled-fg)] disabled:opacity-100 hover:translate-y-px active:translate-y-0.5\",\n        destructive:\n          \"bg-[color:var(--button-destructive-bg-default)] text-[color:var(--button-destructive-fg-default)] hover:bg-[color:var(--button-destructive-bg-hover)] focus-visible:ring-4 focus-visible:ring-[color:var(--button-ring-destructive)] dark:bg-destructive/60 hover:translate-y-px active:translate-y-0.5\",\n        outline:\n          \"border border-input bg-background shadow-[var(--button-shadow-xs)] hover:bg-accent hover:text-accent-foreground focus-visible:border-ring dark:bg-input/30 dark:border-input dark:hover:bg-input/50 hover:translate-y-px active:translate-y-0.5\",\n        dashed:\n          \"border border-dashed border-input bg-background shadow-[var(--button-shadow-xs)] hover:bg-accent hover:text-accent-foreground focus-visible:border-ring dark:bg-input/30 dark:border-input dark:hover:bg-input/50 hover:translate-y-px active:translate-y-0.5\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80 hover:translate-y-px active:translate-y-0.5\",\n        \"secondary-gray\":\n          \"bg-[color:var(--button-secondary-gray-bg-default)] text-[color:var(--button-secondary-gray-fg-default)] border border-[color:var(--button-secondary-gray-border-default)] shadow-[var(--button-shadow-xs)] hover:bg-[color:var(--button-secondary-gray-bg-hover)] hover:text-[color:var(--button-secondary-gray-fg-hover)] hover:border-[color:var(--button-secondary-gray-border-hover)] focus-visible:ring-4 focus-visible:ring-[color:var(--button-ring-gray)] disabled:bg-[color:var(--button-secondary-gray-bg-default)] disabled:border-[color:var(--button-disabled-border)] disabled:text-[color:var(--button-disabled-fg)] disabled:opacity-100 hover:translate-y-px active:translate-y-0.5\",\n        \"secondary-color\":\n          \"bg-[color:var(--button-secondary-color-bg-default)] text-[color:var(--button-secondary-color-fg-default)] border border-[color:var(--button-secondary-color-border-default)] shadow-[var(--button-shadow-xs)] hover:bg-[color:var(--button-secondary-color-bg-hover)] hover:text-[color:var(--button-secondary-color-fg-hover)] hover:border-[color:var(--button-secondary-color-border-hover)] focus-visible:ring-4 focus-visible:ring-[color:var(--button-ring-brand)] disabled:bg-[color:var(--button-secondary-color-bg-default)] disabled:border-[color:var(--button-disabled-border)] disabled:text-[color:var(--button-disabled-fg)] disabled:opacity-100 hover:translate-y-px active:translate-y-0.5\",\n        ghost:\n          \"text-[color:var(--button-ghost-fg-default)] hover:bg-[color:var(--button-ghost-bg-hover)] hover:text-[color:var(--button-ghost-fg-hover)] dark:hover:bg-accent/50 hover:translate-y-px active:translate-y-0.5\",\n        link: \"text-shadow-button underline-offset-4 hover:underline focus-visible:underline\",\n        \"link-gray\":\n          \"text-[color:var(--button-link-gray-fg-default)] hover:text-[color:var(--button-link-gray-fg-hover)] disabled:text-[color:var(--button-disabled-fg)] disabled:opacity-100 focus-visible:ring-0\",\n        \"link-color\":\n          \"text-[color:var(--button-link-color-fg-default)] hover:text-[color:var(--button-link-color-fg-hover)] disabled:text-[color:var(--button-disabled-fg)] disabled:opacity-100 focus-visible:ring-0\",\n        \"tertiary-gray\":\n          \"text-[color:var(--button-tertiary-gray-fg-default)] hover:text-[color:var(--button-tertiary-gray-fg-hover)] hover:bg-[color:var(--button-tertiary-gray-bg-hover)] disabled:text-[color:var(--button-disabled-fg)] disabled:opacity-100 focus-visible:ring-0 hover:translate-y-px active:translate-y-0.5\",\n        \"tertiary-color\":\n          \"text-[color:var(--button-tertiary-color-fg-default)] hover:text-[color:var(--button-tertiary-color-fg-hover)] hover:bg-[color:var(--button-tertiary-color-bg-hover)] disabled:text-[color:var(--button-disabled-fg)] disabled:opacity-100 focus-visible:ring-0 hover:translate-y-px active:translate-y-0.5\",\n        success:\n          \"bg-success text-success-foreground hover:bg-success/90 focus-visible:ring-4 focus-visible:ring-[color:var(--button-ring-success)] hover:translate-y-px active:translate-y-0.5\",\n        warning:\n          \"bg-warning text-warning-foreground hover:bg-warning/90 focus-visible:ring-4 focus-visible:ring-[color:var(--button-ring-warning)] hover:translate-y-px active:translate-y-0.5\",\n        unstyled: \"bg-transparent text-current border-0 p-0 h-auto rounded-none hover:bg-transparent shadow-none w-auto\",\n      },\n      size: {\n        default: \"h-[var(--button-size-default-h)] px-[var(--button-size-default-px)] py-[var(--button-size-default-py)] text-[length:var(--button-size-default-text)] leading-[var(--button-size-default-leading)] gap-[var(--button-size-default-gap)]\",\n        sm: \"h-[var(--button-size-sm-h)] px-[var(--button-size-sm-px)] py-[var(--button-size-sm-py)] text-[length:var(--button-size-sm-text)] leading-[var(--button-size-sm-leading)] gap-[var(--button-size-sm-gap)]\",\n        lg: \"h-[var(--button-size-lg-h)] px-[var(--button-size-lg-px)] py-[var(--button-size-lg-py)] text-[length:var(--button-size-lg-text)] leading-[var(--button-size-lg-leading)] gap-[var(--button-size-lg-gap)]\",\n        icon: \"size-[var(--button-size-icon-size)] p-0 gap-0\",\n        \"icon-sm\": \"size-[var(--button-size-icon-sm-size)] p-0 gap-0\",\n      },\n      shape: {\n        default: \"\",\n        square: \"rounded-md\",\n        circle: \"rounded-full\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n      shape: \"default\",\n      fullWidth: false,\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant,\n  tone,\n  size,\n  shape,\n  fullWidth = false,\n  asChild = false,\n  badge,\n  badgeColor = \"destructive\",\n  badgeSize = \"sm\",\n  loading = false,\n  loadingText,\n  icon,\n  leftIcon,\n  rightIcon,\n  disabled,\n  children,\n  tooltip,\n  onClick,\n  onFocus,\n  onBlur,\n  onKeyDown,\n  \"data-id\": dataId,\n  ...props\n}: ButtonProps) {\n  const Comp = asChild ? Slot : \"button\"\n\n  // Get ButtonGroup context for prop inheritance\n  const groupContext = useButtonGroup()\n\n  // Merge props with group context (individual props take precedence)\n  const effectiveSize = size ?? groupContext?.size\n  const effectiveVariant = variant ?? groupContext?.buttonVariant\n  const effectiveDisabled = disabled ?? groupContext?.disabled\n\n  const isDisabled = effectiveDisabled ?? loading\n  // Resolve virtual variants (tertiary, secondary with tone, link with tone) to actual CVA variants\n  const resolvedVariant = (() => {\n    // Handle virtual \"tertiary\" variant - always resolves to tertiary-gray or tertiary-color\n    if (effectiveVariant === \"tertiary\") {\n      return tone === \"color\" ? \"tertiary-color\" : \"tertiary-gray\"\n    }\n    // Handle secondary with tone\n    if (effectiveVariant === \"secondary\" && tone) {\n      return tone === \"gray\" ? \"secondary-gray\" : \"secondary-color\"\n    }\n    // Handle link with tone\n    if (effectiveVariant === \"link\" && tone) {\n      return tone === \"gray\" ? \"link-gray\" : \"link-color\"\n    }\n    // Return variant as-is for all other cases\n    return effectiveVariant\n  })()\n\n  // Default to icon size if icon prop is provided and size is undefined\n  const defaultSize = icon && !effectiveSize ? \"icon\" : effectiveSize\n\n  // Create event payload for callbacks\n  const createPayload = React.useCallback((): ButtonEventPayload => ({\n    ...(dataId ? { id: dataId } : {}),\n    timestamp: Date.now(),\n    isLoading: loading,\n  }), [dataId, loading])\n\n  // Wrapped event handlers that emit ButtonEventPayload\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      if (isDisabled) {\n        event.preventDefault()\n        return\n      }\n      onClick?.(event, createPayload())\n    },\n    [onClick, createPayload, isDisabled]\n  )\n\n  const handleFocus = React.useCallback(\n    (event: React.FocusEvent<HTMLButtonElement>) => {\n      onFocus?.(event, createPayload())\n    },\n    [onFocus, createPayload]\n  )\n\n  const handleBlur = React.useCallback(\n    (event: React.FocusEvent<HTMLButtonElement>) => {\n      onBlur?.(event, createPayload())\n    },\n    [onBlur, createPayload]\n  )\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLButtonElement>) => {\n      onKeyDown?.(event, createPayload())\n    },\n    [onKeyDown, createPayload]\n  )\n\n  // Determine what to render as children\n  const renderContent = () => {\n    if (asChild) {\n      return children\n    }\n\n    if (loading) {\n      const spinner = (\n        <LoaderCircle\n          className={cn(\n            \"animate-spin\",\n            // Center absolutely if we are preserving width (no loadingText)\n            !loadingText && !defaultSize?.toString().startsWith(\"icon\") && \"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\"\n          )}\n          aria-hidden=\"true\"\n          data-slot=\"loading-icon\"\n          data-testid=\"loading-icon\"\n        />\n      )\n\n      if (defaultSize?.toString().startsWith(\"icon\")) {\n        return spinner\n      }\n\n      if (loadingText) {\n        return (\n          <>\n            {spinner}\n            {loadingText}\n          </>\n        )\n      }\n\n      // Preserve width by rendering hidden children\n      return (\n        <>\n          {spinner}\n          <span aria-hidden=\"true\" className=\"opacity-0 flex items-center gap-2\">\n            {leftIcon && (\n              <span aria-hidden=\"true\" data-slot=\"left-icon\">\n                {leftIcon}\n              </span>\n            )}\n            {children}\n            {rightIcon && (\n              <span aria-hidden=\"true\" data-slot=\"right-icon\">\n                {rightIcon}\n              </span>\n            )}\n          </span>\n        </>\n      )\n    }\n\n    if (icon) {\n      return (\n        <span aria-hidden=\"true\" data-slot=\"icon\">\n          {icon}\n        </span>\n      )\n    }\n\n    return (\n      <>\n        {leftIcon && (\n          <span aria-hidden=\"true\" data-slot=\"left-icon\">\n            {leftIcon}\n          </span>\n        )}\n        {children}\n        {rightIcon && (\n          <span aria-hidden=\"true\" data-slot=\"right-icon\">\n            {rightIcon}\n          </span>\n        )}\n      </>\n    )\n  }\n\n  const buttonElement = (\n    <Comp\n      className={cn(\n        buttonVariants({\n          variant: resolvedVariant,\n          size: defaultSize,\n          shape,\n          fullWidth,\n          className,\n        })\n      )}\n      aria-busy={loading || undefined}\n      aria-disabled={isDisabled || undefined}\n      data-id={dataId}\n      data-loading={loading || undefined}\n      data-slot=\"button\"\n      disabled={isDisabled}\n      onBlur={handleBlur}\n      onClick={handleClick}\n      onFocus={handleFocus}\n      onKeyDown={handleKeyDown}\n      {...props}\n      aria-label={loading && !loadingText ? \"Loading\" : props[\"aria-label\"]}\n    >\n      {/* When asChild=true, Slot requires exactly ONE child element */}\n      {asChild ? (\n        children\n      ) : (\n        <>\n          {renderContent()}\n          {badge !== undefined && (\n            <Badge\n              className=\"absolute -top-1.5 -right-1.5 min-w-5 h-5 px-1.5 text-xs pointer-events-none\"\n              color={badgeColor}\n              data-slot=\"button-badge\"\n              size={badgeSize}\n              type=\"pill-color\"\n            >\n              {badge}\n            </Badge>\n          )}\n        </>\n      )}\n    </Comp>\n  )\n\n  if (tooltip) {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>\n          {buttonElement}\n        </TooltipTrigger>\n        <TooltipContent>\n          {tooltip}\n        </TooltipContent>\n      </Tooltip>\n    )\n  }\n\n  return buttonElement\n}\n\nexport { Button, buttonVariants }\n"]}

package/dist/chunk-ONTUN5XH.js

@@ -0,0 +1,57 @@
+import { cva } from 'class-variance-authority';
+
+// src/components/forms/RadioGroup/RadioGroup.variants.ts
+var radioGroupVariants = cva("grid gap-3", {
+  variants: {
+    orientation: {
+      vertical: "grid-flow-row",
+      horizontal: "grid-flow-col auto-cols-max"
+    }
+  },
+  defaultVariants: {
+    orientation: "vertical"
+  }
+});
+var radioGroupItemVariants = cva(
+  [
+    "flex items-center justify-center",
+    "aspect-square shrink-0 rounded-full outline-none transition-[color,box-shadow]",
+    "border border-[color:var(--radio-root-border-default)] bg-[color:var(--radio-root-bg-default)] text-[color:var(--radio-indicator-color)] dark:bg-input/30",
+    "shadow-[var(--radio-root-shadow)]",
+    "data-[state=checked]:border-[color:var(--radio-root-border-checked)] data-[state=checked]:bg-[color:var(--radio-root-bg-checked)]",
+    "focus-visible:border-[color:var(--radio-root-border-default)] focus-visible:ring-[color:var(--radio-root-border-default)]/50 focus-visible:ring-[3px]",
+    "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+    "disabled:cursor-not-allowed disabled:bg-[color:var(--radio-root-bg-disabled)] disabled:opacity-50"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "size-[var(--radio-root-size-sm)]",
+        md: "size-[var(--radio-root-size-md)]",
+        lg: "size-[var(--radio-root-size-lg)]"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var radioGroupIndicatorVariants = cva(
+  "rounded-full bg-current",
+  {
+    variants: {
+      size: {
+        sm: "size-[var(--radio-indicator-size-sm)]",
+        md: "size-[var(--radio-indicator-size-md)]",
+        lg: "size-[var(--radio-indicator-size-lg)]"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+
+export { radioGroupIndicatorVariants, radioGroupItemVariants, radioGroupVariants };
+//# sourceMappingURL=chunk-ONTUN5XH.js.map
+//# sourceMappingURL=chunk-ONTUN5XH.js.map

package/dist/chunk-ONTUN5XH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/forms/RadioGroup/RadioGroup.variants.ts"],"names":[],"mappings":";;;AAEO,IAAM,kBAAA,GAAqB,IAAI,YAAA,EAAc;AAAA,EAClD,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,QAAA,EAAU,eAAA;AAAA,MACV,UAAA,EAAY;AAAA;AACd,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa;AAAA;AAEjB,CAAC;AAEM,IAAM,sBAAA,GAAyB,GAAA;AAAA,EACpC;AAAA,IACE,kCAAA;AAAA,IACA,gFAAA;AAAA,IACA,2JAAA;AAAA,IACA,mCAAA;AAAA,IACA,mIAAA;AAAA,IACA,uJAAA;AAAA,IACA,wGAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,kCAAA;AAAA,QACJ,EAAA,EAAI,kCAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAEO,IAAM,2BAAA,GAA8B,GAAA;AAAA,EACzC,yBAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,uCAAA;AAAA,QACJ,EAAA,EAAI,uCAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ","file":"chunk-ONTUN5XH.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\n\nexport const radioGroupVariants = cva(\"grid gap-3\", {\n  variants: {\n    orientation: {\n      vertical: \"grid-flow-row\",\n      horizontal: \"grid-flow-col auto-cols-max\",\n    },\n  },\n  defaultVariants: {\n    orientation: \"vertical\",\n  },\n})\n\nexport const radioGroupItemVariants = cva(\n  [\n    \"flex items-center justify-center\",\n    \"aspect-square shrink-0 rounded-full outline-none transition-[color,box-shadow]\",\n    \"border border-[color:var(--radio-root-border-default)] bg-[color:var(--radio-root-bg-default)] text-[color:var(--radio-indicator-color)] dark:bg-input/30\",\n    \"shadow-[var(--radio-root-shadow)]\",\n    \"data-[state=checked]:border-[color:var(--radio-root-border-checked)] data-[state=checked]:bg-[color:var(--radio-root-bg-checked)]\",\n    \"focus-visible:border-[color:var(--radio-root-border-default)] focus-visible:ring-[color:var(--radio-root-border-default)]/50 focus-visible:ring-[3px]\",\n    \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n    \"disabled:cursor-not-allowed disabled:bg-[color:var(--radio-root-bg-disabled)] disabled:opacity-50\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"size-[var(--radio-root-size-sm)]\",\n        md: \"size-[var(--radio-root-size-md)]\",\n        lg: \"size-[var(--radio-root-size-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport const radioGroupIndicatorVariants = cva(\n  \"rounded-full bg-current\",\n  {\n    variants: {\n      size: {\n        sm: \"size-[var(--radio-indicator-size-sm)]\",\n        md: \"size-[var(--radio-indicator-size-md)]\",\n        lg: \"size-[var(--radio-indicator-size-lg)]\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n)\n\nexport type RadioGroupVariantProps = VariantProps<typeof radioGroupVariants>\nexport type RadioGroupItemVariantProps = VariantProps<typeof radioGroupItemVariants>\nexport type RadioGroupIndicatorVariantProps = VariantProps<typeof radioGroupIndicatorVariants>\n"]}

package/dist/chunk-OQCGQG47.js

@@ -0,0 +1,83 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { FocusTrap as FocusTrap$1 } from 'focus-trap-react';
+import { useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function FocusTrap({
+  active = true,
+  allowOutsideClick = false,
+  children,
+  className,
+  clickOutsideDeactivates = false,
+  delayInitialFocus,
+  escapeDeactivates = false,
+  fallbackFocus,
+  focusTrapOptions,
+  initialFocus,
+  isKeyBackward,
+  isKeyForward,
+  onActivate,
+  onDeactivate,
+  onPostActivate,
+  onPostDeactivate,
+  paused = false,
+  preventScroll = false,
+  returnFocus = true,
+  setReturnFocus: _setReturnFocus,
+  ...props
+}) {
+  const getInitialFocus = useMemo(() => {
+    if (!initialFocus) {
+      return void 0;
+    }
+    if (typeof initialFocus === "string") {
+      return initialFocus;
+    }
+    if (typeof initialFocus === "function") {
+      return initialFocus;
+    }
+    return () => initialFocus.current ?? false;
+  }, [initialFocus]);
+  const trapOptions = useMemo(
+    () => ({
+      allowOutsideClick,
+      clickOutsideDeactivates,
+      delayInitialFocus,
+      escapeDeactivates,
+      fallbackFocus,
+      initialFocus: getInitialFocus,
+      ...isKeyBackward ? { isKeyBackward } : {},
+      ...isKeyForward ? { isKeyForward } : {},
+      onActivate,
+      onDeactivate,
+      onPostActivate,
+      onPostDeactivate,
+      preventScroll,
+      returnFocusOnDeactivate: typeof returnFocus === "boolean" ? returnFocus : true,
+      ...typeof returnFocus === "function" ? { setReturnFocus: returnFocus } : {},
+      ...focusTrapOptions
+    }),
+    [
+      allowOutsideClick,
+      clickOutsideDeactivates,
+      delayInitialFocus,
+      escapeDeactivates,
+      fallbackFocus,
+      focusTrapOptions,
+      getInitialFocus,
+      isKeyBackward,
+      isKeyForward,
+      onActivate,
+      onDeactivate,
+      onPostActivate,
+      onPostDeactivate,
+      preventScroll,
+      returnFocus
+    ]
+  );
+  return /* @__PURE__ */ jsx(FocusTrap$1, { active, focusTrapOptions: trapOptions, paused, children: /* @__PURE__ */ jsx("div", { className: cn(className), "data-slot": "focus-trap", ...props, children }) });
+}
+
+export { FocusTrap };
+//# sourceMappingURL=chunk-OQCGQG47.js.map
+//# sourceMappingURL=chunk-OQCGQG47.js.map

package/dist/chunk-OQCGQG47.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/FocusTrap/FocusTrap.tsx"],"names":["FocusTrapLib"],"mappings":";;;;;AA4BA,SAAS,SAAA,CAAU;AAAA,EACjB,MAAA,GAAS,IAAA;AAAA,EACT,iBAAA,GAAoB,KAAA;AAAA,EACpB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,uBAAA,GAA0B,KAAA;AAAA,EAC1B,iBAAA;AAAA,EACA,iBAAA,GAAoB,KAAA;AAAA,EACpB,aAAA;AAAA,EACA,gBAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,cAAA;AAAA,EACA,gBAAA;AAAA,EACA,MAAA,GAAS,KAAA;AAAA,EACT,aAAA,GAAgB,KAAA;AAAA,EAChB,WAAA,GAAc,IAAA;AAAA,EACd,cAAA,EAAgB,eAAA;AAAA,EAChB,GAAG;AACL,CAAA,EAAmB;AAEjB,EAAA,MAAM,eAAA,GAAkB,QAAQ,MAAwC;AACtE,IAAA,IAAI,CAAC,YAAA,EAAc;AACjB,MAAA,OAAO,MAAA;AAAA,IACT;AACA,IAAA,IAAI,OAAO,iBAAiB,QAAA,EAAU;AACpC,MAAA,OAAO,YAAA;AAAA,IACT;AACA,IAAA,IAAI,OAAO,iBAAiB,UAAA,EAAY;AACtC,MAAA,OAAO,YAAA;AAAA,IACT;AAEA,IAAA,OAAO,MAAM,aAAa,OAAA,IAAW,KAAA;AAAA,EACvC,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAKjB,EAAA,MAAM,WAAA,GAAc,OAAA;AAAA,IAClB,OAAyB;AAAA,MACvB,iBAAA;AAAA,MACA,uBAAA;AAAA,MACA,iBAAA;AAAA,MACA,iBAAA;AAAA,MACA,aAAA;AAAA,MACA,YAAA,EAAc,eAAA;AAAA,MACd,GAAI,aAAA,GAAgB,EAAE,aAAA,KAAkB,EAAC;AAAA,MACzC,GAAI,YAAA,GAAe,EAAE,YAAA,KAAiB,EAAC;AAAA,MACvC,UAAA;AAAA,MACA,YAAA;AAAA,MACA,cAAA;AAAA,MACA,gBAAA;AAAA,MACA,aAAA;AAAA,MACA,uBAAA,EAAyB,OAAO,WAAA,KAAgB,SAAA,GAAY,WAAA,GAAc,IAAA;AAAA,MAC1E,GAAI,OAAO,WAAA,KAAgB,UAAA,GAAa,EAAE,cAAA,EAAgB,WAAA,KAAgB,EAAC;AAAA,MAC3E,GAAG;AAAA,KACL,CAAA;AAAA,IACA;AAAA,MACE,iBAAA;AAAA,MACA,uBAAA;AAAA,MACA,iBAAA;AAAA,MACA,iBAAA;AAAA,MACA,aAAA;AAAA,MACA,gBAAA;AAAA,MACA,eAAA;AAAA,MACA,aAAA;AAAA,MACA,YAAA;AAAA,MACA,UAAA;AAAA,MACA,YAAA;AAAA,MACA,cAAA;AAAA,MACA,gBAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,2BACGA,WAAA,EAAA,EAAa,MAAA,EAAgB,gBAAA,EAAkB,WAAA,EAAa,QAC3D,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,SAAS,CAAA,EAAG,WAAA,EAAU,cAAc,GAAG,KAAA,EACvD,UACH,CAAA,EACF,CAAA;AAEJ","file":"chunk-OQCGQG47.js","sourcesContent":["\"use client\"\n\nimport type { FocusTrapProps } from \"./FocusTrap.types\"\nimport type { Options as FocusTrapOptions } from \"focus-trap\"\n\nimport { FocusTrap as FocusTrapLib } from \"focus-trap-react\"\nimport { useMemo } from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\n\n/**\n * FocusTrap component\n *\n * Confines keyboard navigation (Tab/Shift+Tab) within a container.\n * Essential for accessibility in modals, dialogs, and other interfaces\n * that require restricted focus to prevent users from \"escaping\" the\n * current context.\n *\n * @example\n * ```tsx\n * <FocusTrap active={isOpen} onDeactivate={() => setIsOpen(false)}>\n *   <div className=\"modal\">\n *     <input />\n *     <button>Submit</button>\n *   </div>\n * </FocusTrap>\n * ```\n */\nfunction FocusTrap({\n  active = true,\n  allowOutsideClick = false,\n  children,\n  className,\n  clickOutsideDeactivates = false,\n  delayInitialFocus,\n  escapeDeactivates = false,\n  fallbackFocus,\n  focusTrapOptions,\n  initialFocus,\n  isKeyBackward,\n  isKeyForward,\n  onActivate,\n  onDeactivate,\n  onPostActivate,\n  onPostDeactivate,\n  paused = false,\n  preventScroll = false,\n  returnFocus = true,\n  setReturnFocus: _setReturnFocus,\n  ...props\n}: FocusTrapProps) {\n  // Convert initialFocus to focus-trap format\n  const getInitialFocus = useMemo((): FocusTrapOptions[\"initialFocus\"] => {\n    if (!initialFocus) {\n      return undefined\n    }\n    if (typeof initialFocus === \"string\") {\n      return initialFocus\n    }\n    if (typeof initialFocus === \"function\") {\n      return initialFocus\n    }\n    // RefObject - return a function that gets the current element\n    return () => initialFocus.current ?? false\n  }, [initialFocus])\n\n  // Build focus-trap options\n  // Only include isKeyForward/isKeyBackward when defined — focus-trap library\n  // calls them as functions if the key exists in config, even when undefined.\n  const trapOptions = useMemo(\n    (): FocusTrapOptions => ({\n      allowOutsideClick,\n      clickOutsideDeactivates,\n      delayInitialFocus,\n      escapeDeactivates,\n      fallbackFocus,\n      initialFocus: getInitialFocus,\n      ...(isKeyBackward ? { isKeyBackward } : {}),\n      ...(isKeyForward ? { isKeyForward } : {}),\n      onActivate,\n      onDeactivate,\n      onPostActivate,\n      onPostDeactivate,\n      preventScroll,\n      returnFocusOnDeactivate: typeof returnFocus === \"boolean\" ? returnFocus : true,\n      ...(typeof returnFocus === \"function\" ? { setReturnFocus: returnFocus } : {}),\n      ...focusTrapOptions,\n    }),\n    [\n      allowOutsideClick,\n      clickOutsideDeactivates,\n      delayInitialFocus,\n      escapeDeactivates,\n      fallbackFocus,\n      focusTrapOptions,\n      getInitialFocus,\n      isKeyBackward,\n      isKeyForward,\n      onActivate,\n      onDeactivate,\n      onPostActivate,\n      onPostDeactivate,\n      preventScroll,\n      returnFocus,\n    ]\n  )\n\n  return (\n    <FocusTrapLib active={active} focusTrapOptions={trapOptions} paused={paused}>\n      <div className={cn(className)} data-slot=\"focus-trap\" {...props}>\n        {children}\n      </div>\n    </FocusTrapLib>\n  )\n}\n\nexport { FocusTrap }\n"]}

package/dist/chunk-OWIFNJXZ.js

@@ -0,0 +1,167 @@
+import { cn } from './chunk-HRNDJU7D.js';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var FULL_H = "h-full";
+var FULL_W = "w-full";
+var SHAPE_BAR_V = "bar-vertical";
+var SHAPE_BAR_H = "bar-horizontal";
+var statusIndicatorVariants = cva("shrink-0", {
+  variants: {
+    variant: {
+      success: "bg-[color:var(--status-indicator-dot-color-success)]",
+      warning: "bg-[color:var(--status-indicator-dot-color-warning)]",
+      error: "bg-[color:var(--status-indicator-dot-color-error)]",
+      destructive: "bg-[color:var(--status-indicator-dot-color-destructive)]",
+      info: "bg-[color:var(--status-indicator-dot-color-info)]",
+      neutral: "bg-[color:var(--status-indicator-dot-color-neutral)]"
+    },
+    shape: {
+      dot: "rounded-[var(--status-indicator-root-border-radius)]",
+      "bar-vertical": "rounded-xs",
+      "bar-horizontal": "rounded-xs"
+    },
+    size: {
+      xs: "",
+      sm: "",
+      default: "",
+      lg: "",
+      xl: "",
+      "2xl": ""
+    }
+  },
+  compoundVariants: [
+    // Dot — uses size for both dimensions
+    { shape: "dot", size: "xs", className: "size-[var(--status-indicator-dot-size-xs)]" },
+    { shape: "dot", size: "sm", className: "size-[var(--status-indicator-dot-size-sm)]" },
+    { shape: "dot", size: "default", className: "size-[var(--status-indicator-dot-size-default)]" },
+    { shape: "dot", size: "lg", className: "size-[var(--status-indicator-dot-size-lg)]" },
+    { shape: "dot", size: "xl", className: "size-[var(--status-indicator-dot-size-xl)]" },
+    { shape: "dot", size: "2xl", className: "size-[var(--status-indicator-dot-size-2xl)]" },
+    // Bar-vertical — width is secondary dim (size controls it); height 100% (FULL_H constant below)
+    { shape: SHAPE_BAR_V, size: "xs", className: `${FULL_H} w-px` },
+    { shape: SHAPE_BAR_V, size: "sm", className: `${FULL_H} w-[2px]` },
+    { shape: SHAPE_BAR_V, size: "default", className: `${FULL_H} w-[2px]` },
+    { shape: SHAPE_BAR_V, size: "lg", className: `${FULL_H} w-[3px]` },
+    { shape: SHAPE_BAR_V, size: "xl", className: `${FULL_H} w-[4px]` },
+    { shape: SHAPE_BAR_V, size: "2xl", className: `${FULL_H} w-[6px]` },
+    // Bar-horizontal — height is secondary dim; width 100% (FULL_W constant below)
+    { shape: SHAPE_BAR_H, size: "xs", className: `${FULL_W} h-px` },
+    { shape: SHAPE_BAR_H, size: "sm", className: `${FULL_W} h-[2px]` },
+    { shape: SHAPE_BAR_H, size: "default", className: `${FULL_W} h-[2px]` },
+    { shape: SHAPE_BAR_H, size: "lg", className: `${FULL_W} h-[3px]` },
+    { shape: SHAPE_BAR_H, size: "xl", className: `${FULL_W} h-[4px]` },
+    { shape: SHAPE_BAR_H, size: "2xl", className: `${FULL_W} h-[6px]` }
+  ],
+  defaultVariants: {
+    variant: "neutral",
+    shape: "dot",
+    size: "default"
+  }
+});
+function StatusIndicator({
+  className,
+  variant,
+  shape = "dot",
+  size,
+  pulse = false,
+  label,
+  labelPosition = "right",
+  "aria-label": ariaLabel,
+  ...props
+}) {
+  const defaultAriaLabel = `Status: ${variant ?? "neutral"}`;
+  const accessibleLabel = ariaLabel ?? (label ? void 0 : defaultAriaLabel);
+  const isBar = shape === "bar-vertical" || shape === "bar-horizontal";
+  const isProd = typeof process !== "undefined" && process.env["NODE_ENV"] === "production";
+  if (isBar && label && !isProd) {
+    console.warn(
+      `<StatusIndicator shape="${shape}"> ignores the \`label\` prop. Use shape="dot" to combine with label, or move the label to surrounding context.`
+    );
+  }
+  if (isBar) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          statusIndicatorVariants({ variant, shape, size }),
+          pulse && "animate-pulse",
+          className
+        ),
+        "aria-label": accessibleLabel,
+        "data-shape": shape,
+        "data-slot": "status-indicator",
+        "data-variant": variant ?? "neutral",
+        role: "status",
+        ...props
+      }
+    );
+  }
+  if (!label) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          statusIndicatorVariants({ variant, shape: "dot", size }),
+          pulse && "animate-pulse",
+          className
+        ),
+        "aria-label": accessibleLabel,
+        "data-shape": "dot",
+        "data-slot": "status-indicator",
+        "data-variant": variant ?? "neutral",
+        role: "status",
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "sr-only",
+            "data-slot": "status-indicator-dot",
+            children: variant ?? "neutral"
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "inline-flex shrink-0 items-center gap-[var(--status-indicator-label-gap)]",
+        labelPosition === "left" && "flex-row-reverse",
+        className
+      ),
+      "aria-label": accessibleLabel,
+      "data-shape": "dot",
+      "data-slot": "status-indicator",
+      "data-variant": variant ?? "neutral",
+      role: "status",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              statusIndicatorVariants({ variant, shape: "dot", size }),
+              pulse && "animate-pulse"
+            ),
+            "aria-hidden": "true",
+            "data-slot": "status-indicator-dot"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "text-[length:var(--status-indicator-label-font-size)] leading-normal text-[color:var(--status-indicator-label-color)]",
+            "data-slot": "status-indicator-label",
+            children: label
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { StatusIndicator, statusIndicatorVariants };
+//# sourceMappingURL=chunk-OWIFNJXZ.js.map
+//# sourceMappingURL=chunk-OWIFNJXZ.js.map

package/dist/chunk-OWIFNJXZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/StatusIndicator/StatusIndicator.tsx"],"names":[],"mappings":"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","file":"chunk-OWIFNJXZ.js","sourcesContent":["\"use client\"\n\nimport type { StatusIndicatorProps } from \"./StatusIndicator.types\"\n\nimport { cva } from \"class-variance-authority\"\n\nimport { cn } from \"../../../lib/utils\"\n\n// Extracted to satisfy sonarjs/no-duplicate-string — each appears multiple times in compoundVariants.\nconst FULL_H = \"h-full\"\nconst FULL_W = \"w-full\"\nconst SHAPE_BAR_V = \"bar-vertical\" as const\nconst SHAPE_BAR_H = \"bar-horizontal\" as const\n\nconst statusIndicatorVariants = cva(\"shrink-0\", {\n  variants: {\n    variant: {\n      success: \"bg-[color:var(--status-indicator-dot-color-success)]\",\n      warning: \"bg-[color:var(--status-indicator-dot-color-warning)]\",\n      error: \"bg-[color:var(--status-indicator-dot-color-error)]\",\n      destructive: \"bg-[color:var(--status-indicator-dot-color-destructive)]\",\n      info: \"bg-[color:var(--status-indicator-dot-color-info)]\",\n      neutral: \"bg-[color:var(--status-indicator-dot-color-neutral)]\",\n    },\n    shape: {\n      dot: \"rounded-[var(--status-indicator-root-border-radius)]\",\n      \"bar-vertical\": \"rounded-xs\",\n      \"bar-horizontal\": \"rounded-xs\",\n    },\n    size: {\n      xs: \"\",\n      sm: \"\",\n      default: \"\",\n      lg: \"\",\n      xl: \"\",\n      \"2xl\": \"\",\n    },\n  },\n  compoundVariants: [\n    // Dot — uses size for both dimensions\n    { shape: \"dot\", size: \"xs\", className: \"size-[var(--status-indicator-dot-size-xs)]\" },\n    { shape: \"dot\", size: \"sm\", className: \"size-[var(--status-indicator-dot-size-sm)]\" },\n    { shape: \"dot\", size: \"default\", className: \"size-[var(--status-indicator-dot-size-default)]\" },\n    { shape: \"dot\", size: \"lg\", className: \"size-[var(--status-indicator-dot-size-lg)]\" },\n    { shape: \"dot\", size: \"xl\", className: \"size-[var(--status-indicator-dot-size-xl)]\" },\n    { shape: \"dot\", size: \"2xl\", className: \"size-[var(--status-indicator-dot-size-2xl)]\" },\n    // Bar-vertical — width is secondary dim (size controls it); height 100% (FULL_H constant below)\n    { shape: SHAPE_BAR_V, size: \"xs\", className: `${FULL_H} w-px` },\n    { shape: SHAPE_BAR_V, size: \"sm\", className: `${FULL_H} w-[2px]` },\n    { shape: SHAPE_BAR_V, size: \"default\", className: `${FULL_H} w-[2px]` },\n    { shape: SHAPE_BAR_V, size: \"lg\", className: `${FULL_H} w-[3px]` },\n    { shape: SHAPE_BAR_V, size: \"xl\", className: `${FULL_H} w-[4px]` },\n    { shape: SHAPE_BAR_V, size: \"2xl\", className: `${FULL_H} w-[6px]` },\n    // Bar-horizontal — height is secondary dim; width 100% (FULL_W constant below)\n    { shape: SHAPE_BAR_H, size: \"xs\", className: `${FULL_W} h-px` },\n    { shape: SHAPE_BAR_H, size: \"sm\", className: `${FULL_W} h-[2px]` },\n    { shape: SHAPE_BAR_H, size: \"default\", className: `${FULL_W} h-[2px]` },\n    { shape: SHAPE_BAR_H, size: \"lg\", className: `${FULL_W} h-[3px]` },\n    { shape: SHAPE_BAR_H, size: \"xl\", className: `${FULL_W} h-[4px]` },\n    { shape: SHAPE_BAR_H, size: \"2xl\", className: `${FULL_W} h-[6px]` },\n  ],\n  defaultVariants: {\n    variant: \"neutral\",\n    shape: \"dot\",\n    size: \"default\",\n  },\n})\n\nfunction StatusIndicator({\n  className,\n  variant,\n  shape = \"dot\",\n  size,\n  pulse = false,\n  label,\n  labelPosition = \"right\",\n  \"aria-label\": ariaLabel,\n  ...props\n}: StatusIndicatorProps) {\n  // Generate accessible label based on variant if not provided\n  const defaultAriaLabel = `Status: ${variant ?? \"neutral\"}`\n  const accessibleLabel = ariaLabel ?? (label ? undefined : defaultAriaLabel)\n\n  // Bar shapes ignore `label` — they're purely visual (warning in dev when misused).\n  const isBar = shape === \"bar-vertical\" || shape === \"bar-horizontal\"\n  // eslint-disable-next-line @typescript-eslint/dot-notation -- tsconfig has noPropertyAccessFromIndexSignature; bracket access on process.env is required by CI tsc.\n  // `typeof process` guard is required so the library runs in browser bundlers (Vite, etc.) where `process` is not defined globally — without it, the dev-only warning branch throws `ReferenceError: process is not defined`.\n  const isProd =\n    typeof process !== \"undefined\" && process.env[\"NODE_ENV\"] === \"production\"\n  if (isBar && label && !isProd) {\n     \n    console.warn(\n      `<StatusIndicator shape=\"${shape}\"> ignores the \\`label\\` prop. Use shape=\"dot\" to combine with label, or move the label to surrounding context.`,\n    )\n  }\n\n  // Bar shape — render the bar alone (no label, no inline-flex wrapper).\n  if (isBar) {\n    return (\n      <span\n        className={cn(\n          statusIndicatorVariants({ variant, shape, size }),\n          pulse && \"animate-pulse\",\n          className,\n        )}\n        aria-label={accessibleLabel}\n        data-shape={shape}\n        data-slot=\"status-indicator\"\n        data-variant={variant ?? \"neutral\"}\n        role=\"status\"\n        {...props}\n      />\n    )\n  }\n\n  // If no label, render just the dot\n  if (!label) {\n    return (\n      <span\n        className={cn(\n          statusIndicatorVariants({ variant, shape: \"dot\", size }),\n          pulse && \"animate-pulse\",\n          className\n        )}\n        aria-label={accessibleLabel}\n        data-shape=\"dot\"\n        data-slot=\"status-indicator\"\n        data-variant={variant ?? \"neutral\"}\n        role=\"status\"\n        {...props}\n      >\n        <span\n          className=\"sr-only\"\n          data-slot=\"status-indicator-dot\"\n        >\n          {variant ?? \"neutral\"}\n        </span>\n      </span>\n    )\n  }\n\n  // With label, render inline-flex container\n  return (\n    <span\n      className={cn(\n        \"inline-flex shrink-0 items-center gap-[var(--status-indicator-label-gap)]\",\n        labelPosition === \"left\" && \"flex-row-reverse\",\n        className\n      )}\n      aria-label={accessibleLabel}\n      data-shape=\"dot\"\n      data-slot=\"status-indicator\"\n      data-variant={variant ?? \"neutral\"}\n      role=\"status\"\n      {...props}\n    >\n      <span\n        className={cn(\n          statusIndicatorVariants({ variant, shape: \"dot\", size }),\n          pulse && \"animate-pulse\"\n        )}\n        aria-hidden=\"true\"\n        data-slot=\"status-indicator-dot\"\n      />\n      <span\n        className=\"text-[length:var(--status-indicator-label-font-size)] leading-normal text-[color:var(--status-indicator-label-color)]\"\n        data-slot=\"status-indicator-label\"\n      >\n        {label}\n      </span>\n    </span>\n  )\n}\n\nexport { StatusIndicator, statusIndicatorVariants }\n"]}