@dev-dga/react 0.8.1 → 0.8.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @dev-dga/react
 
+## 0.8.2
+
+### Patch Changes
+
+- **React Server Components / Next.js App Router support.** Importing any component from `@dev-dga/react` into a Server Component previously failed at build/prerender (`'client-only' cannot be imported from a Server Component`, `useState is not a function`, "needs 'use client'"). Two compounding causes, both fixed: the build now emits **per-module entries** so each component's `'use client'` directive survives bundling, and the package **barrel (`src/index.ts`) itself now ships `'use client'`**, making the whole public surface a client boundary so importing into a Server Component establishes the boundary automatically. Verified with `next build` on **Next.js 15 (webpack) and 16 (Turbopack)**. Public API and generated types are unchanged. (Trade-off for an all-client component library: the few purely-presentational components are no longer server-renderable _through the barrel_ — the correct call, mirroring Radix/MUI.)
+- **Accessibility — `forced-colors` (Windows High Contrast Mode).** Restored focus/visibility for affordances that vanish when box-shadow/background are suppressed in HCM: Combobox trigger ring, Command separator, DatePicker segment + icon button, Sidebar sub-button, Avatar group ring. Plus an Avatar dark-mode offline-dot override and missing `data-slot` attributes on the Sidebar mobile drawer, Quote, and ScrollArea.
+- _Changelog backfill:_ **DateRangePicker** shipped in 0.8.1 but was omitted from that entry — a range date picker built on react-aria with full Hijri (Umm al-Qura) parity with DatePicker, value contract `{ start: Date; end: Date } | null`, sharing an extracted internal Calendar core with DatePicker.
+  Released in lockstep with `@dev-dga/css@0.8.2` and `@dev-dga/tokens@0.8.2`.
+
 ## 0.8.1
 
 ### Patch Changes

package/README.md

