@dev-dga/react 0.8.0 → 0.8.2

package/dist/chunk-MWOGVEQB.cjs

@@ -0,0 +1,177 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+
+
+var _chunkPI4OPECUcjs = require('./chunk-PI4OPECU.cjs');
+
+
+var _chunkYUJZEQJWcjs = require('./chunk-YUJZEQJW.cjs');
+
+
+var _chunkP2JM7CUDcjs = require('./chunk-P2JM7CUD.cjs');
+
+
+var _chunkBPFCWXSNcjs = require('./chunk-BPFCWXSN.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Sidebar/SidebarMenu.tsx
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+function SidebarMenu({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { "data-slot": "sidebar-menu", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-sidebar__menu", className), ...props });
+}
+function SidebarMenuItem({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "li",
+    {
+      "data-slot": "sidebar-menu-item",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-sidebar__menu-item", className),
+      ...props
+    }
+  );
+}
+var sidebarMenuButtonVariants = _classvarianceauthority.cva.call(void 0, "ddga-sidebar__menu-button", {
+  variants: {
+    size: {
+      sm: "ddga-sidebar__menu-button--sm",
+      md: "ddga-sidebar__menu-button--md",
+      lg: "ddga-sidebar__menu-button--lg"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+function SidebarMenuButton({
+  asChild,
+  isActive,
+  size,
+  tooltip,
+  className,
+  ...props
+}) {
+  const { state, isMobile } = _chunkYUJZEQJWcjs.useSidebar.call(void 0, );
+  const dir = _chunkBPFCWXSNcjs.useDir.call(void 0, );
+  const Comp = asChild ? _radixui.Slot.Slot : "button";
+  const button = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      type: asChild ? void 0 : "button",
+      "data-slot": "sidebar-menu-button",
+      "data-active": isActive || void 0,
+      "data-size": _nullishCoalesce(size, () => ( "md")),
+      "aria-current": isActive ? "page" : void 0,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, sidebarMenuButtonVariants({ size }), className),
+      ...props
+    }
+  );
+  if (!tooltip || state !== "collapsed" || isMobile) {
+    return button;
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkPI4OPECUcjs.Tooltip, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPI4OPECUcjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-slot": "tooltip-trigger", style: { display: "contents" }, children: button }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPI4OPECUcjs.TooltipContent, { side: dir === "rtl" ? "left" : "right", children: tooltip })
+  ] });
+}
+function SidebarMenuAction({ asChild, showOnHover, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "button";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      type: asChild ? void 0 : "button",
+      "data-slot": "sidebar-menu-action",
+      "data-show-on-hover": showOnHover || void 0,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-sidebar__menu-action", className),
+      ...props
+    }
+  );
+}
+function SidebarMenuBadge({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      "data-slot": "sidebar-menu-badge",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-sidebar__menu-badge", className),
+      ...props
+    }
+  );
+}
+function SidebarMenuSkeleton({ showIcon, className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      "data-slot": "sidebar-menu-skeleton",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-sidebar__menu-skeleton", className),
+      ...props,
+      children: [
+        showIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP2JM7CUDcjs.Skeleton, { shape: "circle", width: "1rem", height: "1rem" }) : null,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP2JM7CUDcjs.Skeleton, { shape: "text", className: "ddga-sidebar__menu-skeleton-text" })
+      ]
+    }
+  );
+}
+function SidebarMenuSub({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "ul",
+    {
+      "data-slot": "sidebar-menu-sub",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-sidebar__menu-sub", className),
+      ...props
+    }
+  );
+}
+function SidebarMenuSubItem({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "li",
+    {
+      "data-slot": "sidebar-menu-sub-item",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-sidebar__menu-sub-item", className),
+      ...props
+    }
+  );
+}
+var sidebarMenuSubButtonVariants = _classvarianceauthority.cva.call(void 0, "ddga-sidebar__menu-sub-button", {
+  variants: {
+    size: {
+      sm: "ddga-sidebar__menu-sub-button--sm",
+      md: "ddga-sidebar__menu-sub-button--md"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+function SidebarMenuSubButton({
+  asChild,
+  isActive,
+  size,
+  className,
+  ...props
+}) {
+  const Comp = asChild ? _radixui.Slot.Slot : "a";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "data-slot": "sidebar-menu-sub-button",
+      "data-active": isActive || void 0,
+      "data-size": _nullishCoalesce(size, () => ( "md")),
+      "aria-current": isActive ? "page" : void 0,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, sidebarMenuSubButtonVariants({ size }), className),
+      ...props
+    }
+  );
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.SidebarMenu = SidebarMenu; exports.SidebarMenuItem = SidebarMenuItem; exports.sidebarMenuButtonVariants = sidebarMenuButtonVariants; exports.SidebarMenuButton = SidebarMenuButton; exports.SidebarMenuAction = SidebarMenuAction; exports.SidebarMenuBadge = SidebarMenuBadge; exports.SidebarMenuSkeleton = SidebarMenuSkeleton; exports.SidebarMenuSub = SidebarMenuSub; exports.SidebarMenuSubItem = SidebarMenuSubItem; exports.sidebarMenuSubButtonVariants = sidebarMenuSubButtonVariants; exports.SidebarMenuSubButton = SidebarMenuSubButton;
+//# sourceMappingURL=chunk-MWOGVEQB.cjs.map

package/dist/chunk-MWOGVEQB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-MWOGVEQB.cjs","../src/components/Sidebar/SidebarMenu.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-MWOGVEQB.cjs","sourcesContent":[null,"'use client';\n\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useDir } from '../../hooks/useDir';\nimport { Tooltip, TooltipTrigger, TooltipContent } from '../Tooltip';\nimport { Skeleton } from '../Skeleton';\nimport { useSidebar } from './SidebarContext';\n\n// ─── Menu / MenuItem ─── //\n\nfunction SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) {\n  return <ul data-slot=\"sidebar-menu\" className={cn('ddga-sidebar__menu', className)} {...props} />;\n}\n\nfunction SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"sidebar-menu-item\"\n      className={cn('ddga-sidebar__menu-item', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── MenuButton ─── //\n\nconst sidebarMenuButtonVariants = cva('ddga-sidebar__menu-button', {\n  variants: {\n    size: {\n      sm: 'ddga-sidebar__menu-button--sm',\n      md: 'ddga-sidebar__menu-button--md',\n      lg: 'ddga-sidebar__menu-button--lg',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\ninterface SidebarMenuButtonProps\n  extends React.ComponentProps<'button'>, VariantProps<typeof sidebarMenuButtonVariants> {\n  asChild?: boolean;\n  isActive?: boolean;\n  /** Tooltip content shown only when the rail is collapsed (desktop). */\n  tooltip?: React.ReactNode;\n}\n\nfunction SidebarMenuButton({\n  asChild,\n  isActive,\n  size,\n  tooltip,\n  className,\n  ...props\n}: SidebarMenuButtonProps) {\n  const { state, isMobile } = useSidebar();\n  const dir = useDir();\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n\n  const button = (\n    <Comp\n      type={asChild ? undefined : 'button'}\n      data-slot=\"sidebar-menu-button\"\n      data-active={isActive || undefined}\n      data-size={size ?? 'md'}\n      aria-current={isActive ? 'page' : undefined}\n      className={cn(sidebarMenuButtonVariants({ size }), className)}\n      {...props}\n    />\n  );\n\n  if (!tooltip || state !== 'collapsed' || isMobile) {\n    return button;\n  }\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <span data-slot=\"tooltip-trigger\" style={{ display: 'contents' }}>\n          {button}\n        </span>\n      </TooltipTrigger>\n      <TooltipContent side={dir === 'rtl' ? 'left' : 'right'}>{tooltip}</TooltipContent>\n    </Tooltip>\n  );\n}\n\n// ─── MenuAction ─── //\n\ninterface SidebarMenuActionProps extends React.ComponentProps<'button'> {\n  asChild?: boolean;\n  /** Reveal the action only on row hover/focus (CSS-driven). */\n  showOnHover?: boolean;\n}\n\nfunction SidebarMenuAction({ asChild, showOnHover, className, ...props }: SidebarMenuActionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n  return (\n    <Comp\n      type={asChild ? undefined : 'button'}\n      data-slot=\"sidebar-menu-action\"\n      data-show-on-hover={showOnHover || undefined}\n      className={cn('ddga-sidebar__menu-action', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── MenuBadge ─── //\n\nfunction SidebarMenuBadge({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"sidebar-menu-badge\"\n      className={cn('ddga-sidebar__menu-badge', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── MenuSkeleton ─── //\n\ninterface SidebarMenuSkeletonProps extends React.ComponentProps<'div'> {\n  showIcon?: boolean;\n}\n\nfunction SidebarMenuSkeleton({ showIcon, className, ...props }: SidebarMenuSkeletonProps) {\n  return (\n    <div\n      data-slot=\"sidebar-menu-skeleton\"\n      className={cn('ddga-sidebar__menu-skeleton', className)}\n      {...props}\n    >\n      {showIcon ? <Skeleton shape=\"circle\" width=\"1rem\" height=\"1rem\" /> : null}\n      <Skeleton shape=\"text\" className=\"ddga-sidebar__menu-skeleton-text\" />\n    </div>\n  );\n}\n\n// ─── MenuSub / MenuSubItem / MenuSubButton ─── //\n\nfunction SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>) {\n  return (\n    <ul\n      data-slot=\"sidebar-menu-sub\"\n      className={cn('ddga-sidebar__menu-sub', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"sidebar-menu-sub-item\"\n      className={cn('ddga-sidebar__menu-sub-item', className)}\n      {...props}\n    />\n  );\n}\n\nconst sidebarMenuSubButtonVariants = cva('ddga-sidebar__menu-sub-button', {\n  variants: {\n    size: {\n      sm: 'ddga-sidebar__menu-sub-button--sm',\n      md: 'ddga-sidebar__menu-sub-button--md',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\ninterface SidebarMenuSubButtonProps\n  extends React.ComponentProps<'a'>, VariantProps<typeof sidebarMenuSubButtonVariants> {\n  asChild?: boolean;\n  isActive?: boolean;\n}\n\nfunction SidebarMenuSubButton({\n  asChild,\n  isActive,\n  size,\n  className,\n  ...props\n}: SidebarMenuSubButtonProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'a';\n  return (\n    <Comp\n      data-slot=\"sidebar-menu-sub-button\"\n      data-active={isActive || undefined}\n      data-size={size ?? 'md'}\n      aria-current={isActive ? 'page' : undefined}\n      className={cn(sidebarMenuSubButtonVariants({ size }), className)}\n      {...props}\n    />\n  );\n}\n\n// ─── Exports ─── //\n\nexport {\n  SidebarMenu,\n  SidebarMenuItem,\n  SidebarMenuButton,\n  sidebarMenuButtonVariants,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubItem,\n  SidebarMenuSubButton,\n  sidebarMenuSubButtonVariants,\n};\nexport type {\n  SidebarMenuButtonProps,\n  SidebarMenuActionProps,\n  SidebarMenuSkeletonProps,\n  SidebarMenuSubButtonProps,\n};\n"]}

package/dist/chunk-MXONZAMP.cjs

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=chunk-MXONZAMP.cjs.map

package/dist/chunk-MXONZAMP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-MXONZAMP.cjs"],"names":[],"mappings":"AAAA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-MXONZAMP.cjs"}

package/dist/chunk-MZALAXZZ.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-MZALAXZZ.js.map

package/dist/chunk-MZALAXZZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-N2ZFPNPW.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-N2ZFPNPW.js.map

package/dist/chunk-N2ZFPNPW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-N4FHLSNV.cjs

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/field/FieldMessage.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function FieldMessage({ id, variant, children }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "p",
+    {
+      id,
+      "data-slot": `field-${variant}`,
+      className: `ddga-field__message ddga-field__message--${variant}`,
+      "aria-live": variant === "error" ? "polite" : void 0,
+      children
+    }
+  );
+}
+
+
+
+exports.FieldMessage = FieldMessage;
+//# sourceMappingURL=chunk-N4FHLSNV.cjs.map

