@dev-dga/react 0.8.1 → 0.8.2

package/dist/chunk-VAF6PKVY.js

@@ -0,0 +1,127 @@
+import {
+  Close
+} from "./chunk-CDS4SYEQ.js";
+import {
+  DgaContext
+} from "./chunk-TMXABSFE.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Drawer/Drawer.tsx
+import { useContext } from "react";
+import { Dialog as DialogPrimitive, Slot as SlotPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var drawerVariants = cva("ddga-drawer", {
+  variants: {
+    side: {
+      start: "ddga-drawer--start",
+      end: "ddga-drawer--end",
+      top: "ddga-drawer--top",
+      bottom: "ddga-drawer--bottom"
+    },
+    size: {
+      sm: "ddga-drawer--sm",
+      md: "ddga-drawer--md",
+      lg: "ddga-drawer--lg",
+      full: "ddga-drawer--full"
+    }
+  },
+  defaultVariants: {
+    side: "end",
+    size: "md"
+  }
+});
+function Drawer(props) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...props });
+}
+function DrawerTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "drawer-trigger", className, ...props });
+}
+function DrawerContent({
+  side,
+  size,
+  showCloseButton = true,
+  closeLabel = "Close",
+  className,
+  children,
+  ...props
+}) {
+  const ctx = useContext(DgaContext);
+  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
+  return /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { container: portalContainer, children: [
+    /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { className: "ddga-drawer__overlay", "data-slot": "drawer-overlay" }),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "drawer-content",
+        className: cn(drawerVariants({ side, size }), className),
+        ...props,
+        children: [
+          children,
+          showCloseButton ? /* @__PURE__ */ jsx(
+            DialogPrimitive.Close,
+            {
+              className: "ddga-drawer__close",
+              "aria-label": closeLabel,
+              "data-slot": "drawer-close-x",
+              children: /* @__PURE__ */ jsx(Close, { "aria-hidden": "true" })
+            }
+          ) : null
+        ]
+      }
+    )
+  ] });
+}
+function DrawerHeader({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "div";
+  return /* @__PURE__ */ jsx(Comp, { "data-slot": "drawer-header", className: cn("ddga-drawer__header", className), ...props });
+}
+function DrawerTitle({ asChild, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      asChild,
+      "data-slot": "drawer-title",
+      className: cn("ddga-drawer__title", className),
+      ...props
+    }
+  );
+}
+function DrawerDescription({ asChild, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      asChild,
+      "data-slot": "drawer-description",
+      className: cn("ddga-drawer__description", className),
+      ...props
+    }
+  );
+}
+function DrawerBody({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "div";
+  return /* @__PURE__ */ jsx(Comp, { "data-slot": "drawer-body", className: cn("ddga-drawer__body", className), ...props });
+}
+function DrawerFooter({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "div";
+  return /* @__PURE__ */ jsx(Comp, { "data-slot": "drawer-footer", className: cn("ddga-drawer__footer", className), ...props });
+}
+function DrawerClose({ className, ...props }) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "drawer-close", className, ...props });
+}
+
+export {
+  drawerVariants,
+  Drawer,
+  DrawerTrigger,
+  DrawerContent,
+  DrawerHeader,
+  DrawerTitle,
+  DrawerDescription,
+  DrawerBody,
+  DrawerFooter,
+  DrawerClose
+};
+//# sourceMappingURL=chunk-VAF6PKVY.js.map

