@dev-dga/react 0.8.0 → 0.8.2

package/dist/chunk-YVB5RTKR.js

@@ -0,0 +1,77 @@
+import {
+  DgaContext
+} from "./chunk-TMXABSFE.js";
+
+// src/providers/DgaProvider.tsx
+import { useState, useMemo, useContext, useEffect, useRef } from "react";
+import { Direction as DirectionPrimitive, Tooltip as TooltipPrimitive } from "radix-ui";
+import { buildTheme } from "@dev-dga/tokens";
+import { jsx } from "react/jsx-runtime";
+function DgaProvider({
+  dir = "ltr",
+  locale,
+  mode = "light",
+  theme,
+  as: Component = "div",
+  className,
+  style: consumerStyle,
+  children
+}) {
+  const parentCtx = useContext(DgaContext);
+  const isNested = parentCtx !== null;
+  const [rootEl, setRootEl] = useState(null);
+  const portalRef = useRef(null);
+  const [portalEl, setPortalEl] = useState(null);
+  const resolvedLocale = locale ?? (dir === "rtl" ? "ar" : "en");
+  const themeVars = useMemo(() => theme ? buildTheme(theme) : null, [theme]);
+  useEffect(() => {
+    if (typeof document === "undefined") return;
+    const el = document.createElement("div");
+    el.setAttribute("data-slot", "dga-portal");
+    el.style.position = "relative";
+    el.style.zIndex = "50";
+    document.body.appendChild(el);
+    portalRef.current = el;
+    setPortalEl(el);
+    return () => {
+      el.remove();
+      portalRef.current = null;
+      setPortalEl(null);
+    };
+  }, []);
+  useEffect(() => {
+    const el = portalRef.current;
+    if (!el) return;
+    el.setAttribute("data-theme", mode);
+    el.setAttribute("dir", dir);
+    el.style.colorScheme = mode;
+    if (themeVars) {
+      for (const [k, v] of Object.entries(themeVars)) {
+        el.style.setProperty(k, String(v));
+      }
+    }
+  }, [mode, dir, themeVars, portalEl]);
+  const ctxValue = useMemo(
+    () => ({ dir, locale: resolvedLocale, mode, rootEl, portalEl }),
+    [dir, resolvedLocale, mode, rootEl, portalEl]
+  );
+  const inner = /* @__PURE__ */ jsx(DirectionPrimitive.Provider, { dir, children });
+  return /* @__PURE__ */ jsx(DgaContext.Provider, { value: ctxValue, children: /* @__PURE__ */ jsx(
+    Component,
+    {
+      ref: setRootEl,
+      dir,
+      lang: resolvedLocale,
+      "data-slot": "dga-root",
+      "data-theme": mode,
+      className,
+      style: { colorScheme: mode, ...themeVars ?? {}, ...consumerStyle },
+      children: isNested ? inner : /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { delayDuration: 300, skipDelayDuration: 100, children: inner })
+    }
+  ) });
+}
+
+export {
+  DgaProvider
+};
+//# sourceMappingURL=chunk-YVB5RTKR.js.map

