@dev-dga/react 0.8.0 → 0.8.2

package/dist/chunk-6BZMLKCU.cjs

@@ -0,0 +1,103 @@
+"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 _chunkO74TNSJDcjs = require('./chunk-O74TNSJD.cjs');
+
+
+var _chunkUK2SFZIQcjs = require('./chunk-UK2SFZIQ.cjs');
+
+
+
+var _chunkIKWD2OENcjs = require('./chunk-IKWD2OEN.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/SearchBox/SearchBox.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function setNativeInputValue(el, value) {
+  const setter = _optionalChain([Object, 'access', _ => _.getOwnPropertyDescriptor, 'call', _2 => _2(window.HTMLInputElement.prototype, "value"), 'optionalAccess', _3 => _3.set]);
+  _optionalChain([setter, 'optionalAccess', _4 => _4.call, 'call', _5 => _5(el, value)]);
+  el.dispatchEvent(new Event("input", { bubbles: true }));
+}
+function SearchBox({
+  value,
+  defaultValue,
+  onChange,
+  onKeyDown,
+  onSearch,
+  onClear,
+  clearable = true,
+  clearLabel = "Clear search",
+  className,
+  ref,
+  ...rest
+}) {
+  const inputRef = _react.useRef.call(void 0, null);
+  const setRefs = _react.useCallback.call(void 0, 
+    (node) => {
+      inputRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    },
+    [ref]
+  );
+  const isControlled = value !== void 0;
+  const [internal, setInternal] = _react.useState.call(void 0, 
+    defaultValue != null ? String(defaultValue) : ""
+  );
+  const currentValue = isControlled ? String(_nullishCoalesce(value, () => ( ""))) : internal;
+  const handleChange = (event) => {
+    if (!isControlled) setInternal(event.target.value);
+    _optionalChain([onChange, 'optionalCall', _6 => _6(event)]);
+  };
+  const clear = () => {
+    const el = inputRef.current;
+    if (!el) return;
+    setNativeInputValue(el, "");
+    el.focus();
+    _optionalChain([onClear, 'optionalCall', _7 => _7()]);
+  };
+  const handleKeyDown = (event) => {
+    _optionalChain([onKeyDown, 'optionalCall', _8 => _8(event)]);
+    if (event.defaultPrevented) return;
+    if (event.key === "Enter") {
+      _optionalChain([onSearch, 'optionalCall', _9 => _9(currentValue)]);
+    } else if (event.key === "Escape" && currentValue.length > 0) {
+      event.preventDefault();
+      event.stopPropagation();
+      clear();
+    }
+  };
+  const showClear = clearable && currentValue.length > 0;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkO74TNSJDcjs.Input,
+    {
+      ...rest,
+      ref: setRefs,
+      type: "search",
+      value: currentValue,
+      onChange: handleChange,
+      onKeyDown: handleKeyDown,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-search-box", className),
+      startAdornment: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Search, { "data-slot": "search-box-icon", "aria-hidden": "true" }),
+      endAdornment: showClear ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkUK2SFZIQcjs.Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon-sm",
+          "aria-label": clearLabel,
+          "data-slot": "search-box-clear",
+          onClick: clear,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Close, { "aria-hidden": "true" })
+        }
+      ) : void 0
+    }
+  );
+}
+
+
+
+exports.SearchBox = SearchBox;
+//# sourceMappingURL=chunk-6BZMLKCU.cjs.map

