@dev-dga/react 0.10.1 → 0.12.0

package/dist/chunk-EQINOHB6.cjs

@@ -0,0 +1,169 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+
+
+var _chunkYS2JJ73Mcjs = require('./chunk-YS2JJ73M.cjs');
+
+
+var _chunk3UT22WQMcjs = require('./chunk-3UT22WQM.cjs');
+
+
+var _chunkNH3KGR65cjs = require('./chunk-NH3KGR65.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/TextInput/TextInput.tsx
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var textInputVariants = _classvarianceauthority.cva.call(void 0, "ddga-text-input", {
+  variants: {
+    size: {
+      md: "ddga-text-input--md",
+      lg: "ddga-text-input--lg"
+    },
+    variant: {
+      default: "ddga-text-input--default",
+      "filled-lighter": "ddga-text-input--filled-lighter",
+      "filled-darker": "ddga-text-input--filled-darker"
+    },
+    error: {
+      true: "ddga-text-input--error"
+    }
+  },
+  defaultVariants: {
+    size: "lg",
+    variant: "default"
+  }
+});
+function TextInput({
+  id: externalId,
+  label,
+  helperText,
+  helperIcon,
+  errorMessage,
+  error,
+  size,
+  variant,
+  required,
+  startAdornment,
+  endAdornment,
+  className,
+  ...props
+}) {
+  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } = _chunkNH3KGR65cjs.useFieldA11y.call(void 0, {
+    name: "TextInput",
+    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": "text-input-field", className: "ddga-field", children: [
+    label && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { htmlFor: fieldId, className: "ddga-text-input__label", children: [
+      required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "ddga-text-input__required", children: "*" }),
+      label
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        "data-slot": "text-input-control",
+        className: _chunkV6MXOJQ4cjs.cn.call(void 0, textInputVariants({ size, variant, error: hasError }), className),
+        children: [
+          startAdornment != null && startAdornment !== "" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "span",
+            {
+              "data-slot": "text-input-adornment",
+              className: "ddga-text-input__adornment ddga-text-input__adornment--start",
+              children: startAdornment
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "input",
+            {
+              ...props,
+              ...controlProps,
+              "data-slot": "text-input",
+              required,
+              className: "ddga-text-input__field"
+            }
+          ),
+          endAdornment != null && endAdornment !== "" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "span",
+            {
+              "data-slot": "text-input-adornment",
+              className: "ddga-text-input__adornment ddga-text-input__adornment--end",
+              children: endAdornment
+            }
+          )
+        ]
+      }
+    ),
+    hasErrorMessage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3UT22WQMcjs.FieldMessage, { id: errorId, variant: "error", icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.AlertCircle, { width: 16, height: 16 }), children: errorMessage }),
+    hasHelper && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk3UT22WQMcjs.FieldMessage,
+      {
+        id: helperId,
+        variant: "helper",
+        icon: _nullishCoalesce(helperIcon, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.Info, { width: 16, height: 16 }))),
+        children: helperText
+      }
+    )
+  ] });
+}
+function TextInputAffix({ variant = "solid", className, children, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      "data-slot": "text-input-affix",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, 
+        "ddga-text-input__affix",
+        variant === "subtle" && "ddga-text-input__affix--subtle",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function TextInputDropdown({
+  variant = "solid",
+  icon,
+  selected,
+  className,
+  children,
+  type = "button",
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "button",
+    {
+      type,
+      "data-slot": "text-input-dropdown",
+      "aria-haspopup": "listbox",
+      "aria-expanded": _nullishCoalesce(selected, () => ( false)),
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, 
+        "ddga-text-input__affix ddga-text-input__dropdown",
+        variant === "subtle" && "ddga-text-input__dropdown--subtle",
+        selected && "ddga-text-input__dropdown--selected",
+        className
+      ),
+      ...props,
+      children: [
+        icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-text-input__dropdown-icon", children: icon }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-text-input__dropdown-label", children }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.ChevronDown, { "aria-hidden": "true", className: "ddga-text-input__dropdown-chevron" })
+      ]
+    }
+  );
+}
+
+
+
+
+
+
+exports.textInputVariants = textInputVariants; exports.TextInput = TextInput; exports.TextInputAffix = TextInputAffix; exports.TextInputDropdown = TextInputDropdown;
+//# sourceMappingURL=chunk-EQINOHB6.cjs.map