package/dist/chunk-N4FHLSNV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-N4FHLSNV.cjs","../src/field/FieldMessage.tsx"],"names":[],"mappings":"AAAA;ACgBI,+CAAA;AAFG,SAAS,YAAA,CAAa,EAAE,EAAA,EAAI,OAAA,EAAS,SAAS,CAAA,EAAsB;AACzE,EAAA,uBACE,6BAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,WAAA,EAAW,CAAA,MAAA,EAAS,OAAO,CAAA,CAAA;AAChB,MAAA;AAGY,MAAA;AAEtB,MAAA;AAAA,IAAA;AACH,EAAA;AAEJ;ADboC;AACA;AACA;AACA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-N4FHLSNV.cjs","sourcesContent":[null,"import type { ReactNode } from 'react';\n\n// Public field-primitive component. The helper / error line below a form\n// control. Identical markup and styling across Input / Textarea / Checkbox,\n// and available to consumers composing custom fields on top of useFieldA11y.\n// No 'use client': pure markup, no hooks or client APIs.\n\nexport interface FieldMessageProps {\n  id: string;\n  /** `error` announces politely; `helper` is static. */\n  variant: 'error' | 'helper';\n  children: ReactNode;\n}\n\nexport function FieldMessage({ id, variant, children }: FieldMessageProps) {\n  return (\n    <p\n      id={id}\n      data-slot={`field-${variant}`}\n      className={`ddga-field__message ddga-field__message--${variant}`}\n      // Polite (not assertive): an assertive error interrupts the user\n      // mid-interaction, the wrong UX for field-level validation.\n      aria-live={variant === 'error' ? 'polite' : undefined}\n    >\n      {children}\n    </p>\n  );\n}\n"]}