package/dist/chunk-VAF6PKVY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Drawer/Drawer.tsx"],"sourcesContent":["'use client';\n\nimport { useContext } from 'react';\nimport { Dialog as DialogPrimitive, Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { DgaContext } from '../../providers/DgaContext';\nimport { Close } from '../../internal/icons';\n\n// ─── 1. Variants ─── //\n//\n// Drawer reuses Radix Dialog under the hood (same focus trap + scroll lock +\n// ESC contract as Modal), but slides in from an edge instead of centering.\n// `side` uses logical names — `start`/`end` flip with `dir`, so the same\n// markup works for both LTR and RTL without the consumer doing anything.\n\nconst drawerVariants = cva('ddga-drawer', {\n  variants: {\n    side: {\n      start: 'ddga-drawer--start',\n      end: 'ddga-drawer--end',\n      top: 'ddga-drawer--top',\n      bottom: 'ddga-drawer--bottom',\n    },\n    size: {\n      sm: 'ddga-drawer--sm',\n      md: 'ddga-drawer--md',\n      lg: 'ddga-drawer--lg',\n      full: 'ddga-drawer--full',\n    },\n  },\n  defaultVariants: {\n    side: 'end',\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ntype DrawerProps = React.ComponentProps<typeof DialogPrimitive.Root>;\ntype DrawerTriggerProps = React.ComponentProps<typeof DialogPrimitive.Trigger>;\ntype DrawerCloseProps = React.ComponentProps<typeof DialogPrimitive.Close>;\n\ninterface DrawerContentProps\n  extends\n    React.ComponentProps<typeof DialogPrimitive.Content>,\n    VariantProps<typeof drawerVariants> {\n  /** Show the corner X close button. Defaults to `true`. */\n  showCloseButton?: boolean;\n  /** Localized aria-label for the close button. Defaults to `\"Close\"`. */\n  closeLabel?: string;\n}\n\ntype DrawerSectionProps = React.ComponentProps<'div'> & { asChild?: boolean };\n\ninterface DrawerTitleProps extends React.ComponentProps<typeof DialogPrimitive.Title> {\n  asChild?: boolean;\n}\n\ninterface DrawerDescriptionProps extends React.ComponentProps<typeof DialogPrimitive.Description> {\n  asChild?: boolean;\n}\n\n// ─── 3. Components ─── //\n\nfunction Drawer(props: DrawerProps) {\n  return <DialogPrimitive.Root {...props} />;\n}\n\nfunction DrawerTrigger({ className, ...props }: DrawerTriggerProps) {\n  return <DialogPrimitive.Trigger data-slot=\"drawer-trigger\" className={className} {...props} />;\n}\n\nfunction DrawerContent({\n  side,\n  size,\n  showCloseButton = true,\n  closeLabel = 'Close',\n  className,\n  children,\n  ...props\n}: DrawerContentProps) {\n  // Anchor the Portal to the DgaProvider's body-level portal container so\n  // theming + dark mode inherit AND `position: fixed` stays anchored to the\n  // viewport (any `transform` ancestor would otherwise reparent the\n  // containing block and clip the drawer). Regression test mirrors\n  // Select/Modal/DropdownMenu.\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <DialogPrimitive.Portal container={portalContainer}>\n      <DialogPrimitive.Overlay className=\"ddga-drawer__overlay\" data-slot=\"drawer-overlay\" />\n      <DialogPrimitive.Content\n        data-slot=\"drawer-content\"\n        className={cn(drawerVariants({ side, size }), className)}\n        {...props}\n      >\n        {children}\n        {showCloseButton ? (\n          <DialogPrimitive.Close\n            className=\"ddga-drawer__close\"\n            aria-label={closeLabel}\n            data-slot=\"drawer-close-x\"\n          >\n            <Close aria-hidden=\"true\" />\n          </DialogPrimitive.Close>\n        ) : null}\n      </DialogPrimitive.Content>\n    </DialogPrimitive.Portal>\n  );\n}\n\nfunction DrawerHeader({ asChild, className, ...props }: DrawerSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp data-slot=\"drawer-header\" className={cn('ddga-drawer__header', className)} {...props} />\n  );\n}\n\nfunction DrawerTitle({ asChild, className, ...props }: DrawerTitleProps) {\n  return (\n    <DialogPrimitive.Title\n      asChild={asChild}\n      data-slot=\"drawer-title\"\n      className={cn('ddga-drawer__title', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerDescription({ asChild, className, ...props }: DrawerDescriptionProps) {\n  return (\n    <DialogPrimitive.Description\n      asChild={asChild}\n      data-slot=\"drawer-description\"\n      className={cn('ddga-drawer__description', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerBody({ asChild, className, ...props }: DrawerSectionProps) {\n  // Scrollable middle region — keeps Header/Footer pinned while the body\n  // overflows. Separate from Header/Footer so consumers can opt in.\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return <Comp data-slot=\"drawer-body\" className={cn('ddga-drawer__body', className)} {...props} />;\n}\n\nfunction DrawerFooter({ asChild, className, ...props }: DrawerSectionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n  return (\n    <Comp data-slot=\"drawer-footer\" className={cn('ddga-drawer__footer', className)} {...props} />\n  );\n}\n\nfunction DrawerClose({ className, ...props }: DrawerCloseProps) {\n  return <DialogPrimitive.Close data-slot=\"drawer-close\" className={className} {...props} />;\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  Drawer,\n  DrawerTrigger,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerDescription,\n  DrawerBody,\n  DrawerFooter,\n  DrawerClose,\n  drawerVariants,\n};\nexport type {\n  DrawerProps,\n  DrawerTriggerProps,\n  DrawerContentProps,\n  DrawerSectionProps,\n  DrawerTitleProps,\n  DrawerDescriptionProps,\n  DrawerCloseProps,\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-VBWRH4UW.cjs

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

package/dist/chunk-VBWRH4UW.cjs.map

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

package/dist/chunk-VNITXANA.js

@@ -0,0 +1,106 @@
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Timeline/Timeline.tsx
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var timelineVariants = cva("ddga-timeline", {
+  variants: {
+    size: {
+      sm: "ddga-timeline--sm",
+      md: "ddga-timeline--md"
+    },
+    orientation: {
+      vertical: "ddga-timeline--vertical",
+      horizontal: "ddga-timeline--horizontal"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    orientation: "vertical"
+  }
+});
+var timelineMarkerVariants = cva("ddga-timeline__marker", {
+  variants: {
+    status: {
+      default: "ddga-timeline__marker--default",
+      success: "ddga-timeline__marker--success",
+      error: "ddga-timeline__marker--error",
+      warning: "ddga-timeline__marker--warning",
+      info: "ddga-timeline__marker--info"
+    }
+  },
+  defaultVariants: {
+    status: "default"
+  }
+});
+function Timeline({ size, orientation, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "ol",
+    {
+      "data-slot": "timeline",
+      "data-orientation": orientation ?? "vertical",
+      className: cn(timelineVariants({ size, orientation }), className),
+      ...props
+    }
+  );
+}
+function TimelineItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx("li", { "data-slot": "timeline-item", className: cn("ddga-timeline__item", className), ...props });
+}
+function TimelineMarker({ status, className, children, ...props }) {
+  const resolved = status ?? "default";
+  const reached = resolved !== "default";
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-slot": "timeline-marker",
+      "data-status": resolved,
+      "data-reached": reached ? "" : void 0,
+      className: cn(timelineMarkerVariants({ status }), className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx("span", { className: "ddga-timeline__dot" })
+    }
+  );
+}
+function TimelineContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "timeline-content",
+      className: cn("ddga-timeline__content", className),
+      ...props
+    }
+  );
+}
+function TimelineTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx("span", { "data-slot": "timeline-title", className: cn("ddga-timeline__title", className), ...props });
+}
+function TimelineDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "timeline-description",
+      className: cn("ddga-timeline__description", className),
+      ...props
+    }
+  );
+}
+function TimelineTime({ className, ...props }) {
+  return /* @__PURE__ */ jsx("time", { "data-slot": "timeline-time", className: cn("ddga-timeline__time", className), ...props });
+}
+
+export {
+  timelineVariants,
+  timelineMarkerVariants,
+  Timeline,
+  TimelineItem,
+  TimelineMarker,
+  TimelineContent,
+  TimelineTitle,
+  TimelineDescription,
+  TimelineTime
+};
+//# sourceMappingURL=chunk-VNITXANA.js.map

