@dev-dga/react 0.10.1 → 0.12.0

package/dist/{chunk-TT2DEREM.js → chunk-GCOBDP4W.js}

@@ -1,13 +1,14 @@
 import {
-  ChevronLeft,
-  ChevronRight
-} from "./chunk-CDS4SYEQ.js";
+  ArrowLeft,
+  ArrowRight,
+  ChevronDown
+} from "./chunk-FFGALWM2.js";
 import {
   DgaContext
 } from "./chunk-TMXABSFE.js";
 
 // src/internal/calendar/calendar-core.tsx
-import { useContext, useMemo } from "react";
+import { useContext, useMemo, useState } from "react";
 import {
   CalendarStateContext as AriaCalendarStateContext,
   RangeCalendarStateContext as AriaRangeCalendarStateContext
@@ -51,8 +52,8 @@ function useCalendarChrome(calendarSystem, calendarLabels) {
     [dgaLocale, calendarSystem]
   );
   const portalContainer = dgaCtx?.portalEl ?? dgaCtx?.rootEl ?? void 0;
-  const PrevChevron = dir === "rtl" ? ChevronRight : ChevronLeft;
-  const NextChevron = dir === "rtl" ? ChevronLeft : ChevronRight;
+  const PrevArrow = dir === "rtl" ? ArrowRight : ArrowLeft;
+  const NextArrow = dir === "rtl" ? ArrowLeft : ArrowRight;
   const resolvedLabels = useMemo(() => {
     if (calendarLabels) return calendarLabels;
     return dgaLocale.startsWith("ar") ? { gregorian: "\u0645\u064A\u0644\u0627\u062F\u064A", hijri: "\u0647\u062C\u0631\u064A" } : { gregorian: "Gregorian", hijri: "Hijri" };
@@ -70,13 +71,25 @@ function useCalendarChrome(calendarSystem, calendarLabels) {
     dir,
     locale,
     portalContainer,
-    PrevChevron,
-    NextChevron,
+    PrevArrow,
+    NextArrow,
     resolvedLabels,
     navLabels,
     a11yLabels
   };
 }
+function usePressedState() {
+  const [pressed, setPressed] = useState(false);
+  return {
+    pressed,
+    pressHandlers: {
+      onPointerDownCapture: () => setPressed(true),
+      onPointerUpCapture: () => setPressed(false),
+      onPointerCancelCapture: () => setPressed(false),
+      onPointerLeave: () => setPressed(false)
+    }
+  };
+}
 function CalendarSystemToggle({
   value,
   onChange,
@@ -159,17 +172,20 @@ function CalendarNavHeader({ locale, monthLabel, yearLabel }) {
         children: monthNames.map((name, i) => /* @__PURE__ */ jsx("option", { value: i + 1, children: name }, i + 1))
       }
     ),
-    /* @__PURE__ */ jsx(
-      "select",
-      {
-        "aria-label": yearLabel,
-        className: "ddga-calendar__select ddga-calendar__year-select",
-        "data-slot": "calendar-year-select",
-        value: focusedDate.year,
-        onChange: (e) => state.setFocusedDate(focusedDate.set({ year: Number(e.target.value) })),
-        children: yearOptions.map((y) => /* @__PURE__ */ jsx("option", { value: y, children: y }, y))
-      }
-    )
+    /* @__PURE__ */ jsxs("span", { className: "ddga-calendar__year-chip", children: [
+      /* @__PURE__ */ jsx(
+        "select",
+        {
+          "aria-label": yearLabel,
+          className: "ddga-calendar__select ddga-calendar__year-select",
+          "data-slot": "calendar-year-select",
+          value: focusedDate.year,
+          onChange: (e) => state.setFocusedDate(focusedDate.set({ year: Number(e.target.value) })),
+          children: yearOptions.map((y) => /* @__PURE__ */ jsx("option", { value: y, children: y }, y))
+        }
+      ),
+      /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true", className: "ddga-calendar__year-chevron" })
+    ] })
   ] });
 }
 function renderDayContent(primary, opts) {
@@ -186,8 +202,9 @@ export {
   composeLocale,
   secondaryDayNumber,
   useCalendarChrome,
+  usePressedState,
   CalendarSystemToggle,
   CalendarNavHeader,
   renderDayContent
 };
-//# sourceMappingURL=chunk-TT2DEREM.js.map
+//# sourceMappingURL=chunk-GCOBDP4W.js.map

package/dist/chunk-GCOBDP4W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internal/calendar/calendar-core.tsx"],"sourcesContent":["'use client';\n\n// Shared Calendar core consumed by both DatePicker (single date) and\n// DateRangePicker (date range). Everything here is calendar-system /\n// month-year-navigation / day-rendering logic that is identical regardless of\n// whether one date or a range is being selected — extracted so the two pickers\n// stay in lockstep on Hijri handling, Latin digits, and locale composition.\n//\n// NOT exported from the public barrel. Pickers import from here directly.\n\nimport { useContext, useMemo, useState, type ReactNode } from 'react';\nimport {\n  CalendarStateContext as AriaCalendarStateContext,\n  RangeCalendarStateContext as AriaRangeCalendarStateContext,\n} from 'react-aria-components';\nimport {\n  CalendarDate,\n  GregorianCalendar,\n  IslamicUmalquraCalendar,\n  toCalendar,\n  type DateValue,\n} from '@internationalized/date';\nimport { ArrowLeft, ArrowRight, ChevronDown } from '../icons';\nimport { DgaContext } from '../../providers/DgaContext';\n\n// ─── Types ─── //\n\nexport type CalendarSystem = 'gregorian' | 'hijri';\n\nexport interface CalendarLabels {\n  gregorian: string;\n  hijri: string;\n}\n\n// Locale-aware accessible names for the calendar chrome's controls. Defaulted\n// in `useCalendarChrome` (Arabic when the DGA locale is `ar`) so a screen reader\n// in an Arabic UI doesn't announce these controls in English.\nexport interface CalendarA11yLabels {\n  /** Accessible name for the popover trigger button. */\n  openCalendar: string;\n  /** Accessible name for the Gregorian↔Hijri tablist. */\n  calendarSystem: string;\n}\n\n// ─── Date ↔ CalendarDate (Gregorian) normalization ─── //\n\n// Public APIs are `Date`-based so consumers don't take a dep on\n// `@internationalized/date`. Internally everything round-trips through a\n// Gregorian `CalendarDate` so the Hijri toggle is purely a *display* concern —\n// the stored value is always the same absolute day, regardless of which\n// calendar the user was looking at when they picked it.\n\nconst GREGORIAN = new GregorianCalendar();\nconst ISLAMIC_UMALQURA = new IslamicUmalquraCalendar();\n\nexport function dateToCalendarDate(date: Date | null | undefined): CalendarDate | null {\n  if (!date) return null;\n  // Extract LOCAL Y/M/D, not UTC. The contract is date-only; converting\n  // through UTC would shift the day across timezone boundaries.\n  return new CalendarDate(date.getFullYear(), date.getMonth() + 1, date.getDate());\n}\n\nexport function calendarDateToDate(value: DateValue | null | undefined): Date | null {\n  if (!value) return null;\n  // Defensive: if a non-Gregorian CalendarDate ever reaches here, convert.\n  // Today the contract is Gregorian-only.\n  const greg =\n    value.calendar.identifier === 'gregory' ? value : toCalendar(value, new GregorianCalendar());\n  return new Date(greg.year, greg.month - 1, greg.day);\n}\n\n// ─── Locale composition (DGA locale + optional calendar override) ─── //\n\nexport function composeLocale(dgaLocale: string, calendar: CalendarSystem): string {\n  // Promote a bare 'ar'/'en' from DgaProvider to a regional tag so react-aria\n  // picks the right defaults (week start, weekday names). 'ar-SA' matches the\n  // DGA target audience; 'en-US' is the conventional English default.\n  const base = dgaLocale === 'ar' ? 'ar-SA' : dgaLocale === 'en' ? 'en-US' : dgaLocale;\n  // DGA convention: Latin digits (0–9) at all times, regardless of calendar or\n  // UI language. Without this, `ar-*` locales default to Arabic-Indic numerals\n  // (٠–٩) on segments + calendar cells, which makes month/year dropdowns and\n  // cross-calendar comparisons harder to read. The Unicode `-u-` extension\n  // carries both calendar and numbering-system keys when both apply.\n  const isArabic = base.startsWith('ar');\n  if (calendar === 'hijri') {\n    return isArabic ? `${base}-u-ca-islamic-umalqura-nu-latn` : `${base}-u-ca-islamic-umalqura`;\n  }\n  return isArabic ? `${base}-u-nu-latn` : base;\n}\n\n// ─── Secondary-calendar helper ─── //\n\nexport function secondaryDayNumber(date: DateValue, mainCalendar: CalendarSystem): number {\n  const other = mainCalendar === 'hijri' ? GREGORIAN : ISLAMIC_UMALQURA;\n  return toCalendar(date, other).day;\n}\n\n// ─── Shared chrome hook (locale, portal, chevrons, labels) ─── //\n\n// Consolidates the DgaContext-derived bits both pickers need: the composed\n// react-aria locale, the body-portal container (theme inheritance), the\n// direction-swapped prev/next chevrons, and locale-aware default labels.\nexport function useCalendarChrome(calendarSystem: CalendarSystem, calendarLabels?: CalendarLabels) {\n  const dgaCtx = useContext(DgaContext);\n  const dgaLocale = dgaCtx?.locale ?? 'en';\n  const dir = dgaCtx?.dir ?? 'ltr';\n\n  const locale = useMemo(\n    () => composeLocale(dgaLocale, calendarSystem),\n    [dgaLocale, calendarSystem],\n  );\n\n  // react-aria's Popover renders to a portal under <body> by default. Re-anchor\n  // it under DgaProvider's body-mounted portal so data-theme, theme vars, and\n  // .ddga-theme-* classes inherit into the dropdown. Falls back to <body> when\n  // used standalone (no provider).\n  const portalContainer = (dgaCtx?.portalEl ?? dgaCtx?.rootEl ?? undefined) as Element | undefined;\n\n  // In RTL, \"previous\" sits visually on the right and points right; \"next\" sits\n  // on the left and points left. Swapping the icon components (rather than\n  // CSS-flipping) is robust because it doesn't rely on the portal inheriting dir.\n  const PrevArrow = dir === 'rtl' ? ArrowRight : ArrowLeft;\n  const NextArrow = dir === 'rtl' ? ArrowLeft : ArrowRight;\n\n  const resolvedLabels = useMemo<CalendarLabels>(() => {\n    if (calendarLabels) return calendarLabels;\n    return dgaLocale.startsWith('ar')\n      ? { gregorian: 'ميلادي', hijri: 'هجري' }\n      : { gregorian: 'Gregorian', hijri: 'Hijri' };\n  }, [calendarLabels, dgaLocale]);\n\n  const navLabels = useMemo(\n    () =>\n      dgaLocale.startsWith('ar')\n        ? { month: 'الشهر', year: 'السنة' }\n        : { month: 'Month', year: 'Year' },\n    [dgaLocale],\n  );\n\n  const a11yLabels = useMemo<CalendarA11yLabels>(\n    () =>\n      dgaLocale.startsWith('ar')\n        ? { openCalendar: 'فتح التقويم', calendarSystem: 'نظام التقويم' }\n        : { openCalendar: 'Open calendar', calendarSystem: 'Calendar system' },\n    [dgaLocale],\n  );\n\n  return {\n    dgaLocale,\n    dir,\n    locale,\n    portalContainer,\n    PrevArrow,\n    NextArrow,\n    resolvedLabels,\n    navLabels,\n    a11yLabels,\n  };\n}\n\n// ─── Pressed state (reliable on a react-aria Group) ─── //\n\n// CSS `:active` is unreliable on the picker trigger: it's a react-aria Group of\n// DateSegments + a Button whose usePress handling (preventDefault / pointer\n// capture) makes `:active` fire inconsistently depending on where you press.\n// Track pressed in JS via CAPTURE-phase pointer events (which fire on the Group\n// before any child can swallow them) and expose it as `data-pressed`. Spread\n// `pressHandlers` onto the trigger Group; gate the CSS with `[data-pressed]`.\nexport function usePressedState() {\n  const [pressed, setPressed] = useState(false);\n  return {\n    pressed,\n    pressHandlers: {\n      onPointerDownCapture: () => setPressed(true),\n      onPointerUpCapture: () => setPressed(false),\n      onPointerCancelCapture: () => setPressed(false),\n      onPointerLeave: () => setPressed(false),\n    },\n  };\n}\n\n// ─── Calendar-system toggle (Gregorian ↔ Hijri) ─── //\n\ninterface CalendarSystemToggleProps {\n  value: CalendarSystem;\n  onChange: (next: CalendarSystem) => void;\n  labels: CalendarLabels;\n  /** Localized accessible name for the tablist (from `useCalendarChrome`). */\n  groupLabel: string;\n}\n\nexport function CalendarSystemToggle({\n  value,\n  onChange,\n  labels,\n  groupLabel,\n}: CalendarSystemToggleProps) {\n  return (\n    <div\n      role=\"tablist\"\n      aria-label={groupLabel}\n      className=\"ddga-calendar-toggle\"\n      data-slot=\"calendar-toggle\"\n    >\n      <button\n        type=\"button\"\n        role=\"tab\"\n        aria-selected={value === 'gregorian'}\n        className=\"ddga-calendar-toggle__button\"\n        data-active={value === 'gregorian' ? '' : undefined}\n        onClick={() => onChange('gregorian')}\n      >\n        {labels.gregorian}\n      </button>\n      <button\n        type=\"button\"\n        role=\"tab\"\n        aria-selected={value === 'hijri'}\n        className=\"ddga-calendar-toggle__button\"\n        data-active={value === 'hijri' ? '' : undefined}\n        onClick={() => onChange('hijri')}\n      >\n        {labels.hijri}\n      </button>\n    </div>\n  );\n}\n\n// ─── Calendar nav header (month + year dropdowns) ─── //\n\n// Rendered inside <Calendar>/<RangeCalendar> so it can consume the calendar\n// state context. Both single and range calendars expose the same\n// `focusedDate`/`setFocusedDate`/`minValue`/`maxValue` surface (CalendarStateBase),\n// so we read whichever context is populated — the component is calendar-kind\n// agnostic. Hooking the state directly keeps the dropdowns in sync with the\n// prev/next buttons and keyboard navigation automatically.\ninterface CalendarNavHeaderProps {\n  locale: string;\n  monthLabel: string;\n  yearLabel: string;\n}\n\nexport function CalendarNavHeader({ locale, monthLabel, yearLabel }: CalendarNavHeaderProps) {\n  // A given subtree lives inside exactly one of these; the other is null.\n  const rangeState = useContext(AriaRangeCalendarStateContext);\n  const singleState = useContext(AriaCalendarStateContext);\n  const state = rangeState ?? singleState;\n\n  // Pull state fields with safe fallbacks so the hooks below stay unconditional\n  // (rules-of-hooks). Rendering still bails when state is null.\n  const focusedDate = state?.focusedDate ?? null;\n  const focusedYear = focusedDate?.year ?? 0;\n  const focusedCalendar = focusedDate?.calendar ?? GREGORIAN;\n  const minValue = state?.minValue ?? null;\n  const maxValue = state?.maxValue ?? null;\n\n  // Localized month names in the active calendar. Hijri months translate\n  // correctly because the locale string carries `-u-ca-islamic-umalqura`.\n  const monthNames = useMemo(() => {\n    if (!focusedDate) return [];\n    const fmt = new Intl.DateTimeFormat(locale, { month: 'long' });\n    return Array.from({ length: 12 }, (_, i) => {\n      const cd = new CalendarDate(focusedCalendar, focusedYear, i + 1, 1);\n      const greg = toCalendar(cd, GREGORIAN);\n      const js = new Date(greg.year, greg.month - 1, greg.day);\n      return fmt.format(js);\n    });\n  }, [locale, focusedDate, focusedCalendar, focusedYear]);\n\n  // Year range. min/maxValue are in the consumer's calendar (Gregorian); convert\n  // to the focused calendar's year. Defaults span 100 years back to 30 forward.\n  const yearOptions = useMemo(() => {\n    if (!focusedDate) return [];\n    const minY = minValue ? toCalendar(minValue, focusedCalendar).year : focusedYear - 100;\n    const maxY = maxValue ? toCalendar(maxValue, focusedCalendar).year : focusedYear + 30;\n    const start = Math.min(minY, focusedYear);\n    const end = Math.max(maxY, focusedYear);\n    return Array.from({ length: end - start + 1 }, (_, i) => start + i);\n  }, [focusedDate, focusedCalendar, focusedYear, minValue, maxValue]);\n\n  if (!state || !focusedDate) return null;\n\n  return (\n    <div className=\"ddga-calendar__nav-selects\" data-slot=\"calendar-nav\">\n      <select\n        aria-label={monthLabel}\n        className=\"ddga-calendar__select ddga-calendar__month-select\"\n        data-slot=\"calendar-month-select\"\n        value={focusedDate.month}\n        onChange={(e) => state.setFocusedDate(focusedDate.set({ month: Number(e.target.value) }))}\n      >\n        {monthNames.map((name, i) => (\n          <option key={i + 1} value={i + 1}>\n            {name}\n          </option>\n        ))}\n      </select>\n      <span className=\"ddga-calendar__year-chip\">\n        <select\n          aria-label={yearLabel}\n          className=\"ddga-calendar__select ddga-calendar__year-select\"\n          data-slot=\"calendar-year-select\"\n          value={focusedDate.year}\n          onChange={(e) => state.setFocusedDate(focusedDate.set({ year: Number(e.target.value) }))}\n        >\n          {yearOptions.map((y) => (\n            <option key={y} value={y}>\n              {y}\n            </option>\n          ))}\n        </select>\n        <ChevronDown aria-hidden=\"true\" className=\"ddga-calendar__year-chevron\" />\n      </span>\n    </div>\n  );\n}\n\n// ─── Day-cell content (primary number + optional secondary calendar number) ─── //\n\n// The visual content rendered inside a day cell, shared by both pickers. Takes\n// the already-formatted primary text (react-aria's `formattedDate`, or a bare\n// day number for the single picker's outside-month button) and stacks the other\n// calendar's day number beneath it when `showSecondary` is on.\nexport function renderDayContent(\n  primary: ReactNode,\n  opts: { showSecondary: boolean; date: DateValue; calendarSystem: CalendarSystem },\n): ReactNode {\n  if (!opts.showSecondary) return primary;\n  return (\n    <>\n      <span className=\"ddga-calendar__cell-primary\">{primary}</span>\n      <span aria-hidden=\"true\" className=\"ddga-calendar__cell-secondary\">\n        {secondaryDayNumber(opts.date, opts.calendarSystem)}\n      </span>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-GEVXV4RL.js

@@ -0,0 +1,309 @@
+import {
+  AlertCircle,
+  Check,
+  DropdownChevron,
+  Info
+} from "./chunk-FFGALWM2.js";
+import {
+  FieldMessage
+} from "./chunk-E5ZIKIGB.js";
+import {
+  useFieldA11y
+} from "./chunk-HN5AFDQA.js";
+import {
+  DgaContext
+} from "./chunk-TMXABSFE.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Dropdown/Dropdown.tsx
+import {
+  Children,
+  Fragment,
+  createContext,
+  isValidElement,
+  useCallback,
+  useContext,
+  useMemo,
+  useRef,
+  useState
+} from "react";
+import { Command } from "cmdk";
+import { Popover as PopoverPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { Fragment as Fragment2, jsx, jsxs } from "react/jsx-runtime";
+var dropdownTriggerVariants = cva("ddga-dropdown-trigger", {
+  variants: {
+    size: {
+      md: "ddga-dropdown-trigger--md",
+      lg: "ddga-dropdown-trigger--lg"
+    },
+    variant: {
+      default: "ddga-dropdown-trigger--default",
+      "filled-lighter": "ddga-dropdown-trigger--filled-lighter",
+      "filled-darker": "ddga-dropdown-trigger--filled-darker"
+    },
+    error: {
+      true: "ddga-dropdown-trigger--error"
+    }
+  },
+  defaultVariants: {
+    size: "lg",
+    variant: "default"
+  }
+});
+var DropdownContext = createContext(null);
+function useDropdownContext(component) {
+  const ctx = useContext(DropdownContext);
+  if (!ctx) {
+    throw new Error(`<${component}> must be rendered inside <Dropdown>.`);
+  }
+  return ctx;
+}
+var toArray = (v) => v === void 0 ? [] : Array.isArray(v) ? v : [v];
+function Dropdown(props) {
+  const {
+    multiple = false,
+    open: controlledOpen,
+    defaultOpen,
+    onOpenChange,
+    label,
+    helperText,
+    errorMessage,
+    error,
+    required,
+    disabled,
+    readOnly,
+    size,
+    variant,
+    placeholder,
+    searchable = false,
+    searchPlaceholder = "Search\u2026",
+    emptyMessage = "No results.",
+    getLabel,
+    id: externalId,
+    className,
+    children,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy
+  } = props;
+  const controlledValue = "value" in props ? toArray(props.value) : void 0;
+  const isControlled = "value" in props && props.value !== void 0;
+  const [internalValue, setInternalValue] = useState(() => toArray(props.defaultValue));
+  const selected = isControlled ? controlledValue : internalValue;
+  const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false);
+  const isOpenControlled = controlledOpen !== void 0;
+  const open = isOpenControlled ? controlledOpen : internalOpen;
+  const setOpen = useCallback(
+    (next) => {
+      if (readOnly || disabled) return;
+      if (!isOpenControlled) setInternalOpen(next);
+      onOpenChange?.(next);
+    },
+    [readOnly, disabled, isOpenControlled, onOpenChange]
+  );
+  const emit = useCallback(
+    (next) => {
+      if (multiple) props.onValueChange?.(next);
+      else props.onValueChange?.(next[0] ?? "");
+    },
+    [multiple, props.onValueChange]
+  );
+  const select = useCallback(
+    (val) => {
+      const next = multiple ? selected.includes(val) ? selected.filter((v) => v !== val) : [...selected, val] : [val];
+      if (!isControlled) setInternalValue(next);
+      emit(next);
+      if (!multiple) setOpen(false);
+    },
+    [multiple, selected, isControlled, emit, setOpen]
+  );
+  const isSelected = useCallback((val) => selected.includes(val), [selected]);
+  const ctx = useMemo(
+    () => ({ multiple, isSelected, select }),
+    [multiple, isSelected, select]
+  );
+  const itemLabels = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    const visit = (nodes) => {
+      Children.forEach(nodes, (child) => {
+        if (!isValidElement(child)) return;
+        const childProps = child.props;
+        if (typeof childProps.value === "string") map.set(childProps.value, childProps.children);
+        else if (childProps.children) visit(childProps.children);
+      });
+    };
+    visit(children);
+    return map;
+  }, [children]);
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
+    name: "Dropdown",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy
+  });
+  const providerCtx = useContext(DgaContext);
+  const portalContainer = providerCtx?.portalEl ?? providerCtx?.rootEl ?? void 0;
+  const triggerRef = useRef(null);
+  const lastInputKeyboard = useRef(false);
+  const resolveLabel = (v) => getLabel ? getLabel(v) : itemLabels.get(v) ?? v;
+  const triggerLabel = selected.length === 0 ? null : /* @__PURE__ */ jsx(Fragment2, { children: selected.map((v, i) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    i > 0 ? ", " : "",
+    resolveLabel(v)
+  ] }, v)) });
+  return /* @__PURE__ */ jsx(DropdownContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxs("div", { "data-slot": "dropdown-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ jsxs("label", { htmlFor: fieldId, className: "ddga-dropdown__label", children: [
+      required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ddga-dropdown__required", children: "*" }),
+      label
+    ] }),
+    /* @__PURE__ */ jsxs(PopoverPrimitive.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          ref: triggerRef,
+          type: "button",
+          ...controlProps,
+          "aria-haspopup": "listbox",
+          "aria-required": required || void 0,
+          "aria-readonly": readOnly || void 0,
+          disabled,
+          "data-slot": "dropdown-trigger",
+          className: cn(dropdownTriggerVariants({ size, variant, error: hasError }), className),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "ddga-dropdown__value", children: selected.length > 0 ? triggerLabel : /* @__PURE__ */ jsx("span", { className: "ddga-dropdown__placeholder", children: placeholder }) }),
+            /* @__PURE__ */ jsx(DropdownChevron, { "aria-hidden": "true", className: "ddga-dropdown__icon" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsx(
+        PopoverPrimitive.Content,
+        {
+          "data-slot": "dropdown-content",
+          className: "ddga-dropdown-content",
+          sideOffset: 4,
+          align: "start",
+          "aria-label": ariaLabel ?? (typeof label === "string" ? label : "Options"),
+          "aria-labelledby": ariaLabelledBy,
+          style: { inlineSize: "var(--radix-popover-trigger-width)" },
+          onOpenAutoFocus: (event) => {
+            event.preventDefault();
+          },
+          onKeyDownCapture: () => {
+            lastInputKeyboard.current = true;
+          },
+          onPointerDownCapture: () => {
+            lastInputKeyboard.current = false;
+          },
+          onCloseAutoFocus: (event) => {
+            event.preventDefault();
+            triggerRef.current?.focus({
+              focusVisible: lastInputKeyboard.current
+            });
+          },
+          children: /* @__PURE__ */ jsxs(
+            Command,
+            {
+              "data-slot": "dropdown-command",
+              className: "ddga-dropdown-command",
+              shouldFilter: searchable,
+              children: [
+                /* @__PURE__ */ jsx(
+                  Command.Input,
+                  {
+                    autoFocus: true,
+                    placeholder: searchable ? searchPlaceholder : void 0,
+                    "aria-label": searchable ? void 0 : "Filter options",
+                    "data-slot": "dropdown-input",
+                    className: searchable ? "ddga-dropdown-input" : "ddga-dropdown-input--hidden"
+                  }
+                ),
+                /* @__PURE__ */ jsxs(Command.List, { "data-slot": "dropdown-list", className: "ddga-dropdown-list", children: [
+                  searchable && /* @__PURE__ */ jsx(Command.Empty, { "data-slot": "dropdown-empty", className: "ddga-dropdown-empty", children: emptyMessage }),
+                  children
+                ] })
+              ]
+            }
+          )
+        }
+      ) })
+    ] }),
+    hasErrorMessage && /* @__PURE__ */ jsx(FieldMessage, { id: errorId, variant: "error", icon: /* @__PURE__ */ jsx(AlertCircle, { width: 16, height: 16 }), children: errorMessage }),
+    hasHelper && /* @__PURE__ */ jsx(FieldMessage, { id: helperId, variant: "helper", icon: /* @__PURE__ */ jsx(Info, { width: 16, height: 16 }), children: helperText })
+  ] }) });
+}
+function DropdownItem({
+  value,
+  keywords,
+  disabled,
+  onSelect,
+  className,
+  children,
+  ...props
+}) {
+  const { multiple, isSelected, select } = useDropdownContext("DropdownItem");
+  const sel = isSelected(value);
+  return /* @__PURE__ */ jsxs(
+    Command.Item,
+    {
+      value,
+      keywords,
+      disabled,
+      onSelect: (v) => {
+        onSelect?.(v);
+        select(v);
+      },
+      "data-slot": "dropdown-item",
+      "data-active": sel ? "" : void 0,
+      className: cn("ddga-dropdown-item", className),
+      ...props,
+      children: [
+        multiple ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "ddga-dropdown-item__checkbox",
+            "data-checked": sel ? "" : void 0,
+            "aria-hidden": "true",
+            children: sel ? /* @__PURE__ */ jsx(Check, {}) : null
+          }
+        ) : null,
+        /* @__PURE__ */ jsx("span", { className: "ddga-dropdown-item__label", children }),
+        !multiple && sel ? /* @__PURE__ */ jsx("span", { className: "ddga-dropdown-item__check", "aria-hidden": "true", children: /* @__PURE__ */ jsx(Check, {}) }) : null
+      ]
+    }
+  );
+}
+function DropdownGroup({ className, heading, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Command.Group,
+    {
+      heading,
+      "data-slot": "dropdown-group",
+      className: cn("ddga-dropdown-group", className),
+      ...props
+    }
+  );
+}
+function DropdownSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Command.Separator,
+    {
+      "data-slot": "dropdown-separator",
+      className: cn("ddga-dropdown-separator", className),
+      ...props
+    }
+  );
+}
+
+export {
+  dropdownTriggerVariants,
+  Dropdown,
+  DropdownItem,
+  DropdownGroup,
+  DropdownSeparator
+};
+//# sourceMappingURL=chunk-GEVXV4RL.js.map

