@dev-dga/react 0.10.1 → 0.12.0

package/dist/chunk-QOEXXGRP.js

@@ -1,110 +0,0 @@
-import {
-  cn
-} from "./chunk-7NTT2UXP.js";
-
-// src/components/Card/Card.tsx
-import { Slot as SlotPrimitive } from "radix-ui";
-import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var cardVariants = cva("ddga-card", {
-  variants: {
-    variant: {
-      default: "ddga-card--default",
-      outline: "ddga-card--outline",
-      elevated: "ddga-card--elevated",
-      filled: "ddga-card--filled",
-      gradient: "ddga-card--gradient",
-      ghost: "ddga-card--ghost"
-    },
-    padding: {
-      sm: "ddga-card--padding-sm",
-      md: "ddga-card--padding-md",
-      lg: "ddga-card--padding-lg"
-    },
-    orientation: {
-      vertical: "ddga-card--vertical",
-      horizontal: "ddga-card--horizontal"
-    },
-    interactive: {
-      true: "ddga-card--interactive"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    padding: "md",
-    orientation: "vertical"
-  }
-});
-function Card({
-  variant,
-  padding,
-  orientation,
-  interactive,
-  asChild,
-  className,
-  ...props
-}) {
-  const Comp = asChild ? SlotPrimitive.Slot : "div";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "card",
-      "data-orientation": orientation ?? "vertical",
-      className: cn(cardVariants({ variant, padding, orientation, interactive }), className),
-      ...props
-    }
-  );
-}
-function CardImage({ aspectRatio = "16/9", className, style, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "img",
-    {
-      "data-slot": "card-image",
-      className: cn("ddga-card__image", className),
-      style: {
-        "--ddga-card-image-aspect": aspectRatio,
-        ...style
-      },
-      ...props
-    }
-  );
-}
-function CardHeader({ asChild, className, ...props }) {
-  const Comp = asChild ? SlotPrimitive.Slot : "div";
-  return /* @__PURE__ */ jsx(Comp, { "data-slot": "card-header", className: cn("ddga-card__header", className), ...props });
-}
-function CardTitle({ asChild, className, ...props }) {
-  const Comp = asChild ? SlotPrimitive.Slot : "h3";
-  return /* @__PURE__ */ jsx(Comp, { "data-slot": "card-title", className: cn("ddga-card__title", className), ...props });
-}
-function CardDescription({ asChild, className, ...props }) {
-  const Comp = asChild ? SlotPrimitive.Slot : "p";
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      "data-slot": "card-description",
-      className: cn("ddga-card__description", className),
-      ...props
-    }
-  );
-}
-function CardContent({ asChild, className, ...props }) {
-  const Comp = asChild ? SlotPrimitive.Slot : "div";
-  return /* @__PURE__ */ jsx(Comp, { "data-slot": "card-content", className: cn("ddga-card__content", className), ...props });
-}
-function CardFooter({ asChild, className, ...props }) {
-  const Comp = asChild ? SlotPrimitive.Slot : "div";
-  return /* @__PURE__ */ jsx(Comp, { "data-slot": "card-footer", className: cn("ddga-card__footer", className), ...props });
-}
-
-export {
-  cardVariants,
-  Card,
-  CardImage,
-  CardHeader,
-  CardTitle,
-  CardDescription,
-  CardContent,
-  CardFooter
-};
-//# sourceMappingURL=chunk-QOEXXGRP.js.map