package/dist/chunk-6BZMLKCU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-6BZMLKCU.cjs","../src/components/SearchBox/SearchBox.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-6BZMLKCU.cjs","sourcesContent":[null,"'use client';\n\nimport { useCallback, useRef, useState } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Input, type InputProps } from '../Input';\nimport { Button } from '../Button';\nimport { Search, Close } from '../../internal/icons';\n\n// ─── 1. Types ─── //\n\n// SearchBox composes Input — it reuses Input's field a11y (label / helper /\n// error), sizing and adornment slots — and adds search behavior on top:\n// a leading magnifier, a clear (×) button, Escape-to-clear and `onSearch`.\n// It is a form control, so (like Input) it does NOT take `asChild`.\ninterface SearchBoxProps extends Omit<InputProps, 'startAdornment' | 'endAdornment' | 'type'> {\n  /** Fires on Enter with the current query string. */\n  onSearch?: (value: string) => void;\n  /** Fires when the field is cleared (clear button or Escape). */\n  onClear?: () => void;\n  /** Show the clear (×) button while the field has a value. Default `true`. */\n  clearable?: boolean;\n  /** Accessible label for the clear button. Default `'Clear search'`. */\n  clearLabel?: string;\n}\n\n// ─── 2. Helper ─── //\n\n// Set a React-controlled input's value imperatively and notify React, so the\n// clear action works identically in controlled and uncontrolled mode: the\n// native setter bypasses React's value tracker and the dispatched `input`\n// event drives the same `onChange` path a keystroke would. (Canonical\n// controlled-input clearing technique.)\nfunction setNativeInputValue(el: HTMLInputElement, value: string) {\n  const setter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value')?.set;\n  setter?.call(el, value);\n  el.dispatchEvent(new Event('input', { bubbles: true }));\n}\n\n// ─── 3. Component ─── //\n\nfunction SearchBox({\n  value,\n  defaultValue,\n  onChange,\n  onKeyDown,\n  onSearch,\n  onClear,\n  clearable = true,\n  clearLabel = 'Clear search',\n  className,\n  ref,\n  ...rest\n}: SearchBoxProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  // We need the input node internally (clear() refocuses it), but consumers can\n  // also pass a `ref` (InputProps advertises it). Merge both onto one callback\n  // so neither clobbers the other.\n  const setRefs = useCallback(\n    (node: HTMLInputElement | null) => {\n      inputRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) ref.current = node;\n    },\n    [ref],\n  );\n\n  // Internally controlled: we always feed `value` to the inner input so the\n  // clear button's visibility tracks the current text in both modes.\n  const isControlled = value !== undefined;\n  const [internal, setInternal] = useState<string>(\n    defaultValue != null ? String(defaultValue) : '',\n  );\n  const currentValue = isControlled ? String(value ?? '') : internal;\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (!isControlled) setInternal(event.target.value);\n    onChange?.(event);\n  };\n\n  const clear = () => {\n    const el = inputRef.current;\n    if (!el) return;\n    setNativeInputValue(el, '');\n    el.focus();\n    onClear?.();\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented) return;\n\n    if (event.key === 'Enter') {\n      onSearch?.(currentValue);\n    } else if (event.key === 'Escape' && currentValue.length > 0) {\n      // First Escape clears the query; stop it here so a parent overlay\n      // (Modal/Popover) only closes on a second, now-empty Escape.\n      event.preventDefault();\n      event.stopPropagation();\n      clear();\n    }\n  };\n\n  const showClear = clearable && currentValue.length > 0;\n\n  return (\n    <Input\n      {...rest}\n      ref={setRefs}\n      type=\"search\"\n      value={currentValue}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      className={cn('ddga-search-box', className)}\n      startAdornment={<Search data-slot=\"search-box-icon\" aria-hidden=\"true\" />}\n      endAdornment={\n        showClear ? (\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            aria-label={clearLabel}\n            data-slot=\"search-box-clear\"\n            onClick={clear}\n          >\n            <Close aria-hidden=\"true\" />\n          </Button>\n        ) : undefined\n      }\n    />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { SearchBox };\nexport type { SearchBoxProps };\n"]}

package/dist/chunk-6E6VSVSI.js