package/dist/chunk-EQINOHB6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-EQINOHB6.cjs","../src/components/TextInput/TextInput.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-EQINOHB6.cjs","sourcesContent":[null,"'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';\nimport { Info, AlertCircle, ChevronDown } from '../../internal/icons';\n\n// Applied to the *control* (the bordered box), not the raw <input>. The control\n// owns the border, size, fill style, focus underline and state styling so\n// leading/trailing adornments sit inside the field. Aligned to DGA Platforms\n// Code \"Text input\": Medium 32 / Large 40, three fill styles, gray-400 border.\nconst textInputVariants = cva('ddga-text-input', {\n  variants: {\n    size: {\n      md: 'ddga-text-input--md',\n      lg: 'ddga-text-input--lg',\n    },\n    variant: {\n      default: 'ddga-text-input--default',\n      'filled-lighter': 'ddga-text-input--filled-lighter',\n      'filled-darker': 'ddga-text-input--filled-darker',\n    },\n    error: {\n      true: 'ddga-text-input--error',\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n    variant: 'default',\n  },\n});\n\n// `Omit<…, 'size'>`: the native HTML `size` attribute (visible character width,\n// a number) collides with our design-system `size` variant; the variant wins.\ninterface TextInputProps\n  extends Omit<React.ComponentProps<'input'>, 'size'>, VariantProps<typeof textInputVariants> {\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\n  helperIcon?: 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, `TextInputAffix`,\n   * or short text). Not `aria-hidden` (may be interactive); mark\n   * purely-decorative icons `aria-hidden` yourself.\n   */\n  startAdornment?: ReactNode;\n  /**\n   * Content rendered inside the field, after the input. Compose a clear button\n   * or password-reveal toggle here with `<Button size=\"icon-sm\">`, the 28px\n   * in-field icon size that fits without overflow.\n   */\n  endAdornment?: ReactNode;\n}\n\nfunction TextInput({\n  id: externalId,\n  label,\n  helperText,\n  helperIcon,\n  errorMessage,\n  error,\n  size,\n  variant,\n  required,\n  startAdornment,\n  endAdornment,\n  className,\n  ...props\n}: TextInputProps) {\n  const { fieldId, errorId, helperId, hasError, hasErrorMessage, hasHelper, controlProps } =\n    useFieldA11y({\n      name: 'TextInput',\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=\"text-input-field\" className=\"ddga-field\">\n      {label && (\n        <label htmlFor={fieldId} className=\"ddga-text-input__label\">\n          {required && (\n            <span aria-hidden=\"true\" className=\"ddga-text-input__required\">\n              *\n            </span>\n          )}\n          {label}\n        </label>\n      )}\n      <div\n        data-slot=\"text-input-control\"\n        className={cn(textInputVariants({ size, variant, error: hasError }), className)}\n      >\n        {startAdornment != null && startAdornment !== '' && (\n          <span\n            data-slot=\"text-input-adornment\"\n            className=\"ddga-text-input__adornment ddga-text-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=\"text-input\"\n          required={required}\n          className=\"ddga-text-input__field\"\n        />\n        {endAdornment != null && endAdornment !== '' && (\n          <span\n            data-slot=\"text-input-adornment\"\n            className=\"ddga-text-input__adornment ddga-text-input__adornment--end\"\n          >\n            {endAdornment}\n          </span>\n        )}\n      </div>\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\" icon={<AlertCircle width={16} height={16} />}>\n          {errorMessage}\n        </FieldMessage>\n      )}\n      {hasHelper && (\n        <FieldMessage\n          id={helperId}\n          variant=\"helper\"\n          icon={helperIcon ?? <Info width={16} height={16} />}\n        >\n          {helperText}\n        </FieldMessage>\n      )}\n    </div>\n  );\n}\n\ninterface TextInputAffixProps extends React.ComponentProps<'span'> {\n  /** `solid` = the SDGA gray prefix/suffix chip; `subtle` = borderless text. */\n  variant?: 'solid' | 'subtle';\n}\n\n/**\n * The SDGA in-field prefix/suffix (e.g. `https://`, `SAR`, a unit). Drop it in\n * `startAdornment` / `endAdornment` — it renders the flush, full-height chip.\n */\nfunction TextInputAffix({ variant = 'solid', className, children, ...props }: TextInputAffixProps) {\n  return (\n    <span\n      data-slot=\"text-input-affix\"\n      className={cn(\n        'ddga-text-input__affix',\n        variant === 'subtle' && 'ddga-text-input__affix--subtle',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n\ninterface TextInputDropdownProps extends React.ComponentProps<'button'> {\n  /** `solid` = the SDGA gray dropdown chip; `subtle` = transparent. */\n  variant?: 'solid' | 'subtle';\n  /** Leading badge icon (e.g. `<BadgeCheck />`), sized 24/20 to the field. */\n  icon?: ReactNode;\n  /** Open/selected — paints the SDGA dark `#384250` chip + white text. */\n  selected?: boolean;\n}\n\n/**\n * The SDGA in-field **Dropdown** prefix/suffix (the `_Input Prefix-Suffix`\n * \"Dropdown\" type): a `<button>` trigger with a leading badge, a label and a\n * trailing chevron. Drop it in `startAdornment` / `endAdornment` and wire\n * `onClick` + `selected` (open state) to your menu / `Select`.\n */\nfunction TextInputDropdown({\n  variant = 'solid',\n  icon,\n  selected,\n  className,\n  children,\n  type = 'button',\n  ...props\n}: TextInputDropdownProps) {\n  return (\n    <button\n      type={type}\n      data-slot=\"text-input-dropdown\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={selected ?? false}\n      className={cn(\n        'ddga-text-input__affix ddga-text-input__dropdown',\n        variant === 'subtle' && 'ddga-text-input__dropdown--subtle',\n        selected && 'ddga-text-input__dropdown--selected',\n        className,\n      )}\n      {...props}\n    >\n      {icon && <span className=\"ddga-text-input__dropdown-icon\">{icon}</span>}\n      <span className=\"ddga-text-input__dropdown-label\">{children}</span>\n      <ChevronDown aria-hidden=\"true\" className=\"ddga-text-input__dropdown-chevron\" />\n    </button>\n  );\n}\n\nexport { TextInput, TextInputAffix, TextInputDropdown, textInputVariants };\nexport type { TextInputProps, TextInputAffixProps, TextInputDropdownProps };\n"]}

package/dist/chunk-EY5XTOWH.cjs

@@ -0,0 +1,45 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Metric/MetricGroup.tsx
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var metricGroupVariants = _classvarianceauthority.cva.call(void 0, "ddga-metric-group", {
+  variants: {
+    orientation: {
+      horizontal: "ddga-metric-group--horizontal",
+      vertical: "ddga-metric-group--vertical"
+    },
+    gap: {
+      sm: "ddga-metric-group--gap-sm",
+      md: "ddga-metric-group--gap-md",
+      lg: "ddga-metric-group--gap-lg"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal",
+    gap: "md"
+  }
+});
+function MetricGroup({ orientation, gap, columns, className, style, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "data-slot": "metric-group",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, 
+        metricGroupVariants({ orientation, gap }),
+        columns != null && "ddga-metric-group--cols",
+        className
+      ),
+      style: columns != null ? { "--ddga-metric-group-columns": columns, ...style } : style,
+      ...props
+    }
+  );
+}
+
+
+
+
+exports.metricGroupVariants = metricGroupVariants; exports.MetricGroup = MetricGroup;
+//# sourceMappingURL=chunk-EY5XTOWH.cjs.map