package/dist/chunk-GEVXV4RL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Children,\n  Fragment,\n  createContext,\n  isValidElement,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { Command } from 'cmdk';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Check, DropdownChevron, Info, AlertCircle } from '../../internal/icons';\nimport { useFieldA11y, FieldMessage } from '../../field';\nimport { DgaContext } from '../../providers/DgaContext';\n\n// SDGA Dropdown Input field = the Text Input field model + a trailing chevron:\n// md 32 / lg 40, three fill styles, gray-400 border, focus underline.\nconst dropdownTriggerVariants = cva('ddga-dropdown-trigger', {\n  variants: {\n    size: {\n      md: 'ddga-dropdown-trigger--md',\n      lg: 'ddga-dropdown-trigger--lg',\n    },\n    variant: {\n      default: 'ddga-dropdown-trigger--default',\n      'filled-lighter': 'ddga-dropdown-trigger--filled-lighter',\n      'filled-darker': 'ddga-dropdown-trigger--filled-darker',\n    },\n    error: {\n      true: 'ddga-dropdown-trigger--error',\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n    variant: 'default',\n  },\n});\n\ninterface DropdownContextValue {\n  multiple: boolean;\n  isSelected: (value: string) => boolean;\n  select: (value: string) => void;\n}\n\nconst DropdownContext = createContext<DropdownContextValue | null>(null);\n\nfunction useDropdownContext(component: string): DropdownContextValue {\n  const ctx = useContext(DropdownContext);\n  if (!ctx) {\n    throw new Error(`<${component}> must be rendered inside <Dropdown>.`);\n  }\n  return ctx;\n}\n\ninterface DropdownBaseProps extends VariantProps<typeof dropdownTriggerVariants> {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Visible label above the trigger. */\n  label?: ReactNode;\n  /** Hint shown below the trigger when there's no error. */\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 the error border. */\n  error?: boolean;\n  /** Adds the required asterisk + `aria-required`. */\n  required?: boolean;\n  /** Disables the trigger entirely. */\n  disabled?: boolean;\n  /** Shows the value but blocks opening (SDGA Read-only). */\n  readOnly?: boolean;\n  /** Placeholder shown when nothing is selected. */\n  placeholder?: ReactNode;\n  /**\n   * Render the in-panel filter input (combobox behavior). Off by default — the\n   * plain SDGA dropdown. A hidden focusable input is kept either way for cmdk's\n   * keyboard model.\n   */\n  searchable?: boolean;\n  /** Placeholder for the filter input when `searchable`. */\n  searchPlaceholder?: string;\n  /** Shown when a filter matches nothing. */\n  emptyMessage?: ReactNode;\n  /** Override the trigger label resolver (e.g. async-loaded options). */\n  getLabel?: (value: string) => ReactNode;\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  /** `<DropdownItem>` (+ optional `DropdownGroup` / `DropdownSeparator`). */\n  children: ReactNode;\n}\n\ninterface DropdownSingleProps extends DropdownBaseProps {\n  multiple?: false;\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n}\n\ninterface DropdownMultipleProps extends DropdownBaseProps {\n  /** Multi-select (SDGA Multi Select): leading checkboxes; panel stays open. */\n  multiple: true;\n  value?: string[];\n  defaultValue?: string[];\n  onValueChange?: (value: string[]) => void;\n}\n\ntype DropdownProps = DropdownSingleProps | DropdownMultipleProps;\n\ninterface DropdownItemProps extends Omit<\n  React.ComponentProps<typeof Command.Item>,\n  'value' | 'onSelect'\n> {\n  /** Stable value for filtering + selection. */\n  value: string;\n  /** Extra search terms cmdk matches against the filter input. */\n  keywords?: string[];\n  disabled?: boolean;\n  /** Fires alongside the root's `onValueChange`. */\n  onSelect?: (value: string) => void;\n}\n\ninterface DropdownGroupProps extends React.ComponentProps<typeof Command.Group> {\n  heading?: ReactNode;\n}\n\ntype DropdownSeparatorProps = React.ComponentProps<typeof Command.Separator>;\n\nconst toArray = (v: string | string[] | undefined): string[] =>\n  v === undefined ? [] : Array.isArray(v) ? v : [v];\n\nfunction Dropdown(props: DropdownProps) {\n  const {\n    multiple = false,\n    open: controlledOpen,\n    defaultOpen,\n    onOpenChange,\n    label,\n    helperText,\n    errorMessage,\n    error,\n    required,\n    disabled,\n    readOnly,\n    size,\n    variant,\n    placeholder,\n    searchable = false,\n    searchPlaceholder = 'Search…',\n    emptyMessage = 'No results.',\n    getLabel,\n    id: externalId,\n    className,\n    children,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n  } = props;\n\n  const controlledValue = 'value' in props ? toArray(props.value) : undefined;\n  const isControlled = 'value' in props && props.value !== undefined;\n  const [internalValue, setInternalValue] = useState<string[]>(() => toArray(props.defaultValue));\n  const selected = isControlled ? (controlledValue as string[]) : internalValue;\n\n  const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false);\n  const isOpenControlled = controlledOpen !== undefined;\n  const open = isOpenControlled ? controlledOpen : internalOpen;\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (readOnly || disabled) return;\n      if (!isOpenControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [readOnly, disabled, isOpenControlled, onOpenChange],\n  );\n\n  const emit = useCallback(\n    (next: string[]) => {\n      if (multiple) (props.onValueChange as ((v: string[]) => void) | undefined)?.(next);\n      else (props.onValueChange as ((v: string) => void) | undefined)?.(next[0] ?? '');\n    },\n    [multiple, props.onValueChange],\n  );\n\n  const select = useCallback(\n    (val: string) => {\n      const next = multiple\n        ? selected.includes(val)\n          ? selected.filter((v) => v !== val)\n          : [...selected, val]\n        : [val];\n      if (!isControlled) setInternalValue(next);\n      emit(next);\n      if (!multiple) setOpen(false);\n    },\n    [multiple, selected, isControlled, emit, setOpen],\n  );\n\n  const isSelected = useCallback((val: string) => selected.includes(val), [selected]);\n\n  const ctx = useMemo<DropdownContextValue>(\n    () => ({ multiple, isSelected, select }),\n    [multiple, isSelected, select],\n  );\n\n  // value → label map, built synchronously so the trigger renders the right\n  // label on first paint (items don't mount until the panel opens).\n  const itemLabels = useMemo<Map<string, ReactNode>>(() => {\n    const map = new Map<string, ReactNode>();\n    const visit = (nodes: ReactNode): void => {\n      Children.forEach(nodes, (child) => {\n        if (!isValidElement(child)) return;\n        const childProps = child.props as { value?: unknown; children?: ReactNode };\n        if (typeof childProps.value === 'string') map.set(childProps.value, childProps.children);\n        else if (childProps.children) visit(childProps.children);\n      });\n    };\n    visit(children);\n    return map;\n  }, [children]);\n\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Dropdown',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n    });\n\n  const providerCtx = useContext(DgaContext);\n  const portalContainer = providerCtx?.portalEl ?? providerCtx?.rootEl ?? undefined;\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const lastInputKeyboard = useRef(false);\n\n  const resolveLabel = (v: string): ReactNode =>\n    getLabel ? getLabel(v) : (itemLabels.get(v) ?? v);\n  const triggerLabel: ReactNode =\n    selected.length === 0 ? null : (\n      <>\n        {selected.map((v, i) => (\n          <Fragment key={v}>\n            {i > 0 ? ', ' : ''}\n            {resolveLabel(v)}\n          </Fragment>\n        ))}\n      </>\n    );\n\n  return (\n    <DropdownContext.Provider value={ctx}>\n      <div data-slot=\"dropdown-field\" className=\"ddga-field\">\n        {label && (\n          <label htmlFor={fieldId} className=\"ddga-dropdown__label\">\n            {required && (\n              <span aria-hidden=\"true\" className=\"ddga-dropdown__required\">\n                *\n              </span>\n            )}\n            {label}\n          </label>\n        )}\n        <PopoverPrimitive.Root open={open} onOpenChange={setOpen}>\n          <PopoverPrimitive.Trigger asChild>\n            <button\n              ref={triggerRef}\n              type=\"button\"\n              {...controlProps}\n              aria-haspopup=\"listbox\"\n              aria-required={required || undefined}\n              aria-readonly={readOnly || undefined}\n              disabled={disabled}\n              data-slot=\"dropdown-trigger\"\n              className={cn(dropdownTriggerVariants({ size, variant, error: hasError }), className)}\n            >\n              <span className=\"ddga-dropdown__value\">\n                {selected.length > 0 ? (\n                  triggerLabel\n                ) : (\n                  <span className=\"ddga-dropdown__placeholder\">{placeholder}</span>\n                )}\n              </span>\n              <DropdownChevron aria-hidden=\"true\" className=\"ddga-dropdown__icon\" />\n            </button>\n          </PopoverPrimitive.Trigger>\n          <PopoverPrimitive.Portal container={portalContainer}>\n            <PopoverPrimitive.Content\n              data-slot=\"dropdown-content\"\n              className=\"ddga-dropdown-content\"\n              sideOffset={4}\n              align=\"start\"\n              aria-label={ariaLabel ?? (typeof label === 'string' ? label : 'Options')}\n              aria-labelledby={ariaLabelledBy}\n              style={{ inlineSize: 'var(--radix-popover-trigger-width)' }}\n              onOpenAutoFocus={(event) => {\n                // cmdk autofocuses its input (visible or hidden) — let it.\n                event.preventDefault();\n              }}\n              onKeyDownCapture={() => {\n                lastInputKeyboard.current = true;\n              }}\n              onPointerDownCapture={() => {\n                lastInputKeyboard.current = false;\n              }}\n              onCloseAutoFocus={(event) => {\n                // Radix repaints the trigger's :focus-visible ring even after a mouse\n                // selection; refocus ourselves and set focusVisible from the real modality.\n                event.preventDefault();\n                triggerRef.current?.focus({\n                  focusVisible: lastInputKeyboard.current,\n                } as FocusOptions);\n              }}\n            >\n              <Command\n                data-slot=\"dropdown-command\"\n                className=\"ddga-dropdown-command\"\n                shouldFilter={searchable}\n              >\n                <Command.Input\n                  autoFocus\n                  placeholder={searchable ? searchPlaceholder : undefined}\n                  aria-label={searchable ? undefined : 'Filter options'}\n                  data-slot=\"dropdown-input\"\n                  className={searchable ? 'ddga-dropdown-input' : 'ddga-dropdown-input--hidden'}\n                />\n                <Command.List data-slot=\"dropdown-list\" className=\"ddga-dropdown-list\">\n                  {searchable && (\n                    <Command.Empty data-slot=\"dropdown-empty\" className=\"ddga-dropdown-empty\">\n                      {emptyMessage}\n                    </Command.Empty>\n                  )}\n                  {children}\n                </Command.List>\n              </Command>\n            </PopoverPrimitive.Content>\n          </PopoverPrimitive.Portal>\n        </PopoverPrimitive.Root>\n        {hasErrorMessage && (\n          <FieldMessage id={errorId} variant=\"error\" icon={<AlertCircle width={16} height={16} />}>\n            {errorMessage}\n          </FieldMessage>\n        )}\n        {hasHelper && (\n          <FieldMessage id={helperId} variant=\"helper\" icon={<Info width={16} height={16} />}>\n            {helperText}\n          </FieldMessage>\n        )}\n      </div>\n    </DropdownContext.Provider>\n  );\n}\n\nfunction DropdownItem({\n  value,\n  keywords,\n  disabled,\n  onSelect,\n  className,\n  children,\n  ...props\n}: DropdownItemProps) {\n  const { multiple, isSelected, select } = useDropdownContext('DropdownItem');\n  const sel = isSelected(value);\n\n  return (\n    <Command.Item\n      value={value}\n      keywords={keywords}\n      disabled={disabled}\n      onSelect={(v) => {\n        onSelect?.(v);\n        select(v);\n      }}\n      data-slot=\"dropdown-item\"\n      data-active={sel ? '' : undefined}\n      className={cn('ddga-dropdown-item', className)}\n      {...props}\n    >\n      {multiple ? (\n        <span\n          className=\"ddga-dropdown-item__checkbox\"\n          data-checked={sel ? '' : undefined}\n          aria-hidden=\"true\"\n        >\n          {sel ? <Check /> : null}\n        </span>\n      ) : null}\n      <span className=\"ddga-dropdown-item__label\">{children}</span>\n      {!multiple && sel ? (\n        <span className=\"ddga-dropdown-item__check\" aria-hidden=\"true\">\n          <Check />\n        </span>\n      ) : null}\n    </Command.Item>\n  );\n}\n\nfunction DropdownGroup({ className, heading, ...props }: DropdownGroupProps) {\n  return (\n    <Command.Group\n      heading={heading}\n      data-slot=\"dropdown-group\"\n      className={cn('ddga-dropdown-group', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownSeparator({ className, ...props }: DropdownSeparatorProps) {\n  return (\n    <Command.Separator\n      data-slot=\"dropdown-separator\"\n      className={cn('ddga-dropdown-separator', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Dropdown, DropdownItem, DropdownGroup, DropdownSeparator, dropdownTriggerVariants };\nexport type {\n  DropdownProps,\n  DropdownSingleProps,\n  DropdownMultipleProps,\n  DropdownItemProps,\n  DropdownGroupProps,\n  DropdownSeparatorProps,\n};\n"],"mappings":"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","names":["Fragment"]}