@@ -0,0 +1,61 @@
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Sidebar/SidebarGroup.tsx
+import { Slot as SlotPrimitive } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+function SidebarGroup({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "sidebar-group",
+      role: "group",
+      className: cn("ddga-sidebar__group", className),
+      ...props
+    }
+  );
+}
+function SidebarGroupLabel({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "sidebar-group-label",
+      className: cn("ddga-sidebar__group-label", className),
+      ...props
+    }
+  );
+}
+function SidebarGroupAction({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      type: asChild ? void 0 : "button",
+      "data-slot": "sidebar-group-action",
+      className: cn("ddga-sidebar__group-action", className),
+      ...props
+    }
+  );
+}
+function SidebarGroupContent({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "sidebar-group-content",
+      className: cn("ddga-sidebar__group-content", className),
+      ...props
+    }
+  );
+}
+
+export {
+  SidebarGroup,
+  SidebarGroupLabel,
+  SidebarGroupAction,
+  SidebarGroupContent
+};
+//# sourceMappingURL=chunk-6E6VSVSI.js.map

package/dist/chunk-6E6VSVSI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Sidebar/SidebarGroup.tsx"],"sourcesContent":["'use client';\n\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cn } from '../../utils/cn';\n\ntype SidebarGroupDivProps = React.ComponentProps<'div'> & { asChild?: boolean };\n\nfunction SidebarGroup({ asChild, className, ...props }: SidebarGroupDivProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"sidebar-group\"\n      role=\"group\"\n      className={cn('ddga-sidebar__group', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarGroupLabel({ asChild, className, ...props }: SidebarGroupDivProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"sidebar-group-label\"\n      className={cn('ddga-sidebar__group-label', className)}\n      {...props}\n    />\n  );\n}\n\ninterface SidebarGroupActionProps extends React.ComponentProps<'button'> {\n  asChild?: boolean;\n}\n\nfunction SidebarGroupAction({ asChild, className, ...props }: SidebarGroupActionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n  return (\n    <Comp\n      type={asChild ? undefined : 'button'}\n      data-slot=\"sidebar-group-action\"\n      className={cn('ddga-sidebar__group-action', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarGroupContent({ asChild, className, ...props }: SidebarGroupDivProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"sidebar-group-content\"\n      className={cn('ddga-sidebar__group-content', className)}\n      {...props}\n    />\n  );\n}\n\nexport { SidebarGroup, SidebarGroupLabel, SidebarGroupAction, SidebarGroupContent };\nexport type { SidebarGroupDivProps, SidebarGroupActionProps };\n"],"mappings":";;;;;AAEA,SAAS,QAAQ,qBAAqB;AAQlC;AAHJ,SAAS,aAAa,EAAE,SAAS,WAAW,GAAG,MAAM,GAAyB;AAC5E,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAW,GAAG,uBAAuB,SAAS;AAAA,MAC7C,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,kBAAkB,EAAE,SAAS,WAAW,GAAG,MAAM,GAAyB;AACjF,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,6BAA6B,SAAS;AAAA,MACnD,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,SAAS,mBAAmB,EAAE,SAAS,WAAW,GAAG,MAAM,GAA4B;AACrF,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,UAAU,SAAY;AAAA,MAC5B,aAAU;AAAA,MACV,WAAW,GAAG,8BAA8B,SAAS;AAAA,MACpD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,oBAAoB,EAAE,SAAS,WAAW,GAAG,MAAM,GAAyB;AACnF,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,+BAA+B,SAAS;AAAA,MACrD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-6ELYUHB6.js

@@ -0,0 +1,45 @@
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Spinner/Spinner.tsx
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var spinnerVariants = cva("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__ */ jsx(
+    "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 : ariaLabel ?? "Loading",
+      "data-slot": "spinner",
+      className: cn(spinnerVariants({ size }), className),
+      ...props,
+      children: /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+    }
+  );
+}
+
+export {
+  spinnerVariants,
+  Spinner
+};
+//# sourceMappingURL=chunk-6ELYUHB6.js.map

