@dev-dga/react 0.8.0 → 0.8.2

package/dist/chunk-IQ4KQJAO.js.map

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

package/dist/chunk-ISUDUZEG.cjs

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

package/dist/chunk-ISUDUZEG.cjs.map

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

package/dist/chunk-IUEAUTR7.cjs

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

package/dist/chunk-IUEAUTR7.cjs.map

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

package/dist/chunk-IW7UX7SA.js

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

package/dist/chunk-IW7UX7SA.js.map

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

package/dist/chunk-J3RL3NPU.js

@@ -0,0 +1,70 @@
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/DescriptionList/DescriptionList.tsx
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var descriptionListVariants = cva("ddga-description-list", {
+  variants: {
+    orientation: {
+      horizontal: "ddga-description-list--horizontal",
+      vertical: "ddga-description-list--vertical"
+    },
+    divided: {
+      true: "ddga-description-list--divided"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+function DescriptionList({ orientation, divided, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "dl",
+    {
+      "data-slot": "description-list",
+      className: cn(descriptionListVariants({ orientation, divided }), className),
+      ...props
+    }
+  );
+}
+function DescriptionItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "description-item",
+      className: cn("ddga-description-list__item", className),
+      ...props
+    }
+  );
+}
+function DescriptionTerm({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "dt",
+    {
+      "data-slot": "description-term",
+      className: cn("ddga-description-list__term", className),
+      ...props
+    }
+  );
+}
+function DescriptionDetails({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "dd",
+    {
+      "data-slot": "description-details",
+      className: cn("ddga-description-list__details", className),
+      ...props
+    }
+  );
+}
+
+export {
+  descriptionListVariants,
+  DescriptionList,
+  DescriptionItem,
+  DescriptionTerm,
+  DescriptionDetails
+};
+//# sourceMappingURL=chunk-J3RL3NPU.js.map

package/dist/chunk-J3RL3NPU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DescriptionList/DescriptionList.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Semantic <dl>/<dt>/<dd> key–value list for review / summary screens. Layout\n// cascades from the list root via descendant selectors (Accordion/Tabs\n// pattern), so the row/term/details parts need no variant props.\n\nconst descriptionListVariants = cva('ddga-description-list', {\n  variants: {\n    orientation: {\n      horizontal: 'ddga-description-list--horizontal',\n      vertical: 'ddga-description-list--vertical',\n    },\n    divided: {\n      true: 'ddga-description-list--divided',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface DescriptionListProps\n  extends React.ComponentProps<'dl'>, VariantProps<typeof descriptionListVariants> {}\n\ntype DescriptionItemProps = React.ComponentProps<'div'>;\ntype DescriptionTermProps = React.ComponentProps<'dt'>;\ntype DescriptionDetailsProps = React.ComponentProps<'dd'>;\n\n// ─── 3. Components ─── //\n\nfunction DescriptionList({ orientation, divided, className, ...props }: DescriptionListProps) {\n  return (\n    <dl\n      data-slot=\"description-list\"\n      className={cn(descriptionListVariants({ orientation, divided }), className)}\n      {...props}\n    />\n  );\n}\n\n// Row wrapper grouping one term with its detail(s). A <div> inside <dl> is\n// valid HTML5 and gives each pair a layout/divider boundary.\nfunction DescriptionItem({ className, ...props }: DescriptionItemProps) {\n  return (\n    <div\n      data-slot=\"description-item\"\n      className={cn('ddga-description-list__item', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DescriptionTerm({ className, ...props }: DescriptionTermProps) {\n  return (\n    <dt\n      data-slot=\"description-term\"\n      className={cn('ddga-description-list__term', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DescriptionDetails({ className, ...props }: DescriptionDetailsProps) {\n  return (\n    <dd\n      data-slot=\"description-details\"\n      className={cn('ddga-description-list__details', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  DescriptionList,\n  DescriptionItem,\n  DescriptionTerm,\n  DescriptionDetails,\n  descriptionListVariants,\n};\nexport type {\n  DescriptionListProps,\n  DescriptionItemProps,\n  DescriptionTermProps,\n  DescriptionDetailsProps,\n};\n"],"mappings":";;;;;AAEA,SAAS,WAA8B;AAqCnC;AA5BJ,IAAM,0BAA0B,IAAI,yBAAyB;AAAA,EAC3D,UAAU;AAAA,IACR,aAAa;AAAA,MACX,YAAY;AAAA,MACZ,UAAU;AAAA,IACZ;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,aAAa;AAAA,EACf;AACF,CAAC;AAaD,SAAS,gBAAgB,EAAE,aAAa,SAAS,WAAW,GAAG,MAAM,GAAyB;AAC5F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,wBAAwB,EAAE,aAAa,QAAQ,CAAC,GAAG,SAAS;AAAA,MACzE,GAAG;AAAA;AAAA,EACN;AAEJ;AAIA,SAAS,gBAAgB,EAAE,WAAW,GAAG,MAAM,GAAyB;AACtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,+BAA+B,SAAS;AAAA,MACrD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,gBAAgB,EAAE,WAAW,GAAG,MAAM,GAAyB;AACtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,+BAA+B,SAAS;AAAA,MACrD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,mBAAmB,EAAE,WAAW,GAAG,MAAM,GAA4B;AAC5E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,kCAAkC,SAAS;AAAA,MACxD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-J4OE3JP5.cjs

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

package/dist/chunk-J4OE3JP5.cjs.map

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

package/dist/chunk-J7AM52HN.js

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

package/dist/chunk-J7AM52HN.js.map

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

package/dist/chunk-JEBCK5VJ.js

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

package/dist/chunk-JEBCK5VJ.js.map

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

package/dist/chunk-JQ4P7OBA.js

@@ -0,0 +1,24 @@
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/AspectRatio/AspectRatio.tsx
+import { Slot as SlotPrimitive } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+function AspectRatio({ ratio = 1, asChild, className, style, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "aspect-ratio",
+      className: cn("ddga-aspect-ratio", className),
+      style: { "--ddga-aspect-ratio": ratio, ...style },
+      ...props
+    }
+  );
+}
+
+export {
+  AspectRatio
+};
+//# sourceMappingURL=chunk-JQ4P7OBA.js.map