package/dist/{chunk-Y5IWUJF7.js → chunk-GHJEE4NW.js}

@@ -1,6 +1,6 @@
 import {
   FieldMessage
-} from "./chunk-E7WQI7PE.js";
+} from "./chunk-E5ZIKIGB.js";
 import {
   useFieldA11y
 } from "./chunk-HN5AFDQA.js";
@@ -14,16 +14,9 @@ import { cva } from "class-variance-authority";
 import { jsx, jsxs } from "react/jsx-runtime";
 var switchVariants = cva("ddga-switch", {
   variants: {
-    size: {
-      sm: "ddga-switch--sm",
-      md: "ddga-switch--md"
-    },
     error: {
       true: "ddga-switch--error"
     }
-  },
-  defaultVariants: {
-    size: "md"
   }
 });
 function Switch({
@@ -32,7 +25,6 @@ function Switch({
   helperText,
   errorMessage,
   error,
-  size,
   required,
   className,
   ...props
@@ -56,7 +48,7 @@ function Switch({
           ...controlProps,
           "data-slot": "switch",
           required,
-          className: cn(switchVariants({ size, error: hasError }), className),
+          className: cn(switchVariants({ error: hasError }), className),
           children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: "ddga-switch__thumb" })
         }
       ),
@@ -74,4 +66,4 @@ export {
   switchVariants,
   Switch
 };
-//# sourceMappingURL=chunk-Y5IWUJF7.js.map
+//# sourceMappingURL=chunk-GHJEE4NW.js.map

package/dist/chunk-GHJEE4NW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Switch/Switch.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { Switch as SwitchPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\n\nconst switchVariants = cva('ddga-switch', {\n  variants: {\n    error: {\n      true: 'ddga-switch--error',\n    },\n  },\n});\n\ninterface SwitchProps\n  extends\n    Omit<React.ComponentProps<typeof SwitchPrimitive.Root>, 'children'>,\n    VariantProps<typeof switchVariants> {\n  /** Visible label, sits beside the track, associated via `htmlFor`/`id`. */\n  label?: ReactNode;\n  /** Hint shown below the row. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the row when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n}\n\nfunction Switch({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  required,\n  className,\n  ...props\n}: SwitchProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Switch',\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=\"switch-field\" className=\"ddga-field\">\n      <div className=\"ddga-switch-row\">\n        <SwitchPrimitive.Root\n          {...props}\n          {...controlProps}\n          data-slot=\"switch\"\n          required={required}\n          className={cn(switchVariants({ error: hasError }), className)}\n        >\n          <SwitchPrimitive.Thumb data-slot=\"switch-thumb\" className=\"ddga-switch__thumb\" />\n        </SwitchPrimitive.Root>\n        {label && (\n          <label htmlFor={fieldId} className=\"ddga-switch__label\">\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"ddga-switch__required\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n      </div>\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\nexport { Switch, switchVariants };\nexport type { SwitchProps };\n"],"mappings":";;;;;;;;;;;AAGA,SAAS,UAAU,uBAAuB;AAC1C,SAAS,WAA8B;AA0D7B,cAGA,YAHA;AAtDV,IAAM,iBAAiB,IAAI,eAAe;AAAA,EACxC,UAAU;AAAA,IACR,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC;AAgBD,SAAS,OAAO;AAAA,EACd,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAgB;AACd,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,gBAAe,WAAU,cACtC;AAAA,yBAAC,SAAI,WAAU,mBACb;AAAA;AAAA,QAAC,gBAAgB;AAAA,QAAhB;AAAA,UACE,GAAG;AAAA,UACH,GAAG;AAAA,UACJ,aAAU;AAAA,UACV;AAAA,UACA,WAAW,GAAG,eAAe,EAAE,OAAO,SAAS,CAAC,GAAG,SAAS;AAAA,UAE5D,8BAAC,gBAAgB,OAAhB,EAAsB,aAAU,gBAAe,WAAU,sBAAqB;AAAA;AAAA,MACjF;AAAA,MACC,SACC,qBAAC,WAAM,SAAS,SAAS,WAAU,sBAChC;AAAA;AAAA,QACA,YACC,oBAAC,UAAK,eAAY,QAAO,WAAU,yBAAwB,eAE3D;AAAA,SAEJ;AAAA,OAEJ;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-GIHJ4J47.js

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