@dev-dga/react 0.8.1 → 0.8.2

package/dist/chunk-QOEXXGRP.js

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

package/dist/chunk-QOEXXGRP.js.map

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

package/dist/chunk-QP3IOPBF.cjs

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

package/dist/chunk-QP3IOPBF.cjs.map

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

package/dist/chunk-QPH2NCJF.js

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

package/dist/chunk-QPH2NCJF.js.map

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

package/dist/chunk-R2JNRNK4.js

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

package/dist/chunk-R2JNRNK4.js.map

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

package/dist/chunk-RCR5CRZ5.js

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

package/dist/chunk-RCR5CRZ5.js.map

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

package/dist/chunk-RHNPILZQ.cjs

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

package/dist/chunk-RHNPILZQ.cjs.map

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

package/dist/chunk-RHU6OY6P.cjs

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

package/dist/chunk-RHU6OY6P.cjs.map

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

package/dist/chunk-RKGIGQ5C.cjs

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

package/dist/chunk-RKGIGQ5C.cjs.map

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

package/dist/chunk-RNOXGWKQ.cjs

@@ -0,0 +1,193 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+var _chunkIKWD2OENcjs = require('./chunk-IKWD2OEN.cjs');
+
+
+var _chunkFQLVTLUIcjs = require('./chunk-FQLVTLUI.cjs');
+
+// src/internal/calendar/calendar-core.tsx
+var _react = require('react');
+
+
+
+var _reactariacomponents = require('react-aria-components');
+
+
+
+
+
+var _date = require('@internationalized/date');
+var _jsxruntime = require('react/jsx-runtime');
+var GREGORIAN = new (0, _date.GregorianCalendar)();
+var ISLAMIC_UMALQURA = new (0, _date.IslamicUmalquraCalendar)();
+function dateToCalendarDate(date) {
+  if (!date) return null;
+  return new (0, _date.CalendarDate)(date.getFullYear(), date.getMonth() + 1, date.getDate());
+}
+function calendarDateToDate(value) {
+  if (!value) return null;
+  const greg = value.calendar.identifier === "gregory" ? value : _date.toCalendar.call(void 0, value, new (0, _date.GregorianCalendar)());
+  return new Date(greg.year, greg.month - 1, greg.day);
+}
+function composeLocale(dgaLocale, calendar) {
+  const base = dgaLocale === "ar" ? "ar-SA" : dgaLocale === "en" ? "en-US" : dgaLocale;
+  const isArabic = base.startsWith("ar");
+  if (calendar === "hijri") {
+    return isArabic ? `${base}-u-ca-islamic-umalqura-nu-latn` : `${base}-u-ca-islamic-umalqura`;
+  }
+  return isArabic ? `${base}-u-nu-latn` : base;
+}
+function secondaryDayNumber(date, mainCalendar) {
+  const other = mainCalendar === "hijri" ? GREGORIAN : ISLAMIC_UMALQURA;
+  return _date.toCalendar.call(void 0, date, other).day;
+}
+function useCalendarChrome(calendarSystem, calendarLabels) {
+  const dgaCtx = _react.useContext.call(void 0, _chunkFQLVTLUIcjs.DgaContext);
+  const dgaLocale = _nullishCoalesce(_optionalChain([dgaCtx, 'optionalAccess', _2 => _2.locale]), () => ( "en"));
+  const dir = _nullishCoalesce(_optionalChain([dgaCtx, 'optionalAccess', _3 => _3.dir]), () => ( "ltr"));
+  const locale = _react.useMemo.call(void 0, 
+    () => composeLocale(dgaLocale, calendarSystem),
+    [dgaLocale, calendarSystem]
+  );
+  const portalContainer = _nullishCoalesce(_nullishCoalesce(_optionalChain([dgaCtx, 'optionalAccess', _4 => _4.portalEl]), () => ( _optionalChain([dgaCtx, 'optionalAccess', _5 => _5.rootEl]))), () => ( void 0));
+  const PrevChevron = dir === "rtl" ? _chunkIKWD2OENcjs.ChevronRight : _chunkIKWD2OENcjs.ChevronLeft;
+  const NextChevron = dir === "rtl" ? _chunkIKWD2OENcjs.ChevronLeft : _chunkIKWD2OENcjs.ChevronRight;
+  const resolvedLabels = _react.useMemo.call(void 0, () => {
+    if (calendarLabels) return calendarLabels;
+    return dgaLocale.startsWith("ar") ? { gregorian: "\u0645\u064A\u0644\u0627\u062F\u064A", hijri: "\u0647\u062C\u0631\u064A" } : { gregorian: "Gregorian", hijri: "Hijri" };
+  }, [calendarLabels, dgaLocale]);
+  const navLabels = _react.useMemo.call(void 0, 
+    () => dgaLocale.startsWith("ar") ? { month: "\u0627\u0644\u0634\u0647\u0631", year: "\u0627\u0644\u0633\u0646\u0629" } : { month: "Month", year: "Year" },
+    [dgaLocale]
+  );
+  const a11yLabels = _react.useMemo.call(void 0, 
+    () => dgaLocale.startsWith("ar") ? { openCalendar: "\u0641\u062A\u062D \u0627\u0644\u062A\u0642\u0648\u064A\u0645", calendarSystem: "\u0646\u0638\u0627\u0645 \u0627\u0644\u062A\u0642\u0648\u064A\u0645" } : { openCalendar: "Open calendar", calendarSystem: "Calendar system" },
+    [dgaLocale]
+  );
+  return {
+    dgaLocale,
+    dir,
+    locale,
+    portalContainer,
+    PrevChevron,
+    NextChevron,
+    resolvedLabels,
+    navLabels,
+    a11yLabels
+  };
+}
+function CalendarSystemToggle({
+  value,
+  onChange,
+  labels,
+  groupLabel
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      role: "tablist",
+      "aria-label": groupLabel,
+      className: "ddga-calendar-toggle",
+      "data-slot": "calendar-toggle",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": value === "gregorian",
+            className: "ddga-calendar-toggle__button",
+            "data-active": value === "gregorian" ? "" : void 0,
+            onClick: () => onChange("gregorian"),
+            children: labels.gregorian
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": value === "hijri",
+            className: "ddga-calendar-toggle__button",
+            "data-active": value === "hijri" ? "" : void 0,
+            onClick: () => onChange("hijri"),
+            children: labels.hijri
+          }
+        )
+      ]
+    }
+  );
+}
+function CalendarNavHeader({ locale, monthLabel, yearLabel }) {
+  const rangeState = _react.useContext.call(void 0, _reactariacomponents.RangeCalendarStateContext);
+  const singleState = _react.useContext.call(void 0, _reactariacomponents.CalendarStateContext);
+  const state = _nullishCoalesce(rangeState, () => ( singleState));
+  const focusedDate = _nullishCoalesce(_optionalChain([state, 'optionalAccess', _6 => _6.focusedDate]), () => ( null));
+  const focusedYear = _nullishCoalesce(_optionalChain([focusedDate, 'optionalAccess', _7 => _7.year]), () => ( 0));
+  const focusedCalendar = _nullishCoalesce(_optionalChain([focusedDate, 'optionalAccess', _8 => _8.calendar]), () => ( GREGORIAN));
+  const minValue = _nullishCoalesce(_optionalChain([state, 'optionalAccess', _9 => _9.minValue]), () => ( null));
+  const maxValue = _nullishCoalesce(_optionalChain([state, 'optionalAccess', _10 => _10.maxValue]), () => ( null));
+  const monthNames = _react.useMemo.call(void 0, () => {
+    if (!focusedDate) return [];
+    const fmt = new Intl.DateTimeFormat(locale, { month: "long" });
+    return Array.from({ length: 12 }, (_, i) => {
+      const cd = new (0, _date.CalendarDate)(focusedCalendar, focusedYear, i + 1, 1);
+      const greg = _date.toCalendar.call(void 0, cd, GREGORIAN);
+      const js = new Date(greg.year, greg.month - 1, greg.day);
+      return fmt.format(js);
+    });
+  }, [locale, focusedDate, focusedCalendar, focusedYear]);
+  const yearOptions = _react.useMemo.call(void 0, () => {
+    if (!focusedDate) return [];
+    const minY = minValue ? _date.toCalendar.call(void 0, minValue, focusedCalendar).year : focusedYear - 100;
+    const maxY = maxValue ? _date.toCalendar.call(void 0, maxValue, focusedCalendar).year : focusedYear + 30;
+    const start = Math.min(minY, focusedYear);
+    const end = Math.max(maxY, focusedYear);
+    return Array.from({ length: end - start + 1 }, (_, i) => start + i);
+  }, [focusedDate, focusedCalendar, focusedYear, minValue, maxValue]);
+  if (!state || !focusedDate) return null;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ddga-calendar__nav-selects", "data-slot": "calendar-nav", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "select",
+      {
+        "aria-label": monthLabel,
+        className: "ddga-calendar__select ddga-calendar__month-select",
+        "data-slot": "calendar-month-select",
+        value: focusedDate.month,
+        onChange: (e) => state.setFocusedDate(focusedDate.set({ month: Number(e.target.value) })),
+        children: monthNames.map((name, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: i + 1, children: name }, i + 1))
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "select",
+      {
+        "aria-label": yearLabel,
+        className: "ddga-calendar__select ddga-calendar__year-select",
+        "data-slot": "calendar-year-select",
+        value: focusedDate.year,
+        onChange: (e) => state.setFocusedDate(focusedDate.set({ year: Number(e.target.value) })),
+        children: yearOptions.map((y) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: y, children: y }, y))
+      }
+    )
+  ] });
+}
+function renderDayContent(primary, opts) {
+  if (!opts.showSecondary) return primary;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-calendar__cell-primary", children: primary }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "ddga-calendar__cell-secondary", children: secondaryDayNumber(opts.date, opts.calendarSystem) })
+  ] });
+}
+
+
+
+
+
+
+
+
+
+
+exports.dateToCalendarDate = dateToCalendarDate; exports.calendarDateToDate = calendarDateToDate; exports.composeLocale = composeLocale; exports.secondaryDayNumber = secondaryDayNumber; exports.useCalendarChrome = useCalendarChrome; exports.CalendarSystemToggle = CalendarSystemToggle; exports.CalendarNavHeader = CalendarNavHeader; exports.renderDayContent = renderDayContent;
+//# sourceMappingURL=chunk-RNOXGWKQ.cjs.map

