@dev-dga/react 0.8.0 → 0.8.2

package/dist/chunk-CNAMOK3Z.cjs

@@ -0,0 +1,215 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+var _chunkIKWD2OENcjs = require('./chunk-IKWD2OEN.cjs');
+
+
+var _chunkFQLVTLUIcjs = require('./chunk-FQLVTLUI.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Menubar/Menubar.tsx
+var _react = require('react');
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var menubarContentVariants = _classvarianceauthority.cva.call(void 0, "ddga-menubar-menu", {
+  variants: {
+    size: {
+      sm: "ddga-menubar-menu--sm",
+      md: "ddga-menubar-menu--md"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var menubarTriggerVariants = _classvarianceauthority.cva.call(void 0, "ddga-menubar__trigger", {
+  variants: {
+    variant: {
+      default: "ddga-menubar__trigger--default",
+      outline: "ddga-menubar__trigger--outline"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Menubar({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Menubar.Root,
+    {
+      "data-slot": "menubar",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-menubar", className),
+      ...props
+    }
+  );
+}
+function MenubarMenu(props) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Menubar.Menu, { ...props });
+}
+function MenubarTrigger({ variant, className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Menubar.Trigger,
+    {
+      "data-slot": "menubar-trigger",
+      "data-variant": _nullishCoalesce(variant, () => ( "default")),
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, menubarTriggerVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function MenubarContent({ size, className, sideOffset = 6, ...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.Menubar.Portal, { container: portalContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Menubar.Content,
+    {
+      "data-slot": "menubar-content",
+      sideOffset,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, menubarContentVariants({ size }), className),
+      ...props
+    }
+  ) });
+}
+function MenubarItem({
+  className,
+  destructive,
+  startIcon,
+  shortcut,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _radixui.Menubar.Item,
+    {
+      "data-slot": "menubar-item",
+      "data-destructive": destructive ? "" : void 0,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-menubar-menu__item", className),
+      ...props,
+      children: [
+        startIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-menubar-menu__icon", "aria-hidden": "true", children: startIcon }) : null,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-menubar-menu__label", children }),
+        shortcut ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-menubar-menu__shortcut", "aria-hidden": "true", children: shortcut }) : null
+      ]
+    }
+  );
+}
+function MenubarCheckboxItem({
+  className,
+  children,
+  onSelect,
+  ...props
+}) {
+  const handleSelect = _nullishCoalesce(onSelect, () => ( ((event) => {
+    event.preventDefault();
+  })));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _radixui.Menubar.CheckboxItem,
+    {
+      "data-slot": "menubar-checkbox-item",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-menubar-menu__item", "ddga-menubar-menu__item--checkable", className),
+      onSelect: handleSelect,
+      ...props,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-menubar-menu__indicator", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Menubar.ItemIndicator, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.Check, { className: "ddga-menubar-menu__indicator-icon" }) }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-menubar-menu__label", children })
+      ]
+    }
+  );
+}
+function MenubarRadioGroup(props) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Menubar.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
+}
+function MenubarRadioItem({ className, children, onSelect, ...props }) {
+  const handleSelect = _nullishCoalesce(onSelect, () => ( ((event) => {
+    event.preventDefault();
+  })));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _radixui.Menubar.RadioItem,
+    {
+      "data-slot": "menubar-radio-item",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-menubar-menu__item", "ddga-menubar-menu__item--checkable", className),
+      onSelect: handleSelect,
+      ...props,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-menubar-menu__indicator", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Menubar.ItemIndicator, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-menubar-menu__radio-dot" }) }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-menubar-menu__label", children })
+      ]
+    }
+  );
+}
+function MenubarLabel({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Menubar.Label,
+    {
+      "data-slot": "menubar-label",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-menubar-menu__group-label", className),
+      ...props
+    }
+  );
+}
+function MenubarSeparator({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Menubar.Separator,
+    {
+      "data-slot": "menubar-separator",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-menubar-menu__separator", className),
+      ...props
+    }
+  );
+}
+function MenubarGroup(props) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Menubar.Group, { "data-slot": "menubar-group", ...props });
+}
+function MenubarSub(props) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Menubar.Sub, { ...props });
+}
+function MenubarSubTrigger({ className, startIcon, children, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _radixui.Menubar.SubTrigger,
+    {
+      "data-slot": "menubar-sub-trigger",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-menubar-menu__item", "ddga-menubar-menu__item--sub", className),
+      ...props,
+      children: [
+        startIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-menubar-menu__icon", "aria-hidden": "true", children: startIcon }) : null,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-menubar-menu__label", children }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.ChevronRight, { className: "ddga-menubar-menu__sub-chevron", "aria-hidden": "true" })
+      ]
+    }
+  );
+}
+function MenubarSubContent({ size, className, ...props }) {
+  const ctx = _react.useContext.call(void 0, _chunkFQLVTLUIcjs.DgaContext);
+  const portalContainer = _nullishCoalesce(_nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _3 => _3.portalEl]), () => ( _optionalChain([ctx, 'optionalAccess', _4 => _4.rootEl]))), () => ( void 0));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Menubar.Portal, { container: portalContainer, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.Menubar.SubContent,
+    {
+      "data-slot": "menubar-sub-content",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, menubarContentVariants({ size }), className),
+      ...props
+    }
+  ) });
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.menubarContentVariants = menubarContentVariants; exports.menubarTriggerVariants = menubarTriggerVariants; exports.Menubar = Menubar; exports.MenubarMenu = MenubarMenu; exports.MenubarTrigger = MenubarTrigger; exports.MenubarContent = MenubarContent; exports.MenubarItem = MenubarItem; exports.MenubarCheckboxItem = MenubarCheckboxItem; exports.MenubarRadioGroup = MenubarRadioGroup; exports.MenubarRadioItem = MenubarRadioItem; exports.MenubarLabel = MenubarLabel; exports.MenubarSeparator = MenubarSeparator; exports.MenubarGroup = MenubarGroup; exports.MenubarSub = MenubarSub; exports.MenubarSubTrigger = MenubarSubTrigger; exports.MenubarSubContent = MenubarSubContent;
+//# sourceMappingURL=chunk-CNAMOK3Z.cjs.map