package/dist/chunk-6ELYUHB6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Spinner/Spinner.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst spinnerVariants = cva('ddga-spinner', {\n  variants: {\n    size: {\n      sm: 'ddga-spinner--sm',\n      md: 'ddga-spinner--md',\n      lg: 'ddga-spinner--lg',\n    },\n  },\n});\n\ntype SpinnerProps = Omit<React.SVGProps<SVGSVGElement>, 'children'> &\n  VariantProps<typeof spinnerVariants> & {\n    /**\n     * Accessible label announced by screen readers. Defaults to \"Loading\".\n     * Pass `aria-hidden=\"true\"` (e.g. inside a Button that already has its\n     * own label) to suppress.\n     */\n    'aria-label'?: string;\n  };\n\nfunction Spinner({ size, className, 'aria-label': ariaLabel, ...props }: SpinnerProps) {\n  const hidden = props['aria-hidden'] === true || props['aria-hidden'] === 'true';\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"1em\"\n      height=\"1em\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      role={hidden ? undefined : 'status'}\n      aria-label={hidden ? undefined : (ariaLabel ?? 'Loading')}\n      data-slot=\"spinner\"\n      className={cn(spinnerVariants({ size }), className)}\n      {...props}\n    >\n      <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n    </svg>\n  );\n}\n\nexport { Spinner, spinnerVariants };\nexport type { SpinnerProps };\n"],"mappings":";;;;;AAEA,SAAS,WAA8B;AA0CjC;AAvCN,IAAM,kBAAkB,IAAI,gBAAgB;AAAA,EAC1C,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AACF,CAAC;AAYD,SAAS,QAAQ,EAAE,MAAM,WAAW,cAAc,WAAW,GAAG,MAAM,GAAiB;AACrF,QAAM,SAAS,MAAM,aAAa,MAAM,QAAQ,MAAM,aAAa,MAAM;AACzE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,MAAM,SAAS,SAAY;AAAA,MAC3B,cAAY,SAAS,SAAa,aAAa;AAAA,MAC/C,aAAU;AAAA,MACV,WAAW,GAAG,gBAAgB,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,MACjD,GAAG;AAAA,MAEJ,8BAAC,UAAK,GAAE,+BAA8B;AAAA;AAAA,EACxC;AAEJ;","names":[]}

package/dist/chunk-6NZXWKUE.js

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

package/dist/chunk-6NZXWKUE.js.map

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

package/dist/chunk-775MRN7R.js

@@ -0,0 +1,45 @@
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Collapsible/Collapsible.tsx
+import { Collapsible as CollapsiblePrimitive } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+function Collapsible({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.Root,
+    {
+      "data-slot": "collapsible",
+      className: cn("ddga-collapsible", className),
+      ...props
+    }
+  );
+}
+function CollapsibleTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.Trigger,
+    {
+      "data-slot": "collapsible-trigger",
+      className: cn("ddga-collapsible__trigger", className),
+      ...props
+    }
+  );
+}
+function CollapsibleContent({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    CollapsiblePrimitive.Content,
+    {
+      "data-slot": "collapsible-content",
+      className: cn("ddga-collapsible__content", className),
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: "ddga-collapsible__content-inner", children })
+    }
+  );
+}
+
+export {
+  Collapsible,
+  CollapsibleTrigger,
+  CollapsibleContent
+};
+//# sourceMappingURL=chunk-775MRN7R.js.map