package/dist/chunk-RNOXGWKQ.cjs.map

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

package/dist/chunk-RTUC442G.cjs

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

package/dist/chunk-RTUC442G.cjs.map

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

package/dist/chunk-RZEJPDIW.js

@@ -0,0 +1,48 @@
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Skeleton/Skeleton.tsx
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var skeletonVariants = cva("ddga-skeleton", {
+  variants: {
+    shape: {
+      text: "ddga-skeleton--text",
+      circle: "ddga-skeleton--circle",
+      rectangle: "ddga-skeleton--rectangle"
+    },
+    animation: {
+      pulse: "ddga-skeleton--pulse",
+      wave: "ddga-skeleton--wave",
+      none: "ddga-skeleton--none"
+    }
+  },
+  defaultVariants: {
+    shape: "text",
+    animation: "pulse"
+  }
+});
+function Skeleton({ shape, animation, width, height, className, style, ...props }) {
+  const sizeStyle = {
+    ...width !== void 0 ? { width: typeof width === "number" ? `${width}px` : width } : null,
+    ...height !== void 0 ? { height: typeof height === "number" ? `${height}px` : height } : null,
+    ...style
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "skeleton",
+      "aria-hidden": "true",
+      className: cn(skeletonVariants({ shape, animation }), className),
+      style: sizeStyle,
+      ...props
+    }
+  );
+}
+
+export {
+  skeletonVariants,
+  Skeleton
+};
+//# sourceMappingURL=chunk-RZEJPDIW.js.map

package/dist/chunk-RZEJPDIW.js.map

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

package/dist/chunk-S5JMXY7Z.js

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

package/dist/chunk-S5JMXY7Z.js.map

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

package/dist/chunk-S72BEZHS.js

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

package/dist/chunk-S72BEZHS.js.map

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

package/dist/chunk-S7ENBLZK.cjs

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

package/dist/chunk-S7ENBLZK.cjs.map

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

package/dist/chunk-SDFMITFO.js

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

package/dist/chunk-SDFMITFO.js.map

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

package/dist/chunk-SFLZT7UZ.cjs

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

package/dist/chunk-SFLZT7UZ.cjs.map

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

package/dist/chunk-SICSD3HO.cjs

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

package/dist/chunk-SICSD3HO.cjs.map

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

package/dist/chunk-SJDTFR3I.cjs

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

package/dist/chunk-SJDTFR3I.cjs.map

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