package/dist/chunk-CNAMOK3Z.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-CNAMOK3Z.cjs","../src/components/Menubar/Menubar.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-CNAMOK3Z.cjs","sourcesContent":[null,"'use client';\n\nimport { useContext, type ReactNode } from 'react';\nimport { Menubar as MenubarPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Check, ChevronRight } from '../../internal/icons';\nimport { DgaContext } from '../../providers/DgaContext';\n\n// ─── 1. Variants ─── //\n\n// Size lives on the dropdown panel (Content / SubContent), mirroring\n// DropdownMenu. The bar itself is a single size, so it carries no cva.\nconst menubarContentVariants = cva('ddga-menubar-menu', {\n  variants: {\n    size: {\n      sm: 'ddga-menubar-menu--sm',\n      md: 'ddga-menubar-menu--md',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// Trigger look. `default` = flat menu-bar idiom (text + SA-green open underline);\n// `outline` = bordered button-style chip. Apply the same variant to every\n// trigger in a bar for a consistent look.\nconst menubarTriggerVariants = cva('ddga-menubar__trigger', {\n  variants: {\n    variant: {\n      default: 'ddga-menubar__trigger--default',\n      outline: 'ddga-menubar__trigger--outline',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\n// ─── 2. Bar (Root + Menu + Trigger) ─── //\n\ntype MenubarProps = React.ComponentProps<typeof MenubarPrimitive.Root>;\n\nfunction Menubar({ className, ...props }: MenubarProps) {\n  return (\n    <MenubarPrimitive.Root\n      data-slot=\"menubar\"\n      className={cn('ddga-menubar', className)}\n      {...props}\n    />\n  );\n}\n\ntype MenubarMenuProps = React.ComponentProps<typeof MenubarPrimitive.Menu>;\n\nfunction MenubarMenu(props: MenubarMenuProps) {\n  return <MenubarPrimitive.Menu {...props} />;\n}\n\ntype MenubarTriggerProps = React.ComponentProps<typeof MenubarPrimitive.Trigger> &\n  VariantProps<typeof menubarTriggerVariants>;\n\nfunction MenubarTrigger({ variant, className, ...props }: MenubarTriggerProps) {\n  return (\n    <MenubarPrimitive.Trigger\n      data-slot=\"menubar-trigger\"\n      data-variant={variant ?? 'default'}\n      className={cn(menubarTriggerVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\n// ─── 3. Content (portal-anchored) ─── //\n\ntype MenubarContentProps = React.ComponentProps<typeof MenubarPrimitive.Content> &\n  VariantProps<typeof menubarContentVariants>;\n\nfunction MenubarContent({ size, className, sideOffset = 6, ...props }: MenubarContentProps) {\n  // Radix Portal defaults to <body>, which doesn't inherit DgaProvider's\n  // data-theme / CSS vars. Re-anchor at the provider's body-level portal\n  // container (mirrors data-theme + dir + theme vars) so the menu inherits\n  // theme AND escapes any clipping or transform ancestor. Falls back to\n  // <body> when used outside a provider. (Same pattern as DropdownMenu.)\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <MenubarPrimitive.Portal container={portalContainer}>\n      <MenubarPrimitive.Content\n        data-slot=\"menubar-content\"\n        sideOffset={sideOffset}\n        className={cn(menubarContentVariants({ size }), className)}\n        {...props}\n      />\n    </MenubarPrimitive.Portal>\n  );\n}\n\n// ─── 4. Item + variants ─── //\n\ntype MenubarItemProps = React.ComponentProps<typeof MenubarPrimitive.Item> & {\n  /** Style as a destructive action (red text, red hover). */\n  destructive?: boolean;\n  /** Icon rendered before the label. Sized to 1em. */\n  startIcon?: ReactNode;\n  /** Trailing text shown muted, e.g. a keyboard shortcut hint (\"⌘K\"). */\n  shortcut?: ReactNode;\n};\n\nfunction MenubarItem({\n  className,\n  destructive,\n  startIcon,\n  shortcut,\n  children,\n  ...props\n}: MenubarItemProps) {\n  return (\n    <MenubarPrimitive.Item\n      data-slot=\"menubar-item\"\n      data-destructive={destructive ? '' : undefined}\n      className={cn('ddga-menubar-menu__item', className)}\n      {...props}\n    >\n      {startIcon ? (\n        <span className=\"ddga-menubar-menu__icon\" aria-hidden=\"true\">\n          {startIcon}\n        </span>\n      ) : null}\n      <span className=\"ddga-menubar-menu__label\">{children}</span>\n      {shortcut ? (\n        <span className=\"ddga-menubar-menu__shortcut\" aria-hidden=\"true\">\n          {shortcut}\n        </span>\n      ) : null}\n    </MenubarPrimitive.Item>\n  );\n}\n\n// ─── 5. CheckboxItem + RadioItem ─── //\n\ntype MenubarCheckboxItemProps = React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>;\n\nfunction MenubarCheckboxItem({\n  className,\n  children,\n  onSelect,\n  ...props\n}: MenubarCheckboxItemProps) {\n  // Default UX: keep the menu open across toggles so consumers can flip\n  // multiple checkboxes in one pass. If a consumer passes their own onSelect,\n  // they own the behavior (call `event.preventDefault()` to keep this default).\n  const handleSelect =\n    onSelect ??\n    ((event: Event) => {\n      event.preventDefault();\n    });\n  return (\n    <MenubarPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      className={cn('ddga-menubar-menu__item', 'ddga-menubar-menu__item--checkable', className)}\n      onSelect={handleSelect}\n      {...props}\n    >\n      <span className=\"ddga-menubar-menu__indicator\" aria-hidden=\"true\">\n        <MenubarPrimitive.ItemIndicator>\n          <Check className=\"ddga-menubar-menu__indicator-icon\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      <span className=\"ddga-menubar-menu__label\">{children}</span>\n    </MenubarPrimitive.CheckboxItem>\n  );\n}\n\ntype MenubarRadioGroupProps = React.ComponentProps<typeof MenubarPrimitive.RadioGroup>;\n\nfunction MenubarRadioGroup(props: MenubarRadioGroupProps) {\n  return <MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />;\n}\n\ntype MenubarRadioItemProps = React.ComponentProps<typeof MenubarPrimitive.RadioItem>;\n\nfunction MenubarRadioItem({ className, children, onSelect, ...props }: MenubarRadioItemProps) {\n  // Same default-open behavior as CheckboxItem — selecting a radio without\n  // the menu visually confirming the new state is a frustrating dead-feel.\n  const handleSelect =\n    onSelect ??\n    ((event: Event) => {\n      event.preventDefault();\n    });\n  return (\n    <MenubarPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      className={cn('ddga-menubar-menu__item', 'ddga-menubar-menu__item--checkable', className)}\n      onSelect={handleSelect}\n      {...props}\n    >\n      <span className=\"ddga-menubar-menu__indicator\" aria-hidden=\"true\">\n        <MenubarPrimitive.ItemIndicator>\n          <span className=\"ddga-menubar-menu__radio-dot\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      <span className=\"ddga-menubar-menu__label\">{children}</span>\n    </MenubarPrimitive.RadioItem>\n  );\n}\n\n// ─── 6. Label + Separator + Group ─── //\n\ntype MenubarLabelProps = React.ComponentProps<typeof MenubarPrimitive.Label>;\n\nfunction MenubarLabel({ className, ...props }: MenubarLabelProps) {\n  return (\n    <MenubarPrimitive.Label\n      data-slot=\"menubar-label\"\n      className={cn('ddga-menubar-menu__group-label', className)}\n      {...props}\n    />\n  );\n}\n\ntype MenubarSeparatorProps = React.ComponentProps<typeof MenubarPrimitive.Separator>;\n\nfunction MenubarSeparator({ className, ...props }: MenubarSeparatorProps) {\n  return (\n    <MenubarPrimitive.Separator\n      data-slot=\"menubar-separator\"\n      className={cn('ddga-menubar-menu__separator', className)}\n      {...props}\n    />\n  );\n}\n\ntype MenubarGroupProps = React.ComponentProps<typeof MenubarPrimitive.Group>;\n\nfunction MenubarGroup(props: MenubarGroupProps) {\n  return <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />;\n}\n\n// ─── 7. Submenu (Sub + SubTrigger + SubContent) ─── //\n\ntype MenubarSubProps = React.ComponentProps<typeof MenubarPrimitive.Sub>;\n\nfunction MenubarSub(props: MenubarSubProps) {\n  return <MenubarPrimitive.Sub {...props} />;\n}\n\ntype MenubarSubTriggerProps = React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n  startIcon?: ReactNode;\n};\n\nfunction MenubarSubTrigger({ className, startIcon, children, ...props }: MenubarSubTriggerProps) {\n  return (\n    <MenubarPrimitive.SubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      className={cn('ddga-menubar-menu__item', 'ddga-menubar-menu__item--sub', className)}\n      {...props}\n    >\n      {startIcon ? (\n        <span className=\"ddga-menubar-menu__icon\" aria-hidden=\"true\">\n          {startIcon}\n        </span>\n      ) : null}\n      <span className=\"ddga-menubar-menu__label\">{children}</span>\n      <ChevronRight className=\"ddga-menubar-menu__sub-chevron\" aria-hidden=\"true\" />\n    </MenubarPrimitive.SubTrigger>\n  );\n}\n\ntype MenubarSubContentProps = React.ComponentProps<typeof MenubarPrimitive.SubContent> &\n  VariantProps<typeof menubarContentVariants>;\n\nfunction MenubarSubContent({ size, className, ...props }: MenubarSubContentProps) {\n  const ctx = useContext(DgaContext);\n  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? undefined;\n\n  return (\n    <MenubarPrimitive.Portal container={portalContainer}>\n      <MenubarPrimitive.SubContent\n        data-slot=\"menubar-sub-content\"\n        className={cn(menubarContentVariants({ size }), className)}\n        {...props}\n      />\n    </MenubarPrimitive.Portal>\n  );\n}\n\n// ─── 8. Exports ─── //\n\nexport {\n  Menubar,\n  MenubarMenu,\n  MenubarTrigger,\n  MenubarContent,\n  MenubarItem,\n  MenubarCheckboxItem,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarLabel,\n  MenubarSeparator,\n  MenubarGroup,\n  MenubarSub,\n  MenubarSubTrigger,\n  MenubarSubContent,\n  menubarContentVariants,\n  menubarTriggerVariants,\n};\nexport type {\n  MenubarProps,\n  MenubarMenuProps,\n  MenubarTriggerProps,\n  MenubarContentProps,\n  MenubarItemProps,\n  MenubarCheckboxItemProps,\n  MenubarRadioGroupProps,\n  MenubarRadioItemProps,\n  MenubarLabelProps,\n  MenubarSeparatorProps,\n  MenubarGroupProps,\n  MenubarSubProps,\n  MenubarSubTriggerProps,\n  MenubarSubContentProps,\n};\n"]}

