@dev-dga/react 0.11.0 → 0.12.0

package/dist/chunk-TLD67NXQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Input/Input.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the *control* (the bordered box), not the raw <input>. The\n// control owns the border, sizing, focus ring and disabled/error styling\n// so leading/trailing adornments sit inside the field.\nconst inputVariants = cva('ddga-input', {\n  variants: {\n    size: {\n      sm: 'ddga-input--sm',\n      md: 'ddga-input--md',\n      lg: 'ddga-input--lg',\n    },\n    error: {\n      true: 'ddga-input--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// `Omit<…, 'size'>`: the native HTML `size` attribute (visible character\n// width, a number) collides with our design-system `size` variant. The\n// variant is far more useful; drop the rarely-used native attribute.\ninterface InputProps\n  extends Omit<React.ComponentProps<'input'>, 'size'>, VariantProps<typeof inputVariants> {\n  /** Visible field label, auto-associated to the input via `htmlFor`/`id`. */\n  label?: ReactNode;\n  /** Hint shown below the field. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the field when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n  /**\n   * Content rendered inside the field, before the input (icon or short text,\n   * e.g. a search glyph or `https://`). May be interactive , it is NOT\n   * `aria-hidden`. Mark purely-decorative icons `aria-hidden` yourself.\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Content rendered inside the field, after the input. Compose a clear\n   * button or password-reveal toggle here with `<Button size=\"icon-sm\">`\n   * , the 28px in-field icon size that fits the field without overflow.\n   */\n  endAdornment?: ReactNode;\n}\n\n// ─── 3. Component ─── //\n\nfunction Input({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  required,\n  startAdornment,\n  endAdornment,\n  className,\n  ...props\n}: InputProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Input',\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=\"input-field\" className=\"ddga-field\">\n      {label && (\n        <label htmlFor={fieldId} className=\"ddga-input__label\">\n          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-input__required\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n      <div\n        data-slot=\"input-control\"\n        className={cn(inputVariants({ size, error: hasError }), className)}\n      >\n        {startAdornment != null && startAdornment !== '' && (\n          <span\n            data-slot=\"input-adornment\"\n            className=\"ddga-input__adornment ddga-input__adornment--start\"\n          >\n            {startAdornment}\n          </span>\n        )}\n        <input\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=\"input\"\n          required={required}\n          className=\"ddga-input__field\"\n        />\n        {endAdornment != null && endAdornment !== '' && (\n          <span\n            data-slot=\"input-adornment\"\n            className=\"ddga-input__adornment ddga-input__adornment--end\"\n          >\n            {endAdornment}\n          </span>\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 { Input, inputVariants };\nexport type { InputProps };\n"],"mappings":";;;;;;;;;;;AAGA,SAAS,WAA8B;AAoF/B,SAGI,KAHJ;AA3ER,IAAM,gBAAgB,IAAI,cAAc;AAAA,EACtC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;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;AAiCD,SAAS,MAAM;AAAA,EACb,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAe;AACb,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,eAAc,WAAU,cACpC;AAAA,aACC,qBAAC,WAAM,SAAS,SAAS,WAAU,qBAChC;AAAA;AAAA,MACA,YACC,oBAAC,UAAK,eAAY,QAAO,WAAU,wBAAuB,eAE1D;AAAA,OAEJ;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAW,GAAG,cAAc,EAAE,MAAM,OAAO,SAAS,CAAC,GAAG,SAAS;AAAA,QAEhE;AAAA,4BAAkB,QAAQ,mBAAmB,MAC5C;AAAA,YAAC;AAAA;AAAA,cACC,aAAU;AAAA,cACV,WAAU;AAAA,cAET;AAAA;AAAA,UACH;AAAA,UAEF;AAAA,YAAC;AAAA;AAAA,cAGE,GAAG;AAAA,cACH,GAAG;AAAA,cACJ,aAAU;AAAA,cACV;AAAA,cACA,WAAU;AAAA;AAAA,UACZ;AAAA,UACC,gBAAgB,QAAQ,iBAAiB,MACxC;AAAA,YAAC;AAAA;AAAA,cACC,aAAU;AAAA,cACV,WAAU;AAAA,cAET;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IAEJ;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-TM3FOGLK.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-TM3FOGLK.cjs","../src/components/Timeline/Timeline.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-TM3FOGLK.cjs","sourcesContent":[null,"'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Visual-only chronological compound. Semantic `<ol>`/`<li>` so the event\n// count + order are assistive-tech-readable. The connector line is CSS-drawn\n// via a pseudo-element between siblings (the `Steps` technique) — no separator\n// component for consumers to misuse. Markers carry a `status` that tints the\n// node via the semantic `--ddga-color-*` palette; the status is PURELY VISUAL,\n// so the meaning (\"Failed\") must live in the content text — never rely on the\n// dot colour alone. \"Activity feed\" is a composition of this primitive\n// (Timeline + Avatar + text in the content slot), not a separate component.\n\nconst timelineVariants = cva('ddga-timeline', {\n  variants: {\n    size: {\n      sm: 'ddga-timeline--sm',\n      md: 'ddga-timeline--md',\n    },\n    orientation: {\n      vertical: 'ddga-timeline--vertical',\n      horizontal: 'ddga-timeline--horizontal',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    orientation: 'vertical',\n  },\n});\n\ntype TimelineStatus = 'default' | 'success' | 'error' | 'warning' | 'info';\n\nconst timelineMarkerVariants = cva('ddga-timeline__marker', {\n  variants: {\n    status: {\n      default: 'ddga-timeline__marker--default',\n      success: 'ddga-timeline__marker--success',\n      error: 'ddga-timeline__marker--error',\n      warning: 'ddga-timeline__marker--warning',\n      info: 'ddga-timeline__marker--info',\n    },\n  },\n  defaultVariants: {\n    status: 'default',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface TimelineProps extends React.ComponentProps<'ol'>, VariantProps<typeof timelineVariants> {}\n\ntype TimelineItemProps = React.ComponentProps<'li'>;\n\ninterface TimelineMarkerProps\n  extends React.ComponentProps<'span'>, VariantProps<typeof timelineMarkerVariants> {}\n\ntype TimelineContentProps = React.ComponentProps<'div'>;\ntype TimelineTitleProps = React.ComponentProps<'span'>;\ntype TimelineDescriptionProps = React.ComponentProps<'span'>;\ntype TimelineTimeProps = React.ComponentProps<'time'>;\n\n// ─── 3. Components ─── //\n\nfunction Timeline({ size, orientation, className, ...props }: TimelineProps) {\n  // `<ol>` is the right semantic for an ordered sequence of events; the\n  // implicit listitem role on children makes the count assistive-tech-readable.\n  return (\n    <ol\n      data-slot=\"timeline\"\n      data-orientation={orientation ?? 'vertical'}\n      className={cn(timelineVariants({ size, orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction TimelineItem({ className, ...props }: TimelineItemProps) {\n  // Always an `<li>` — the parent `<ol>` may only contain `<li>` children, so\n  // consumers needing a clickable event put an `<a>` (or router primitive)\n  // INSIDE the content, never as the item element itself. This is why no part\n  // ships `asChild` (mirrors `Steps`). The item owns the CSS connector segment\n  // to the next sibling.\n  return (\n    <li data-slot=\"timeline-item\" className={cn('ddga-timeline__item', className)} {...props} />\n  );\n}\n\nfunction TimelineMarker({ status, className, children, ...props }: TimelineMarkerProps) {\n  // Decorative — assistive tech reads the content, not the node. When children\n  // are provided they render as a custom icon; otherwise a plain dot is drawn.\n  // The `data-status` carries the visual intent for CSS keying.\n  const resolved = status ?? 'default';\n  // `data-reached` marks a non-default (completed/active) node. The connector\n  // line uses it as a CSS sibling gate so a segment fills with the PREVIOUS\n  // node's colour ONLY when the NEXT node is also reached — a completed→pending\n  // transition stays neutral (the Steps progress-fill semantics).\n  const reached = resolved !== 'default';\n  return (\n    <span\n      aria-hidden=\"true\"\n      data-slot=\"timeline-marker\"\n      data-status={resolved}\n      data-reached={reached ? '' : undefined}\n      className={cn(timelineMarkerVariants({ status }), className)}\n      {...props}\n    >\n      {children ?? <span className=\"ddga-timeline__dot\" />}\n    </span>\n  );\n}\n\nfunction TimelineContent({ className, ...props }: TimelineContentProps) {\n  return (\n    <div\n      data-slot=\"timeline-content\"\n      className={cn('ddga-timeline__content', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TimelineTitle({ className, ...props }: TimelineTitleProps) {\n  return (\n    <span data-slot=\"timeline-title\" className={cn('ddga-timeline__title', className)} {...props} />\n  );\n}\n\nfunction TimelineDescription({ className, ...props }: TimelineDescriptionProps) {\n  return (\n    <span\n      data-slot=\"timeline-description\"\n      className={cn('ddga-timeline__description', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TimelineTime({ className, ...props }: TimelineTimeProps) {\n  // Renders a real `<time>`; consumers pass `dateTime` for the machine-readable\n  // timestamp while the children carry the human-readable label (\"2h ago\").\n  return (\n    <time data-slot=\"timeline-time\" className={cn('ddga-timeline__time', className)} {...props} />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  Timeline,\n  TimelineItem,\n  TimelineMarker,\n  TimelineContent,\n  TimelineTitle,\n  TimelineDescription,\n  TimelineTime,\n  timelineVariants,\n  timelineMarkerVariants,\n};\nexport type {\n  TimelineProps,\n  TimelineItemProps,\n  TimelineMarkerProps,\n  TimelineContentProps,\n  TimelineTitleProps,\n  TimelineDescriptionProps,\n  TimelineTimeProps,\n  TimelineStatus,\n};\n"]}