package/dist/chunk-775MRN7R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["'use client';\n\nimport { Collapsible as CollapsiblePrimitive } from 'radix-ui';\nimport { cn } from '../../utils/cn';\n\n// ─── Collapsible ─── //\n//\n// The single-panel disclosure primitive — the building block Accordion is\n// built on. A thin, themed wrapper over Radix `Collapsible`: Root / Trigger /\n// Content. No size or variant `cva` — the consumer owns the trigger's look\n// (asChild-first), so there is nothing to vary; `cn()` only, like List/Quote\n// sub-parts.\n//\n// Radix handles all disclosure state (open / closed via `data-state`),\n// `aria-expanded` / `aria-controls` wiring, button semantics, and Enter/Space.\n// Content height-slides via `--radix-collapsible-content-height`, mirroring\n// the Accordion pattern; the inner wrapper carries the clip so the animation\n// stays clean (no opinionated padding — content is generic).\n\ntype CollapsibleProps = React.ComponentProps<typeof CollapsiblePrimitive.Root>;\ntype CollapsibleTriggerProps = React.ComponentProps<typeof CollapsiblePrimitive.Trigger>;\ntype CollapsibleContentProps = React.ComponentProps<typeof CollapsiblePrimitive.Content>;\n\nfunction Collapsible({ className, ...props }: CollapsibleProps) {\n  return (\n    <CollapsiblePrimitive.Root\n      data-slot=\"collapsible\"\n      className={cn('ddga-collapsible', className)}\n      {...props}\n    />\n  );\n}\n\n// asChild is forwarded straight to the Radix primitive (which handles Slot\n// internally) — we don't re-add it. Same rule as our other Radix-primitive\n// wrappers. Bare trigger gets a minimal reset + focus ring; consumers usually\n// override it with their own button via `asChild`.\nfunction CollapsibleTrigger({ className, ...props }: CollapsibleTriggerProps) {\n  return (\n    <CollapsiblePrimitive.Trigger\n      data-slot=\"collapsible-trigger\"\n      className={cn('ddga-collapsible__trigger', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CollapsibleContent({ className, children, ...props }: CollapsibleContentProps) {\n  return (\n    <CollapsiblePrimitive.Content\n      data-slot=\"collapsible-content\"\n      className={cn('ddga-collapsible__content', className)}\n      {...props}\n    >\n      <div className=\"ddga-collapsible__content-inner\">{children}</div>\n    </CollapsiblePrimitive.Content>\n  );\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\nexport type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleContentProps };\n"],"mappings":";;;;;AAEA,SAAS,eAAe,4BAA4B;AAuBhD;AAFJ,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAqB;AAC9D,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,oBAAoB,SAAS;AAAA,MAC1C,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,SAAS,mBAAmB,EAAE,WAAW,GAAG,MAAM,GAA4B;AAC5E,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,6BAA6B,SAAS;AAAA,MACnD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,mBAAmB,EAAE,WAAW,UAAU,GAAG,MAAM,GAA4B;AACtF,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,6BAA6B,SAAS;AAAA,MACnD,GAAG;AAAA,MAEJ,8BAAC,SAAI,WAAU,mCAAmC,UAAS;AAAA;AAAA,EAC7D;AAEJ;","names":[]}

package/dist/chunk-7JQ6ENVX.js

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

package/dist/chunk-7JQ6ENVX.js.map

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

package/dist/chunk-7NTT2UXP.js

@@ -0,0 +1,10 @@
+// src/utils/cn.ts
+import { clsx } from "clsx";
+function cn(...inputs) {
+  return clsx(inputs);
+}
+
+export {
+  cn
+};
+//# sourceMappingURL=chunk-7NTT2UXP.js.map

package/dist/chunk-7NTT2UXP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/cn.ts"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx';\n\nexport function cn(...inputs: ClassValue[]) {\n  return clsx(inputs);\n}\n"],"mappings":";AAAA,SAAS,YAA6B;AAE/B,SAAS,MAAM,QAAsB;AAC1C,SAAO,KAAK,MAAM;AACpB;","names":[]}

package/dist/chunk-7QCXGMBX.js

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

package/dist/chunk-7QCXGMBX.js.map

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

package/dist/chunk-7WDQQSRQ.js

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

package/dist/chunk-7WDQQSRQ.js.map

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

package/dist/chunk-A6RVSF5V.cjs