package/dist/chunk-YVB5RTKR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/providers/DgaProvider.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useMemo, useContext, useEffect, useRef } from 'react';\nimport { Direction as DirectionPrimitive, Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { buildTheme, type DgaTheme } from '@dev-dga/tokens';\nimport { DgaContext, type DgaContextValue } from './DgaContext';\n\ntype DgaRootElement =\n  | 'div'\n  | 'main'\n  | 'nav'\n  | 'section'\n  | 'article'\n  | 'aside'\n  | 'header'\n  | 'footer';\n\nexport interface DgaProviderProps {\n  dir?: 'ltr' | 'rtl';\n  locale?: string;\n  mode?: 'light' | 'dark';\n  /**\n   * Brand theme. `theme.primary` accepts a palette name (`'lavender'`),\n   * any CSS color string (`'#7C3AED'` , hover/active auto-derived via\n   * `color-mix()`), or an explicit `{ base, hover, active, foreground? }`\n   * triplet. The override-object pattern (`style={{ '--ddga-color-primary':\n   * '...' }}`) still works , `style` wins over `theme`.\n   */\n  theme?: DgaTheme;\n  as?: DgaRootElement;\n  className?: string;\n  style?: React.CSSProperties;\n  children: React.ReactNode;\n}\n\nexport function DgaProvider({\n  dir = 'ltr',\n  locale,\n  mode = 'light',\n  theme,\n  as: Component = 'div',\n  className,\n  style: consumerStyle,\n  children,\n}: DgaProviderProps) {\n  const parentCtx = useContext(DgaContext);\n  const isNested = parentCtx !== null;\n  // Callback ref + state so context subscribers (e.g. Select's portal\n  // container) re-render when the element actually mounts. With useRef\n  // the .current update wouldn't trigger a render and a defaultOpen\n  // portal would race to <body> before the ref populated.\n  const [rootEl, setRootEl] = useState<HTMLElement | null>(null);\n  // The portal element is held in a ref (we directly mutate its attributes\n  // + inline CSS variables, which the react-hooks/immutability lint rule\n  // forbids on state values). A parallel `portalEl` state mirrors the ref\n  // so context subscribers re-render once the element mounts.\n  const portalRef = useRef<HTMLDivElement | null>(null);\n  const [portalEl, setPortalEl] = useState<HTMLElement | null>(null);\n  const resolvedLocale = locale ?? (dir === 'rtl' ? 'ar' : 'en');\n\n  // Memoize by reference. Stable palette-name themes (`{ primary: 'lavender' }`\n  // declared at module scope) never recompute; consumers passing an inline\n  // object accept a per-render `buildTheme` call (cheap , small switch\n  // statement over a single string).\n  const themeVars = useMemo(() => (theme ? buildTheme(theme) : null), [theme]);\n\n  // ─── Body-level portal container ─── //\n  //\n  // Create a sibling-of-body div that mirrors this provider's theme\n  // attributes. Overlay portals (Modal, Drawer, DropdownMenu, etc.) anchor\n  // here instead of `rootEl` so:\n  //\n  //  - They escape `overflow: hidden` / `transform` ancestors the consumer\n  //    might wrap us in (Storybook's docs-story preview block is the\n  //    motivating case — a `transform` ancestor breaks `position: fixed`\n  //    descendants, clipping modals to the preview rect).\n  //  - Theme variables, dark mode, RTL still resolve because we copy\n  //    `data-theme`, `dir`, and inline CSS vars from this provider onto\n  //    the portal element.\n  //\n  // One container per DgaProvider instance — cleaned up on unmount. SSR-safe\n  // (effects only run client-side; consumers see `portalEl: null` and the\n  // overlays fall back to `rootEl`).\n  useEffect(() => {\n    if (typeof document === 'undefined') return;\n    const el = document.createElement('div');\n    el.setAttribute('data-slot', 'dga-portal');\n    // Position relative for any child popper computing offset against\n    // nearest positioned ancestor; z-index so the portal sits above the\n    // main content stack.\n    el.style.position = 'relative';\n    el.style.zIndex = '50';\n    document.body.appendChild(el);\n    portalRef.current = el;\n    // The setState here exposes the freshly-mounted DOM element to context\n    // subscribers (overlay components) so they re-render and target the\n    // portal on first commit. Single call on mount + single on unmount;\n    // not the cascading-render footgun the lint rule guards against.\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setPortalEl(el);\n    return () => {\n      el.remove();\n      portalRef.current = null;\n\n      setPortalEl(null);\n    };\n  }, []);\n\n  // Mirror theme attributes onto the portal element so its descendants\n  // resolve `var(--ddga-*)` and respect dark mode / RTL the same way as\n  // descendants of `rootEl`. We mutate via the ref (not the state) so the\n  // react-hooks/immutability rule stays happy — and run this on every prop\n  // change that affects appearance.\n  useEffect(() => {\n    const el = portalRef.current;\n    if (!el) return;\n    el.setAttribute('data-theme', mode);\n    el.setAttribute('dir', dir);\n    el.style.colorScheme = mode;\n    if (themeVars) {\n      for (const [k, v] of Object.entries(themeVars)) {\n        el.style.setProperty(k, String(v));\n      }\n    }\n  }, [mode, dir, themeVars, portalEl]);\n\n  const ctxValue = useMemo<DgaContextValue>(\n    () => ({ dir, locale: resolvedLocale, mode, rootEl, portalEl }),\n    [dir, resolvedLocale, mode, rootEl, portalEl],\n  );\n\n  // Radix's Direction.Provider propagates `dir` to portal-rendered content\n  // (Tooltip/Select/Toast/Modal) that would otherwise inherit body dir,\n  // not the dir on this wrapper element. Nested providers reuse the parent\n  // direction via their own Direction.Provider, so this is safe to repeat.\n  const inner = <DirectionPrimitive.Provider dir={dir}>{children}</DirectionPrimitive.Provider>;\n\n  return (\n    <DgaContext.Provider value={ctxValue}>\n      <Component\n        ref={setRootEl}\n        dir={dir}\n        lang={resolvedLocale}\n        data-slot=\"dga-root\"\n        data-theme={mode}\n        className={className}\n        // Order: colorScheme → theme vars → consumer style. A manually-\n        // supplied `style` overrides `theme` (escape hatch preserved per\n        // THEMING-PLAN.md: every `--ddga-*` remains plain-CSS overridable).\n        style={{ colorScheme: mode, ...(themeVars ?? {}), ...consumerStyle }}\n      >\n        {isNested ? (\n          inner\n        ) : (\n          <TooltipPrimitive.Provider delayDuration={300} skipDelayDuration={100}>\n            {inner}\n          </TooltipPrimitive.Provider>\n        )}\n      </Component>\n    </DgaContext.Provider>\n  );\n}\n"],"mappings":";;;;;AAEA,SAAS,UAAU,SAAS,YAAY,WAAW,cAAc;AACjE,SAAS,aAAa,oBAAoB,WAAW,wBAAwB;AAC7E,SAAS,kBAAiC;AAmI1B;AApGT,SAAS,YAAY;AAAA,EAC1B,MAAM;AAAA,EACN;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,IAAI,YAAY;AAAA,EAChB;AAAA,EACA,OAAO;AAAA,EACP;AACF,GAAqB;AACnB,QAAM,YAAY,WAAW,UAAU;AACvC,QAAM,WAAW,cAAc;AAK/B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6B,IAAI;AAK7D,QAAM,YAAY,OAA8B,IAAI;AACpD,QAAM,CAAC,UAAU,WAAW,IAAI,SAA6B,IAAI;AACjE,QAAM,iBAAiB,WAAW,QAAQ,QAAQ,OAAO;AAMzD,QAAM,YAAY,QAAQ,MAAO,QAAQ,WAAW,KAAK,IAAI,MAAO,CAAC,KAAK,CAAC;AAmB3E,YAAU,MAAM;AACd,QAAI,OAAO,aAAa,YAAa;AACrC,UAAM,KAAK,SAAS,cAAc,KAAK;AACvC,OAAG,aAAa,aAAa,YAAY;AAIzC,OAAG,MAAM,WAAW;AACpB,OAAG,MAAM,SAAS;AAClB,aAAS,KAAK,YAAY,EAAE;AAC5B,cAAU,UAAU;AAMpB,gBAAY,EAAE;AACd,WAAO,MAAM;AACX,SAAG,OAAO;AACV,gBAAU,UAAU;AAEpB,kBAAY,IAAI;AAAA,IAClB;AAAA,EACF,GAAG,CAAC,CAAC;AAOL,YAAU,MAAM;AACd,UAAM,KAAK,UAAU;AACrB,QAAI,CAAC,GAAI;AACT,OAAG,aAAa,cAAc,IAAI;AAClC,OAAG,aAAa,OAAO,GAAG;AAC1B,OAAG,MAAM,cAAc;AACvB,QAAI,WAAW;AACb,iBAAW,CAAC,GAAG,CAAC,KAAK,OAAO,QAAQ,SAAS,GAAG;AAC9C,WAAG,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC;AAAA,MACnC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,KAAK,WAAW,QAAQ,CAAC;AAEnC,QAAM,WAAW;AAAA,IACf,OAAO,EAAE,KAAK,QAAQ,gBAAgB,MAAM,QAAQ,SAAS;AAAA,IAC7D,CAAC,KAAK,gBAAgB,MAAM,QAAQ,QAAQ;AAAA,EAC9C;AAMA,QAAM,QAAQ,oBAAC,mBAAmB,UAAnB,EAA4B,KAAW,UAAS;AAE/D,SACE,oBAAC,WAAW,UAAX,EAAoB,OAAO,UAC1B;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL;AAAA,MACA,MAAM;AAAA,MACN,aAAU;AAAA,MACV,cAAY;AAAA,MACZ;AAAA,MAIA,OAAO,EAAE,aAAa,MAAM,GAAI,aAAa,CAAC,GAAI,GAAG,cAAc;AAAA,MAElE,qBACC,QAEA,oBAAC,iBAAiB,UAAjB,EAA0B,eAAe,KAAK,mBAAmB,KAC/D,iBACH;AAAA;AAAA,EAEJ,GACF;AAEJ;","names":[]}

package/dist/chunk-YVQOUGWG.cjs

@@ -0,0 +1,91 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkIKWD2OENcjs = require('./chunk-IKWD2OEN.cjs');
+
+
+var _chunkN4FHLSNVcjs = require('./chunk-N4FHLSNV.cjs');
+
+
+var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Checkbox/Checkbox.tsx
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var checkboxVariants = _classvarianceauthority.cva.call(void 0, "ddga-checkbox", {
+  variants: {
+    size: {
+      sm: "ddga-checkbox--sm",
+      md: "ddga-checkbox--md"
+    },
+    error: {
+      true: "ddga-checkbox--error"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Checkbox({
+  id: externalId,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  size,
+  required,
+  className,
+  ...props
+}) {
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = _chunkNH3KGR65cjs.useFieldA11y.call(void 0, {
+    name: "Checkbox",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": props["aria-labelledby"]
+  });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "data-slot": "checkbox-field", className: "ddga-field", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ddga-checkbox-row", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _radixui.Checkbox.Root,
+        {
+          ...props,
+          ...controlProps,
+          "data-slot": "checkbox",
+          required,
+          className: _chunkV6MXOJQ4cjs.cn.call(void 0, checkboxVariants({ size, error: hasError }), className),
+          children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            _radixui.Checkbox.Indicator,
+            {
+              "data-slot": "checkbox-indicator",
+              className: "ddga-checkbox__indicator",
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Check, { className: "ddga-checkbox__check", "aria-hidden": "true" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Minus, { className: "ddga-checkbox__minus", "aria-hidden": "true" })
+              ]
+            }
+          )
+        }
+      ),
+      label && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { htmlFor: fieldId, className: "ddga-checkbox__label", children: [
+        label,
+        required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "ddga-checkbox__required", children: "*" })
+      ] })
+    ] }),
+    hasErrorMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN4FHLSNVcjs.FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN4FHLSNVcjs.FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] });
+}
+
+
+
+
+exports.checkboxVariants = checkboxVariants; exports.Checkbox = Checkbox;
+//# sourceMappingURL=chunk-YVQOUGWG.cjs.map

