@dev-dga/react 0.8.1 → 0.8.2

package/dist/chunk-AYIS62JR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-AYIS62JR.cjs","../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-AYIS62JR.cjs","sourcesContent":[null,"'use client';\n\nimport { useCallback, useContext, useMemo, useState, type ReactNode } from 'react';\nimport {\n  Button as AriaButton,\n  Calendar as AriaCalendar,\n  CalendarCell as AriaCalendarCell,\n  CalendarGrid as AriaCalendarGrid,\n  CalendarGridBody as AriaCalendarGridBody,\n  CalendarGridHeader as AriaCalendarGridHeader,\n  CalendarHeaderCell as AriaCalendarHeaderCell,\n  CalendarStateContext as AriaCalendarStateContext,\n  DateInput as AriaDateInput,\n  DatePicker as AriaDatePicker,\n  DateSegment as AriaDateSegment,\n  Dialog as AriaDialog,\n  FieldError as AriaFieldError,\n  Group as AriaGroup,\n  I18nProvider,\n  Label as AriaLabel,\n  Popover as AriaPopover,\n  Text as AriaText,\n} from 'react-aria-components';\nimport { CalendarDate, type DateValue } from '@internationalized/date';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { CalendarIcon } from '../../internal/icons';\nimport {\n  CalendarNavHeader,\n  CalendarSystemToggle,\n  calendarDateToDate,\n  dateToCalendarDate,\n  renderDayContent,\n  useCalendarChrome,\n  type CalendarLabels,\n  type CalendarSystem,\n} from '../../internal/calendar';\n\n// ─── 1. Variants ─── //\n\n// Applied to the Group (the trigger row). Heights match Input/Select sm/md so\n// a DatePicker lines up with other fields in a form row.\nconst datePickerTriggerVariants = cva('ddga-date-picker-trigger', {\n  variants: {\n    size: {\n      sm: 'ddga-date-picker-trigger--sm',\n      md: 'ddga-date-picker-trigger--md',\n    },\n    error: {\n      true: 'ddga-date-picker-trigger--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// Passthrough alias so the barrel `*Variants` convention holds across\n// components. Same value, different name.\nconst datePickerVariants = datePickerTriggerVariants;\n\n// ─── 2. Types ─── //\n\ninterface DatePickerProps extends VariantProps<typeof datePickerTriggerVariants> {\n  /** Currently selected date (controlled). Local Y/M/D. */\n  value?: Date | null;\n  /** Initial value when uncontrolled. */\n  defaultValue?: Date | null;\n  /** Fires whenever the user picks a day. `null` when cleared. */\n  onChange?: (value: Date | null) => void;\n  /** Earliest pickable date (inclusive). */\n  minValue?: Date;\n  /** Latest pickable date (inclusive). */\n  maxValue?: Date;\n  /** Visible label above the trigger. */\n  label?: ReactNode;\n  /** Hint shown below the trigger. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the trigger when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid — sets `aria-invalid` and error styling. */\n  error?: boolean;\n  /** Marks the field required — adds the asterisk + `aria-required`. */\n  required?: boolean;\n  /** Disables the trigger entirely. */\n  disabled?: boolean;\n  /** Caller-supplied id for the field. */\n  id?: string;\n  /** Forwarded to the Group (the trigger row), matching Input/Select. */\n  className?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  /**\n   * Calendar system (controlled). Omit to let the user toggle freely with\n   * the in-popover switch.\n   */\n  calendar?: CalendarSystem;\n  /** Initial calendar system when uncontrolled. Defaults to `'gregorian'`. */\n  defaultCalendar?: CalendarSystem;\n  /** Fires whenever the calendar system toggles. */\n  onCalendarChange?: (calendar: CalendarSystem) => void;\n  /**\n   * Show the Gregorian↔Hijri toggle inside the popover. Defaults to `true`,\n   * but is forced off when `calendar` is controlled — a toggle that ignores\n   * its click is a worse footgun than no toggle.\n   */\n  showCalendarToggle?: boolean;\n  /** Override the toggle labels. Defaults are locale-aware (English / Arabic). */\n  calendarLabels?: CalendarLabels;\n  /**\n   * When `true`, each day cell also shows the *other* calendar's day number\n   * as small secondary text (e.g., Hijri active → Gregorian day shown small\n   * underneath). Helps users cross-reference dates between calendar systems\n   * without round-tripping the toggle. Defaults to `false`.\n   */\n  showSecondaryCalendar?: boolean;\n}\n\n// ─── 3. Outside-month cell wrapper (single-date only) ─── //\n\n// react-aria marks outside-month cells as disabled by design — the standard\n// Calendar UX uses arrows / dropdowns / keyboard for cross-month navigation.\n// But many DGA flows want one-click selection of an adjacent month's day, so\n// we render a parallel <button> for those cells that bypasses the disabled\n// state, drives `setFocusedDate` + `selectDate` manually, and preserves the\n// rest of react-aria's a11y wiring for inside-month cells.\n//\n// This lives in DatePicker (not the shared core) because its `isSelected` check\n// reads `state.value` as a single CalendarDate — that doesn't generalize to a\n// range, where `state.value` is `{ start, end }`. DateRangePicker uses\n// react-aria's default outside-month behavior instead.\nfunction CalendarDayCell({ date, showSecondary, calendarSystem }: CalendarDayCellProps) {\n  const state = useContext(AriaCalendarStateContext);\n\n  // Visible range start tells us the \"current\" month being shown. Anything\n  // with a different (year, month) pair is outside-month.\n  const start = state?.visibleRange.start;\n  const isOutside = !!start && (date.year !== start.year || date.month !== start.month);\n\n  // For outside-month cells, also confirm they're inside min/max bounds —\n  // otherwise they should genuinely render disabled. `state.isInvalid` is\n  // bounds-only (min/max); `isCellDisabled` also marks outside-month as\n  // disabled internally, which would block our wrapper from activating.\n  const isOutOfBounds = state ? state.isInvalid(date) : false;\n\n  if (state && isOutside && !isOutOfBounds) {\n    const selected = state.value;\n    const isSelected =\n      !!selected &&\n      selected.year === date.year &&\n      selected.month === date.month &&\n      selected.day === date.day;\n\n    const handleSelect = () => {\n      // Update focused-month first so the visible page jumps, then commit the\n      // selection. React batches these into one re-render.\n      state.setFocusedDate(date);\n      state.selectDate(date);\n    };\n\n    return (\n      <td role=\"gridcell\">\n        <button\n          type=\"button\"\n          // Outside the keyboard nav chain (react-aria's inside-month cells own\n          // that). Mouse users get the shortcut; keyboard users navigate via\n          // arrows or the month/year dropdowns.\n          tabIndex={-1}\n          className=\"ddga-calendar__cell\"\n          data-outside-month=\"\"\n          data-selected={isSelected ? '' : undefined}\n          data-slot=\"date-picker-day-cell\"\n          onClick={handleSelect}\n        >\n          {renderDayContent(date.day, { showSecondary, date, calendarSystem })}\n        </button>\n      </td>\n    );\n  }\n\n  return (\n    <AriaCalendarCell date={date} className=\"ddga-calendar__cell\">\n      {({ formattedDate }) =>\n        renderDayContent(formattedDate, { showSecondary, date, calendarSystem })\n      }\n    </AriaCalendarCell>\n  );\n}\n\ninterface CalendarDayCellProps {\n  date: CalendarDate;\n  showSecondary: boolean;\n  calendarSystem: CalendarSystem;\n}\n\n// ─── 4. Component ─── //\n\nfunction DatePicker({\n  value: controlledValue,\n  defaultValue,\n  onChange,\n  minValue,\n  maxValue,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  required,\n  disabled,\n  size,\n  id,\n  className,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  calendar: controlledCalendar,\n  defaultCalendar = 'gregorian',\n  onCalendarChange,\n  showCalendarToggle = true,\n  calendarLabels,\n  showSecondaryCalendar = false,\n}: DatePickerProps) {\n  // ─ value: controlled or uncontrolled, always Gregorian internally ─\n  const isValueControlled = controlledValue !== undefined;\n  const [internalValue, setInternalValue] = useState<CalendarDate | null>(() =>\n    dateToCalendarDate(defaultValue),\n  );\n  const value = isValueControlled ? dateToCalendarDate(controlledValue) : internalValue;\n\n  const handleAriaChange = useCallback(\n    (next: DateValue | null) => {\n      const nextCD = next ? new CalendarDate(next.year, next.month, next.day) : null;\n      if (!isValueControlled) setInternalValue(nextCD);\n      onChange?.(calendarDateToDate(nextCD));\n    },\n    [isValueControlled, onChange],\n  );\n\n  // ─ calendar system: controlled or uncontrolled ─\n  const isCalendarControlled = controlledCalendar !== undefined;\n  const [internalCalendar, setInternalCalendar] = useState<CalendarSystem>(defaultCalendar);\n  const calendarSystem = isCalendarControlled ? controlledCalendar : internalCalendar;\n\n  const setCalendar = useCallback(\n    (next: CalendarSystem) => {\n      if (!isCalendarControlled) setInternalCalendar(next);\n      onCalendarChange?.(next);\n    },\n    [isCalendarControlled, onCalendarChange],\n  );\n\n  // ─ Shared chrome (locale, portal, chevrons, labels) ─\n  const {\n    dgaLocale,\n    locale: ariaLocale,\n    portalContainer,\n    PrevChevron,\n    NextChevron,\n    resolvedLabels,\n    navLabels,\n    a11yLabels,\n  } = useCalendarChrome(calendarSystem, calendarLabels);\n\n  // ─ Bounds ─\n  const ariaMinValue = useMemo(() => dateToCalendarDate(minValue) ?? undefined, [minValue]);\n  const ariaMaxValue = useMemo(() => dateToCalendarDate(maxValue) ?? undefined, [maxValue]);\n\n  // ─ Popover aria-label fallback ─\n  // Dialog requires an accessible name; derive from the field label when\n  // possible (string-only), else fall back to a generic so a11y stays valid\n  // even when consumers compose a rich label node.\n  const dialogAriaLabel =\n    ariaLabel ??\n    (typeof label === 'string'\n      ? label\n      : ariaLabelledBy\n        ? undefined\n        : dgaLocale.startsWith('ar')\n          ? 'التاريخ'\n          : 'Date');\n\n  // ─ Toggle visibility ─\n  const showToggle = showCalendarToggle && !isCalendarControlled;\n\n  // ─ Derived field-message visibility (mirrors useFieldA11y rules) ─\n  const hasError = !!error;\n  const hasErrorMessage = hasError && errorMessage != null && errorMessage !== '';\n  const hasHelper = !hasErrorMessage && helperText != null && helperText !== '';\n\n  return (\n    <I18nProvider locale={ariaLocale}>\n      <AriaDatePicker\n        value={value}\n        onChange={handleAriaChange}\n        minValue={ariaMinValue}\n        maxValue={ariaMaxValue}\n        isRequired={required}\n        isDisabled={disabled}\n        isInvalid={hasError}\n        shouldCloseOnSelect\n        id={id}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        className=\"ddga-field\"\n        data-slot=\"date-picker-field\"\n      >\n        {label && (\n          <AriaLabel className=\"ddga-date-picker__label\">\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"ddga-date-picker__required\">\n                *\n              </span>\n            )}\n          </AriaLabel>\n        )}\n        <AriaGroup\n          data-slot=\"date-picker-trigger\"\n          className={cn(datePickerTriggerVariants({ size, error: hasError }), className)}\n        >\n          <AriaDateInput className=\"ddga-date-picker__input\" data-slot=\"date-picker-input\">\n            {(segment) => (\n              <AriaDateSegment\n                segment={segment}\n                className=\"ddga-date-picker__segment\"\n                data-slot=\"date-picker-segment\"\n              />\n            )}\n          </AriaDateInput>\n          <AriaButton\n            className=\"ddga-date-picker__icon-button\"\n            aria-label={a11yLabels.openCalendar}\n            data-slot=\"date-picker-trigger-button\"\n          >\n            <CalendarIcon aria-hidden=\"true\" className=\"ddga-date-picker__icon\" />\n          </AriaButton>\n        </AriaGroup>\n        {hasHelper && (\n          <AriaText\n            slot=\"description\"\n            className=\"ddga-field__message ddga-field__message--helper\"\n            data-slot=\"field-helper\"\n          >\n            {helperText}\n          </AriaText>\n        )}\n        {hasErrorMessage && (\n          <AriaFieldError\n            className=\"ddga-field__message ddga-field__message--error\"\n            data-slot=\"field-error\"\n          >\n            {errorMessage}\n          </AriaFieldError>\n        )}\n        <AriaPopover\n          UNSTABLE_portalContainer={portalContainer}\n          className=\"ddga-calendar-popover\"\n          data-slot=\"date-picker-popover\"\n          offset={6}\n          // Keep some breathing room from the viewport edge so the popover\n          // doesn't butt up against the bottom of the iframe in short\n          // containers (the Storybook canvas case). Combined with the inner\n          // Dialog's overflow:auto, the calendar will scroll if it can't fit.\n          containerPadding={12}\n        >\n          <AriaDialog\n            className=\"ddga-calendar-dialog\"\n            data-slot=\"date-picker-dialog\"\n            aria-label={dialogAriaLabel}\n            aria-labelledby={ariaLabelledBy}\n          >\n            {showToggle && (\n              <CalendarSystemToggle\n                value={calendarSystem}\n                onChange={setCalendar}\n                labels={resolvedLabels}\n                groupLabel={a11yLabels.calendarSystem}\n              />\n            )}\n            <AriaCalendar className=\"ddga-calendar\" data-slot=\"date-picker-calendar\">\n              <header className=\"ddga-calendar__header\">\n                <AriaButton\n                  slot=\"previous\"\n                  className=\"ddga-calendar__nav\"\n                  data-slot=\"date-picker-calendar-prev\"\n                >\n                  <PrevChevron aria-hidden=\"true\" />\n                </AriaButton>\n                <CalendarNavHeader\n                  locale={ariaLocale}\n                  monthLabel={navLabels.month}\n                  yearLabel={navLabels.year}\n                />\n                <AriaButton\n                  slot=\"next\"\n                  className=\"ddga-calendar__nav\"\n                  data-slot=\"date-picker-calendar-next\"\n                >\n                  <NextChevron aria-hidden=\"true\" />\n                </AriaButton>\n              </header>\n              <AriaCalendarGrid className=\"ddga-calendar__grid\">\n                <AriaCalendarGridHeader>\n                  {(day) => (\n                    <AriaCalendarHeaderCell className=\"ddga-calendar__weekday\">\n                      {day}\n                    </AriaCalendarHeaderCell>\n                  )}\n                </AriaCalendarGridHeader>\n                <AriaCalendarGridBody>\n                  {(date) => (\n                    <CalendarDayCell\n                      date={date}\n                      showSecondary={showSecondaryCalendar}\n                      calendarSystem={calendarSystem}\n                    />\n                  )}\n                </AriaCalendarGridBody>\n              </AriaCalendarGrid>\n            </AriaCalendar>\n          </AriaDialog>\n        </AriaPopover>\n      </AriaDatePicker>\n    </I18nProvider>\n  );\n}\n\n// ─── 5. Exports ─── //\n\nexport { DatePicker, datePickerTriggerVariants, datePickerVariants };\nexport type { DatePickerProps, CalendarSystem, CalendarLabels };\n"]}

