@dev-dga/react 0.8.1 → 0.8.2

package/dist/chunk-STJDMXL7.cjs

@@ -0,0 +1,116 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunkN4FHLSNVcjs = require('./chunk-N4FHLSNV.cjs');
+
+
+var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Slider/Slider.tsx
+var _react = require('react');
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var sliderVariants = _classvarianceauthority.cva.call(void 0, "ddga-slider", {
+  variants: {
+    size: {
+      sm: "ddga-slider--sm",
+      md: "ddga-slider--md"
+    },
+    error: {
+      true: "ddga-slider--error"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var DEFAULT_THUMB_LABELS = ["Minimum", "Maximum"];
+function toArray(value) {
+  if (value === void 0) return void 0;
+  return Array.isArray(value) ? value : [value];
+}
+function Slider({
+  id: externalId,
+  value,
+  defaultValue,
+  onValueChange,
+  onValueCommit,
+  min = 0,
+  max = 100,
+  size,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  showValue = false,
+  formatValue,
+  thumbLabels = DEFAULT_THUMB_LABELS,
+  className,
+  ...props
+}) {
+  const labelId = _react.useId.call(void 0, );
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = _chunkNH3KGR65cjs.useFieldA11y.call(void 0, {
+    name: "Slider",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": _nullishCoalesce(props["aria-labelledby"], () => ( (label ? labelId : void 0)))
+  });
+  const isRange = Array.isArray(_nullishCoalesce(value, () => ( defaultValue)));
+  const valueArray = toArray(value);
+  const defaultArray = _nullishCoalesce(toArray(defaultValue), () => ( [min]));
+  const wrap = (next) => isRange ? next : next[0];
+  const currentForRender = _nullishCoalesce(valueArray, () => ( defaultArray));
+  const fmt = (n) => formatValue ? formatValue(n) : String(n);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "data-slot": "slider-field", className: "ddga-field", children: [
+    (label || showValue) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ddga-slider__header", children: [
+      label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: labelId, className: "ddga-slider__label", children: label }),
+      showValue && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-slider__value", "aria-hidden": "true", children: currentForRender.map(fmt).join(" \u2013 ") })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      _radixui.Slider.Root,
+      {
+        ...props,
+        id: fieldId,
+        min,
+        max,
+        value: valueArray,
+        defaultValue: value === void 0 ? defaultArray : void 0,
+        onValueChange: onValueChange ? (next) => onValueChange(wrap(next)) : void 0,
+        onValueCommit: onValueCommit ? (next) => onValueCommit(wrap(next)) : void 0,
+        "aria-invalid": controlProps["aria-invalid"],
+        "data-slot": "slider",
+        className: _chunkV6MXOJQ4cjs.cn.call(void 0, sliderVariants({ size, error: hasError }), className),
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Slider.Track, { "data-slot": "slider-track", className: "ddga-slider__track", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Slider.Range, { "data-slot": "slider-range", className: "ddga-slider__range" }) }),
+          currentForRender.map((thumbValue, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _radixui.Slider.Thumb,
+            {
+              "data-slot": "slider-thumb",
+              className: "ddga-slider__thumb",
+              "aria-label": isRange ? thumbLabels[index] : void 0,
+              "aria-labelledby": !isRange && label ? labelId : void 0,
+              "aria-valuetext": formatValue ? fmt(thumbValue) : void 0,
+              "aria-describedby": controlProps["aria-describedby"]
+            },
+            index
+          ))
+        ]
+      }
+    ),
+    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.sliderVariants = sliderVariants; exports.Slider = Slider;
+//# sourceMappingURL=chunk-STJDMXL7.cjs.map