package/dist/chunk-TT2DEREM.js.map

@@ -1 +0,0 @@
-{"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, 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"],"mappings":"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","names":[]}

package/dist/chunk-TTHWYBQB.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-TTHWYBQB.cjs","../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACFA,kEAAuC;AAoFpB,+CAAA;AA/EnB,IAAM,gBAAA,EAAkB,yCAAA,cAAI,EAAgB;AAAA,EAC1C,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,UAAA,EAAY,0BAAA;AAAA,MACZ,QAAA,EAAU;AAAA,IACZ,CAAA;AAAA,IACA,OAAA,EAAS;AAAA,MACP,KAAA,EAAO,qBAAA;AAAA,MACP,MAAA,EAAQ;AAAA,IACV;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa,YAAA;AAAA,IACb,OAAA,EAAS;AAAA,EACX;AACF,CAAC,CAAA;AA8BD,SAAS,OAAA,CAAQ;AAAA,EACf,YAAA,EAAc,YAAA;AAAA,EACd,QAAA,EAAU,OAAA;AAAA,EACV,cAAA,EAAgB,QAAA;AAAA,EAChB,WAAA,EAAa,KAAA;AAAA,EACb,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAiB;AACf,EAAA,MAAM,UAAA,EACJ,YAAA,IAAgB,aAAA,GAAgB,SAAA,IAAa,KAAA,EAAA,GAAa,SAAA,IAAa,KAAA,GAAQ,SAAA,IAAa,EAAA;AAI9F,EAAA,MAAM,UAAA,EAAY,WAAA,EACd,EAAE,IAAA,EAAM,OAAgB,EAAA,EACxB;AAAA,IACE,IAAA,EAAM,WAAA;AAAA,IACN,GAAI,YAAA,IAAgB,WAAA,EAAa,EAAE,kBAAA,EAAoB,WAAoB,EAAA,EAAI,CAAC;AAAA,EAClF,CAAA;AAEJ,EAAA,uBACE,6BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,SAAA;AAAA,MACV,kBAAA,EAAkB,WAAA;AAAA,MAClB,SAAA,EAAW,kCAAA;AAAA,QACT,eAAA,CAAgB,EAAE,WAAA,EAAa,QAAQ,CAAC,CAAA;AAAA,QACxC,UAAA,GAAa,uBAAA;AAAA,QACb,UAAA,GAAa,CAAA,oBAAA,EAAuB,aAAa,CAAA,CAAA;AACjD,QAAA;AACF,MAAA;AACI,MAAA;AACA,MAAA;AAEe,MAAA;AAAoD,IAAA;AACzE,EAAA;AAEJ;ADnC0D;AACA;AACA;AACA;AACA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-TTHWYBQB.cjs","sourcesContent":[null,"'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n\nconst dividerVariants = cva('ddga-divider', {\n  variants: {\n    orientation: {\n      horizontal: 'ddga-divider--horizontal',\n      vertical: 'ddga-divider--vertical',\n    },\n    variant: {\n      solid: 'ddga-divider--solid',\n      dashed: 'ddga-divider--dashed',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    variant: 'solid',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface DividerProps\n  extends Omit<React.ComponentProps<'div'>, 'role'>, VariantProps<typeof dividerVariants> {\n  /**\n   * Optional label rendered inside a horizontal divider. Ignored when\n   * `orientation=\"vertical\"`. When set, the divider renders as a three-part\n   * flex (line — label — line) instead of a single bar.\n   */\n  children?: React.ReactNode;\n  /**\n   * Where to place the label along the divider. Defaults to `center`. Ignored\n   * when no label is provided. `start` and `end` are logical (LTR/RTL aware).\n   */\n  labelPosition?: 'start' | 'center' | 'end';\n  /**\n   * If `true`, the divider is treated as purely decorative and removed from\n   * the accessibility tree (`role=\"none\"`). Defaults to `false`.\n   */\n  decorative?: boolean;\n}\n\n// ─── 3. Component ─── //\n//\n// Note: no `asChild`. A separator is either a plain bar (no children, nothing\n// to slot into) or a labeled bar (the label is its own slotted child, not the\n// root). The `asChild` escape hatch doesn't carry meaning for either shape.\n\nfunction Divider({\n  orientation = 'horizontal',\n  variant = 'solid',\n  labelPosition = 'center',\n  decorative = false,\n  className,\n  children,\n  ...props\n}: DividerProps) {\n  const isLabeled =\n    orientation === 'horizontal' && children !== undefined && children !== null && children !== '';\n\n  // WAI-ARIA: `separator` default orientation is horizontal, so only emit\n  // `aria-orientation` when vertical. Decorative dividers drop role + aria entirely.\n  const a11yProps = decorative\n    ? { role: 'none' as const }\n    : {\n        role: 'separator' as const,\n        ...(orientation === 'vertical' ? { 'aria-orientation': 'vertical' as const } : {}),\n      };\n\n  return (\n    <div\n      data-slot=\"divider\"\n      data-orientation={orientation}\n      className={cn(\n        dividerVariants({ orientation, variant }),\n        isLabeled && 'ddga-divider--labeled',\n        isLabeled && `ddga-divider--label-${labelPosition}`,\n        className,\n      )}\n      {...a11yProps}\n      {...props}\n    >\n      {isLabeled ? <span className=\"ddga-divider__label\">{children}</span> : null}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Divider, dividerVariants };\nexport type { DividerProps };\n"]}

package/dist/chunk-UK2SFZIQ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-UK2SFZIQ.cjs","../src/components/Button/Button.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-UK2SFZIQ.cjs","sourcesContent":[null,"'use client';\n\nimport { type ReactNode } from 'react';\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Spinner } from '../Spinner';\n\n// ─── 1. Variants (cva) ─── //\n\nconst buttonVariants = cva('ddga-button', {\n  variants: {\n    variant: {\n      primary: 'ddga-button--primary',\n      secondary: 'ddga-button--secondary',\n      outline: 'ddga-button--outline',\n      ghost: 'ddga-button--ghost',\n      destructive: 'ddga-button--destructive',\n      // Destructive sub-variants — match the DGA library's full destructive\n      // family (des-primary maps to plain `destructive` above).\n      'destructive-outline': 'ddga-button--destructive-outline',\n      'destructive-subtle': 'ddga-button--destructive-subtle',\n      'destructive-ghost': 'ddga-button--destructive-ghost',\n    },\n    size: {\n      sm: 'ddga-button--sm',\n      md: 'ddga-button--md',\n      lg: 'ddga-button--lg',\n      icon: 'ddga-button--icon',\n      'icon-sm': 'ddga-button--icon-sm',\n    },\n    fullWidth: {\n      true: 'ddga-button--full-width',\n    },\n    /**\n     * Use on dark / branded colored backgrounds. Visually inverts non-filled\n     * variants (`outline`, `ghost`, destructive's outline/ghost forms) so\n     * text + border stay visible against the surface. Filled variants\n     * (`primary`, `secondary`, `destructive`, `destructive-subtle`) ignore\n     * it — they already carry their own background contrast.\n     */\n    inverted: {\n      true: 'ddga-button--inverted',\n    },\n    /**\n     * Floating action button: fully-rounded + elevated. Orthogonal to `variant`\n     * (color) and `size` — pair with `size=\"icon\"` for a circular FAB, or a text\n     * size for an extended pill FAB. Positioning (`position: fixed`, safe-area\n     * insets) is the consumer's responsibility — see the placement recipe in the\n     * stories. Keep it a modifier, not a `Fab` wrapper component.\n     */\n    fab: {\n      true: 'ddga-button--fab',\n    },\n  },\n  compoundVariants: [],\n  defaultVariants: {\n    variant: 'primary',\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {\n  loading?: boolean;\n  startIcon?: ReactNode;\n  endIcon?: ReactNode;\n  /** Flip start/end icons horizontally in RTL (for chevrons, arrows, etc.) */\n  iconFlip?: boolean;\n  /**\n   * Render as the single child element instead of a `<button>`. Lets consumers\n   * compose Button with router links (`<Button asChild><Link href=\"…\">…</Link></Button>`)\n   * without `<button><a>` invalid nesting.\n   *\n   * The `type` and native `disabled` attributes are dropped in this mode\n   * (they're meaningless on non-button elements) , the disabled visual + a11y\n   * state still works via `aria-disabled` + `tabIndex={-1}`. button.css\n   * matches on `[aria-disabled='true']` alongside `:disabled` so the styling\n   * applies on any element.\n   *\n   * Consumer remains responsible for preventing the underlying action when\n   * disabled (e.g., calling `e.preventDefault()` in the Link's onClick),\n   * since native `disabled` doesn't gate clicks on non-form-controls.\n   */\n  asChild?: boolean;\n}\n\n// ─── 3. Component ─── //\n\nfunction Button({\n  variant,\n  size,\n  fullWidth,\n  inverted,\n  fab,\n  loading,\n  disabled,\n  startIcon,\n  endIcon,\n  iconFlip,\n  asChild,\n  className,\n  children,\n  type = 'button',\n  ...props\n}: ButtonProps) {\n  // Dev-only: warn if icon-only button has no accessible name\n  if (process.env.NODE_ENV === 'development' && (size === 'icon' || size === 'icon-sm')) {\n    if (!props['aria-label'] && !props['aria-labelledby']) {\n      console.warn(\n        '[@dev-dga/react] Button with an icon-only size (size=\"icon\" or ' +\n          '\"icon-sm\") requires an aria-label or aria-labelledby attribute ' +\n          'for screen reader accessibility.',\n      );\n    }\n  }\n\n  const isDisabled = disabled || loading;\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n\n  return (\n    <Comp\n      // `type` and native `disabled` only apply to <button>. In asChild mode\n      // the Slot's child could be <a>, <Link>, etc. , skip both attrs there\n      // and lean on aria-disabled + tabIndex for the disabled state.\n      {...(asChild ? {} : { type, disabled: isDisabled })}\n      {...(asChild && isDisabled ? { tabIndex: -1 } : {})}\n      // Both `disabled` and `aria-disabled` are set in button mode (native +\n      // explicit ARIA signal). In asChild mode, `aria-disabled` is the only\n      // disabled signal a11y consumers can read on a non-form-control.\n      aria-disabled={isDisabled || undefined}\n      aria-busy={loading || undefined}\n      data-slot=\"button\"\n      className={cn(\n        buttonVariants({ variant, size, fullWidth, inverted, fab }),\n        loading && 'ddga-button--loading',\n        className,\n      )}\n      {...props}\n    >\n      {loading && <Spinner aria-hidden=\"true\" />}\n      {!loading && startIcon && (\n        <span className={cn('ddga-button__icon', iconFlip && 'ddga-icon-flip')} aria-hidden=\"true\">\n          {startIcon}\n        </span>\n      )}\n      {asChild ? (\n        // children IS the consumer's single element (e.g. <Link>). Slottable\n        // marks where THAT element's original children should land , without\n        // it the icons would replace the link text entirely.\n        <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable>\n      ) : (\n        children != null && children !== '' && <span className=\"ddga-button__text\">{children}</span>\n      )}\n      {!loading && endIcon && (\n        <span className={cn('ddga-button__icon', iconFlip && 'ddga-icon-flip')} aria-hidden=\"true\">\n          {endIcon}\n        </span>\n      )}\n    </Comp>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Button, buttonVariants };\nexport type { ButtonProps };\n"]}

