@dev-dga/react 0.8.0 → 0.8.2

package/dist/chunk-MGZO7MBN.cjs

@@ -0,0 +1,101 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+
+var _chunkIKWD2OENcjs = require('./chunk-IKWD2OEN.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Breadcrumb/Breadcrumb.tsx
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var breadcrumbVariants = _classvarianceauthority.cva.call(void 0, "ddga-breadcrumb", {
+  variants: {
+    size: {
+      sm: "ddga-breadcrumb--sm",
+      md: "ddga-breadcrumb--md"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Breadcrumb({ size, className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "nav",
+    {
+      "aria-label": "Breadcrumb",
+      "data-slot": "breadcrumb",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, breadcrumbVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function BreadcrumbList({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ol", { "data-slot": "breadcrumb-list", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-breadcrumb__list", className), ...props });
+}
+function BreadcrumbItem({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { "data-slot": "breadcrumb-item", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-breadcrumb__item", className), ...props });
+}
+function BreadcrumbLink({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "a";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "data-slot": "breadcrumb-link",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-breadcrumb__link", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbPage({ asChild, className, ...props }) {
+  const Comp = asChild ? _radixui.Slot.Slot : "span";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Comp,
+    {
+      "aria-current": "page",
+      "data-slot": "breadcrumb-page",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-breadcrumb__page", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbSeparator({ children, className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "li",
+    {
+      role: "presentation",
+      "aria-hidden": "true",
+      "data-slot": "breadcrumb-separator",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-breadcrumb__separator", className),
+      ...props,
+      children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.ChevronRight, {})))
+    }
+  );
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      role: "presentation",
+      "aria-hidden": "true",
+      "data-slot": "breadcrumb-ellipsis",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-breadcrumb__ellipsis", className),
+      ...props,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIKWD2OENcjs.MoreHorizontal, {})
+    }
+  );
+}
+
+
+
+
+
+
+
+
+
+
+exports.breadcrumbVariants = breadcrumbVariants; exports.Breadcrumb = Breadcrumb; exports.BreadcrumbList = BreadcrumbList; exports.BreadcrumbItem = BreadcrumbItem; exports.BreadcrumbLink = BreadcrumbLink; exports.BreadcrumbPage = BreadcrumbPage; exports.BreadcrumbSeparator = BreadcrumbSeparator; exports.BreadcrumbEllipsis = BreadcrumbEllipsis;
+//# sourceMappingURL=chunk-MGZO7MBN.cjs.map

package/dist/chunk-MGZO7MBN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-MGZO7MBN.cjs","../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-MGZO7MBN.cjs","sourcesContent":[null,"'use client';\n\nimport { Slot as SlotPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { ChevronRight, MoreHorizontal } from '../../internal/icons';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Size lives on the root; per-part visuals cascade through descendant\n// selectors (`.ddga-breadcrumb--sm .ddga-breadcrumb__link`). Same pattern\n// as Tabs/RadioGroup — one source of truth on the nav element.\n\nconst breadcrumbVariants = cva('ddga-breadcrumb', {\n  variants: {\n    size: {\n      sm: 'ddga-breadcrumb--sm',\n      md: 'ddga-breadcrumb--md',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface BreadcrumbProps\n  extends React.ComponentProps<'nav'>, VariantProps<typeof breadcrumbVariants> {}\n\ntype BreadcrumbListProps = React.ComponentProps<'ol'>;\ntype BreadcrumbItemProps = React.ComponentProps<'li'>;\n\ninterface BreadcrumbLinkProps extends React.ComponentProps<'a'> {\n  /** Render as the consumer element (e.g., a router Link) via Radix Slot. */\n  asChild?: boolean;\n}\n\ninterface BreadcrumbPageProps extends React.ComponentProps<'span'> {\n  /** Render as the consumer element (e.g., a heading) via Radix Slot. */\n  asChild?: boolean;\n}\n\ninterface BreadcrumbSeparatorProps extends React.ComponentProps<'li'> {\n  /**\n   * Override the default ChevronRight icon with custom content (e.g., `/`, `·`,\n   * or your own SVG). The wrapper itself stays `aria-hidden` since separators\n   * are decorative — the visited-state structure is conveyed via the `<ol>`\n   * + `aria-current` semantics, not the separator glyph.\n   */\n  children?: React.ReactNode;\n}\n\ntype BreadcrumbEllipsisProps = React.ComponentProps<'span'>;\n\n// ─── 3. Components ─── //\n\nfunction Breadcrumb({ size, className, ...props }: BreadcrumbProps) {\n  // Default the accessible name to \"Breadcrumb\" so consumers don't have to\n  // wire it themselves; spread `aria-label` after so they can override it\n  // (e.g., for non-English UIs the consumer passes their own translation).\n  return (\n    <nav\n      aria-label=\"Breadcrumb\"\n      data-slot=\"breadcrumb\"\n      className={cn(breadcrumbVariants({ size }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbList({ className, ...props }: BreadcrumbListProps) {\n  return (\n    <ol data-slot=\"breadcrumb-list\" className={cn('ddga-breadcrumb__list', className)} {...props} />\n  );\n}\n\nfunction BreadcrumbItem({ className, ...props }: BreadcrumbItemProps) {\n  return (\n    <li data-slot=\"breadcrumb-item\" className={cn('ddga-breadcrumb__item', className)} {...props} />\n  );\n}\n\nfunction BreadcrumbLink({ asChild, className, ...props }: BreadcrumbLinkProps) {\n  const Comp = asChild ? SlotPrimitive.Slot : 'a';\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn('ddga-breadcrumb__link', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbPage({ asChild, className, ...props }: BreadcrumbPageProps) {\n  // `aria-current=\"page\"` marks the current location for assistive tech.\n  // The element is not focusable (consumers shouldn't link to the current\n  // page); spread props last so consumers can swap if a different\n  // aria-current value is needed (e.g., `step` in a wizard).\n  const Comp = asChild ? SlotPrimitive.Slot : 'span';\n  return (\n    <Comp\n      aria-current=\"page\"\n      data-slot=\"breadcrumb-page\"\n      className={cn('ddga-breadcrumb__page', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbSeparator({ children, className, ...props }: BreadcrumbSeparatorProps) {\n  // Decorative — the `<ol>` + `aria-current` semantics already convey order\n  // and current page. `aria-hidden` keeps screen readers from announcing\n  // the glyph between every item.\n  return (\n    <li\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      data-slot=\"breadcrumb-separator\"\n      className={cn('ddga-breadcrumb__separator', className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  );\n}\n\nfunction BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps) {\n  // Visual truncation marker. Decorative by itself — if the consumer wants\n  // an interactive \"show collapsed items\" affordance, they should compose\n  // a real button (e.g., a DropdownMenu trigger) inside a BreadcrumbItem\n  // instead of this component.\n  return (\n    <span\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      data-slot=\"breadcrumb-ellipsis\"\n      className={cn('ddga-breadcrumb__ellipsis', className)}\n      {...props}\n    >\n      <MoreHorizontal />\n    </span>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n  breadcrumbVariants,\n};\nexport type {\n  BreadcrumbProps,\n  BreadcrumbListProps,\n  BreadcrumbItemProps,\n  BreadcrumbLinkProps,\n  BreadcrumbPageProps,\n  BreadcrumbSeparatorProps,\n  BreadcrumbEllipsisProps,\n};\n"]}

package/dist/chunk-MKL744I5.cjs

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

package/dist/chunk-MKL744I5.cjs.map

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

package/dist/chunk-MQ7YUUAJ.cjs

@@ -0,0 +1,70 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/DescriptionList/DescriptionList.tsx
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var descriptionListVariants = _classvarianceauthority.cva.call(void 0, "ddga-description-list", {
+  variants: {
+    orientation: {
+      horizontal: "ddga-description-list--horizontal",
+      vertical: "ddga-description-list--vertical"
+    },
+    divided: {
+      true: "ddga-description-list--divided"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+function DescriptionList({ orientation, divided, className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "dl",
+    {
+      "data-slot": "description-list",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, descriptionListVariants({ orientation, divided }), className),
+      ...props
+    }
+  );
+}
+function DescriptionItem({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "description-item",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-description-list__item", className),
+      ...props
+    }
+  );
+}
+function DescriptionTerm({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "dt",
+    {
+      "data-slot": "description-term",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-description-list__term", className),
+      ...props
+    }
+  );
+}
+function DescriptionDetails({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "dd",
+    {
+      "data-slot": "description-details",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-description-list__details", className),
+      ...props
+    }
+  );
+}
+
+
+
+
+
+
+
+exports.descriptionListVariants = descriptionListVariants; exports.DescriptionList = DescriptionList; exports.DescriptionItem = DescriptionItem; exports.DescriptionTerm = DescriptionTerm; exports.DescriptionDetails = DescriptionDetails;
+//# sourceMappingURL=chunk-MQ7YUUAJ.cjs.map

package/dist/chunk-MQ7YUUAJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-MQ7YUUAJ.cjs","../src/components/DescriptionList/DescriptionList.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACFA,kEAAuC;AAqCnC,+CAAA;AA5BJ,IAAM,wBAAA,EAA0B,yCAAA,uBAAI,EAAyB;AAAA,EAC3D,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,UAAA,EAAY,mCAAA;AAAA,MACZ,QAAA,EAAU;AAAA,IACZ,CAAA;AAAA,IACA,OAAA,EAAS;AAAA,MACP,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa;AAAA,EACf;AACF,CAAC,CAAA;AAaD,SAAS,eAAA,CAAgB,EAAE,WAAA,EAAa,OAAA,EAAS,SAAA,EAAW,GAAG,MAAM,CAAA,EAAyB;AAC5F,EAAA,uBACE,6BAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAW,kCAAA,uBAAG,CAAwB,EAAE,WAAA,EAAa,QAAQ,CAAC,CAAA,EAAG,SAAS,CAAA;AAAA,MACzE,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AAIA,SAAS,eAAA,CAAgB,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAyB;AACtE,EAAA,uBACE,6BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAW,kCAAA,6BAAG,EAA+B,SAAS,CAAA;AAAA,MACrD,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AAEA,SAAS,eAAA,CAAgB,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAyB;AACtE,EAAA,uBACE,6BAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,kBAAA;AAAA,MACV,SAAA,EAAW,kCAAA,6BAAG,EAA+B,SAAS,CAAA;AAAA,MACrD,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;AAEA,SAAS,kBAAA,CAAmB,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAA4B;AAC5E,EAAA,uBACE,6BAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,qBAAA;AAAA,MACV,SAAA,EAAW,kCAAA,gCAAG,EAAkC,SAAS,CAAA;AAAA,MACxD,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;ADhBA;AACA;AACE;AACA;AACA;AACA;AACA;AACF,4OAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-MQ7YUUAJ.cjs","sourcesContent":[null,"'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ─── 1. Variants (cva) ─── //\n//\n// Semantic <dl>/<dt>/<dd> key–value list for review / summary screens. Layout\n// cascades from the list root via descendant selectors (Accordion/Tabs\n// pattern), so the row/term/details parts need no variant props.\n\nconst descriptionListVariants = cva('ddga-description-list', {\n  variants: {\n    orientation: {\n      horizontal: 'ddga-description-list--horizontal',\n      vertical: 'ddga-description-list--vertical',\n    },\n    divided: {\n      true: 'ddga-description-list--divided',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface DescriptionListProps\n  extends React.ComponentProps<'dl'>, VariantProps<typeof descriptionListVariants> {}\n\ntype DescriptionItemProps = React.ComponentProps<'div'>;\ntype DescriptionTermProps = React.ComponentProps<'dt'>;\ntype DescriptionDetailsProps = React.ComponentProps<'dd'>;\n\n// ─── 3. Components ─── //\n\nfunction DescriptionList({ orientation, divided, className, ...props }: DescriptionListProps) {\n  return (\n    <dl\n      data-slot=\"description-list\"\n      className={cn(descriptionListVariants({ orientation, divided }), className)}\n      {...props}\n    />\n  );\n}\n\n// Row wrapper grouping one term with its detail(s). A <div> inside <dl> is\n// valid HTML5 and gives each pair a layout/divider boundary.\nfunction DescriptionItem({ className, ...props }: DescriptionItemProps) {\n  return (\n    <div\n      data-slot=\"description-item\"\n      className={cn('ddga-description-list__item', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DescriptionTerm({ className, ...props }: DescriptionTermProps) {\n  return (\n    <dt\n      data-slot=\"description-term\"\n      className={cn('ddga-description-list__term', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DescriptionDetails({ className, ...props }: DescriptionDetailsProps) {\n  return (\n    <dd\n      data-slot=\"description-details\"\n      className={cn('ddga-description-list__details', className)}\n      {...props}\n    />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  DescriptionList,\n  DescriptionItem,\n  DescriptionTerm,\n  DescriptionDetails,\n  descriptionListVariants,\n};\nexport type {\n  DescriptionListProps,\n  DescriptionItemProps,\n  DescriptionTermProps,\n  DescriptionDetailsProps,\n};\n"]}

package/dist/chunk-MQN6A3CE.js

@@ -0,0 +1,182 @@
+import {
+  Star
+} from "./chunk-CDS4SYEQ.js";
+import {
+  FieldMessage
+} from "./chunk-E7WQI7PE.js";
+import {
+  useFieldA11y
+} from "./chunk-HN5AFDQA.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Rating/Rating.tsx
+import { useRef, useState } from "react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ratingVariants = cva("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 = useRef(null);
+  const isControlled = value !== void 0;
+  const [internal, setInternal] = useState(defaultValue ?? 0);
+  const currentValue = isControlled ? value : internal;
+  const [hover, setHover] = useState(null);
+  const interactive = !readOnly && !disabled;
+  const stepSize = allowHalf ? 0.5 : 1;
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
+    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": props["aria-label"] ?? formatValueText(currentValue, max),
+    "aria-labelledby": props["aria-labelledby"]
+  });
+  const displayValue = hover ?? currentValue;
+  function commit(next) {
+    if (!isControlled) setInternal(next);
+    onValueChange?.(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__ */ jsxs(
+      "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__ */ jsx(Star, { className: "ddga-rating__star-bg", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("span", { className: "ddga-rating__star-fill", "aria-hidden": "true", children: /* @__PURE__ */ jsx(Star, { className: "ddga-rating__star-fg", "aria-hidden": "true" }) })
+        ]
+      },
+      index
+    );
+  });
+  const sharedProps = {
+    ref: rootRef,
+    "data-slot": "rating",
+    "data-disabled": disabled || void 0,
+    className: cn(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 : props["aria-label"] ?? "Rating";
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "rating-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ jsx("span", { id: `${fieldId}-label`, className: "ddga-rating__label", children: label }),
+    readOnly ? /* @__PURE__ */ jsx("div", { ...sharedProps, role: "img", "aria-label": formatValueText(currentValue, max), children: stars }) : /* @__PURE__ */ jsx(
+      "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__ */ jsx(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ jsx(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] });
+}
+
+export {
+  ratingVariants,
+  Rating
+};
+//# sourceMappingURL=chunk-MQN6A3CE.js.map

package/dist/chunk-MQN6A3CE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Rating/Rating.tsx"],"sourcesContent":["'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"],"mappings":"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","names":[]}

package/dist/chunk-MUM6HKPT.js

@@ -0,0 +1,207 @@
+import {
+  Badge
+} from "./chunk-BS4PX23P.js";
+import {
+  FieldMessage
+} from "./chunk-E7WQI7PE.js";
+import {
+  useFieldA11y
+} from "./chunk-HN5AFDQA.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/TagInput/TagInput.tsx
+import { useRef, useState } from "react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var tagInputVariants = cva("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] = useState(defaultValue ?? []);
+  const tags = isControlled ? value : uncontrolledTags;
+  const [draft, setDraft] = useState("");
+  const [announcement, setAnnouncement] = useState("");
+  const inputRef = useRef(null);
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
+    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);
+    onChange?.(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"));
+    inputRef.current?.focus();
+  };
+  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();
+    inputRef.current?.focus();
+  };
+  const chipSize = size === "lg" ? "md" : "sm";
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "tag-input-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ jsx("label", { htmlFor: fieldId, className: "ddga-tag-input__label", children: label }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "tag-input-control",
+        className: cn(tagInputVariants({ size, error: hasError }), className),
+        "data-disabled": disabled || void 0,
+        onMouseDown: disabled ? void 0 : handleBoxMouseDown,
+        children: [
+          tags.length > 0 && /* @__PURE__ */ jsx("ul", { "data-slot": "tag-input-list", className: "ddga-tag-input__list", role: "list", children: tags.map((tag, index) => /* @__PURE__ */ jsx(
+            "li",
+            {
+              "data-slot": "tag-input-item",
+              className: "ddga-tag-input__item",
+              role: "listitem",
+              children: /* @__PURE__ */ jsx(
+                Badge,
+                {
+                  variant: chipVariant,
+                  size: chipSize,
+                  open: true,
+                  dismissible: !disabled,
+                  onDismiss: () => removeTag(index),
+                  closeLabel: removeLabel(tag),
+                  children: tag
+                }
+              )
+            },
+            `${tag}-${index}`
+          )) }),
+          /* @__PURE__ */ jsx(
+            "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__ */ jsx("div", { "data-slot": "tag-input-live", className: "ddga-sr-only", role: "status", "aria-live": "polite", children: announcement }),
+    hasErrorMessage && /* @__PURE__ */ jsx(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ jsx(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] });
+}
+
+export {
+  tagInputVariants,
+  TagInput
+};
+//# sourceMappingURL=chunk-MUM6HKPT.js.map

package/dist/chunk-MUM6HKPT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/TagInput/TagInput.tsx"],"sourcesContent":["'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"],"mappings":"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","names":[]}