package/dist/chunk-EY5XTOWH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-EY5XTOWH.cjs","../src/components/Metric/MetricGroup.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACFA,kEAAuC;AAwCnC,+CAAA;AAnCJ,IAAM,oBAAA,EAAsB,yCAAA,mBAAI,EAAqB;AAAA,EACnD,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,MACX,UAAA,EAAY,+BAAA;AAAA,MACZ,QAAA,EAAU;AAAA,IACZ,CAAA;AAAA,IACA,GAAA,EAAK;AAAA,MACH,EAAA,EAAI,2BAAA;AAAA,MACJ,EAAA,EAAI,2BAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa,YAAA;AAAA,IACb,GAAA,EAAK;AAAA,EACP;AACF,CAAC,CAAA;AAiBD,SAAS,WAAA,CAAY,EAAE,WAAA,EAAa,GAAA,EAAK,OAAA,EAAS,SAAA,EAAW,KAAA,EAAO,GAAG,MAAM,CAAA,EAAqB;AAChG,EAAA,uBACE,6BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACV,SAAA,EAAW,kCAAA;AAAA,QACT,mBAAA,CAAoB,EAAE,WAAA,EAAa,IAAI,CAAC,CAAA;AAAA,QACxC,QAAA,GAAW,KAAA,GAAQ,yBAAA;AAAA,QACnB;AAAA,MACF,CAAA;AAAA,MACA,KAAA,EACE,QAAA,GAAW,KAAA,EACN,EAAE,6BAAA,EAA+B,OAAA,EAAS,GAAG,MAAM,EAAA,EACpD,KAAA;AAAA,MAEL,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ;ADlBA;AACA;AACE;AACA;AACF,qFAAC","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-EY5XTOWH.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\nconst metricGroupVariants = cva('ddga-metric-group', {\n  variants: {\n    orientation: {\n      horizontal: 'ddga-metric-group--horizontal',\n      vertical: 'ddga-metric-group--vertical',\n    },\n    gap: {\n      sm: 'ddga-metric-group--gap-sm',\n      md: 'ddga-metric-group--gap-md',\n      lg: 'ddga-metric-group--gap-lg',\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n    gap: 'md',\n  },\n});\n\n// ─── 2. Types ─── //\n\ninterface MetricGroupProps\n  extends React.ComponentProps<'div'>, VariantProps<typeof metricGroupVariants> {\n  /**\n   * Fixed column count for the horizontal grid (collapses to one column on\n   * narrow screens). Omit for an auto-fit responsive grid.\n   */\n  columns?: number;\n}\n\n// ─── 3. Component ─── //\n\n// Layout container for Metric cards. `columns` is passed as a CSS custom\n// property so the `--cols` rule can collapse it responsively (see metric.css).\nfunction MetricGroup({ orientation, gap, columns, className, style, ...props }: MetricGroupProps) {\n  return (\n    <div\n      data-slot=\"metric-group\"\n      className={cn(\n        metricGroupVariants({ orientation, gap }),\n        columns != null && 'ddga-metric-group--cols',\n        className,\n      )}\n      style={\n        columns != null\n          ? ({ '--ddga-metric-group-columns': columns, ...style } as React.CSSProperties)\n          : style\n      }\n      {...props}\n    />\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { MetricGroup, metricGroupVariants };\nexport type { MetricGroupProps };\n"]}

package/dist/chunk-EZRPCQSP.js

@@ -0,0 +1,272 @@
+import {
+  Button
+} from "./chunk-GQAX2CH6.js";
+import {
+  Spinner
+} from "./chunk-FO7IICMM.js";
+import {
+  Check,
+  Close,
+  Exclamation,
+  Upload
+} from "./chunk-FFGALWM2.js";
+import {
+  FieldMessage
+} from "./chunk-E5ZIKIGB.js";
+import {
+  useFieldA11y
+} from "./chunk-HN5AFDQA.js";
+import {
+  cn
+} from "./chunk-7NTT2UXP.js";
+
+// src/components/FileUpload/FileUpload.tsx
+import { useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function matchesAccept(file, accept) {
+  if (!accept) return true;
+  const tokens = accept.split(",").map((t) => t.trim().toLowerCase()).filter(Boolean);
+  if (tokens.length === 0) return true;
+  const name = file.name.toLowerCase();
+  const type = file.type.toLowerCase();
+  return tokens.some((token) => {
+    if (token.startsWith(".")) return name.endsWith(token);
+    if (token.endsWith("/*")) return type.startsWith(token.slice(0, token.indexOf("/") + 1));
+    return type === token;
+  });
+}
+function splitFiles(incoming, config) {
+  const { accept, maxSize, maxFiles, currentCount } = config;
+  const accepted = [];
+  const rejections = [];
+  for (const file of incoming) {
+    const errors = [];
+    if (!matchesAccept(file, accept)) errors.push("file-invalid-type");
+    if (maxSize != null && file.size > maxSize) errors.push("file-too-large");
+    if (errors.length > 0) {
+      rejections.push({ file, errors });
+      continue;
+    }
+    if (maxFiles != null && currentCount + accepted.length >= maxFiles) {
+      rejections.push({ file, errors: ["too-many-files"] });
+      continue;
+    }
+    accepted.push(file);
+  }
+  return { accepted, rejections };
+}
+function FileRow({
+  item,
+  onRemove,
+  removeLabel
+}) {
+  const status = item.status ?? "uploading";
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      "data-slot": "file-upload-item",
+      "data-status": status,
+      className: cn(
+        "ddga-file-upload__file",
+        status === "error" && "ddga-file-upload__file--error"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "ddga-file-upload__file-main", children: [
+          status === "uploading" ? /* @__PURE__ */ jsx("span", { className: "ddga-file-upload__file-indicator ddga-file-upload__file-indicator--loading", children: /* @__PURE__ */ jsx(Spinner, { "aria-label": `Uploading ${item.file.name}` }) }) : /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: cn(
+                "ddga-file-upload__file-indicator",
+                `ddga-file-upload__file-indicator--${status}`
+              ),
+              children: status === "success" ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Exclamation, {})
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "ddga-file-upload__file-name", dir: "auto", title: item.file.name, children: item.file.name }),
+          onRemove && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "ddga-file-upload__file-remove",
+              "aria-label": `${removeLabel}: ${item.file.name}`,
+              onClick: () => onRemove(item.id),
+              children: /* @__PURE__ */ jsx(Close, { "aria-hidden": "true" })
+            }
+          )
+        ] }),
+        status === "error" && item.error && /* @__PURE__ */ jsx("div", { className: "ddga-file-upload__file-error-row", children: /* @__PURE__ */ jsx("span", { role: "alert", className: "ddga-file-upload__file-error", children: item.error }) })
+      ]
+    }
+  );
+}
+function FileUpload({
+  variant = "dropzone",
+  files,
+  onFilesAdded,
+  onFilesRejected,
+  onRemove,
+  accept,
+  maxSize,
+  maxFiles,
+  multiple = true,
+  disabled = false,
+  required,
+  label,
+  title = "Drag and drop files here to upload",
+  description,
+  buttonLabel = "Browse Files",
+  errorMessage,
+  error,
+  removeLabel = "Remove",
+  id: externalId,
+  className,
+  ...props
+}) {
+  const inputRef = useRef(null);
+  const [isDragging, setIsDragging] = useState(false);
+  const { fieldId, errorId, helperId, hasErrorMessage, controlProps } = useFieldA11y({
+    name: "FileUpload",
+    id: externalId,
+    label,
+    error,
+    errorMessage,
+    helperText: description,
+    "aria-label": props["aria-label"],
+    "aria-labelledby": props["aria-labelledby"]
+  });
+  const effectiveMaxFiles = multiple ? maxFiles : 1;
+  function process(incoming) {
+    if (disabled || incoming.length === 0) return;
+    const { accepted, rejections } = splitFiles(incoming, {
+      accept,
+      maxSize,
+      maxFiles: effectiveMaxFiles,
+      currentCount: files.length
+    });
+    if (accepted.length > 0) onFilesAdded(accepted);
+    if (rejections.length > 0) onFilesRejected?.(rejections);
+  }
+  function openPicker() {
+    if (!disabled) inputRef.current?.click();
+  }
+  function handleInputChange(event) {
+    process(Array.from(event.target.files ?? []));
+    event.target.value = "";
+  }
+  function handleDrop(event) {
+    event.preventDefault();
+    setIsDragging(false);
+    if (disabled) return;
+    process(Array.from(event.dataTransfer.files));
+  }
+  function handleDragOver(event) {
+    event.preventDefault();
+    if (!disabled) setIsDragging(true);
+  }
+  function handleDragLeave(event) {
+    if (!event.currentTarget.contains(event.relatedTarget)) {
+      setIsDragging(false);
+    }
+  }
+  const labelNode = label && /* @__PURE__ */ jsxs("label", { htmlFor: fieldId, className: "ddga-file-upload__label", children: [
+    required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ddga-file-upload__required", children: "*" }),
+    label
+  ] });
+  const descriptionNode = description && /* @__PURE__ */ jsx("span", { id: helperId, className: "ddga-file-upload__description", children: description });
+  const fileInput = /* @__PURE__ */ jsx(
+    "input",
+    {
+      ...props,
+      ...controlProps,
+      ref: inputRef,
+      type: "file",
+      tabIndex: -1,
+      className: "ddga-file-upload__input",
+      accept,
+      multiple,
+      disabled,
+      required,
+      onChange: handleInputChange,
+      onClick: (event) => event.stopPropagation(),
+      "data-slot": "file-upload-input"
+    }
+  );
+  const showTrigger = variant === "dropzone" || multiple || files.length === 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "file-upload-field",
+      "data-variant": variant,
+      className: cn("ddga-field", "ddga-file-upload", className),
+      children: [
+        variant === "dropzone" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          labelNode,
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              "data-slot": "file-upload-dropzone",
+              className: "ddga-file-upload__dropzone",
+              "data-dragging": isDragging || void 0,
+              "data-disabled": disabled || void 0,
+              "aria-disabled": disabled || void 0,
+              onClick: openPicker,
+              onDragOver: handleDragOver,
+              onDragLeave: handleDragLeave,
+              onDrop: handleDrop,
+              children: [
+                /* @__PURE__ */ jsx("svg", { className: "ddga-file-upload__border", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsx("rect", { width: "100%", height: "100%", rx: "4", ry: "4" }) }),
+                /* @__PURE__ */ jsx(Upload, { className: "ddga-file-upload__icon", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsxs("div", { className: "ddga-file-upload__copy", children: [
+                  /* @__PURE__ */ jsx("span", { className: "ddga-file-upload__title", children: title }),
+                  descriptionNode
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "secondary",
+                    size: "md",
+                    disabled,
+                    className: "ddga-file-upload__browse",
+                    onClick: (event) => {
+                      event.stopPropagation();
+                      openPicker();
+                    },
+                    children: buttonLabel
+                  }
+                ),
+                fileInput
+              ]
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "ddga-file-upload__header", children: [
+            labelNode,
+            descriptionNode
+          ] }),
+          showTrigger && /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "black",
+              size: "md",
+              disabled,
+              className: "ddga-file-upload__browse",
+              onClick: openPicker,
+              children: buttonLabel
+            }
+          ),
+          fileInput
+        ] }),
+        hasErrorMessage && /* @__PURE__ */ jsx(FieldMessage, { id: errorId, variant: "error", children: errorMessage }),
+        files.length > 0 && /* @__PURE__ */ jsx("ul", { "data-slot": "file-upload-list", className: "ddga-file-upload__list", children: files.map((item) => /* @__PURE__ */ jsx(FileRow, { item, onRemove, removeLabel }, item.id)) })
+      ]
+    }
+  );
+}
+
+export {
+  FileUpload
+};
+//# sourceMappingURL=chunk-EZRPCQSP.js.map