package/dist/chunk-UPIDCMZI.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-UPIDCMZI.cjs","../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-UPIDCMZI.cjs","sourcesContent":[null,"'use client';\n\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { ChevronRight, MoreHorizontal } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Size lives on the root and cascades via descendants — same pattern as\n// Breadcrumb / Tabs. `PaginationLink` carries the active/inactive visual\n// state via `isActive` (which is also what stamps `aria-current=\"page\"`),\n// so the active style stays bound to the a11y mark and can't drift.\n\nconst paginationVariants = cva('ddga-pagination', {\n  variants: {\n    size: {\n      sm: 'ddga-pagination--sm',\n      md: 'ddga-pagination--md',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nconst paginationLinkVariants = cva('ddga-pagination__link', {\n  variants: {\n    isActive: {\n      true: 'ddga-pagination__link--active',\n    },\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface PaginationProps\n  extends React.ComponentProps<'nav'>, VariantProps<typeof paginationVariants> {}\n\ntype PaginationContentProps = React.ComponentProps<'ul'>;\ntype PaginationItemProps = React.ComponentProps<'li'>;\n\ninterface PaginationLinkProps\n  extends\n    Omit<React.ComponentProps<'a'>, 'aria-current'>,\n    VariantProps<typeof paginationLinkVariants> {\n  /** Render as the consumer element (e.g., router Link) via Radix Slot. */\n  asChild?: boolean;\n}\n\ntype PaginationPreviousProps = Omit<PaginationLinkProps, 'isActive'> & {\n  /**\n   * Visible + accessible label for the previous-page link. Defaults to\n   * `\"Previous\"`. Pass a translated string for non-English UIs — the value is\n   * also used for `aria-label`, so a localized string is required for a11y.\n   * Ignored when `asChild` + consumer-provided `children` are used.\n   */\n  label?: string;\n};\n\ntype PaginationNextProps = Omit<PaginationLinkProps, 'isActive'> & {\n  /**\n   * Visible + accessible label for the next-page link. Defaults to `\"Next\"`.\n   * Pass a translated string for non-English UIs — the value is also used\n   * for `aria-label`, so a localized string is required for a11y. Ignored\n   * when `asChild` + consumer-provided `children` are used.\n   */\n  label?: string;\n};\n\ntype PaginationEllipsisProps = React.ComponentProps<'span'>;\n\n// ─── 3. Components ─── //\n\nfunction Pagination({ size, className, ...props }: PaginationProps) {\n  // Default the accessible name to \"pagination\" (lowercase per the\n  // ARIA Authoring Practices Guide). Spread `aria-label` last so consumers\n  // can override for non-English UIs.\n  return (\n    <nav\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn(paginationVariants({ size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationContent({ className, ...props }: PaginationContentProps) {\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      className={cn('ddga-pagination__content', className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationItem({ className, ...props }: PaginationItemProps) {\n  return (\n    <li data-slot=\"pagination-item\" className={cn('ddga-pagination__item', className)} {...props} />\n  );\n}\n\nfunction PaginationLink({ asChild, isActive, className, ...props }: PaginationLinkProps) {\n  // `isActive` is the single source of truth for both the visual state and\n  // the `aria-current=\"page\"` mark — they can't drift apart.\n  const Comp = asChild ? SlotPrimitive.Slot : 'a';\n  return (\n    <Comp\n      aria-current={isActive ? 'page' : undefined}\n      data-slot=\"pagination-link\"\n      data-active={isActive ? '' : undefined}\n      className={cn(paginationLinkVariants({ isActive }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationPrevious({\n  label = 'Previous',\n  className,\n  children,\n  asChild,\n  ...props\n}: PaginationPreviousProps) {\n  // In asChild + children-provided mode the consumer owns the rendered\n  // content; we still wire the accessible label so screen reader users hear\n  // \"Previous\" even if the consumer's text is something custom.\n  return (\n    <PaginationLink\n      asChild={asChild}\n      aria-label={label}\n      data-slot=\"pagination-previous\"\n      className={cn('ddga-pagination__nav', 'ddga-pagination__nav--previous', className)}\n      {...props}\n    >\n      {children ?? (\n        <>\n          <ChevronRight className=\"ddga-pagination__nav-icon ddga-pagination__nav-icon--previous\" />\n          <span>{label}</span>\n        </>\n      )}\n    </PaginationLink>\n  );\n}\n\nfunction PaginationNext({\n  label = 'Next',\n  className,\n  children,\n  asChild,\n  ...props\n}: PaginationNextProps) {\n  return (\n    <PaginationLink\n      asChild={asChild}\n      aria-label={label}\n      data-slot=\"pagination-next\"\n      className={cn('ddga-pagination__nav', 'ddga-pagination__nav--next', className)}\n      {...props}\n    >\n      {children ?? (\n        <>\n          <span>{label}</span>\n          <ChevronRight className=\"ddga-pagination__nav-icon ddga-pagination__nav-icon--next\" />\n        </>\n      )}\n    </PaginationLink>\n  );\n}\n\nfunction PaginationEllipsis({ className, ...props }: PaginationEllipsisProps) {\n  // Decorative — collapsed-range marker. Consumer is expected to make the\n  // surrounding links cover the real navigation surface (first/last/numbers).\n  return (\n    <span\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      data-slot=\"pagination-ellipsis\"\n      className={cn('ddga-pagination__ellipsis', className)}\n      {...props}\n    >\n      <MoreHorizontal />\n    </span>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationItem,\n  PaginationLink,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n  paginationVariants,\n  paginationLinkVariants,\n};\nexport type {\n  PaginationProps,\n  PaginationContentProps,\n  PaginationItemProps,\n  PaginationLinkProps,\n  PaginationPreviousProps,\n  PaginationNextProps,\n  PaginationEllipsisProps,\n};\n"]}