package/dist/chunk-JQ4P7OBA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AspectRatio/AspectRatio.tsx"],"sourcesContent":["'use client';\n\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cn } from '../../utils/cn';\n\n// ─── Types ─── //\n\ninterface AspectRatioProps extends React.ComponentProps<'div'> {\n  /**\n   * Width-to-height ratio, fed to the native CSS `aspect-ratio` property.\n   * Prefer the readable string form (`ratio=\"16/9\"`) — it stays legible in the\n   * rendered DOM and is a true CSS `<ratio>`. The numeric form (`ratio={16 / 9}`)\n   * also works but JavaScript evaluates it to a float (`1.777…`), so the\n   * original intent is lost in dev tools. Default `1` (square).\n   */\n  ratio?: number | string;\n  /**\n   * Render the ratio onto the single child element (e.g. an `<img>` / `<video>`)\n   * via Radix `Slot`, instead of wrapping it in a `<div>`. Avoids an extra\n   * wrapper around media.\n   */\n  asChild?: boolean;\n}\n\n// ─── Component ─── //\n\n/**\n * Constrains its content to a fixed width-to-height ratio so layouts don't shift\n * as media loads. Built on the native CSS `aspect-ratio` property (Baseline\n * since 2021) — not the legacy padding-bottom hack.\n *\n * The box is full-width by default; set the bounding width via `className` /\n * `style` (or a parent) and the height follows from `ratio`. A single child\n * (image, video, iframe, chart) fills the box with `object-fit: cover`.\n */\nfunction AspectRatio({ ratio = 1, asChild, className, style, ...props }: AspectRatioProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"aspect-ratio\"\n      className={cn('ddga-aspect-ratio', className)}\n      style={{ '--ddga-aspect-ratio': ratio, ...style } as React.CSSProperties}\n      {...props}\n    />\n  );\n}\n\n// ─── Exports ─── //\n\nexport { AspectRatio };\nexport type { AspectRatioProps };\n"],"mappings":";;;;;AAEA,SAAS,QAAQ,qBAAqB;AAoClC;AAHJ,SAAS,YAAY,EAAE,QAAQ,GAAG,SAAS,WAAW,OAAO,GAAG,MAAM,GAAqB;AACzF,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,qBAAqB,SAAS;AAAA,MAC5C,OAAO,EAAE,uBAAuB,OAAO,GAAG,MAAM;AAAA,MAC/C,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-JQJSYOJP.js

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