package/dist/chunk-QOEXXGRP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Card/Card.tsx"],"sourcesContent":["'use client';\n\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n\nconst cardVariants = cva('ddga-card', {\n  variants: {\n    variant: {\n      default: 'ddga-card--default',\n      outline: 'ddga-card--outline',\n      elevated: 'ddga-card--elevated',\n      filled: 'ddga-card--filled',\n      gradient: 'ddga-card--gradient',\n      ghost: 'ddga-card--ghost',\n    },\n    padding: {\n      sm: 'ddga-card--padding-sm',\n      md: 'ddga-card--padding-md',\n      lg: 'ddga-card--padding-lg',\n    },\n    orientation: {\n      vertical: 'ddga-card--vertical',\n      horizontal: 'ddga-card--horizontal',\n    },\n    interactive: {\n      true: 'ddga-card--interactive',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    padding: 'md',\n    orientation: 'vertical',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface CardProps extends React.ComponentProps<'div'>, VariantProps<typeof cardVariants> {\n  /** Render as the single child element instead of a `<div>` (see Button). */\n  asChild?: boolean;\n}\n\ntype CardSectionProps = React.ComponentProps<'div'> & { asChild?: boolean };\n\ninterface CardTitleProps extends React.ComponentProps<'h3'> {\n  /** Override the heading element (e.g. render an `<h2>` or `<a>`). */\n  asChild?: boolean;\n}\n\ntype CardDescriptionProps = React.ComponentProps<'p'> & { asChild?: boolean };\n\ninterface CardImageProps extends React.ComponentProps<'img'> {\n  /**\n   * Aspect ratio of the image in vertical orientation (e.g. `'16/9'`, `'4/3'`,\n   * `'1/1'`). Default `'16/9'`. Ignored in horizontal orientation — the image\n   * fills the card's full height there.\n   */\n  aspectRatio?: string;\n}\n\n// ─── 3. Components ─── //\n\nfunction Card({\n  variant,\n  padding,\n  orientation,\n  interactive,\n  asChild,\n  className,\n  ...props\n}: CardProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"card\"\n      data-orientation={orientation ?? 'vertical'}\n      className={cn(cardVariants({ variant, padding, orientation, interactive }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardImage({ aspectRatio = '16/9', className, style, ...props }: CardImageProps) {\n  return (\n    <img\n      data-slot=\"card-image\"\n      className={cn('ddga-card__image', className)}\n      style={\n        {\n          '--ddga-card-image-aspect': aspectRatio,\n          ...style,\n        } as React.CSSProperties\n      }\n      {...props}\n    />\n  );\n}\n\nfunction CardHeader({ asChild, className, ...props }: CardSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return <Comp data-slot=\"card-header\" className={cn('ddga-card__header', className)} {...props} />;\n}\n\nfunction CardTitle({ asChild, className, ...props }: CardTitleProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'h3';\n  return <Comp data-slot=\"card-title\" className={cn('ddga-card__title', className)} {...props} />;\n}\n\nfunction CardDescription({ asChild, className, ...props }: CardDescriptionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'p';\n  return (\n    <Comp\n      data-slot=\"card-description\"\n      className={cn('ddga-card__description', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardContent({ asChild, className, ...props }: CardSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp data-slot=\"card-content\" className={cn('ddga-card__content', className)} {...props} />\n  );\n}\n\nfunction CardFooter({ asChild, className, ...props }: CardSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return <Comp data-slot=\"card-footer\" className={cn('ddga-card__footer', className)} {...props} />;\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  Card,\n  CardImage,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardContent,\n  CardFooter,\n  cardVariants,\n};\nexport type { CardProps, CardImageProps, CardSectionProps, CardTitleProps, CardDescriptionProps };\n"],"mappings":";;;;;AAEA,SAAS,QAAQ,qBAAqB;AACtC,SAAS,WAA8B;AAyEnC;AApEJ,IAAM,eAAe,IAAI,aAAa;AAAA,EACpC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,OAAO;AAAA,IACT;AAAA,IACA,SAAS;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,aAAa;AAAA,MACX,UAAU;AAAA,MACV,YAAY;AAAA,IACd;AAAA,IACA,aAAa;AAAA,MACX,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,SAAS;AAAA,IACT,aAAa;AAAA,EACf;AACF,CAAC;AA6BD,SAAS,KAAK;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAc;AACZ,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,oBAAkB,eAAe;AAAA,MACjC,WAAW,GAAG,aAAa,EAAE,SAAS,SAAS,aAAa,YAAY,CAAC,GAAG,SAAS;AAAA,MACpF,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,UAAU,EAAE,cAAc,QAAQ,WAAW,OAAO,GAAG,MAAM,GAAmB;AACvF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,oBAAoB,SAAS;AAAA,MAC3C,OACE;AAAA,QACE,4BAA4B;AAAA,QAC5B,GAAG;AAAA,MACL;AAAA,MAED,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW,EAAE,SAAS,WAAW,GAAG,MAAM,GAAqB;AACtE,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SAAO,oBAAC,QAAK,aAAU,eAAc,WAAW,GAAG,qBAAqB,SAAS,GAAI,GAAG,OAAO;AACjG;AAEA,SAAS,UAAU,EAAE,SAAS,WAAW,GAAG,MAAM,GAAmB;AACnE,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SAAO,oBAAC,QAAK,aAAU,cAAa,WAAW,GAAG,oBAAoB,SAAS,GAAI,GAAG,OAAO;AAC/F;AAEA,SAAS,gBAAgB,EAAE,SAAS,WAAW,GAAG,MAAM,GAAyB;AAC/E,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,0BAA0B,SAAS;AAAA,MAChD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY,EAAE,SAAS,WAAW,GAAG,MAAM,GAAqB;AACvE,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SACE,oBAAC,QAAK,aAAU,gBAAe,WAAW,GAAG,sBAAsB,SAAS,GAAI,GAAG,OAAO;AAE9F;AAEA,SAAS,WAAW,EAAE,SAAS,WAAW,GAAG,MAAM,GAAqB;AACtE,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SAAO,oBAAC,QAAK,aAAU,eAAc,WAAW,GAAG,qBAAqB,SAAS,GAAI,GAAG,OAAO;AACjG;","names":[]}

package/dist/chunk-RCR5CRZ5.js

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

package/dist/chunk-RNOXGWKQ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-RNOXGWKQ.cjs","../src/internal/calendar/calendar-core.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-RNOXGWKQ.cjs","sourcesContent":[null,"'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, 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 { ChevronLeft, ChevronRight } 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 should point right; \"next\"\n  // sits 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 PrevChevron = dir === 'rtl' ? ChevronRight : ChevronLeft;\n  const NextChevron = dir === 'rtl' ? ChevronLeft : ChevronRight;\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    PrevChevron,\n    NextChevron,\n    resolvedLabels,\n    navLabels,\n    a11yLabels,\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      <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    </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"]}

package/dist/chunk-RSXDPFXK.js

@@ -1,189 +0,0 @@
-import {
-  cn
-} from "./chunk-7NTT2UXP.js";
-
-// src/components/Progress/Progress.tsx
-import { Progress as ProgressPrimitive } from "radix-ui";
-import { cva } from "class-variance-authority";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var progressVariants = cva("ddga-progress", {
-  variants: {
-    size: {
-      sm: "ddga-progress--sm",
-      md: "ddga-progress--md",
-      lg: "ddga-progress--lg"
-    },
-    color: {
-      primary: "ddga-progress--primary",
-      success: "ddga-progress--success",
-      warning: "ddga-progress--warning",
-      destructive: "ddga-progress--destructive"
-    }
-  },
-  defaultVariants: {
-    size: "md",
-    color: "primary"
-  }
-});
-var circularProgressVariants = cva("ddga-circular-progress", {
-  variants: {
-    size: {
-      sm: "ddga-circular-progress--sm",
-      md: "ddga-circular-progress--md",
-      lg: "ddga-circular-progress--lg"
-    },
-    color: {
-      primary: "ddga-circular-progress--primary",
-      success: "ddga-circular-progress--success",
-      warning: "ddga-circular-progress--warning",
-      destructive: "ddga-circular-progress--destructive"
-    }
-  },
-  defaultVariants: {
-    size: "md",
-    color: "primary"
-  }
-});
-function Progress({ value = null, max = 100, size, color, className, ...props }) {
-  const isIndeterminate = value === null;
-  const pct = isIndeterminate ? 0 : Math.min(100, Math.max(0, value / max * 100));
-  return /* @__PURE__ */ jsx(
-    ProgressPrimitive.Root,
-    {
-      "data-slot": "progress",
-      value,
-      max,
-      className: cn(progressVariants({ size, color }), className),
-      ...props,
-      children: /* @__PURE__ */ jsx(
-        ProgressPrimitive.Indicator,
-        {
-          "data-slot": "progress-indicator",
-          className: "ddga-progress__indicator",
-          style: isIndeterminate ? void 0 : { inlineSize: `${pct}%` }
-        }
-      )
-    }
-  );
-}
-var CIRCULAR_SIZES = { sm: 32, md: 48, lg: 72 };
-var CIRCULAR_DEFAULT_THICKNESS = { sm: 4, md: 5, lg: 6 };
-var SEGMENT_GAP_FRACTION = 0.16;
-function CircularProgress({
-  value = null,
-  max = 100,
-  size,
-  color,
-  thickness,
-  segments,
-  showLabel = false,
-  className,
-  ...props
-}) {
-  if (process.env.NODE_ENV === "development" && !props["aria-label"] && !props["aria-labelledby"]) {
-    console.warn(
-      "[dga/Progress] <CircularProgress> has no accessible name. Pass `aria-label` or `aria-labelledby` so screen-reader users know what the progress represents."
-    );
-  }
-  const isIndeterminate = value === null;
-  const isSegmented = typeof segments === "number" && segments >= 2;
-  const sizeKey = size ?? "md";
-  const diameter = CIRCULAR_SIZES[sizeKey];
-  const strokeWidth = thickness ?? CIRCULAR_DEFAULT_THICKNESS[sizeKey];
-  const radius = (diameter - strokeWidth) / 2;
-  const circumference = 2 * Math.PI * radius;
-  const center = diameter / 2;
-  const pct = isIndeterminate ? 0 : Math.min(100, Math.max(0, value / max * 100));
-  const dashOffset = isIndeterminate ? circumference * 0.75 : circumference * (1 - pct / 100);
-  const state = isIndeterminate ? "indeterminate" : value >= max ? "complete" : "loading";
-  const segmentEls = isSegmented && segments ? (() => {
-    const filled = isIndeterminate ? 0 : Math.round(pct / 100 * segments);
-    const segAngle = 360 / segments;
-    const gapAngle = segAngle * SEGMENT_GAP_FRACTION;
-    const segLen = circumference * ((1 - SEGMENT_GAP_FRACTION) / segments);
-    return Array.from({ length: segments }, (_, i) => /* @__PURE__ */ jsx(
-      "circle",
-      {
-        className: cn(
-          "ddga-circular-progress__segment",
-          i < filled && "ddga-circular-progress__segment--filled"
-        ),
-        cx: center,
-        cy: center,
-        r: radius,
-        fill: "none",
-        strokeWidth,
-        strokeLinecap: "butt",
-        strokeDasharray: `${segLen} ${circumference}`,
-        transform: `rotate(${-90 + i * segAngle + gapAngle / 2} ${center} ${center})`
-      },
-      i
-    ));
-  })() : null;
-  const labelText = isSegmented ? `${segments ? Math.round(pct / 100 * segments) : 0}/${segments}` : `${Math.round(pct)}%`;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-slot": "circular-progress",
-      "data-state": state,
-      "data-segmented": isSegmented ? "" : void 0,
-      role: "progressbar",
-      "aria-valuemin": 0,
-      "aria-valuemax": max,
-      "aria-valuenow": isIndeterminate ? void 0 : value,
-      className: cn(circularProgressVariants({ size, color }), className),
-      style: { inlineSize: diameter, blockSize: diameter },
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          "svg",
-          {
-            className: "ddga-circular-progress__svg",
-            viewBox: `0 0 ${diameter} ${diameter}`,
-            width: diameter,
-            height: diameter,
-            "aria-hidden": "true",
-            focusable: "false",
-            children: isSegmented ? segmentEls : /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(
-                "circle",
-                {
-                  className: "ddga-circular-progress__track",
-                  cx: center,
-                  cy: center,
-                  r: radius,
-                  fill: "none",
-                  strokeWidth
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "circle",
-                {
-                  className: "ddga-circular-progress__indicator",
-                  cx: center,
-                  cy: center,
-                  r: radius,
-                  fill: "none",
-                  strokeWidth,
-                  strokeLinecap: "round",
-                  strokeDasharray: circumference,
-                  strokeDashoffset: dashOffset,
-                  transform: `rotate(-90 ${center} ${center})`
-                }
-              )
-            ] })
-          }
-        ),
-        showLabel && !isIndeterminate ? /* @__PURE__ */ jsx("span", { className: "ddga-circular-progress__label", "aria-hidden": "true", children: labelText }) : null
-      ]
-    }
-  );
-}
-
-export {
-  progressVariants,
-  circularProgressVariants,
-  Progress,
-  CircularProgress
-};
-//# sourceMappingURL=chunk-RSXDPFXK.js.map