package/dist/chunk-YVQOUGWG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-YVQOUGWG.cjs","../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-YVQOUGWG.cjs","sourcesContent":[null,"'use client';\n\nimport type { ReactNode } from 'react';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Check, Minus } from '../../internal/icons';\nimport { useFieldA11y, FieldMessage } from '../../field';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the Radix Root (the role=checkbox button). Two sizes only ,\n// a \"lg\" checkbox is unusual; keep the surface honest.\nconst checkboxVariants = cva('ddga-checkbox', {\n  variants: {\n    size: {\n      sm: 'ddga-checkbox--sm',\n      md: 'ddga-checkbox--md',\n    },\n    error: {\n      true: 'ddga-checkbox--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// Radix owns the state model (checked / defaultChecked / onCheckedChange /\n// indeterminate via checked=\"indeterminate\" / disabled / required / name /\n// value). We add the composed label + helper/error + a11y wiring. `children`\n// is omitted , the indicator is rendered internally.\ninterface CheckboxProps\n  extends\n    Omit<React.ComponentProps<typeof CheckboxPrimitive.Root>, 'children'>,\n    VariantProps<typeof checkboxVariants> {\n  /** Visible label, sits beside the box, associated via `htmlFor`/`id`. */\n  label?: ReactNode;\n  /** Hint shown below the row. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the row when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n}\n\n// ─── 3. Component ─── //\n\nfunction Checkbox({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  required,\n  className,\n  ...props\n}: CheckboxProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Checkbox',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      'aria-label': props['aria-label'],\n      'aria-labelledby': props['aria-labelledby'],\n    });\n\n  return (\n    <div data-slot=\"checkbox-field\" className=\"ddga-field\">\n      <div className=\"ddga-checkbox-row\">\n        <CheckboxPrimitive.Root\n          // Spread props first, then the a11y contract (controlProps) so a\n          // consumer cannot accidentally clobber the wiring.\n          {...props}\n          {...controlProps}\n          data-slot=\"checkbox\"\n          required={required}\n          className={cn(checkboxVariants({ size, error: hasError }), className)}\n        >\n          <CheckboxPrimitive.Indicator\n            data-slot=\"checkbox-indicator\"\n            className=\"ddga-checkbox__indicator\"\n          >\n            {/* Both render inside the indicator (which only mounts when\n                checked or indeterminate); CSS picks one via Root data-state. */}\n            <Check className=\"ddga-checkbox__check\" aria-hidden=\"true\" />\n            <Minus className=\"ddga-checkbox__minus\" aria-hidden=\"true\" />\n          </CheckboxPrimitive.Indicator>\n        </CheckboxPrimitive.Root>\n        {label && (\n          <label htmlFor={fieldId} className=\"ddga-checkbox__label\">\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"ddga-checkbox__required\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n      </div>\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\">\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\">\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Checkbox, checkboxVariants };\nexport type { CheckboxProps };\n"]}