package/dist/chunk-URC4A3GE.cjs

@@ -1,118 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
-
-// src/components/Tabs/Tabs.tsx
-require('react');
-var _radixui = require('radix-ui');
-var _classvarianceauthority = require('class-variance-authority');
-var _jsxruntime = require('react/jsx-runtime');
-var tabsVariants = _classvarianceauthority.cva.call(void 0, "ddga-tabs", {
-  variants: {
-    variant: {
-      line: "ddga-tabs--line",
-      pill: "ddga-tabs--pill"
-    },
-    size: {
-      sm: "ddga-tabs--sm",
-      md: "ddga-tabs--md"
-    }
-  },
-  defaultVariants: {
-    variant: "line",
-    size: "md"
-  }
-});
-var tabsListVariants = _classvarianceauthority.cva.call(void 0, "ddga-tabs__list", {
-  variants: {
-    fullWidth: {
-      true: "ddga-tabs__list--full-width"
-    }
-  }
-});
-function Tabs({ variant, size, className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _radixui.Tabs.Root,
-    {
-      "data-slot": "tabs",
-      className: _chunkV6MXOJQ4cjs.cn.call(void 0, tabsVariants({ variant, size }), className),
-      ...props
-    }
-  );
-}
-function TabsList({ fullWidth, className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _radixui.Tabs.List,
-    {
-      "data-slot": "tabs-list",
-      className: _chunkV6MXOJQ4cjs.cn.call(void 0, tabsListVariants({ fullWidth }), className),
-      ...props
-    }
-  );
-}
-function TabsTrigger({
-  className,
-  startIcon,
-  endIcon,
-  children,
-  asChild,
-  ...props
-}) {
-  const hasIcon = startIcon != null || endIcon != null;
-  const hasText = children != null && children !== "" && typeof children !== "boolean";
-  const isIconOnly = !asChild && hasIcon && !hasText;
-  if (process.env.NODE_ENV === "development") {
-    if (isIconOnly && !props["aria-label"] && !props["aria-labelledby"]) {
-      console.warn(
-        "[@dev-dga/react] An icon-only TabsTrigger (icon with no text label) requires an aria-label or aria-labelledby for screen reader accessibility."
-      );
-    }
-    if (asChild && hasIcon) {
-      console.warn(
-        "[@dev-dga/react] TabsTrigger `startIcon`/`endIcon` are ignored when `asChild` is set \u2014 render the icons inside your child element instead."
-      );
-    }
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _radixui.Tabs.Trigger,
-    {
-      "data-slot": "tabs-trigger",
-      asChild,
-      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-tabs__trigger", isIconOnly && "ddga-tabs__trigger--icon-only", className),
-      ...props,
-      children: asChild ? children : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        startIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "span",
-          {
-            className: "ddga-tabs__icon",
-            "data-slot": "tabs-trigger-start-icon",
-            "aria-hidden": "true",
-            children: startIcon
-          }
-        ),
-        children,
-        endIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-tabs__icon", "data-slot": "tabs-trigger-end-icon", "aria-hidden": "true", children: endIcon })
-      ] })
-    }
-  );
-}
-function TabsContent({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _radixui.Tabs.Content,
-    {
-      "data-slot": "tabs-content",
-      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-tabs__content", className),
-      ...props
-    }
-  );
-}
-
-
-
-
-
-
-
-
-exports.tabsVariants = tabsVariants; exports.tabsListVariants = tabsListVariants; exports.Tabs = Tabs; exports.TabsList = TabsList; exports.TabsTrigger = TabsTrigger; exports.TabsContent = TabsContent;
-//# sourceMappingURL=chunk-URC4A3GE.cjs.map