package/dist/chunk-N5JDL4VE.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-N5JDL4VE.js.map

package/dist/chunk-N5JDL4VE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-NDHMY3IR.js

@@ -0,0 +1,60 @@
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Divider/Divider.tsx
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var dividerVariants = cva("ddga-divider", {
+  variants: {
+    orientation: {
+      horizontal: "ddga-divider--horizontal",
+      vertical: "ddga-divider--vertical"
+    },
+    variant: {
+      solid: "ddga-divider--solid",
+      dashed: "ddga-divider--dashed"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal",
+    variant: "solid"
+  }
+});
+function Divider({
+  orientation = "horizontal",
+  variant = "solid",
+  labelPosition = "center",
+  decorative = false,
+  className,
+  children,
+  ...props
+}) {
+  const isLabeled = orientation === "horizontal" && children !== void 0 && children !== null && children !== "";
+  const a11yProps = decorative ? { role: "none" } : {
+    role: "separator",
+    ...orientation === "vertical" ? { "aria-orientation": "vertical" } : {}
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "divider",
+      "data-orientation": orientation,
+      className: cn(
+        dividerVariants({ orientation, variant }),
+        isLabeled && "ddga-divider--labeled",
+        isLabeled && `ddga-divider--label-${labelPosition}`,
+        className
+      ),
+      ...a11yProps,
+      ...props,
+      children: isLabeled ? /* @__PURE__ */ jsx("span", { className: "ddga-divider__label", children }) : null
+    }
+  );
+}
+
+export {
+  dividerVariants,
+  Divider
+};
+//# sourceMappingURL=chunk-NDHMY3IR.js.map

