@dev-dga/react 0.8.1 → 0.8.2

package/dist/chunk-43763K2A.cjs

@@ -0,0 +1,310 @@
+"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/DateRangePicker/DateRangePicker.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 dateRangePickerTriggerVariants = _classvarianceauthority.cva.call(void 0, "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 = _chunkRNOXGWKQcjs.dateToCalendarDate.call(void 0, range.start);
+  const end = _chunkRNOXGWKQcjs.dateToCalendarDate.call(void 0, range.end);
+  if (!start || !end) return null;
+  return { start, end };
+}
+function fromAriaRange(value) {
+  if (!value) return null;
+  const start = _chunkRNOXGWKQcjs.calendarDateToDate.call(void 0, value.start);
+  const end = _chunkRNOXGWKQcjs.calendarDateToDate.call(void 0, 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] = _react.useState.call(void 0, 
+    () => toAriaRange(defaultValue)
+  );
+  const value = isValueControlled ? toAriaRange(controlledValue) : internalValue;
+  const handleAriaChange = _react.useCallback.call(void 0, 
+    (next) => {
+      const nextRange = next ? {
+        start: new (0, _date.CalendarDate)(next.start.year, next.start.month, next.start.day),
+        end: new (0, _date.CalendarDate)(next.end.year, next.end.month, next.end.day)
+      } : null;
+      if (!isValueControlled) setInternalValue(nextRange);
+      _optionalChain([onChange, 'optionalCall', _ => _(fromAriaRange(nextRange))]);
+    },
+    [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', _2 => _2(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") ? "\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__ */ _jsxruntime.jsx.call(void 0, _reactariacomponents.I18nProvider, { locale: ariaLocale, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _reactariacomponents.DateRangePicker,
+    {
+      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__ */ _jsxruntime.jsxs.call(void 0, _reactariacomponents.Label, { className: "ddga-date-range-picker__label", children: [
+          label,
+          required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "ddga-date-range-picker__required", children: "*" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          _reactariacomponents.Group,
+          {
+            "data-slot": "date-range-picker-trigger",
+            className: _chunkV6MXOJQ4cjs.cn.call(void 0, dateRangePickerTriggerVariants({ size, error: hasError }), className),
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _reactariacomponents.DateInput,
+                {
+                  slot: "start",
+                  className: "ddga-date-range-picker__input",
+                  "data-slot": "date-range-picker-input-start",
+                  children: (segment) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _reactariacomponents.DateSegment,
+                    {
+                      segment,
+                      className: "ddga-date-range-picker__segment",
+                      "data-slot": "date-range-picker-segment"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "ddga-date-range-picker__separator", children: "\u2013" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _reactariacomponents.DateInput,
+                {
+                  slot: "end",
+                  className: "ddga-date-range-picker__input",
+                  "data-slot": "date-range-picker-input-end",
+                  children: (segment) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    _reactariacomponents.DateSegment,
+                    {
+                      segment,
+                      className: "ddga-date-range-picker__segment",
+                      "data-slot": "date-range-picker-segment"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _reactariacomponents.Button,
+                {
+                  className: "ddga-date-range-picker__icon-button",
+                  "aria-label": a11yLabels.openCalendar,
+                  "data-slot": "date-range-picker-trigger-button",
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.CalendarIcon, { "aria-hidden": "true", className: "ddga-date-range-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-range-picker-popover",
+            offset: 6,
+            containerPadding: 12,
+            children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              _reactariacomponents.Dialog,
+              {
+                className: "ddga-calendar-dialog",
+                "data-slot": "date-range-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.RangeCalendar,
+                    {
+                      className: "ddga-calendar ddga-calendar--range",
+                      "data-slot": "date-range-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-range-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-range-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, _reactariacomponents.CalendarCell, { date, className: "ddga-calendar__cell", children: ({ formattedDate }) => _chunkRNOXGWKQcjs.renderDayContent.call(void 0, formattedDate, {
+                            showSecondary: showSecondaryCalendar,
+                            date,
+                            calendarSystem
+                          }) }) })
+                        ] })
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  ) });
+}
+
+
+
+
+
+exports.dateRangePickerTriggerVariants = dateRangePickerTriggerVariants; exports.dateRangePickerVariants = dateRangePickerVariants; exports.DateRangePicker = DateRangePicker;
+//# sourceMappingURL=chunk-43763K2A.cjs.map

package/dist/chunk-43763K2A.cjs.map

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

package/dist/chunk-4A7BAISU.js

@@ -0,0 +1,84 @@
+import {
+  FieldMessage
+} from "./chunk-E7WQI7PE.js";
+import {
+  useFieldA11y
+} from "./chunk-HN5AFDQA.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Textarea/Textarea.tsx
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var textareaVariants = cva("ddga-textarea", {
+  variants: {
+    size: {
+      sm: "ddga-textarea--sm",
+      md: "ddga-textarea--md",
+      lg: "ddga-textarea--lg"
+    },
+    error: {
+      true: "ddga-textarea--error"
+    },
+    // Horizontal/both resize breaks form layout (same reason it's not the
+    // default) , only vertical or locked are offered.
+    resize: {
+      vertical: "ddga-textarea--resize-vertical",
+      none: "ddga-textarea--resize-none"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    resize: "vertical"
+  }
+});
+function Textarea({
+  id: externalId,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  size,
+  resize,
+  required,
+  rows = 3,
+  className,
+  ...props
+}) {
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
+    name: "Textarea",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": props["aria-labelledby"]
+  });
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "textarea-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ jsxs("label", { htmlFor: fieldId, className: "ddga-textarea__label", children: [
+      label,
+      required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ddga-textarea__required", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        ...props,
+        ...controlProps,
+        "data-slot": "textarea",
+        rows,
+        required,
+        className: cn(textareaVariants({ size, error: hasError, resize }), className)
+      }
+    ),
+    hasErrorMessage && /* @__PURE__ */ jsx(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ jsx(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] });
+}
+
+export {
+  textareaVariants,
+  Textarea
+};
+//# sourceMappingURL=chunk-4A7BAISU.js.map