package/dist/chunk-D4ZUV7FD.cjs

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

package/dist/chunk-D4ZUV7FD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-D4ZUV7FD.cjs","../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACPA,mCAA0C;AAC1C,kEAAuC;AAgF7B,+CAAA;AAxEV,IAAM,eAAA,EAAiB,yCAAA,aAAI,EAAe;AAAA,EACxC,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,iBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN,CAAA;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAwBD,SAAS,MAAA,CAAO;AAAA,EACd,EAAA,EAAI,UAAA;AAAA,EACJ,KAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAgB;AACd,EAAA,MAAM,EAAE,OAAA,EAAS,OAAA,EAAS,QAAA,EAAU,QAAA,EAAU,eAAA,EAAiB,SAAA,EAAW,aAAa,EAAA,EACrF,4CAAA;AAAa,IACX,IAAA,EAAM,QAAA;AAAA,IACN,EAAA,EAAI,UAAA;AAAA,IACJ,KAAA;AAAA,IACA,KAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA,EAAc,KAAA,CAAM,YAAY,CAAA;AAAA,IAChC,iBAAA,EAAmB,KAAA,CAAM,iBAAiB;AAAA,EAC5C,CAAC,CAAA;AAEH,EAAA,uBACE,8BAAA,KAAC,EAAA,EAAI,WAAA,EAAU,cAAA,EAAe,SAAA,EAAU,YAAA,EACtC,QAAA,EAAA;AAAA,oBAAA,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,iBAAA,EACb,QAAA,EAAA;AAAA,sBAAA,6BAAA;AAAA,QAAC,eAAA,CAAgB,IAAA;AAAA,QAAhB;AAAA,UAGE,GAAG,KAAA;AAAA,UACH,GAAG,YAAA;AAAA,UACJ,WAAA,EAAU,QAAA;AAAA,UACV,QAAA;AAAA,UACA,SAAA,EAAW,kCAAA,cAAG,CAAe,EAAE,IAAA,EAAM,KAAA,EAAO,SAAS,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,UAElE,QAAA,kBAAA,6BAAA,eAAC,CAAgB,KAAA,EAAhB,EAAsB,WAAA,EAAU,cAAA,EAAe,SAAA,EAAU,qBAAA,CAAqB;AAAA,QAAA;AAAA,MACjF,CAAA;AAAA,MACC,MAAA,mBACC,8BAAA,OAAC,EAAA,EAAM,OAAA,EAAS,OAAA,EAAS,SAAA,EAAU,oBAAA,EAChC,QAAA,EAAA;AAAA,QAAA,KAAA;AAAA,QACA,SAAA,mBACC,6BAAA,MAAC,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,IAAA,CAE3D;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA,EAAA,CAEJ,CAAA;AAAA,IACC,gBAAA,mBACC,6BAAA,8BAAC,EAAA,EAAa,EAAA,EAAI,OAAA,EAAS,OAAA,EAAQ,OAAA,EAChC,QAAA,EAAA,aAAA,CACH,CAAA;AAAA,IAED,UAAA,mBACC,6BAAA,8BAAC,EAAA,EAAa,EAAA,EAAI,QAAA,EAAU,OAAA,EAAQ,QAAA,EACjC,QAAA,EAAA,WAAA,CACH;AAAA,EAAA,EAAA,CAEJ,CAAA;AAEJ;ADtCA;AACA;AACE;AACA;AACF,iEAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-D4ZUV7FD.cjs","sourcesContent":[null,"'use client';\n\nimport type { ReactNode } from 'react';\nimport { Switch as SwitchPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the Radix Switch.Root (role=switch). Two sizes only , a \"lg\"\n// switch is unusual; keep the surface honest. Matches Checkbox / Radio.\nconst switchVariants = cva('ddga-switch', {\n  variants: {\n    size: {\n      sm: 'ddga-switch--sm',\n      md: 'ddga-switch--md',\n    },\n    error: {\n      true: 'ddga-switch--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// Radix owns the state model (checked / defaultChecked / onCheckedChange /\n// disabled / required / name / value). We add the composed label +\n// helper/error + a11y wiring. `children` is omitted , the thumb is rendered\n// internally.\ninterface SwitchProps\n  extends\n    Omit<React.ComponentProps<typeof SwitchPrimitive.Root>, 'children'>,\n    VariantProps<typeof switchVariants> {\n  /** Visible label, sits beside the track, associated via `htmlFor`/`id`. */\n  label?: ReactNode;\n  /** Hint shown below the row. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the row when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n}\n\n// ─── 3. Component ─── //\n\nfunction Switch({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  required,\n  className,\n  ...props\n}: SwitchProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Switch',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      'aria-label': props['aria-label'],\n      'aria-labelledby': props['aria-labelledby'],\n    });\n\n  return (\n    <div data-slot=\"switch-field\" className=\"ddga-field\">\n      <div className=\"ddga-switch-row\">\n        <SwitchPrimitive.Root\n          // Spread props first, then the a11y contract (controlProps) so a\n          // consumer cannot accidentally clobber the wiring.\n          {...props}\n          {...controlProps}\n          data-slot=\"switch\"\n          required={required}\n          className={cn(switchVariants({ size, error: hasError }), className)}\n        >\n          <SwitchPrimitive.Thumb data-slot=\"switch-thumb\" className=\"ddga-switch__thumb\" />\n        </SwitchPrimitive.Root>\n        {label && (\n          <label htmlFor={fieldId} className=\"ddga-switch__label\">\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"ddga-switch__required\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n      </div>\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\">\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\">\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Switch, switchVariants };\nexport type { SwitchProps };\n"]}