package/dist/chunk-EZRPCQSP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/FileUpload/FileUpload.tsx"],"sourcesContent":["'use client';\n\nimport { useRef, useState, type ReactNode } from 'react';\nimport { cn } from '../../utils/cn';\nimport { useFieldA11y, FieldMessage } from '../../field';\nimport { Button } from '../Button';\nimport { Spinner } from '../Spinner';\nimport { Upload, Check, Exclamation, Close } from '../../internal/icons';\n\ntype FileStatus = 'uploading' | 'success' | 'error';\n\n/** Reason codes attached to a rejected file. */\ntype RejectionCode = 'file-too-large' | 'file-invalid-type' | 'too-many-files';\n\n/**\n * A controlled file entry. The consumer owns this array and is responsible for\n * performing the actual upload, updating `status`, and assigning a stable `id`\n * (used as the React key and the `onRemove` target).\n */\ninterface UploadFile {\n  /** Stable, consumer-assigned id. Used as the React key and remove target. */\n  id: string;\n  /** The native File. */\n  file: File;\n  /** Defaults to `'uploading'`. Drives the per-row indicator. */\n  status?: FileStatus;\n  /** Shown in the row's second line (red) while `status === 'error'`. */\n  error?: string;\n}\n\ninterface FileRejection {\n  file: File;\n  errors: RejectionCode[];\n}\n\ninterface FileUploadProps extends Omit<\n  React.ComponentProps<'input'>,\n  | 'onChange'\n  | 'type'\n  | 'accept'\n  | 'multiple'\n  | 'required'\n  | 'disabled'\n  | 'className'\n  | 'id'\n  | 'children'\n  | 'title'\n> {\n  variant?: 'dropzone' | 'button';\n\n  /** Controlled list of files to render. The consumer is the source of truth. */\n  files: UploadFile[];\n  /** Called with the files that passed validation. The consumer wraps each in\n   *  an {@link UploadFile} (assigning an `id`) and starts the upload. */\n  onFilesAdded: (accepted: File[]) => void;\n  /** Called with files that failed validation. Never enter `files`. */\n  onFilesRejected?: (rejections: FileRejection[]) => void;\n  /** Per-row remove handler. Omit to hide the remove button. */\n  onRemove?: (id: string) => void;\n\n  /** Native `accept` string (e.g. `'image/*,.pdf'`). Also drives validation. */\n  accept?: string;\n  /** Maximum size per file, in bytes. */\n  maxSize?: number;\n  /** Maximum total files (existing + incoming). When `multiple` is false this\n   *  is forced to 1. */\n  maxFiles?: number;\n  /** Allow selecting/dropping more than one file. Defaults to true. */\n  multiple?: boolean;\n  /** Disables the drop zone / button and the picker. */\n  disabled?: boolean;\n  /** Marks the field required: renders the asterisk and sets the input's\n   *  `required` attribute. */\n  required?: boolean;\n\n  /** Visible field label, auto-associated to the input. */\n  label?: ReactNode;\n  title?: ReactNode;\n  description?: ReactNode;\n  buttonLabel?: 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  /** Accessible label for the per-row remove button. Defaults to `'Remove'`. */\n  removeLabel?: string;\n\n  id?: string;\n  className?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n}\n\nfunction matchesAccept(file: File, accept?: string): boolean {\n  if (!accept) return true;\n  const tokens = accept\n    .split(',')\n    .map((t) => t.trim().toLowerCase())\n    .filter(Boolean);\n  if (tokens.length === 0) return true;\n\n  const name = file.name.toLowerCase();\n  const type = file.type.toLowerCase();\n\n  return tokens.some((token) => {\n    if (token.startsWith('.')) return name.endsWith(token);\n    if (token.endsWith('/*')) return type.startsWith(token.slice(0, token.indexOf('/') + 1));\n    return type === token;\n  });\n}\n\ninterface ValidationConfig {\n  accept?: string;\n  maxSize?: number;\n  maxFiles?: number;\n  /** Files already in the list — counts against `maxFiles`. */\n  currentCount: number;\n}\n\nfunction splitFiles(incoming: File[], config: ValidationConfig) {\n  const { accept, maxSize, maxFiles, currentCount } = config;\n  const accepted: File[] = [];\n  const rejections: FileRejection[] = [];\n\n  for (const file of incoming) {\n    const errors: RejectionCode[] = [];\n    if (!matchesAccept(file, accept)) errors.push('file-invalid-type');\n    if (maxSize != null && file.size > maxSize) errors.push('file-too-large');\n\n    if (errors.length > 0) {\n      rejections.push({ file, errors });\n      continue;\n    }\n    // Count last: only an otherwise-valid file consumes a slot.\n    if (maxFiles != null && currentCount + accepted.length >= maxFiles) {\n      rejections.push({ file, errors: ['too-many-files'] });\n      continue;\n    }\n    accepted.push(file);\n  }\n\n  return { accepted, rejections };\n}\n\nfunction FileRow({\n  item,\n  onRemove,\n  removeLabel,\n}: {\n  item: UploadFile;\n  onRemove?: (id: string) => void;\n  removeLabel: string;\n}) {\n  const status = item.status ?? 'uploading';\n  return (\n    <li\n      data-slot=\"file-upload-item\"\n      data-status={status}\n      className={cn(\n        'ddga-file-upload__file',\n        status === 'error' && 'ddga-file-upload__file--error',\n      )}\n    >\n      <div className=\"ddga-file-upload__file-main\">\n        {status === 'uploading' ? (\n          <span className=\"ddga-file-upload__file-indicator ddga-file-upload__file-indicator--loading\">\n            <Spinner aria-label={`Uploading ${item.file.name}`} />\n          </span>\n        ) : (\n          <span\n            aria-hidden=\"true\"\n            className={cn(\n              'ddga-file-upload__file-indicator',\n              `ddga-file-upload__file-indicator--${status}`,\n            )}\n          >\n            {status === 'success' ? <Check /> : <Exclamation />}\n          </span>\n        )}\n\n        <span className=\"ddga-file-upload__file-name\" dir=\"auto\" title={item.file.name}>\n          {item.file.name}\n        </span>\n\n        {onRemove && (\n          <button\n            type=\"button\"\n            className=\"ddga-file-upload__file-remove\"\n            aria-label={`${removeLabel}: ${item.file.name}`}\n            onClick={() => onRemove(item.id)}\n          >\n            <Close aria-hidden=\"true\" />\n          </button>\n        )}\n      </div>\n\n      {status === 'error' && item.error && (\n        <div className=\"ddga-file-upload__file-error-row\">\n          <span role=\"alert\" className=\"ddga-file-upload__file-error\">\n            {item.error}\n          </span>\n        </div>\n      )}\n    </li>\n  );\n}\n\nfunction FileUpload({\n  variant = 'dropzone',\n  files,\n  onFilesAdded,\n  onFilesRejected,\n  onRemove,\n  accept,\n  maxSize,\n  maxFiles,\n  multiple = true,\n  disabled = false,\n  required,\n  label,\n  title = 'Drag and drop files here to upload',\n  description,\n  buttonLabel = 'Browse Files',\n  errorMessage,\n  error,\n  removeLabel = 'Remove',\n  id: externalId,\n  className,\n  ...props\n}: FileUploadProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [isDragging, setIsDragging] = useState(false);\n\n  const { fieldId, errorId, helperId, hasErrorMessage, controlProps } = useFieldA11y({\n    name: 'FileUpload',\n    id: externalId,\n    label,\n    error,\n    errorMessage,\n    helperText: description,\n    'aria-label': props['aria-label'],\n    'aria-labelledby': props['aria-labelledby'],\n  });\n\n  const effectiveMaxFiles = multiple ? maxFiles : 1;\n\n  function process(incoming: File[]) {\n    if (disabled || incoming.length === 0) return;\n    const { accepted, rejections } = splitFiles(incoming, {\n      accept,\n      maxSize,\n      maxFiles: effectiveMaxFiles,\n      currentCount: files.length,\n    });\n    if (accepted.length > 0) onFilesAdded(accepted);\n    if (rejections.length > 0) onFilesRejected?.(rejections);\n  }\n\n  function openPicker() {\n    if (!disabled) inputRef.current?.click();\n  }\n\n  function handleInputChange(event: React.ChangeEvent<HTMLInputElement>) {\n    process(Array.from(event.target.files ?? []));\n    // Reset so re-selecting the same file re-fires change.\n    event.target.value = '';\n  }\n\n  function handleDrop(event: React.DragEvent<HTMLDivElement>) {\n    event.preventDefault();\n    setIsDragging(false);\n    if (disabled) return;\n    process(Array.from(event.dataTransfer.files));\n  }\n\n  function handleDragOver(event: React.DragEvent<HTMLDivElement>) {\n    event.preventDefault();\n    if (!disabled) setIsDragging(true);\n  }\n\n  function handleDragLeave(event: React.DragEvent<HTMLDivElement>) {\n    // Ignore dragleave bubbling from descendants.\n    if (!event.currentTarget.contains(event.relatedTarget as Node | null)) {\n      setIsDragging(false);\n    }\n  }\n\n  const labelNode = label && (\n    <label htmlFor={fieldId} className=\"ddga-file-upload__label\">\n      {required && (\n        <span aria-hidden=\"true\" className=\"ddga-file-upload__required\">\n          *\n        </span>\n      )}\n      {label}\n    </label>\n  );\n\n  const descriptionNode = description && (\n    <span id={helperId} className=\"ddga-file-upload__description\">\n      {description}\n    </span>\n  );\n\n  const fileInput = (\n    <input\n      {...props}\n      {...controlProps}\n      ref={inputRef}\n      type=\"file\"\n      tabIndex={-1}\n      className=\"ddga-file-upload__input\"\n      accept={accept}\n      multiple={multiple}\n      disabled={disabled}\n      required={required}\n      onChange={handleInputChange}\n      // Guard the openPicker() recursion: the programmatic input.click() would\n      // bubble back to the dropzone's onClick.\n      onClick={(event) => event.stopPropagation()}\n      data-slot=\"file-upload-input\"\n    />\n  );\n\n  // SDGA Single: the file row replaces the trigger once the one file is chosen.\n  const showTrigger = variant === 'dropzone' || multiple || files.length === 0;\n\n  return (\n    <div\n      data-slot=\"file-upload-field\"\n      data-variant={variant}\n      className={cn('ddga-field', 'ddga-file-upload', className)}\n    >\n      {variant === 'dropzone' ? (\n        <>\n          {labelNode}\n          <div\n            data-slot=\"file-upload-dropzone\"\n            className=\"ddga-file-upload__dropzone\"\n            data-dragging={isDragging || undefined}\n            data-disabled={disabled || undefined}\n            aria-disabled={disabled || undefined}\n            onClick={openPicker}\n            onDragOver={handleDragOver}\n            onDragLeave={handleDragLeave}\n            onDrop={handleDrop}\n          >\n            <svg className=\"ddga-file-upload__border\" aria-hidden=\"true\" focusable=\"false\">\n              <rect width=\"100%\" height=\"100%\" rx=\"4\" ry=\"4\" />\n            </svg>\n            <Upload className=\"ddga-file-upload__icon\" aria-hidden=\"true\" />\n            <div className=\"ddga-file-upload__copy\">\n              <span className=\"ddga-file-upload__title\">{title}</span>\n              {descriptionNode}\n            </div>\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              size=\"md\"\n              disabled={disabled}\n              className=\"ddga-file-upload__browse\"\n              onClick={(event) => {\n                event.stopPropagation();\n                openPicker();\n              }}\n            >\n              {buttonLabel}\n            </Button>\n            {fileInput}\n          </div>\n        </>\n      ) : (\n        <>\n          <div className=\"ddga-file-upload__header\">\n            {labelNode}\n            {descriptionNode}\n          </div>\n          {showTrigger && (\n            <Button\n              type=\"button\"\n              variant=\"black\"\n              size=\"md\"\n              disabled={disabled}\n              className=\"ddga-file-upload__browse\"\n              onClick={openPicker}\n            >\n              {buttonLabel}\n            </Button>\n          )}\n          {fileInput}\n        </>\n      )}\n\n      {hasErrorMessage && (\n        <FieldMessage id={errorId} variant=\"error\">\n          {errorMessage}\n        </FieldMessage>\n      )}\n\n      {files.length > 0 && (\n        <ul data-slot=\"file-upload-list\" className=\"ddga-file-upload__list\">\n          {files.map((item) => (\n            <FileRow key={item.id} item={item} onRemove={onRemove} removeLabel={removeLabel} />\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\n\nexport { FileUpload };\nexport type { FileUploadProps, UploadFile, FileRejection, FileStatus, RejectionCode };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA,SAAS,QAAQ,gBAAgC;AAkK3C,SA2KE,UAxKI,KAHN;AAtEN,SAAS,cAAc,MAAY,QAA0B;AAC3D,MAAI,CAAC,OAAQ,QAAO;AACpB,QAAM,SAAS,OACZ,MAAM,GAAG,EACT,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,YAAY,CAAC,EACjC,OAAO,OAAO;AACjB,MAAI,OAAO,WAAW,EAAG,QAAO;AAEhC,QAAM,OAAO,KAAK,KAAK,YAAY;AACnC,QAAM,OAAO,KAAK,KAAK,YAAY;AAEnC,SAAO,OAAO,KAAK,CAAC,UAAU;AAC5B,QAAI,MAAM,WAAW,GAAG,EAAG,QAAO,KAAK,SAAS,KAAK;AACrD,QAAI,MAAM,SAAS,IAAI,EAAG,QAAO,KAAK,WAAW,MAAM,MAAM,GAAG,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC;AACvF,WAAO,SAAS;AAAA,EAClB,CAAC;AACH;AAUA,SAAS,WAAW,UAAkB,QAA0B;AAC9D,QAAM,EAAE,QAAQ,SAAS,UAAU,aAAa,IAAI;AACpD,QAAM,WAAmB,CAAC;AAC1B,QAAM,aAA8B,CAAC;AAErC,aAAW,QAAQ,UAAU;AAC3B,UAAM,SAA0B,CAAC;AACjC,QAAI,CAAC,cAAc,MAAM,MAAM,EAAG,QAAO,KAAK,mBAAmB;AACjE,QAAI,WAAW,QAAQ,KAAK,OAAO,QAAS,QAAO,KAAK,gBAAgB;AAExE,QAAI,OAAO,SAAS,GAAG;AACrB,iBAAW,KAAK,EAAE,MAAM,OAAO,CAAC;AAChC;AAAA,IACF;AAEA,QAAI,YAAY,QAAQ,eAAe,SAAS,UAAU,UAAU;AAClE,iBAAW,KAAK,EAAE,MAAM,QAAQ,CAAC,gBAAgB,EAAE,CAAC;AACpD;AAAA,IACF;AACA,aAAS,KAAK,IAAI;AAAA,EACpB;AAEA,SAAO,EAAE,UAAU,WAAW;AAChC;AAEA,SAAS,QAAQ;AAAA,EACf;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,SAAS,KAAK,UAAU;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,eAAa;AAAA,MACb,WAAW;AAAA,QACT;AAAA,QACA,WAAW,WAAW;AAAA,MACxB;AAAA,MAEA;AAAA,6BAAC,SAAI,WAAU,+BACZ;AAAA,qBAAW,cACV,oBAAC,UAAK,WAAU,8EACd,8BAAC,WAAQ,cAAY,aAAa,KAAK,KAAK,IAAI,IAAI,GACtD,IAEA;AAAA,YAAC;AAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAW;AAAA,gBACT;AAAA,gBACA,qCAAqC,MAAM;AAAA,cAC7C;AAAA,cAEC,qBAAW,YAAY,oBAAC,SAAM,IAAK,oBAAC,eAAY;AAAA;AAAA,UACnD;AAAA,UAGF,oBAAC,UAAK,WAAU,+BAA8B,KAAI,QAAO,OAAO,KAAK,KAAK,MACvE,eAAK,KAAK,MACb;AAAA,UAEC,YACC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,cAAY,GAAG,WAAW,KAAK,KAAK,KAAK,IAAI;AAAA,cAC7C,SAAS,MAAM,SAAS,KAAK,EAAE;AAAA,cAE/B,8BAAC,SAAM,eAAY,QAAO;AAAA;AAAA,UAC5B;AAAA,WAEJ;AAAA,QAEC,WAAW,WAAW,KAAK,SAC1B,oBAAC,SAAI,WAAU,oCACb,8BAAC,UAAK,MAAK,SAAQ,WAAU,gCAC1B,eAAK,OACR,GACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,SAAS,WAAW;AAAA,EAClB,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,IAAI;AAAA,EACJ;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,WAAW,OAAyB,IAAI;AAC9C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,EAAE,SAAS,SAAS,UAAU,iBAAiB,aAAa,IAAI,aAAa;AAAA,IACjF,MAAM;AAAA,IACN,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,cAAc,MAAM,YAAY;AAAA,IAChC,mBAAmB,MAAM,iBAAiB;AAAA,EAC5C,CAAC;AAED,QAAM,oBAAoB,WAAW,WAAW;AAEhD,WAAS,QAAQ,UAAkB;AACjC,QAAI,YAAY,SAAS,WAAW,EAAG;AACvC,UAAM,EAAE,UAAU,WAAW,IAAI,WAAW,UAAU;AAAA,MACpD;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,cAAc,MAAM;AAAA,IACtB,CAAC;AACD,QAAI,SAAS,SAAS,EAAG,cAAa,QAAQ;AAC9C,QAAI,WAAW,SAAS,EAAG,mBAAkB,UAAU;AAAA,EACzD;AAEA,WAAS,aAAa;AACpB,QAAI,CAAC,SAAU,UAAS,SAAS,MAAM;AAAA,EACzC;AAEA,WAAS,kBAAkB,OAA4C;AACrE,YAAQ,MAAM,KAAK,MAAM,OAAO,SAAS,CAAC,CAAC,CAAC;AAE5C,UAAM,OAAO,QAAQ;AAAA,EACvB;AAEA,WAAS,WAAW,OAAwC;AAC1D,UAAM,eAAe;AACrB,kBAAc,KAAK;AACnB,QAAI,SAAU;AACd,YAAQ,MAAM,KAAK,MAAM,aAAa,KAAK,CAAC;AAAA,EAC9C;AAEA,WAAS,eAAe,OAAwC;AAC9D,UAAM,eAAe;AACrB,QAAI,CAAC,SAAU,eAAc,IAAI;AAAA,EACnC;AAEA,WAAS,gBAAgB,OAAwC;AAE/D,QAAI,CAAC,MAAM,cAAc,SAAS,MAAM,aAA4B,GAAG;AACrE,oBAAc,KAAK;AAAA,IACrB;AAAA,EACF;AAEA,QAAM,YAAY,SAChB,qBAAC,WAAM,SAAS,SAAS,WAAU,2BAChC;AAAA,gBACC,oBAAC,UAAK,eAAY,QAAO,WAAU,8BAA6B,eAEhE;AAAA,IAED;AAAA,KACH;AAGF,QAAM,kBAAkB,eACtB,oBAAC,UAAK,IAAI,UAAU,WAAU,iCAC3B,uBACH;AAGF,QAAM,YACJ;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MAGV,SAAS,CAAC,UAAU,MAAM,gBAAgB;AAAA,MAC1C,aAAU;AAAA;AAAA,EACZ;AAIF,QAAM,cAAc,YAAY,cAAc,YAAY,MAAM,WAAW;AAE3E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAc;AAAA,MACd,WAAW,GAAG,cAAc,oBAAoB,SAAS;AAAA,MAExD;AAAA,oBAAY,aACX,iCACG;AAAA;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACC,aAAU;AAAA,cACV,WAAU;AAAA,cACV,iBAAe,cAAc;AAAA,cAC7B,iBAAe,YAAY;AAAA,cAC3B,iBAAe,YAAY;AAAA,cAC3B,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,aAAa;AAAA,cACb,QAAQ;AAAA,cAER;AAAA,oCAAC,SAAI,WAAU,4BAA2B,eAAY,QAAO,WAAU,SACrE,8BAAC,UAAK,OAAM,QAAO,QAAO,QAAO,IAAG,KAAI,IAAG,KAAI,GACjD;AAAA,gBACA,oBAAC,UAAO,WAAU,0BAAyB,eAAY,QAAO;AAAA,gBAC9D,qBAAC,SAAI,WAAU,0BACb;AAAA,sCAAC,UAAK,WAAU,2BAA2B,iBAAM;AAAA,kBAChD;AAAA,mBACH;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,MAAK;AAAA,oBACL,SAAQ;AAAA,oBACR,MAAK;AAAA,oBACL;AAAA,oBACA,WAAU;AAAA,oBACV,SAAS,CAAC,UAAU;AAClB,4BAAM,gBAAgB;AACtB,iCAAW;AAAA,oBACb;AAAA,oBAEC;AAAA;AAAA,gBACH;AAAA,gBACC;AAAA;AAAA;AAAA,UACH;AAAA,WACF,IAEA,iCACE;AAAA,+BAAC,SAAI,WAAU,4BACZ;AAAA;AAAA,YACA;AAAA,aACH;AAAA,UACC,eACC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,MAAK;AAAA,cACL;AAAA,cACA,WAAU;AAAA,cACV,SAAS;AAAA,cAER;AAAA;AAAA,UACH;AAAA,UAED;AAAA,WACH;AAAA,QAGD,mBACC,oBAAC,gBAAa,IAAI,SAAS,SAAQ,SAChC,wBACH;AAAA,QAGD,MAAM,SAAS,KACd,oBAAC,QAAG,aAAU,oBAAmB,WAAU,0BACxC,gBAAM,IAAI,CAAC,SACV,oBAAC,WAAsB,MAAY,UAAoB,eAAzC,KAAK,EAA8D,CAClF,GACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/chunk-F5YD6T5D.js

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