package/dist/chunk-BDS4NUMS.cjs

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

package/dist/chunk-BDS4NUMS.cjs.map

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

package/dist/chunk-BGKYCKNM.cjs

@@ -0,0 +1,129 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+
+
+
+var _chunkIKWD2OENcjs = require('./chunk-IKWD2OEN.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/EmptyState/EmptyState.tsx
+require('react');
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var emptyStateVariants = _classvarianceauthority.cva.call(void 0, "ddga-empty-state", {
+  variants: {
+    variant: {
+      default: "ddga-empty-state--default",
+      search: "ddga-empty-state--search",
+      error: "ddga-empty-state--error",
+      success: "ddga-empty-state--success"
+    },
+    size: {
+      sm: "ddga-empty-state--sm",
+      md: "ddga-empty-state--md",
+      lg: "ddga-empty-state--lg"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md"
+  }
+});
+var DEFAULT_ICONS = {
+  default: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Inbox, { "aria-hidden": "true" }),
+  search: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Search, { "aria-hidden": "true" }),
+  error: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.AlertCircle, { "aria-hidden": "true" }),
+  success: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Check, { "aria-hidden": "true" })
+};
+function EmptyState({
+  variant,
+  size,
+  icon,
+  title,
+  description,
+  action,
+  secondaryAction,
+  asChild,
+  className,
+  children,
+  ...props
+}) {
+  const resolvedIcon = icon === false ? null : icon !== void 0 ? icon : DEFAULT_ICONS[_nullishCoalesce(variant, () => ( "default"))];
+  const Comp = asChild ? _radixui.Slot.Slot : "div";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "data-slot": "empty-state",
+      "data-variant": _nullishCoalesce(variant, () => ( "default")),
+      "data-size": _nullishCoalesce(size, () => ( "md")),
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, emptyStateVariants({ variant, size }), className),
+      ...props,
+      children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        resolvedIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EmptyStateMedia, { children: resolvedIcon }) : null,
+        title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EmptyStateTitle, { children: title }) : null,
+        description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EmptyStateDescription, { children: description }) : null,
+        action || secondaryAction ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, EmptyStateActions, { children: [
+          action,
+          secondaryAction
+        ] }) : null
+      ] })))
+    }
+  );
+}
+function EmptyStateMedia({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "empty-state-media",
+      "aria-hidden": "true",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-empty-state__media", className),
+      ...props
+    }
+  );
+}
+function EmptyStateTitle({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "h3";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "data-slot": "empty-state-title",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-empty-state__title", className),
+      ...props
+    }
+  );
+}
+function EmptyStateDescription({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "p";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "data-slot": "empty-state-description",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-empty-state__description", className),
+      ...props
+    }
+  );
+}
+function EmptyStateActions({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "div";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "data-slot": "empty-state-actions",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-empty-state__actions", className),
+      ...props
+    }
+  );
+}
+
+
+
+
+
+
+
+
+exports.emptyStateVariants = emptyStateVariants; exports.EmptyState = EmptyState; exports.EmptyStateMedia = EmptyStateMedia; exports.EmptyStateTitle = EmptyStateTitle; exports.EmptyStateDescription = EmptyStateDescription; exports.EmptyStateActions = EmptyStateActions;
+//# sourceMappingURL=chunk-BGKYCKNM.cjs.map