package/dist/chunk-D7BZ6L4Z.cjs

@@ -0,0 +1,207 @@
+"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 _chunkFEUMA5IScjs = require('./chunk-FEUMA5IS.cjs');
+
+
+var _chunkN4FHLSNVcjs = require('./chunk-N4FHLSNV.cjs');
+
+
+var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/TagInput/TagInput.tsx
+var _react = require('react');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var tagInputVariants = _classvarianceauthority.cva.call(void 0, "ddga-tag-input", {
+  variants: {
+    size: {
+      sm: "ddga-tag-input--sm",
+      md: "ddga-tag-input--md",
+      lg: "ddga-tag-input--lg"
+    },
+    error: {
+      true: "ddga-tag-input--error"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function TagInput({
+  id: externalId,
+  value,
+  defaultValue,
+  onChange,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  size,
+  disabled,
+  placeholder,
+  max,
+  allowDuplicates = false,
+  caseSensitive = false,
+  validate,
+  delimiters = [","],
+  chipVariant = "secondary",
+  removeLabel = (tag) => `Remove ${tag}`,
+  formatAnnouncement = (tag, action) => `${tag} ${action === "add" ? "added" : "removed"}`,
+  className,
+  ...props
+}) {
+  const isControlled = value !== void 0;
+  const [uncontrolledTags, setUncontrolledTags] = _react.useState.call(void 0, _nullishCoalesce(defaultValue, () => ( [])));
+  const tags = isControlled ? value : uncontrolledTags;
+  const [draft, setDraft] = _react.useState.call(void 0, "");
+  const [announcement, setAnnouncement] = _react.useState.call(void 0, "");
+  const inputRef = _react.useRef.call(void 0, null);
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = _chunkNH3KGR65cjs.useFieldA11y.call(void 0, {
+    name: "TagInput",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": props["aria-labelledby"]
+  });
+  const commit = (next) => {
+    if (!isControlled) setUncontrolledTags(next);
+    _optionalChain([onChange, 'optionalCall', _2 => _2(next)]);
+  };
+  const norm = (t) => caseSensitive ? t : t.toLowerCase();
+  const accept = (raw, current) => {
+    let next = current;
+    for (const fragment of raw) {
+      const trimmed = fragment.trim();
+      if (!trimmed) continue;
+      if (max !== void 0 && next.length >= max) break;
+      if (!allowDuplicates && next.some((t) => norm(t) === norm(trimmed))) continue;
+      if (validate && !validate(trimmed, next)) continue;
+      next = [...next, trimmed];
+    }
+    return next;
+  };
+  const announceAdded = (added) => {
+    if (added.length > 0) {
+      setAnnouncement(added.map((t) => formatAnnouncement(t, "add")).join(", "));
+    }
+  };
+  const commitDraft = () => {
+    const next = accept([draft], tags);
+    if (next.length > tags.length) {
+      commit(next);
+      announceAdded(next.slice(tags.length));
+      setDraft("");
+    }
+  };
+  const splitPaste = (text) => {
+    const escaped = delimiters.map((d) => d.replace(/[.*+?^${}()|[\]\\-]/g, "\\$&"));
+    const pattern = new RegExp(`[${escaped.join("")}\\n\\r]`);
+    return text.split(pattern);
+  };
+  const removeTag = (index) => {
+    const removed = tags[index];
+    commit(tags.filter((_, i) => i !== index));
+    setAnnouncement(formatAnnouncement(removed, "remove"));
+    _optionalChain([inputRef, 'access', _3 => _3.current, 'optionalAccess', _4 => _4.focus, 'call', _5 => _5()]);
+  };
+  const handleKeyDown = (event) => {
+    if (disabled) return;
+    if (event.key === "Enter") {
+      event.preventDefault();
+      if (draft.trim()) commitDraft();
+    } else if (delimiters.includes(event.key)) {
+      event.preventDefault();
+      if (draft.trim()) commitDraft();
+    } else if (event.key === "Backspace" && draft === "" && tags.length > 0) {
+      event.preventDefault();
+      removeTag(tags.length - 1);
+    }
+  };
+  const handlePaste = (event) => {
+    if (disabled) return;
+    const text = event.clipboardData.getData("text");
+    const fragments = splitPaste(text);
+    if (fragments.length <= 1) return;
+    event.preventDefault();
+    const next = accept(fragments, tags);
+    if (next.length > tags.length) {
+      commit(next);
+      announceAdded(next.slice(tags.length));
+      setDraft("");
+    }
+  };
+  const handleBoxMouseDown = (event) => {
+    const target = event.target;
+    if (target === inputRef.current || target.closest("button")) return;
+    event.preventDefault();
+    _optionalChain([inputRef, 'access', _6 => _6.current, 'optionalAccess', _7 => _7.focus, 'call', _8 => _8()]);
+  };
+  const chipSize = size === "lg" ? "md" : "sm";
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "data-slot": "tag-input-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: fieldId, className: "ddga-tag-input__label", children: label }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        "data-slot": "tag-input-control",
+        className: _chunkV6MXOJQ4cjs.cn.call(void 0, tagInputVariants({ size, error: hasError }), className),
+        "data-disabled": disabled || void 0,
+        onMouseDown: disabled ? void 0 : handleBoxMouseDown,
+        children: [
+          tags.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { "data-slot": "tag-input-list", className: "ddga-tag-input__list", role: "list", children: tags.map((tag, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "li",
+            {
+              "data-slot": "tag-input-item",
+              className: "ddga-tag-input__item",
+              role: "listitem",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkFEUMA5IScjs.Badge,
+                {
+                  variant: chipVariant,
+                  size: chipSize,
+                  open: true,
+                  dismissible: !disabled,
+                  onDismiss: () => removeTag(index),
+                  closeLabel: removeLabel(tag),
+                  children: tag
+                }
+              )
+            },
+            `${tag}-${index}`
+          )) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "input",
+            {
+              ...props,
+              ...controlProps,
+              ref: inputRef,
+              "data-slot": "tag-input",
+              className: "ddga-tag-input__field",
+              type: "text",
+              value: draft,
+              disabled,
+              placeholder: tags.length === 0 ? placeholder : void 0,
+              onChange: (event) => setDraft(event.target.value),
+              onKeyDown: handleKeyDown,
+              onPaste: handlePaste
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-slot": "tag-input-live", className: "ddga-sr-only", role: "status", "aria-live": "polite", children: announcement }),
+    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.tagInputVariants = tagInputVariants; exports.TagInput = TagInput;
+//# sourceMappingURL=chunk-D7BZ6L4Z.cjs.map

package/dist/chunk-D7BZ6L4Z.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-D7BZ6L4Z.cjs","../src/components/TagInput/TagInput.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-D7BZ6L4Z.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 { Badge, type BadgeProps } from '../Badge';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the *control* (the bordered box), not the raw <input> — the box\n// owns the border, sizing, focus ring and disabled/error styling so the chips\n// and the text input wrap inside the field. Mirrors Input's box, but the box\n// grows vertically as chips wrap (min-block-size, not a fixed height).\nconst tagInputVariants = cva('ddga-tag-input', {\n  variants: {\n    size: {\n      sm: 'ddga-tag-input--sm',\n      md: 'ddga-tag-input--md',\n      lg: 'ddga-tag-input--lg',\n    },\n    error: {\n      true: 'ddga-tag-input--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// We own `value` / `defaultValue` (string[] tags, not strings), `onChange`\n// (fires with the tag array), and the design-system `size` variant — so they\n// are stripped from the native input props the rest are spread onto.\ntype NativeInputProps = Omit<\n  React.ComponentProps<'input'>,\n  'value' | 'defaultValue' | 'onChange' | 'size'\n>;\n\ninterface TagInputProps\n  extends NativeInputProps, Omit<VariantProps<typeof tagInputVariants>, 'error'> {\n  /** Controlled tag list. */\n  value?: string[];\n  /** Uncontrolled initial tag list. */\n  defaultValue?: string[];\n  /** Fires with the full accepted tag set after every add/remove. */\n  onChange?: (tags: string[]) => void;\n  /** Visible field label, associated to the text input. */\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 invalid. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n  /** Caps the number of tags. Adds beyond the cap are no-ops. */\n  max?: number;\n  /** Allow the same tag more than once. Off → duplicates are rejected. */\n  allowDuplicates?: boolean;\n  /** Make duplicate detection case-sensitive. Default: case-insensitive. */\n  caseSensitive?: boolean;\n  /** Consumer gate run on each candidate tag. Return false to reject (draft kept). */\n  validate?: (tag: string, tags: string[]) => boolean;\n  /** Characters that commit the draft and split a paste. Newline always splits a paste. */\n  delimiters?: string[];\n  /** Badge variant used for the chips. */\n  chipVariant?: BadgeProps['variant'];\n  /** Accessible name for each chip's remove button. */\n  removeLabel?: (tag: string) => string;\n  /** Live-region text announced on add/remove (screen readers). */\n  formatAnnouncement?: (tag: string, action: 'add' | 'remove') => string;\n}\n\n// ─── 3. Component ─── //\n\nfunction TagInput({\n  id: externalId,\n  value,\n  defaultValue,\n  onChange,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  disabled,\n  placeholder,\n  max,\n  allowDuplicates = false,\n  caseSensitive = false,\n  validate,\n  delimiters = [','],\n  chipVariant = 'secondary',\n  removeLabel = (tag) => `Remove ${tag}`,\n  formatAnnouncement = (tag, action) => `${tag} ${action === 'add' ? 'added' : 'removed'}`,\n  className,\n  ...props\n}: TagInputProps) {\n  const isControlled = value !== undefined;\n  const [uncontrolledTags, setUncontrolledTags] = useState<string[]>(defaultValue ?? []);\n  const tags = isControlled ? value : uncontrolledTags;\n\n  const [draft, setDraft] = useState('');\n  const [announcement, setAnnouncement] = useState('');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'TagInput',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      'aria-label': props['aria-label'],\n      'aria-labelledby': props['aria-labelledby'],\n    });\n\n  const commit = (next: string[]) => {\n    if (!isControlled) setUncontrolledTags(next);\n    onChange?.(next);\n  };\n\n  const norm = (t: string) => (caseSensitive ? t : t.toLowerCase());\n\n  // Run raw fragments through the full accept pipeline (trim → drop-empty →\n  // max cap → dedup → validate), appending the survivors. Only ever appends,\n  // so the accepted set is `next.slice(current.length)`.\n  const accept = (raw: string[], current: string[]): string[] => {\n    let next = current;\n    for (const fragment of raw) {\n      const trimmed = fragment.trim();\n      if (!trimmed) continue;\n      if (max !== undefined && next.length >= max) break;\n      if (!allowDuplicates && next.some((t) => norm(t) === norm(trimmed))) continue;\n      if (validate && !validate(trimmed, next)) continue;\n      next = [...next, trimmed];\n    }\n    return next;\n  };\n\n  const announceAdded = (added: string[]) => {\n    if (added.length > 0) {\n      setAnnouncement(added.map((t) => formatAnnouncement(t, 'add')).join(', '));\n    }\n  };\n\n  const commitDraft = () => {\n    const next = accept([draft], tags);\n    if (next.length > tags.length) {\n      commit(next);\n      announceAdded(next.slice(tags.length));\n      setDraft('');\n    }\n    // Rejected (dup / max / validate / empty): keep the draft so it can be fixed.\n  };\n\n  // Build a paste splitter from the delimiter chars + newlines. `-` is escaped\n  // too (trailing in the class) so a delimiter like `-` can't form an invalid\n  // character-class range (e.g. `['|','-']` → `[|-…]` would throw).\n  const splitPaste = (text: string): string[] => {\n    const escaped = delimiters.map((d) => d.replace(/[.*+?^${}()|[\\]\\\\-]/g, '\\\\$&'));\n    const pattern = new RegExp(`[${escaped.join('')}\\\\n\\\\r]`);\n    return text.split(pattern);\n  };\n\n  const removeTag = (index: number) => {\n    const removed = tags[index];\n    commit(tags.filter((_, i) => i !== index));\n    setAnnouncement(formatAnnouncement(removed, 'remove'));\n    inputRef.current?.focus();\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (disabled) return;\n    if (event.key === 'Enter') {\n      // Always swallow Enter so it adds a tag instead of submitting the form.\n      event.preventDefault();\n      if (draft.trim()) commitDraft();\n    } else if (delimiters.includes(event.key)) {\n      event.preventDefault();\n      if (draft.trim()) commitDraft();\n    } else if (event.key === 'Backspace' && draft === '' && tags.length > 0) {\n      event.preventDefault();\n      removeTag(tags.length - 1);\n    }\n  };\n\n  const handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n    if (disabled) return;\n    const text = event.clipboardData.getData('text');\n    const fragments = splitPaste(text);\n    // No delimiter in the pasted text → let it type normally into the draft.\n    if (fragments.length <= 1) return;\n    event.preventDefault();\n    const next = accept(fragments, tags);\n    if (next.length > tags.length) {\n      commit(next);\n      announceAdded(next.slice(tags.length));\n      // Clear any in-progress draft so it isn't left stranded after the paste.\n      setDraft('');\n    }\n  };\n\n  // Clicking the box chrome (not a chip button or the input) focuses the input.\n  const handleBoxMouseDown = (event: React.MouseEvent<HTMLDivElement>) => {\n    const target = event.target as HTMLElement;\n    if (target === inputRef.current || target.closest('button')) return;\n    event.preventDefault();\n    inputRef.current?.focus();\n  };\n\n  const chipSize: BadgeProps['size'] = size === 'lg' ? 'md' : 'sm';\n\n  return (\n    <div data-slot=\"tag-input-field\" className=\"ddga-field\">\n      {label && (\n        <label htmlFor={fieldId} className=\"ddga-tag-input__label\">\n          {label}\n        </label>\n      )}\n      <div\n        data-slot=\"tag-input-control\"\n        className={cn(tagInputVariants({ size, error: hasError }), className)}\n        data-disabled={disabled || undefined}\n        onMouseDown={disabled ? undefined : handleBoxMouseDown}\n      >\n        {tags.length > 0 && (\n          <ul data-slot=\"tag-input-list\" className=\"ddga-tag-input__list\" role=\"list\">\n            {tags.map((tag, index) => (\n              <li\n                // Tags can repeat (allowDuplicates) so the value alone is not a\n                // stable key; pair it with the index.\n                key={`${tag}-${index}`}\n                data-slot=\"tag-input-item\"\n                className=\"ddga-tag-input__item\"\n                // `display:contents` on the list/item can drop the implicit\n                // list semantics in some engines; re-assert them explicitly.\n                role=\"listitem\"\n              >\n                <Badge\n                  variant={chipVariant}\n                  size={chipSize}\n                  // Controlled-open: the chip never self-hides — removal flows\n                  // through onChange so controlled consumers stay the source of truth.\n                  open\n                  dismissible={!disabled}\n                  onDismiss={() => removeTag(index)}\n                  closeLabel={removeLabel(tag)}\n                >\n                  {tag}\n                </Badge>\n              </li>\n            ))}\n          </ul>\n        )}\n        <input\n          // Spread consumer props first, then our a11y contract + handlers so\n          // they cannot be clobbered.\n          {...props}\n          {...controlProps}\n          ref={inputRef}\n          data-slot=\"tag-input\"\n          className=\"ddga-tag-input__field\"\n          type=\"text\"\n          value={draft}\n          disabled={disabled}\n          placeholder={tags.length === 0 ? placeholder : undefined}\n          onChange={(event) => setDraft(event.target.value)}\n          onKeyDown={handleKeyDown}\n          onPaste={handlePaste}\n        />\n      </div>\n      <div data-slot=\"tag-input-live\" className=\"ddga-sr-only\" role=\"status\" aria-live=\"polite\">\n        {announcement}\n      </div>\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\">\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\">\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { TagInput, tagInputVariants };\nexport type { TagInputProps };\n"]}

package/dist/chunk-DBB47IAX.js

@@ -0,0 +1,61 @@
+import {
+  DgaContext
+} from "./chunk-TMXABSFE.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Tooltip/Tooltip.tsx
+import { useContext } from "react";
+import { Tooltip as TooltipPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var tooltipContentVariants = cva("ddga-tooltip", {
+  variants: {
+    size: {
+      sm: "ddga-tooltip--sm",
+      md: "ddga-tooltip--md"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Tooltip(props) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Root, { ...props });
+}
+function TooltipTrigger({ className, ...props }) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", className, ...props });
+}
+function TooltipContent({
+  size,
+  arrow = true,
+  sideOffset = 6,
+  className,
+  children,
+  ...props
+}) {
+  const ctx = useContext(DgaContext);
+  const portalContainer = ctx?.portalEl ?? ctx?.rootEl ?? void 0;
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxs(
+    TooltipPrimitive.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(tooltipContentVariants({ size }), className),
+      ...props,
+      children: [
+        children,
+        arrow ? /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "ddga-tooltip__arrow" }) : null
+      ]
+    }
+  ) });
+}
+
+export {
+  tooltipContentVariants,
+  Tooltip,
+  TooltipTrigger,
+  TooltipContent
+};
+//# sourceMappingURL=chunk-DBB47IAX.js.map