@dev-dga/react 0.8.0 → 0.8.2

package/dist/chunk-PI4OPECU.cjs

@@ -0,0 +1,61 @@
+"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 _chunkFQLVTLUIcjs = require('./chunk-FQLVTLUI.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Tooltip/Tooltip.tsx
+var _react = require('react');
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var tooltipContentVariants = _classvarianceauthority.cva.call(void 0, "ddga-tooltip", {
+  variants: {
+    size: {
+      sm: "ddga-tooltip--sm",
+      md: "ddga-tooltip--md"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Tooltip(props) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Tooltip.Root, { ...props });
+}
+function TooltipTrigger({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Tooltip.Trigger, { "data-slot": "tooltip-trigger", className, ...props });
+}
+function TooltipContent({
+  size,
+  arrow = true,
+  sideOffset = 6,
+  className,
+  children,
+  ...props
+}) {
+  const ctx = _react.useContext.call(void 0, _chunkFQLVTLUIcjs.DgaContext);
+  const portalContainer = _nullishCoalesce(_nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _ => _.portalEl]), () => ( _optionalChain([ctx, 'optionalAccess', _2 => _2.rootEl]))), () => ( void 0));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Tooltip.Portal, { container: portalContainer, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _radixui.Tooltip.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, tooltipContentVariants({ size }), className),
+      ...props,
+      children: [
+        children,
+        arrow ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Tooltip.Arrow, { className: "ddga-tooltip__arrow" }) : null
+      ]
+    }
+  ) });
+}
+
+
+
+
+
+
+exports.tooltipContentVariants = tooltipContentVariants; exports.Tooltip = Tooltip; exports.TooltipTrigger = TooltipTrigger; exports.TooltipContent = TooltipContent;
+//# sourceMappingURL=chunk-PI4OPECU.cjs.map