package/dist/chunk-VNITXANA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Timeline/Timeline.tsx"],"sourcesContent":["'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Visual-only chronological compound. Semantic `<ol>`/`<li>` so the event\n// count + order are assistive-tech-readable. The connector line is CSS-drawn\n// via a pseudo-element between siblings (the `Steps` technique) — no separator\n// component for consumers to misuse. Markers carry a `status` that tints the\n// node via the semantic `--ddga-color-*` palette; the status is PURELY VISUAL,\n// so the meaning (\"Failed\") must live in the content text — never rely on the\n// dot colour alone. \"Activity feed\" is a composition of this primitive\n// (Timeline + Avatar + text in the content slot), not a separate component.\n\nconst timelineVariants = cva('ddga-timeline', {\n  variants: {\n    size: {\n      sm: 'ddga-timeline--sm',\n      md: 'ddga-timeline--md',\n    },\n    orientation: {\n      vertical: 'ddga-timeline--vertical',\n      horizontal: 'ddga-timeline--horizontal',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    orientation: 'vertical',\n  },\n});\n\ntype TimelineStatus = 'default' | 'success' | 'error' | 'warning' | 'info';\n\nconst timelineMarkerVariants = cva('ddga-timeline__marker', {\n  variants: {\n    status: {\n      default: 'ddga-timeline__marker--default',\n      success: 'ddga-timeline__marker--success',\n      error: 'ddga-timeline__marker--error',\n      warning: 'ddga-timeline__marker--warning',\n      info: 'ddga-timeline__marker--info',\n    },\n  },\n  defaultVariants: {\n    status: 'default',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface TimelineProps extends React.ComponentProps<'ol'>, VariantProps<typeof timelineVariants> {}\n\ntype TimelineItemProps = React.ComponentProps<'li'>;\n\ninterface TimelineMarkerProps\n  extends React.ComponentProps<'span'>, VariantProps<typeof timelineMarkerVariants> {}\n\ntype TimelineContentProps = React.ComponentProps<'div'>;\ntype TimelineTitleProps = React.ComponentProps<'span'>;\ntype TimelineDescriptionProps = React.ComponentProps<'span'>;\ntype TimelineTimeProps = React.ComponentProps<'time'>;\n\n// ─── 3. Components ─── //\n\nfunction Timeline({ size, orientation, className, ...props }: TimelineProps) {\n  // `<ol>` is the right semantic for an ordered sequence of events; the\n  // implicit listitem role on children makes the count assistive-tech-readable.\n  return (\n    <ol\n      data-slot=\"timeline\"\n      data-orientation={orientation ?? 'vertical'}\n      className={cn(timelineVariants({ size, orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction TimelineItem({ className, ...props }: TimelineItemProps) {\n  // Always an `<li>` — the parent `<ol>` may only contain `<li>` children, so\n  // consumers needing a clickable event put an `<a>` (or router primitive)\n  // INSIDE the content, never as the item element itself. This is why no part\n  // ships `asChild` (mirrors `Steps`). The item owns the CSS connector segment\n  // to the next sibling.\n  return (\n    <li data-slot=\"timeline-item\" className={cn('ddga-timeline__item', className)} {...props} />\n  );\n}\n\nfunction TimelineMarker({ status, className, children, ...props }: TimelineMarkerProps) {\n  // Decorative — assistive tech reads the content, not the node. When children\n  // are provided they render as a custom icon; otherwise a plain dot is drawn.\n  // The `data-status` carries the visual intent for CSS keying.\n  const resolved = status ?? 'default';\n  // `data-reached` marks a non-default (completed/active) node. The connector\n  // line uses it as a CSS sibling gate so a segment fills with the PREVIOUS\n  // node's colour ONLY when the NEXT node is also reached — a completed→pending\n  // transition stays neutral (the Steps progress-fill semantics).\n  const reached = resolved !== 'default';\n  return (\n    <span\n      aria-hidden=\"true\"\n      data-slot=\"timeline-marker\"\n      data-status={resolved}\n      data-reached={reached ? '' : undefined}\n      className={cn(timelineMarkerVariants({ status }), className)}\n      {...props}\n    >\n      {children ?? <span className=\"ddga-timeline__dot\" />}\n    </span>\n  );\n}\n\nfunction TimelineContent({ className, ...props }: TimelineContentProps) {\n  return (\n    <div\n      data-slot=\"timeline-content\"\n      className={cn('ddga-timeline__content', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TimelineTitle({ className, ...props }: TimelineTitleProps) {\n  return (\n    <span data-slot=\"timeline-title\" className={cn('ddga-timeline__title', className)} {...props} />\n  );\n}\n\nfunction TimelineDescription({ className, ...props }: TimelineDescriptionProps) {\n  return (\n    <span\n      data-slot=\"timeline-description\"\n      className={cn('ddga-timeline__description', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TimelineTime({ className, ...props }: TimelineTimeProps) {\n  // Renders a real `<time>`; consumers pass `dateTime` for the machine-readable\n  // timestamp while the children carry the human-readable label (\"2h ago\").\n  return (\n    <time data-slot=\"timeline-time\" className={cn('ddga-timeline__time', className)} {...props} />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  Timeline,\n  TimelineItem,\n  TimelineMarker,\n  TimelineContent,\n  TimelineTitle,\n  TimelineDescription,\n  TimelineTime,\n  timelineVariants,\n  timelineMarkerVariants,\n};\nexport type {\n  TimelineProps,\n  TimelineItemProps,\n  TimelineMarkerProps,\n  TimelineContentProps,\n  TimelineTitleProps,\n  TimelineDescriptionProps,\n  TimelineTimeProps,\n  TimelineStatus,\n};\n"],"mappings":";;;;;AAEA,SAAS,WAA8B;AAoEnC;AAtDJ,IAAM,mBAAmB,IAAI,iBAAiB;AAAA,EAC5C,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,aAAa;AAAA,MACX,UAAU;AAAA,MACV,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,aAAa;AAAA,EACf;AACF,CAAC;AAID,IAAM,yBAAyB,IAAI,yBAAyB;AAAA,EAC1D,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,QAAQ;AAAA,EACV;AACF,CAAC;AAkBD,SAAS,SAAS,EAAE,MAAM,aAAa,WAAW,GAAG,MAAM,GAAkB;AAG3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,oBAAkB,eAAe;AAAA,MACjC,WAAW,GAAG,iBAAiB,EAAE,MAAM,YAAY,CAAC,GAAG,SAAS;AAAA,MAC/D,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,MAAM,GAAsB;AAMhE,SACE,oBAAC,QAAG,aAAU,iBAAgB,WAAW,GAAG,uBAAuB,SAAS,GAAI,GAAG,OAAO;AAE9F;AAEA,SAAS,eAAe,EAAE,QAAQ,WAAW,UAAU,GAAG,MAAM,GAAwB;AAItF,QAAM,WAAW,UAAU;AAK3B,QAAM,UAAU,aAAa;AAC7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,aAAU;AAAA,MACV,eAAa;AAAA,MACb,gBAAc,UAAU,KAAK;AAAA,MAC7B,WAAW,GAAG,uBAAuB,EAAE,OAAO,CAAC,GAAG,SAAS;AAAA,MAC1D,GAAG;AAAA,MAEH,sBAAY,oBAAC,UAAK,WAAU,sBAAqB;AAAA;AAAA,EACpD;AAEJ;AAEA,SAAS,gBAAgB,EAAE,WAAW,GAAG,MAAM,GAAyB;AACtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,0BAA0B,SAAS;AAAA,MAChD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,MAAM,GAAuB;AAClE,SACE,oBAAC,UAAK,aAAU,kBAAiB,WAAW,GAAG,wBAAwB,SAAS,GAAI,GAAG,OAAO;AAElG;AAEA,SAAS,oBAAoB,EAAE,WAAW,GAAG,MAAM,GAA6B;AAC9E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,8BAA8B,SAAS;AAAA,MACpD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,MAAM,GAAsB;AAGhE,SACE,oBAAC,UAAK,aAAU,iBAAgB,WAAW,GAAG,uBAAuB,SAAS,GAAI,GAAG,OAAO;AAEhG;","names":[]}

