@dev-dga/react 0.8.1 → 0.8.2

package/dist/chunk-ATOT5N34.cjs

@@ -0,0 +1,192 @@
+"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 _chunkFQLVTLUIcjs = require('./chunk-FQLVTLUI.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Command/Command.tsx
+var _react = require('react');
+var _cmdk = require('cmdk');
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var commandVariants = _classvarianceauthority.cva.call(void 0, "ddga-command");
+function Command({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _cmdk.Command, { "data-slot": "command", className: _chunkV6MXOJQ4cjs.cn.call(void 0, commandVariants(), className), ...props });
+}
+function CommandInput({
+  className,
+  placeholder,
+  "aria-label": ariaLabel,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ddga-command__input-wrapper", "data-slot": "command-input-wrapper", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Search, { className: "ddga-command__search-icon", "aria-hidden": "true" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _cmdk.Command.Input,
+      {
+        "data-slot": "command-input",
+        className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-command__input", className),
+        placeholder,
+        "aria-label": _nullishCoalesce(ariaLabel, () => ( (typeof placeholder === "string" ? placeholder : void 0))),
+        ...props
+      }
+    )
+  ] });
+}
+function CommandList({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _cmdk.Command.List,
+    {
+      "data-slot": "command-list",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-command__list", className),
+      ...props
+    }
+  );
+}
+function CommandEmpty({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _cmdk.Command.Empty,
+    {
+      "data-slot": "command-empty",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-command__empty", className),
+      ...props
+    }
+  );
+}
+function CommandGroup({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _cmdk.Command.Group,
+    {
+      "data-slot": "command-group",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-command__group", className),
+      ...props
+    }
+  );
+}
+function CommandSeparator({
+  className,
+  "aria-hidden": ariaHidden = true,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _cmdk.Command.Separator,
+    {
+      "aria-hidden": ariaHidden,
+      "data-slot": "command-separator",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-command__separator", className),
+      ...props
+    }
+  );
+}
+function CommandItem({
+  startIcon,
+  shortcut,
+  className,
+  children,
+  keywords,
+  ...props
+}) {
+  const labelText = typeof children === "string" ? children : void 0;
+  const mergedKeywords = labelText && !_optionalChain([keywords, 'optionalAccess', _ => _.includes, 'call', _2 => _2(labelText)]) ? [..._nullishCoalesce(keywords, () => ( [])), labelText] : keywords;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _cmdk.Command.Item,
+    {
+      "data-slot": "command-item",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-command__item", className),
+      keywords: mergedKeywords,
+      ...props,
+      children: [
+        startIcon != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-command__item-icon", "aria-hidden": "true", children: startIcon }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-command__item-label", children }),
+        shortcut != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-command__item-shortcut", children: shortcut })
+      ]
+    }
+  );
+}
+function CommandDialog({
+  open: controlledOpen,
+  defaultOpen,
+  onOpenChange,
+  shortcut = "k",
+  label = "Command palette",
+  description,
+  className,
+  filter,
+  shouldFilter,
+  loop,
+  children
+}) {
+  const [internalOpen, setInternalOpen] = _react.useState.call(void 0, _nullishCoalesce(defaultOpen, () => ( false)));
+  const isControlled = controlledOpen !== void 0;
+  const open = isControlled ? controlledOpen : internalOpen;
+  const setOpen = _react.useCallback.call(void 0, 
+    (next) => {
+      if (!isControlled) setInternalOpen(next);
+      _optionalChain([onOpenChange, 'optionalCall', _3 => _3(next)]);
+    },
+    [isControlled, onOpenChange]
+  );
+  const openRef = _react.useRef.call(void 0, open);
+  _react.useEffect.call(void 0, () => {
+    openRef.current = open;
+  });
+  _react.useEffect.call(void 0, () => {
+    if (typeof shortcut !== "string") return;
+    const key = shortcut.toLowerCase();
+    const onKeyDown = (event) => {
+      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === key) {
+        event.preventDefault();
+        setOpen(!openRef.current);
+      }
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [shortcut, setOpen]);
+  const ctx = _react.useContext.call(void 0, _chunkFQLVTLUIcjs.DgaContext);
+  const portalContainer = _nullishCoalesce(_nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _4 => _4.portalEl]), () => ( _optionalChain([ctx, 'optionalAccess', _5 => _5.rootEl]))), () => ( void 0));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Dialog.Root, { open, onOpenChange: setOpen, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _radixui.Dialog.Portal, { container: portalContainer, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Dialog.Overlay, { className: "ddga-command__overlay", "data-slot": "command-overlay" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _radixui.Dialog.Content,
+      {
+        "data-slot": "command-dialog",
+        className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-command-dialog", className),
+        ...description == null ? { "aria-describedby": void 0 } : {},
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Dialog.Title, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.VisuallyHidden.Root, { children: label }) }),
+          description != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Dialog.Description, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.VisuallyHidden.Root, { children: description }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            Command,
+            {
+              "data-slot": "command-dialog-command",
+              className: "ddga-command--dialog",
+              label: typeof label === "string" ? label : "Command palette",
+              filter,
+              shouldFilter,
+              loop,
+              children
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+}
+
+
+
+
+
+
+
+
+
+
+
+exports.commandVariants = commandVariants; exports.Command = Command; exports.CommandInput = CommandInput; exports.CommandList = CommandList; exports.CommandEmpty = CommandEmpty; exports.CommandGroup = CommandGroup; exports.CommandSeparator = CommandSeparator; exports.CommandItem = CommandItem; exports.CommandDialog = CommandDialog;
+//# sourceMappingURL=chunk-ATOT5N34.cjs.map

package/dist/chunk-ATOT5N34.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-ATOT5N34.cjs","../src/components/Command/Command.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-ATOT5N34.cjs","sourcesContent":[null,"'use client';\n\nimport { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { Command as CommandPrimitive } from 'cmdk';\nimport { Dialog as DialogPrimitive, VisuallyHidden } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Search } from '../../internal/icons';\nimport { DgaContext } from '../../providers/DgaContext';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Single structural class — no size/variant axes (a palette is one shape).\n// Kept as cva for barrel parity with the rest of the library + an override\n// seam if variants are ever added.\nconst commandVariants = cva('ddga-command');\n\n// ─── 2. Types ─── //\n\ntype CommandProps = React.ComponentProps<typeof CommandPrimitive> &\n  VariantProps<typeof commandVariants>;\ntype CommandInputProps = React.ComponentProps<typeof CommandPrimitive.Input>;\ntype CommandListProps = React.ComponentProps<typeof CommandPrimitive.List>;\ntype CommandEmptyProps = React.ComponentProps<typeof CommandPrimitive.Empty>;\ntype CommandGroupProps = React.ComponentProps<typeof CommandPrimitive.Group>;\ntype CommandSeparatorProps = React.ComponentProps<typeof CommandPrimitive.Separator>;\n\ninterface CommandItemProps extends Omit<\n  React.ComponentProps<typeof CommandPrimitive.Item>,\n  'onSelect' | 'value'\n> {\n  /**\n   * Stable value for filtering + the `onSelect` payload. Required: cmdk would\n   * otherwise derive it from the rendered text, so a label / translation /\n   * icon change would silently change what `onSelect` receives.\n   */\n  value: string;\n  /** Leading icon — mirrors Menubar / DropdownMenu item icons. */\n  startIcon?: React.ReactNode;\n  /** Right-aligned keyboard hint, e.g. `\"⌘P\"` — mirrors Menubar / DropdownMenu. */\n  shortcut?: React.ReactNode;\n  /**\n   * Fires when the item is chosen (click / Enter). Receives the item's\n   * `value` (cmdk defaults it to the text content when `value` is omitted).\n   *\n   * Action-oriented: items run a command and don't track selection. Inside\n   * `CommandDialog` the consumer closes the dialog here, e.g.\n   * `onSelect={() => { setOpen(false); run(); }}`.\n   */\n  onSelect?: (value: string) => void;\n}\n\ninterface CommandDialogProps extends Pick<\n  React.ComponentProps<typeof CommandPrimitive>,\n  'filter' | 'shouldFilter' | 'loop'\n> {\n  /** Controlled open state. */\n  open?: boolean;\n  /** Initial open state when uncontrolled. */\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Key for the built-in document shortcut (with Cmd on macOS / Ctrl elsewhere).\n   * Defaults to `'k'` (⌘K / Ctrl+K). Pass `false` to bind no listener and wire\n   * your own. The modifier is fixed; only the key is configurable.\n   */\n  shortcut?: string | false;\n  /** Accessible name → visually-hidden `DialogTitle`. Defaults to `\"Command palette\"`. */\n  label?: React.ReactNode;\n  /** Optional visually-hidden `DialogDescription`. */\n  description?: React.ReactNode;\n  className?: string;\n  /** `CommandInput` + `CommandList` + groups / items. */\n  children: React.ReactNode;\n}\n\n// ─── 3. Inline compound (cmdk passthroughs) ─── //\n\n/**\n * Inline command palette (cmdk root). Pass cmdk's `label` to give the search\n * input + listbox their accessible name — cmdk wires it via `aria-labelledby`,\n * which wins over any `aria-label` on `CommandInput`. `CommandDialog` sets this\n * for you from its `label`.\n */\nfunction Command({ className, ...props }: CommandProps) {\n  return (\n    <CommandPrimitive data-slot=\"command\" className={cn(commandVariants(), className)} {...props} />\n  );\n}\n\nfunction CommandInput({\n  className,\n  placeholder,\n  'aria-label': ariaLabel,\n  ...props\n}: CommandInputProps) {\n  return (\n    <div className=\"ddga-command__input-wrapper\" data-slot=\"command-input-wrapper\">\n      <Search className=\"ddga-command__search-icon\" aria-hidden=\"true\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn('ddga-command__input', className)}\n        placeholder={placeholder}\n        // role=\"combobox\" needs an accessible name. Fall back to the placeholder\n        // string so the input is named without forcing a separate label.\n        aria-label={ariaLabel ?? (typeof placeholder === 'string' ? placeholder : undefined)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction CommandList({ className, ...props }: CommandListProps) {\n  // Native overflow scroll — cmdk manages scroll-into-view against this\n  // container; wrapping it in ScrollArea would fight that math.\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn('ddga-command__list', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandEmpty({ className, ...props }: CommandEmptyProps) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className={cn('ddga-command__empty', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandGroup({ className, ...props }: CommandGroupProps) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn('ddga-command__group', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandSeparator({\n  className,\n  'aria-hidden': ariaHidden = true,\n  ...props\n}: CommandSeparatorProps) {\n  // cmdk hardcodes role=\"separator\"; a separator is an invalid child of the\n  // list's role=\"listbox\" (aria-required-children). It's purely decorative —\n  // groups carry the semantics via their headings — so hide it from the a11y\n  // tree. cmdk spreads our props before its own attrs, so aria-hidden survives.\n  return (\n    <CommandPrimitive.Separator\n      aria-hidden={ariaHidden}\n      data-slot=\"command-separator\"\n      className={cn('ddga-command__separator', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CommandItem({\n  startIcon,\n  shortcut,\n  className,\n  children,\n  keywords,\n  ...props\n}: CommandItemProps) {\n  // Make the visible label searchable. cmdk filters against `value` + `keywords`,\n  // never the rendered text — so with a stable Latin `value` the label (e.g.\n  // Arabic) would be unmatchable. When the label is a plain string (our common\n  // case; icon/shortcut are separate props), fold it into keywords so typing the\n  // label works in any language. `value` stays the stable `onSelect` id.\n  const labelText = typeof children === 'string' ? children : undefined;\n  const mergedKeywords =\n    labelText && !keywords?.includes(labelText) ? [...(keywords ?? []), labelText] : keywords;\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn('ddga-command__item', className)}\n      keywords={mergedKeywords}\n      {...props}\n    >\n      {startIcon != null && (\n        <span className=\"ddga-command__item-icon\" aria-hidden=\"true\">\n          {startIcon}\n        </span>\n      )}\n      <span className=\"ddga-command__item-label\">{children}</span>\n      {shortcut != null && <span className=\"ddga-command__item-shortcut\">{shortcut}</span>}\n    </CommandPrimitive.Item>\n  );\n}\n\n// ─── 4. Dialog surface (Radix Dialog + Command) ─── //\n\nfunction CommandDialog({\n  open: controlledOpen,\n  defaultOpen,\n  onOpenChange,\n  shortcut = 'k',\n  label = 'Command palette',\n  description,\n  className,\n  filter,\n  shouldFilter,\n  loop,\n  children,\n}: CommandDialogProps) {\n  const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false);\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : internalOpen;\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  // Built-in ⌘K / Ctrl+K toggle (opt-out via `shortcut={false}`). Mirrors\n  // Sidebar's Cmd/Ctrl+B. Bind the listener once (per shortcut) and read the\n  // live open state through a ref so it isn't torn down on every toggle; goes\n  // through `setOpen` so controlled + uncontrolled both work.\n  const openRef = useRef(open);\n  useEffect(() => {\n    openRef.current = open;\n  });\n  useEffect(() => {\n    if (typeof shortcut !== 'string') return;\n    const key = shortcut.toLowerCase();\n    const onKeyDown = (event: KeyboardEvent) => {\n      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === key) {\n        event.preventDefault();\n        setOpen(!openRef.current);\n      }\n    };\n    document.addEventListener('keydown', onKeyDown);\n    return () => document.removeEventListener('keydown', onKeyDown);\n  }, [shortcut, setOpen]);\n\n  // Anchor the Portal to the DgaProvider body-level container so data-theme /\n  // dir / theme vars inherit and the fixed overlay escapes ancestor\n  // transform / overflow:hidden. Mirrors Modal; regression test asserts\n  // containment + dark data-theme.\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <DialogPrimitive.Root open={open} onOpenChange={setOpen}>\n      <DialogPrimitive.Portal container={portalContainer}>\n        <DialogPrimitive.Overlay className=\"ddga-command__overlay\" data-slot=\"command-overlay\" />\n        <DialogPrimitive.Content\n          data-slot=\"command-dialog\"\n          className={cn('ddga-command-dialog', className)}\n          // Named by the visually-hidden title below. With no description,\n          // opt out of Radix's missing-description dev warning via its\n          // documented escape hatch (explicit aria-describedby={undefined}).\n          {...(description == null ? { 'aria-describedby': undefined } : {})}\n        >\n          <DialogPrimitive.Title asChild>\n            <VisuallyHidden.Root>{label}</VisuallyHidden.Root>\n          </DialogPrimitive.Title>\n          {description != null && (\n            <DialogPrimitive.Description asChild>\n              <VisuallyHidden.Root>{description}</VisuallyHidden.Root>\n            </DialogPrimitive.Description>\n          )}\n          <Command\n            data-slot=\"command-dialog-command\"\n            className=\"ddga-command--dialog\"\n            // Name cmdk's listbox + input with the dialog label (cmdk's `label`\n            // wins over our per-input aria-label via aria-labelledby).\n            label={typeof label === 'string' ? label : 'Command palette'}\n            filter={filter}\n            shouldFilter={shouldFilter}\n            loop={loop}\n          >\n            {children}\n          </Command>\n        </DialogPrimitive.Content>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  );\n}\n\n// ─── 5. Exports ─── //\n\nexport {\n  Command,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandSeparator,\n  CommandDialog,\n  commandVariants,\n};\nexport type {\n  CommandProps,\n  CommandInputProps,\n  CommandListProps,\n  CommandEmptyProps,\n  CommandGroupProps,\n  CommandSeparatorProps,\n  CommandItemProps,\n  CommandDialogProps,\n};\n"]}

package/dist/chunk-AV6BIQQA.js

@@ -0,0 +1,115 @@
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Avatar/Avatar.tsx
+import { Children, isValidElement, cloneElement } from "react";
+import { Avatar as AvatarPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var avatarVariants = cva("ddga-avatar", {
+  variants: {
+    size: {
+      xs: "ddga-avatar--xs",
+      sm: "ddga-avatar--sm",
+      md: "ddga-avatar--md",
+      lg: "ddga-avatar--lg",
+      xl: "ddga-avatar--xl"
+    },
+    shape: {
+      circle: "ddga-avatar--circle",
+      square: "ddga-avatar--square"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    shape: "circle"
+  }
+});
+var fallbackVariants = cva("ddga-avatar__fallback", {
+  variants: {
+    colorScheme: {
+      default: "ddga-avatar__fallback--default",
+      primary: "ddga-avatar__fallback--primary",
+      secondary: "ddga-avatar__fallback--secondary",
+      success: "ddga-avatar__fallback--success",
+      warning: "ddga-avatar__fallback--warning",
+      destructive: "ddga-avatar__fallback--destructive",
+      info: "ddga-avatar__fallback--info"
+    }
+  },
+  defaultVariants: {
+    colorScheme: "default"
+  }
+});
+function Avatar({ size, shape, status, statusLabel, className, children, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    AvatarPrimitive.Root,
+    {
+      "data-slot": "avatar",
+      "data-status": status,
+      className: cn(avatarVariants({ size, shape }), className),
+      ...props,
+      children: [
+        children,
+        status ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn("ddga-avatar__status", `ddga-avatar__status--${status}`),
+            role: "img",
+            "aria-label": statusLabel ?? status
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function AvatarImage({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn("ddga-avatar__image", className),
+      ...props
+    }
+  );
+}
+function AvatarFallback({ colorScheme, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AvatarPrimitive.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      "data-color-scheme": colorScheme ?? "default",
+      className: cn(fallbackVariants({ colorScheme }), className),
+      ...props
+    }
+  );
+}
+function AvatarGroup({ max, size, shape, className, children, ...props }) {
+  const all = Children.toArray(children).filter(isValidElement);
+  const visible = max !== void 0 && all.length > max ? all.slice(0, max) : all;
+  const overflow = max !== void 0 ? Math.max(0, all.length - max) : 0;
+  const cascaded = visible.map(
+    (child, i) => cloneElement(child, {
+      key: child.key ?? i,
+      size: child.props.size ?? size,
+      shape: child.props.shape ?? shape
+    })
+  );
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "avatar-group", className: cn("ddga-avatar-group", className), ...props, children: [
+    cascaded,
+    overflow > 0 ? /* @__PURE__ */ jsx(Avatar, { size, shape, "aria-label": `${overflow} more`, children: /* @__PURE__ */ jsxs(AvatarFallback, { children: [
+      "+",
+      overflow
+    ] }) }) : null
+  ] });
+}
+
+export {
+  avatarVariants,
+  Avatar,
+  AvatarImage,
+  AvatarFallback,
+  AvatarGroup
+};
+//# sourceMappingURL=chunk-AV6BIQQA.js.map

package/dist/chunk-AV6BIQQA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Avatar/Avatar.tsx"],"sourcesContent":["'use client';\n\nimport { Children, isValidElement, cloneElement, type ReactElement } from 'react';\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n\nconst avatarVariants = cva('ddga-avatar', {\n  variants: {\n    size: {\n      xs: 'ddga-avatar--xs',\n      sm: 'ddga-avatar--sm',\n      md: 'ddga-avatar--md',\n      lg: 'ddga-avatar--lg',\n      xl: 'ddga-avatar--xl',\n    },\n    shape: {\n      circle: 'ddga-avatar--circle',\n      square: 'ddga-avatar--square',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    shape: 'circle',\n  },\n});\n\nconst fallbackVariants = cva('ddga-avatar__fallback', {\n  variants: {\n    colorScheme: {\n      default: 'ddga-avatar__fallback--default',\n      primary: 'ddga-avatar__fallback--primary',\n      secondary: 'ddga-avatar__fallback--secondary',\n      success: 'ddga-avatar__fallback--success',\n      warning: 'ddga-avatar__fallback--warning',\n      destructive: 'ddga-avatar__fallback--destructive',\n      info: 'ddga-avatar__fallback--info',\n    },\n  },\n  defaultVariants: {\n    colorScheme: 'default',\n  },\n});\n\ntype AvatarStatus = 'online' | 'offline' | 'busy' | 'away';\n\n// ─── 2. Types ─── //\n\ninterface AvatarProps\n  extends React.ComponentProps<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {\n  /**\n   * Presence indicator rendered in the bottom-{end} corner. The color tracks\n   * the status (online → success, busy → destructive, away → warning,\n   * offline → muted). Position flips in RTL automatically via logical props.\n   */\n  status?: AvatarStatus;\n  /**\n   * Accessible label for the status indicator. Defaults to the status value\n   * (e.g. \"online\"). Pass a localized string for non-English UIs.\n   */\n  statusLabel?: string;\n}\n\ntype AvatarImageProps = React.ComponentProps<typeof AvatarPrimitive.Image>;\n\ninterface AvatarFallbackProps\n  extends\n    React.ComponentProps<typeof AvatarPrimitive.Fallback>,\n    VariantProps<typeof fallbackVariants> {}\n\ninterface AvatarGroupProps extends React.ComponentProps<'div'> {\n  /**\n   * Cap the number of visible Avatars. Excess children are collapsed into a\n   * trailing \"+N\" chip. When unset, every child is rendered.\n   */\n  max?: number;\n  /** Size cascaded to each child Avatar that doesn't already set its own size. */\n  size?: VariantProps<typeof avatarVariants>['size'];\n  /** Shape cascaded to each child Avatar that doesn't already set its own shape. */\n  shape?: VariantProps<typeof avatarVariants>['shape'];\n}\n\n// ─── 3. Components ─── //\n\nfunction Avatar({ size, shape, status, statusLabel, className, children, ...props }: AvatarProps) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-status={status}\n      className={cn(avatarVariants({ size, shape }), className)}\n      {...props}\n    >\n      {children}\n      {status ? (\n        <span\n          className={cn('ddga-avatar__status', `ddga-avatar__status--${status}`)}\n          role=\"img\"\n          aria-label={statusLabel ?? status}\n        />\n      ) : null}\n    </AvatarPrimitive.Root>\n  );\n}\n\nfunction AvatarImage({ className, ...props }: AvatarImageProps) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn('ddga-avatar__image', className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({ colorScheme, className, ...props }: AvatarFallbackProps) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      data-color-scheme={colorScheme ?? 'default'}\n      className={cn(fallbackVariants({ colorScheme }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroup({ max, size, shape, className, children, ...props }: AvatarGroupProps) {\n  const all = Children.toArray(children).filter(isValidElement) as ReactElement<AvatarProps>[];\n  const visible = max !== undefined && all.length > max ? all.slice(0, max) : all;\n  const overflow = max !== undefined ? Math.max(0, all.length - max) : 0;\n\n  // Cascade size/shape onto children that haven't set their own (parity with\n  // RadioGroup → Radio). Don't clobber explicit child overrides.\n  const cascaded = visible.map((child, i) =>\n    cloneElement(child, {\n      key: child.key ?? i,\n      size: child.props.size ?? size,\n      shape: child.props.shape ?? shape,\n    }),\n  );\n\n  return (\n    <div data-slot=\"avatar-group\" className={cn('ddga-avatar-group', className)} {...props}>\n      {cascaded}\n      {overflow > 0 ? (\n        <Avatar size={size} shape={shape} aria-label={`${overflow} more`}>\n          <AvatarFallback>+{overflow}</AvatarFallback>\n        </Avatar>\n      ) : null}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Avatar, AvatarImage, AvatarFallback, AvatarGroup, avatarVariants };\nexport type { AvatarProps, AvatarImageProps, AvatarFallbackProps, AvatarGroupProps, AvatarStatus };\n"],"mappings":";;;;;AAEA,SAAS,UAAU,gBAAgB,oBAAuC;AAC1E,SAAS,UAAU,uBAAuB;AAC1C,SAAS,WAA8B;AAoFnC,SAQI,KARJ;AA/EJ,IAAM,iBAAiB,IAAI,eAAe;AAAA,EACxC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF,CAAC;AAED,IAAM,mBAAmB,IAAI,yBAAyB;AAAA,EACpD,UAAU;AAAA,IACR,aAAa;AAAA,MACX,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,SAAS;AAAA,MACT,aAAa;AAAA,MACb,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,aAAa;AAAA,EACf;AACF,CAAC;AA0CD,SAAS,OAAO,EAAE,MAAM,OAAO,QAAQ,aAAa,WAAW,UAAU,GAAG,MAAM,GAAgB;AAChG,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,eAAa;AAAA,MACb,WAAW,GAAG,eAAe,EAAE,MAAM,MAAM,CAAC,GAAG,SAAS;AAAA,MACvD,GAAG;AAAA,MAEH;AAAA;AAAA,QACA,SACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,uBAAuB,wBAAwB,MAAM,EAAE;AAAA,YACrE,MAAK;AAAA,YACL,cAAY,eAAe;AAAA;AAAA,QAC7B,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAqB;AAC9D,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,sBAAsB,SAAS;AAAA,MAC5C,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,eAAe,EAAE,aAAa,WAAW,GAAG,MAAM,GAAwB;AACjF,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,qBAAmB,eAAe;AAAA,MAClC,WAAW,GAAG,iBAAiB,EAAE,YAAY,CAAC,GAAG,SAAS;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY,EAAE,KAAK,MAAM,OAAO,WAAW,UAAU,GAAG,MAAM,GAAqB;AAC1F,QAAM,MAAM,SAAS,QAAQ,QAAQ,EAAE,OAAO,cAAc;AAC5D,QAAM,UAAU,QAAQ,UAAa,IAAI,SAAS,MAAM,IAAI,MAAM,GAAG,GAAG,IAAI;AAC5E,QAAM,WAAW,QAAQ,SAAY,KAAK,IAAI,GAAG,IAAI,SAAS,GAAG,IAAI;AAIrE,QAAM,WAAW,QAAQ;AAAA,IAAI,CAAC,OAAO,MACnC,aAAa,OAAO;AAAA,MAClB,KAAK,MAAM,OAAO;AAAA,MAClB,MAAM,MAAM,MAAM,QAAQ;AAAA,MAC1B,OAAO,MAAM,MAAM,SAAS;AAAA,IAC9B,CAAC;AAAA,EACH;AAEA,SACE,qBAAC,SAAI,aAAU,gBAAe,WAAW,GAAG,qBAAqB,SAAS,GAAI,GAAG,OAC9E;AAAA;AAAA,IACA,WAAW,IACV,oBAAC,UAAO,MAAY,OAAc,cAAY,GAAG,QAAQ,SACvD,+BAAC,kBAAe;AAAA;AAAA,MAAE;AAAA,OAAS,GAC7B,IACE;AAAA,KACN;AAEJ;","names":[]}

package/dist/chunk-AYIS62JR.cjs

@@ -0,0 +1,293 @@
+"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 _chunkRNOXGWKQcjs = require('./chunk-RNOXGWKQ.cjs');
+
+
+var _chunkIKWD2OENcjs = require('./chunk-IKWD2OEN.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/DatePicker/DatePicker.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _reactariacomponents = require('react-aria-components');
+var _date = require('@internationalized/date');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var datePickerTriggerVariants = _classvarianceauthority.cva.call(void 0, "ddga-date-picker-trigger", {
+  variants: {
+    size: {
+      sm: "ddga-date-picker-trigger--sm",
+      md: "ddga-date-picker-trigger--md"
+    },
+    error: {
+      true: "ddga-date-picker-trigger--error"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var datePickerVariants = datePickerTriggerVariants;
+function CalendarDayCell({ date, showSecondary, calendarSystem }) {
+  const state = _react.useContext.call(void 0, _reactariacomponents.CalendarStateContext);
+  const start = _optionalChain([state, 'optionalAccess', _ => _.visibleRange, 'access', _2 => _2.start]);
+  const isOutside = !!start && (date.year !== start.year || date.month !== start.month);
+  const isOutOfBounds = state ? state.isInvalid(date) : false;
+  if (state && isOutside && !isOutOfBounds) {
+    const selected = state.value;
+    const isSelected = !!selected && selected.year === date.year && selected.month === date.month && selected.day === date.day;
+    const handleSelect = () => {
+      state.setFocusedDate(date);
+      state.selectDate(date);
+    };
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { role: "gridcell", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "button",
+      {
+        type: "button",
+        tabIndex: -1,
+        className: "ddga-calendar__cell",
+        "data-outside-month": "",
+        "data-selected": isSelected ? "" : void 0,
+        "data-slot": "date-picker-day-cell",
+        onClick: handleSelect,
+        children: _chunkRNOXGWKQcjs.renderDayContent.call(void 0, date.day, { showSecondary, date, calendarSystem })
+      }
+    ) });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.CalendarCell, { date, className: "ddga-calendar__cell", children: ({ formattedDate }) => _chunkRNOXGWKQcjs.renderDayContent.call(void 0, formattedDate, { showSecondary, date, calendarSystem }) });
+}
+function DatePicker({
+  value: controlledValue,
+  defaultValue,
+  onChange,
+  minValue,
+  maxValue,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  required,
+  disabled,
+  size,
+  id,
+  className,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  calendar: controlledCalendar,
+  defaultCalendar = "gregorian",
+  onCalendarChange,
+  showCalendarToggle = true,
+  calendarLabels,
+  showSecondaryCalendar = false
+}) {
+  const isValueControlled = controlledValue !== void 0;
+  const [internalValue, setInternalValue] = _react.useState.call(void 0, 
+    () => _chunkRNOXGWKQcjs.dateToCalendarDate.call(void 0, defaultValue)
+  );
+  const value = isValueControlled ? _chunkRNOXGWKQcjs.dateToCalendarDate.call(void 0, controlledValue) : internalValue;
+  const handleAriaChange = _react.useCallback.call(void 0, 
+    (next) => {
+      const nextCD = next ? new (0, _date.CalendarDate)(next.year, next.month, next.day) : null;
+      if (!isValueControlled) setInternalValue(nextCD);
+      _optionalChain([onChange, 'optionalCall', _3 => _3(_chunkRNOXGWKQcjs.calendarDateToDate.call(void 0, nextCD))]);
+    },
+    [isValueControlled, onChange]
+  );
+  const isCalendarControlled = controlledCalendar !== void 0;
+  const [internalCalendar, setInternalCalendar] = _react.useState.call(void 0, defaultCalendar);
+  const calendarSystem = isCalendarControlled ? controlledCalendar : internalCalendar;
+  const setCalendar = _react.useCallback.call(void 0, 
+    (next) => {
+      if (!isCalendarControlled) setInternalCalendar(next);
+      _optionalChain([onCalendarChange, 'optionalCall', _4 => _4(next)]);
+    },
+    [isCalendarControlled, onCalendarChange]
+  );
+  const {
+    dgaLocale,
+    locale: ariaLocale,
+    portalContainer,
+    PrevChevron,
+    NextChevron,
+    resolvedLabels,
+    navLabels,
+    a11yLabels
+  } = _chunkRNOXGWKQcjs.useCalendarChrome.call(void 0, calendarSystem, calendarLabels);
+  const ariaMinValue = _react.useMemo.call(void 0, () => _nullishCoalesce(_chunkRNOXGWKQcjs.dateToCalendarDate.call(void 0, minValue), () => ( void 0)), [minValue]);
+  const ariaMaxValue = _react.useMemo.call(void 0, () => _nullishCoalesce(_chunkRNOXGWKQcjs.dateToCalendarDate.call(void 0, maxValue), () => ( void 0)), [maxValue]);
+  const dialogAriaLabel = _nullishCoalesce(ariaLabel, () => ( (typeof label === "string" ? label : ariaLabelledBy ? void 0 : dgaLocale.startsWith("ar") ? "\u0627\u0644\u062A\u0627\u0631\u064A\u062E" : "Date")));
+  const showToggle = showCalendarToggle && !isCalendarControlled;
+  const hasError = !!error;
+  const hasErrorMessage = hasError && errorMessage != null && errorMessage !== "";
+  const hasHelper = !hasErrorMessage && helperText != null && helperText !== "";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.I18nProvider, { locale: ariaLocale, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _reactariacomponents.DatePicker,
+    {
+      value,
+      onChange: handleAriaChange,
+      minValue: ariaMinValue,
+      maxValue: ariaMaxValue,
+      isRequired: required,
+      isDisabled: disabled,
+      isInvalid: hasError,
+      shouldCloseOnSelect: true,
+      id,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      className: "ddga-field",
+      "data-slot": "date-picker-field",
+      children: [
+        label && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _reactariacomponents.Label, { className: "ddga-date-picker__label", children: [
+          label,
+          required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "ddga-date-picker__required", children: "*" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          _reactariacomponents.Group,
+          {
+            "data-slot": "date-picker-trigger",
+            className: _chunkV6MXOJQ4cjs.cn.call(void 0, datePickerTriggerVariants({ size, error: hasError }), className),
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.DateInput, { className: "ddga-date-picker__input", "data-slot": "date-picker-input", children: (segment) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _reactariacomponents.DateSegment,
+                {
+                  segment,
+                  className: "ddga-date-picker__segment",
+                  "data-slot": "date-picker-segment"
+                }
+              ) }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _reactariacomponents.Button,
+                {
+                  className: "ddga-date-picker__icon-button",
+                  "aria-label": a11yLabels.openCalendar,
+                  "data-slot": "date-picker-trigger-button",
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.CalendarIcon, { "aria-hidden": "true", className: "ddga-date-picker__icon" })
+                }
+              )
+            ]
+          }
+        ),
+        hasHelper && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _reactariacomponents.Text,
+          {
+            slot: "description",
+            className: "ddga-field__message ddga-field__message--helper",
+            "data-slot": "field-helper",
+            children: helperText
+          }
+        ),
+        hasErrorMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _reactariacomponents.FieldError,
+          {
+            className: "ddga-field__message ddga-field__message--error",
+            "data-slot": "field-error",
+            children: errorMessage
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _reactariacomponents.Popover,
+          {
+            UNSTABLE_portalContainer: portalContainer,
+            className: "ddga-calendar-popover",
+            "data-slot": "date-picker-popover",
+            offset: 6,
+            containerPadding: 12,
+            children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              _reactariacomponents.Dialog,
+              {
+                className: "ddga-calendar-dialog",
+                "data-slot": "date-picker-dialog",
+                "aria-label": dialogAriaLabel,
+                "aria-labelledby": ariaLabelledBy,
+                children: [
+                  showToggle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _chunkRNOXGWKQcjs.CalendarSystemToggle,
+                    {
+                      value: calendarSystem,
+                      onChange: setCalendar,
+                      labels: resolvedLabels,
+                      groupLabel: a11yLabels.calendarSystem
+                    }
+                  ),
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _reactariacomponents.Calendar, { className: "ddga-calendar", "data-slot": "date-picker-calendar", children: [
+                    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "header", { className: "ddga-calendar__header", children: [
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _reactariacomponents.Button,
+                        {
+                          slot: "previous",
+                          className: "ddga-calendar__nav",
+                          "data-slot": "date-picker-calendar-prev",
+                          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PrevChevron, { "aria-hidden": "true" })
+                        }
+                      ),
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _chunkRNOXGWKQcjs.CalendarNavHeader,
+                        {
+                          locale: ariaLocale,
+                          monthLabel: navLabels.month,
+                          yearLabel: navLabels.year
+                        }
+                      ),
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _reactariacomponents.Button,
+                        {
+                          slot: "next",
+                          className: "ddga-calendar__nav",
+                          "data-slot": "date-picker-calendar-next",
+                          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NextChevron, { "aria-hidden": "true" })
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _reactariacomponents.CalendarGrid, { className: "ddga-calendar__grid", children: [
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.CalendarGridHeader, { children: (day) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.CalendarHeaderCell, { className: "ddga-calendar__weekday", children: day }) }),
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.CalendarGridBody, { children: (date) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        CalendarDayCell,
+                        {
+                          date,
+                          showSecondary: showSecondaryCalendar,
+                          calendarSystem
+                        }
+                      ) })
+                    ] })
+                  ] })
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  ) });
+}
+
+
+
+
+
+exports.datePickerTriggerVariants = datePickerTriggerVariants; exports.datePickerVariants = datePickerVariants; exports.DatePicker = DatePicker;
+//# sourceMappingURL=chunk-AYIS62JR.cjs.map