package/dist/chunk-NDHMY3IR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Divider/Divider.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n\nconst dividerVariants = cva('ddga-divider', {\n  variants: {\n    orientation: {\n      horizontal: 'ddga-divider--horizontal',\n      vertical: 'ddga-divider--vertical',\n    },\n    variant: {\n      solid: 'ddga-divider--solid',\n      dashed: 'ddga-divider--dashed',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    variant: 'solid',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface DividerProps\n  extends Omit<React.ComponentProps<'div'>, 'role'>, VariantProps<typeof dividerVariants> {\n  /**\n   * Optional label rendered inside a horizontal divider. Ignored when\n   * `orientation=\"vertical\"`. When set, the divider renders as a three-part\n   * flex (line — label — line) instead of a single bar.\n   */\n  children?: React.ReactNode;\n  /**\n   * Where to place the label along the divider. Defaults to `center`. Ignored\n   * when no label is provided. `start` and `end` are logical (LTR/RTL aware).\n   */\n  labelPosition?: 'start' | 'center' | 'end';\n  /**\n   * If `true`, the divider is treated as purely decorative and removed from\n   * the accessibility tree (`role=\"none\"`). Defaults to `false`.\n   */\n  decorative?: boolean;\n}\n\n// ─── 3. Component ─── //\n//\n// Note: no `asChild`. A separator is either a plain bar (no children, nothing\n// to slot into) or a labeled bar (the label is its own slotted child, not the\n// root). The `asChild` escape hatch doesn't carry meaning for either shape.\n\nfunction Divider({\n  orientation = 'horizontal',\n  variant = 'solid',\n  labelPosition = 'center',\n  decorative = false,\n  className,\n  children,\n  ...props\n}: DividerProps) {\n  const isLabeled =\n    orientation === 'horizontal' && children !== undefined && children !== null && children !== '';\n\n  // WAI-ARIA: `separator` default orientation is horizontal, so only emit\n  // `aria-orientation` when vertical. Decorative dividers drop role + aria entirely.\n  const a11yProps = decorative\n    ? { role: 'none' as const }\n    : {\n        role: 'separator' as const,\n        ...(orientation === 'vertical' ? { 'aria-orientation': 'vertical' as const } : {}),\n      };\n\n  return (\n    <div\n      data-slot=\"divider\"\n      data-orientation={orientation}\n      className={cn(\n        dividerVariants({ orientation, variant }),\n        isLabeled && 'ddga-divider--labeled',\n        isLabeled && `ddga-divider--label-${labelPosition}`,\n        className,\n      )}\n      {...a11yProps}\n      {...props}\n    >\n      {isLabeled ? <span className=\"ddga-divider__label\">{children}</span> : null}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Divider, dividerVariants };\nexport type { DividerProps };\n"],"mappings":";;;;;AAEA,SAAS,WAA8B;AAoFpB;AA/EnB,IAAM,kBAAkB,IAAI,gBAAgB;AAAA,EAC1C,UAAU;AAAA,IACR,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,UAAU;AAAA,IACZ;AAAA,IACA,SAAS;AAAA,MACP,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,aAAa;AAAA,IACb,SAAS;AAAA,EACX;AACF,CAAC;AA8BD,SAAS,QAAQ;AAAA,EACf,cAAc;AAAA,EACd,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiB;AACf,QAAM,YACJ,gBAAgB,gBAAgB,aAAa,UAAa,aAAa,QAAQ,aAAa;AAI9F,QAAM,YAAY,aACd,EAAE,MAAM,OAAgB,IACxB;AAAA,IACE,MAAM;AAAA,IACN,GAAI,gBAAgB,aAAa,EAAE,oBAAoB,WAAoB,IAAI,CAAC;AAAA,EAClF;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,oBAAkB;AAAA,MAClB,WAAW;AAAA,QACT,gBAAgB,EAAE,aAAa,QAAQ,CAAC;AAAA,QACxC,aAAa;AAAA,QACb,aAAa,uBAAuB,aAAa;AAAA,QACjD;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,sBAAY,oBAAC,UAAK,WAAU,uBAAuB,UAAS,IAAU;AAAA;AAAA,EACzE;AAEJ;","names":[]}

package/dist/chunk-NH3KGR65.cjs

@@ -0,0 +1,39 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/field/use-field-a11y.ts
+var _react = require('react');
+function isPresent(value) {
+  return value != null && value !== "";
+}
+function useFieldA11y(options) {
+  const generatedId = _react.useId.call(void 0, );
+  const fieldId = _nullishCoalesce(options.id, () => ( generatedId));
+  const helperId = `${fieldId}-helper`;
+  const errorId = `${fieldId}-error`;
+  const hasError = !!options.error || isPresent(options.errorMessage);
+  const hasErrorMessage = hasError && isPresent(options.errorMessage);
+  const hasHelper = !hasErrorMessage && isPresent(options.helperText);
+  if (process.env.NODE_ENV === "development" && !options.label) {
+    if (!options["aria-label"] && !options["aria-labelledby"]) {
+      console.warn(
+        `[@dev-dga/react] ${options.name} requires a \`label\`, or an aria-label / aria-labelledby attribute, for screen reader accessibility.`
+      );
+    }
+  }
+  return {
+    fieldId,
+    helperId,
+    errorId,
+    hasError,
+    hasErrorMessage,
+    hasHelper,
+    controlProps: {
+      id: fieldId,
+      "aria-invalid": hasError || void 0,
+      "aria-describedby": hasErrorMessage ? errorId : hasHelper ? helperId : void 0
+    }
+  };
+}
+
+
+
+exports.useFieldA11y = useFieldA11y;
+//# sourceMappingURL=chunk-NH3KGR65.cjs.map

package/dist/chunk-NH3KGR65.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-NH3KGR65.cjs","../src/field/use-field-a11y.ts"],"names":[],"mappings":"AAAA;ACAA,8BAAsC;AAoCtC,SAAS,SAAA,CAAU,KAAA,EAA2B;AAC5C,EAAA,OAAO,MAAA,GAAS,KAAA,GAAQ,MAAA,IAAU,EAAA;AACpC;AAEO,SAAS,YAAA,CAAa,OAAA,EAAyC;AAEpE,EAAA,MAAM,YAAA,EAAc,0BAAA,CAAM;AAC1B,EAAA,MAAM,QAAA,mBAAU,OAAA,CAAQ,EAAA,UAAM,aAAA;AAC9B,EAAA,MAAM,SAAA,EAAW,CAAA,EAAA;AACD,EAAA;AAME,EAAA;AACZ,EAAA;AAEY,EAAA;AAIF,EAAA;AACD,IAAA;AACH,MAAA;AACN,QAAA;AAEF,MAAA;AACF,IAAA;AACF,EAAA;AAEO,EAAA;AACL,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACc,IAAA;AACR,MAAA;AACJ,MAAA;AACA,MAAA;AACF,IAAA;AACF,EAAA;AACF;AD9CoB;AACA;AACA;AACA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-NH3KGR65.cjs","sourcesContent":[null,"import { useId, type ReactNode } from 'react';\n\n// Public field-primitive hook. Owns id generation, error/helper precedence,\n// control ARIA wiring, and the dev-time a11y warning so library form\n// controls (Input / Textarea / Checkbox / future Radio / Switch / Select)\n// and consumer-built custom fields share one source of truth.\n\nexport interface UseFieldA11yOptions {\n  /** Component name used in the dev warning, e.g. `'Input'`. */\n  name: string;\n  /** Caller-supplied id; falls back to a stable generated one. */\n  id?: string;\n  label?: ReactNode;\n  error?: boolean;\n  errorMessage?: ReactNode;\n  helperText?: ReactNode;\n  /** From the consumer's props , used to suppress the no-label warning. */\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n}\n\nexport interface FieldA11y {\n  fieldId: string;\n  helperId: string;\n  errorId: string;\n  hasError: boolean;\n  hasErrorMessage: boolean;\n  hasHelper: boolean;\n  /** Spread onto the control element (input / textarea / Radix root). */\n  controlProps: {\n    id: string;\n    'aria-invalid': true | undefined;\n    'aria-describedby': string | undefined;\n  };\n}\n\nfunction isPresent(value: ReactNode): boolean {\n  return value != null && value !== '';\n}\n\nexport function useFieldA11y(options: UseFieldA11yOptions): FieldA11y {\n  // useId() is SSR-safe , stable across server/client, no hydration mismatch.\n  const generatedId = useId();\n  const fieldId = options.id ?? generatedId;\n  const helperId = `${fieldId}-helper`;\n  const errorId = `${fieldId}-error`;\n\n  // A present errorMessage implies an invalid field. Gating on `error: true`\n  // alone made `errorMessage=\"…\"` a silent no-op , a footgun. `error` is\n  // still useful for the message-less invalid case (form-level validation\n  // marking the field invalid without per-field copy).\n  const hasError = !!options.error || isPresent(options.errorMessage);\n  const hasErrorMessage = hasError && isPresent(options.errorMessage);\n  // An error message replaces helper text (one description at a time).\n  const hasHelper = !hasErrorMessage && isPresent(options.helperText);\n\n  // Dev-only: warn if the field has no accessible name. This library makes\n  // the accessible path the default across every form control.\n  if (process.env.NODE_ENV === 'development' && !options.label) {\n    if (!options['aria-label'] && !options['aria-labelledby']) {\n      console.warn(\n        `[@dev-dga/react] ${options.name} requires a \\`label\\`, or an ` +\n          'aria-label / aria-labelledby attribute, for screen reader accessibility.',\n      );\n    }\n  }\n\n  return {\n    fieldId,\n    helperId,\n    errorId,\n    hasError,\n    hasErrorMessage,\n    hasHelper,\n    controlProps: {\n      id: fieldId,\n      'aria-invalid': hasError || undefined,\n      'aria-describedby': hasErrorMessage ? errorId : hasHelper ? helperId : undefined,\n    },\n  };\n}\n"]}

package/dist/chunk-NJIMQWBC.js

@@ -0,0 +1,194 @@
+import {
+  Minus,
+  Plus
+} from "./chunk-CDS4SYEQ.js";
+import {
+  FieldMessage
+} from "./chunk-E7WQI7PE.js";
+import {
+  useFieldA11y
+} from "./chunk-HN5AFDQA.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/NumberInput/NumberInput.tsx
+import { useState } from "react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var numberInputVariants = cva("ddga-number-input", {
+  variants: {
+    size: {
+      sm: "ddga-number-input--sm",
+      md: "ddga-number-input--md",
+      lg: "ddga-number-input--lg"
+    },
+    error: {
+      true: "ddga-number-input--error"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function clamp(value, min, max) {
+  let next = value;
+  if (min != null) next = Math.max(min, next);
+  if (max != null) next = Math.min(max, next);
+  return next;
+}
+function formatNumber(value) {
+  if (!Number.isFinite(value)) return "";
+  return value.toLocaleString("en-US", { useGrouping: false, maximumFractionDigits: 20 });
+}
+function NumberInput({
+  id: externalId,
+  value,
+  defaultValue,
+  onValueChange,
+  min,
+  max,
+  step = 1,
+  size,
+  hideControls = false,
+  decrementLabel = "Decrease",
+  incrementLabel = "Increase",
+  label,
+  helperText,
+  errorMessage,
+  error,
+  required,
+  disabled,
+  className,
+  onBlur,
+  onKeyDown,
+  ...props
+}) {
+  const isControlled = value !== void 0;
+  const [internal, setInternal] = useState(defaultValue ?? null);
+  const numericValue = isControlled ? value : internal;
+  const [draft, setDraft] = useState(null);
+  const allowDecimal = !Number.isInteger(step);
+  const allowNegative = min == null || min < 0;
+  const displayValue = draft ?? (numericValue == null ? "" : formatNumber(numericValue));
+  const allowedPattern = new RegExp(
+    `^${allowNegative ? "-?" : ""}\\d*${allowDecimal ? "(\\.\\d*)?" : ""}$`
+  );
+  function commit(next) {
+    if (!isControlled) setInternal(next);
+    onValueChange?.(next);
+  }
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
+    name: "NumberInput",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": props["aria-labelledby"]
+  });
+  function handleChange(event) {
+    const raw = event.target.value;
+    if (!allowedPattern.test(raw)) return;
+    setDraft(raw);
+    if (raw.trim() === "") {
+      commit(null);
+      return;
+    }
+    const parsed = Number(raw);
+    if (Number.isFinite(parsed)) commit(parsed);
+  }
+  function handleBlur(event) {
+    if (numericValue != null) commit(clamp(numericValue, min, max));
+    setDraft(null);
+    onBlur?.(event);
+  }
+  function stepBy(direction) {
+    const base = numericValue ?? (direction > 0 ? min ?? 0 : max ?? 0);
+    const next = clamp(base + direction * step, min, max);
+    const rounded = allowDecimal ? Number(next.toFixed(10)) : next;
+    commit(rounded);
+    setDraft(null);
+  }
+  function handleKeyDown(event) {
+    if (!disabled) {
+      if (event.key === "ArrowUp") {
+        event.preventDefault();
+        stepBy(1);
+      } else if (event.key === "ArrowDown") {
+        event.preventDefault();
+        stepBy(-1);
+      }
+    }
+    onKeyDown?.(event);
+  }
+  const atMin = min != null && numericValue != null && numericValue <= min;
+  const atMax = max != null && numericValue != null && numericValue >= max;
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "number-input-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ jsxs("label", { htmlFor: fieldId, className: "ddga-number-input__label", children: [
+      label,
+      required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ddga-number-input__required", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "number-input-control",
+        className: cn(numberInputVariants({ size, error: hasError }), className),
+        children: [
+          !hideControls && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "data-slot": "number-input-decrement",
+              className: "ddga-number-input__step ddga-number-input__step--decrement",
+              "aria-label": decrementLabel,
+              onClick: () => stepBy(-1),
+              disabled: disabled || atMin,
+              tabIndex: -1,
+              children: /* @__PURE__ */ jsx(Minus, { "aria-hidden": "true" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ...props,
+              ...controlProps,
+              type: "text",
+              inputMode: allowDecimal ? "decimal" : "numeric",
+              value: displayValue,
+              required,
+              disabled,
+              onChange: handleChange,
+              onBlur: handleBlur,
+              onKeyDown: handleKeyDown,
+              "data-slot": "number-input",
+              className: "ddga-number-input__field"
+            }
+          ),
+          !hideControls && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "data-slot": "number-input-increment",
+              className: "ddga-number-input__step ddga-number-input__step--increment",
+              "aria-label": incrementLabel,
+              onClick: () => stepBy(1),
+              disabled: disabled || atMax,
+              tabIndex: -1,
+              children: /* @__PURE__ */ jsx(Plus, { "aria-hidden": "true" })
+            }
+          )
+        ]
+      }
+    ),
+    hasErrorMessage && /* @__PURE__ */ jsx(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ jsx(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] });
+}
+
+export {
+  numberInputVariants,
+  NumberInput
+};
+//# sourceMappingURL=chunk-NJIMQWBC.js.map