package/dist/chunk-BGKYCKNM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-BGKYCKNM.cjs","../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACRA,iBAA+B;AAC/B,mCAAsC;AACtC,kEAAuC;AA+B5B,+CAAA;AAzBX,IAAM,mBAAA,EAAqB,yCAAA,kBAAI,EAAoB;AAAA,EACjD,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,2BAAA;AAAA,MACT,MAAA,EAAQ,0BAAA;AAAA,MACR,KAAA,EAAO,yBAAA;AAAA,MACP,OAAA,EAAS;AAAA,IACX,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,sBAAA;AAAA,MACJ,EAAA,EAAI,sBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAGD,IAAM,cAAA,EAGF;AAAA,EACF,OAAA,kBAAS,6BAAA,uBAAC,EAAA,EAAM,aAAA,EAAY,OAAA,CAAO,CAAA;AAAA,EACnC,MAAA,kBAAQ,6BAAA,wBAAC,EAAA,EAAO,aAAA,EAAY,OAAA,CAAO,CAAA;AAAA,EACnC,KAAA,kBAAO,6BAAA,6BAAC,EAAA,EAAY,aAAA,EAAY,OAAA,CAAO,CAAA;AAAA,EACvC,OAAA,kBAAS,6BAAA,uBAAC,EAAA,EAAM,aAAA,EAAY,OAAA,CAAO;AACrC,CAAA;AAuCA,SAAS,UAAA,CAAW;AAAA,EAClB,OAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,eAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAoB;AAElB,EAAA,MAAM,aAAA,EACJ,KAAA,IAAS,MAAA,EAAQ,KAAA,EAAO,KAAA,IAAS,KAAA,EAAA,EAAY,KAAA,EAAO,aAAA,kBAAc,OAAA,UAAW,WAAS,CAAA;AAExF,EAAA,MAAM,KAAA,EAAO,QAAA,EAAU,aAAA,CAAc,KAAA,EAAO,KAAA;AAE5C,EAAA,uBACE,6BAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,cAAA,mBAAc,OAAA,UAAW,WAAA;AAAA,MACzB,WAAA,mBAAW,IAAA,UAAQ,MAAA;AAAA,MACnB,SAAA,EAAW,kCAAA,kBAAG,CAAmB,EAAE,OAAA,EAAS,KAAK,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,MAC7D,GAAG,KAAA;AAAA,MAEH,QAAA,mBAAA,QAAA,0BACC,8BAAA,oBAAA,EAAA,EACG,QAAA,EAAA;AAAA,QAAA,aAAA,kBAAe,6BAAA,eAAC,EAAA,EAAiB,QAAA,EAAA,aAAA,CAAa,EAAA,EAAqB,IAAA;AAAA,QACnE,MAAA,kBAAQ,6BAAA,eAAC,EAAA,EAAiB,QAAA,EAAA,MAAA,CAAM,EAAA,EAAqB,IAAA;AAAA,QACrD,YAAA,kBAAc,6BAAA,qBAAC,EAAA,EAAuB,QAAA,EAAA,YAAA,CAAY,EAAA,EAA2B,IAAA;AAAA,QAC7E,OAAA,GAAU,gBAAA,kBACT,8BAAA,iBAAC,EAAA,EACE,QAAA,EAAA;AAAA,UAAA,MAAA;AAAA,UACA;AAAA,QAAA,EAAA,CACH,EAAA,EACE;AAAA,MAAA,EAAA,CACN;AAAA,IAAA;AAAA,EAEJ,CAAA;AAEJ;AAIA,SAAS,eAAA,CAAgB,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAyB;AACtE,EAAA,uBACE,6BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,aAAA,EAAY,MAAA;AAAA,MACZ,SAAA,EAAW,kCAAA,yBAAG,EAA2B,SAAS,CAAA;AAAA,MACjD,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AAEA,SAAS,eAAA,CAAgB,EAAE,OAAA,EAAS,SAAA,EAAW,GAAG,MAAM,CAAA,EAAyB;AAC/E,EAAA,MAAM,KAAA,EAAO,QAAA,EAAU,aAAA,CAAc,KAAA,EAAO,IAAA;AAC5C,EAAA,uBACE,6BAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAW,kCAAA,yBAAG,EAA2B,SAAS,CAAA;AAAA,MACjD,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AAEA,SAAS,qBAAA,CAAsB,EAAE,OAAA,EAAS,SAAA,EAAW,GAAG,MAAM,CAAA,EAA+B;AAC3F,EAAA,MAAM,KAAA,EAAO,QAAA,EAAU,aAAA,CAAc,KAAA,EAAO,GAAA;AAC5C,EAAA,uBACE,6BAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,yBAAA;AAAA,MACV,SAAA,EAAW,kCAAA,+BAAG,EAAiC,SAAS,CAAA;AAAA,MACvD,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AAEA,SAAS,iBAAA,CAAkB,EAAE,OAAA,EAAS,SAAA,EAAW,GAAG,MAAM,CAAA,EAA2B;AACnF,EAAA,MAAM,KAAA,EAAO,QAAA,EAAU,aAAA,CAAc,KAAA,EAAO,KAAA;AAC5C,EAAA,uBACE,6BAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,qBAAA;AAAA,MACV,SAAA,EAAW,kCAAA,2BAAG,EAA6B,SAAS,CAAA;AAAA,MACnD,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AD/CA;AACA;AACE;AACA;AACA;AACA;AACA;AACA;AACF,6QAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-BGKYCKNM.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 { Inbox, Search, AlertCircle, Check } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n\nconst emptyStateVariants = cva('ddga-empty-state', {\n  variants: {\n    variant: {\n      default: 'ddga-empty-state--default',\n      search: 'ddga-empty-state--search',\n      error: 'ddga-empty-state--error',\n      success: 'ddga-empty-state--success',\n    },\n    size: {\n      sm: 'ddga-empty-state--sm',\n      md: 'ddga-empty-state--md',\n      lg: 'ddga-empty-state--lg',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n  },\n});\n\n// Variant → default media icon. Mirrors the Alert.tsx DEFAULT_ICONS pattern.\nconst DEFAULT_ICONS: Record<\n  NonNullable<VariantProps<typeof emptyStateVariants>['variant']>,\n  ReactNode\n> = {\n  default: <Inbox aria-hidden=\"true\" />,\n  search: <Search aria-hidden=\"true\" />,\n  error: <AlertCircle aria-hidden=\"true\" />,\n  success: <Check aria-hidden=\"true\" />,\n};\n\n// ─── 2. Types ─── //\n\ninterface EmptyStateProps\n  extends Omit<React.ComponentProps<'div'>, 'title'>, VariantProps<typeof emptyStateVariants> {\n  /**\n   * Leading media (icon or illustration). Pass `false` to hide the media.\n   * Defaults to a variant-appropriate icon. Ignored when `children` is set.\n   */\n  icon?: ReactNode | false;\n  /** Title. Ignored when `children` is set. */\n  title?: ReactNode;\n  /** Supporting description below the title. Ignored when `children` is set. */\n  description?: ReactNode;\n  /** Primary action, e.g. a `<Button>`. Ignored when `children` is set. */\n  action?: ReactNode;\n  /** Secondary action beside the primary one. Ignored when `children` is set. */\n  secondaryAction?: ReactNode;\n  /**\n   * Render the consumer's own element as the root (Radix `Slot`) instead of a\n   * `<div>`, so the empty-state surface can compose with a custom container.\n   * As with the other composable parts, supply a single child element.\n   */\n  asChild?: boolean;\n}\n\ntype EmptyStateMediaProps = React.ComponentProps<'div'>;\n\ninterface EmptyStateTitleProps extends React.ComponentProps<'h3'> {\n  /** Override the heading element (e.g. render an `<h2>` on full-page states). */\n  asChild?: boolean;\n}\n\ntype EmptyStateDescriptionProps = React.ComponentProps<'p'> & { asChild?: boolean };\ntype EmptyStateActionsProps = React.ComponentProps<'div'> & { asChild?: boolean };\n\n// ─── 3. Components ─── //\n\nfunction EmptyState({\n  variant,\n  size,\n  icon,\n  title,\n  description,\n  action,\n  secondaryAction,\n  asChild,\n  className,\n  children,\n  ...props\n}: EmptyStateProps) {\n  // `children`, when present, fully replaces the props-driven body.\n  const resolvedIcon =\n    icon === false ? null : icon !== undefined ? icon : DEFAULT_ICONS[variant ?? 'default'];\n\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n\n  return (\n    <Comp\n      data-slot=\"empty-state\"\n      data-variant={variant ?? 'default'}\n      data-size={size ?? 'md'}\n      className={cn(emptyStateVariants({ variant, size }), className)}\n      {...props}\n    >\n      {children ?? (\n        <>\n          {resolvedIcon ? <EmptyStateMedia>{resolvedIcon}</EmptyStateMedia> : null}\n          {title ? <EmptyStateTitle>{title}</EmptyStateTitle> : null}\n          {description ? <EmptyStateDescription>{description}</EmptyStateDescription> : null}\n          {action || secondaryAction ? (\n            <EmptyStateActions>\n              {action}\n              {secondaryAction}\n            </EmptyStateActions>\n          ) : null}\n        </>\n      )}\n    </Comp>\n  );\n}\n\n// Decorative circular badge wrapping the icon. aria-hidden so the icon is never\n// announced; consumers can override via props if they pass meaningful media.\nfunction EmptyStateMedia({ className, ...props }: EmptyStateMediaProps) {\n  return (\n    <div\n      data-slot=\"empty-state-media\"\n      aria-hidden=\"true\"\n      className={cn('ddga-empty-state__media', className)}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyStateTitle({ asChild, className, ...props }: EmptyStateTitleProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'h3';\n  return (\n    <Comp\n      data-slot=\"empty-state-title\"\n      className={cn('ddga-empty-state__title', className)}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyStateDescription({ asChild, className, ...props }: EmptyStateDescriptionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'p';\n  return (\n    <Comp\n      data-slot=\"empty-state-description\"\n      className={cn('ddga-empty-state__description', className)}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyStateActions({ asChild, className, ...props }: EmptyStateActionsProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"empty-state-actions\"\n      className={cn('ddga-empty-state__actions', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  EmptyState,\n  EmptyStateMedia,\n  EmptyStateTitle,\n  EmptyStateDescription,\n  EmptyStateActions,\n  emptyStateVariants,\n};\nexport type {\n  EmptyStateProps,\n  EmptyStateMediaProps,\n  EmptyStateTitleProps,\n  EmptyStateDescriptionProps,\n  EmptyStateActionsProps,\n};\n"]}

package/dist/chunk-BGS3MCQZ.cjs

@@ -0,0 +1,92 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/Toast/toast-store.ts
+require('react');
+var EXIT_ANIM_MS = 200;
+function createToastStore() {
+  let toasts = [];
+  const listeners = /* @__PURE__ */ new Set();
+  let counter = 0;
+  function emit() {
+    for (const l of listeners) l();
+  }
+  function subscribe(listener) {
+    listeners.add(listener);
+    return () => {
+      listeners.delete(listener);
+    };
+  }
+  function getSnapshot() {
+    return toasts;
+  }
+  function nextId() {
+    counter += 1;
+    return `t${counter}`;
+  }
+  function add(variant, message, options = {}) {
+    const id = _nullishCoalesce(options.id, () => ( nextId()));
+    const existing = toasts.findIndex((t) => t.id === id);
+    const data = {
+      id,
+      variant,
+      open: true,
+      title: message,
+      description: options.description,
+      duration: options.duration,
+      action: options.action,
+      onDismiss: options.onDismiss
+    };
+    if (existing >= 0) {
+      toasts = toasts.map((t, i) => i === existing ? data : t);
+    } else {
+      toasts = [...toasts, data];
+    }
+    emit();
+    return id;
+  }
+  function dismiss(id) {
+    if (id === void 0) {
+      const ids = toasts.map((t) => t.id);
+      toasts = toasts.map((t) => ({ ...t, open: false }));
+      emit();
+      setTimeout(() => {
+        ids.forEach((id2) => remove(id2));
+      }, EXIT_ANIM_MS);
+    } else {
+      toasts = toasts.map((t) => t.id === id ? { ...t, open: false } : t);
+      emit();
+      setTimeout(() => remove(id), EXIT_ANIM_MS);
+    }
+  }
+  function remove(id) {
+    const target = toasts.find((t) => t.id === id);
+    toasts = toasts.filter((t) => t.id !== id);
+    emit();
+    _optionalChain([target, 'optionalAccess', _ => _.onDismiss, 'optionalCall', _2 => _2()]);
+  }
+  function __reset() {
+    toasts = [];
+    counter = 0;
+    emit();
+  }
+  return { subscribe, getSnapshot, add, dismiss, remove, __reset };
+}
+var toastStore = createToastStore();
+function createToast(store) {
+  const fn = ((message, options) => store.add("default", message, options));
+  fn.default = (message, options) => store.add("default", message, options);
+  fn.info = (message, options) => store.add("info", message, options);
+  fn.success = (message, options) => store.add("success", message, options);
+  fn.warning = (message, options) => store.add("warning", message, options);
+  fn.error = (message, options) => store.add("destructive", message, options);
+  fn.destructive = fn.error;
+  fn.dismiss = (id) => store.dismiss(id);
+  return fn;
+}
+var toast = createToast(toastStore);
+
+
+
+
+
+
+exports.createToastStore = createToastStore; exports.toastStore = toastStore; exports.createToast = createToast; exports.toast = toast;
+//# sourceMappingURL=chunk-BGS3MCQZ.cjs.map

package/dist/chunk-BGS3MCQZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-BGS3MCQZ.cjs","../src/components/Toast/toast-store.ts"],"names":["id"],"mappings":"AAAA;ACEA,iBAA+B;AAwD/B,IAAM,aAAA,EAAe,GAAA;AAUd,SAAS,gBAAA,CAAA,EAA+B;AAC7C,EAAA,IAAI,OAAA,EAAsB,CAAC,CAAA;AAC3B,EAAA,MAAM,UAAA,kBAAY,IAAI,GAAA,CAAc,CAAA;AACpC,EAAA,IAAI,QAAA,EAAU,CAAA;AAEd,EAAA,SAAS,IAAA,CAAA,EAAO;AACd,IAAA,IAAA,CAAA,MAAW,EAAA,GAAK,SAAA,EAAW,CAAA,CAAE,CAAA;AAAA,EAC/B;AAEA,EAAA,SAAS,SAAA,CAAU,QAAA,EAAgC;AACjD,IAAA,SAAA,CAAU,GAAA,CAAI,QAAQ,CAAA;AACtB,IAAA,OAAO,CAAA,EAAA,GAAM;AACX,MAAA,SAAA,CAAU,MAAA,CAAO,QAAQ,CAAA;AAAA,IAC3B,CAAA;AAAA,EACF;AAEA,EAAA,SAAS,WAAA,CAAA,EAA2B;AAClC,IAAA,OAAO,MAAA;AAAA,EACT;AAEA,EAAA,SAAS,MAAA,CAAA,EAAiB;AACxB,IAAA,QAAA,GAAW,CAAA;AACX,IAAA,OAAO,CAAA,CAAA,EAAI,OAAO,CAAA,CAAA;AACpB,EAAA;AAEa,EAAA;AACQ,IAAA;AACF,IAAA;AACO,IAAA;AACtB,MAAA;AACA,MAAA;AACM,MAAA;AACC,MAAA;AACM,MAAA;AACH,MAAA;AACM,MAAA;AACL,MAAA;AACb,IAAA;AACmB,IAAA;AAGD,MAAA;AACX,IAAA;AACQ,MAAA;AACf,IAAA;AACK,IAAA;AACE,IAAA;AACT,EAAA;AAIoC,EAAA;AACZ,IAAA;AACR,MAAA;AACI,MAAA;AACX,MAAA;AACY,MAAA;AACFA,QAAAA;AACA,MAAA;AACV,IAAA;AACW,MAAA;AACX,MAAA;AACY,MAAA;AACnB,IAAA;AACF,EAAA;AAEkC,EAAA;AACjB,IAAA;AACC,IAAA;AACX,IAAA;AACG,oBAAA;AACV,EAAA;AAEyB,EAAA;AACb,IAAA;AACA,IAAA;AACL,IAAA;AACP,EAAA;AAEoB,EAAA;AACtB;AAKsC;AAkBV;AACJ,EAAA;AACR,EAAA;AACM,EAAA;AACN,EAAA;AACA,EAAA;AACO,EAAA;AACD,EAAA;AACC,EAAA;AACd,EAAA;AACT;AAG8B;ADpGP;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-BGS3MCQZ.cjs","sourcesContent":[null,"'use client';\n\nimport { type ReactNode } from 'react';\n\n// ─── Types ─── //\n\nexport type ToastVariant = 'default' | 'info' | 'success' | 'warning' | 'destructive';\n\nexport interface ToastAction {\n  /** Visible label on the action button. */\n  label: ReactNode;\n  /** Required by Radix Toast for screen-reader announcement when the action\n   *  isn't a simple string label. Falls back to `label` when it's a string. */\n  altText?: string;\n  /** Fired when the action button is pressed. Toast auto-dismisses after. */\n  onClick: () => void;\n}\n\nexport interface ToastData {\n  /** Auto-generated unless caller provides one (useful for de-dup / updates). */\n  id: string;\n  title?: ReactNode;\n  description?: ReactNode;\n  variant: ToastVariant;\n  /** ms; `0` (or `Infinity`) means no auto-dismiss. Defaults handled by Toaster. */\n  duration?: number;\n  action?: ToastAction;\n  /** Controlled by Radix Toast (true while visible; false plays exit anim). */\n  open: boolean;\n  /** Fires when the toast leaves the DOM (after exit anim). */\n  onDismiss?: () => void;\n}\n\nexport interface ToastOptions {\n  id?: string;\n  title?: ReactNode;\n  description?: ReactNode;\n  duration?: number;\n  action?: ToastAction;\n  onDismiss?: () => void;\n}\n\ntype Listener = () => void;\n\n/** Public store shape. `<Toaster store={…} />` accepts this, and\n *  `createToast(store)` returns a scoped `toast()` bound to it. */\nexport interface ToastStore {\n  subscribe(listener: Listener): () => void;\n  getSnapshot(): ToastData[];\n  add(variant: ToastVariant, message: ReactNode, options?: ToastOptions): string;\n  dismiss(id?: string): void;\n  remove(id: string): void;\n  /** Test-only / story-only: hard reset. */\n  __reset(): void;\n}\n\n/** Approximate Radix Toast exit-animation duration (ms). After this we hard-\n *  remove the entry from the store so the DOM unmounts cleanly. */\nconst EXIT_ANIM_MS = 200;\n\n// ─── Factory ─── //\n//\n// Each call returns an isolated store. The default module-level instance\n// powers the singleton `toast()` API (Sonner pattern: one Toaster at app\n// root). Advanced consumers — including the Storybook stories below this\n// component — call `createToastStore()` to get an independent store so\n// multiple Toasters on one page don't share state.\n\nexport function createToastStore(): ToastStore {\n  let toasts: ToastData[] = [];\n  const listeners = new Set<Listener>();\n  let counter = 0;\n\n  function emit() {\n    for (const l of listeners) l();\n  }\n\n  function subscribe(listener: Listener): () => void {\n    listeners.add(listener);\n    return () => {\n      listeners.delete(listener);\n    };\n  }\n\n  function getSnapshot(): ToastData[] {\n    return toasts;\n  }\n\n  function nextId(): string {\n    counter += 1;\n    return `t${counter}`;\n  }\n\n  function add(variant: ToastVariant, message: ReactNode, options: ToastOptions = {}): string {\n    const id = options.id ?? nextId();\n    const existing = toasts.findIndex((t) => t.id === id);\n    const data: ToastData = {\n      id,\n      variant,\n      open: true,\n      title: message,\n      description: options.description,\n      duration: options.duration,\n      action: options.action,\n      onDismiss: options.onDismiss,\n    };\n    if (existing >= 0) {\n      // Update in place (caller passed the same id — useful for \"loading → success\"\n      // patterns or de-duped error messages).\n      toasts = toasts.map((t, i) => (i === existing ? data : t));\n    } else {\n      toasts = [...toasts, data];\n    }\n    emit();\n    return id;\n  }\n\n  /** Flip `open` to false → Radix plays exit anim → `remove` after.\n   *  Routes both programmatic dismiss + UI dismiss through the same path. */\n  function dismiss(id?: string): void {\n    if (id === undefined) {\n      const ids = toasts.map((t) => t.id);\n      toasts = toasts.map((t) => ({ ...t, open: false }));\n      emit();\n      setTimeout(() => {\n        ids.forEach((id) => remove(id));\n      }, EXIT_ANIM_MS);\n    } else {\n      toasts = toasts.map((t) => (t.id === id ? { ...t, open: false } : t));\n      emit();\n      setTimeout(() => remove(id), EXIT_ANIM_MS);\n    }\n  }\n\n  function remove(id: string): void {\n    const target = toasts.find((t) => t.id === id);\n    toasts = toasts.filter((t) => t.id !== id);\n    emit();\n    target?.onDismiss?.();\n  }\n\n  function __reset(): void {\n    toasts = [];\n    counter = 0;\n    emit();\n  }\n\n  return { subscribe, getSnapshot, add, dismiss, remove, __reset };\n}\n\n// ─── Default singleton ─── //\n// 90%-case API: one Toaster at app root, call `toast()` anywhere.\n\nexport const toastStore: ToastStore = createToastStore();\n\n// ─── createToast(store) ─── //\n\ninterface ToastFn {\n  (message: ReactNode, options?: ToastOptions): string;\n  default: (message: ReactNode, options?: ToastOptions) => string;\n  info: (message: ReactNode, options?: ToastOptions) => string;\n  success: (message: ReactNode, options?: ToastOptions) => string;\n  warning: (message: ReactNode, options?: ToastOptions) => string;\n  error: (message: ReactNode, options?: ToastOptions) => string;\n  /** Alias for `error` — matches the variant name used everywhere else in the library. */\n  destructive: (message: ReactNode, options?: ToastOptions) => string;\n  /** Dismiss a specific toast by id, or all when called with no args. */\n  dismiss: (id?: string) => void;\n}\n\n/** Bind an imperative `toast()` callable to a specific store. */\nexport function createToast(store: ToastStore): ToastFn {\n  const fn: ToastFn = ((message, options) => store.add('default', message, options)) as ToastFn;\n  fn.default = (message, options) => store.add('default', message, options);\n  fn.info = (message, options) => store.add('info', message, options);\n  fn.success = (message, options) => store.add('success', message, options);\n  fn.warning = (message, options) => store.add('warning', message, options);\n  fn.error = (message, options) => store.add('destructive', message, options);\n  fn.destructive = fn.error;\n  fn.dismiss = (id) => store.dismiss(id);\n  return fn;\n}\n\n/** Default singleton `toast()` — bound to the module-level `toastStore`. */\nexport const toast: ToastFn = createToast(toastStore);\n"]}

package/dist/chunk-BNULFLPC.js

@@ -0,0 +1,219 @@
+import {
+  SidebarContext,
+  useSidebar
+} from "./chunk-F7NPGAKU.js";
+import {
+  useIsMobile
+} from "./chunk-QHCXQQ2J.js";
+import {
+  Drawer,
+  DrawerContent
+} from "./chunk-VAF6PKVY.js";
+import {
+  PanelLeft
+} from "./chunk-CDS4SYEQ.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Sidebar/Sidebar.tsx
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { Slot as SlotPrimitive } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+function SidebarProvider({
+  defaultOpen = true,
+  open: openProp,
+  onOpenChange,
+  mobileBreakpoint = 768,
+  keyboardShortcut = true,
+  className,
+  style,
+  children,
+  ...props
+}) {
+  const isMobile = useIsMobile(mobileBreakpoint);
+  const [openMobile, setOpenMobile] = useState(false);
+  const isControlled = openProp !== void 0;
+  const [openInternal, setOpenInternal] = useState(defaultOpen);
+  const open = isControlled ? openProp : openInternal;
+  const setOpen = useCallback(
+    (value2) => {
+      if (!isControlled) setOpenInternal(value2);
+      onOpenChange?.(value2);
+    },
+    [isControlled, onOpenChange]
+  );
+  const toggleSidebar = useCallback(() => {
+    if (isMobile) {
+      setOpenMobile((v) => !v);
+      return;
+    }
+    if (isControlled) {
+      onOpenChange?.(!open);
+    } else {
+      setOpenInternal((v) => !v);
+    }
+  }, [isMobile, isControlled, onOpenChange, open]);
+  useEffect(() => {
+    if (!keyboardShortcut) return;
+    const onKeyDown = (e) => {
+      if (e.key.toLowerCase() === "b" && (e.metaKey || e.ctrlKey)) {
+        e.preventDefault();
+        toggleSidebar();
+      }
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [keyboardShortcut, toggleSidebar]);
+  const state = open ? "expanded" : "collapsed";
+  const value = useMemo(
+    () => ({ state, open, setOpen, openMobile, setOpenMobile, isMobile, toggleSidebar }),
+    [state, open, setOpen, openMobile, isMobile, toggleSidebar]
+  );
+  return /* @__PURE__ */ jsx(SidebarContext.Provider, { value, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sidebar-wrapper",
+      className: cn("ddga-sidebar-wrapper", className),
+      style,
+      ...props,
+      children
+    }
+  ) });
+}
+function Sidebar({
+  variant = "sidebar",
+  collapsible = "icon",
+  side = "start",
+  className,
+  children,
+  "aria-label": ariaLabel = "Sidebar",
+  ...props
+}) {
+  const { isMobile, openMobile, setOpenMobile, state } = useSidebar();
+  if (isMobile) {
+    return /* @__PURE__ */ jsx(Drawer, { open: openMobile, onOpenChange: setOpenMobile, children: /* @__PURE__ */ jsx(
+      DrawerContent,
+      {
+        side,
+        size: "sm",
+        "aria-label": ariaLabel,
+        "data-slot": "sidebar",
+        "data-mobile": "true",
+        "data-variant": variant,
+        "data-side": side,
+        className: cn("ddga-sidebar", "ddga-sidebar--mobile", className),
+        ...props,
+        children
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx(
+    "aside",
+    {
+      "data-slot": "sidebar",
+      "aria-label": ariaLabel,
+      "data-state": state,
+      "data-collapsible": collapsible,
+      "data-variant": variant,
+      "data-side": side,
+      className: cn("ddga-sidebar", className),
+      ...props,
+      children
+    }
+  );
+}
+function SidebarTrigger({
+  asChild,
+  className,
+  onClick,
+  children,
+  "aria-label": ariaLabel = "Toggle sidebar",
+  ...props
+}) {
+  const { toggleSidebar, open, openMobile, isMobile } = useSidebar();
+  const Comp = asChild ? SlotPrimitive.Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      type: asChild ? void 0 : "button",
+      "data-slot": "sidebar-trigger",
+      "aria-label": asChild ? void 0 : ariaLabel,
+      "aria-haspopup": isMobile ? "dialog" : void 0,
+      "aria-expanded": isMobile ? openMobile : open,
+      className: cn("ddga-sidebar__trigger", className),
+      onClick: (e) => {
+        onClick?.(e);
+        toggleSidebar();
+      },
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(PanelLeft, { "aria-hidden": "true" })
+    }
+  );
+}
+function SidebarRail({
+  className,
+  "aria-label": ariaLabel = "Toggle sidebar",
+  ...props
+}) {
+  const { toggleSidebar } = useSidebar();
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-slot": "sidebar-rail",
+      "aria-label": ariaLabel,
+      title: ariaLabel,
+      tabIndex: -1,
+      className: cn("ddga-sidebar__rail", className),
+      onClick: toggleSidebar,
+      ...props
+    }
+  );
+}
+function SidebarInset({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "main";
+  return /* @__PURE__ */ jsx(Comp, { "data-slot": "sidebar-inset", className: cn("ddga-sidebar-inset", className), ...props });
+}
+function SidebarHeader({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "div";
+  return /* @__PURE__ */ jsx(Comp, { "data-slot": "sidebar-header", className: cn("ddga-sidebar__header", className), ...props });
+}
+function SidebarContent({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "sidebar-content",
+      className: cn("ddga-sidebar__content", className),
+      ...props
+    }
+  );
+}
+function SidebarFooter({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "div";
+  return /* @__PURE__ */ jsx(Comp, { "data-slot": "sidebar-footer", className: cn("ddga-sidebar__footer", className), ...props });
+}
+function SidebarSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "hr",
+    {
+      "data-slot": "sidebar-separator",
+      className: cn("ddga-sidebar__separator", className),
+      ...props
+    }
+  );
+}
+
+export {
+  SidebarProvider,
+  Sidebar,
+  SidebarTrigger,
+  SidebarRail,
+  SidebarInset,
+  SidebarHeader,
+  SidebarContent,
+  SidebarFooter,
+  SidebarSeparator
+};
+//# sourceMappingURL=chunk-BNULFLPC.js.map

package/dist/chunk-BNULFLPC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Sidebar/Sidebar.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cn } from '../../utils/cn';\nimport { Drawer, DrawerContent } from '../Drawer';\nimport { PanelLeft } from '../../internal/icons';\nimport { SidebarContext, useSidebar, type SidebarContextValue } from './SidebarContext';\nimport { useIsMobile } from './useIsMobile';\n\n// ─── SidebarProvider ─── //\n\ninterface SidebarProviderProps extends React.ComponentProps<'div'> {\n  /** Uncontrolled initial desktop state. Default true (expanded). */\n  defaultOpen?: boolean;\n  /** Controlled desktop open state. */\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Viewport width (px) below which the mobile Drawer engages. Default 768. */\n  mobileBreakpoint?: number;\n  /** Register Cmd/Ctrl+B to toggle. Default true. */\n  keyboardShortcut?: boolean;\n}\n\nfunction SidebarProvider({\n  defaultOpen = true,\n  open: openProp,\n  onOpenChange,\n  mobileBreakpoint = 768,\n  keyboardShortcut = true,\n  className,\n  style,\n  children,\n  ...props\n}: SidebarProviderProps) {\n  const isMobile = useIsMobile(mobileBreakpoint);\n  const [openMobile, setOpenMobile] = useState(false);\n\n  const isControlled = openProp !== undefined;\n  const [openInternal, setOpenInternal] = useState(defaultOpen);\n  const open = isControlled ? (openProp as boolean) : openInternal;\n\n  const setOpen = useCallback(\n    (value: boolean) => {\n      if (!isControlled) setOpenInternal(value);\n      onOpenChange?.(value);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const toggleSidebar = useCallback(() => {\n    if (isMobile) {\n      setOpenMobile((v) => !v);\n      return;\n    }\n    if (isControlled) {\n      onOpenChange?.(!open);\n    } else {\n      setOpenInternal((v) => !v);\n    }\n  }, [isMobile, isControlled, onOpenChange, open]);\n\n  useEffect(() => {\n    if (!keyboardShortcut) return;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key.toLowerCase() === 'b' && (e.metaKey || e.ctrlKey)) {\n        e.preventDefault();\n        toggleSidebar();\n      }\n    };\n    window.addEventListener('keydown', onKeyDown);\n    return () => window.removeEventListener('keydown', onKeyDown);\n  }, [keyboardShortcut, toggleSidebar]);\n\n  const state: 'expanded' | 'collapsed' = open ? 'expanded' : 'collapsed';\n\n  const value = useMemo<SidebarContextValue>(\n    () => ({ state, open, setOpen, openMobile, setOpenMobile, isMobile, toggleSidebar }),\n    [state, open, setOpen, openMobile, isMobile, toggleSidebar],\n  );\n\n  return (\n    <SidebarContext.Provider value={value}>\n      <div\n        data-slot=\"sidebar-wrapper\"\n        className={cn('ddga-sidebar-wrapper', className)}\n        style={style}\n        {...props}\n      >\n        {children}\n      </div>\n    </SidebarContext.Provider>\n  );\n}\n\n// ─── Sidebar (container) ─── //\n\ninterface SidebarProps extends React.ComponentProps<'div'> {\n  variant?: 'sidebar' | 'floating' | 'inset';\n  collapsible?: 'icon' | 'offcanvas' | 'none';\n  /** Logical side; flips with dir. Default 'start'. */\n  side?: 'start' | 'end';\n}\n\nfunction Sidebar({\n  variant = 'sidebar',\n  collapsible = 'icon',\n  side = 'start',\n  className,\n  children,\n  'aria-label': ariaLabel = 'Sidebar',\n  ...props\n}: SidebarProps) {\n  const { isMobile, openMobile, setOpenMobile, state } = useSidebar();\n\n  if (isMobile) {\n    return (\n      <Drawer open={openMobile} onOpenChange={setOpenMobile}>\n        <DrawerContent\n          side={side}\n          size=\"sm\"\n          aria-label={ariaLabel}\n          data-slot=\"sidebar\"\n          data-mobile=\"true\"\n          data-variant={variant}\n          data-side={side}\n          className={cn('ddga-sidebar', 'ddga-sidebar--mobile', className)}\n          {...props}\n        >\n          {children}\n        </DrawerContent>\n      </Drawer>\n    );\n  }\n\n  return (\n    <aside\n      data-slot=\"sidebar\"\n      aria-label={ariaLabel}\n      data-state={state}\n      data-collapsible={collapsible}\n      data-variant={variant}\n      data-side={side}\n      className={cn('ddga-sidebar', className)}\n      {...props}\n    >\n      {children}\n    </aside>\n  );\n}\n\n// ─── Trigger / Rail / Inset ─── //\n\ninterface SidebarTriggerProps extends React.ComponentProps<'button'> {\n  asChild?: boolean;\n}\n\nfunction SidebarTrigger({\n  asChild,\n  className,\n  onClick,\n  children,\n  'aria-label': ariaLabel = 'Toggle sidebar',\n  ...props\n}: SidebarTriggerProps) {\n  const { toggleSidebar, open, openMobile, isMobile } = useSidebar();\n  const Comp = asChild ? SlotPrimitive.Slot : 'button';\n  return (\n    <Comp\n      type={asChild ? undefined : 'button'}\n      data-slot=\"sidebar-trigger\"\n      // Don't override the child element's accessible name when asChild.\n      aria-label={asChild ? undefined : ariaLabel}\n      aria-haspopup={isMobile ? 'dialog' : undefined}\n      aria-expanded={isMobile ? openMobile : open}\n      className={cn('ddga-sidebar__trigger', className)}\n      onClick={(e: React.MouseEvent<HTMLButtonElement>) => {\n        onClick?.(e);\n        toggleSidebar();\n      }}\n      {...props}\n    >\n      {children ?? <PanelLeft aria-hidden=\"true\" />}\n    </Comp>\n  );\n}\n\nfunction SidebarRail({\n  className,\n  'aria-label': ariaLabel = 'Toggle sidebar',\n  ...props\n}: React.ComponentProps<'button'>) {\n  const { toggleSidebar } = useSidebar();\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"sidebar-rail\"\n      aria-label={ariaLabel}\n      title={ariaLabel}\n      tabIndex={-1}\n      className={cn('ddga-sidebar__rail', className)}\n      onClick={toggleSidebar}\n      {...props}\n    />\n  );\n}\n\ninterface SidebarInsetProps extends React.ComponentProps<'main'> {\n  asChild?: boolean;\n}\n\nfunction SidebarInset({ asChild, className, ...props }: SidebarInsetProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'main';\n  return (\n    <Comp data-slot=\"sidebar-inset\" className={cn('ddga-sidebar-inset', className)} {...props} />\n  );\n}\n\n// ─── Structure ─── //\n\ntype SidebarSectionProps = React.ComponentProps<'div'> & { asChild?: boolean };\n\nfunction SidebarHeader({ asChild, className, ...props }: SidebarSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp data-slot=\"sidebar-header\" className={cn('ddga-sidebar__header', className)} {...props} />\n  );\n}\n\nfunction SidebarContent({ asChild, className, ...props }: SidebarSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp\n      data-slot=\"sidebar-content\"\n      className={cn('ddga-sidebar__content', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SidebarFooter({ asChild, className, ...props }: SidebarSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp data-slot=\"sidebar-footer\" className={cn('ddga-sidebar__footer', className)} {...props} />\n  );\n}\n\nfunction SidebarSeparator({ className, ...props }: React.ComponentProps<'hr'>) {\n  return (\n    <hr\n      data-slot=\"sidebar-separator\"\n      className={cn('ddga-sidebar__separator', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── Exports ─── //\n\nexport { SidebarProvider };\nexport type { SidebarProviderProps };\n\nexport { Sidebar };\nexport type { SidebarProps };\n\nexport { SidebarTrigger, SidebarRail, SidebarInset };\nexport type { SidebarTriggerProps, SidebarInsetProps };\n\nexport { SidebarHeader, SidebarContent, SidebarFooter, SidebarSeparator };\nexport type { SidebarSectionProps };\n\nexport { useSidebar };\nexport type { SidebarContextValue };\n"],"mappings":"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","names":["value"]}

package/dist/chunk-BPFCWXSN.cjs

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkFQLVTLUIcjs = require('./chunk-FQLVTLUI.cjs');
+
+// src/hooks/useDir.ts
+function useDir() {
+  return _chunkFQLVTLUIcjs.useDga.call(void 0, ).dir;
+}
+
+
+
+exports.useDir = useDir;
+//# sourceMappingURL=chunk-BPFCWXSN.cjs.map

package/dist/chunk-BPFCWXSN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-BPFCWXSN.cjs","../src/hooks/useDir.ts"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACQO,SAAS,MAAA,CAAA,EAAwB;AACtC,EAAA,OAAO,sCAAA,CAAO,CAAE,GAAA;AAClB;ADNA;AACA;AACE;AACF,wBAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-BPFCWXSN.cjs","sourcesContent":[null,"'use client';\n\nimport { useDga } from '../providers/DgaContext';\n\n/**\n * Returns the current writing direction from the nearest `<DgaProvider>`.\n *\n * Prefer this over `useDga().dir` when a component only needs direction\n * (clearer intent, smaller dependency footprint at the call site).\n *\n * Throws if called outside a `<DgaProvider>` (matches `useDga`).\n */\nexport function useDir(): 'ltr' | 'rtl' {\n  return useDga().dir;\n}\n"]}

package/dist/chunk-BQWUA4C7.cjs

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

package/dist/chunk-BQWUA4C7.cjs.map

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