package/dist/chunk-URC4A3GE.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-URC4A3GE.cjs","../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-URC4A3GE.cjs","sourcesContent":[null,"'use client';\n\nimport { type ReactNode } from 'react';\nimport { Tabs as TabsPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Visual variant + size live on the root. The CSS cascades through\n// descendant selectors (`.ddga-tabs--line .ddga-tabs__trigger`) so the source\n// of truth stays on one element per Tabs instance — no need to thread props\n// into every TabsList/TabsTrigger. Same pattern as RadioGroup.\n\nconst tabsVariants = cva('ddga-tabs', {\n  variants: {\n    variant: {\n      line: 'ddga-tabs--line',\n      pill: 'ddga-tabs--pill',\n    },\n    size: {\n      sm: 'ddga-tabs--sm',\n      md: 'ddga-tabs--md',\n    },\n  },\n  defaultVariants: {\n    variant: 'line',\n    size: 'md',\n  },\n});\n\nconst tabsListVariants = cva('ddga-tabs__list', {\n  variants: {\n    fullWidth: {\n      true: 'ddga-tabs__list--full-width',\n    },\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface TabsProps\n  extends React.ComponentProps<typeof TabsPrimitive.Root>, VariantProps<typeof tabsVariants> {}\n\ninterface TabsListProps\n  extends React.ComponentProps<typeof TabsPrimitive.List>, VariantProps<typeof tabsListVariants> {}\n\ninterface TabsTriggerProps extends React.ComponentProps<typeof TabsPrimitive.Trigger> {\n  /**\n   * Leading icon, rendered before the label in a decorative (`aria-hidden`)\n   * wrapper. Ignored when `asChild` is set — compose icons inside your own\n   * element in that mode.\n   */\n  startIcon?: ReactNode;\n  /** Trailing icon (e.g. a count/badge glyph). Same rules as `startIcon`. */\n  endIcon?: ReactNode;\n}\ntype TabsContentProps = React.ComponentProps<typeof TabsPrimitive.Content>;\n\n// ─── 3. Components ─── //\n\nfunction Tabs({ variant, size, className, ...props }: TabsProps) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn(tabsVariants({ variant, size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsList({ fullWidth, className, ...props }: TabsListProps) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(tabsListVariants({ fullWidth }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsTrigger({\n  className,\n  startIcon,\n  endIcon,\n  children,\n  asChild,\n  ...props\n}: TabsTriggerProps) {\n  // Radix Trigger supports asChild natively. In that mode the consumer supplies\n  // the single child element (Slot), so our icon spans can't be injected\n  // alongside it — the consumer composes any icons inside their own element.\n  const hasIcon = startIcon != null || endIcon != null;\n  // React renders nothing for null/undefined/booleans/'' — those don't count as\n  // a visible text label, so `{cond && 'Label'}` resolving to `false` correctly\n  // reads as icon-only (squares padding + triggers the a11y warning). A numeric\n  // child like `0` does render, so it stays \"has text\".\n  const hasText = children != null && children !== '' && typeof children !== 'boolean';\n  // Icon-only = an icon and no text label. Squares the padding (see tabs.css)\n  // and requires an accessible name, mirroring Button's icon-only contract.\n  const isIconOnly = !asChild && hasIcon && !hasText;\n\n  if (process.env.NODE_ENV === 'development') {\n    if (isIconOnly && !props['aria-label'] && !props['aria-labelledby']) {\n      console.warn(\n        '[@dev-dga/react] An icon-only TabsTrigger (icon with no text label) ' +\n          'requires an aria-label or aria-labelledby for screen reader accessibility.',\n      );\n    }\n    if (asChild && hasIcon) {\n      console.warn(\n        '[@dev-dga/react] TabsTrigger `startIcon`/`endIcon` are ignored when ' +\n          '`asChild` is set — render the icons inside your child element instead.',\n      );\n    }\n  }\n\n  // Disabled state is native (Radix sets `[data-disabled]` + the rendered\n  // button gets `disabled`); CSS targets both `[data-disabled]` and\n  // `[aria-disabled='true']` so it applies to `disabled` and asChild +\n  // `aria-disabled` alike.\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      asChild={asChild}\n      className={cn('ddga-tabs__trigger', isIconOnly && 'ddga-tabs__trigger--icon-only', className)}\n      {...props}\n    >\n      {asChild ? (\n        children\n      ) : (\n        <>\n          {startIcon && (\n            <span\n              className=\"ddga-tabs__icon\"\n              data-slot=\"tabs-trigger-start-icon\"\n              aria-hidden=\"true\"\n            >\n              {startIcon}\n            </span>\n          )}\n          {children}\n          {endIcon && (\n            <span className=\"ddga-tabs__icon\" data-slot=\"tabs-trigger-end-icon\" aria-hidden=\"true\">\n              {endIcon}\n            </span>\n          )}\n        </>\n      )}\n    </TabsPrimitive.Trigger>\n  );\n}\n\nfunction TabsContent({ className, ...props }: TabsContentProps) {\n  // Radix Content supports asChild natively. Mount/unmount and the\n  // aria-labelledby ↔ TabsTrigger wiring is handled by Radix.\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn('ddga-tabs__content', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsVariants, tabsListVariants };\nexport type { TabsProps, TabsListProps, TabsTriggerProps, TabsContentProps };\n"]}

package/dist/chunk-UXGJ6NTD.js

@@ -1,118 +0,0 @@
-import {
-  cn
-} from "./chunk-7NTT2UXP.js";
-
-// src/components/Tabs/Tabs.tsx
-import "react";
-import { Tabs as TabsPrimitive } from "radix-ui";
-import { cva } from "class-variance-authority";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var tabsVariants = cva("ddga-tabs", {
-  variants: {
-    variant: {
-      line: "ddga-tabs--line",
-      pill: "ddga-tabs--pill"
-    },
-    size: {
-      sm: "ddga-tabs--sm",
-      md: "ddga-tabs--md"
-    }
-  },
-  defaultVariants: {
-    variant: "line",
-    size: "md"
-  }
-});
-var tabsListVariants = cva("ddga-tabs__list", {
-  variants: {
-    fullWidth: {
-      true: "ddga-tabs__list--full-width"
-    }
-  }
-});
-function Tabs({ variant, size, className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    TabsPrimitive.Root,
-    {
-      "data-slot": "tabs",
-      className: cn(tabsVariants({ variant, size }), className),
-      ...props
-    }
-  );
-}
-function TabsList({ fullWidth, className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    TabsPrimitive.List,
-    {
-      "data-slot": "tabs-list",
-      className: cn(tabsListVariants({ fullWidth }), className),
-      ...props
-    }
-  );
-}
-function TabsTrigger({
-  className,
-  startIcon,
-  endIcon,
-  children,
-  asChild,
-  ...props
-}) {
-  const hasIcon = startIcon != null || endIcon != null;
-  const hasText = children != null && children !== "" && typeof children !== "boolean";
-  const isIconOnly = !asChild && hasIcon && !hasText;
-  if (process.env.NODE_ENV === "development") {
-    if (isIconOnly && !props["aria-label"] && !props["aria-labelledby"]) {
-      console.warn(
-        "[@dev-dga/react] An icon-only TabsTrigger (icon with no text label) requires an aria-label or aria-labelledby for screen reader accessibility."
-      );
-    }
-    if (asChild && hasIcon) {
-      console.warn(
-        "[@dev-dga/react] TabsTrigger `startIcon`/`endIcon` are ignored when `asChild` is set \u2014 render the icons inside your child element instead."
-      );
-    }
-  }
-  return /* @__PURE__ */ jsx(
-    TabsPrimitive.Trigger,
-    {
-      "data-slot": "tabs-trigger",
-      asChild,
-      className: cn("ddga-tabs__trigger", isIconOnly && "ddga-tabs__trigger--icon-only", className),
-      ...props,
-      children: asChild ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
-        startIcon && /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: "ddga-tabs__icon",
-            "data-slot": "tabs-trigger-start-icon",
-            "aria-hidden": "true",
-            children: startIcon
-          }
-        ),
-        children,
-        endIcon && /* @__PURE__ */ jsx("span", { className: "ddga-tabs__icon", "data-slot": "tabs-trigger-end-icon", "aria-hidden": "true", children: endIcon })
-      ] })
-    }
-  );
-}
-function TabsContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    TabsPrimitive.Content,
-    {
-      "data-slot": "tabs-content",
-      className: cn("ddga-tabs__content", className),
-      ...props
-    }
-  );
-}
-
-export {
-  tabsVariants,
-  tabsListVariants,
-  Tabs,
-  TabsList,
-  TabsTrigger,
-  TabsContent
-};
-//# sourceMappingURL=chunk-UXGJ6NTD.js.map