package/dist/chunk-4A7BAISU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Textarea/Textarea.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the <textarea> directly: unlike Input there are no adornments,\n// so the field owns its own border / focus ring / state styling , no\n// control wrapper needed.\nconst textareaVariants = cva('ddga-textarea', {\n  variants: {\n    size: {\n      sm: 'ddga-textarea--sm',\n      md: 'ddga-textarea--md',\n      lg: 'ddga-textarea--lg',\n    },\n    error: {\n      true: 'ddga-textarea--error',\n    },\n    // Horizontal/both resize breaks form layout (same reason it's not the\n    // default) , only vertical or locked are offered.\n    resize: {\n      vertical: 'ddga-textarea--resize-vertical',\n      none: 'ddga-textarea--resize-none',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    resize: 'vertical',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// `<textarea>` has no native `size` attribute (unlike `<input>`), so the\n// cva `size` variant doesn't collide , no `Omit` needed.\ninterface TextareaProps\n  extends React.ComponentProps<'textarea'>, VariantProps<typeof textareaVariants> {\n  /** Visible field label, auto-associated to the textarea via `htmlFor`/`id`. */\n  label?: ReactNode;\n  /** Hint shown below the field. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the field when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n}\n\n// ─── 3. Component ─── //\n\nfunction Textarea({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  resize,\n  required,\n  rows = 3,\n  className,\n  ...props\n}: TextareaProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Textarea',\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  return (\n    <div data-slot=\"textarea-field\" className=\"ddga-field\">\n      {label && (\n        <label htmlFor={fieldId} className=\"ddga-textarea__label\">\n          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-textarea__required\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n      <textarea\n        // Spread props first, then the a11y contract (controlProps) so a\n        // consumer cannot accidentally clobber the wiring.\n        {...props}\n        {...controlProps}\n        data-slot=\"textarea\"\n        rows={rows}\n        required={required}\n        className={cn(textareaVariants({ size, error: hasError, resize }), className)}\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    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Textarea, textareaVariants };\nexport type { TextareaProps };\n"],"mappings":";;;;;;;;;;;AAGA,SAAS,WAA8B;AA8E/B,SAGI,KAHJ;AArER,IAAM,mBAAmB,IAAI,iBAAiB;AAAA,EAC5C,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA;AAAA;AAAA,IAGA,QAAQ;AAAA,MACN,UAAU;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,QAAQ;AAAA,EACV;AACF,CAAC;AAoBD,SAAS,SAAS;AAAA,EAChB,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,EAAE,SAAS,SAAS,UAAU,UAAU,iBAAiB,WAAW,aAAa,IACrF,aAAa;AAAA,IACX,MAAM;AAAA,IACN,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,MAAM,YAAY;AAAA,IAChC,mBAAmB,MAAM,iBAAiB;AAAA,EAC5C,CAAC;AAEH,SACE,qBAAC,SAAI,aAAU,kBAAiB,WAAU,cACvC;AAAA,aACC,qBAAC,WAAM,SAAS,SAAS,WAAU,wBAChC;AAAA;AAAA,MACA,YACC,oBAAC,UAAK,eAAY,QAAO,WAAU,2BAA0B,eAE7D;AAAA,OAEJ;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QAGE,GAAG;AAAA,QACH,GAAG;AAAA,QACJ,aAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,WAAW,GAAG,iBAAiB,EAAE,MAAM,OAAO,UAAU,OAAO,CAAC,GAAG,SAAS;AAAA;AAAA,IAC9E;AAAA,IACC,mBACC,oBAAC,gBAAa,IAAI,SAAS,SAAQ,SAChC,wBACH;AAAA,IAED,aACC,oBAAC,gBAAa,IAAI,UAAU,SAAQ,UACjC,sBACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/chunk-4RU33BRQ.js