@@ -0,0 +1,77 @@
+"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/List/List.tsx
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var listVariants = _classvarianceauthority.cva.call(void 0, "ddga-list", {
+  variants: {
+    variant: {
+      plain: "ddga-list--plain",
+      bulleted: "ddga-list--bulleted",
+      numbered: "ddga-list--numbered",
+      lettered: "ddga-list--lettered"
+    },
+    divided: {
+      true: "ddga-list--divided"
+    }
+  },
+  defaultVariants: {
+    variant: "plain"
+  }
+});
+function List({ variant, divided, className, start, reversed, ...props }) {
+  const classes = _chunkV6MXOJQ4cjs.cn.call(void 0, listVariants({ variant, divided }), className);
+  const ordered = variant === "numbered" || variant === "lettered";
+  if (ordered) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "ol",
+      {
+        "data-slot": "list",
+        "data-variant": variant,
+        className: classes,
+        start,
+        reversed,
+        ...props
+      }
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { "data-slot": "list", "data-variant": _nullishCoalesce(variant, () => ( "plain")), className: classes, ...props });
+}
+function ListItem({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { "data-slot": "list-item", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-list__item", className), ...props });
+}
+function ListItemIcon({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-slot": "list-item-icon", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-list__icon", className), ...props });
+}
+function ListItemContent({
+  primary,
+  secondary,
+  className,
+  children,
+  ...props
+}) {
+  if (process.env.NODE_ENV === "development" && children != null && (primary != null || secondary != null)) {
+    console.warn(
+      "[@dev-dga/react] ListItemContent: `children` overrides `primary`/`secondary`. Pass one or the other, not both."
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-slot": "list-item-content", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-list__content", className), ...props, children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    primary != null && primary !== "" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-slot": "list-item-primary", className: "ddga-list__primary", children: primary }),
+    secondary != null && secondary !== "" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-slot": "list-item-secondary", className: "ddga-list__secondary", children: secondary })
+  ] }))) });
+}
+function ListItemAction({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-slot": "list-item-action", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-list__action", className), ...props });
+}
+
+
+
+
+
+
+
+
+exports.listVariants = listVariants; exports.List = List; exports.ListItem = ListItem; exports.ListItemIcon = ListItemIcon; exports.ListItemContent = ListItemContent; exports.ListItemAction = ListItemAction;
+//# sourceMappingURL=chunk-A6RVSF5V.cjs.map