package/dist/chunk-NJIMQWBC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NumberInput/NumberInput.tsx"],"sourcesContent":["'use client';\n\nimport { useState, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\nimport { Plus, Minus } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the *control* (the bordered box housing the − button, the field,\n// and the + button), mirroring Input's structure.\nconst numberInputVariants = cva('ddga-number-input', {\n  variants: {\n    size: {\n      sm: 'ddga-number-input--sm',\n      md: 'ddga-number-input--md',\n      lg: 'ddga-number-input--lg',\n    },\n    error: {\n      true: 'ddga-number-input--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface NumberInputProps\n  extends\n    Omit<\n      React.ComponentProps<'input'>,\n      'value' | 'defaultValue' | 'onChange' | 'size' | 'type' | 'min' | 'max' | 'step'\n    >,\n    VariantProps<typeof numberInputVariants> {\n  /** Controlled value. `null` represents an empty field. */\n  value?: number | null;\n  /** Uncontrolled initial value. */\n  defaultValue?: number | null;\n  /** Fires with the parsed value, or `null` when the field is cleared. */\n  onValueChange?: (value: number | null) => void;\n\n  /** Lower bound. Clamped on blur and at the stepper buttons. */\n  min?: number;\n  /** Upper bound. Clamped on blur and at the stepper buttons. */\n  max?: number;\n  /** Stepper / ArrowUp-Down increment. Defaults to 1. */\n  step?: number;\n\n  /** Hide the − / + buttons (keyboard + typing only). */\n  hideControls?: boolean;\n  /** Accessible label for the decrement button. Defaults to `'Decrease'`. */\n  decrementLabel?: string;\n  /** Accessible label for the increment button. Defaults to `'Increase'`. */\n  incrementLabel?: string;\n\n  /** Visible field label, auto-associated to the input via `htmlFor`/`id`. */\n  label?: ReactNode;\n  /** Hint shown below the field. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the field when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n}\n\n// ─── 3. Helpers ─── //\n\nfunction clamp(value: number, min: number | undefined, max: number | undefined): number {\n  let next = value;\n  if (min != null) next = Math.max(min, next);\n  if (max != null) next = Math.min(max, next);\n  return next;\n}\n\n// `String(n)` switches to exponential notation for very small/large magnitudes\n// (e.g. `String(2e-7)` → \"2e-7\"), which looks broken in a form field and\n// contradicts our input filter (which rejects \"e\"). Format to a plain decimal\n// instead. Note: values still round to float64 precision (~15–17 sig digits)\n// — arbitrary-precision input is out of scope.\nfunction formatNumber(value: number): string {\n  if (!Number.isFinite(value)) return '';\n  return value.toLocaleString('en-US', { useGrouping: false, maximumFractionDigits: 20 });\n}\n\n// ─── 4. Component ─── //\n\nfunction NumberInput({\n  id: externalId,\n  value,\n  defaultValue,\n  onValueChange,\n  min,\n  max,\n  step = 1,\n  size,\n  hideControls = false,\n  decrementLabel = 'Decrease',\n  incrementLabel = 'Increase',\n  label,\n  helperText,\n  errorMessage,\n  error,\n  required,\n  disabled,\n  className,\n  onBlur,\n  onKeyDown,\n  ...props\n}: NumberInputProps) {\n  const isControlled = value !== undefined;\n  const [internal, setInternal] = useState<number | null>(defaultValue ?? null);\n  const numericValue = isControlled ? value : internal;\n\n  // While focused we keep the raw text so partial input (\"-\", \"1.\") survives a\n  // re-render; `null` means \"show the canonical numeric value\".\n  const [draft, setDraft] = useState<string | null>(null);\n\n  const allowDecimal = !Number.isInteger(step);\n  const allowNegative = min == null || min < 0;\n  const displayValue = draft ?? (numericValue == null ? '' : formatNumber(numericValue));\n\n  // Accepts only valid (possibly partial) numeric input: an optional leading\n  // minus (when negatives are in range), digits, and one decimal point (when\n  // the step is fractional). Allows transient partials like \"\", \"-\", \"1.\".\n  const allowedPattern = new RegExp(\n    `^${allowNegative ? '-?' : ''}\\\\d*${allowDecimal ? '(\\\\.\\\\d*)?' : ''}$`,\n  );\n\n  function commit(next: number | null) {\n    if (!isControlled) setInternal(next);\n    onValueChange?.(next);\n  }\n\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'NumberInput',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      'aria-label': props['aria-label'],\n      'aria-labelledby': props['aria-labelledby'],\n    });\n\n  function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n    const raw = event.target.value;\n    // Reject anything that isn't valid numeric input (letters, extra dots,\n    // misplaced signs, pasted junk). Returning without a state update reverts\n    // the controlled input to its prior value — the keystroke never lands.\n    if (!allowedPattern.test(raw)) return;\n    setDraft(raw);\n    if (raw.trim() === '') {\n      commit(null);\n      return;\n    }\n    const parsed = Number(raw);\n    // Emit only on a complete, finite number — partials (\"-\", \"1.\") keep the\n    // draft but don't push a misleading value to the consumer.\n    if (Number.isFinite(parsed)) commit(parsed);\n  }\n\n  function handleBlur(event: React.FocusEvent<HTMLInputElement>) {\n    // Normalize: clamp to bounds, then resync the display to the canonical\n    // number (drops trailing dots, leading zeros, etc.).\n    if (numericValue != null) commit(clamp(numericValue, min, max));\n    setDraft(null);\n    onBlur?.(event);\n  }\n\n  function stepBy(direction: 1 | -1) {\n    const base = numericValue ?? (direction > 0 ? (min ?? 0) : (max ?? 0));\n    const next = clamp(base + direction * step, min, max);\n    // Avoid floating-point dust from repeated decimal steps (0.1 + 0.2…).\n    const rounded = allowDecimal ? Number(next.toFixed(10)) : next;\n    commit(rounded);\n    setDraft(null);\n  }\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {\n    if (!disabled) {\n      if (event.key === 'ArrowUp') {\n        event.preventDefault();\n        stepBy(1);\n      } else if (event.key === 'ArrowDown') {\n        event.preventDefault();\n        stepBy(-1);\n      }\n    }\n    onKeyDown?.(event);\n  }\n\n  const atMin = min != null && numericValue != null && numericValue <= min;\n  const atMax = max != null && numericValue != null && numericValue >= max;\n\n  return (\n    <div data-slot=\"number-input-field\" className=\"ddga-field\">\n      {label && (\n        <label htmlFor={fieldId} className=\"ddga-number-input__label\">\n          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-number-input__required\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n      <div\n        data-slot=\"number-input-control\"\n        className={cn(numberInputVariants({ size, error: hasError }), className)}\n      >\n        {!hideControls && (\n          <button\n            type=\"button\"\n            data-slot=\"number-input-decrement\"\n            className=\"ddga-number-input__step ddga-number-input__step--decrement\"\n            aria-label={decrementLabel}\n            onClick={() => stepBy(-1)}\n            disabled={disabled || atMin}\n            tabIndex={-1}\n          >\n            <Minus aria-hidden=\"true\" />\n          </button>\n        )}\n        <input\n          {...props}\n          {...controlProps}\n          // type=text (not number): we own the steppers and keep digits Latin\n          // + LTR regardless of locale, sidestepping the native spinner and\n          // browser numeral-locale quirks.\n          type=\"text\"\n          inputMode={allowDecimal ? 'decimal' : 'numeric'}\n          value={displayValue}\n          required={required}\n          disabled={disabled}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n          data-slot=\"number-input\"\n          className=\"ddga-number-input__field\"\n        />\n        {!hideControls && (\n          <button\n            type=\"button\"\n            data-slot=\"number-input-increment\"\n            className=\"ddga-number-input__step ddga-number-input__step--increment\"\n            aria-label={incrementLabel}\n            onClick={() => stepBy(1)}\n            disabled={disabled || atMax}\n            tabIndex={-1}\n          >\n            <Plus aria-hidden=\"true\" />\n          </button>\n        )}\n      </div>\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\">\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\">\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\n// ─── 5. Exports ─── //\n\nexport { NumberInput, numberInputVariants };\nexport type { NumberInputProps };\n"],"mappings":";;;;;;;;;;;;;;;AAEA,SAAS,gBAAgC;AACzC,SAAS,WAA8B;AAsM/B,SAGI,KAHJ;AA7LR,IAAM,sBAAsB,IAAI,qBAAqB;AAAA,EACnD,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AA4CD,SAAS,MAAM,OAAe,KAAyB,KAAiC;AACtF,MAAI,OAAO;AACX,MAAI,OAAO,KAAM,QAAO,KAAK,IAAI,KAAK,IAAI;AAC1C,MAAI,OAAO,KAAM,QAAO,KAAK,IAAI,KAAK,IAAI;AAC1C,SAAO;AACT;AAOA,SAAS,aAAa,OAAuB;AAC3C,MAAI,CAAC,OAAO,SAAS,KAAK,EAAG,QAAO;AACpC,SAAO,MAAM,eAAe,SAAS,EAAE,aAAa,OAAO,uBAAuB,GAAG,CAAC;AACxF;AAIA,SAAS,YAAY;AAAA,EACnB,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,QAAM,eAAe,UAAU;AAC/B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAwB,gBAAgB,IAAI;AAC5E,QAAM,eAAe,eAAe,QAAQ;AAI5C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AAEtD,QAAM,eAAe,CAAC,OAAO,UAAU,IAAI;AAC3C,QAAM,gBAAgB,OAAO,QAAQ,MAAM;AAC3C,QAAM,eAAe,UAAU,gBAAgB,OAAO,KAAK,aAAa,YAAY;AAKpF,QAAM,iBAAiB,IAAI;AAAA,IACzB,IAAI,gBAAgB,OAAO,EAAE,OAAO,eAAe,eAAe,EAAE;AAAA,EACtE;AAEA,WAAS,OAAO,MAAqB;AACnC,QAAI,CAAC,aAAc,aAAY,IAAI;AACnC,oBAAgB,IAAI;AAAA,EACtB;AAEA,QAAM,EAAE,SAAS,SAAS,UAAU,UAAU,iBAAiB,WAAW,aAAa,IACrF,aAAa;AAAA,IACX,MAAM;AAAA,IACN,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,MAAM,YAAY;AAAA,IAChC,mBAAmB,MAAM,iBAAiB;AAAA,EAC5C,CAAC;AAEH,WAAS,aAAa,OAA4C;AAChE,UAAM,MAAM,MAAM,OAAO;AAIzB,QAAI,CAAC,eAAe,KAAK,GAAG,EAAG;AAC/B,aAAS,GAAG;AACZ,QAAI,IAAI,KAAK,MAAM,IAAI;AACrB,aAAO,IAAI;AACX;AAAA,IACF;AACA,UAAM,SAAS,OAAO,GAAG;AAGzB,QAAI,OAAO,SAAS,MAAM,EAAG,QAAO,MAAM;AAAA,EAC5C;AAEA,WAAS,WAAW,OAA2C;AAG7D,QAAI,gBAAgB,KAAM,QAAO,MAAM,cAAc,KAAK,GAAG,CAAC;AAC9D,aAAS,IAAI;AACb,aAAS,KAAK;AAAA,EAChB;AAEA,WAAS,OAAO,WAAmB;AACjC,UAAM,OAAO,iBAAiB,YAAY,IAAK,OAAO,IAAM,OAAO;AACnE,UAAM,OAAO,MAAM,OAAO,YAAY,MAAM,KAAK,GAAG;AAEpD,UAAM,UAAU,eAAe,OAAO,KAAK,QAAQ,EAAE,CAAC,IAAI;AAC1D,WAAO,OAAO;AACd,aAAS,IAAI;AAAA,EACf;AAEA,WAAS,cAAc,OAA8C;AACnE,QAAI,CAAC,UAAU;AACb,UAAI,MAAM,QAAQ,WAAW;AAC3B,cAAM,eAAe;AACrB,eAAO,CAAC;AAAA,MACV,WAAW,MAAM,QAAQ,aAAa;AACpC,cAAM,eAAe;AACrB,eAAO,EAAE;AAAA,MACX;AAAA,IACF;AACA,gBAAY,KAAK;AAAA,EACnB;AAEA,QAAM,QAAQ,OAAO,QAAQ,gBAAgB,QAAQ,gBAAgB;AACrE,QAAM,QAAQ,OAAO,QAAQ,gBAAgB,QAAQ,gBAAgB;AAErE,SACE,qBAAC,SAAI,aAAU,sBAAqB,WAAU,cAC3C;AAAA,aACC,qBAAC,WAAM,SAAS,SAAS,WAAU,4BAChC;AAAA;AAAA,MACA,YACC,oBAAC,UAAK,eAAY,QAAO,WAAU,+BAA8B,eAEjE;AAAA,OAEJ;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAW,GAAG,oBAAoB,EAAE,MAAM,OAAO,SAAS,CAAC,GAAG,SAAS;AAAA,QAEtE;AAAA,WAAC,gBACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,aAAU;AAAA,cACV,WAAU;AAAA,cACV,cAAY;AAAA,cACZ,SAAS,MAAM,OAAO,EAAE;AAAA,cACxB,UAAU,YAAY;AAAA,cACtB,UAAU;AAAA,cAEV,8BAAC,SAAM,eAAY,QAAO;AAAA;AAAA,UAC5B;AAAA,UAEF;AAAA,YAAC;AAAA;AAAA,cACE,GAAG;AAAA,cACH,GAAG;AAAA,cAIJ,MAAK;AAAA,cACL,WAAW,eAAe,YAAY;AAAA,cACtC,OAAO;AAAA,cACP;AAAA,cACA;AAAA,cACA,UAAU;AAAA,cACV,QAAQ;AAAA,cACR,WAAW;AAAA,cACX,aAAU;AAAA,cACV,WAAU;AAAA;AAAA,UACZ;AAAA,UACC,CAAC,gBACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,aAAU;AAAA,cACV,WAAU;AAAA,cACV,cAAY;AAAA,cACZ,SAAS,MAAM,OAAO,CAAC;AAAA,cACvB,UAAU,YAAY;AAAA,cACtB,UAAU;AAAA,cAEV,8BAAC,QAAK,eAAY,QAAO;AAAA;AAAA,UAC3B;AAAA;AAAA;AAAA,IAEJ;AAAA,IACC,mBACC,oBAAC,gBAAa,IAAI,SAAS,SAAQ,SAChC,wBACH;AAAA,IAED,aACC,oBAAC,gBAAa,IAAI,UAAU,SAAQ,UACjC,sBACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/chunk-NQGCAXTW.cjs

@@ -0,0 +1,45 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Spinner/Spinner.tsx
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var spinnerVariants = _classvarianceauthority.cva.call(void 0, "ddga-spinner", {
+  variants: {
+    size: {
+      sm: "ddga-spinner--sm",
+      md: "ddga-spinner--md",
+      lg: "ddga-spinner--lg"
+    }
+  }
+});
+function Spinner({ size, className, "aria-label": ariaLabel, ...props }) {
+  const hidden = props["aria-hidden"] === true || props["aria-hidden"] === "true";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      role: hidden ? void 0 : "status",
+      "aria-label": hidden ? void 0 : _nullishCoalesce(ariaLabel, () => ( "Loading")),
+      "data-slot": "spinner",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, spinnerVariants({ size }), className),
+      ...props,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+    }
+  );
+}
+
+
+
+
+exports.spinnerVariants = spinnerVariants; exports.Spinner = Spinner;
+//# sourceMappingURL=chunk-NQGCAXTW.cjs.map