@dev-dga/react 0.8.0 → 0.8.2

package/dist/chunk-CGCO7RFO.js

@@ -0,0 +1,192 @@
+import {
+  Search
+} from "./chunk-CDS4SYEQ.js";
+import {
+  DgaContext
+} from "./chunk-TMXABSFE.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Command/Command.tsx
+import { useCallback, useContext, useEffect, useRef, useState } from "react";
+import { Command as CommandPrimitive } from "cmdk";
+import { Dialog as DialogPrimitive, VisuallyHidden } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var commandVariants = cva("ddga-command");
+function Command({ className, ...props }) {
+  return /* @__PURE__ */ jsx(CommandPrimitive, { "data-slot": "command", className: cn(commandVariants(), className), ...props });
+}
+function CommandInput({
+  className,
+  placeholder,
+  "aria-label": ariaLabel,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "ddga-command__input-wrapper", "data-slot": "command-input-wrapper", children: [
+    /* @__PURE__ */ jsx(Search, { className: "ddga-command__search-icon", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx(
+      CommandPrimitive.Input,
+      {
+        "data-slot": "command-input",
+        className: cn("ddga-command__input", className),
+        placeholder,
+        "aria-label": ariaLabel ?? (typeof placeholder === "string" ? placeholder : void 0),
+        ...props
+      }
+    )
+  ] });
+}
+function CommandList({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    CommandPrimitive.List,
+    {
+      "data-slot": "command-list",
+      className: cn("ddga-command__list", className),
+      ...props
+    }
+  );
+}
+function CommandEmpty({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    CommandPrimitive.Empty,
+    {
+      "data-slot": "command-empty",
+      className: cn("ddga-command__empty", className),
+      ...props
+    }
+  );
+}
+function CommandGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    CommandPrimitive.Group,
+    {
+      "data-slot": "command-group",
+      className: cn("ddga-command__group", className),
+      ...props
+    }
+  );
+}
+function CommandSeparator({
+  className,
+  "aria-hidden": ariaHidden = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    CommandPrimitive.Separator,
+    {
+      "aria-hidden": ariaHidden,
+      "data-slot": "command-separator",
+      className: cn("ddga-command__separator", className),
+      ...props
+    }
+  );
+}
+function CommandItem({
+  startIcon,
+  shortcut,
+  className,
+  children,
+  keywords,
+  ...props
+}) {
+  const labelText = typeof children === "string" ? children : void 0;
+  const mergedKeywords = labelText && !keywords?.includes(labelText) ? [...keywords ?? [], labelText] : keywords;
+  return /* @__PURE__ */ jsxs(
+    CommandPrimitive.Item,
+    {
+      "data-slot": "command-item",
+      className: cn("ddga-command__item", className),
+      keywords: mergedKeywords,
+      ...props,
+      children: [
+        startIcon != null && /* @__PURE__ */ jsx("span", { className: "ddga-command__item-icon", "aria-hidden": "true", children: startIcon }),
+        /* @__PURE__ */ jsx("span", { className: "ddga-command__item-label", children }),
+        shortcut != null && /* @__PURE__ */ jsx("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] = useState(defaultOpen ?? false);
+  const isControlled = controlledOpen !== void 0;
+  const open = isControlled ? controlledOpen : internalOpen;
+  const setOpen = useCallback(
+    (next) => {
+      if (!isControlled) setInternalOpen(next);
+      onOpenChange?.(next);
+    },
+    [isControlled, onOpenChange]
+  );
+  const openRef = useRef(open);
+  useEffect(() => {
+    openRef.current = open;
+  });
+  useEffect(() => {
+    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 = useContext(DgaContext);
+  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { open, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { container: portalContainer, children: [
+    /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { className: "ddga-command__overlay", "data-slot": "command-overlay" }),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "command-dialog",
+        className: cn("ddga-command-dialog", className),
+        ...description == null ? { "aria-describedby": void 0 } : {},
+        children: [
+          /* @__PURE__ */ jsx(DialogPrimitive.Title, { asChild: true, children: /* @__PURE__ */ jsx(VisuallyHidden.Root, { children: label }) }),
+          description != null && /* @__PURE__ */ jsx(DialogPrimitive.Description, { asChild: true, children: /* @__PURE__ */ jsx(VisuallyHidden.Root, { children: description }) }),
+          /* @__PURE__ */ jsx(
+            Command,
+            {
+              "data-slot": "command-dialog-command",
+              className: "ddga-command--dialog",
+              label: typeof label === "string" ? label : "Command palette",
+              filter,
+              shouldFilter,
+              loop,
+              children
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+}
+
+export {
+  commandVariants,
+  Command,
+  CommandInput,
+  CommandList,
+  CommandEmpty,
+  CommandGroup,
+  CommandSeparator,
+  CommandItem,
+  CommandDialog
+};
+//# sourceMappingURL=chunk-CGCO7RFO.js.map

package/dist/chunk-CGCO7RFO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Command/Command.tsx"],"sourcesContent":["'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"],"mappings":"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","names":[]}

package/dist/chunk-CHE75QHA.js

@@ -0,0 +1,310 @@
+import {
+  CalendarNavHeader,
+  CalendarSystemToggle,
+  calendarDateToDate,
+  dateToCalendarDate,
+  renderDayContent,
+  useCalendarChrome
+} from "./chunk-TT2DEREM.js";
+import {
+  CalendarIcon
+} from "./chunk-CDS4SYEQ.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/DateRangePicker/DateRangePicker.tsx
+import { useCallback, useMemo, useState } from "react";
+import {
+  Button as AriaButton,
+  CalendarCell as AriaCalendarCell,
+  CalendarGrid as AriaCalendarGrid,
+  CalendarGridBody as AriaCalendarGridBody,
+  CalendarGridHeader as AriaCalendarGridHeader,
+  CalendarHeaderCell as AriaCalendarHeaderCell,
+  DateInput as AriaDateInput,
+  DateRangePicker as AriaDateRangePicker,
+  DateSegment as AriaDateSegment,
+  Dialog as AriaDialog,
+  FieldError as AriaFieldError,
+  Group as AriaGroup,
+  I18nProvider,
+  Label as AriaLabel,
+  Popover as AriaPopover,
+  RangeCalendar as AriaRangeCalendar,
+  Text as AriaText
+} from "react-aria-components";
+import { CalendarDate } from "@internationalized/date";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var dateRangePickerTriggerVariants = cva("ddga-date-range-picker-trigger", {
+  variants: {
+    size: {
+      sm: "ddga-date-range-picker-trigger--sm",
+      md: "ddga-date-range-picker-trigger--md"
+    },
+    error: {
+      true: "ddga-date-range-picker-trigger--error"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var dateRangePickerVariants = dateRangePickerTriggerVariants;
+function toAriaRange(range) {
+  if (!range) return null;
+  const start = dateToCalendarDate(range.start);
+  const end = dateToCalendarDate(range.end);
+  if (!start || !end) return null;
+  return { start, end };
+}
+function fromAriaRange(value) {
+  if (!value) return null;
+  const start = calendarDateToDate(value.start);
+  const end = calendarDateToDate(value.end);
+  if (!start || !end) return null;
+  return { start, end };
+}
+function DateRangePicker({
+  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] = useState(
+    () => toAriaRange(defaultValue)
+  );
+  const value = isValueControlled ? toAriaRange(controlledValue) : internalValue;
+  const handleAriaChange = useCallback(
+    (next) => {
+      const nextRange = next ? {
+        start: new CalendarDate(next.start.year, next.start.month, next.start.day),
+        end: new CalendarDate(next.end.year, next.end.month, next.end.day)
+      } : null;
+      if (!isValueControlled) setInternalValue(nextRange);
+      onChange?.(fromAriaRange(nextRange));
+    },
+    [isValueControlled, onChange]
+  );
+  const isCalendarControlled = controlledCalendar !== void 0;
+  const [internalCalendar, setInternalCalendar] = useState(defaultCalendar);
+  const calendarSystem = isCalendarControlled ? controlledCalendar : internalCalendar;
+  const setCalendar = useCallback(
+    (next) => {
+      if (!isCalendarControlled) setInternalCalendar(next);
+      onCalendarChange?.(next);
+    },
+    [isCalendarControlled, onCalendarChange]
+  );
+  const {
+    dgaLocale,
+    locale: ariaLocale,
+    portalContainer,
+    PrevChevron,
+    NextChevron,
+    resolvedLabels,
+    navLabels,
+    a11yLabels
+  } = useCalendarChrome(calendarSystem, calendarLabels);
+  const ariaMinValue = useMemo(() => dateToCalendarDate(minValue) ?? void 0, [minValue]);
+  const ariaMaxValue = useMemo(() => dateToCalendarDate(maxValue) ?? void 0, [maxValue]);
+  const dialogAriaLabel = ariaLabel ?? (typeof label === "string" ? label : ariaLabelledBy ? void 0 : dgaLocale.startsWith("ar") ? "\u0646\u0637\u0627\u0642 \u0627\u0644\u062A\u0627\u0631\u064A\u062E" : "Date range");
+  const showToggle = showCalendarToggle && !isCalendarControlled;
+  const hasError = !!error;
+  const hasErrorMessage = hasError && errorMessage != null && errorMessage !== "";
+  const hasHelper = !hasErrorMessage && helperText != null && helperText !== "";
+  return /* @__PURE__ */ jsx(I18nProvider, { locale: ariaLocale, children: /* @__PURE__ */ jsxs(
+    AriaDateRangePicker,
+    {
+      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-range-picker-field",
+      children: [
+        label && /* @__PURE__ */ jsxs(AriaLabel, { className: "ddga-date-range-picker__label", children: [
+          label,
+          required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ddga-date-range-picker__required", children: "*" })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          AriaGroup,
+          {
+            "data-slot": "date-range-picker-trigger",
+            className: cn(dateRangePickerTriggerVariants({ size, error: hasError }), className),
+            children: [
+              /* @__PURE__ */ jsx(
+                AriaDateInput,
+                {
+                  slot: "start",
+                  className: "ddga-date-range-picker__input",
+                  "data-slot": "date-range-picker-input-start",
+                  children: (segment) => /* @__PURE__ */ jsx(
+                    AriaDateSegment,
+                    {
+                      segment,
+                      className: "ddga-date-range-picker__segment",
+                      "data-slot": "date-range-picker-segment"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ddga-date-range-picker__separator", children: "\u2013" }),
+              /* @__PURE__ */ jsx(
+                AriaDateInput,
+                {
+                  slot: "end",
+                  className: "ddga-date-range-picker__input",
+                  "data-slot": "date-range-picker-input-end",
+                  children: (segment) => /* @__PURE__ */ jsx(
+                    AriaDateSegment,
+                    {
+                      segment,
+                      className: "ddga-date-range-picker__segment",
+                      "data-slot": "date-range-picker-segment"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                AriaButton,
+                {
+                  className: "ddga-date-range-picker__icon-button",
+                  "aria-label": a11yLabels.openCalendar,
+                  "data-slot": "date-range-picker-trigger-button",
+                  children: /* @__PURE__ */ jsx(CalendarIcon, { "aria-hidden": "true", className: "ddga-date-range-picker__icon" })
+                }
+              )
+            ]
+          }
+        ),
+        hasHelper && /* @__PURE__ */ jsx(
+          AriaText,
+          {
+            slot: "description",
+            className: "ddga-field__message ddga-field__message--helper",
+            "data-slot": "field-helper",
+            children: helperText
+          }
+        ),
+        hasErrorMessage && /* @__PURE__ */ jsx(
+          AriaFieldError,
+          {
+            className: "ddga-field__message ddga-field__message--error",
+            "data-slot": "field-error",
+            children: errorMessage
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          AriaPopover,
+          {
+            UNSTABLE_portalContainer: portalContainer,
+            className: "ddga-calendar-popover",
+            "data-slot": "date-range-picker-popover",
+            offset: 6,
+            containerPadding: 12,
+            children: /* @__PURE__ */ jsxs(
+              AriaDialog,
+              {
+                className: "ddga-calendar-dialog",
+                "data-slot": "date-range-picker-dialog",
+                "aria-label": dialogAriaLabel,
+                "aria-labelledby": ariaLabelledBy,
+                children: [
+                  showToggle && /* @__PURE__ */ jsx(
+                    CalendarSystemToggle,
+                    {
+                      value: calendarSystem,
+                      onChange: setCalendar,
+                      labels: resolvedLabels,
+                      groupLabel: a11yLabels.calendarSystem
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    AriaRangeCalendar,
+                    {
+                      className: "ddga-calendar ddga-calendar--range",
+                      "data-slot": "date-range-picker-calendar",
+                      children: [
+                        /* @__PURE__ */ jsxs("header", { className: "ddga-calendar__header", children: [
+                          /* @__PURE__ */ jsx(
+                            AriaButton,
+                            {
+                              slot: "previous",
+                              className: "ddga-calendar__nav",
+                              "data-slot": "date-range-picker-calendar-prev",
+                              children: /* @__PURE__ */ jsx(PrevChevron, { "aria-hidden": "true" })
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            CalendarNavHeader,
+                            {
+                              locale: ariaLocale,
+                              monthLabel: navLabels.month,
+                              yearLabel: navLabels.year
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            AriaButton,
+                            {
+                              slot: "next",
+                              className: "ddga-calendar__nav",
+                              "data-slot": "date-range-picker-calendar-next",
+                              children: /* @__PURE__ */ jsx(NextChevron, { "aria-hidden": "true" })
+                            }
+                          )
+                        ] }),
+                        /* @__PURE__ */ jsxs(AriaCalendarGrid, { className: "ddga-calendar__grid", children: [
+                          /* @__PURE__ */ jsx(AriaCalendarGridHeader, { children: (day) => /* @__PURE__ */ jsx(AriaCalendarHeaderCell, { className: "ddga-calendar__weekday", children: day }) }),
+                          /* @__PURE__ */ jsx(AriaCalendarGridBody, { children: (date) => /* @__PURE__ */ jsx(AriaCalendarCell, { date, className: "ddga-calendar__cell", children: ({ formattedDate }) => renderDayContent(formattedDate, {
+                            showSecondary: showSecondaryCalendar,
+                            date,
+                            calendarSystem
+                          }) }) })
+                        ] })
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  ) });
+}
+
+export {
+  dateRangePickerTriggerVariants,
+  dateRangePickerVariants,
+  DateRangePicker
+};
+//# sourceMappingURL=chunk-CHE75QHA.js.map

package/dist/chunk-CHE75QHA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useMemo, useState, type ReactNode } from 'react';\nimport {\n  Button as AriaButton,\n  CalendarCell as AriaCalendarCell,\n  CalendarGrid as AriaCalendarGrid,\n  CalendarGridBody as AriaCalendarGridBody,\n  CalendarGridHeader as AriaCalendarGridHeader,\n  CalendarHeaderCell as AriaCalendarHeaderCell,\n  DateInput as AriaDateInput,\n  DateRangePicker as AriaDateRangePicker,\n  DateSegment as AriaDateSegment,\n  Dialog as AriaDialog,\n  FieldError as AriaFieldError,\n  Group as AriaGroup,\n  I18nProvider,\n  Label as AriaLabel,\n  Popover as AriaPopover,\n  RangeCalendar as AriaRangeCalendar,\n  Text as AriaText,\n} from 'react-aria-components';\nimport { CalendarDate, type DateValue } from '@internationalized/date';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { CalendarIcon } from '../../internal/icons';\nimport {\n  CalendarNavHeader,\n  CalendarSystemToggle,\n  calendarDateToDate,\n  dateToCalendarDate,\n  renderDayContent,\n  useCalendarChrome,\n  type CalendarLabels,\n  type CalendarSystem,\n} from '../../internal/calendar';\n\n// ─── 1. Variants ─── //\n\n// Applied to the Group (the trigger row). Range triggers hold more by content\n// (two date inputs + separator), but heights still match Input/Select sm/md so\n// they line up in a form row.\nconst dateRangePickerTriggerVariants = cva('ddga-date-range-picker-trigger', {\n  variants: {\n    size: {\n      sm: 'ddga-date-range-picker-trigger--sm',\n      md: 'ddga-date-range-picker-trigger--md',\n    },\n    error: {\n      true: 'ddga-date-range-picker-trigger--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// Passthrough alias so the barrel `*Variants` convention holds across components.\nconst dateRangePickerVariants = dateRangePickerTriggerVariants;\n\n// ─── 2. Types ─── //\n\n/** A complete, inclusive date range. Both ends are local Y/M/D. */\ninterface DateRange {\n  start: Date;\n  end: Date;\n}\n\ninterface DateRangePickerProps extends VariantProps<typeof dateRangePickerTriggerVariants> {\n  /** Currently selected range (controlled). `null` clears it. */\n  value?: DateRange | null;\n  /** Initial range when uncontrolled. */\n  defaultValue?: DateRange | null;\n  /** Fires when a complete range is picked, or `null` when cleared. */\n  onChange?: (value: DateRange | null) => void;\n  /** Earliest pickable date (inclusive). */\n  minValue?: Date;\n  /** Latest pickable date (inclusive). */\n  maxValue?: Date;\n  /** Visible label above the trigger. */\n  label?: ReactNode;\n  /** Hint shown below the trigger. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the trigger when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid — sets `aria-invalid` and error styling. */\n  error?: boolean;\n  /** Marks the field required — adds the asterisk + `aria-required`. */\n  required?: boolean;\n  /** Disables the trigger entirely. */\n  disabled?: boolean;\n  /** Caller-supplied id for the field. */\n  id?: string;\n  /** Forwarded to the Group (the trigger row), matching Input/Select. */\n  className?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  /** Calendar system (controlled). Omit to let the user toggle freely. */\n  calendar?: CalendarSystem;\n  /** Initial calendar system when uncontrolled. Defaults to `'gregorian'`. */\n  defaultCalendar?: CalendarSystem;\n  /** Fires whenever the calendar system toggles. */\n  onCalendarChange?: (calendar: CalendarSystem) => void;\n  /**\n   * Show the Gregorian↔Hijri toggle inside the popover. Defaults to `true`, but\n   * is forced off when `calendar` is controlled.\n   */\n  showCalendarToggle?: boolean;\n  /** Override the toggle labels. Defaults are locale-aware (English / Arabic). */\n  calendarLabels?: CalendarLabels;\n  /**\n   * When `true`, each day cell also shows the *other* calendar's day number as\n   * small secondary text. Helps cross-reference Hijri↔Gregorian. Default `false`.\n   */\n  showSecondaryCalendar?: boolean;\n}\n\n// react-aria's range value is { start, end } of CalendarDate. We keep our public\n// contract Date-based and round-trip through Gregorian CalendarDates so the Hijri\n// toggle is purely a display concern (same engine as DatePicker).\ntype AriaDateRange = { start: CalendarDate; end: CalendarDate } | null;\n\nfunction toAriaRange(range: DateRange | null | undefined): AriaDateRange {\n  if (!range) return null;\n  const start = dateToCalendarDate(range.start);\n  const end = dateToCalendarDate(range.end);\n  if (!start || !end) return null;\n  return { start, end };\n}\n\nfunction fromAriaRange(value: { start: DateValue; end: DateValue } | null): DateRange | null {\n  if (!value) return null;\n  const start = calendarDateToDate(value.start);\n  const end = calendarDateToDate(value.end);\n  if (!start || !end) return null;\n  return { start, end };\n}\n\n// ─── 3. Component ─── //\n\nfunction DateRangePicker({\n  value: controlledValue,\n  defaultValue,\n  onChange,\n  minValue,\n  maxValue,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  required,\n  disabled,\n  size,\n  id,\n  className,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  calendar: controlledCalendar,\n  defaultCalendar = 'gregorian',\n  onCalendarChange,\n  showCalendarToggle = true,\n  calendarLabels,\n  showSecondaryCalendar = false,\n}: DateRangePickerProps) {\n  // ─ value: controlled or uncontrolled, always Gregorian internally ─\n  const isValueControlled = controlledValue !== undefined;\n  const [internalValue, setInternalValue] = useState<AriaDateRange>(() =>\n    toAriaRange(defaultValue),\n  );\n  const value = isValueControlled ? toAriaRange(controlledValue) : internalValue;\n\n  const handleAriaChange = useCallback(\n    (next: { start: DateValue; end: DateValue } | null) => {\n      // Normalize to plain Gregorian CalendarDates so internal state never holds\n      // a Hijri-flavored CalendarDate (display calendar must not leak into value).\n      const nextRange: AriaDateRange = next\n        ? {\n            start: new CalendarDate(next.start.year, next.start.month, next.start.day),\n            end: new CalendarDate(next.end.year, next.end.month, next.end.day),\n          }\n        : null;\n      if (!isValueControlled) setInternalValue(nextRange);\n      onChange?.(fromAriaRange(nextRange));\n    },\n    [isValueControlled, onChange],\n  );\n\n  // ─ calendar system: controlled or uncontrolled ─\n  const isCalendarControlled = controlledCalendar !== undefined;\n  const [internalCalendar, setInternalCalendar] = useState<CalendarSystem>(defaultCalendar);\n  const calendarSystem = isCalendarControlled ? controlledCalendar : internalCalendar;\n\n  const setCalendar = useCallback(\n    (next: CalendarSystem) => {\n      if (!isCalendarControlled) setInternalCalendar(next);\n      onCalendarChange?.(next);\n    },\n    [isCalendarControlled, onCalendarChange],\n  );\n\n  // ─ Shared chrome (locale, portal, chevrons, labels) ─\n  const {\n    dgaLocale,\n    locale: ariaLocale,\n    portalContainer,\n    PrevChevron,\n    NextChevron,\n    resolvedLabels,\n    navLabels,\n    a11yLabels,\n  } = useCalendarChrome(calendarSystem, calendarLabels);\n\n  // ─ Bounds ─\n  const ariaMinValue = useMemo(() => dateToCalendarDate(minValue) ?? undefined, [minValue]);\n  const ariaMaxValue = useMemo(() => dateToCalendarDate(maxValue) ?? undefined, [maxValue]);\n\n  // ─ Popover aria-label fallback (Dialog needs an accessible name) ─\n  const dialogAriaLabel =\n    ariaLabel ??\n    (typeof label === 'string'\n      ? label\n      : ariaLabelledBy\n        ? undefined\n        : dgaLocale.startsWith('ar')\n          ? 'نطاق التاريخ'\n          : 'Date range');\n\n  // ─ Toggle visibility ─\n  const showToggle = showCalendarToggle && !isCalendarControlled;\n\n  // ─ Derived field-message visibility (mirrors useFieldA11y rules) ─\n  const hasError = !!error;\n  const hasErrorMessage = hasError && errorMessage != null && errorMessage !== '';\n  const hasHelper = !hasErrorMessage && helperText != null && helperText !== '';\n\n  return (\n    <I18nProvider locale={ariaLocale}>\n      <AriaDateRangePicker\n        value={value}\n        onChange={handleAriaChange}\n        minValue={ariaMinValue}\n        maxValue={ariaMaxValue}\n        isRequired={required}\n        isDisabled={disabled}\n        isInvalid={hasError}\n        shouldCloseOnSelect\n        id={id}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        className=\"ddga-field\"\n        data-slot=\"date-range-picker-field\"\n      >\n        {label && (\n          <AriaLabel className=\"ddga-date-range-picker__label\">\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"ddga-date-range-picker__required\">\n                *\n              </span>\n            )}\n          </AriaLabel>\n        )}\n        <AriaGroup\n          data-slot=\"date-range-picker-trigger\"\n          className={cn(dateRangePickerTriggerVariants({ size, error: hasError }), className)}\n        >\n          <AriaDateInput\n            slot=\"start\"\n            className=\"ddga-date-range-picker__input\"\n            data-slot=\"date-range-picker-input-start\"\n          >\n            {(segment) => (\n              <AriaDateSegment\n                segment={segment}\n                className=\"ddga-date-range-picker__segment\"\n                data-slot=\"date-range-picker-segment\"\n              />\n            )}\n          </AriaDateInput>\n          <span aria-hidden=\"true\" className=\"ddga-date-range-picker__separator\">\n            –\n          </span>\n          <AriaDateInput\n            slot=\"end\"\n            className=\"ddga-date-range-picker__input\"\n            data-slot=\"date-range-picker-input-end\"\n          >\n            {(segment) => (\n              <AriaDateSegment\n                segment={segment}\n                className=\"ddga-date-range-picker__segment\"\n                data-slot=\"date-range-picker-segment\"\n              />\n            )}\n          </AriaDateInput>\n          <AriaButton\n            className=\"ddga-date-range-picker__icon-button\"\n            aria-label={a11yLabels.openCalendar}\n            data-slot=\"date-range-picker-trigger-button\"\n          >\n            <CalendarIcon aria-hidden=\"true\" className=\"ddga-date-range-picker__icon\" />\n          </AriaButton>\n        </AriaGroup>\n        {hasHelper && (\n          <AriaText\n            slot=\"description\"\n            className=\"ddga-field__message ddga-field__message--helper\"\n            data-slot=\"field-helper\"\n          >\n            {helperText}\n          </AriaText>\n        )}\n        {hasErrorMessage && (\n          <AriaFieldError\n            className=\"ddga-field__message ddga-field__message--error\"\n            data-slot=\"field-error\"\n          >\n            {errorMessage}\n          </AriaFieldError>\n        )}\n        <AriaPopover\n          UNSTABLE_portalContainer={portalContainer}\n          className=\"ddga-calendar-popover\"\n          data-slot=\"date-range-picker-popover\"\n          offset={6}\n          containerPadding={12}\n        >\n          <AriaDialog\n            className=\"ddga-calendar-dialog\"\n            data-slot=\"date-range-picker-dialog\"\n            aria-label={dialogAriaLabel}\n            aria-labelledby={ariaLabelledBy}\n          >\n            {showToggle && (\n              <CalendarSystemToggle\n                value={calendarSystem}\n                onChange={setCalendar}\n                labels={resolvedLabels}\n                groupLabel={a11yLabels.calendarSystem}\n              />\n            )}\n            <AriaRangeCalendar\n              className=\"ddga-calendar ddga-calendar--range\"\n              data-slot=\"date-range-picker-calendar\"\n            >\n              <header className=\"ddga-calendar__header\">\n                <AriaButton\n                  slot=\"previous\"\n                  className=\"ddga-calendar__nav\"\n                  data-slot=\"date-range-picker-calendar-prev\"\n                >\n                  <PrevChevron aria-hidden=\"true\" />\n                </AriaButton>\n                <CalendarNavHeader\n                  locale={ariaLocale}\n                  monthLabel={navLabels.month}\n                  yearLabel={navLabels.year}\n                />\n                <AriaButton\n                  slot=\"next\"\n                  className=\"ddga-calendar__nav\"\n                  data-slot=\"date-range-picker-calendar-next\"\n                >\n                  <NextChevron aria-hidden=\"true\" />\n                </AriaButton>\n              </header>\n              <AriaCalendarGrid className=\"ddga-calendar__grid\">\n                <AriaCalendarGridHeader>\n                  {(day) => (\n                    <AriaCalendarHeaderCell className=\"ddga-calendar__weekday\">\n                      {day}\n                    </AriaCalendarHeaderCell>\n                  )}\n                </AriaCalendarGridHeader>\n                <AriaCalendarGridBody>\n                  {(date) => (\n                    <AriaCalendarCell date={date} className=\"ddga-calendar__cell\">\n                      {({ formattedDate }) =>\n                        renderDayContent(formattedDate, {\n                          showSecondary: showSecondaryCalendar,\n                          date,\n                          calendarSystem,\n                        })\n                      }\n                    </AriaCalendarCell>\n                  )}\n                </AriaCalendarGridBody>\n              </AriaCalendarGrid>\n            </AriaRangeCalendar>\n          </AriaDialog>\n        </AriaPopover>\n      </AriaDateRangePicker>\n    </I18nProvider>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { DateRangePicker, dateRangePickerTriggerVariants, dateRangePickerVariants };\nexport type { DateRangePickerProps, DateRange };\n// Re-exported for symmetry with DatePicker so the component file is\n// self-contained. The public barrel exposes these once via DatePicker (the\n// canonical owner) to avoid a duplicate export.\nexport type { CalendarSystem, CalendarLabels } from '../../internal/calendar';\n"],"mappings":"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","names":[]}