package/dist/chunk-A6RVSF5V.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-A6RVSF5V.cjs","../src/components/List/List.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-A6RVSF5V.cjs","sourcesContent":[null,"'use client';\n\nimport type { ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Presentational content-list compound (sibling to Timeline / DescriptionList):\n// semantic <ul>/<ol> + <li>, layout cascading from the root variant via\n// descendant selectors. No `asChild` — a <ul>/<ol>/<li> structure can't be\n// Slot-substituted without breaking list semantics; for interactive rows\n// compose `Link` / `Button` inside an item (both already do `asChild`).\n//\n// `plain` = no markers, flex rows (icon / content / action). The marker\n// variants show the native ::marker and are **direction-localized** (the CSS\n// swaps the counter style under `[dir='rtl']`, the way the rest of the system\n// themes by `dir`):\n//   • `bulleted` → disc (direction-neutral)\n//   • `numbered` → decimal (LTR) / arabic-indic ١٢٣ (RTL)\n//   • `lettered` → lower-alpha (LTR) / arabic-abjad أ‑ب‑ج (RTL)\n// `numbered` / `lettered` are ordered, so the root renders as <ol> and the\n// ordinals are real (and `start` / `reversed` are honored).\n\nconst listVariants = cva('ddga-list', {\n  variants: {\n    variant: {\n      plain: 'ddga-list--plain',\n      bulleted: 'ddga-list--bulleted',\n      numbered: 'ddga-list--numbered',\n      lettered: 'ddga-list--lettered',\n    },\n    divided: {\n      true: 'ddga-list--divided',\n    },\n  },\n  defaultVariants: {\n    variant: 'plain',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// Drop the (deprecated, marker-shape) <ul> `type` attribute — markers are\n// driven by the variant + CSS, not this prop. The ordered-list `start` /\n// `reversed` attributes are surfaced explicitly for the `numbered` variant.\ninterface ListProps\n  extends Omit<React.ComponentProps<'ul'>, 'type'>, VariantProps<typeof listVariants> {\n  /** Ordered variants (`numbered` / `lettered`) only — the ordinal to start from. */\n  start?: number;\n  /** Ordered variants only — count the ordinals down instead of up. */\n  reversed?: boolean;\n}\n\ntype ListItemProps = React.ComponentProps<'li'>;\ntype ListItemIconProps = React.ComponentProps<'span'>;\ntype ListItemActionProps = React.ComponentProps<'div'>;\n\ninterface ListItemContentProps extends React.ComponentProps<'div'> {\n  /**\n   * Primary line. Ignored if `children` is provided — `children` fully\n   * replaces the primary/secondary rendering (use one or the other).\n   */\n  primary?: ReactNode;\n  /** Secondary, de-emphasized line below the primary. Ignored if `children` is set. */\n  secondary?: ReactNode;\n}\n\n// ─── 3. Components ─── //\n\nfunction List({ variant, divided, className, start, reversed, ...props }: ListProps) {\n  const classes = cn(listVariants({ variant, divided }), className);\n  // Ordered variants need a real <ol> so the ordinals are semantic and `start` /\n  // `reversed` are honored; `plain` / `bulleted` are <ul>. Two branches keep\n  // each element's prop+ref types correct (a single dynamic tag can't).\n  const ordered = variant === 'numbered' || variant === 'lettered';\n  if (ordered) {\n    return (\n      <ol\n        data-slot=\"list\"\n        data-variant={variant}\n        className={classes}\n        start={start}\n        reversed={reversed}\n        {...(props as React.ComponentProps<'ol'>)}\n      />\n    );\n  }\n  return <ul data-slot=\"list\" data-variant={variant ?? 'plain'} className={classes} {...props} />;\n}\n\nfunction ListItem({ className, ...props }: ListItemProps) {\n  return <li data-slot=\"list-item\" className={cn('ddga-list__item', className)} {...props} />;\n}\n\n// Leading slot — an icon or Avatar container. Decorative by default; the\n// consumer marks the actual glyph `aria-hidden`. Note: the icon / content /\n// action slots only lay out as a row under `variant=\"plain\"`; bulleted /\n// numbered items are `display: list-item` (for the native marker) and stack.\nfunction ListItemIcon({ className, ...props }: ListItemIconProps) {\n  return (\n    <span data-slot=\"list-item-icon\" className={cn('ddga-list__icon', className)} {...props} />\n  );\n}\n\nfunction ListItemContent({\n  primary,\n  secondary,\n  className,\n  children,\n  ...props\n}: ListItemContentProps) {\n  // Dev-only: `children` fully replaces the primary/secondary rendering, so\n  // passing both silently drops `primary`/`secondary` — warn the consumer.\n  if (\n    process.env.NODE_ENV === 'development' &&\n    children != null &&\n    (primary != null || secondary != null)\n  ) {\n    console.warn(\n      '[@dev-dga/react] ListItemContent: `children` overrides `primary`/' +\n        '`secondary`. Pass one or the other, not both.',\n    );\n  }\n  return (\n    <div data-slot=\"list-item-content\" className={cn('ddga-list__content', className)} {...props}>\n      {children ?? (\n        <>\n          {primary != null && primary !== '' && (\n            <span data-slot=\"list-item-primary\" className=\"ddga-list__primary\">\n              {primary}\n            </span>\n          )}\n          {secondary != null && secondary !== '' && (\n            <span data-slot=\"list-item-secondary\" className=\"ddga-list__secondary\">\n              {secondary}\n            </span>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n\n// Trailing slot — meta text or an action control, pushed to the inline-end edge.\nfunction ListItemAction({ className, ...props }: ListItemActionProps) {\n  return (\n    <div data-slot=\"list-item-action\" className={cn('ddga-list__action', className)} {...props} />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { List, ListItem, ListItemIcon, ListItemContent, ListItemAction, listVariants };\nexport type {\n  ListProps,\n  ListItemProps,\n  ListItemIconProps,\n  ListItemContentProps,\n  ListItemActionProps,\n};\n"]}

package/dist/chunk-AM2OVOQV.cjs

@@ -0,0 +1,45 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Stat/StatGroup.tsx
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var statGroupVariants = _classvarianceauthority.cva.call(void 0, "ddga-stat-group", {
+  variants: {
+    orientation: {
+      horizontal: "ddga-stat-group--horizontal",
+      vertical: "ddga-stat-group--vertical"
+    },
+    gap: {
+      sm: "ddga-stat-group--gap-sm",
+      md: "ddga-stat-group--gap-md",
+      lg: "ddga-stat-group--gap-lg"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal",
+    gap: "md"
+  }
+});
+function StatGroup({ orientation, gap, columns, className, style, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "stat-group",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, 
+        statGroupVariants({ orientation, gap }),
+        columns != null && "ddga-stat-group--cols",
+        className
+      ),
+      style: columns != null ? { "--ddga-stat-group-columns": columns, ...style } : style,
+      ...props
+    }
+  );
+}
+
+
+
+
+exports.statGroupVariants = statGroupVariants; exports.StatGroup = StatGroup;
+//# sourceMappingURL=chunk-AM2OVOQV.cjs.map