package/dist/chunk-JQJSYOJP.js.map

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

package/dist/chunk-JQO3EFLX.cjs

@@ -0,0 +1,114 @@
+"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/ScrollArea/ScrollArea.tsx
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var scrollAreaVariants = _classvarianceauthority.cva.call(void 0, "ddga-scroll-area", {
+  variants: {
+    orientation: {
+      vertical: "ddga-scroll-area--vertical",
+      horizontal: "ddga-scroll-area--horizontal",
+      both: "ddga-scroll-area--both"
+    }
+  },
+  defaultVariants: {
+    orientation: "vertical"
+  }
+});
+function warnMissingLabel(ariaLabel, ariaLabelledby) {
+  if (process.env.NODE_ENV === "production") return;
+  if (ariaLabel || ariaLabelledby) return;
+  console.warn(
+    "[dga/ScrollArea] <ScrollArea> has no accessible name. The scroll viewport is keyboard-focusable; pass `aria-label` or `aria-labelledby` so screen-reader users know what region they are scrolling. If the content is itself focusable (e.g. a list of links) and you do not want a labelled region, pass `viewportProps={{ tabIndex: -1 }}`."
+  );
+}
+function ScrollArea({
+  className,
+  orientation = "vertical",
+  type = "hover",
+  scrollHideDelay = 600,
+  viewportRef,
+  viewportProps,
+  children,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  ...props
+}) {
+  warnMissingLabel(ariaLabel, ariaLabelledby);
+  const hasLabel = Boolean(ariaLabel || ariaLabelledby);
+  const showVertical = orientation === "vertical" || orientation === "both";
+  const showHorizontal = orientation === "horizontal" || orientation === "both";
+  const { className: viewportClassName, ...restViewportProps } = _nullishCoalesce(viewportProps, () => ( {}));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _radixui.ScrollArea.Root,
+    {
+      "data-slot": "scroll-area",
+      type,
+      scrollHideDelay,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, scrollAreaVariants({ orientation }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _radixui.ScrollArea.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-scroll-area__viewport", viewportClassName),
+            ref: viewportRef,
+            tabIndex: 0,
+            role: hasLabel ? "region" : void 0,
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledby,
+            ...restViewportProps,
+            children
+          }
+        ),
+        showVertical ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _radixui.ScrollArea.Scrollbar,
+          {
+            "data-slot": "scroll-area-scrollbar",
+            orientation: "vertical",
+            className: "ddga-scroll-area__scrollbar",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _radixui.ScrollArea.Thumb,
+              {
+                "data-slot": "scroll-area-thumb",
+                className: "ddga-scroll-area__thumb"
+              }
+            )
+          }
+        ) : null,
+        showHorizontal ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _radixui.ScrollArea.Scrollbar,
+          {
+            "data-slot": "scroll-area-scrollbar",
+            orientation: "horizontal",
+            className: "ddga-scroll-area__scrollbar",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _radixui.ScrollArea.Thumb,
+              {
+                "data-slot": "scroll-area-thumb",
+                className: "ddga-scroll-area__thumb"
+              }
+            )
+          }
+        ) : null,
+        orientation === "both" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _radixui.ScrollArea.Corner,
+          {
+            "data-slot": "scroll-area-corner",
+            className: "ddga-scroll-area__corner"
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+
+
+
+exports.scrollAreaVariants = scrollAreaVariants; exports.ScrollArea = ScrollArea;
+//# sourceMappingURL=chunk-JQO3EFLX.cjs.map

package/dist/chunk-JQO3EFLX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-JQO3EFLX.cjs","../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-JQO3EFLX.cjs","sourcesContent":[null,"'use client';\n\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst scrollAreaVariants = cva('ddga-scroll-area', {\n  variants: {\n    orientation: {\n      vertical: 'ddga-scroll-area--vertical',\n      horizontal: 'ddga-scroll-area--horizontal',\n      both: 'ddga-scroll-area--both',\n    },\n  },\n  defaultVariants: {\n    orientation: 'vertical',\n  },\n});\n\nfunction warnMissingLabel(ariaLabel?: string, ariaLabelledby?: string) {\n  if (process.env.NODE_ENV === 'production') return;\n  if (ariaLabel || ariaLabelledby) return;\n  // Warn on every render (dev only) — mirrors the Popover sibling's a11y warning.\n  console.warn(\n    '[dga/ScrollArea] <ScrollArea> has no accessible name. The scroll viewport is ' +\n      'keyboard-focusable; pass `aria-label` or `aria-labelledby` so screen-reader users ' +\n      'know what region they are scrolling. If the content is itself focusable (e.g. a list ' +\n      'of links) and you do not want a labelled region, pass `viewportProps={{ tabIndex: -1 }}`.',\n  );\n}\n\ntype ScrollAreaOrientation = 'vertical' | 'horizontal' | 'both';\n\nexport interface ScrollAreaProps\n  extends\n    Omit<React.ComponentProps<typeof ScrollAreaPrimitive.Root>, 'asChild' | 'orientation'>,\n    Omit<VariantProps<typeof scrollAreaVariants>, 'orientation'> {\n  /** Which scrollbar(s) to render. Default `'vertical'`. */\n  orientation?: ScrollAreaOrientation;\n  /** Ref to the scrollable viewport — use for programmatic scrolling. */\n  viewportRef?: React.Ref<HTMLDivElement>;\n  /**\n   * Extra props forwarded to the viewport element (use `viewportRef` for the ref).\n   * To drop the extra tab stop when the scrolled content is itself fully focusable\n   * (e.g. a list of links), pass `viewportProps={{ tabIndex: -1 }}`.\n   */\n  viewportProps?: Omit<React.ComponentProps<'div'>, 'ref'>;\n  /** Names the scroll region. Warns (dev only) if neither this nor `aria-labelledby` is set. */\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n}\n\n/**\n * Cross-browser, design-system-styled scroll container (wraps Radix ScrollArea).\n *\n * Set the bounding size (height / max-height) on the element via `className` /\n * `style` — without a bounded size nothing scrolls, exactly like native overflow.\n * The viewport is keyboard-focusable (`tabIndex={0}`) so keyboard users can scroll\n * with the arrow / Page keys; pass `aria-label` to name the region.\n *\n * Does not support `asChild`: it is a structural wrapper composing several Radix\n * parts, and the meaningful node — the viewport — is exposed via `viewportRef`.\n */\nexport function ScrollArea({\n  className,\n  orientation = 'vertical',\n  type = 'hover',\n  scrollHideDelay = 600,\n  viewportRef,\n  viewportProps,\n  children,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  ...props\n}: ScrollAreaProps) {\n  warnMissingLabel(ariaLabel, ariaLabelledby);\n\n  const hasLabel = Boolean(ariaLabel || ariaLabelledby);\n  const showVertical = orientation === 'vertical' || orientation === 'both';\n  const showHorizontal = orientation === 'horizontal' || orientation === 'both';\n\n  const { className: viewportClassName, ...restViewportProps } = viewportProps ?? {};\n\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      type={type}\n      scrollHideDelay={scrollHideDelay}\n      className={cn(scrollAreaVariants({ orientation }), className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className={cn('ddga-scroll-area__viewport', viewportClassName)}\n        ref={viewportRef}\n        tabIndex={0}\n        role={hasLabel ? 'region' : undefined}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        {...restViewportProps}\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      {showVertical ? (\n        <ScrollAreaPrimitive.Scrollbar\n          data-slot=\"scroll-area-scrollbar\"\n          orientation=\"vertical\"\n          className=\"ddga-scroll-area__scrollbar\"\n        >\n          <ScrollAreaPrimitive.Thumb\n            data-slot=\"scroll-area-thumb\"\n            className=\"ddga-scroll-area__thumb\"\n          />\n        </ScrollAreaPrimitive.Scrollbar>\n      ) : null}\n      {showHorizontal ? (\n        <ScrollAreaPrimitive.Scrollbar\n          data-slot=\"scroll-area-scrollbar\"\n          orientation=\"horizontal\"\n          className=\"ddga-scroll-area__scrollbar\"\n        >\n          <ScrollAreaPrimitive.Thumb\n            data-slot=\"scroll-area-thumb\"\n            className=\"ddga-scroll-area__thumb\"\n          />\n        </ScrollAreaPrimitive.Scrollbar>\n      ) : null}\n      {orientation === 'both' ? (\n        <ScrollAreaPrimitive.Corner\n          data-slot=\"scroll-area-corner\"\n          className=\"ddga-scroll-area__corner\"\n        />\n      ) : null}\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nexport { scrollAreaVariants };\nexport type { ScrollAreaOrientation };\n"]}

package/dist/chunk-JVUANKS3.js

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

package/dist/chunk-JVUANKS3.js.map

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

package/dist/chunk-JWUYPAFC.cjs

@@ -0,0 +1,194 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+var _chunkIKWD2OENcjs = require('./chunk-IKWD2OEN.cjs');
+
+
+var _chunkN4FHLSNVcjs = require('./chunk-N4FHLSNV.cjs');
+
+
+var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/NumberInput/NumberInput.tsx
+var _react = require('react');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var numberInputVariants = _classvarianceauthority.cva.call(void 0, "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] = _react.useState.call(void 0, _nullishCoalesce(defaultValue, () => ( null)));
+  const numericValue = isControlled ? value : internal;
+  const [draft, setDraft] = _react.useState.call(void 0, null);
+  const allowDecimal = !Number.isInteger(step);
+  const allowNegative = min == null || min < 0;
+  const displayValue = _nullishCoalesce(draft, () => ( (numericValue == null ? "" : formatNumber(numericValue))));
+  const allowedPattern = new RegExp(
+    `^${allowNegative ? "-?" : ""}\\d*${allowDecimal ? "(\\.\\d*)?" : ""}$`
+  );
+  function commit(next) {
+    if (!isControlled) setInternal(next);
+    _optionalChain([onValueChange, 'optionalCall', _ => _(next)]);
+  }
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = _chunkNH3KGR65cjs.useFieldA11y.call(void 0, {
+    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);
+    _optionalChain([onBlur, 'optionalCall', _2 => _2(event)]);
+  }
+  function stepBy(direction) {
+    const base = _nullishCoalesce(numericValue, () => ( (direction > 0 ? _nullishCoalesce(min, () => ( 0)) : _nullishCoalesce(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);
+      }
+    }
+    _optionalChain([onKeyDown, 'optionalCall', _3 => _3(event)]);
+  }
+  const atMin = min != null && numericValue != null && numericValue <= min;
+  const atMax = max != null && numericValue != null && numericValue >= max;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "data-slot": "number-input-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { htmlFor: fieldId, className: "ddga-number-input__label", children: [
+      label,
+      required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "ddga-number-input__required", children: "*" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        "data-slot": "number-input-control",
+        className: _chunkV6MXOJQ4cjs.cn.call(void 0, numberInputVariants({ size, error: hasError }), className),
+        children: [
+          !hideControls && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "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__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Minus, { "aria-hidden": "true" })
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "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__ */ _jsxruntime.jsx.call(void 0, 
+            "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__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Plus, { "aria-hidden": "true" })
+            }
+          )
+        ]
+      }
+    ),
+    hasErrorMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN4FHLSNVcjs.FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN4FHLSNVcjs.FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] });
+}
+
+
+
+
+exports.numberInputVariants = numberInputVariants; exports.NumberInput = NumberInput;
+//# sourceMappingURL=chunk-JWUYPAFC.cjs.map

package/dist/chunk-JWUYPAFC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-JWUYPAFC.cjs","../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-JWUYPAFC.cjs","sourcesContent":[null,"'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"]}