package/dist/chunk-RSXDPFXK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Progress/Progress.tsx"],"sourcesContent":["'use client';\n\nimport { Progress as ProgressPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants ─── //\n\nconst progressVariants = cva('ddga-progress', {\n  variants: {\n    size: {\n      sm: 'ddga-progress--sm',\n      md: 'ddga-progress--md',\n      lg: 'ddga-progress--lg',\n    },\n    color: {\n      primary: 'ddga-progress--primary',\n      success: 'ddga-progress--success',\n      warning: 'ddga-progress--warning',\n      destructive: 'ddga-progress--destructive',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    color: 'primary',\n  },\n});\n\nconst circularProgressVariants = cva('ddga-circular-progress', {\n  variants: {\n    size: {\n      sm: 'ddga-circular-progress--sm',\n      md: 'ddga-circular-progress--md',\n      lg: 'ddga-circular-progress--lg',\n    },\n    color: {\n      primary: 'ddga-circular-progress--primary',\n      success: 'ddga-circular-progress--success',\n      warning: 'ddga-circular-progress--warning',\n      destructive: 'ddga-circular-progress--destructive',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    color: 'primary',\n  },\n});\n\n// ─── 2. Linear Progress (Radix) ─── //\n\ntype ProgressOwnProps = VariantProps<typeof progressVariants> & {\n  /**\n   * Current progress. `null` (or omitted) renders the indeterminate animation.\n   * Otherwise clamp yourself to `[0, max]` — Radix Progress assumes the value\n   * is in range.\n   */\n  value?: number | null;\n  /** Maximum value. Defaults to 100. */\n  max?: number;\n  /**\n   * Accessible label for the progressbar. Required for assistive tech —\n   * Radix logs a warning if neither `aria-label` nor `aria-labelledby` is set.\n   */\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n};\n\ntype ProgressProps = ProgressOwnProps &\n  Omit<React.ComponentProps<typeof ProgressPrimitive.Root>, keyof ProgressOwnProps>;\n\nfunction Progress({ value = null, max = 100, size, color, className, ...props }: ProgressProps) {\n  const isIndeterminate = value === null;\n  const pct = isIndeterminate ? 0 : Math.min(100, Math.max(0, (value / max) * 100));\n\n  return (\n    <ProgressPrimitive.Root\n      data-slot=\"progress\"\n      value={value}\n      max={max}\n      className={cn(progressVariants({ size, color }), className)}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"ddga-progress__indicator\"\n        // Fill via logical `inline-size`, not a physical `translateX`: the\n        // indicator is anchored to the track's inline-start, so it fills from\n        // the left in LTR and the right in RTL automatically — no direction\n        // read in JS. (A `translateX(-N%)` always slid left, mirroring wrong.)\n        style={isIndeterminate ? undefined : { inlineSize: `${pct}%` }}\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n\n// ─── 3. Circular Progress (custom SVG) ─── //\n\ntype CircularProgressOwnProps = VariantProps<typeof circularProgressVariants> & {\n  value?: number | null;\n  max?: number;\n  /** Stroke width in px. Defaults to 4 (sm) / 5 (md) / 6 (lg). */\n  thickness?: number;\n  /**\n   * Render the ring as `segments` discrete arcs (a radial stepper) instead of a\n   * continuous arc. Pass an integer `>= 2`; values below that fall back to the\n   * continuous ring. The number of filled segments is `round(pct × segments)`,\n   * so `value={3} max={5} segments={5}` fills 3. Segmented mode is determinate —\n   * a `null` value renders 0 filled (no spinner).\n   */\n  segments?: number;\n  /** Render the label inside the ring (`%`, or `filled/segments` when segmented). */\n  showLabel?: boolean;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n};\n\ntype CircularProgressProps = CircularProgressOwnProps &\n  Omit<React.ComponentProps<'div'>, keyof CircularProgressOwnProps>;\n\nconst CIRCULAR_SIZES = { sm: 32, md: 48, lg: 72 } as const;\nconst CIRCULAR_DEFAULT_THICKNESS = { sm: 4, md: 5, lg: 6 } as const;\n// Fraction of each segment's angular slot left as the gap between segments.\nconst SEGMENT_GAP_FRACTION = 0.16;\n\nfunction CircularProgress({\n  value = null,\n  max = 100,\n  size,\n  color,\n  thickness,\n  segments,\n  showLabel = false,\n  className,\n  ...props\n}: CircularProgressProps) {\n  if (process.env.NODE_ENV === 'development' && !props['aria-label'] && !props['aria-labelledby']) {\n    // Linear Progress inherits Radix's no-label warning; CircularProgress is a\n    // hand-built `role=\"progressbar\"`, so it needs its own. The ring `showLabel`\n    // is aria-hidden decoration, not an accessible name.\n    console.warn(\n      '[dga/Progress] <CircularProgress> has no accessible name. Pass `aria-label` or ' +\n        '`aria-labelledby` so screen-reader users know what the progress represents.',\n    );\n  }\n\n  const isIndeterminate = value === null;\n  const isSegmented = typeof segments === 'number' && segments >= 2;\n  const sizeKey = size ?? 'md';\n  const diameter = CIRCULAR_SIZES[sizeKey];\n  const strokeWidth = thickness ?? CIRCULAR_DEFAULT_THICKNESS[sizeKey];\n  const radius = (diameter - strokeWidth) / 2;\n  const circumference = 2 * Math.PI * radius;\n  const center = diameter / 2;\n\n  const pct = isIndeterminate ? 0 : Math.min(100, Math.max(0, (value / max) * 100));\n  const dashOffset = isIndeterminate ? circumference * 0.75 : circumference * (1 - pct / 100);\n\n  // Mirror Radix Progress's data-state vocabulary so CSS can use a single\n  // selector across linear + circular.\n  const state = isIndeterminate ? 'indeterminate' : value >= max ? 'complete' : 'loading';\n\n  // Segmented (radial-stepper) geometry: split the ring into `segments` arcs\n  // with gaps. Each segment is a single dash of `segLen`, rotated into its slot;\n  // the gap is centered so segments stay evenly spaced. Determinate-only.\n  const segmentEls =\n    isSegmented && segments\n      ? (() => {\n          const filled = isIndeterminate ? 0 : Math.round((pct / 100) * segments);\n          const segAngle = 360 / segments;\n          const gapAngle = segAngle * SEGMENT_GAP_FRACTION;\n          const segLen = circumference * ((1 - SEGMENT_GAP_FRACTION) / segments);\n          return Array.from({ length: segments }, (_, i) => (\n            <circle\n              key={i}\n              className={cn(\n                'ddga-circular-progress__segment',\n                i < filled && 'ddga-circular-progress__segment--filled',\n              )}\n              cx={center}\n              cy={center}\n              r={radius}\n              fill=\"none\"\n              strokeWidth={strokeWidth}\n              // Butt caps, not round: round caps extend strokeWidth/2 past each\n              // arc end and would swallow the gap (overlapping at small sizes).\n              strokeLinecap=\"butt\"\n              strokeDasharray={`${segLen} ${circumference}`}\n              transform={`rotate(${-90 + i * segAngle + gapAngle / 2} ${center} ${center})`}\n            />\n          ));\n        })()\n      : null;\n\n  const labelText = isSegmented\n    ? `${segments ? Math.round((pct / 100) * segments) : 0}/${segments}`\n    : `${Math.round(pct)}%`;\n\n  return (\n    <div\n      data-slot=\"circular-progress\"\n      data-state={state}\n      data-segmented={isSegmented ? '' : undefined}\n      role=\"progressbar\"\n      aria-valuemin={0}\n      aria-valuemax={max}\n      aria-valuenow={isIndeterminate ? undefined : value}\n      className={cn(circularProgressVariants({ size, color }), className)}\n      style={{ inlineSize: diameter, blockSize: diameter }}\n      {...props}\n    >\n      <svg\n        className=\"ddga-circular-progress__svg\"\n        viewBox={`0 0 ${diameter} ${diameter}`}\n        width={diameter}\n        height={diameter}\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        {isSegmented ? (\n          segmentEls\n        ) : (\n          <>\n            <circle\n              className=\"ddga-circular-progress__track\"\n              cx={center}\n              cy={center}\n              r={radius}\n              fill=\"none\"\n              strokeWidth={strokeWidth}\n            />\n            <circle\n              className=\"ddga-circular-progress__indicator\"\n              cx={center}\n              cy={center}\n              r={radius}\n              fill=\"none\"\n              strokeWidth={strokeWidth}\n              strokeLinecap=\"round\"\n              strokeDasharray={circumference}\n              strokeDashoffset={dashOffset}\n              transform={`rotate(-90 ${center} ${center})`}\n            />\n          </>\n        )}\n      </svg>\n      {showLabel && !isIndeterminate ? (\n        <span className=\"ddga-circular-progress__label\" aria-hidden=\"true\">\n          {labelText}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Progress, CircularProgress, progressVariants, circularProgressVariants };\nexport type { ProgressProps, CircularProgressProps };\n"],"mappings":"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","names":[]}

package/dist/chunk-RZEJPDIW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst skeletonVariants = cva('ddga-skeleton', {\n  variants: {\n    shape: {\n      text: 'ddga-skeleton--text',\n      circle: 'ddga-skeleton--circle',\n      rectangle: 'ddga-skeleton--rectangle',\n    },\n    animation: {\n      pulse: 'ddga-skeleton--pulse',\n      wave: 'ddga-skeleton--wave',\n      none: 'ddga-skeleton--none',\n    },\n  },\n  defaultVariants: {\n    shape: 'text',\n    animation: 'pulse',\n  },\n});\n\ninterface SkeletonProps extends React.ComponentProps<'div'>, VariantProps<typeof skeletonVariants> {\n  /**\n   * Inline width override (any valid CSS length, e.g. `\"60%\"`, `200`, `\"4rem\"`).\n   * Defaults: `text` → `100%`, `circle`/`rectangle` → `40px` (CSS-controlled).\n   */\n  width?: number | string;\n  /**\n   * Inline height override. Defaults: `text` → `1em` so it tracks the surrounding\n   * line height; `rectangle` → `40px`; `circle` → matches `width` to stay round.\n   */\n  height?: number | string;\n}\n\nfunction Skeleton({ shape, animation, width, height, className, style, ...props }: SkeletonProps) {\n  const sizeStyle: React.CSSProperties = {\n    ...(width !== undefined ? { width: typeof width === 'number' ? `${width}px` : width } : null),\n    ...(height !== undefined\n      ? { height: typeof height === 'number' ? `${height}px` : height }\n      : null),\n    ...style,\n  };\n\n  return (\n    <div\n      data-slot=\"skeleton\"\n      aria-hidden=\"true\"\n      className={cn(skeletonVariants({ shape, animation }), className)}\n      style={sizeStyle}\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton, skeletonVariants };\nexport type { SkeletonProps };\n"],"mappings":";;;;;AAEA,SAAS,WAA8B;AA6CnC;AA1CJ,IAAM,mBAAmB,IAAI,iBAAiB;AAAA,EAC5C,UAAU;AAAA,IACR,OAAO;AAAA,MACL,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,WAAW;AAAA,IACb;AAAA,IACA,WAAW;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,WAAW;AAAA,EACb;AACF,CAAC;AAeD,SAAS,SAAS,EAAE,OAAO,WAAW,OAAO,QAAQ,WAAW,OAAO,GAAG,MAAM,GAAkB;AAChG,QAAM,YAAiC;AAAA,IACrC,GAAI,UAAU,SAAY,EAAE,OAAO,OAAO,UAAU,WAAW,GAAG,KAAK,OAAO,MAAM,IAAI;AAAA,IACxF,GAAI,WAAW,SACX,EAAE,QAAQ,OAAO,WAAW,WAAW,GAAG,MAAM,OAAO,OAAO,IAC9D;AAAA,IACJ,GAAG;AAAA,EACL;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,WAAW,GAAG,iBAAiB,EAAE,OAAO,UAAU,CAAC,GAAG,SAAS;AAAA,MAC/D,OAAO;AAAA,MACN,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-STJDMXL7.cjs

@@ -1,116 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
-
-var _chunkN4FHLSNVcjs = require('./chunk-N4FHLSNV.cjs');
-
-
-var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
-
-
-var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
-
-// src/components/Slider/Slider.tsx
-var _react = require('react');
-var _radixui = require('radix-ui');
-var _classvarianceauthority = require('class-variance-authority');
-var _jsxruntime = require('react/jsx-runtime');
-var sliderVariants = _classvarianceauthority.cva.call(void 0, "ddga-slider", {
-  variants: {
-    size: {
-      sm: "ddga-slider--sm",
-      md: "ddga-slider--md"
-    },
-    error: {
-      true: "ddga-slider--error"
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-});
-var DEFAULT_THUMB_LABELS = ["Minimum", "Maximum"];
-function toArray(value) {
-  if (value === void 0) return void 0;
-  return Array.isArray(value) ? value : [value];
-}
-function Slider({
-  id: externalId,
-  value,
-  defaultValue,
-  onValueChange,
-  onValueCommit,
-  min = 0,
-  max = 100,
-  size,
-  label,
-  helperText,
-  errorMessage,
-  error,
-  showValue = false,
-  formatValue,
-  thumbLabels = DEFAULT_THUMB_LABELS,
-  className,
-  ...props
-}) {
-  const labelId = _react.useId.call(void 0, );
-  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = _chunkNH3KGR65cjs.useFieldA11y.call(void 0, {
-    name: "Slider",
-    id: externalId,
-    label,
-    error,
-    errorMessage,
-    helperText,
-    "aria-label": props["aria-label"],
-    "aria-labelledby": _nullishCoalesce(props["aria-labelledby"], () => ( (label ? labelId : void 0)))
-  });
-  const isRange = Array.isArray(_nullishCoalesce(value, () => ( defaultValue)));
-  const valueArray = toArray(value);
-  const defaultArray = _nullishCoalesce(toArray(defaultValue), () => ( [min]));
-  const wrap = (next) => isRange ? next : next[0];
-  const currentForRender = _nullishCoalesce(valueArray, () => ( defaultArray));
-  const fmt = (n) => formatValue ? formatValue(n) : String(n);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "data-slot": "slider-field", className: "ddga-field", children: [
-    (label || showValue) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ddga-slider__header", children: [
-      label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: labelId, className: "ddga-slider__label", children: label }),
-      showValue && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-slider__value", "aria-hidden": "true", children: currentForRender.map(fmt).join(" \u2013 ") })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _radixui.Slider.Root,
-      {
-        ...props,
-        id: fieldId,
-        min,
-        max,
-        value: valueArray,
-        defaultValue: value === void 0 ? defaultArray : void 0,
-        onValueChange: onValueChange ? (next) => onValueChange(wrap(next)) : void 0,
-        onValueCommit: onValueCommit ? (next) => onValueCommit(wrap(next)) : void 0,
-        "aria-invalid": controlProps["aria-invalid"],
-        "data-slot": "slider",
-        className: _chunkV6MXOJQ4cjs.cn.call(void 0, sliderVariants({ size, error: hasError }), className),
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Slider.Track, { "data-slot": "slider-track", className: "ddga-slider__track", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Slider.Range, { "data-slot": "slider-range", className: "ddga-slider__range" }) }),
-          currentForRender.map((thumbValue, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _radixui.Slider.Thumb,
-            {
-              "data-slot": "slider-thumb",
-              className: "ddga-slider__thumb",
-              "aria-label": isRange ? thumbLabels[index] : void 0,
-              "aria-labelledby": !isRange && label ? labelId : void 0,
-              "aria-valuetext": formatValue ? fmt(thumbValue) : void 0,
-              "aria-describedby": controlProps["aria-describedby"]
-            },
-            index
-          ))
-        ]
-      }
-    ),
-    hasErrorMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN4FHLSNVcjs.FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
-    hasHelper && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN4FHLSNVcjs.FieldMessage, { id: helperId, variant: "helper", children: helperText })
-  ] });
-}
-
-
-
-
-exports.sliderVariants = sliderVariants; exports.Slider = Slider;
-//# sourceMappingURL=chunk-STJDMXL7.cjs.map