package/dist/chunk-Z5XJ5S7U.cjs

@@ -0,0 +1,110 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Card/Card.tsx
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var cardVariants = _classvarianceauthority.cva.call(void 0, "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 ? _radixui.Slot.Slot : "div";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "data-slot": "card",
+      "data-orientation": _nullishCoalesce(orientation, () => ( "vertical")),
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, cardVariants({ variant, padding, orientation, interactive }), className),
+      ...props
+    }
+  );
+}
+function CardImage({ aspectRatio = "16/9", className, style, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "img",
+    {
+      "data-slot": "card-image",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-card__image", className),
+      style: {
+        "--ddga-card-image-aspect": aspectRatio,
+        ...style
+      },
+      ...props
+    }
+  );
+}
+function CardHeader({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "div";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { "data-slot": "card-header", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-card__header", className), ...props });
+}
+function CardTitle({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "h3";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { "data-slot": "card-title", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-card__title", className), ...props });
+}
+function CardDescription({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "p";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "data-slot": "card-description",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-card__description", className),
+      ...props
+    }
+  );
+}
+function CardContent({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "div";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { "data-slot": "card-content", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-card__content", className), ...props });
+}
+function CardFooter({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "div";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { "data-slot": "card-footer", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-card__footer", className), ...props });
+}
+
+
+
+
+
+
+
+
+
+
+exports.cardVariants = cardVariants; exports.Card = Card; exports.CardImage = CardImage; exports.CardHeader = CardHeader; exports.CardTitle = CardTitle; exports.CardDescription = CardDescription; exports.CardContent = CardContent; exports.CardFooter = CardFooter;
+//# sourceMappingURL=chunk-Z5XJ5S7U.cjs.map

package/dist/chunk-Z5XJ5S7U.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-Z5XJ5S7U.cjs","../src/components/Card/Card.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-Z5XJ5S7U.cjs","sourcesContent":[null,"'use client';\n\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\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"]}

package/dist/chunk-ZCO5QKH2.js

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

package/dist/chunk-ZCO5QKH2.js.map

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

package/dist/chunk-ZGCKTE4V.cjs

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

package/dist/chunk-ZGCKTE4V.cjs.map

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

package/dist/chunk-ZKYBLXU7.js

@@ -0,0 +1,92 @@
+// src/components/Toast/toast-store.ts
+import "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 = 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();
+    target?.onDismiss?.();
+  }
+  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);
+
+export {
+  createToastStore,
+  toastStore,
+  createToast,
+  toast
+};
+//# sourceMappingURL=chunk-ZKYBLXU7.js.map

package/dist/chunk-ZKYBLXU7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Toast/toast-store.ts"],"sourcesContent":["'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"],"mappings":";AAEA,OAA+B;AAwD/B,IAAM,eAAe;AAUd,SAAS,mBAA+B;AAC7C,MAAI,SAAsB,CAAC;AAC3B,QAAM,YAAY,oBAAI,IAAc;AACpC,MAAI,UAAU;AAEd,WAAS,OAAO;AACd,eAAW,KAAK,UAAW,GAAE;AAAA,EAC/B;AAEA,WAAS,UAAU,UAAgC;AACjD,cAAU,IAAI,QAAQ;AACtB,WAAO,MAAM;AACX,gBAAU,OAAO,QAAQ;AAAA,IAC3B;AAAA,EACF;AAEA,WAAS,cAA2B;AAClC,WAAO;AAAA,EACT;AAEA,WAAS,SAAiB;AACxB,eAAW;AACX,WAAO,IAAI,OAAO;AAAA,EACpB;AAEA,WAAS,IAAI,SAAuB,SAAoB,UAAwB,CAAC,GAAW;AAC1F,UAAM,KAAK,QAAQ,MAAM,OAAO;AAChC,UAAM,WAAW,OAAO,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE;AACpD,UAAM,OAAkB;AAAA,MACtB;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa,QAAQ;AAAA,MACrB,UAAU,QAAQ;AAAA,MAClB,QAAQ,QAAQ;AAAA,MAChB,WAAW,QAAQ;AAAA,IACrB;AACA,QAAI,YAAY,GAAG;AAGjB,eAAS,OAAO,IAAI,CAAC,GAAG,MAAO,MAAM,WAAW,OAAO,CAAE;AAAA,IAC3D,OAAO;AACL,eAAS,CAAC,GAAG,QAAQ,IAAI;AAAA,IAC3B;AACA,SAAK;AACL,WAAO;AAAA,EACT;AAIA,WAAS,QAAQ,IAAmB;AAClC,QAAI,OAAO,QAAW;AACpB,YAAM,MAAM,OAAO,IAAI,CAAC,MAAM,EAAE,EAAE;AAClC,eAAS,OAAO,IAAI,CAAC,OAAO,EAAE,GAAG,GAAG,MAAM,MAAM,EAAE;AAClD,WAAK;AACL,iBAAW,MAAM;AACf,YAAI,QAAQ,CAACA,QAAO,OAAOA,GAAE,CAAC;AAAA,MAChC,GAAG,YAAY;AAAA,IACjB,OAAO;AACL,eAAS,OAAO,IAAI,CAAC,MAAO,EAAE,OAAO,KAAK,EAAE,GAAG,GAAG,MAAM,MAAM,IAAI,CAAE;AACpE,WAAK;AACL,iBAAW,MAAM,OAAO,EAAE,GAAG,YAAY;AAAA,IAC3C;AAAA,EACF;AAEA,WAAS,OAAO,IAAkB;AAChC,UAAM,SAAS,OAAO,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE;AAC7C,aAAS,OAAO,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE;AACzC,SAAK;AACL,YAAQ,YAAY;AAAA,EACtB;AAEA,WAAS,UAAgB;AACvB,aAAS,CAAC;AACV,cAAU;AACV,SAAK;AAAA,EACP;AAEA,SAAO,EAAE,WAAW,aAAa,KAAK,SAAS,QAAQ,QAAQ;AACjE;AAKO,IAAM,aAAyB,iBAAiB;AAkBhD,SAAS,YAAY,OAA4B;AACtD,QAAM,MAAe,CAAC,SAAS,YAAY,MAAM,IAAI,WAAW,SAAS,OAAO;AAChF,KAAG,UAAU,CAAC,SAAS,YAAY,MAAM,IAAI,WAAW,SAAS,OAAO;AACxE,KAAG,OAAO,CAAC,SAAS,YAAY,MAAM,IAAI,QAAQ,SAAS,OAAO;AAClE,KAAG,UAAU,CAAC,SAAS,YAAY,MAAM,IAAI,WAAW,SAAS,OAAO;AACxE,KAAG,UAAU,CAAC,SAAS,YAAY,MAAM,IAAI,WAAW,SAAS,OAAO;AACxE,KAAG,QAAQ,CAAC,SAAS,YAAY,MAAM,IAAI,eAAe,SAAS,OAAO;AAC1E,KAAG,cAAc,GAAG;AACpB,KAAG,UAAU,CAAC,OAAO,MAAM,QAAQ,EAAE;AACrC,SAAO;AACT;AAGO,IAAM,QAAiB,YAAY,UAAU;","names":["id"]}

package/dist/chunk-ZPUYNM37.js

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

package/dist/chunk-ZPUYNM37.js.map

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

package/dist/chunk-ZS7HLBPD.cjs

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

package/dist/chunk-ZS7HLBPD.cjs.map

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

package/dist/chunk-ZST6DCNE.cjs

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

package/dist/chunk-ZST6DCNE.cjs.map

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

package/dist/chunk-ZY5XXYXJ.js

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

package/dist/chunk-ZY5XXYXJ.js.map

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

package/dist/components/Accordion/Accordion.cjs

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+
+
+var _chunkGMBIFJOAcjs = require('../../chunk-GMBIFJOA.cjs');
+require('../../chunk-IKWD2OEN.cjs');
+require('../../chunk-V6MXOJQ4.cjs');
+
+
+
+
+
+
+exports.Accordion = _chunkGMBIFJOAcjs.Accordion; exports.AccordionContent = _chunkGMBIFJOAcjs.AccordionContent; exports.AccordionItem = _chunkGMBIFJOAcjs.AccordionItem; exports.AccordionTrigger = _chunkGMBIFJOAcjs.AccordionTrigger; exports.accordionVariants = _chunkGMBIFJOAcjs.accordionVariants;
+//# sourceMappingURL=Accordion.cjs.map

package/dist/components/Accordion/Accordion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/components/Accordion/Accordion.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACA;AACA;AACA;AACA;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACA;AACA;AACA;AACA;AACF,wSAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/components/Accordion/Accordion.cjs"}

package/dist/components/Accordion/Accordion.js

@@ -0,0 +1,18 @@
+"use client";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  accordionVariants
+} from "../../chunk-QGK2KYQS.js";
+import "../../chunk-CDS4SYEQ.js";
+import "../../chunk-7NTT2UXP.js";
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  accordionVariants
+};
+//# sourceMappingURL=Accordion.js.map

package/dist/components/Accordion/Accordion.js.map

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

package/dist/components/Accordion/index.cjs

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../../chunk-BDS4NUMS.cjs');
+
+
+
+
+
+
+var _chunkGMBIFJOAcjs = require('../../chunk-GMBIFJOA.cjs');
+require('../../chunk-IKWD2OEN.cjs');
+require('../../chunk-V6MXOJQ4.cjs');
+
+
+
+
+
+
+exports.Accordion = _chunkGMBIFJOAcjs.Accordion; exports.AccordionContent = _chunkGMBIFJOAcjs.AccordionContent; exports.AccordionItem = _chunkGMBIFJOAcjs.AccordionItem; exports.AccordionTrigger = _chunkGMBIFJOAcjs.AccordionTrigger; exports.accordionVariants = _chunkGMBIFJOAcjs.accordionVariants;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Accordion/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/components/Accordion/index.cjs"],"names":[],"mappings":"AAAA,6GAAiC;AACjC;AACE;AACA;AACA;AACA;AACA;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACA;AACA;AACA;AACA;AACF,wSAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/components/Accordion/index.cjs"}

package/dist/components/Accordion/index.js

@@ -0,0 +1,18 @@
+import "../../chunk-L6HWOYOY.js";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  accordionVariants
+} from "../../chunk-QGK2KYQS.js";
+import "../../chunk-CDS4SYEQ.js";
+import "../../chunk-7NTT2UXP.js";
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  accordionVariants
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Accordion/index.js.map

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

package/dist/components/Alert/Alert.cjs

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+
+
+
+
+var _chunkOGZKNZS6cjs = require('../../chunk-OGZKNZS6.cjs');
+require('../../chunk-IKWD2OEN.cjs');
+require('../../chunk-V6MXOJQ4.cjs');
+
+
+
+
+
+exports.Alert = _chunkOGZKNZS6cjs.Alert; exports.AlertDescription = _chunkOGZKNZS6cjs.AlertDescription; exports.AlertTitle = _chunkOGZKNZS6cjs.AlertTitle; exports.alertVariants = _chunkOGZKNZS6cjs.alertVariants;
+//# sourceMappingURL=Alert.cjs.map

package/dist/components/Alert/Alert.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/components/Alert/Alert.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACA;AACA;AACA;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACA;AACA;AACA;AACF,mNAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/components/Alert/Alert.cjs"}

package/dist/components/Alert/Alert.js

@@ -0,0 +1,16 @@
+"use client";
+import {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+  alertVariants
+} from "../../chunk-VPTWF4AK.js";
+import "../../chunk-CDS4SYEQ.js";
+import "../../chunk-7NTT2UXP.js";
+export {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+  alertVariants
+};
+//# sourceMappingURL=Alert.js.map

package/dist/components/Alert/Alert.js.map

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

package/dist/components/Alert/index.cjs

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../../chunk-YKKDKR6Q.cjs');
+
+
+
+
+
+var _chunkOGZKNZS6cjs = require('../../chunk-OGZKNZS6.cjs');
+require('../../chunk-IKWD2OEN.cjs');
+require('../../chunk-V6MXOJQ4.cjs');
+
+
+
+
+
+exports.Alert = _chunkOGZKNZS6cjs.Alert; exports.AlertDescription = _chunkOGZKNZS6cjs.AlertDescription; exports.AlertTitle = _chunkOGZKNZS6cjs.AlertTitle; exports.alertVariants = _chunkOGZKNZS6cjs.alertVariants;
+//# sourceMappingURL=index.cjs.map