package/dist/chunk-UXGJ6NTD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Tabs/Tabs.tsx"],"sourcesContent":["'use client';\n\nimport { type ReactNode } from 'react';\nimport { Tabs as TabsPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Visual variant + size live on the root. The CSS cascades through\n// descendant selectors (`.ddga-tabs--line .ddga-tabs__trigger`) so the source\n// of truth stays on one element per Tabs instance — no need to thread props\n// into every TabsList/TabsTrigger. Same pattern as RadioGroup.\n\nconst tabsVariants = cva('ddga-tabs', {\n  variants: {\n    variant: {\n      line: 'ddga-tabs--line',\n      pill: 'ddga-tabs--pill',\n    },\n    size: {\n      sm: 'ddga-tabs--sm',\n      md: 'ddga-tabs--md',\n    },\n  },\n  defaultVariants: {\n    variant: 'line',\n    size: 'md',\n  },\n});\n\nconst tabsListVariants = cva('ddga-tabs__list', {\n  variants: {\n    fullWidth: {\n      true: 'ddga-tabs__list--full-width',\n    },\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface TabsProps\n  extends React.ComponentProps<typeof TabsPrimitive.Root>, VariantProps<typeof tabsVariants> {}\n\ninterface TabsListProps\n  extends React.ComponentProps<typeof TabsPrimitive.List>, VariantProps<typeof tabsListVariants> {}\n\ninterface TabsTriggerProps extends React.ComponentProps<typeof TabsPrimitive.Trigger> {\n  /**\n   * Leading icon, rendered before the label in a decorative (`aria-hidden`)\n   * wrapper. Ignored when `asChild` is set — compose icons inside your own\n   * element in that mode.\n   */\n  startIcon?: ReactNode;\n  /** Trailing icon (e.g. a count/badge glyph). Same rules as `startIcon`. */\n  endIcon?: ReactNode;\n}\ntype TabsContentProps = React.ComponentProps<typeof TabsPrimitive.Content>;\n\n// ─── 3. Components ─── //\n\nfunction Tabs({ variant, size, className, ...props }: TabsProps) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn(tabsVariants({ variant, size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsList({ fullWidth, className, ...props }: TabsListProps) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(tabsListVariants({ fullWidth }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsTrigger({\n  className,\n  startIcon,\n  endIcon,\n  children,\n  asChild,\n  ...props\n}: TabsTriggerProps) {\n  // Radix Trigger supports asChild natively. In that mode the consumer supplies\n  // the single child element (Slot), so our icon spans can't be injected\n  // alongside it — the consumer composes any icons inside their own element.\n  const hasIcon = startIcon != null || endIcon != null;\n  // React renders nothing for null/undefined/booleans/'' — those don't count as\n  // a visible text label, so `{cond && 'Label'}` resolving to `false` correctly\n  // reads as icon-only (squares padding + triggers the a11y warning). A numeric\n  // child like `0` does render, so it stays \"has text\".\n  const hasText = children != null && children !== '' && typeof children !== 'boolean';\n  // Icon-only = an icon and no text label. Squares the padding (see tabs.css)\n  // and requires an accessible name, mirroring Button's icon-only contract.\n  const isIconOnly = !asChild && hasIcon && !hasText;\n\n  if (process.env.NODE_ENV === 'development') {\n    if (isIconOnly && !props['aria-label'] && !props['aria-labelledby']) {\n      console.warn(\n        '[@dev-dga/react] An icon-only TabsTrigger (icon with no text label) ' +\n          'requires an aria-label or aria-labelledby for screen reader accessibility.',\n      );\n    }\n    if (asChild && hasIcon) {\n      console.warn(\n        '[@dev-dga/react] TabsTrigger `startIcon`/`endIcon` are ignored when ' +\n          '`asChild` is set — render the icons inside your child element instead.',\n      );\n    }\n  }\n\n  // Disabled state is native (Radix sets `[data-disabled]` + the rendered\n  // button gets `disabled`); CSS targets both `[data-disabled]` and\n  // `[aria-disabled='true']` so it applies to `disabled` and asChild +\n  // `aria-disabled` alike.\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      asChild={asChild}\n      className={cn('ddga-tabs__trigger', isIconOnly && 'ddga-tabs__trigger--icon-only', className)}\n      {...props}\n    >\n      {asChild ? (\n        children\n      ) : (\n        <>\n          {startIcon && (\n            <span\n              className=\"ddga-tabs__icon\"\n              data-slot=\"tabs-trigger-start-icon\"\n              aria-hidden=\"true\"\n            >\n              {startIcon}\n            </span>\n          )}\n          {children}\n          {endIcon && (\n            <span className=\"ddga-tabs__icon\" data-slot=\"tabs-trigger-end-icon\" aria-hidden=\"true\">\n              {endIcon}\n            </span>\n          )}\n        </>\n      )}\n    </TabsPrimitive.Trigger>\n  );\n}\n\nfunction TabsContent({ className, ...props }: TabsContentProps) {\n  // Radix Content supports asChild natively. Mount/unmount and the\n  // aria-labelledby ↔ TabsTrigger wiring is handled by Radix.\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn('ddga-tabs__content', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsVariants, tabsListVariants };\nexport type { TabsProps, TabsListProps, TabsTriggerProps, TabsContentProps };\n"],"mappings":";;;;;AAEA,OAA+B;AAC/B,SAAS,QAAQ,qBAAqB;AACtC,SAAS,WAA8B;AA2DnC,SAoEI,UApEJ,KAoEI,YApEJ;AAjDJ,IAAM,eAAe,IAAI,aAAa;AAAA,EACpC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,IACR;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AAED,IAAM,mBAAmB,IAAI,mBAAmB;AAAA,EAC9C,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC;AAwBD,SAAS,KAAK,EAAE,SAAS,MAAM,WAAW,GAAG,MAAM,GAAc;AAC/D,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,aAAa,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,MACvD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,SAAS,EAAE,WAAW,WAAW,GAAG,MAAM,GAAkB;AACnE,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iBAAiB,EAAE,UAAU,CAAC,GAAG,SAAS;AAAA,MACvD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqB;AAInB,QAAM,UAAU,aAAa,QAAQ,WAAW;AAKhD,QAAM,UAAU,YAAY,QAAQ,aAAa,MAAM,OAAO,aAAa;AAG3E,QAAM,aAAa,CAAC,WAAW,WAAW,CAAC;AAE3C,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,cAAc,CAAC,MAAM,YAAY,KAAK,CAAC,MAAM,iBAAiB,GAAG;AACnE,cAAQ;AAAA,QACN;AAAA,MAEF;AAAA,IACF;AACA,QAAI,WAAW,SAAS;AACtB,cAAQ;AAAA,QACN;AAAA,MAEF;AAAA,IACF;AAAA,EACF;AAMA,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA,WAAW,GAAG,sBAAsB,cAAc,iCAAiC,SAAS;AAAA,MAC3F,GAAG;AAAA,MAEH,oBACC,WAEA,iCACG;AAAA,qBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,aAAU;AAAA,YACV,eAAY;AAAA,YAEX;AAAA;AAAA,QACH;AAAA,QAED;AAAA,QACA,WACC,oBAAC,UAAK,WAAU,mBAAkB,aAAU,yBAAwB,eAAY,QAC7E,mBACH;AAAA,SAEJ;AAAA;AAAA,EAEJ;AAEJ;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAqB;AAG9D,SACE;AAAA,IAAC,cAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,sBAAsB,SAAS;AAAA,MAC5C,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-VBWRH4UW.cjs

@@ -1 +0,0 @@
-"use strict";//# sourceMappingURL=chunk-VBWRH4UW.cjs.map

package/dist/chunk-VBWRH4UW.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-VBWRH4UW.cjs"],"names":[],"mappings":"AAAA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-VBWRH4UW.cjs"}