package/dist/chunk-STJDMXL7.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-STJDMXL7.cjs","../src/components/Slider/Slider.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-STJDMXL7.cjs","sourcesContent":[null,"'use client';\n\nimport { useId, type ReactNode } from 'react';\nimport { Slider as SliderPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\n\n// ─── 1. Variants (cva) ─── //\n\nconst sliderVariants = cva('ddga-slider', {\n  variants: {\n    size: {\n      sm: 'ddga-slider--sm',\n      md: 'ddga-slider--md',\n    },\n    error: {\n      true: 'ddga-slider--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// Radix owns the slider state model, but always as `number[]`. We expose a\n// cleaner API: a single `number` for one thumb, `number[]` for a range. The\n// emitted value mirrors the shape that was passed in.\ntype SliderValue = number | number[];\n\ninterface SliderProps\n  extends\n    Omit<\n      React.ComponentProps<typeof SliderPrimitive.Root>,\n      'value' | 'defaultValue' | 'onValueChange' | 'onValueCommit' | 'asChild'\n    >,\n    VariantProps<typeof sliderVariants> {\n  /** Controlled value. `number` → single thumb, `number[]` → one thumb each. */\n  value?: SliderValue;\n  /** Uncontrolled initial value. Defaults to a single thumb at `min`. */\n  defaultValue?: SliderValue;\n  /** Fires continuously while dragging. Shape mirrors `value`/`defaultValue`. */\n  onValueChange?: (value: SliderValue) => void;\n  /** Fires once on release (pointer up / keyboard commit). */\n  onValueCommit?: (value: SliderValue) => void;\n\n  /** Visible field label, associated to the thumb(s) via `aria-labelledby`. */\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  /** Render the current value(s) as text beside the label. */\n  showValue?: boolean;\n  /** Formats each value for `showValue` and the thumb's `aria-valuetext`\n   *  (e.g. percentages or currency). */\n  formatValue?: (value: number) => string;\n  /** Accessible names for the two range thumbs. Ignored for single thumbs.\n   *  Defaults to `['Minimum', 'Maximum']`. */\n  thumbLabels?: [string, string];\n}\n\n// ─── 3. Helpers ─── //\n\nconst DEFAULT_THUMB_LABELS: [string, string] = ['Minimum', 'Maximum'];\n\nfunction toArray(value: SliderValue | undefined): number[] | undefined {\n  if (value === undefined) return undefined;\n  return Array.isArray(value) ? value : [value];\n}\n\n// ─── 4. Component ─── //\n\nfunction Slider({\n  id: externalId,\n  value,\n  defaultValue,\n  onValueChange,\n  onValueCommit,\n  min = 0,\n  max = 100,\n  size,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  showValue = false,\n  formatValue,\n  thumbLabels = DEFAULT_THUMB_LABELS,\n  className,\n  ...props\n}: SliderProps) {\n  const labelId = useId();\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Slider',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      'aria-label': props['aria-label'],\n      'aria-labelledby': props['aria-labelledby'] ?? (label ? labelId : undefined),\n    });\n\n  // Single vs range is determined by the controlled/uncontrolled shape the\n  // consumer chose; fall back to single when neither is provided.\n  const isRange = Array.isArray(value ?? defaultValue);\n\n  const valueArray = toArray(value);\n  const defaultArray = toArray(defaultValue) ?? [min];\n\n  // Re-wrap Radix's `number[]` back into the consumer's shape.\n  const wrap = (next: number[]): SliderValue => (isRange ? next : next[0]);\n\n  // Each thumb needs an accessible name. A single thumb borrows the field\n  // label; range thumbs get distinct min/max labels.\n  const currentForRender = valueArray ?? defaultArray;\n  const fmt = (n: number) => (formatValue ? formatValue(n) : String(n));\n\n  return (\n    <div data-slot=\"slider-field\" className=\"ddga-field\">\n      {(label || showValue) && (\n        <div className=\"ddga-slider__header\">\n          {label && (\n            <span id={labelId} className=\"ddga-slider__label\">\n              {label}\n            </span>\n          )}\n          {showValue && (\n            <span className=\"ddga-slider__value\" aria-hidden=\"true\">\n              {currentForRender.map(fmt).join(' – ')}\n            </span>\n          )}\n        </div>\n      )}\n\n      <SliderPrimitive.Root\n        // Spread props first, then the a11y/state contract so consumers\n        // cannot clobber the wiring.\n        {...props}\n        id={fieldId}\n        min={min}\n        max={max}\n        value={valueArray}\n        defaultValue={value === undefined ? defaultArray : undefined}\n        onValueChange={onValueChange ? (next) => onValueChange(wrap(next)) : undefined}\n        onValueCommit={onValueCommit ? (next) => onValueCommit(wrap(next)) : undefined}\n        aria-invalid={controlProps['aria-invalid']}\n        data-slot=\"slider\"\n        className={cn(sliderVariants({ size, error: hasError }), className)}\n      >\n        <SliderPrimitive.Track data-slot=\"slider-track\" className=\"ddga-slider__track\">\n          <SliderPrimitive.Range data-slot=\"slider-range\" className=\"ddga-slider__range\" />\n        </SliderPrimitive.Track>\n        {currentForRender.map((thumbValue, index) => (\n          <SliderPrimitive.Thumb\n            key={index}\n            data-slot=\"slider-thumb\"\n            className=\"ddga-slider__thumb\"\n            aria-label={isRange ? thumbLabels[index] : undefined}\n            aria-labelledby={!isRange && label ? labelId : undefined}\n            aria-valuetext={formatValue ? fmt(thumbValue) : undefined}\n            aria-describedby={controlProps['aria-describedby']}\n          />\n        ))}\n      </SliderPrimitive.Root>\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// ─── 5. Exports ─── //\n\nexport { Slider, sliderVariants };\nexport type { SliderProps, SliderValue };\n"]}

package/dist/chunk-SZUMMROW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Check, Minus } from '../../internal/icons';\nimport { useFieldA11y, FieldMessage } from '../../field';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the Radix Root (the role=checkbox button). Two sizes only ,\n// a \"lg\" checkbox is unusual; keep the surface honest.\nconst checkboxVariants = cva('ddga-checkbox', {\n  variants: {\n    size: {\n      sm: 'ddga-checkbox--sm',\n      md: 'ddga-checkbox--md',\n    },\n    error: {\n      true: 'ddga-checkbox--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// Radix owns the state model (checked / defaultChecked / onCheckedChange /\n// indeterminate via checked=\"indeterminate\" / disabled / required / name /\n// value). We add the composed label + helper/error + a11y wiring. `children`\n// is omitted , the indicator is rendered internally.\ninterface CheckboxProps\n  extends\n    Omit<React.ComponentProps<typeof CheckboxPrimitive.Root>, 'children'>,\n    VariantProps<typeof checkboxVariants> {\n  /** Visible label, sits beside the box, 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\n// ─── 3. Component ─── //\n\nfunction Checkbox({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  required,\n  className,\n  ...props\n}: CheckboxProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Checkbox',\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=\"checkbox-field\" className=\"ddga-field\">\n      <div className=\"ddga-checkbox-row\">\n        <CheckboxPrimitive.Root\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=\"checkbox\"\n          required={required}\n          className={cn(checkboxVariants({ size, error: hasError }), className)}\n        >\n          <CheckboxPrimitive.Indicator\n            data-slot=\"checkbox-indicator\"\n            className=\"ddga-checkbox__indicator\"\n          >\n            {/* Both render inside the indicator (which only mounts when\n                checked or indeterminate); CSS picks one via Root data-state. */}\n            <Check className=\"ddga-checkbox__check\" aria-hidden=\"true\" />\n            <Minus className=\"ddga-checkbox__minus\" aria-hidden=\"true\" />\n          </CheckboxPrimitive.Indicator>\n        </CheckboxPrimitive.Root>\n        {label && (\n          <label htmlFor={fieldId} className=\"ddga-checkbox__label\">\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"ddga-checkbox__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\n// ─── 4. Exports ─── //\n\nexport { Checkbox, checkboxVariants };\nexport type { CheckboxProps };\n"],"mappings":";;;;;;;;;;;;;;;AAGA,SAAS,YAAY,yBAAyB;AAC9C,SAAS,WAA8B;AAiF7B,SAME,KANF;AAxEV,IAAM,mBAAmB,IAAI,iBAAiB;AAAA,EAC5C,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAwBD,SAAS,SAAS;AAAA,EAChB,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;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,cACxC;AAAA,yBAAC,SAAI,WAAU,qBACb;AAAA;AAAA,QAAC,kBAAkB;AAAA,QAAlB;AAAA,UAGE,GAAG;AAAA,UACH,GAAG;AAAA,UACJ,aAAU;AAAA,UACV;AAAA,UACA,WAAW,GAAG,iBAAiB,EAAE,MAAM,OAAO,SAAS,CAAC,GAAG,SAAS;AAAA,UAEpE;AAAA,YAAC,kBAAkB;AAAA,YAAlB;AAAA,cACC,aAAU;AAAA,cACV,WAAU;AAAA,cAIV;AAAA,oCAAC,SAAM,WAAU,wBAAuB,eAAY,QAAO;AAAA,gBAC3D,oBAAC,SAAM,WAAU,wBAAuB,eAAY,QAAO;AAAA;AAAA;AAAA,UAC7D;AAAA;AAAA,MACF;AAAA,MACC,SACC,qBAAC,WAAM,SAAS,SAAS,WAAU,wBAChC;AAAA;AAAA,QACA,YACC,oBAAC,UAAK,eAAY,QAAO,WAAU,2BAA0B,eAE7D;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":[]}