package/dist/chunk-AM2OVOQV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-AM2OVOQV.cjs","../src/components/Stat/StatGroup.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACFA,kEAAuC;AA0CnC,+CAAA;AArCJ,IAAM,kBAAA,EAAoB,yCAAA,iBAAI,EAAmB;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,UAAA,EAAY,6BAAA;AAAA,MACZ,QAAA,EAAU;AAAA,IACZ,CAAA;AAAA,IACA,GAAA,EAAK;AAAA,MACH,EAAA,EAAI,yBAAA;AAAA,MACJ,EAAA,EAAI,yBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa,YAAA;AAAA,IACb,GAAA,EAAK;AAAA,EACP;AACF,CAAC,CAAA;AAmBD,SAAS,SAAA,CAAU,EAAE,WAAA,EAAa,GAAA,EAAK,OAAA,EAAS,SAAA,EAAW,KAAA,EAAO,GAAG,MAAM,CAAA,EAAmB;AAC5F,EAAA,uBACE,6BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,YAAA;AAAA,MACV,SAAA,EAAW,kCAAA;AAAA,QACT,iBAAA,CAAkB,EAAE,WAAA,EAAa,IAAI,CAAC,CAAA;AAAA,QACtC,QAAA,GAAW,KAAA,GAAQ,uBAAA;AAAA,QACnB;AAAA,MACF,CAAA;AAAA,MACA,KAAA,EACE,QAAA,GAAW,KAAA,EACN,EAAE,2BAAA,EAA6B,OAAA,EAAS,GAAG,MAAM,EAAA,EAClD,KAAA;AAAA,MAEL,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;ADpBA;AACA;AACE;AACA;AACF,6EAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-AM2OVOQV.cjs","sourcesContent":[null,"'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n\nconst statGroupVariants = cva('ddga-stat-group', {\n  variants: {\n    orientation: {\n      horizontal: 'ddga-stat-group--horizontal',\n      vertical: 'ddga-stat-group--vertical',\n    },\n    gap: {\n      sm: 'ddga-stat-group--gap-sm',\n      md: 'ddga-stat-group--gap-md',\n      lg: 'ddga-stat-group--gap-lg',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    gap: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface StatGroupProps\n  extends React.ComponentProps<'div'>, VariantProps<typeof statGroupVariants> {\n  /**\n   * Fixed column count for the horizontal grid (collapses to one column on\n   * narrow screens). Omit for an auto-fit responsive grid.\n   */\n  columns?: number;\n}\n\n// ─── 3. Component ─── //\n\n// Pure layout container for Stat tiles. Each Stat keeps its own surface; inside\n// a group the tile's max-inline-size is released so it fills its grid/flex slot\n// (see stat.css). `columns` is passed as a CSS custom property and consumed by\n// the `--cols` rule, so a media query can still collapse it without !important.\nfunction StatGroup({ orientation, gap, columns, className, style, ...props }: StatGroupProps) {\n  return (\n    <div\n      data-slot=\"stat-group\"\n      className={cn(\n        statGroupVariants({ orientation, gap }),\n        columns != null && 'ddga-stat-group--cols',\n        className,\n      )}\n      style={\n        columns != null\n          ? ({ '--ddga-stat-group-columns': columns, ...style } as React.CSSProperties)\n          : style\n      }\n      {...props}\n    />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { StatGroup, statGroupVariants };\nexport type { StatGroupProps };\n"]}

package/dist/chunk-AMRMIZNY.js

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

package/dist/chunk-AMRMIZNY.js.map

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