package/dist/chunk-PI4OPECU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-PI4OPECU.cjs","../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACLA,8BAA2B;AAC3B,mCAA4C;AAC5C,kEAAuC;AA0C9B,+CAAA;AApCT,IAAM,uBAAA,EAAyB,yCAAA,cAAI,EAAgB;AAAA,EACjD,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,kBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAyBD,SAAS,OAAA,CAAQ,KAAA,EAAqB;AACpC,EAAA,uBAAO,6BAAA,gBAAC,CAAiB,IAAA,EAAjB,EAAuB,GAAG,MAAA,CAAO,CAAA;AAC3C;AAEA,SAAS,cAAA,CAAe,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAwB;AAEpE,EAAA,uBAAO,6BAAA,gBAAC,CAAiB,OAAA,EAAjB,EAAyB,WAAA,EAAU,iBAAA,EAAkB,SAAA,EAAuB,GAAG,MAAA,CAAO,CAAA;AAChG;AAEA,SAAS,cAAA,CAAe;AAAA,EACtB,IAAA;AAAA,EACA,MAAA,EAAQ,IAAA;AAAA,EACR,WAAA,EAAa,CAAA;AAAA,EACb,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AAMtB,EAAA,MAAM,IAAA,EAAM,+BAAA,4BAAqB,CAAA;AACjC,EAAA,MAAM,gBAAA,oDAAkB,GAAA,2BAAK,UAAA,0BAAY,GAAA,6BAAK,UAAA,UAAU,KAAA,GAAA;AAExD,EAAA,uBACE,6BAAA,gBAAC,CAAiB,MAAA,EAAjB,EAAwB,SAAA,EAAW,eAAA,EAClC,QAAA,kBAAA,8BAAA;AAAA,IAAC,gBAAA,CAAiB,OAAA;AAAA,IAAjB;AAAA,MACC,WAAA,EAAU,iBAAA;AAAA,MACV,UAAA;AAAA,MACA,SAAA,EAAW,kCAAA,sBAAG,CAAuB,EAAE,KAAK,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,MACxD,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,MAAA,kBAAQ,6BAAA,gBAAC,CAAiB,KAAA,EAAjB,EAAuB,SAAA,EAAU,sBAAA,CAAsB,EAAA,EAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACxE,EAAA,CACF,CAAA;AAEJ;AD9BA;AACA;AACE;AACA;AACA;AACA;AACF,qKAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-PI4OPECU.cjs","sourcesContent":[null,"'use client';\n\nimport { useContext } from 'react';\nimport { Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { DgaContext } from '../../providers/DgaContext';\n\n// ─── 1. Variants (cva) ─── //\n\nconst tooltipContentVariants = cva('ddga-tooltip', {\n  variants: {\n    size: {\n      sm: 'ddga-tooltip--sm',\n      md: 'ddga-tooltip--md',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n//\n// We expose a closed compound shape that hides Radix's Provider/Portal/Arrow\n// details. `TooltipProvider` is already nested in `DgaProvider`, so consumers\n// don't need to add their own. The Portal container is wired from\n// `DgaContext.rootEl` (see DgaContext.ts) so the tooltip inherits `data-theme`\n// + custom theme classes set on the provider — without it, the tooltip would\n// silently mount under <body> and miss dark mode.\n\ntype TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root>;\n\ntype TooltipTriggerProps = React.ComponentProps<typeof TooltipPrimitive.Trigger>;\n\ninterface TooltipContentProps\n  extends\n    Omit<React.ComponentProps<typeof TooltipPrimitive.Content>, 'asChild'>,\n    VariantProps<typeof tooltipContentVariants> {\n  /** Show a small arrow pointing at the trigger. Defaults to true. */\n  arrow?: boolean;\n}\n\n// ─── 3. Components ─── //\n\nfunction Tooltip(props: TooltipProps) {\n  return <TooltipPrimitive.Root {...props} />;\n}\n\nfunction TooltipTrigger({ className, ...props }: TooltipTriggerProps) {\n  // Radix Trigger already supports asChild natively — pass through.\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" className={className} {...props} />;\n}\n\nfunction TooltipContent({\n  size,\n  arrow = true,\n  sideOffset = 6,\n  className,\n  children,\n  ...props\n}: TooltipContentProps) {\n  // Anchor the Portal to the DgaProvider's body-level portal container.\n  // Theme + dark mode inherit through mirrored data-theme/dir/CSS vars on\n  // the portal element; using it (rather than the in-tree `rootEl`) keeps\n  // the tooltip from being clipped by ancestor overflow or trapped by an\n  // ancestor `transform`. Falls back to <body> if used outside a provider.\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <TooltipPrimitive.Portal container={portalContainer}>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(tooltipContentVariants({ size }), className)}\n        {...props}\n      >\n        {children}\n        {arrow ? <TooltipPrimitive.Arrow className=\"ddga-tooltip__arrow\" /> : null}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Tooltip, TooltipTrigger, TooltipContent, tooltipContentVariants };\nexport type { TooltipProps, TooltipTriggerProps, TooltipContentProps };\n"]}

package/dist/chunk-PKJUCI7B.js

@@ -0,0 +1,105 @@
+import {
+  Close
+} from "./chunk-CDS4SYEQ.js";
+import {
+  DgaContext
+} from "./chunk-TMXABSFE.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Popover/Popover.tsx
+import { useContext } from "react";
+import { Popover as PopoverPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var popoverContentVariants = cva("ddga-popover", {
+  variants: {
+    size: {
+      sm: "ddga-popover--sm",
+      md: "ddga-popover--md"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Popover(props) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { ...props });
+}
+function PopoverTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", className, ...props });
+}
+function PopoverAnchor(props) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+function PopoverContent({
+  size,
+  arrow = false,
+  sideOffset = 6,
+  className,
+  children,
+  ...props
+}) {
+  if (process.env.NODE_ENV === "development" && !props["aria-label"] && !props["aria-labelledby"]) {
+    console.warn(
+      '[@dev-dga/react] PopoverContent renders role="dialog" and should have an `aria-label` or `aria-labelledby` so the panel has an accessible name.'
+    );
+  }
+  const ctx = useContext(DgaContext);
+  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxs(
+    PopoverPrimitive.Content,
+    {
+      "data-slot": "popover-content",
+      sideOffset,
+      className: cn(popoverContentVariants({ size }), className),
+      ...props,
+      children: [
+        children,
+        arrow ? /* @__PURE__ */ jsx(PopoverPrimitive.Arrow, { className: "ddga-popover__arrow", width: 16, height: 8 }) : null
+      ]
+    }
+  ) });
+}
+function PopoverClose({
+  className,
+  children,
+  closeLabel = "Close",
+  asChild,
+  ...props
+}) {
+  const hasRenderableChildren = children != null && children !== false;
+  if (asChild || hasRenderableChildren) {
+    return /* @__PURE__ */ jsx(
+      PopoverPrimitive.Close,
+      {
+        "data-slot": "popover-close",
+        asChild,
+        className,
+        ...props,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    PopoverPrimitive.Close,
+    {
+      "data-slot": "popover-close",
+      "aria-label": closeLabel,
+      className: cn("ddga-popover__close", className),
+      ...props,
+      children: /* @__PURE__ */ jsx(Close, { "aria-hidden": "true" })
+    }
+  );
+}
+
+export {
+  popoverContentVariants,
+  Popover,
+  PopoverTrigger,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverClose
+};
+//# sourceMappingURL=chunk-PKJUCI7B.js.map

package/dist/chunk-PKJUCI7B.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Popover/Popover.tsx"],"sourcesContent":["'use client';\n\nimport { useContext, type ReactNode } from 'react';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Close } from '../../internal/icons';\nimport { DgaContext } from '../../providers/DgaContext';\n\n// ─── 1. Variants (cva) ─── //\n\nconst popoverContentVariants = cva('ddga-popover', {\n  variants: {\n    size: {\n      sm: 'ddga-popover--sm',\n      md: 'ddga-popover--md',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n//\n// Closed compound shape that hides Radix's Portal/Arrow plumbing — mirrors\n// Tooltip/DropdownMenu. `Popover` (Root) passes through `open`/`onOpenChange`/\n// `defaultOpen`/`modal`. The Portal container is wired from `DgaContext` so the\n// panel inherits `data-theme` + theme vars and escapes clipping/transform\n// ancestors; falls back to <body> outside a provider.\n\ntype PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root>;\n\ntype PopoverTriggerProps = React.ComponentProps<typeof PopoverPrimitive.Trigger>;\n\ntype PopoverAnchorProps = React.ComponentProps<typeof PopoverPrimitive.Anchor>;\n\ninterface PopoverContentProps\n  extends\n    Omit<React.ComponentProps<typeof PopoverPrimitive.Content>, 'asChild'>,\n    VariantProps<typeof popoverContentVariants> {\n  /** Show a small arrow pointing at the trigger. Defaults to false. */\n  arrow?: boolean;\n}\n\ninterface PopoverCloseProps extends React.ComponentProps<typeof PopoverPrimitive.Close> {\n  /**\n   * Localized label for the default corner-X button. Only used when no\n   * `children` (and no `asChild`) are provided. Defaults to `\"Close\"`.\n   */\n  closeLabel?: string;\n}\n\n// ─── 3. Components ─── //\n\nfunction Popover(props: PopoverProps) {\n  return <PopoverPrimitive.Root {...props} />;\n}\n\nfunction PopoverTrigger({ className, ...props }: PopoverTriggerProps) {\n  // Radix Trigger supports asChild natively — pass through.\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" className={className} {...props} />;\n}\n\nfunction PopoverAnchor(props: PopoverAnchorProps) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nfunction PopoverContent({\n  size,\n  arrow = false,\n  sideOffset = 6,\n  className,\n  children,\n  ...props\n}: PopoverContentProps) {\n  // Radix Popover.Content renders role=\"dialog\", which needs an accessible\n  // name. Unlike Modal there's no built-in Title primitive wiring\n  // aria-labelledby, so warn (dev only) when the consumer gives neither.\n  if (process.env.NODE_ENV === 'development' && !props['aria-label'] && !props['aria-labelledby']) {\n    console.warn(\n      '[@dev-dga/react] PopoverContent renders role=\"dialog\" and should have an ' +\n        '`aria-label` or `aria-labelledby` so the panel has an accessible name.',\n    );\n  }\n\n  // Anchor the Portal to the DgaProvider's body-level portal container so the\n  // panel inherits theme + dark mode and isn't clipped by an ancestor's\n  // overflow/transform. Falls back to <body> outside a provider.\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <PopoverPrimitive.Portal container={portalContainer}>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        sideOffset={sideOffset}\n        className={cn(popoverContentVariants({ size }), className)}\n        {...props}\n      >\n        {children}\n        {arrow ? (\n          <PopoverPrimitive.Arrow className=\"ddga-popover__arrow\" width={16} height={8} />\n        ) : null}\n      </PopoverPrimitive.Content>\n    </PopoverPrimitive.Portal>\n  );\n}\n\nfunction PopoverClose({\n  className,\n  children,\n  closeLabel = 'Close',\n  asChild,\n  ...props\n}: PopoverCloseProps) {\n  // With renderable children (or asChild), behave as a transparent close\n  // wrapper so consumers fully own the element. With neither, render the styled\n  // corner-X (mirrors Modal's close button) — the common dismiss affordance.\n  // Guard against `null`/`false` so a conditional child (`flag && <X/>`) that\n  // evaluates falsy still falls through to the default X instead of rendering\n  // an empty, unlabelled button.\n  const hasRenderableChildren = children != null && children !== false;\n  if (asChild || hasRenderableChildren) {\n    return (\n      <PopoverPrimitive.Close\n        data-slot=\"popover-close\"\n        asChild={asChild}\n        className={className}\n        {...props}\n      >\n        {children as ReactNode}\n      </PopoverPrimitive.Close>\n    );\n  }\n\n  return (\n    <PopoverPrimitive.Close\n      data-slot=\"popover-close\"\n      aria-label={closeLabel}\n      className={cn('ddga-popover__close', className)}\n      {...props}\n    >\n      <Close aria-hidden=\"true\" />\n    </PopoverPrimitive.Close>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  Popover,\n  PopoverTrigger,\n  PopoverAnchor,\n  PopoverContent,\n  PopoverClose,\n  popoverContentVariants,\n};\nexport type {\n  PopoverProps,\n  PopoverTriggerProps,\n  PopoverAnchorProps,\n  PopoverContentProps,\n  PopoverCloseProps,\n};\n"],"mappings":";;;;;;;;;;;AAEA,SAAS,kBAAkC;AAC3C,SAAS,WAAW,wBAAwB;AAC5C,SAAS,WAA8B;AAoD9B,cAsCH,YAtCG;AA7CT,IAAM,yBAAyB,IAAI,gBAAgB;AAAA,EACjD,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAkCD,SAAS,QAAQ,OAAqB;AACpC,SAAO,oBAAC,iBAAiB,MAAjB,EAAuB,GAAG,OAAO;AAC3C;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAAwB;AAEpE,SAAO,oBAAC,iBAAiB,SAAjB,EAAyB,aAAU,mBAAkB,WAAuB,GAAG,OAAO;AAChG;AAEA,SAAS,cAAc,OAA2B;AAChD,SAAO,oBAAC,iBAAiB,QAAjB,EAAwB,aAAU,kBAAkB,GAAG,OAAO;AACxE;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA,QAAQ;AAAA,EACR,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AAItB,MAAI,QAAQ,IAAI,aAAa,iBAAiB,CAAC,MAAM,YAAY,KAAK,CAAC,MAAM,iBAAiB,GAAG;AAC/F,YAAQ;AAAA,MACN;AAAA,IAEF;AAAA,EACF;AAKA,QAAM,MAAM,WAAW,UAAU;AACjC,QAAM,kBAAkB,KAAK,YAAY,KAAK,UAAU;AAExD,SACE,oBAAC,iBAAiB,QAAjB,EAAwB,WAAW,iBAClC;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV;AAAA,MACA,WAAW,GAAG,uBAAuB,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,MACxD,GAAG;AAAA,MAEH;AAAA;AAAA,QACA,QACC,oBAAC,iBAAiB,OAAjB,EAAuB,WAAU,uBAAsB,OAAO,IAAI,QAAQ,GAAG,IAC5E;AAAA;AAAA;AAAA,EACN,GACF;AAEJ;AAEA,SAAS,aAAa;AAAA,EACpB;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACL,GAAsB;AAOpB,QAAM,wBAAwB,YAAY,QAAQ,aAAa;AAC/D,MAAI,WAAW,uBAAuB;AACpC,WACE;AAAA,MAAC,iBAAiB;AAAA,MAAjB;AAAA,QACC,aAAU;AAAA,QACV;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,cAAY;AAAA,MACZ,WAAW,GAAG,uBAAuB,SAAS;AAAA,MAC7C,GAAG;AAAA,MAEJ,8BAAC,SAAM,eAAY,QAAO;AAAA;AAAA,EAC5B;AAEJ;","names":[]}

package/dist/chunk-PZWJQNCY.cjs

@@ -0,0 +1,182 @@
+"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 _chunkN4FHLSNVcjs = require('./chunk-N4FHLSNV.cjs');
+
+
+var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Rating/Rating.tsx
+var _react = require('react');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var ratingVariants = _classvarianceauthority.cva.call(void 0, "ddga-rating", {
+  variants: {
+    size: {
+      sm: "ddga-rating--sm",
+      md: "ddga-rating--md",
+      lg: "ddga-rating--lg"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function clamp(value, min, max) {
+  return Math.min(max, Math.max(min, value));
+}
+function defaultValueText(value, max) {
+  return `${value} out of ${max} stars`;
+}
+function fillFor(index, value, allowHalf) {
+  if (value >= index + 1) return "full";
+  if (allowHalf && value >= index + 0.5) return "half";
+  return "empty";
+}
+function Rating({
+  id: externalId,
+  value,
+  defaultValue,
+  onValueChange,
+  max = 5,
+  allowHalf = false,
+  readOnly = false,
+  disabled = false,
+  size,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  formatValueText = defaultValueText,
+  className,
+  ...props
+}) {
+  const rootRef = _react.useRef.call(void 0, null);
+  const isControlled = value !== void 0;
+  const [internal, setInternal] = _react.useState.call(void 0, _nullishCoalesce(defaultValue, () => ( 0)));
+  const currentValue = isControlled ? value : internal;
+  const [hover, setHover] = _react.useState.call(void 0, null);
+  const interactive = !readOnly && !disabled;
+  const stepSize = allowHalf ? 0.5 : 1;
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = _chunkNH3KGR65cjs.useFieldA11y.call(void 0, {
+    name: "Rating",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    // role=slider / role=img always have an accessible name (label or the
+    // value text), so suppress the no-label dev warning.
+    "aria-label": _nullishCoalesce(props["aria-label"], () => ( formatValueText(currentValue, max))),
+    "aria-labelledby": props["aria-labelledby"]
+  });
+  const displayValue = _nullishCoalesce(hover, () => ( currentValue));
+  function commit(next) {
+    if (!isControlled) setInternal(next);
+    _optionalChain([onValueChange, 'optionalCall', _2 => _2(next)]);
+  }
+  function readDir() {
+    const el = rootRef.current;
+    if (!el || typeof getComputedStyle !== "function") return "ltr";
+    return getComputedStyle(el).direction === "rtl" ? "rtl" : "ltr";
+  }
+  function pointerValue(event, index) {
+    const rect = event.currentTarget.getBoundingClientRect();
+    let fraction = rect.width ? (event.clientX - rect.left) / rect.width : 1;
+    if (readDir() === "rtl") fraction = 1 - fraction;
+    if (allowHalf) return index + (fraction <= 0.5 ? 0.5 : 1);
+    return index + 1;
+  }
+  function handleKeyDown(event) {
+    if (!interactive) return;
+    const rtl = readDir() === "rtl";
+    let next = null;
+    switch (event.key) {
+      case "ArrowUp":
+        next = currentValue + stepSize;
+        break;
+      case "ArrowDown":
+        next = currentValue - stepSize;
+        break;
+      case "ArrowRight":
+        next = currentValue + (rtl ? -stepSize : stepSize);
+        break;
+      case "ArrowLeft":
+        next = currentValue + (rtl ? stepSize : -stepSize);
+        break;
+      case "Home":
+        next = 0;
+        break;
+      case "End":
+        next = max;
+        break;
+      default:
+        return;
+    }
+    event.preventDefault();
+    commit(clamp(next, 0, max));
+  }
+  const stars = Array.from({ length: max }, (_, index) => {
+    const level = fillFor(index, displayValue, allowHalf);
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "span",
+      {
+        "data-slot": "rating-star",
+        "data-fill": level,
+        className: "ddga-rating__star",
+        onPointerMove: interactive ? (event) => setHover(pointerValue(event, index)) : void 0,
+        onClick: interactive ? (event) => commit(pointerValue(event, index)) : void 0,
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Star, { className: "ddga-rating__star-bg", "aria-hidden": "true" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-rating__star-fill", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Star, { className: "ddga-rating__star-fg", "aria-hidden": "true" }) })
+        ]
+      },
+      index
+    );
+  });
+  const sharedProps = {
+    ref: rootRef,
+    "data-slot": "rating",
+    "data-disabled": disabled || void 0,
+    className: _chunkV6MXOJQ4cjs.cn.call(void 0, ratingVariants({ size }), hasError && "ddga-rating--error", className),
+    onPointerLeave: interactive ? () => setHover(null) : void 0
+  };
+  const labelledBy = label ? `${fieldId}-label` : props["aria-labelledby"];
+  const ariaLabel = labelledBy ? void 0 : _nullishCoalesce(props["aria-label"], () => ( "Rating"));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "data-slot": "rating-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: `${fieldId}-label`, className: "ddga-rating__label", children: label }),
+    readOnly ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ...sharedProps, role: "img", "aria-label": formatValueText(currentValue, max), children: stars }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ...sharedProps,
+        role: "slider",
+        id: fieldId,
+        tabIndex: disabled ? -1 : 0,
+        "aria-valuemin": 0,
+        "aria-valuemax": max,
+        "aria-valuenow": currentValue,
+        "aria-valuetext": formatValueText(currentValue, max),
+        "aria-labelledby": labelledBy,
+        "aria-label": ariaLabel,
+        "aria-invalid": controlProps["aria-invalid"],
+        "aria-describedby": controlProps["aria-describedby"],
+        "aria-disabled": disabled || void 0,
+        onKeyDown: handleKeyDown,
+        children: stars
+      }
+    ),
+    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.ratingVariants = ratingVariants; exports.Rating = Rating;
+//# sourceMappingURL=chunk-PZWJQNCY.cjs.map

package/dist/chunk-PZWJQNCY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-PZWJQNCY.cjs","../src/components/Rating/Rating.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACXA,8BAAiD;AACjD,kEAAuC;AA8KjC,+CAAA;AAvKN,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;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AA0CD,SAAS,KAAA,CAAM,KAAA,EAAe,GAAA,EAAa,GAAA,EAAqB;AAC9D,EAAA,OAAO,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,KAAK,CAAC,CAAA;AAC3C;AAEA,SAAS,gBAAA,CAAiB,KAAA,EAAe,GAAA,EAAqB;AAC5D,EAAA,OAAO,CAAA,EAAA;AACT;AAGS;AACH,EAAA;AACA,EAAA;AACG,EAAA;AACT;AAIS;AACH,EAAA;AACJ,EAAA;AACA,EAAA;AACA,EAAA;AACM,EAAA;AACN,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACG,EAAA;AACW;AACR,EAAA;AACA,EAAA;AACC,EAAA;AACD,EAAA;AAEC,EAAA;AACD,EAAA;AACA,EAAA;AAEE,EAAA;AAEE,IAAA;AACF,IAAA;AACJ,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAAA;AAAA;AAGA,IAAA;AACA,IAAA;AACD,EAAA;AAGG,EAAA;AAEN,EAAA;AACO,IAAA;AACL,oBAAA;AACF,EAAA;AAEA,EAAA;AACQ,IAAA;AACD,IAAA;AACL,IAAA;AACF,EAAA;AAGA,EAAA;AACQ,IAAA;AACF,IAAA;AACA,IAAA;AACA,IAAA;AACJ,IAAA;AACF,EAAA;AAEA,EAAA;AACO,IAAA;AACC,IAAA;AACF,IAAA;AACJ,IAAA;AACE,MAAA;AACE,QAAA;AACA,QAAA;AACF,MAAA;AACE,QAAA;AACA,QAAA;AACF,MAAA;AACE,QAAA;AACA,QAAA;AACF,MAAA;AACE,QAAA;AACA,QAAA;AACF,MAAA;AACE,QAAA;AACA,QAAA;AACF,MAAA;AACE,QAAA;AACA,QAAA;AACF,MAAA;AACE,QAAA;AACJ,IAAA;AACM,IAAA;AACN,IAAA;AACF,EAAA;AAEM,EAAA;AACE,IAAA;AACN,IAAA;AACG,MAAA;AAAA,MAAA;AAEC,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AAEA,QAAA;AAAA,0BAAA;AACA,0BAAA;AAEA,QAAA;AAAA,MAAA;AAVK,MAAA;AAWP,IAAA;AAEH,EAAA;AAEK,EAAA;AACC,IAAA;AACL,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACF,EAAA;AAIM,EAAA;AACA,EAAA;AAGJ,EAAA;AACG,IAAA;AAMA,IAAA;AAKE,MAAA;AAAA,MAAA;AACE,QAAA;AACD,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AAEC,QAAA;AAAA,MAAA;AACH,IAAA;AAGD,IAAA;AAKA,IAAA;AAKH,EAAA;AAEJ;AD3EU;AACA;AACA;AACA;AACA","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-PZWJQNCY.cjs","sourcesContent":[null,"'use client';\n\nimport { useRef, useState, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\nimport { Star } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n\nconst ratingVariants = cva('ddga-rating', {\n  variants: {\n    size: {\n      sm: 'ddga-rating--sm',\n      md: 'ddga-rating--md',\n      lg: 'ddga-rating--lg',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface RatingProps extends VariantProps<typeof ratingVariants> {\n  /** Controlled value (0…max). `.5` increments are allowed when `allowHalf`. */\n  value?: number;\n  /** Uncontrolled initial value. Defaults to 0. */\n  defaultValue?: number;\n  /** Fires with the chosen rating. */\n  onValueChange?: (value: number) => void;\n\n  /** Number of stars. Defaults to 5. */\n  max?: number;\n  /** Allow half-star (`.5`) precision. */\n  allowHalf?: boolean;\n  /** Display only — no interaction, exposed as `role=\"img\"`. */\n  readOnly?: boolean;\n  /** Non-interactive and dimmed. */\n  disabled?: boolean;\n\n  /** Visible field label. */\n  label?: ReactNode;\n  /** Hint shown below the field. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the field when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n\n  /** Builds the accessible value text / read-only label. Defaults to\n   *  `\"{value} out of {max} stars\"`. Override for localization. */\n  formatValueText?: (value: number, max: number) => string;\n\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n}\n\n// ─── 3. Helpers ─── //\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, value));\n}\n\nfunction defaultValueText(value: number, max: number): string {\n  return `${value} out of ${max} stars`;\n}\n\n/** Fill level for the star at 0-based `index` given the current value. */\nfunction fillFor(index: number, value: number, allowHalf: boolean): 'full' | 'half' | 'empty' {\n  if (value >= index + 1) return 'full';\n  if (allowHalf && value >= index + 0.5) return 'half';\n  return 'empty';\n}\n\n// ─── 4. Component ─── //\n\nfunction Rating({\n  id: externalId,\n  value,\n  defaultValue,\n  onValueChange,\n  max = 5,\n  allowHalf = false,\n  readOnly = false,\n  disabled = false,\n  size,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  formatValueText = defaultValueText,\n  className,\n  ...props\n}: RatingProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const isControlled = value !== undefined;\n  const [internal, setInternal] = useState<number>(defaultValue ?? 0);\n  const currentValue = isControlled ? value : internal;\n\n  const [hover, setHover] = useState<number | null>(null);\n  const interactive = !readOnly && !disabled;\n  const stepSize = allowHalf ? 0.5 : 1;\n\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Rating',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      // role=slider / role=img always have an accessible name (label or the\n      // value text), so suppress the no-label dev warning.\n      'aria-label': props['aria-label'] ?? formatValueText(currentValue, max),\n      'aria-labelledby': props['aria-labelledby'],\n    });\n\n  // The value driving the visual fill: hover preview wins while interacting.\n  const displayValue = hover ?? currentValue;\n\n  function commit(next: number) {\n    if (!isControlled) setInternal(next);\n    onValueChange?.(next);\n  }\n\n  function readDir(): 'ltr' | 'rtl' {\n    const el = rootRef.current;\n    if (!el || typeof getComputedStyle !== 'function') return 'ltr';\n    return getComputedStyle(el).direction === 'rtl' ? 'rtl' : 'ltr';\n  }\n\n  /** Value implied by the pointer position over star `index`. */\n  function pointerValue(event: React.PointerEvent | React.MouseEvent, index: number): number {\n    const rect = (event.currentTarget as HTMLElement).getBoundingClientRect();\n    let fraction = rect.width ? (event.clientX - rect.left) / rect.width : 1;\n    if (readDir() === 'rtl') fraction = 1 - fraction;\n    if (allowHalf) return index + (fraction <= 0.5 ? 0.5 : 1);\n    return index + 1;\n  }\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n    if (!interactive) return;\n    const rtl = readDir() === 'rtl';\n    let next: number | null = null;\n    switch (event.key) {\n      case 'ArrowUp':\n        next = currentValue + stepSize;\n        break;\n      case 'ArrowDown':\n        next = currentValue - stepSize;\n        break;\n      case 'ArrowRight':\n        next = currentValue + (rtl ? -stepSize : stepSize);\n        break;\n      case 'ArrowLeft':\n        next = currentValue + (rtl ? stepSize : -stepSize);\n        break;\n      case 'Home':\n        next = 0;\n        break;\n      case 'End':\n        next = max;\n        break;\n      default:\n        return;\n    }\n    event.preventDefault();\n    commit(clamp(next, 0, max));\n  }\n\n  const stars = Array.from({ length: max }, (_, index) => {\n    const level = fillFor(index, displayValue, allowHalf);\n    return (\n      <span\n        key={index}\n        data-slot=\"rating-star\"\n        data-fill={level}\n        className=\"ddga-rating__star\"\n        onPointerMove={interactive ? (event) => setHover(pointerValue(event, index)) : undefined}\n        onClick={interactive ? (event) => commit(pointerValue(event, index)) : undefined}\n      >\n        <Star className=\"ddga-rating__star-bg\" aria-hidden=\"true\" />\n        <span className=\"ddga-rating__star-fill\" aria-hidden=\"true\">\n          <Star className=\"ddga-rating__star-fg\" aria-hidden=\"true\" />\n        </span>\n      </span>\n    );\n  });\n\n  const sharedProps = {\n    ref: rootRef,\n    'data-slot': 'rating',\n    'data-disabled': disabled || undefined,\n    className: cn(ratingVariants({ size }), hasError && 'ddga-rating--error', className),\n    onPointerLeave: interactive ? () => setHover(null) : undefined,\n  };\n\n  // Accessible name for the slider: prefer the visible label, then a consumer\n  // aria-labelledby/aria-label, falling back to a generic name.\n  const labelledBy = label ? `${fieldId}-label` : props['aria-labelledby'];\n  const ariaLabel = labelledBy ? undefined : (props['aria-label'] ?? 'Rating');\n\n  return (\n    <div data-slot=\"rating-field\" className=\"ddga-field\">\n      {label && (\n        <span id={`${fieldId}-label`} className=\"ddga-rating__label\">\n          {label}\n        </span>\n      )}\n\n      {readOnly ? (\n        <div {...sharedProps} role=\"img\" aria-label={formatValueText(currentValue, max)}>\n          {stars}\n        </div>\n      ) : (\n        <div\n          {...sharedProps}\n          role=\"slider\"\n          id={fieldId}\n          tabIndex={disabled ? -1 : 0}\n          aria-valuemin={0}\n          aria-valuemax={max}\n          aria-valuenow={currentValue}\n          aria-valuetext={formatValueText(currentValue, max)}\n          aria-labelledby={labelledBy}\n          aria-label={ariaLabel}\n          aria-invalid={controlProps['aria-invalid']}\n          aria-describedby={controlProps['aria-describedby']}\n          aria-disabled={disabled || undefined}\n          onKeyDown={handleKeyDown}\n        >\n          {stars}\n        </div>\n      )}\n\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// ─── 5. Exports ─── //\n\nexport { Rating, ratingVariants };\nexport type { RatingProps };\n"]}

package/dist/chunk-Q2SKL5HC.cjs

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

package/dist/chunk-Q2SKL5HC.cjs.map

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

package/dist/chunk-Q3XKCP3I.js

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

package/dist/chunk-Q3XKCP3I.js.map

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

package/dist/chunk-Q42Y63UQ.cjs

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

package/dist/chunk-Q42Y63UQ.cjs.map

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

package/dist/chunk-QFHAVVXT.js

@@ -0,0 +1,86 @@
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Toggle/Toggle.tsx
+import { Toggle as TogglePrimitive, ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var toggleVariants = cva("ddga-toggle", {
+  variants: {
+    variant: {
+      default: "ddga-toggle--default",
+      outline: "ddga-toggle--outline"
+    },
+    size: {
+      sm: "ddga-toggle--sm",
+      md: "ddga-toggle--md",
+      lg: "ddga-toggle--lg"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md"
+  }
+});
+var toggleGroupVariants = cva("ddga-toggle-group", {
+  variants: {
+    variant: {
+      default: "ddga-toggle-group--default",
+      outline: "ddga-toggle-group--outline"
+    },
+    size: {
+      sm: "ddga-toggle-group--sm",
+      md: "ddga-toggle-group--md",
+      lg: "ddga-toggle-group--lg"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md"
+  }
+});
+function Toggle({ variant, size, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TogglePrimitive.Root,
+    {
+      "data-slot": "toggle",
+      className: cn(toggleVariants({ variant, size }), className),
+      ...props
+    }
+  );
+}
+function ToggleGroup({ variant, size, className, ...props }) {
+  if (process.env.NODE_ENV === "development" && !props["aria-label"] && !props["aria-labelledby"]) {
+    console.warn(
+      "[@dev-dga/react] ToggleGroup should have an `aria-label` or `aria-labelledby` so the button group has an accessible name."
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive.Root,
+    {
+      "data-slot": "toggle-group",
+      className: cn(toggleGroupVariants({ variant, size }), className),
+      ...props
+    }
+  );
+}
+function ToggleGroupItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ToggleGroupPrimitive.Item,
+    {
+      "data-slot": "toggle-group-item",
+      className: cn("ddga-toggle-group__item", className),
+      ...props
+    }
+  );
+}
+
+export {
+  toggleVariants,
+  toggleGroupVariants,
+  Toggle,
+  ToggleGroup,
+  ToggleGroupItem
+};
+//# sourceMappingURL=chunk-QFHAVVXT.js.map

package/dist/chunk-QFHAVVXT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Toggle/Toggle.tsx"],"sourcesContent":["'use client';\n\nimport { Toggle as TogglePrimitive, ToggleGroup as ToggleGroupPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Standalone Toggle carries its own variant/size. Inside a ToggleGroup the\n// item visuals cascade from the group's classes via descendant selectors\n// (same pattern as Accordion/Tabs), so ToggleGroupItem needs no variant prop.\n\nconst toggleVariants = cva('ddga-toggle', {\n  variants: {\n    variant: {\n      default: 'ddga-toggle--default',\n      outline: 'ddga-toggle--outline',\n    },\n    size: {\n      sm: 'ddga-toggle--sm',\n      md: 'ddga-toggle--md',\n      lg: 'ddga-toggle--lg',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n  },\n});\n\nconst toggleGroupVariants = cva('ddga-toggle-group', {\n  variants: {\n    variant: {\n      default: 'ddga-toggle-group--default',\n      outline: 'ddga-toggle-group--outline',\n    },\n    size: {\n      sm: 'ddga-toggle-group--sm',\n      md: 'ddga-toggle-group--md',\n      lg: 'ddga-toggle-group--lg',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ntype ToggleProps = React.ComponentProps<typeof TogglePrimitive.Root> &\n  VariantProps<typeof toggleVariants>;\n\n// Radix's Root is a discriminated union on `type` ('single' | 'multiple');\n// mirror it via Radix's own types (same approach as Accordion).\ntype ToggleGroupRootProps = React.ComponentProps<typeof ToggleGroupPrimitive.Root>;\ntype ToggleGroupProps = ToggleGroupRootProps & VariantProps<typeof toggleGroupVariants>;\n\ntype ToggleGroupItemProps = React.ComponentProps<typeof ToggleGroupPrimitive.Item>;\n\n// ─── 3. Components ─── //\n\n// A standalone two-state button (role=button + aria-pressed, via Radix). For\n// icon-only toggles, pass an `aria-label`.\nfunction Toggle({ variant, size, className, ...props }: ToggleProps) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction ToggleGroup({ variant, size, className, ...props }: ToggleGroupProps) {\n  if (process.env.NODE_ENV === 'development' && !props['aria-label'] && !props['aria-labelledby']) {\n    console.warn(\n      '[@dev-dga/react] ToggleGroup should have an `aria-label` or `aria-labelledby` ' +\n        'so the button group has an accessible name.',\n    );\n  }\n\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      className={cn(toggleGroupVariants({ variant, size }), className)}\n      {...(props as ToggleGroupRootProps)}\n    />\n  );\n}\n\nfunction ToggleGroupItem({ className, ...props }: ToggleGroupItemProps) {\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      className={cn('ddga-toggle-group__item', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Toggle, ToggleGroup, ToggleGroupItem, toggleVariants, toggleGroupVariants };\nexport type { ToggleProps, ToggleGroupProps, ToggleGroupItemProps };\n"],"mappings":";;;;;AAEA,SAAS,UAAU,iBAAiB,eAAe,4BAA4B;AAC/E,SAAS,WAA8B;AA+DnC;AAtDJ,IAAM,iBAAiB,IAAI,eAAe;AAAA,EACxC,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AAED,IAAM,sBAAsB,IAAI,qBAAqB;AAAA,EACnD,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AAkBD,SAAS,OAAO,EAAE,SAAS,MAAM,WAAW,GAAG,MAAM,GAAgB;AACnE,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY,EAAE,SAAS,MAAM,WAAW,GAAG,MAAM,GAAqB;AAC7E,MAAI,QAAQ,IAAI,aAAa,iBAAiB,CAAC,MAAM,YAAY,KAAK,CAAC,MAAM,iBAAiB,GAAG;AAC/F,YAAQ;AAAA,MACN;AAAA,IAEF;AAAA,EACF;AAEA,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,oBAAoB,EAAE,SAAS,KAAK,CAAC,GAAG,SAAS;AAAA,MAC9D,GAAI;AAAA;AAAA,EACP;AAEJ;AAEA,SAAS,gBAAgB,EAAE,WAAW,GAAG,MAAM,GAAyB;AACtE,SACE;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,2BAA2B,SAAS;AAAA,MACjD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/chunk-QGK2KYQS.js

@@ -0,0 +1,83 @@
+import {
+  ChevronDown
+} from "./chunk-CDS4SYEQ.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Accordion/Accordion.tsx
+import { Accordion as AccordionPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var accordionVariants = cva("ddga-accordion", {
+  variants: {
+    size: {
+      sm: "ddga-accordion--sm",
+      md: "ddga-accordion--md"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Accordion({ size, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Root,
+    {
+      "data-slot": "accordion",
+      className: cn(accordionVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function AccordionItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Item,
+    {
+      "data-slot": "accordion-item",
+      className: cn("ddga-accordion__item", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "ddga-accordion__header", children: /* @__PURE__ */ jsxs(
+    AccordionPrimitive.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: cn("ddga-accordion__trigger", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(
+          ChevronDown,
+          {
+            "aria-hidden": "true",
+            className: "ddga-accordion__chevron",
+            "data-slot": "accordion-chevron"
+          }
+        )
+      ]
+    }
+  ) });
+}
+function AccordionContent({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Content,
+    {
+      "data-slot": "accordion-content",
+      className: cn("ddga-accordion__content", className),
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: "ddga-accordion__content-inner", children })
+    }
+  );
+}
+
+export {
+  accordionVariants,
+  Accordion,
+  AccordionItem,
+  AccordionTrigger,
+  AccordionContent
+};
+//# sourceMappingURL=chunk-QGK2KYQS.js.map

package/dist/chunk-QGK2KYQS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport { Accordion as AccordionPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { ChevronDown } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Size lives on the root. Per-part visuals cascade via descendant selectors,\n// same pattern as Tabs/Breadcrumb. Radix handles disclosure state (open /\n// closed via `data-state`), keyboard nav (Arrow + Home/End), and mounting\n// of content with built-in animation hooks (`data-state` + CSS variables\n// `--radix-accordion-content-height`).\n\nconst accordionVariants = cva('ddga-accordion', {\n  variants: {\n    size: {\n      sm: 'ddga-accordion--sm',\n      md: 'ddga-accordion--md',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n//\n// Radix's Root has two prop shapes depending on `type` (single vs multiple\n// expanded). We mirror that via discriminated union from Radix's own types.\n\ntype AccordionRootProps = React.ComponentProps<typeof AccordionPrimitive.Root>;\ntype AccordionProps = AccordionRootProps & VariantProps<typeof accordionVariants>;\n\ntype AccordionItemProps = React.ComponentProps<typeof AccordionPrimitive.Item>;\ntype AccordionTriggerProps = React.ComponentProps<typeof AccordionPrimitive.Trigger>;\ntype AccordionContentProps = React.ComponentProps<typeof AccordionPrimitive.Content>;\n\n// ─── 3. Components ─── //\n\nfunction Accordion({ size, className, ...props }: AccordionProps) {\n  return (\n    <AccordionPrimitive.Root\n      data-slot=\"accordion\"\n      className={cn(accordionVariants({ size }), className)}\n      {...(props as AccordionRootProps)}\n    />\n  );\n}\n\nfunction AccordionItem({ className, ...props }: AccordionItemProps) {\n  return (\n    <AccordionPrimitive.Item\n      data-slot=\"accordion-item\"\n      className={cn('ddga-accordion__item', className)}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionTrigger({ className, children, ...props }: AccordionTriggerProps) {\n  // Radix wraps the trigger in a Header (`<h3>` by default). We render the\n  // Header inline so consumers get the heading-level semantics for free; the\n  // visible chevron is decorative (aria-hidden) and rotates via `data-state`.\n  return (\n    <AccordionPrimitive.Header className=\"ddga-accordion__header\">\n      <AccordionPrimitive.Trigger\n        data-slot=\"accordion-trigger\"\n        className={cn('ddga-accordion__trigger', className)}\n        {...props}\n      >\n        {children}\n        <ChevronDown\n          aria-hidden=\"true\"\n          className=\"ddga-accordion__chevron\"\n          data-slot=\"accordion-chevron\"\n        />\n      </AccordionPrimitive.Trigger>\n    </AccordionPrimitive.Header>\n  );\n}\n\nfunction AccordionContent({ className, children, ...props }: AccordionContentProps) {\n  // Radix sets `--radix-accordion-content-height` on the element when open\n  // so we can animate from 0 → content-height. The inner div carries the\n  // padding so the animated container can clip without padding \"popping\".\n  return (\n    <AccordionPrimitive.Content\n      data-slot=\"accordion-content\"\n      className={cn('ddga-accordion__content', className)}\n      {...props}\n    >\n      <div className=\"ddga-accordion__content-inner\">{children}</div>\n    </AccordionPrimitive.Content>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent, accordionVariants };\nexport type { AccordionProps, AccordionItemProps, AccordionTriggerProps, AccordionContentProps };\n"],"mappings":";;;;;;;;AAEA,SAAS,aAAa,0BAA0B;AAChD,SAAS,WAA8B;AAwCnC,cAwBE,YAxBF;AA5BJ,IAAM,oBAAoB,IAAI,kBAAkB;AAAA,EAC9C,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAgBD,SAAS,UAAU,EAAE,MAAM,WAAW,GAAG,MAAM,GAAmB;AAChE,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,kBAAkB,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,MACnD,GAAI;AAAA;AAAA,EACP;AAEJ;AAEA,SAAS,cAAc,EAAE,WAAW,GAAG,MAAM,GAAuB;AAClE,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,wBAAwB,SAAS;AAAA,MAC9C,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,iBAAiB,EAAE,WAAW,UAAU,GAAG,MAAM,GAA0B;AAIlF,SACE,oBAAC,mBAAmB,QAAnB,EAA0B,WAAU,0BACnC;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,2BAA2B,SAAS;AAAA,MACjD,GAAG;AAAA,MAEH;AAAA;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAU;AAAA,YACV,aAAU;AAAA;AAAA,QACZ;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,SAAS,iBAAiB,EAAE,WAAW,UAAU,GAAG,MAAM,GAA0B;AAIlF,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,2BAA2B,SAAS;AAAA,MACjD,GAAG;AAAA,MAEJ,8BAAC,SAAI,WAAU,iCAAiC,UAAS;AAAA;AAAA,EAC3D;AAEJ;","names":[]}

package/dist/chunk-QHBS2BML.cjs

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

package/dist/chunk-QHBS2BML.cjs.map

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

package/dist/chunk-QHCXQQ2J.js

@@ -0,0 +1,18 @@
+// src/components/Sidebar/useIsMobile.ts
+import { useEffect, useState } from "react";
+function useIsMobile(breakpoint = 768) {
+  const [isMobile, setIsMobile] = useState(false);
+  useEffect(() => {
+    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;
+}
+
+export {
+  useIsMobile
+};
+//# sourceMappingURL=chunk-QHCXQQ2J.js.map

package/dist/chunk-QHCXQQ2J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Sidebar/useIsMobile.ts"],"sourcesContent":["'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"],"mappings":";AAEA,SAAS,WAAW,gBAAgB;AAO7B,SAAS,YAAY,aAAa,KAAc;AACrD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,YAAU,MAAM;AACd,UAAM,MAAM,OAAO,WAAW,eAAe,aAAa,CAAC,KAAK;AAChE,UAAM,WAAW,MAAM,YAAY,IAAI,OAAO;AAC9C,aAAS;AACT,QAAI,iBAAiB,UAAU,QAAQ;AACvC,WAAO,MAAM,IAAI,oBAAoB,UAAU,QAAQ;AAAA,EACzD,GAAG,CAAC,UAAU,CAAC;AAEf,SAAO;AACT;","names":[]}