@@ -41,6 +41,13 @@ For RTL, dark mode, or a brand color, configure the provider:
 </DgaProvider>
 ```
 
+## Server Components / Next.js App Router
+
+The package entry ships `'use client'`, so the whole component surface is a client boundary and slots into a React Server Component tree the usual way:
+
+- **App Router:** wrap `DgaProvider` once in a `'use client'` module and render that from your server `layout.tsx`; use components inside your client components as normal. Importing anything from `@dev-dga/react` into a Server Component establishes the client boundary automatically — the package entry carries `'use client'`.
+- **Vite / CRA / any client-rendered React 19 app:** nothing special — just put `DgaProvider` at the root.
+
 ## Compose with router links (`asChild`)
 
 Visual components support `asChild` so you can render them as your router's `Link` (Next.js, React Router, TanStack Router, …) without invalid `<button><a>` nesting:

package/dist/chunk-23C5MSXZ.cjs

@@ -0,0 +1,86 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Toggle/Toggle.tsx
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var toggleVariants = _classvarianceauthority.cva.call(void 0, "ddga-toggle", {
+  variants: {
+    variant: {
+      default: "ddga-toggle--default",
+      outline: "ddga-toggle--outline"
+    },
+    size: {
+      sm: "ddga-toggle--sm",
+      md: "ddga-toggle--md",
+      lg: "ddga-toggle--lg"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md"
+  }
+});
+var toggleGroupVariants = _classvarianceauthority.cva.call(void 0, "ddga-toggle-group", {
+  variants: {
+    variant: {
+      default: "ddga-toggle-group--default",
+      outline: "ddga-toggle-group--outline"
+    },
+    size: {
+      sm: "ddga-toggle-group--sm",
+      md: "ddga-toggle-group--md",
+      lg: "ddga-toggle-group--lg"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md"
+  }
+});
+function Toggle({ variant, size, className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Toggle.Root,
+    {
+      "data-slot": "toggle",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, toggleVariants({ variant, size }), className),
+      ...props
+    }
+  );
+}
+function ToggleGroup({ variant, size, className, ...props }) {
+  if (process.env.NODE_ENV === "development" && !props["aria-label"] && !props["aria-labelledby"]) {
+    console.warn(
+      "[@dev-dga/react] ToggleGroup should have an `aria-label` or `aria-labelledby` so the button group has an accessible name."
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.ToggleGroup.Root,
+    {
+      "data-slot": "toggle-group",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, toggleGroupVariants({ variant, size }), className),
+      ...props
+    }
+  );
+}
+function ToggleGroupItem({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.ToggleGroup.Item,
+    {
+      "data-slot": "toggle-group-item",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-toggle-group__item", className),
+      ...props
+    }
+  );
+}
+
+
+
+
+
+
+
+exports.toggleVariants = toggleVariants; exports.toggleGroupVariants = toggleGroupVariants; exports.Toggle = Toggle; exports.ToggleGroup = ToggleGroup; exports.ToggleGroupItem = ToggleGroupItem;
+//# sourceMappingURL=chunk-23C5MSXZ.cjs.map

package/dist/chunk-23C5MSXZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-23C5MSXZ.cjs","../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACFA,mCAA+E;AAC/E,kEAAuC;AA+DnC,+CAAA;AAtDJ,IAAM,eAAA,EAAiB,yCAAA,aAAI,EAAe;AAAA,EACxC,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,sBAAA;AAAA,MACT,OAAA,EAAS;AAAA,IACX,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,iBAAA;AAAA,MACJ,EAAA,EAAI,iBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAED,IAAM,oBAAA,EAAsB,yCAAA,mBAAI,EAAqB;AAAA,EACnD,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,4BAAA;AAAA,MACT,OAAA,EAAS;AAAA,IACX,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,uBAAA;AAAA,MACJ,EAAA,EAAI,uBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAkBD,SAAS,MAAA,CAAO,EAAE,OAAA,EAAS,IAAA,EAAM,SAAA,EAAW,GAAG,MAAM,CAAA,EAAgB;AACnE,EAAA,uBACE,6BAAA;AAAA,IAAC,eAAA,CAAgB,IAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,QAAA;AAAA,MACV,SAAA,EAAW,kCAAA,cAAG,CAAe,EAAE,OAAA,EAAS,KAAK,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,MACzD,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AAEA,SAAS,WAAA,CAAY,EAAE,OAAA,EAAS,IAAA,EAAM,SAAA,EAAW,GAAG,MAAM,CAAA,EAAqB;AAC7E,EAAA,GAAA,CAAI,OAAA,CAAQ,GAAA,CAAI,SAAA,IAAa,cAAA,GAAiB,CAAC,KAAA,CAAM,YAAY,EAAA,GAAK,CAAC,KAAA,CAAM,iBAAiB,CAAA,EAAG;AAC/F,IAAA,OAAA,CAAQ,IAAA;AAAA,MACN;AAAA,IAEF,CAAA;AAAA,EACF;AAEA,EAAA,uBACE,6BAAA;AAAA,IAAC,oBAAA,CAAqB,IAAA;AAAA,IAArB;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACV,SAAA,EAAW,kCAAA,mBAAG,CAAoB,EAAE,OAAA,EAAS,KAAK,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,MAC9D,GAAI;AAAA,IAAA;AAAA,EACP,CAAA;AAEJ;AAEA,SAAS,eAAA,CAAgB,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAyB;AACtE,EAAA,uBACE,6BAAA;AAAA,IAAC,oBAAA,CAAqB,IAAA;AAAA,IAArB;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAW,kCAAA,yBAAG,EAA2B,SAAS,CAAA;AAAA,MACjD,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;ADtBA;AACA;AACE;AACA;AACA;AACA;AACA;AACF,kMAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-23C5MSXZ.cjs","sourcesContent":[null,"'use client';\n\nimport { Toggle as TogglePrimitive, ToggleGroup as ToggleGroupPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Standalone Toggle carries its own variant/size. Inside a ToggleGroup the\n// item visuals cascade from the group's classes via descendant selectors\n// (same pattern as Accordion/Tabs), so ToggleGroupItem needs no variant prop.\n\nconst toggleVariants = cva('ddga-toggle', {\n  variants: {\n    variant: {\n      default: 'ddga-toggle--default',\n      outline: 'ddga-toggle--outline',\n    },\n    size: {\n      sm: 'ddga-toggle--sm',\n      md: 'ddga-toggle--md',\n      lg: 'ddga-toggle--lg',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n  },\n});\n\nconst toggleGroupVariants = cva('ddga-toggle-group', {\n  variants: {\n    variant: {\n      default: 'ddga-toggle-group--default',\n      outline: 'ddga-toggle-group--outline',\n    },\n    size: {\n      sm: 'ddga-toggle-group--sm',\n      md: 'ddga-toggle-group--md',\n      lg: 'ddga-toggle-group--lg',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ntype ToggleProps = React.ComponentProps<typeof TogglePrimitive.Root> &\n  VariantProps<typeof toggleVariants>;\n\n// Radix's Root is a discriminated union on `type` ('single' | 'multiple');\n// mirror it via Radix's own types (same approach as Accordion).\ntype ToggleGroupRootProps = React.ComponentProps<typeof ToggleGroupPrimitive.Root>;\ntype ToggleGroupProps = ToggleGroupRootProps & VariantProps<typeof toggleGroupVariants>;\n\ntype ToggleGroupItemProps = React.ComponentProps<typeof ToggleGroupPrimitive.Item>;\n\n// ─── 3. Components ─── //\n\n// A standalone two-state button (role=button + aria-pressed, via Radix). For\n// icon-only toggles, pass an `aria-label`.\nfunction Toggle({ variant, size, className, ...props }: ToggleProps) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction ToggleGroup({ variant, size, className, ...props }: ToggleGroupProps) {\n  if (process.env.NODE_ENV === 'development' && !props['aria-label'] && !props['aria-labelledby']) {\n    console.warn(\n      '[@dev-dga/react] ToggleGroup should have an `aria-label` or `aria-labelledby` ' +\n        'so the button group has an accessible name.',\n    );\n  }\n\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      className={cn(toggleGroupVariants({ variant, size }), className)}\n      {...(props as ToggleGroupRootProps)}\n    />\n  );\n}\n\nfunction ToggleGroupItem({ className, ...props }: ToggleGroupItemProps) {\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      className={cn('ddga-toggle-group__item', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Toggle, ToggleGroup, ToggleGroupItem, toggleVariants, toggleGroupVariants };\nexport type { ToggleProps, ToggleGroupProps, ToggleGroupItemProps };\n"]}

package/dist/chunk-2DPFL6KA.cjs

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

package/dist/chunk-2DPFL6KA.cjs.map

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

package/dist/chunk-2F6V4OWR.js

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

package/dist/chunk-2F6V4OWR.js.map

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

package/dist/chunk-2HZGIP5V.cjs

@@ -0,0 +1,224 @@
+"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 _chunkW6B7GJLNcjs = require('./chunk-W6B7GJLN.cjs');
+
+
+var _chunkUK2SFZIQcjs = require('./chunk-UK2SFZIQ.cjs');
+
+
+
+
+
+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/FileUpload/FileUpload.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function matchesAccept(file, accept) {
+  if (!accept) return true;
+  const tokens = accept.split(",").map((t) => t.trim().toLowerCase()).filter(Boolean);
+  if (tokens.length === 0) return true;
+  const name = file.name.toLowerCase();
+  const type = file.type.toLowerCase();
+  return tokens.some((token) => {
+    if (token.startsWith(".")) return name.endsWith(token);
+    if (token.endsWith("/*")) return type.startsWith(token.slice(0, token.indexOf("/") + 1));
+    return type === token;
+  });
+}
+function splitFiles(incoming, config) {
+  const { accept, maxSize, maxFiles, currentCount } = config;
+  const accepted = [];
+  const rejections = [];
+  for (const file of incoming) {
+    const errors = [];
+    if (!matchesAccept(file, accept)) errors.push("file-invalid-type");
+    if (maxSize != null && file.size > maxSize) errors.push("file-too-large");
+    if (errors.length > 0) {
+      rejections.push({ file, errors });
+      continue;
+    }
+    if (maxFiles != null && currentCount + accepted.length >= maxFiles) {
+      rejections.push({ file, errors: ["too-many-files"] });
+      continue;
+    }
+    accepted.push(file);
+  }
+  return { accepted, rejections };
+}
+var UNITS = ["B", "KB", "MB", "GB", "TB"];
+function formatBytes(bytes) {
+  if (bytes === 0) return "0 B";
+  const exponent = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), UNITS.length - 1);
+  const value = bytes / 1024 ** exponent;
+  return `${exponent === 0 ? value : value.toFixed(1)} ${UNITS[exponent]}`;
+}
+function FileUpload({
+  files,
+  onFilesAdded,
+  onFilesRejected,
+  onRemove,
+  accept,
+  maxSize,
+  maxFiles,
+  multiple = true,
+  disabled = false,
+  required,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  hint = "Drag files here, or click to browse",
+  removeLabel = "Remove",
+  id: externalId,
+  className,
+  ...props
+}) {
+  const inputRef = _react.useRef.call(void 0, null);
+  const [isDragging, setIsDragging] = _react.useState.call(void 0, false);
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = _chunkNH3KGR65cjs.useFieldA11y.call(void 0, {
+    name: "FileUpload",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": props["aria-labelledby"]
+  });
+  const effectiveMaxFiles = multiple ? maxFiles : 1;
+  function process(incoming) {
+    if (disabled || incoming.length === 0) return;
+    const { accepted, rejections } = splitFiles(incoming, {
+      accept,
+      maxSize,
+      maxFiles: effectiveMaxFiles,
+      currentCount: files.length
+    });
+    if (accepted.length > 0) onFilesAdded(accepted);
+    if (rejections.length > 0) _optionalChain([onFilesRejected, 'optionalCall', _ => _(rejections)]);
+  }
+  function handleInputChange(event) {
+    process(Array.from(_nullishCoalesce(event.target.files, () => ( []))));
+    event.target.value = "";
+  }
+  function handleDrop(event) {
+    event.preventDefault();
+    setIsDragging(false);
+    if (disabled) return;
+    process(Array.from(event.dataTransfer.files));
+  }
+  function handleDragOver(event) {
+    event.preventDefault();
+    if (!disabled) setIsDragging(true);
+  }
+  function handleDragLeave(event) {
+    if (!event.currentTarget.contains(event.relatedTarget)) {
+      setIsDragging(false);
+    }
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "data-slot": "file-upload-field", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-field", "ddga-file-upload", className), children: [
+    label && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { htmlFor: fieldId, className: "ddga-file-upload__label", children: [
+      label,
+      required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "ddga-file-upload__required", children: "*" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        "data-slot": "file-upload-dropzone",
+        className: _chunkV6MXOJQ4cjs.cn.call(void 0, 
+          "ddga-file-upload__dropzone",
+          hasError && "ddga-file-upload__dropzone--error"
+        ),
+        "data-dragging": isDragging || void 0,
+        "data-disabled": disabled || void 0,
+        "aria-disabled": disabled || void 0,
+        onClick: () => {
+          if (!disabled) _optionalChain([inputRef, 'access', _2 => _2.current, 'optionalAccess', _3 => _3.click, 'call', _4 => _4()]);
+        },
+        onDragOver: handleDragOver,
+        onDragLeave: handleDragLeave,
+        onDrop: handleDrop,
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Upload, { className: "ddga-file-upload__icon", "aria-hidden": "true" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-file-upload__hint", children: hint }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "input",
+            {
+              ...controlProps,
+              ref: inputRef,
+              type: "file",
+              className: "ddga-file-upload__input",
+              accept,
+              multiple,
+              disabled,
+              required,
+              onChange: handleInputChange,
+              onClick: (event) => event.stopPropagation(),
+              "data-slot": "file-upload-input"
+            }
+          )
+        ]
+      }
+    ),
+    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 }),
+    files.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { "data-slot": "file-upload-list", className: "ddga-file-upload__list", children: files.map((item) => {
+      const status = _nullishCoalesce(item.status, () => ( "pending"));
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "li",
+        {
+          "data-slot": "file-upload-item",
+          "data-status": status,
+          className: "ddga-file-upload__item",
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-file-upload__item-icon", "aria-hidden": "true", children: status === "success" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Check, {}) : status === "error" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.AlertCircle, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Upload, {}) }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ddga-file-upload__item-main", children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ddga-file-upload__item-head", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-file-upload__item-name", title: item.file.name, children: item.file.name }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-file-upload__item-meta", children: formatBytes(item.file.size) })
+              ] }),
+              status === "uploading" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkW6B7GJLNcjs.Progress,
+                {
+                  size: "sm",
+                  value: _nullishCoalesce(item.progress, () => ( 0)),
+                  "aria-label": `Uploading ${item.file.name}`,
+                  className: "ddga-file-upload__item-progress"
+                }
+              ),
+              status === "error" && item.error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { role: "alert", className: "ddga-file-upload__item-error", children: item.error })
+            ] }),
+            onRemove && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkUK2SFZIQcjs.Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon-sm",
+                "aria-label": `${removeLabel}: ${item.file.name}`,
+                onClick: () => onRemove(item.id),
+                className: "ddga-file-upload__item-remove",
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Close, { "aria-hidden": "true" })
+              }
+            )
+          ]
+        },
+        item.id
+      );
+    }) })
+  ] });
+}
+
+
+
+exports.FileUpload = FileUpload;
+//# sourceMappingURL=chunk-2HZGIP5V.cjs.map

package/dist/chunk-2HZGIP5V.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-2HZGIP5V.cjs","../src/components/FileUpload/FileUpload.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-2HZGIP5V.cjs","sourcesContent":[null,"'use client';\n\nimport { useRef, useState, type ReactNode } from 'react';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\nimport { Button } from '../Button';\nimport { Progress } from '../Progress';\nimport { Upload, Check, AlertCircle, Close } from '../../internal/icons';\n\n// ─── 1. Types ─── //\n\ntype FileStatus = 'pending' | 'uploading' | 'success' | 'error';\n\n/** Reason codes attached to a rejected file. */\ntype RejectionCode = 'file-too-large' | 'file-invalid-type' | 'too-many-files';\n\n/**\n * A controlled file entry. The consumer owns this array and is responsible for\n * performing the actual upload, updating `status`/`progress`, and assigning a\n * stable `id` (used as the React key and the `onRemove` target).\n */\ninterface UploadFile {\n  /** Stable, consumer-assigned id. Used as the React key and remove target. */\n  id: string;\n  /** The native File. */\n  file: File;\n  /** Defaults to `'pending'`. Drives the per-row affordance. */\n  status?: FileStatus;\n  /** 0–100. Rendered as a {@link Progress} bar while `status === 'uploading'`. */\n  progress?: number;\n  /** Shown inline (red) while `status === 'error'`. */\n  error?: string;\n}\n\ninterface FileRejection {\n  file: File;\n  errors: RejectionCode[];\n}\n\ninterface FileUploadProps {\n  /** Controlled list of files to render. The consumer is the source of truth. */\n  files: UploadFile[];\n  /** Called with the files that passed validation. The consumer wraps each in\n   *  an {@link UploadFile} (assigning an `id`) and starts the upload. */\n  onFilesAdded: (accepted: File[]) => void;\n  /** Called with files that failed validation. Never enter `files`. */\n  onFilesRejected?: (rejections: FileRejection[]) => void;\n  /** Per-row remove handler. Omit to hide the remove button. */\n  onRemove?: (id: string) => void;\n\n  /** Native `accept` string (e.g. `'image/*,.pdf'`). Also drives validation. */\n  accept?: string;\n  /** Maximum size per file, in bytes. */\n  maxSize?: number;\n  /** Maximum total files (existing + incoming). When `multiple` is false this\n   *  is forced to 1. */\n  maxFiles?: number;\n  /** Allow selecting/dropping more than one file. Defaults to true. */\n  multiple?: boolean;\n  /** Disables the drop zone and the picker. */\n  disabled?: boolean;\n  /** Marks the field required: renders the asterisk and sets the input's\n   *  `required` attribute. */\n  required?: boolean;\n\n  /** Visible field label, auto-associated to the input. */\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  /** Drop-zone instructional copy. Defaults to a bilingual-friendly EN string. */\n  hint?: ReactNode;\n  /** Accessible label for the per-row remove button. Defaults to `'Remove'`. */\n  removeLabel?: string;\n\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n}\n\n// ─── 2. Validation helpers (local — no shared util until a 2nd use case) ─── //\n\nfunction matchesAccept(file: File, accept?: string): boolean {\n  if (!accept) return true;\n  const tokens = accept\n    .split(',')\n    .map((t) => t.trim().toLowerCase())\n    .filter(Boolean);\n  if (tokens.length === 0) return true;\n\n  const name = file.name.toLowerCase();\n  const type = file.type.toLowerCase();\n\n  return tokens.some((token) => {\n    if (token.startsWith('.')) return name.endsWith(token);\n    if (token.endsWith('/*')) return type.startsWith(token.slice(0, token.indexOf('/') + 1));\n    return type === token;\n  });\n}\n\ninterface ValidationConfig {\n  accept?: string;\n  maxSize?: number;\n  maxFiles?: number;\n  /** Files already in the list — counts against `maxFiles`. */\n  currentCount: number;\n}\n\nfunction splitFiles(incoming: File[], config: ValidationConfig) {\n  const { accept, maxSize, maxFiles, currentCount } = config;\n  const accepted: File[] = [];\n  const rejections: FileRejection[] = [];\n\n  for (const file of incoming) {\n    const errors: RejectionCode[] = [];\n    if (!matchesAccept(file, accept)) errors.push('file-invalid-type');\n    if (maxSize != null && file.size > maxSize) errors.push('file-too-large');\n\n    if (errors.length > 0) {\n      rejections.push({ file, errors });\n      continue;\n    }\n    // Count check last, and only for otherwise-valid files: a slot is consumed\n    // only by a file that would actually be accepted.\n    if (maxFiles != null && currentCount + accepted.length >= maxFiles) {\n      rejections.push({ file, errors: ['too-many-files'] });\n      continue;\n    }\n    accepted.push(file);\n  }\n\n  return { accepted, rejections };\n}\n\nconst UNITS = ['B', 'KB', 'MB', 'GB', 'TB'] as const;\nfunction formatBytes(bytes: number): string {\n  if (bytes === 0) return '0 B';\n  const exponent = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), UNITS.length - 1);\n  const value = bytes / 1024 ** exponent;\n  // Whole numbers for bytes; one decimal for KB+.\n  return `${exponent === 0 ? value : value.toFixed(1)} ${UNITS[exponent]}`;\n}\n\n// ─── 3. Component ─── //\n\nfunction FileUpload({\n  files,\n  onFilesAdded,\n  onFilesRejected,\n  onRemove,\n  accept,\n  maxSize,\n  maxFiles,\n  multiple = true,\n  disabled = false,\n  required,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  hint = 'Drag files here, or click to browse',\n  removeLabel = 'Remove',\n  id: externalId,\n  className,\n  ...props\n}: FileUploadProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [isDragging, setIsDragging] = useState(false);\n\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'FileUpload',\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  // Single-select forces a hard cap of 1, regardless of maxFiles.\n  const effectiveMaxFiles = multiple ? maxFiles : 1;\n\n  function process(incoming: File[]) {\n    if (disabled || incoming.length === 0) return;\n    const { accepted, rejections } = splitFiles(incoming, {\n      accept,\n      maxSize,\n      maxFiles: effectiveMaxFiles,\n      currentCount: files.length,\n    });\n    if (accepted.length > 0) onFilesAdded(accepted);\n    if (rejections.length > 0) onFilesRejected?.(rejections);\n  }\n\n  function handleInputChange(event: React.ChangeEvent<HTMLInputElement>) {\n    process(Array.from(event.target.files ?? []));\n    // Reset so selecting the same file again re-fires `change`.\n    event.target.value = '';\n  }\n\n  function handleDrop(event: React.DragEvent<HTMLDivElement>) {\n    event.preventDefault();\n    setIsDragging(false);\n    if (disabled) return;\n    process(Array.from(event.dataTransfer.files));\n  }\n\n  function handleDragOver(event: React.DragEvent<HTMLDivElement>) {\n    event.preventDefault();\n    if (!disabled) setIsDragging(true);\n  }\n\n  function handleDragLeave(event: React.DragEvent<HTMLDivElement>) {\n    // Ignore dragleave events bubbling up from descendants.\n    if (!event.currentTarget.contains(event.relatedTarget as Node | null)) {\n      setIsDragging(false);\n    }\n  }\n\n  return (\n    <div data-slot=\"file-upload-field\" className={cn('ddga-field', 'ddga-file-upload', className)}>\n      {label && (\n        <label htmlFor={fieldId} className=\"ddga-file-upload__label\">\n          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-file-upload__required\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n\n      {/* The drop zone is a click target that proxies to the hidden input.\n          The input itself stays focusable (keyboard users tab to it and press\n          Space/Enter to open the picker); drag-and-drop is a mouse-only\n          enhancement layered on top. */}\n      <div\n        data-slot=\"file-upload-dropzone\"\n        className={cn(\n          'ddga-file-upload__dropzone',\n          hasError && 'ddga-file-upload__dropzone--error',\n        )}\n        data-dragging={isDragging || undefined}\n        data-disabled={disabled || undefined}\n        aria-disabled={disabled || undefined}\n        onClick={() => {\n          if (!disabled) inputRef.current?.click();\n        }}\n        onDragOver={handleDragOver}\n        onDragLeave={handleDragLeave}\n        onDrop={handleDrop}\n      >\n        <Upload className=\"ddga-file-upload__icon\" aria-hidden=\"true\" />\n        <span className=\"ddga-file-upload__hint\">{hint}</span>\n        <input\n          {...controlProps}\n          ref={inputRef}\n          type=\"file\"\n          className=\"ddga-file-upload__input\"\n          accept={accept}\n          multiple={multiple}\n          disabled={disabled}\n          required={required}\n          onChange={handleInputChange}\n          // The dropzone's onClick calls inputRef.click(); without stopping\n          // propagation, that programmatic click bubbles back to the dropzone\n          // and re-triggers it — infinite recursion. Native label/keyboard\n          // activation of the input is unaffected.\n          onClick={(event) => event.stopPropagation()}\n          data-slot=\"file-upload-input\"\n        />\n      </div>\n\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\n      {files.length > 0 && (\n        <ul data-slot=\"file-upload-list\" className=\"ddga-file-upload__list\">\n          {files.map((item) => {\n            const status = item.status ?? 'pending';\n            return (\n              <li\n                key={item.id}\n                data-slot=\"file-upload-item\"\n                data-status={status}\n                className=\"ddga-file-upload__item\"\n              >\n                <span className=\"ddga-file-upload__item-icon\" aria-hidden=\"true\">\n                  {status === 'success' ? (\n                    <Check />\n                  ) : status === 'error' ? (\n                    <AlertCircle />\n                  ) : (\n                    <Upload />\n                  )}\n                </span>\n\n                <div className=\"ddga-file-upload__item-main\">\n                  <div className=\"ddga-file-upload__item-head\">\n                    <span className=\"ddga-file-upload__item-name\" title={item.file.name}>\n                      {item.file.name}\n                    </span>\n                    <span className=\"ddga-file-upload__item-meta\">\n                      {formatBytes(item.file.size)}\n                    </span>\n                  </div>\n\n                  {status === 'uploading' && (\n                    <Progress\n                      size=\"sm\"\n                      value={item.progress ?? 0}\n                      aria-label={`Uploading ${item.file.name}`}\n                      className=\"ddga-file-upload__item-progress\"\n                    />\n                  )}\n\n                  {status === 'error' && item.error && (\n                    <span role=\"alert\" className=\"ddga-file-upload__item-error\">\n                      {item.error}\n                    </span>\n                  )}\n                </div>\n\n                {onRemove && (\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"icon-sm\"\n                    aria-label={`${removeLabel}: ${item.file.name}`}\n                    onClick={() => onRemove(item.id)}\n                    className=\"ddga-file-upload__item-remove\"\n                  >\n                    <Close aria-hidden=\"true\" />\n                  </Button>\n                )}\n              </li>\n            );\n          })}\n        </ul>\n      )}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { FileUpload };\nexport type { FileUploadProps, UploadFile, FileRejection, FileStatus, RejectionCode };\n"]}

package/dist/chunk-2IEXRFGO.cjs

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

package/dist/chunk-2IEXRFGO.cjs.map

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

package/dist/chunk-2PESUXE3.js

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

package/dist/chunk-2PESUXE3.js.map

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

package/dist/chunk-2RTVKREC.js

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

package/dist/chunk-2RTVKREC.js.map

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

package/dist/chunk-344IPEA6.cjs

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

package/dist/chunk-344IPEA6.cjs.map

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

package/dist/chunk-3GDTZ37D.cjs

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

package/dist/chunk-3GDTZ37D.cjs.map

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

package/dist/chunk-3MEIVAYO.cjs

@@ -0,0 +1,61 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Sidebar/SidebarGroup.tsx
+var _radixui = require('radix-ui');
+var _jsxruntime = require('react/jsx-runtime');
+function SidebarGroup({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "div";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "data-slot": "sidebar-group",
+      role: "group",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-sidebar__group", className),
+      ...props
+    }
+  );
+}
+function SidebarGroupLabel({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "div";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "data-slot": "sidebar-group-label",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-sidebar__group-label", className),
+      ...props
+    }
+  );
+}
+function SidebarGroupAction({ asChild, 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-group-action",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-sidebar__group-action", className),
+      ...props
+    }
+  );
+}
+function SidebarGroupContent({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "div";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "data-slot": "sidebar-group-content",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-sidebar__group-content", className),
+      ...props
+    }
+  );
+}
+
+
+
+
+
+
+exports.SidebarGroup = SidebarGroup; exports.SidebarGroupLabel = SidebarGroupLabel; exports.SidebarGroupAction = SidebarGroupAction; exports.SidebarGroupContent = SidebarGroupContent;
+//# sourceMappingURL=chunk-3MEIVAYO.cjs.map

package/dist/chunk-3MEIVAYO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-3MEIVAYO.cjs","../src/components/Sidebar/SidebarGroup.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACFA,mCAAsC;AAQlC,+CAAA;AAHJ,SAAS,YAAA,CAAa,EAAE,OAAA,EAAS,SAAA,EAAW,GAAG,MAAM,CAAA,EAAyB;AAC5E,EAAA,MAAM,KAAA,EAAO,QAAA,EAAU,aAAA,CAAc,KAAA,EAAO,KAAA;AAC5C,EAAA,uBACE,6BAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,eAAA;AAAA,MACV,IAAA,EAAK,OAAA;AAAA,MACL,SAAA,EAAW,kCAAA,qBAAG,EAAuB,SAAS,CAAA;AAAA,MAC7C,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AAEA,SAAS,iBAAA,CAAkB,EAAE,OAAA,EAAS,SAAA,EAAW,GAAG,MAAM,CAAA,EAAyB;AACjF,EAAA,MAAM,KAAA,EAAO,QAAA,EAAU,aAAA,CAAc,KAAA,EAAO,KAAA;AAC5C,EAAA,uBACE,6BAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,qBAAA;AAAA,MACV,SAAA,EAAW,kCAAA,2BAAG,EAA6B,SAAS,CAAA;AAAA,MACnD,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AAMA,SAAS,kBAAA,CAAmB,EAAE,OAAA,EAAS,SAAA,EAAW,GAAG,MAAM,CAAA,EAA4B;AACrF,EAAA,MAAM,KAAA,EAAO,QAAA,EAAU,aAAA,CAAc,KAAA,EAAO,QAAA;AAC5C,EAAA,uBACE,6BAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,QAAA,EAAU,KAAA,EAAA,EAAY,QAAA;AAAA,MAC5B,WAAA,EAAU,sBAAA;AAAA,MACV,SAAA,EAAW,kCAAA,4BAAG,EAA8B,SAAS,CAAA;AAAA,MACpD,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AAEA,SAAS,mBAAA,CAAoB,EAAE,OAAA,EAAS,SAAA,EAAW,GAAG,MAAM,CAAA,EAAyB;AACnF,EAAA,MAAM,KAAA,EAAO,QAAA,EAAU,aAAA,CAAc,KAAA,EAAO,KAAA;AAC5C,EAAA,uBACE,6BAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,uBAAA;AAAA,MACV,SAAA,EAAW,kCAAA,6BAAG,EAA+B,SAAS,CAAA;AAAA,MACrD,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;ADFA;AACA;AACE;AACA;AACA;AACA;AACF,uLAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-3MEIVAYO.cjs","sourcesContent":[null,"'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"]}

package/dist/chunk-3RUIKBH4.cjs

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

package/dist/chunk-3RUIKBH4.cjs.map

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