package/dist/chunk-VP7DRJUZ.js

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

package/dist/chunk-VP7DRJUZ.js.map

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

package/dist/chunk-VPTWF4AK.js

@@ -0,0 +1,111 @@
+import {
+  AlertCircle,
+  AlertTriangle,
+  Check,
+  Close,
+  Info
+} from "./chunk-CDS4SYEQ.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Alert/Alert.tsx
+import { useState } from "react";
+import { Slot as SlotPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var alertVariants = cva("ddga-alert", {
+  variants: {
+    variant: {
+      info: "ddga-alert--info",
+      success: "ddga-alert--success",
+      warning: "ddga-alert--warning",
+      destructive: "ddga-alert--destructive"
+    }
+  },
+  defaultVariants: {
+    variant: "info"
+  }
+});
+var DEFAULT_ICONS = {
+  info: /* @__PURE__ */ jsx(Info, { "aria-hidden": "true" }),
+  success: /* @__PURE__ */ jsx(Check, { "aria-hidden": "true" }),
+  warning: /* @__PURE__ */ jsx(AlertTriangle, { "aria-hidden": "true" }),
+  destructive: /* @__PURE__ */ jsx(AlertCircle, { "aria-hidden": "true" })
+};
+function Alert({
+  variant,
+  asChild,
+  icon,
+  dismissible,
+  open: controlledOpen,
+  onDismiss,
+  live,
+  closeLabel = "Dismiss",
+  className,
+  children,
+  ...props
+}) {
+  const [internalOpen, setInternalOpen] = useState(true);
+  const isControlled = controlledOpen !== void 0;
+  const open = isControlled ? controlledOpen : internalOpen;
+  if (!open) return null;
+  const Comp = asChild ? SlotPrimitive.Slot : "div";
+  const resolvedIcon = icon === false ? null : icon !== void 0 ? icon : DEFAULT_ICONS[variant ?? "info"];
+  const liveProps = live === "assertive" ? { role: "alert", "aria-live": "assertive" } : live === "polite" ? { role: "status", "aria-live": "polite" } : {};
+  function handleDismiss() {
+    if (!isControlled) setInternalOpen(false);
+    onDismiss?.();
+  }
+  return /* @__PURE__ */ jsxs(
+    Comp,
+    {
+      "data-slot": "alert",
+      "data-variant": variant ?? "info",
+      className: cn(alertVariants({ variant }), className),
+      ...liveProps,
+      ...props,
+      children: [
+        resolvedIcon ? /* @__PURE__ */ jsx("span", { className: "ddga-alert__icon", children: resolvedIcon }) : null,
+        asChild ? (
+          // Slot mode: the consumer's element receives the children body.
+          // Title/description are nested by the consumer.
+          /* @__PURE__ */ jsx(SlotPrimitive.Slottable, { children })
+        ) : /* @__PURE__ */ jsx("div", { className: "ddga-alert__body", children }),
+        dismissible ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "ddga-alert__close",
+            "aria-label": closeLabel,
+            onClick: handleDismiss,
+            children: /* @__PURE__ */ jsx(Close, { "aria-hidden": "true" })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function AlertTitle({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "h5";
+  return /* @__PURE__ */ jsx(Comp, { "data-slot": "alert-title", className: cn("ddga-alert__title", className), ...props });
+}
+function AlertDescription({ asChild, className, ...props }) {
+  const Comp = asChild ? SlotPrimitive.Slot : "p";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "alert-description",
+      className: cn("ddga-alert__description", className),
+      ...props
+    }
+  );
+}
+
+export {
+  alertVariants,
+  Alert,
+  AlertTitle,
+  AlertDescription
+};
+//# sourceMappingURL=chunk-VPTWF4AK.js.map

package/dist/chunk-VPTWF4AK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Alert/Alert.tsx"],"sourcesContent":["'use client';\n\nimport { useState, 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 { Info, Check, AlertTriangle, AlertCircle, Close } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n\nconst alertVariants = cva('ddga-alert', {\n  variants: {\n    variant: {\n      info: 'ddga-alert--info',\n      success: 'ddga-alert--success',\n      warning: 'ddga-alert--warning',\n      destructive: 'ddga-alert--destructive',\n    },\n  },\n  defaultVariants: {\n    variant: 'info',\n  },\n});\n\nconst DEFAULT_ICONS: Record<\n  NonNullable<VariantProps<typeof alertVariants>['variant']>,\n  ReactNode\n> = {\n  info: <Info aria-hidden=\"true\" />,\n  success: <Check aria-hidden=\"true\" />,\n  warning: <AlertTriangle aria-hidden=\"true\" />,\n  destructive: <AlertCircle aria-hidden=\"true\" />,\n};\n\n// ─── 2. Types ─── //\n\ninterface AlertProps\n  extends Omit<React.ComponentProps<'div'>, 'role'>, VariantProps<typeof alertVariants> {\n  /** Render as the single child element instead of a `<div>`. */\n  asChild?: boolean;\n  /**\n   * Custom leading icon. Pass `false` to hide the icon entirely. Defaults to\n   * a variant-appropriate icon (Info / Check / AlertTriangle / AlertCircle).\n   */\n  icon?: ReactNode | false;\n  /**\n   * Show a trailing close button. The alert manages its own visibility — pass\n   * `onDismiss` to be notified, or set `open` to control visibility yourself.\n   */\n  dismissible?: boolean;\n  /** Controlled visibility. Pair with `onDismiss` to react. */\n  open?: boolean;\n  /** Fires when the user clicks the close button. */\n  onDismiss?: () => void;\n  /**\n   * Wire the alert into the a11y tree as a live region. `polite` announces on\n   * the next graceful opportunity (use for success/info banners). `assertive`\n   * interrupts the user (reserve for destructive/error states that block the\n   * task). Omit for static / decorative banners.\n   */\n  live?: 'polite' | 'assertive';\n  /** Localized label for the close button. Defaults to `\"Dismiss\"`. */\n  closeLabel?: string;\n}\n\ninterface AlertTitleProps extends React.ComponentProps<'h5'> {\n  /** Override the heading element (e.g. render an `<h3>`). */\n  asChild?: boolean;\n}\n\ntype AlertDescriptionProps = React.ComponentProps<'p'> & { asChild?: boolean };\n\n// ─── 3. Components ─── //\n\nfunction Alert({\n  variant,\n  asChild,\n  icon,\n  dismissible,\n  open: controlledOpen,\n  onDismiss,\n  live,\n  closeLabel = 'Dismiss',\n  className,\n  children,\n  ...props\n}: AlertProps) {\n  const [internalOpen, setInternalOpen] = useState(true);\n  const isControlled = controlledOpen !== undefined;\n  const open = isControlled ? controlledOpen : internalOpen;\n\n  if (!open) return null;\n\n  const Comp = asChild ? SlotPrimitive.Slot : 'div';\n\n  const resolvedIcon =\n    icon === false ? null : icon !== undefined ? icon : DEFAULT_ICONS[variant ?? 'info'];\n\n  // Live-region semantics. `role=\"alert\"` is implicit when aria-live=assertive,\n  // but Radix-style explicitness reads better in tests + DOM inspection.\n  const liveProps =\n    live === 'assertive'\n      ? { role: 'alert' as const, 'aria-live': 'assertive' as const }\n      : live === 'polite'\n        ? { role: 'status' as const, 'aria-live': 'polite' as const }\n        : {};\n\n  function handleDismiss() {\n    if (!isControlled) setInternalOpen(false);\n    onDismiss?.();\n  }\n\n  return (\n    <Comp\n      data-slot=\"alert\"\n      data-variant={variant ?? 'info'}\n      className={cn(alertVariants({ variant }), className)}\n      {...liveProps}\n      {...props}\n    >\n      {resolvedIcon ? <span className=\"ddga-alert__icon\">{resolvedIcon}</span> : null}\n      {asChild ? (\n        // Slot mode: the consumer's element receives the children body.\n        // Title/description are nested by the consumer.\n        <SlotPrimitive.Slottable>{children}</SlotPrimitive.Slottable>\n      ) : (\n        <div className=\"ddga-alert__body\">{children}</div>\n      )}\n      {dismissible ? (\n        <button\n          type=\"button\"\n          className=\"ddga-alert__close\"\n          aria-label={closeLabel}\n          onClick={handleDismiss}\n        >\n          <Close aria-hidden=\"true\" />\n        </button>\n      ) : null}\n    </Comp>\n  );\n}\n\nfunction AlertTitle({ asChild, className, ...props }: AlertTitleProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'h5';\n  return <Comp data-slot=\"alert-title\" className={cn('ddga-alert__title', className)} {...props} />;\n}\n\nfunction AlertDescription({ asChild, className, ...props }: AlertDescriptionProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'p';\n  return (\n    <Comp\n      data-slot=\"alert-description\"\n      className={cn('ddga-alert__description', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Alert, AlertTitle, AlertDescription, alertVariants };\nexport type { AlertProps, AlertTitleProps, AlertDescriptionProps };\n"],"mappings":";;;;;;;;;;;;AAEA,SAAS,gBAAgC;AACzC,SAAS,QAAQ,qBAAqB;AACtC,SAAS,WAA8B;AAwB/B,cAqFJ,YArFI;AAlBR,IAAM,gBAAgB,IAAI,cAAc;AAAA,EACtC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AAED,IAAM,gBAGF;AAAA,EACF,MAAM,oBAAC,QAAK,eAAY,QAAO;AAAA,EAC/B,SAAS,oBAAC,SAAM,eAAY,QAAO;AAAA,EACnC,SAAS,oBAAC,iBAAc,eAAY,QAAO;AAAA,EAC3C,aAAa,oBAAC,eAAY,eAAY,QAAO;AAC/C;AA0CA,SAAS,MAAM;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAe;AACb,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,IAAI;AACrD,QAAM,eAAe,mBAAmB;AACxC,QAAM,OAAO,eAAe,iBAAiB;AAE7C,MAAI,CAAC,KAAM,QAAO;AAElB,QAAM,OAAO,UAAU,cAAc,OAAO;AAE5C,QAAM,eACJ,SAAS,QAAQ,OAAO,SAAS,SAAY,OAAO,cAAc,WAAW,MAAM;AAIrF,QAAM,YACJ,SAAS,cACL,EAAE,MAAM,SAAkB,aAAa,YAAqB,IAC5D,SAAS,WACP,EAAE,MAAM,UAAmB,aAAa,SAAkB,IAC1D,CAAC;AAET,WAAS,gBAAgB;AACvB,QAAI,CAAC,aAAc,iBAAgB,KAAK;AACxC,gBAAY;AAAA,EACd;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAc,WAAW;AAAA,MACzB,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,MAClD,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA,uBAAe,oBAAC,UAAK,WAAU,oBAAoB,wBAAa,IAAU;AAAA,QAC1E;AAAA;AAAA;AAAA,UAGC,oBAAC,cAAc,WAAd,EAAyB,UAAS;AAAA,YAEnC,oBAAC,SAAI,WAAU,oBAAoB,UAAS;AAAA,QAE7C,cACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,cAAY;AAAA,YACZ,SAAS;AAAA,YAET,8BAAC,SAAM,eAAY,QAAO;AAAA;AAAA,QAC5B,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW,EAAE,SAAS,WAAW,GAAG,MAAM,GAAoB;AACrE,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SAAO,oBAAC,QAAK,aAAU,eAAc,WAAW,GAAG,qBAAqB,SAAS,GAAI,GAAG,OAAO;AACjG;AAEA,SAAS,iBAAiB,EAAE,SAAS,WAAW,GAAG,MAAM,GAA0B;AACjF,QAAM,OAAO,UAAU,cAAc,OAAO;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,2BAA2B,SAAS;AAAA,MACjD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-VSC3A6VB.cjs

@@ -0,0 +1,115 @@
+"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/Avatar/Avatar.tsx
+var _react = require('react');
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var avatarVariants = _classvarianceauthority.cva.call(void 0, "ddga-avatar", {
+  variants: {
+    size: {
+      xs: "ddga-avatar--xs",
+      sm: "ddga-avatar--sm",
+      md: "ddga-avatar--md",
+      lg: "ddga-avatar--lg",
+      xl: "ddga-avatar--xl"
+    },
+    shape: {
+      circle: "ddga-avatar--circle",
+      square: "ddga-avatar--square"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    shape: "circle"
+  }
+});
+var fallbackVariants = _classvarianceauthority.cva.call(void 0, "ddga-avatar__fallback", {
+  variants: {
+    colorScheme: {
+      default: "ddga-avatar__fallback--default",
+      primary: "ddga-avatar__fallback--primary",
+      secondary: "ddga-avatar__fallback--secondary",
+      success: "ddga-avatar__fallback--success",
+      warning: "ddga-avatar__fallback--warning",
+      destructive: "ddga-avatar__fallback--destructive",
+      info: "ddga-avatar__fallback--info"
+    }
+  },
+  defaultVariants: {
+    colorScheme: "default"
+  }
+});
+function Avatar({ size, shape, status, statusLabel, className, children, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _radixui.Avatar.Root,
+    {
+      "data-slot": "avatar",
+      "data-status": status,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, avatarVariants({ size, shape }), className),
+      ...props,
+      children: [
+        children,
+        status ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "span",
+          {
+            className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-avatar__status", `ddga-avatar__status--${status}`),
+            role: "img",
+            "aria-label": _nullishCoalesce(statusLabel, () => ( status))
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function AvatarImage({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Avatar.Image,
+    {
+      "data-slot": "avatar-image",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-avatar__image", className),
+      ...props
+    }
+  );
+}
+function AvatarFallback({ colorScheme, className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Avatar.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      "data-color-scheme": _nullishCoalesce(colorScheme, () => ( "default")),
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, fallbackVariants({ colorScheme }), className),
+      ...props
+    }
+  );
+}
+function AvatarGroup({ max, size, shape, className, children, ...props }) {
+  const all = _react.Children.toArray(children).filter(_react.isValidElement);
+  const visible = max !== void 0 && all.length > max ? all.slice(0, max) : all;
+  const overflow = max !== void 0 ? Math.max(0, all.length - max) : 0;
+  const cascaded = visible.map(
+    (child, i) => _react.cloneElement.call(void 0, child, {
+      key: _nullishCoalesce(child.key, () => ( i)),
+      size: _nullishCoalesce(child.props.size, () => ( size)),
+      shape: _nullishCoalesce(child.props.shape, () => ( shape))
+    })
+  );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "data-slot": "avatar-group", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-avatar-group", className), ...props, children: [
+    cascaded,
+    overflow > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Avatar, { size, shape, "aria-label": `${overflow} more`, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, AvatarFallback, { children: [
+      "+",
+      overflow
+    ] }) }) : null
+  ] });
+}
+
+
+
+
+
+
+
+exports.avatarVariants = avatarVariants; exports.Avatar = Avatar; exports.AvatarImage = AvatarImage; exports.AvatarFallback = AvatarFallback; exports.AvatarGroup = AvatarGroup;
+//# sourceMappingURL=chunk-VSC3A6VB.cjs.map

package/dist/chunk-VSC3A6VB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-VSC3A6VB.cjs","../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACFA,8BAA0E;AAC1E,mCAA0C;AAC1C,kEAAuC;AAoFnC,+CAAA;AA/EJ,IAAM,eAAA,EAAiB,yCAAA,aAAI,EAAe;AAAA,EACxC,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,iBAAA;AAAA,MACJ,EAAA,EAAI,iBAAA;AAAA,MACJ,EAAA,EAAI,iBAAA;AAAA,MACJ,EAAA,EAAI,iBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN,CAAA;AAAA,IACA,KAAA,EAAO;AAAA,MACL,MAAA,EAAQ,qBAAA;AAAA,MACR,MAAA,EAAQ;AAAA,IACV;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA,EACT;AACF,CAAC,CAAA;AAED,IAAM,iBAAA,EAAmB,yCAAA,uBAAI,EAAyB;AAAA,EACpD,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,OAAA,EAAS,gCAAA;AAAA,MACT,OAAA,EAAS,gCAAA;AAAA,MACT,SAAA,EAAW,kCAAA;AAAA,MACX,OAAA,EAAS,gCAAA;AAAA,MACT,OAAA,EAAS,gCAAA;AAAA,MACT,WAAA,EAAa,oCAAA;AAAA,MACb,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa;AAAA,EACf;AACF,CAAC,CAAA;AA0CD,SAAS,MAAA,CAAO,EAAE,IAAA,EAAM,KAAA,EAAO,MAAA,EAAQ,WAAA,EAAa,SAAA,EAAW,QAAA,EAAU,GAAG,MAAM,CAAA,EAAgB;AAChG,EAAA,uBACE,8BAAA;AAAA,IAAC,eAAA,CAAgB,IAAA;AAAA,IAAhB;AAAA,MACC,WAAA,EAAU,QAAA;AAAA,MACV,aAAA,EAAa,MAAA;AAAA,MACb,SAAA,EAAW,kCAAA,cAAG,CAAe,EAAE,IAAA,EAAM,MAAM,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,MACvD,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,OAAA,kBACC,6BAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,kCAAA,qBAAG,EAAuB,CAAA,qBAAA,EAAwB,MAAM,CAAA,CAAA;AAC9D,YAAA;AACsB,YAAA;AAAA,UAAA;AAE3B,QAAA;AAAA,MAAA;AAAA,IAAA;AACN,EAAA;AAEJ;AAEgE;AAE5D,EAAA;AAAiB,IAAA;AAAhB,IAAA;AACW,MAAA;AACmC,MAAA;AACzC,MAAA;AAAA,IAAA;AACN,EAAA;AAEJ;AAEmF;AAE/E,EAAA;AAAiB,IAAA;AAAhB,IAAA;AACW,MAAA;AACwB,MAAA;AACwB,MAAA;AACtD,MAAA;AAAA,IAAA;AACN,EAAA;AAEJ;AAE4F;AAC9B,EAAA;AACgB,EAAA;AACP,EAAA;AAI5C,EAAA;AACH,IAAA;AACA,MAAA;AACQ,MAAA;AACE,MAAA;AAC7B,IAAA;AACH,EAAA;AAG2C,EAAA;AACtC,IAAA;AAEkD,IAAA;AAC/B,MAAA;AAAE,MAAA;AAElB,IAAA;AACN,EAAA;AAEJ;AD9CgF;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-VSC3A6VB.cjs","sourcesContent":[null,"'use client';\n\nimport { Children, isValidElement, cloneElement, type ReactElement } from 'react';\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n\nconst avatarVariants = cva('ddga-avatar', {\n  variants: {\n    size: {\n      xs: 'ddga-avatar--xs',\n      sm: 'ddga-avatar--sm',\n      md: 'ddga-avatar--md',\n      lg: 'ddga-avatar--lg',\n      xl: 'ddga-avatar--xl',\n    },\n    shape: {\n      circle: 'ddga-avatar--circle',\n      square: 'ddga-avatar--square',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    shape: 'circle',\n  },\n});\n\nconst fallbackVariants = cva('ddga-avatar__fallback', {\n  variants: {\n    colorScheme: {\n      default: 'ddga-avatar__fallback--default',\n      primary: 'ddga-avatar__fallback--primary',\n      secondary: 'ddga-avatar__fallback--secondary',\n      success: 'ddga-avatar__fallback--success',\n      warning: 'ddga-avatar__fallback--warning',\n      destructive: 'ddga-avatar__fallback--destructive',\n      info: 'ddga-avatar__fallback--info',\n    },\n  },\n  defaultVariants: {\n    colorScheme: 'default',\n  },\n});\n\ntype AvatarStatus = 'online' | 'offline' | 'busy' | 'away';\n\n// ─── 2. Types ─── //\n\ninterface AvatarProps\n  extends React.ComponentProps<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {\n  /**\n   * Presence indicator rendered in the bottom-{end} corner. The color tracks\n   * the status (online → success, busy → destructive, away → warning,\n   * offline → muted). Position flips in RTL automatically via logical props.\n   */\n  status?: AvatarStatus;\n  /**\n   * Accessible label for the status indicator. Defaults to the status value\n   * (e.g. \"online\"). Pass a localized string for non-English UIs.\n   */\n  statusLabel?: string;\n}\n\ntype AvatarImageProps = React.ComponentProps<typeof AvatarPrimitive.Image>;\n\ninterface AvatarFallbackProps\n  extends\n    React.ComponentProps<typeof AvatarPrimitive.Fallback>,\n    VariantProps<typeof fallbackVariants> {}\n\ninterface AvatarGroupProps extends React.ComponentProps<'div'> {\n  /**\n   * Cap the number of visible Avatars. Excess children are collapsed into a\n   * trailing \"+N\" chip. When unset, every child is rendered.\n   */\n  max?: number;\n  /** Size cascaded to each child Avatar that doesn't already set its own size. */\n  size?: VariantProps<typeof avatarVariants>['size'];\n  /** Shape cascaded to each child Avatar that doesn't already set its own shape. */\n  shape?: VariantProps<typeof avatarVariants>['shape'];\n}\n\n// ─── 3. Components ─── //\n\nfunction Avatar({ size, shape, status, statusLabel, className, children, ...props }: AvatarProps) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-status={status}\n      className={cn(avatarVariants({ size, shape }), className)}\n      {...props}\n    >\n      {children}\n      {status ? (\n        <span\n          className={cn('ddga-avatar__status', `ddga-avatar__status--${status}`)}\n          role=\"img\"\n          aria-label={statusLabel ?? status}\n        />\n      ) : null}\n    </AvatarPrimitive.Root>\n  );\n}\n\nfunction AvatarImage({ className, ...props }: AvatarImageProps) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn('ddga-avatar__image', className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarFallback({ colorScheme, className, ...props }: AvatarFallbackProps) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      data-color-scheme={colorScheme ?? 'default'}\n      className={cn(fallbackVariants({ colorScheme }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction AvatarGroup({ max, size, shape, className, children, ...props }: AvatarGroupProps) {\n  const all = Children.toArray(children).filter(isValidElement) as ReactElement<AvatarProps>[];\n  const visible = max !== undefined && all.length > max ? all.slice(0, max) : all;\n  const overflow = max !== undefined ? Math.max(0, all.length - max) : 0;\n\n  // Cascade size/shape onto children that haven't set their own (parity with\n  // RadioGroup → Radio). Don't clobber explicit child overrides.\n  const cascaded = visible.map((child, i) =>\n    cloneElement(child, {\n      key: child.key ?? i,\n      size: child.props.size ?? size,\n      shape: child.props.shape ?? shape,\n    }),\n  );\n\n  return (\n    <div data-slot=\"avatar-group\" className={cn('ddga-avatar-group', className)} {...props}>\n      {cascaded}\n      {overflow > 0 ? (\n        <Avatar size={size} shape={shape} aria-label={`${overflow} more`}>\n          <AvatarFallback>+{overflow}</AvatarFallback>\n        </Avatar>\n      ) : null}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Avatar, AvatarImage, AvatarFallback, AvatarGroup, avatarVariants };\nexport type { AvatarProps, AvatarImageProps, AvatarFallbackProps, AvatarGroupProps, AvatarStatus };\n"]}

package/dist/chunk-VXR7IJMH.cjs

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Sidebar/useIsMobile.ts
+var _react = require('react');
+function useIsMobile(breakpoint = 768) {
+  const [isMobile, setIsMobile] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    const mql = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);
+    const onChange = () => setIsMobile(mql.matches);
+    onChange();
+    mql.addEventListener("change", onChange);
+    return () => mql.removeEventListener("change", onChange);
+  }, [breakpoint]);
+  return isMobile;
+}
+
+
+
+exports.useIsMobile = useIsMobile;
+//# sourceMappingURL=chunk-VXR7IJMH.cjs.map

package/dist/chunk-VXR7IJMH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-VXR7IJMH.cjs","../src/components/Sidebar/useIsMobile.ts"],"names":[],"mappings":"AAAA;ACEA,8BAAoC;AAO7B,SAAS,WAAA,CAAY,WAAA,EAAa,GAAA,EAAc;AACrD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,EAAA,EAAI,6BAAA,KAAc,CAAA;AAE9C,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,MAAM,IAAA,EAAM,MAAA,CAAO,UAAA,CAAW,CAAA,YAAA,EAAe,WAAA,EAAa,CAAC,CAAA,GAAA,CAAK,CAAA;AAChE,IAAA,MAAM,SAAA,EAAW,CAAA,EAAA,GAAM,WAAA,CAAY,GAAA,CAAI,OAAO,CAAA;AAC9C,IAAA,QAAA,CAAS,CAAA;AACT,IAAA,GAAA,CAAI,gBAAA,CAAiB,QAAA,EAAU,QAAQ,CAAA;AACvC,IAAA,OAAO,CAAA,EAAA,GAAM,GAAA,CAAI,mBAAA,CAAoB,QAAA,EAAU,QAAQ,CAAA;AAAA,EACzD,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAA,OAAO,QAAA;AACT;ADRA;AACA;AACE;AACF,kCAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-VXR7IJMH.cjs","sourcesContent":[null,"'use client';\n\nimport { useEffect, useState } from 'react';\n\n/**\n * True when the viewport is narrower than `breakpoint`. SSR-safe: returns\n * `false` until the mount effect runs, so the desktop layout renders first\n * and the mobile Drawer (a client-only overlay) only engages after hydration.\n */\nexport function useIsMobile(breakpoint = 768): boolean {\n  const [isMobile, setIsMobile] = useState(false);\n\n  useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);\n    const onChange = () => setIsMobile(mql.matches);\n    onChange();\n    mql.addEventListener('change', onChange);\n    return () => mql.removeEventListener('change', onChange);\n  }, [breakpoint]);\n\n  return isMobile;\n}\n"]}