package/dist/chunk-STJDMXL7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-STJDMXL7.cjs","../src/components/Slider/Slider.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-STJDMXL7.cjs","sourcesContent":[null,"'use client';\n\nimport { useId, type ReactNode } from 'react';\nimport { Slider as SliderPrimitive } 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\nconst sliderVariants = cva('ddga-slider', {\n  variants: {\n    size: {\n      sm: 'ddga-slider--sm',\n      md: 'ddga-slider--md',\n    },\n    error: {\n      true: 'ddga-slider--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// Radix owns the slider state model, but always as `number[]`. We expose a\n// cleaner API: a single `number` for one thumb, `number[]` for a range. The\n// emitted value mirrors the shape that was passed in.\ntype SliderValue = number | number[];\n\ninterface SliderProps\n  extends\n    Omit<\n      React.ComponentProps<typeof SliderPrimitive.Root>,\n      'value' | 'defaultValue' | 'onValueChange' | 'onValueCommit' | 'asChild'\n    >,\n    VariantProps<typeof sliderVariants> {\n  /** Controlled value. `number` → single thumb, `number[]` → one thumb each. */\n  value?: SliderValue;\n  /** Uncontrolled initial value. Defaults to a single thumb at `min`. */\n  defaultValue?: SliderValue;\n  /** Fires continuously while dragging. Shape mirrors `value`/`defaultValue`. */\n  onValueChange?: (value: SliderValue) => void;\n  /** Fires once on release (pointer up / keyboard commit). */\n  onValueCommit?: (value: SliderValue) => void;\n\n  /** Visible field label, associated to the thumb(s) via `aria-labelledby`. */\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  /** Render the current value(s) as text beside the label. */\n  showValue?: boolean;\n  /** Formats each value for `showValue` and the thumb's `aria-valuetext`\n   *  (e.g. percentages or currency). */\n  formatValue?: (value: number) => string;\n  /** Accessible names for the two range thumbs. Ignored for single thumbs.\n   *  Defaults to `['Minimum', 'Maximum']`. */\n  thumbLabels?: [string, string];\n}\n\n// ─── 3. Helpers ─── //\n\nconst DEFAULT_THUMB_LABELS: [string, string] = ['Minimum', 'Maximum'];\n\nfunction toArray(value: SliderValue | undefined): number[] | undefined {\n  if (value === undefined) return undefined;\n  return Array.isArray(value) ? value : [value];\n}\n\n// ─── 4. Component ─── //\n\nfunction Slider({\n  id: externalId,\n  value,\n  defaultValue,\n  onValueChange,\n  onValueCommit,\n  min = 0,\n  max = 100,\n  size,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  showValue = false,\n  formatValue,\n  thumbLabels = DEFAULT_THUMB_LABELS,\n  className,\n  ...props\n}: SliderProps) {\n  const labelId = useId();\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Slider',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      'aria-label': props['aria-label'],\n      'aria-labelledby': props['aria-labelledby'] ?? (label ? labelId : undefined),\n    });\n\n  // Single vs range is determined by the controlled/uncontrolled shape the\n  // consumer chose; fall back to single when neither is provided.\n  const isRange = Array.isArray(value ?? defaultValue);\n\n  const valueArray = toArray(value);\n  const defaultArray = toArray(defaultValue) ?? [min];\n\n  // Re-wrap Radix's `number[]` back into the consumer's shape.\n  const wrap = (next: number[]): SliderValue => (isRange ? next : next[0]);\n\n  // Each thumb needs an accessible name. A single thumb borrows the field\n  // label; range thumbs get distinct min/max labels.\n  const currentForRender = valueArray ?? defaultArray;\n  const fmt = (n: number) => (formatValue ? formatValue(n) : String(n));\n\n  return (\n    <div data-slot=\"slider-field\" className=\"ddga-field\">\n      {(label || showValue) && (\n        <div className=\"ddga-slider__header\">\n          {label && (\n            <span id={labelId} className=\"ddga-slider__label\">\n              {label}\n            </span>\n          )}\n          {showValue && (\n            <span className=\"ddga-slider__value\" aria-hidden=\"true\">\n              {currentForRender.map(fmt).join(' – ')}\n            </span>\n          )}\n        </div>\n      )}\n\n      <SliderPrimitive.Root\n        // Spread props first, then the a11y/state contract so consumers\n        // cannot clobber the wiring.\n        {...props}\n        id={fieldId}\n        min={min}\n        max={max}\n        value={valueArray}\n        defaultValue={value === undefined ? defaultArray : undefined}\n        onValueChange={onValueChange ? (next) => onValueChange(wrap(next)) : undefined}\n        onValueCommit={onValueCommit ? (next) => onValueCommit(wrap(next)) : undefined}\n        aria-invalid={controlProps['aria-invalid']}\n        data-slot=\"slider\"\n        className={cn(sliderVariants({ size, error: hasError }), className)}\n      >\n        <SliderPrimitive.Track data-slot=\"slider-track\" className=\"ddga-slider__track\">\n          <SliderPrimitive.Range data-slot=\"slider-range\" className=\"ddga-slider__range\" />\n        </SliderPrimitive.Track>\n        {currentForRender.map((thumbValue, index) => (\n          <SliderPrimitive.Thumb\n            key={index}\n            data-slot=\"slider-thumb\"\n            className=\"ddga-slider__thumb\"\n            aria-label={isRange ? thumbLabels[index] : undefined}\n            aria-labelledby={!isRange && label ? labelId : undefined}\n            aria-valuetext={formatValue ? fmt(thumbValue) : undefined}\n            aria-describedby={controlProps['aria-describedby']}\n          />\n        ))}\n      </SliderPrimitive.Root>\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 { Slider, sliderVariants };\nexport type { SliderProps, SliderValue };\n"]}

package/dist/chunk-SWPZ3HFY.cjs

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

package/dist/chunk-SWPZ3HFY.cjs.map

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

package/dist/chunk-SZUMMROW.js

@@ -0,0 +1,91 @@
+import {
+  Check,
+  Minus
+} from "./chunk-CDS4SYEQ.js";
+import {
+  FieldMessage
+} from "./chunk-E7WQI7PE.js";
+import {
+  useFieldA11y
+} from "./chunk-HN5AFDQA.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Checkbox/Checkbox.tsx
+import { Checkbox as CheckboxPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var checkboxVariants = cva("ddga-checkbox", {
+  variants: {
+    size: {
+      sm: "ddga-checkbox--sm",
+      md: "ddga-checkbox--md"
+    },
+    error: {
+      true: "ddga-checkbox--error"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Checkbox({
+  id: externalId,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  size,
+  required,
+  className,
+  ...props
+}) {
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
+    name: "Checkbox",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": props["aria-labelledby"]
+  });
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "checkbox-field", className: "ddga-field", children: [
+    /* @__PURE__ */ jsxs("div", { className: "ddga-checkbox-row", children: [
+      /* @__PURE__ */ jsx(
+        CheckboxPrimitive.Root,
+        {
+          ...props,
+          ...controlProps,
+          "data-slot": "checkbox",
+          required,
+          className: cn(checkboxVariants({ size, error: hasError }), className),
+          children: /* @__PURE__ */ jsxs(
+            CheckboxPrimitive.Indicator,
+            {
+              "data-slot": "checkbox-indicator",
+              className: "ddga-checkbox__indicator",
+              children: [
+                /* @__PURE__ */ jsx(Check, { className: "ddga-checkbox__check", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx(Minus, { className: "ddga-checkbox__minus", "aria-hidden": "true" })
+              ]
+            }
+          )
+        }
+      ),
+      label && /* @__PURE__ */ jsxs("label", { htmlFor: fieldId, className: "ddga-checkbox__label", children: [
+        label,
+        required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ddga-checkbox__required", children: "*" })
+      ] })
+    ] }),
+    hasErrorMessage && /* @__PURE__ */ jsx(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ jsx(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] });
+}
+
+export {
+  checkboxVariants,
+  Checkbox
+};
+//# sourceMappingURL=chunk-SZUMMROW.js.map

package/dist/chunk-SZUMMROW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Check, Minus } from '../../internal/icons';\nimport { useFieldA11y, FieldMessage } from '../../field';\n\n// ─── 1. Variants (cva) ─── //\n\n// Applied to the Radix Root (the role=checkbox button). Two sizes only ,\n// a \"lg\" checkbox is unusual; keep the surface honest.\nconst checkboxVariants = cva('ddga-checkbox', {\n  variants: {\n    size: {\n      sm: 'ddga-checkbox--sm',\n      md: 'ddga-checkbox--md',\n    },\n    error: {\n      true: 'ddga-checkbox--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// Radix owns the state model (checked / defaultChecked / onCheckedChange /\n// indeterminate via checked=\"indeterminate\" / disabled / required / name /\n// value). We add the composed label + helper/error + a11y wiring. `children`\n// is omitted , the indicator is rendered internally.\ninterface CheckboxProps\n  extends\n    Omit<React.ComponentProps<typeof CheckboxPrimitive.Root>, 'children'>,\n    VariantProps<typeof checkboxVariants> {\n  /** Visible label, sits beside the box, associated via `htmlFor`/`id`. */\n  label?: ReactNode;\n  /** Hint shown below the row. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the row when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid: sets `aria-invalid` and error styling. */\n  error?: boolean;\n}\n\n// ─── 3. Component ─── //\n\nfunction Checkbox({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  required,\n  className,\n  ...props\n}: CheckboxProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Checkbox',\n      id: externalId,\n      label,\n      error,\n      errorMessage,\n      helperText,\n      'aria-label': props['aria-label'],\n      'aria-labelledby': props['aria-labelledby'],\n    });\n\n  return (\n    <div data-slot=\"checkbox-field\" className=\"ddga-field\">\n      <div className=\"ddga-checkbox-row\">\n        <CheckboxPrimitive.Root\n          // Spread props first, then the a11y contract (controlProps) so a\n          // consumer cannot accidentally clobber the wiring.\n          {...props}\n          {...controlProps}\n          data-slot=\"checkbox\"\n          required={required}\n          className={cn(checkboxVariants({ size, error: hasError }), className)}\n        >\n          <CheckboxPrimitive.Indicator\n            data-slot=\"checkbox-indicator\"\n            className=\"ddga-checkbox__indicator\"\n          >\n            {/* Both render inside the indicator (which only mounts when\n                checked or indeterminate); CSS picks one via Root data-state. */}\n            <Check className=\"ddga-checkbox__check\" aria-hidden=\"true\" />\n            <Minus className=\"ddga-checkbox__minus\" aria-hidden=\"true\" />\n          </CheckboxPrimitive.Indicator>\n        </CheckboxPrimitive.Root>\n        {label && (\n          <label htmlFor={fieldId} className=\"ddga-checkbox__label\">\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"ddga-checkbox__required\">\n                *\n              </span>\n            )}\n          </label>\n        )}\n      </div>\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\">\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage id={helperId} variant=\"helper\">\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { Checkbox, checkboxVariants };\nexport type { CheckboxProps };\n"],"mappings":";;;;;;;;;;;;;;;AAGA,SAAS,YAAY,yBAAyB;AAC9C,SAAS,WAA8B;AAiF7B,SAME,KANF;AAxEV,IAAM,mBAAmB,IAAI,iBAAiB;AAAA,EAC5C,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAwBD,SAAS,SAAS;AAAA,EAChB,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,EAAE,SAAS,SAAS,UAAU,UAAU,iBAAiB,WAAW,aAAa,IACrF,aAAa;AAAA,IACX,MAAM;AAAA,IACN,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,MAAM,YAAY;AAAA,IAChC,mBAAmB,MAAM,iBAAiB;AAAA,EAC5C,CAAC;AAEH,SACE,qBAAC,SAAI,aAAU,kBAAiB,WAAU,cACxC;AAAA,yBAAC,SAAI,WAAU,qBACb;AAAA;AAAA,QAAC,kBAAkB;AAAA,QAAlB;AAAA,UAGE,GAAG;AAAA,UACH,GAAG;AAAA,UACJ,aAAU;AAAA,UACV;AAAA,UACA,WAAW,GAAG,iBAAiB,EAAE,MAAM,OAAO,SAAS,CAAC,GAAG,SAAS;AAAA,UAEpE;AAAA,YAAC,kBAAkB;AAAA,YAAlB;AAAA,cACC,aAAU;AAAA,cACV,WAAU;AAAA,cAIV;AAAA,oCAAC,SAAM,WAAU,wBAAuB,eAAY,QAAO;AAAA,gBAC3D,oBAAC,SAAM,WAAU,wBAAuB,eAAY,QAAO;AAAA;AAAA;AAAA,UAC7D;AAAA;AAAA,MACF;AAAA,MACC,SACC,qBAAC,WAAM,SAAS,SAAS,WAAU,wBAChC;AAAA;AAAA,QACA,YACC,oBAAC,UAAK,eAAY,QAAO,WAAU,2BAA0B,eAE7D;AAAA,SAEJ;AAAA,OAEJ;AAAA,IACC,mBACC,oBAAC,gBAAa,IAAI,SAAS,SAAQ,SAChC,wBACH;AAAA,IAED,aACC,oBAAC,gBAAa,IAAI,UAAU,SAAQ,UACjC,sBACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/chunk-TH3ITGUM.js

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

package/dist/chunk-TH3ITGUM.js.map

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

package/dist/chunk-TLD67NXQ.js

@@ -0,0 +1,101 @@
+import {
+  FieldMessage
+} from "./chunk-E7WQI7PE.js";
+import {
+  useFieldA11y
+} from "./chunk-HN5AFDQA.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/Input/Input.tsx
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var inputVariants = cva("ddga-input", {
+  variants: {
+    size: {
+      sm: "ddga-input--sm",
+      md: "ddga-input--md",
+      lg: "ddga-input--lg"
+    },
+    error: {
+      true: "ddga-input--error"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Input({
+  id: externalId,
+  label,
+  helperText,
+  errorMessage,
+  error,
+  size,
+  required,
+  startAdornment,
+  endAdornment,
+  className,
+  ...props
+}) {
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = useFieldA11y({
+    name: "Input",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": props["aria-labelledby"]
+  });
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "input-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ jsxs("label", { htmlFor: fieldId, className: "ddga-input__label", children: [
+      label,
+      required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ddga-input__required", children: "*" })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "input-control",
+        className: cn(inputVariants({ size, error: hasError }), className),
+        children: [
+          startAdornment != null && startAdornment !== "" && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "data-slot": "input-adornment",
+              className: "ddga-input__adornment ddga-input__adornment--start",
+              children: startAdornment
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ...props,
+              ...controlProps,
+              "data-slot": "input",
+              required,
+              className: "ddga-input__field"
+            }
+          ),
+          endAdornment != null && endAdornment !== "" && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "data-slot": "input-adornment",
+              className: "ddga-input__adornment ddga-input__adornment--end",
+              children: endAdornment
+            }
+          )
+        ]
+      }
+    ),
+    hasErrorMessage && /* @__PURE__ */ jsx(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+    hasHelper && /* @__PURE__ */ jsx(FieldMessage, { id: helperId, variant: "helper", children: helperText })
+  ] });
+}
+
+export {
+  inputVariants,
+  Input
+};
+//# sourceMappingURL=chunk-TLD67NXQ.js.map

package/dist/chunk-TLD67NXQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Input/Input.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\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 *control* (the bordered box), not the raw <input>. The\n// control owns the border, sizing, focus ring and disabled/error styling\n// so leading/trailing adornments sit inside the field.\nconst inputVariants = cva('ddga-input', {\n  variants: {\n    size: {\n      sm: 'ddga-input--sm',\n      md: 'ddga-input--md',\n      lg: 'ddga-input--lg',\n    },\n    error: {\n      true: 'ddga-input--error',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\n// `Omit<…, 'size'>`: the native HTML `size` attribute (visible character\n// width, a number) collides with our design-system `size` variant. The\n// variant is far more useful; drop the rarely-used native attribute.\ninterface InputProps\n  extends Omit<React.ComponentProps<'input'>, 'size'>, VariantProps<typeof inputVariants> {\n  /** Visible field label, auto-associated to the input via `htmlFor`/`id`. */\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   * Content rendered inside the field, before the input (icon or short text,\n   * e.g. a search glyph or `https://`). May be interactive , it is NOT\n   * `aria-hidden`. Mark purely-decorative icons `aria-hidden` yourself.\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Content rendered inside the field, after the input. Compose a clear\n   * button or password-reveal toggle here with `<Button size=\"icon-sm\">`\n   * , the 28px in-field icon size that fits the field without overflow.\n   */\n  endAdornment?: ReactNode;\n}\n\n// ─── 3. Component ─── //\n\nfunction Input({\n  id: externalId,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  size,\n  required,\n  startAdornment,\n  endAdornment,\n  className,\n  ...props\n}: InputProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'Input',\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=\"input-field\" className=\"ddga-field\">\n      {label && (\n        <label htmlFor={fieldId} className=\"ddga-input__label\">\n          {label}\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-input__required\">\n              *\n            </span>\n          )}\n        </label>\n      )}\n      <div\n        data-slot=\"input-control\"\n        className={cn(inputVariants({ size, error: hasError }), className)}\n      >\n        {startAdornment != null && startAdornment !== '' && (\n          <span\n            data-slot=\"input-adornment\"\n            className=\"ddga-input__adornment ddga-input__adornment--start\"\n          >\n            {startAdornment}\n          </span>\n        )}\n        <input\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=\"input\"\n          required={required}\n          className=\"ddga-input__field\"\n        />\n        {endAdornment != null && endAdornment !== '' && (\n          <span\n            data-slot=\"input-adornment\"\n            className=\"ddga-input__adornment ddga-input__adornment--end\"\n          >\n            {endAdornment}\n          </span>\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 { Input, inputVariants };\nexport type { InputProps };\n"],"mappings":";;;;;;;;;;;AAGA,SAAS,WAA8B;AAoF/B,SAGI,KAHJ;AA3ER,IAAM,gBAAgB,IAAI,cAAc;AAAA,EACtC,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAiCD,SAAS,MAAM;AAAA,EACb,IAAI;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAe;AACb,QAAM,EAAE,SAAS,SAAS,UAAU,UAAU,iBAAiB,WAAW,aAAa,IACrF,aAAa;AAAA,IACX,MAAM;AAAA,IACN,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,MAAM,YAAY;AAAA,IAChC,mBAAmB,MAAM,iBAAiB;AAAA,EAC5C,CAAC;AAEH,SACE,qBAAC,SAAI,aAAU,eAAc,WAAU,cACpC;AAAA,aACC,qBAAC,WAAM,SAAS,SAAS,WAAU,qBAChC;AAAA;AAAA,MACA,YACC,oBAAC,UAAK,eAAY,QAAO,WAAU,wBAAuB,eAE1D;AAAA,OAEJ;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAW,GAAG,cAAc,EAAE,MAAM,OAAO,SAAS,CAAC,GAAG,SAAS;AAAA,QAEhE;AAAA,4BAAkB,QAAQ,mBAAmB,MAC5C;AAAA,YAAC;AAAA;AAAA,cACC,aAAU;AAAA,cACV,WAAU;AAAA,cAET;AAAA;AAAA,UACH;AAAA,UAEF;AAAA,YAAC;AAAA;AAAA,cAGE,GAAG;AAAA,cACH,GAAG;AAAA,cACJ,aAAU;AAAA,cACV;AAAA,cACA,WAAU;AAAA;AAAA,UACZ;AAAA,UACC,gBAAgB,QAAQ,iBAAiB,MACxC;AAAA,YAAC;AAAA;AAAA,cACC,aAAU;AAAA,cACV,WAAU;AAAA,cAET;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IAEJ;AAAA,IACC,mBACC,oBAAC,gBAAa,IAAI,SAAS,SAAQ,SAChC,wBACH;AAAA,IAED,aACC,oBAAC,gBAAa,IAAI,UAAU,SAAQ,UACjC,sBACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/chunk-TM3FOGLK.cjs

@@ -0,0 +1,106 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Timeline/Timeline.tsx
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var timelineVariants = _classvarianceauthority.cva.call(void 0, "ddga-timeline", {
+  variants: {
+    size: {
+      sm: "ddga-timeline--sm",
+      md: "ddga-timeline--md"
+    },
+    orientation: {
+      vertical: "ddga-timeline--vertical",
+      horizontal: "ddga-timeline--horizontal"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    orientation: "vertical"
+  }
+});
+var timelineMarkerVariants = _classvarianceauthority.cva.call(void 0, "ddga-timeline__marker", {
+  variants: {
+    status: {
+      default: "ddga-timeline__marker--default",
+      success: "ddga-timeline__marker--success",
+      error: "ddga-timeline__marker--error",
+      warning: "ddga-timeline__marker--warning",
+      info: "ddga-timeline__marker--info"
+    }
+  },
+  defaultVariants: {
+    status: "default"
+  }
+});
+function Timeline({ size, orientation, className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "ol",
+    {
+      "data-slot": "timeline",
+      "data-orientation": _nullishCoalesce(orientation, () => ( "vertical")),
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, timelineVariants({ size, orientation }), className),
+      ...props
+    }
+  );
+}
+function TimelineItem({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { "data-slot": "timeline-item", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-timeline__item", className), ...props });
+}
+function TimelineMarker({ status, className, children, ...props }) {
+  const resolved = _nullishCoalesce(status, () => ( "default"));
+  const reached = resolved !== "default";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-slot": "timeline-marker",
+      "data-status": resolved,
+      "data-reached": reached ? "" : void 0,
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, timelineMarkerVariants({ status }), className),
+      ...props,
+      children: _nullishCoalesce(children, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-timeline__dot" })))
+    }
+  );
+}
+function TimelineContent({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "timeline-content",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-timeline__content", className),
+      ...props
+    }
+  );
+}
+function TimelineTitle({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-slot": "timeline-title", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-timeline__title", className), ...props });
+}
+function TimelineDescription({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      "data-slot": "timeline-description",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-timeline__description", className),
+      ...props
+    }
+  );
+}
+function TimelineTime({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "time", { "data-slot": "timeline-time", className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-timeline__time", className), ...props });
+}
+
+
+
+
+
+
+
+
+
+
+
+exports.timelineVariants = timelineVariants; exports.timelineMarkerVariants = timelineMarkerVariants; exports.Timeline = Timeline; exports.TimelineItem = TimelineItem; exports.TimelineMarker = TimelineMarker; exports.TimelineContent = TimelineContent; exports.TimelineTitle = TimelineTitle; exports.TimelineDescription = TimelineDescription; exports.TimelineTime = TimelineTime;
+//# sourceMappingURL=chunk-TM3FOGLK.cjs.map

package/dist/chunk-TM3FOGLK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-TM3FOGLK.cjs","../src/components/Timeline/Timeline.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-TM3FOGLK.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// Visual-only chronological compound. Semantic `<ol>`/`<li>` so the event\n// count + order are assistive-tech-readable. The connector line is CSS-drawn\n// via a pseudo-element between siblings (the `Steps` technique) — no separator\n// component for consumers to misuse. Markers carry a `status` that tints the\n// node via the semantic `--ddga-color-*` palette; the status is PURELY VISUAL,\n// so the meaning (\"Failed\") must live in the content text — never rely on the\n// dot colour alone. \"Activity feed\" is a composition of this primitive\n// (Timeline + Avatar + text in the content slot), not a separate component.\n\nconst timelineVariants = cva('ddga-timeline', {\n  variants: {\n    size: {\n      sm: 'ddga-timeline--sm',\n      md: 'ddga-timeline--md',\n    },\n    orientation: {\n      vertical: 'ddga-timeline--vertical',\n      horizontal: 'ddga-timeline--horizontal',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    orientation: 'vertical',\n  },\n});\n\ntype TimelineStatus = 'default' | 'success' | 'error' | 'warning' | 'info';\n\nconst timelineMarkerVariants = cva('ddga-timeline__marker', {\n  variants: {\n    status: {\n      default: 'ddga-timeline__marker--default',\n      success: 'ddga-timeline__marker--success',\n      error: 'ddga-timeline__marker--error',\n      warning: 'ddga-timeline__marker--warning',\n      info: 'ddga-timeline__marker--info',\n    },\n  },\n  defaultVariants: {\n    status: 'default',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface TimelineProps extends React.ComponentProps<'ol'>, VariantProps<typeof timelineVariants> {}\n\ntype TimelineItemProps = React.ComponentProps<'li'>;\n\ninterface TimelineMarkerProps\n  extends React.ComponentProps<'span'>, VariantProps<typeof timelineMarkerVariants> {}\n\ntype TimelineContentProps = React.ComponentProps<'div'>;\ntype TimelineTitleProps = React.ComponentProps<'span'>;\ntype TimelineDescriptionProps = React.ComponentProps<'span'>;\ntype TimelineTimeProps = React.ComponentProps<'time'>;\n\n// ─── 3. Components ─── //\n\nfunction Timeline({ size, orientation, className, ...props }: TimelineProps) {\n  // `<ol>` is the right semantic for an ordered sequence of events; the\n  // implicit listitem role on children makes the count assistive-tech-readable.\n  return (\n    <ol\n      data-slot=\"timeline\"\n      data-orientation={orientation ?? 'vertical'}\n      className={cn(timelineVariants({ size, orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction TimelineItem({ className, ...props }: TimelineItemProps) {\n  // Always an `<li>` — the parent `<ol>` may only contain `<li>` children, so\n  // consumers needing a clickable event put an `<a>` (or router primitive)\n  // INSIDE the content, never as the item element itself. This is why no part\n  // ships `asChild` (mirrors `Steps`). The item owns the CSS connector segment\n  // to the next sibling.\n  return (\n    <li data-slot=\"timeline-item\" className={cn('ddga-timeline__item', className)} {...props} />\n  );\n}\n\nfunction TimelineMarker({ status, className, children, ...props }: TimelineMarkerProps) {\n  // Decorative — assistive tech reads the content, not the node. When children\n  // are provided they render as a custom icon; otherwise a plain dot is drawn.\n  // The `data-status` carries the visual intent for CSS keying.\n  const resolved = status ?? 'default';\n  // `data-reached` marks a non-default (completed/active) node. The connector\n  // line uses it as a CSS sibling gate so a segment fills with the PREVIOUS\n  // node's colour ONLY when the NEXT node is also reached — a completed→pending\n  // transition stays neutral (the Steps progress-fill semantics).\n  const reached = resolved !== 'default';\n  return (\n    <span\n      aria-hidden=\"true\"\n      data-slot=\"timeline-marker\"\n      data-status={resolved}\n      data-reached={reached ? '' : undefined}\n      className={cn(timelineMarkerVariants({ status }), className)}\n      {...props}\n    >\n      {children ?? <span className=\"ddga-timeline__dot\" />}\n    </span>\n  );\n}\n\nfunction TimelineContent({ className, ...props }: TimelineContentProps) {\n  return (\n    <div\n      data-slot=\"timeline-content\"\n      className={cn('ddga-timeline__content', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TimelineTitle({ className, ...props }: TimelineTitleProps) {\n  return (\n    <span data-slot=\"timeline-title\" className={cn('ddga-timeline__title', className)} {...props} />\n  );\n}\n\nfunction TimelineDescription({ className, ...props }: TimelineDescriptionProps) {\n  return (\n    <span\n      data-slot=\"timeline-description\"\n      className={cn('ddga-timeline__description', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TimelineTime({ className, ...props }: TimelineTimeProps) {\n  // Renders a real `<time>`; consumers pass `dateTime` for the machine-readable\n  // timestamp while the children carry the human-readable label (\"2h ago\").\n  return (\n    <time data-slot=\"timeline-time\" className={cn('ddga-timeline__time', className)} {...props} />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport {\n  Timeline,\n  TimelineItem,\n  TimelineMarker,\n  TimelineContent,\n  TimelineTitle,\n  TimelineDescription,\n  TimelineTime,\n  timelineVariants,\n  timelineMarkerVariants,\n};\nexport type {\n  TimelineProps,\n  TimelineItemProps,\n  TimelineMarkerProps,\n  TimelineContentProps,\n  TimelineTitleProps,\n  TimelineDescriptionProps,\n  TimelineTimeProps,\n  TimelineStatus,\n};\n"]}

package/dist/chunk-TMXABSFE.js

@@ -0,0 +1,16 @@
+// src/providers/DgaContext.ts
+import { createContext, useContext } from "react";
+var DgaContext = createContext(null);
+function useDga() {
+  const ctx = useContext(DgaContext);
+  if (!ctx) {
+    throw new Error("useDga must be used within a <DgaProvider>");
+  }
+  return ctx;
+}
+
+export {
+  DgaContext,
+  useDga
+};
+//# sourceMappingURL=chunk-TMXABSFE.js.map

package/dist/chunk-TMXABSFE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/providers/DgaContext.ts"],"sourcesContent":["'use client';\n\nimport { createContext, useContext } from 'react';\n\nexport interface DgaContextValue {\n  dir: 'ltr' | 'rtl';\n  locale: string;\n  mode: 'light' | 'dark';\n  /**\n   * The DgaProvider's rendered root element. Exposed for non-portaled\n   * descendants that need to read theme attributes (e.g., layout decorators).\n   *\n   * **For overlay portals, prefer `portalEl`** — `rootEl` lives inside the\n   * consumer's normal DOM tree and inherits any `overflow: hidden` /\n   * `transform` ancestors. Inside Storybook's autodocs preview block (or any\n   * scoped wrapper a consumer might wrap us in), portaling into `rootEl`\n   * makes the overlay get clipped by the wrapper and breaks `position: fixed`\n   * positioning (a `transform` ancestor establishes a new containing block).\n   *\n   * State (not ref) so subscribers re-render when the element mounts; a\n   * useRef update wouldn't fire a render and `defaultOpen` portals would\n   * race to the wrong target on first commit.\n   */\n  rootEl: HTMLElement | null;\n  /**\n   * Body-mounted portal container that mirrors this provider's theme\n   * attributes (`data-theme`, `dir`) and CSS custom properties. Overlay\n   * components (Modal / Drawer / DropdownMenu / Combobox / Select / Tooltip\n   * / DatePicker) should portal into this so:\n   *\n   *  1. They escape any clipping (`overflow: hidden`) or transform ancestor\n   *     the consumer wraps the provider in.\n   *  2. `position: fixed` semantics survive (no `transform` ancestor breaks\n   *     the viewport containing block).\n   *  3. Theme inheritance still works — the container carries `data-theme`,\n   *     `dir`, and the same CSS variables as the provider's root, so\n   *     `var(--ddga-color-*)` lookups inside the portal resolve correctly.\n   *\n   * `null` until the DOM mount effect runs (e.g., during SSR or the very\n   * first commit on the client). Components should fall back to `rootEl`\n   * (and finally `document.body`) when this is null.\n   */\n  portalEl: HTMLElement | null;\n}\n\nexport const DgaContext = createContext<DgaContextValue | null>(null);\n\nexport function useDga(): DgaContextValue {\n  const ctx = useContext(DgaContext);\n  if (!ctx) {\n    throw new Error('useDga must be used within a <DgaProvider>');\n  }\n  return ctx;\n}\n"],"mappings":";AAEA,SAAS,eAAe,kBAAkB;AA2CnC,IAAM,aAAa,cAAsC,IAAI;AAE7D,SAAS,SAA0B;AACxC,QAAM,MAAM,WAAW,UAAU;AACjC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,4CAA4C;AAAA,EAC9D;AACA,SAAO;AACT;","names":[]}