@@ -0,0 +1,123 @@
+import {
+  Spinner
+} from "./chunk-6ELYUHB6.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Button/Button.tsx
+import "react";
+import { Slot as SlotPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var buttonVariants = cva("ddga-button", {
+  variants: {
+    variant: {
+      primary: "ddga-button--primary",
+      secondary: "ddga-button--secondary",
+      outline: "ddga-button--outline",
+      ghost: "ddga-button--ghost",
+      destructive: "ddga-button--destructive",
+      // Destructive sub-variants — match the DGA library's full destructive
+      // family (des-primary maps to plain `destructive` above).
+      "destructive-outline": "ddga-button--destructive-outline",
+      "destructive-subtle": "ddga-button--destructive-subtle",
+      "destructive-ghost": "ddga-button--destructive-ghost"
+    },
+    size: {
+      sm: "ddga-button--sm",
+      md: "ddga-button--md",
+      lg: "ddga-button--lg",
+      icon: "ddga-button--icon",
+      "icon-sm": "ddga-button--icon-sm"
+    },
+    fullWidth: {
+      true: "ddga-button--full-width"
+    },
+    /**
+     * Use on dark / branded colored backgrounds. Visually inverts non-filled
+     * variants (`outline`, `ghost`, destructive's outline/ghost forms) so
+     * text + border stay visible against the surface. Filled variants
+     * (`primary`, `secondary`, `destructive`, `destructive-subtle`) ignore
+     * it — they already carry their own background contrast.
+     */
+    inverted: {
+      true: "ddga-button--inverted"
+    },
+    /**
+     * Floating action button: fully-rounded + elevated. Orthogonal to `variant`
+     * (color) and `size` — pair with `size="icon"` for a circular FAB, or a text
+     * size for an extended pill FAB. Positioning (`position: fixed`, safe-area
+     * insets) is the consumer's responsibility — see the placement recipe in the
+     * stories. Keep it a modifier, not a `Fab` wrapper component.
+     */
+    fab: {
+      true: "ddga-button--fab"
+    }
+  },
+  compoundVariants: [],
+  defaultVariants: {
+    variant: "primary",
+    size: "md"
+  }
+});
+function Button({
+  variant,
+  size,
+  fullWidth,
+  inverted,
+  fab,
+  loading,
+  disabled,
+  startIcon,
+  endIcon,
+  iconFlip,
+  asChild,
+  className,
+  children,
+  type = "button",
+  ...props
+}) {
+  if (process.env.NODE_ENV === "development" && (size === "icon" || size === "icon-sm")) {
+    if (!props["aria-label"] && !props["aria-labelledby"]) {
+      console.warn(
+        '[@dev-dga/react] Button with an icon-only size (size="icon" or "icon-sm") requires an aria-label or aria-labelledby attribute for screen reader accessibility.'
+      );
+    }
+  }
+  const isDisabled = disabled || loading;
+  const Comp = asChild ? SlotPrimitive.Slot : "button";
+  return /* @__PURE__ */ jsxs(
+    Comp,
+    {
+      ...asChild ? {} : { type, disabled: isDisabled },
+      ...asChild && isDisabled ? { tabIndex: -1 } : {},
+      "aria-disabled": isDisabled || void 0,
+      "aria-busy": loading || void 0,
+      "data-slot": "button",
+      className: cn(
+        buttonVariants({ variant, size, fullWidth, inverted, fab }),
+        loading && "ddga-button--loading",
+        className
+      ),
+      ...props,
+      children: [
+        loading && /* @__PURE__ */ jsx(Spinner, { "aria-hidden": "true" }),
+        !loading && startIcon && /* @__PURE__ */ jsx("span", { className: cn("ddga-button__icon", iconFlip && "ddga-icon-flip"), "aria-hidden": "true", children: startIcon }),
+        asChild ? (
+          // children IS the consumer's single element (e.g. <Link>). Slottable
+          // marks where THAT element's original children should land , without
+          // it the icons would replace the link text entirely.
+          /* @__PURE__ */ jsx(SlotPrimitive.Slottable, { children })
+        ) : children != null && children !== "" && /* @__PURE__ */ jsx("span", { className: "ddga-button__text", children }),
+        !loading && endIcon && /* @__PURE__ */ jsx("span", { className: cn("ddga-button__icon", iconFlip && "ddga-icon-flip"), "aria-hidden": "true", children: endIcon })
+      ]
+    }
+  );
+}
+
+export {
+  buttonVariants,
+  Button
+};
+//# sourceMappingURL=chunk-4RU33BRQ.js.map

package/dist/chunk-4RU33BRQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/Button.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactNode } from 'react';\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Spinner } from '../Spinner';\n\n// ─── 1. Variants (cva) ─── //\n\nconst buttonVariants = cva('ddga-button', {\n  variants: {\n    variant: {\n      primary: 'ddga-button--primary',\n      secondary: 'ddga-button--secondary',\n      outline: 'ddga-button--outline',\n      ghost: 'ddga-button--ghost',\n      destructive: 'ddga-button--destructive',\n      // Destructive sub-variants — match the DGA library's full destructive\n      // family (des-primary maps to plain `destructive` above).\n      'destructive-outline': 'ddga-button--destructive-outline',\n      'destructive-subtle': 'ddga-button--destructive-subtle',\n      'destructive-ghost': 'ddga-button--destructive-ghost',\n    },\n    size: {\n      sm: 'ddga-button--sm',\n      md: 'ddga-button--md',\n      lg: 'ddga-button--lg',\n      icon: 'ddga-button--icon',\n      'icon-sm': 'ddga-button--icon-sm',\n    },\n    fullWidth: {\n      true: 'ddga-button--full-width',\n    },\n    /**\n     * Use on dark / branded colored backgrounds. Visually inverts non-filled\n     * variants (`outline`, `ghost`, destructive's outline/ghost forms) so\n     * text + border stay visible against the surface. Filled variants\n     * (`primary`, `secondary`, `destructive`, `destructive-subtle`) ignore\n     * it — they already carry their own background contrast.\n     */\n    inverted: {\n      true: 'ddga-button--inverted',\n    },\n    /**\n     * Floating action button: fully-rounded + elevated. Orthogonal to `variant`\n     * (color) and `size` — pair with `size=\"icon\"` for a circular FAB, or a text\n     * size for an extended pill FAB. Positioning (`position: fixed`, safe-area\n     * insets) is the consumer's responsibility — see the placement recipe in the\n     * stories. Keep it a modifier, not a `Fab` wrapper component.\n     */\n    fab: {\n      true: 'ddga-button--fab',\n    },\n  },\n  compoundVariants: [],\n  defaultVariants: {\n    variant: 'primary',\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {\n  loading?: boolean;\n  startIcon?: ReactNode;\n  endIcon?: ReactNode;\n  /** Flip start/end icons horizontally in RTL (for chevrons, arrows, etc.) */\n  iconFlip?: boolean;\n  /**\n   * Render as the single child element instead of a `<button>`. Lets consumers\n   * compose Button with router links (`<Button asChild><Link href=\"…\">…</Link></Button>`)\n   * without `<button><a>` invalid nesting.\n   *\n   * The `type` and native `disabled` attributes are dropped in this mode\n   * (they're meaningless on non-button elements) , the disabled visual + a11y\n   * state still works via `aria-disabled` + `tabIndex={-1}`. button.css\n   * matches on `[aria-disabled='true']` alongside `:disabled` so the styling\n   * applies on any element.\n   *\n   * Consumer remains responsible for preventing the underlying action when\n   * disabled (e.g., calling `e.preventDefault()` in the Link's onClick),\n   * since native `disabled` doesn't gate clicks on non-form-controls.\n   */\n  asChild?: boolean;\n}\n\n// ─── 3. Component ─── //\n\nfunction Button({\n  variant,\n  size,\n  fullWidth,\n  inverted,\n  fab,\n  loading,\n  disabled,\n  startIcon,\n  endIcon,\n  iconFlip,\n  asChild,\n  className,\n  children,\n  type = 'button',\n  ...props\n}: ButtonProps) {\n  // Dev-only: warn if icon-only button has no accessible name\n  if (process.env.NODE_ENV === 'development' && (size === 'icon' || size === 'icon-sm')) {\n    if (!props['aria-label'] && !props['aria-labelledby']) {\n      console.warn(\n        '[@dev-dga/react] Button with an icon-only size (size=\"icon\" or ' +\n          '\"icon-sm\") requires an aria-label or aria-labelledby attribute ' +\n          'for screen reader accessibility.',\n      );\n    }\n  }\n\n  const isDisabled = disabled || loading;\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n\n  return (\n    <Comp\n      // `type` and native `disabled` only apply to <button>. In asChild mode\n      // the Slot's child could be <a>, <Link>, etc. , skip both attrs there\n      // and lean on aria-disabled + tabIndex for the disabled state.\n      {...(asChild ? {} : { type, disabled: isDisabled })}\n      {...(asChild && isDisabled ? { tabIndex: -1 } : {})}\n      // Both `disabled` and `aria-disabled` are set in button mode (native +\n      // explicit ARIA signal). In asChild mode, `aria-disabled` is the only\n      // disabled signal a11y consumers can read on a non-form-control.\n      aria-disabled={isDisabled || undefined}\n      aria-busy={loading || undefined}\n      data-slot=\"button\"\n      className={cn(\n        buttonVariants({ variant, size, fullWidth, inverted, fab }),\n        loading && 'ddga-button--loading',\n        className,\n      )}\n      {...props}\n    >\n      {loading && <Spinner aria-hidden=\"true\" />}\n      {!loading && startIcon && (\n        <span className={cn('ddga-button__icon', iconFlip && 'ddga-icon-flip')} aria-hidden=\"true\">\n          {startIcon}\n        </span>\n      )}\n      {asChild ? (\n        // children IS the consumer's single element (e.g. <Link>). Slottable\n        // marks where THAT element's original children should land , without\n        // it the icons would replace the link text entirely.\n        <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable>\n      ) : (\n        children != null && children !== '' && <span className=\"ddga-button__text\">{children}</span>\n      )}\n      {!loading && endIcon && (\n        <span className={cn('ddga-button__icon', iconFlip && 'ddga-icon-flip')} aria-hidden=\"true\">\n          {endIcon}\n        </span>\n      )}\n    </Comp>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Button, buttonVariants };\nexport type { ButtonProps };\n"],"mappings":";;;;;;;;AAEA,OAA+B;AAC/B,SAAS,QAAQ,qBAAqB;AACtC,SAAS,WAA8B;AAsHnC,SAmBc,KAnBd;AAhHJ,IAAM,iBAAiB,IAAI,eAAe;AAAA,EACxC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,MACX,SAAS;AAAA,MACT,OAAO;AAAA,MACP,aAAa;AAAA;AAAA;AAAA,MAGb,uBAAuB;AAAA,MACvB,sBAAsB;AAAA,MACtB,qBAAqB;AAAA,IACvB;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,WAAW;AAAA,IACb;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA,UAAU;AAAA,MACR,MAAM;AAAA,IACR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA,KAAK;AAAA,MACH,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,kBAAkB,CAAC;AAAA,EACnB,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AA8BD,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAgB;AAEd,MAAI,QAAQ,IAAI,aAAa,kBAAkB,SAAS,UAAU,SAAS,YAAY;AACrF,QAAI,CAAC,MAAM,YAAY,KAAK,CAAC,MAAM,iBAAiB,GAAG;AACrD,cAAQ;AAAA,QACN;AAAA,MAGF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,aAAa,YAAY;AAC/B,QAAM,OAAO,UAAU,cAAc,OAAO;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MAIE,GAAI,UAAU,CAAC,IAAI,EAAE,MAAM,UAAU,WAAW;AAAA,MAChD,GAAI,WAAW,aAAa,EAAE,UAAU,GAAG,IAAI,CAAC;AAAA,MAIjD,iBAAe,cAAc;AAAA,MAC7B,aAAW,WAAW;AAAA,MACtB,aAAU;AAAA,MACV,WAAW;AAAA,QACT,eAAe,EAAE,SAAS,MAAM,WAAW,UAAU,IAAI,CAAC;AAAA,QAC1D,WAAW;AAAA,QACX;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,mBAAW,oBAAC,WAAQ,eAAY,QAAO;AAAA,QACvC,CAAC,WAAW,aACX,oBAAC,UAAK,WAAW,GAAG,qBAAqB,YAAY,gBAAgB,GAAG,eAAY,QACjF,qBACH;AAAA,QAED;AAAA;AAAA;AAAA;AAAA,UAIC,oBAAC,cAAc,WAAd,EAAyB,UAAS;AAAA,YAEnC,YAAY,QAAQ,aAAa,MAAM,oBAAC,UAAK,WAAU,qBAAqB,UAAS;AAAA,QAEtF,CAAC,WAAW,WACX,oBAAC,UAAK,WAAW,GAAG,qBAAqB,YAAY,gBAAgB,GAAG,eAAY,QACjF,mBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/chunk-4SDRJW3D.js

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

package/dist/chunk-4SDRJW3D.js.map

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