ods-ant 0.2.0 → 0.4.1

package/dist-lib/forms/ClearableUpload.js

@@ -0,0 +1,187 @@
+import { dsSemanticTokens as e } from "../theme.js";
+import { Button as t } from "./Button.js";
+import { FieldShell as n } from "./FieldShell.js";
+import { Upload as r } from "antd";
+import { useEffect as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/ds/forms/ClearableUpload.tsx
+var c = "ds-upload-styles";
+function l(...e) {
+	return e.filter(Boolean).join(" ").trim();
+}
+function u() {
+	if (typeof document > "u") return;
+	let { button: t, tag: n } = e, r = document.getElementById(c);
+	r || (r = document.createElement("style"), r.id = c, document.head.appendChild(r)), r.textContent = `
+    .ds-upload {
+      width: 100%;
+      font-family: 'Nunito', sans-serif;
+    }
+
+    .ds-upload .ant-upload,
+    .ds-upload .ant-upload-wrapper {
+      width: 100%;
+    }
+
+    .ds-upload .ant-upload-list {
+      margin-top: 8px;
+    }
+
+    .ds-upload .ant-upload-list-item {
+      border-radius: 6px;
+    }
+
+    .ds-upload .ant-upload-list-item-name {
+      color: ${t.secondary.defaultText};
+    }
+
+    .ds-upload .ant-upload-list-item-actions a,
+    .ds-upload .ant-upload-list-item-actions button {
+      color: ${t.secondary.defaultText};
+    }
+
+    .ds-upload[data-ds-upload-variant='compact'] .ant-upload-list {
+      margin-top: 4px;
+    }
+
+    .ds-upload[data-ds-upload-variant='dropzone'] .ant-upload-drag {
+      border: 1px dashed ${t.secondary.defaultBorder};
+      border-radius: 8px;
+      background: ${n.status.neutral.light.bg};
+      padding: 18px 16px;
+      transition: none !important;
+    }
+
+    .ds-upload[data-ds-upload-variant='dropzone'] .ant-upload-drag:hover,
+    .ds-upload[data-ds-upload-variant='dropzone'] .ant-upload-drag.ant-upload-drag-hover {
+      border-color: ${t.secondary.hoverBorder};
+      background: ${n.status.neutral.light.bg};
+    }
+
+    .ds-upload[data-ds-upload-variant='dropzone'] .ant-upload-drag .ant-upload-drag-container {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      align-items: center;
+      justify-content: center;
+      min-height: 120px;
+    }
+
+    .ds-upload[data-ds-upload-variant='gallery'] .ant-upload-picture-card-wrapper .ant-upload-select,
+    .ds-upload[data-ds-upload-variant='gallery'] .ant-upload-picture-circle-wrapper .ant-upload-select {
+      border: 1px dashed ${t.secondary.defaultBorder};
+      border-radius: 8px;
+      background: ${n.status.neutral.light.bg};
+      transition: none !important;
+    }
+
+    .ds-upload[data-ds-upload-variant='gallery'] .ant-upload-picture-card-wrapper .ant-upload-select:hover,
+    .ds-upload[data-ds-upload-variant='gallery'] .ant-upload-picture-circle-wrapper .ant-upload-select:hover {
+      border-color: ${t.secondary.hoverBorder};
+      background: ${n.status.neutral.light.bg};
+    }
+
+    .ds-upload[data-ds-upload-variant='gallery'] .ant-upload-list-picture-card-container,
+    .ds-upload[data-ds-upload-variant='gallery'] .ant-upload-list-picture-circle-container {
+      margin-inline-end: 8px;
+      margin-bottom: 8px;
+    }
+
+    .ds-upload[data-ds-upload-variant='gallery'] .ant-upload-list-picture-card .ant-upload-list-item,
+    .ds-upload[data-ds-upload-variant='gallery'] .ant-upload-list-picture-circle .ant-upload-list-item {
+      border: 1px solid ${t.secondary.defaultBorder};
+      border-radius: 8px;
+      background: ${t.secondary.defaultBg};
+    }
+
+    .ds-upload .ds-upload-dropzone-title {
+      color: ${t.secondary.defaultText};
+      font-size: 14px;
+      font-weight: 600;
+      line-height: 18px;
+      text-align: center;
+    }
+
+    .ds-upload .ds-upload-dropzone-subtitle {
+      color: ${t.secondary.defaultText};
+      font-size: 12px;
+      line-height: 16px;
+      text-align: center;
+      opacity: 0.72;
+    }
+
+    .ds-upload .ds-upload-gallery-trigger {
+      min-width: 104px;
+      min-height: 104px;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      border: 0;
+      border-radius: 0;
+      color: ${t.secondary.defaultText};
+      background: transparent;
+    }
+  `;
+}
+function d(e) {
+	return e === "dropzone" ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("div", {
+		className: "ds-upload-dropzone-title",
+		children: "Click or drag files to this area to upload"
+	}), /* @__PURE__ */ o("div", {
+		className: "ds-upload-dropzone-subtitle",
+		children: "Support for a single or bulk upload"
+	})] }) : e === "gallery" ? /* @__PURE__ */ o("div", {
+		className: "ds-upload-gallery-trigger",
+		children: "+ Upload"
+	}) : e === "compact" ? /* @__PURE__ */ o(t, {
+		dsVariant: "secondary",
+		size: "small",
+		children: "Click to Upload"
+	}) : /* @__PURE__ */ o(t, {
+		dsVariant: "secondary",
+		children: "Click to Upload"
+	});
+}
+var f = ({ fieldLabel: e, fieldRequired: t, fieldDescription: a, fieldError: s, clear: c, clearable: f = !1, clearLabel: p, clearVisibility: m = "always", onClear: h, onValueChange: g, clearToValue: _ = [], fileList: v, children: y, containerStyle: b, fieldActions: x, dsVariant: S = "attachment", ...C }) => {
+	i(() => {
+		u();
+	}, []);
+	let w = c?.onClear ?? h, T = C.listType ?? (S === "gallery" ? "picture-card" : "text"), E = y ?? d(S), D = () => {
+		w?.(), g?.(_);
+	}, O = !!(e || t || a || s || x || f || c || h), k = o(S === "dropzone" ? r.Dragger : r, {
+		...C,
+		listType: T,
+		fileList: v,
+		onChange: (e) => {
+			C.onChange?.(e), g?.(e.fileList);
+		},
+		children: E
+	}), A = /* @__PURE__ */ o("div", {
+		className: l("ds-upload", `ds-upload--${S}`),
+		"data-ds-upload-variant": S,
+		children: k
+	});
+	return O ? /* @__PURE__ */ o(n, {
+		label: e,
+		required: t,
+		description: a,
+		error: s,
+		clear: {
+			enabled: c?.enabled ?? f,
+			label: c?.label ?? p,
+			visibility: c?.visibility ?? m,
+			onClear: D
+		},
+		clearValue: v,
+		extraActions: x,
+		style: b,
+		children: A
+	}) : A;
+}, p = ({ clearable: e = !0, ...t }) => /* @__PURE__ */ o(f, {
+	...t,
+	clearable: e
+});
+//#endregion
+export { p as ClearableUpload, f as Upload };
+
+//# sourceMappingURL=ClearableUpload.js.map

package/dist-lib/forms/ClearableUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableUpload.js","names":[],"sources":["../../src/ds/forms/ClearableUpload.tsx"],"sourcesContent":["import { Upload as AntUpload } from 'antd';\nimport type { CSSProperties, ReactNode } from 'react';\nimport { useEffect } from 'react';\nimport { Button } from './Button';\nimport { FieldShell } from './FieldShell';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\nimport type { DSFieldShellProps } from './fieldProps';\nimport { dsSemanticTokens } from '../../theme/ontadaTheme';\n\ntype AntUploadProps = React.ComponentProps<typeof AntUpload>;\n\ntype UploadFileList = AntUploadProps['fileList'];\n\nexport type DSUploadVariant = 'attachment' | 'dropzone' | 'gallery' | 'compact';\n\nexport type UploadProps = AntUploadProps & DSFieldShellProps & {\n  onValueChange?: (nextValue: UploadFileList) => void;\n  clearToValue?: UploadFileList;\n  dsVariant?: DSUploadVariant;\n};\n\nexport type ClearableUploadProps = UploadProps & {\n  fieldLabel: ReactNode;\n  fieldRequired?: boolean;\n  clear?: ClearConfig;\n  clearable?: boolean;\n  clearLabel?: ReactNode;\n  clearVisibility?: ClearVisibility;\n  onClear?: () => void;\n  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nconst STYLE_ID = 'ds-upload-styles';\n\nfunction mergeClassNames(...classNames: Array<string | undefined>) {\n  return classNames.filter(Boolean).join(' ').trim();\n}\n\nfunction injectStyles() {\n  if (typeof document === 'undefined') return;\n\n  const { button, tag } = dsSemanticTokens;\n  let style = document.getElementById(STYLE_ID) as HTMLStyleElement | null;\n  if (!style) {\n    style = document.createElement('style');\n    style.id = STYLE_ID;\n    document.head.appendChild(style);\n  }\n\n  style.textContent = `\n    .ds-upload {\n      width: 100%;\n      font-family: 'Nunito', sans-serif;\n    }\n\n    .ds-upload .ant-upload,\n    .ds-upload .ant-upload-wrapper {\n      width: 100%;\n    }\n\n    .ds-upload .ant-upload-list {\n      margin-top: 8px;\n    }\n\n    .ds-upload .ant-upload-list-item {\n      border-radius: 6px;\n    }\n\n    .ds-upload .ant-upload-list-item-name {\n      color: ${button.secondary.defaultText};\n    }\n\n    .ds-upload .ant-upload-list-item-actions a,\n    .ds-upload .ant-upload-list-item-actions button {\n      color: ${button.secondary.defaultText};\n    }\n\n    .ds-upload[data-ds-upload-variant='compact'] .ant-upload-list {\n      margin-top: 4px;\n    }\n\n    .ds-upload[data-ds-upload-variant='dropzone'] .ant-upload-drag {\n      border: 1px dashed ${button.secondary.defaultBorder};\n      border-radius: 8px;\n      background: ${tag.status.neutral.light.bg};\n      padding: 18px 16px;\n      transition: none !important;\n    }\n\n    .ds-upload[data-ds-upload-variant='dropzone'] .ant-upload-drag:hover,\n    .ds-upload[data-ds-upload-variant='dropzone'] .ant-upload-drag.ant-upload-drag-hover {\n      border-color: ${button.secondary.hoverBorder};\n      background: ${tag.status.neutral.light.bg};\n    }\n\n    .ds-upload[data-ds-upload-variant='dropzone'] .ant-upload-drag .ant-upload-drag-container {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n      align-items: center;\n      justify-content: center;\n      min-height: 120px;\n    }\n\n    .ds-upload[data-ds-upload-variant='gallery'] .ant-upload-picture-card-wrapper .ant-upload-select,\n    .ds-upload[data-ds-upload-variant='gallery'] .ant-upload-picture-circle-wrapper .ant-upload-select {\n      border: 1px dashed ${button.secondary.defaultBorder};\n      border-radius: 8px;\n      background: ${tag.status.neutral.light.bg};\n      transition: none !important;\n    }\n\n    .ds-upload[data-ds-upload-variant='gallery'] .ant-upload-picture-card-wrapper .ant-upload-select:hover,\n    .ds-upload[data-ds-upload-variant='gallery'] .ant-upload-picture-circle-wrapper .ant-upload-select:hover {\n      border-color: ${button.secondary.hoverBorder};\n      background: ${tag.status.neutral.light.bg};\n    }\n\n    .ds-upload[data-ds-upload-variant='gallery'] .ant-upload-list-picture-card-container,\n    .ds-upload[data-ds-upload-variant='gallery'] .ant-upload-list-picture-circle-container {\n      margin-inline-end: 8px;\n      margin-bottom: 8px;\n    }\n\n    .ds-upload[data-ds-upload-variant='gallery'] .ant-upload-list-picture-card .ant-upload-list-item,\n    .ds-upload[data-ds-upload-variant='gallery'] .ant-upload-list-picture-circle .ant-upload-list-item {\n      border: 1px solid ${button.secondary.defaultBorder};\n      border-radius: 8px;\n      background: ${button.secondary.defaultBg};\n    }\n\n    .ds-upload .ds-upload-dropzone-title {\n      color: ${button.secondary.defaultText};\n      font-size: 14px;\n      font-weight: 600;\n      line-height: 18px;\n      text-align: center;\n    }\n\n    .ds-upload .ds-upload-dropzone-subtitle {\n      color: ${button.secondary.defaultText};\n      font-size: 12px;\n      line-height: 16px;\n      text-align: center;\n      opacity: 0.72;\n    }\n\n    .ds-upload .ds-upload-gallery-trigger {\n      min-width: 104px;\n      min-height: 104px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      border: 0;\n      border-radius: 0;\n      color: ${button.secondary.defaultText};\n      background: transparent;\n    }\n  `;\n}\n\nfunction getDefaultChildren(dsVariant: DSUploadVariant) {\n  if (dsVariant === 'dropzone') {\n    return (\n      <>\n        <div className=\"ds-upload-dropzone-title\">Click or drag files to this area to upload</div>\n        <div className=\"ds-upload-dropzone-subtitle\">Support for a single or bulk upload</div>\n      </>\n    );\n  }\n\n  if (dsVariant === 'gallery') {\n    return <div className=\"ds-upload-gallery-trigger\">+ Upload</div>;\n  }\n\n  if (dsVariant === 'compact') {\n    return <Button dsVariant=\"secondary\" size=\"small\">Click to Upload</Button>;\n  }\n\n  return <Button dsVariant=\"secondary\">Click to Upload</Button>;\n}\n\nexport const Upload = ({\n  fieldLabel,\n  fieldRequired,\n  fieldDescription,\n  fieldError,\n  clear,\n  clearable = false,\n  clearLabel,\n  clearVisibility = 'always',\n  onClear,\n  onValueChange,\n  clearToValue = [],\n  fileList,\n  children,\n  containerStyle,\n  fieldActions,\n  dsVariant = 'attachment',\n  ...uploadProps\n}: UploadProps) => {\n  useEffect(() => {\n    injectStyles();\n  }, []);\n\n  const clearAction = clear?.onClear ?? onClear;\n  const resolvedListType = uploadProps.listType ?? (dsVariant === 'gallery' ? 'picture-card' : 'text');\n  const resolvedChildren = children ?? getDefaultChildren(dsVariant);\n\n  const handleClear = () => {\n    clearAction?.();\n    onValueChange?.(clearToValue);\n  };\n\n  const shouldWrapInFieldShell = Boolean(\n    fieldLabel || fieldRequired || fieldDescription || fieldError || fieldActions || clearable || clear || onClear,\n  );\n\n  const uploadNode = dsVariant === 'dropzone' ? (\n    <AntUpload.Dragger\n      {...uploadProps}\n      listType={resolvedListType}\n      fileList={fileList}\n      onChange={(info) => {\n        uploadProps.onChange?.(info);\n        onValueChange?.(info.fileList);\n      }}\n    >\n      {resolvedChildren}\n    </AntUpload.Dragger>\n  ) : (\n    <AntUpload\n      {...uploadProps}\n      listType={resolvedListType}\n      fileList={fileList}\n      onChange={(info) => {\n        uploadProps.onChange?.(info);\n        onValueChange?.(info.fileList);\n      }}\n    >\n      {resolvedChildren}\n    </AntUpload>\n  );\n\n  const uploadWrapper = (\n    <div className={mergeClassNames('ds-upload', `ds-upload--${dsVariant}`)} data-ds-upload-variant={dsVariant}>\n      {uploadNode}\n    </div>\n  );\n\n  if (!shouldWrapInFieldShell) {\n    return uploadWrapper;\n  }\n\n  return (\n    <FieldShell\n      label={fieldLabel}\n      required={fieldRequired}\n      description={fieldDescription}\n      error={fieldError}\n      clear={{\n        enabled: clear?.enabled ?? clearable,\n        label: clear?.label ?? clearLabel,\n        visibility: clear?.visibility ?? clearVisibility,\n        onClear: handleClear,\n      }}\n      clearValue={fileList}\n      extraActions={fieldActions}\n      style={containerStyle}\n    >\n      {uploadWrapper}\n    </FieldShell>\n  );\n};\n\nexport const ClearableUpload = ({\n  clearable = true,\n  ...props\n}: ClearableUploadProps) => {\n  return <Upload {...props} clearable={clearable} />;\n};\n"],"mappings":";;;;;;;AAiCA,IAAM,IAAW;AAEjB,SAAS,EAAgB,GAAG,GAAuC;AACjE,QAAO,EAAW,OAAO,QAAQ,CAAC,KAAK,IAAI,CAAC,MAAM;;AAGpD,SAAS,IAAe;AACtB,KAAI,OAAO,WAAa,IAAa;CAErC,IAAM,EAAE,WAAQ,WAAQ,GACpB,IAAQ,SAAS,eAAe,EAAS;AAO7C,CANK,MACH,IAAQ,SAAS,cAAc,QAAQ,EACvC,EAAM,KAAK,GACX,SAAS,KAAK,YAAY,EAAM,GAGlC,EAAM,cAAc;;;;;;;;;;;;;;;;;;;;eAoBP,EAAO,UAAU,YAAY;;;;;eAK7B,EAAO,UAAU,YAAY;;;;;;;;2BAQjB,EAAO,UAAU,cAAc;;oBAEtC,EAAI,OAAO,QAAQ,MAAM,GAAG;;;;;;;sBAO1B,EAAO,UAAU,YAAY;oBAC/B,EAAI,OAAO,QAAQ,MAAM,GAAG;;;;;;;;;;;;;;2BAcrB,EAAO,UAAU,cAAc;;oBAEtC,EAAI,OAAO,QAAQ,MAAM,GAAG;;;;;;sBAM1B,EAAO,UAAU,YAAY;oBAC/B,EAAI,OAAO,QAAQ,MAAM,GAAG;;;;;;;;;;;0BAWtB,EAAO,UAAU,cAAc;;oBAErC,EAAO,UAAU,UAAU;;;;eAIhC,EAAO,UAAU,YAAY;;;;;;;;eAQ7B,EAAO,UAAU,YAAY;;;;;;;;;;;;;;;eAe7B,EAAO,UAAU,YAAY;;;;;AAM5C,SAAS,EAAmB,GAA4B;AAkBtD,QAjBI,MAAc,aAEd,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;EAAK,WAAU;YAA2B;EAAgD,CAAA,EAC1F,kBAAC,OAAD;EAAK,WAAU;YAA8B;EAAyC,CAAA,CACrF,EAAA,CAAA,GAIH,MAAc,YACT,kBAAC,OAAD;EAAK,WAAU;YAA4B;EAAc,CAAA,GAG9D,MAAc,YACT,kBAAC,GAAD;EAAQ,WAAU;EAAY,MAAK;YAAQ;EAAwB,CAAA,GAGrE,kBAAC,GAAD;EAAQ,WAAU;YAAY;EAAwB,CAAA;;AAG/D,IAAa,KAAU,EACrB,eACA,kBACA,qBACA,eACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,kBAAe,EAAE,EACjB,aACA,aACA,mBACA,iBACA,eAAY,cACZ,GAAG,QACc;AACjB,SAAgB;AACd,KAAc;IACb,EAAE,CAAC;CAEN,IAAM,IAAc,GAAO,WAAW,GAChC,IAAmB,EAAY,aAAa,MAAc,YAAY,iBAAiB,SACvF,IAAmB,KAAY,EAAmB,EAAU,EAE5D,UAAoB;AAExB,EADA,KAAe,EACf,IAAgB,EAAa;IAGzB,IAAyB,GAC7B,KAAc,KAAiB,KAAoB,KAAc,KAAgB,KAAa,KAAS,IAGnG,IACJ,EADiB,MAAc,aAC9B,EAAU,UAYV,GAZD;EACE,GAAI;EACJ,UAAU;EACA;EACV,WAAW,MAAS;AAElB,GADA,EAAY,WAAW,EAAK,EAC5B,IAAgB,EAAK,SAAS;;YAG/B;EACiB,CAYR,EAGR,IACJ,kBAAC,OAAD;EAAK,WAAW,EAAgB,aAAa,cAAc,IAAY;EAAE,0BAAwB;YAC9F;EACG,CAAA;AAOR,QAJK,IAKH,kBAAC,GAAD;EACE,OAAO;EACP,UAAU;EACV,aAAa;EACb,OAAO;EACP,OAAO;GACL,SAAS,GAAO,WAAW;GAC3B,OAAO,GAAO,SAAS;GACvB,YAAY,GAAO,cAAc;GACjC,SAAS;GACV;EACD,YAAY;EACZ,cAAc;EACd,OAAO;YAEN;EACU,CAAA,GApBN;GAwBE,KAAmB,EAC9B,eAAY,IACZ,GAAG,QAEI,kBAAC,GAAD;CAAQ,GAAI;CAAkB;CAAa,CAAA"}

package/dist-lib/forms/ColorPicker.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`./FieldShell.cjs`),t=require(`../fieldProps-CuWfEbFx.cjs`);let n=require(`antd`),r=require(`react`),i=require(`react/jsx-runtime`);var a=({fieldLabel:a,fieldRequired:o,fieldDescription:s,fieldError:c,fieldActions:l,containerStyle:u,clear:d,clearable:f=!1,clearLabel:p,clearVisibility:m=`always`,onClear:h,onValueChange:g,clearToValue:_,value:v,...y})=>{let b=(0,r.useId)(),x=!!(a||o||s||c||l||f||d||h),S=y.id??(x?b:void 0),C=S?`${S}-description`:void 0,w=S?`${S}-error`:void 0,T=d?.onClear??h,E=t.t(s?C:void 0,c?w:void 0),D=(0,i.jsx)(n.ColorPicker,{...y,id:S,value:v,"aria-describedby":E,"aria-invalid":c?!0:void 0,onChange:e=>{y.onChange?.(e),g?.(e)}});return x?(0,i.jsx)(e.FieldShell,{label:a,required:o,htmlFor:S,description:s,descriptionId:C,error:c,errorId:w,clear:d,clearable:f,clearLabel:p,clearVisibility:m,clearValue:v,onClear:()=>{T?.(),g?.(_)},extraActions:l,style:u,children:D}):D};exports.ColorPicker=a;
+//# sourceMappingURL=ColorPicker.cjs.map

package/dist-lib/forms/ColorPicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.cjs","names":[],"sources":["../../src/ds/forms/ColorPicker.tsx"],"sourcesContent":["import { ColorPicker as AntColorPicker } from 'antd';\nimport { useId } from 'react';\nimport { FieldShell } from './FieldShell';\nimport type { DSFieldShellProps } from './fieldProps';\nimport { joinDescribedByIds } from './fieldProps';\n\ntype AntColorPickerProps = React.ComponentProps<typeof AntColorPicker>;\ntype ColorValue = AntColorPickerProps['value'];\n\nexport type ColorPickerProps = AntColorPickerProps &\n  DSFieldShellProps & {\n    onValueChange?: (nextValue: ColorValue) => void;\n    clearToValue?: ColorValue;\n  };\n\nexport const ColorPicker = ({\n  fieldLabel,\n  fieldRequired,\n  fieldDescription,\n  fieldError,\n  fieldActions,\n  containerStyle,\n  clear,\n  clearable = false,\n  clearLabel,\n  clearVisibility = 'always',\n  onClear,\n  onValueChange,\n  clearToValue,\n  value,\n  ...props\n}: ColorPickerProps) => {\n  const generatedId = useId();\n  const shouldWrapInFieldShell = Boolean(\n    fieldLabel ||\n      fieldRequired ||\n      fieldDescription ||\n      fieldError ||\n      fieldActions ||\n      clearable ||\n      clear ||\n      onClear,\n  );\n  const controlId = props.id ?? (shouldWrapInFieldShell ? generatedId : undefined);\n  const descriptionId = controlId ? `${controlId}-description` : undefined;\n  const errorId = controlId ? `${controlId}-error` : undefined;\n  const clearAction = clear?.onClear ?? onClear;\n  const describedBy = joinDescribedByIds(\n    fieldDescription ? descriptionId : undefined,\n    fieldError ? errorId : undefined,\n  );\n\n  const control = (\n    <AntColorPicker\n      {...props}\n      id={controlId}\n      value={value}\n      aria-describedby={describedBy}\n      aria-invalid={fieldError ? true : undefined}\n      onChange={(nextValue) => {\n        props.onChange?.(nextValue);\n        onValueChange?.(nextValue);\n      }}\n    />\n  );\n\n  if (!shouldWrapInFieldShell) {\n    return control;\n  }\n\n  return (\n    <FieldShell\n      label={fieldLabel}\n      required={fieldRequired}\n      htmlFor={controlId}\n      description={fieldDescription}\n      descriptionId={descriptionId}\n      error={fieldError}\n      errorId={errorId}\n      clear={clear}\n      clearable={clearable}\n      clearLabel={clearLabel}\n      clearVisibility={clearVisibility}\n      clearValue={value}\n      onClear={() => {\n        clearAction?.();\n        onValueChange?.(clearToValue);\n      }}\n      extraActions={fieldActions}\n      style={containerStyle}\n    >\n      {control}\n    </FieldShell>\n  );\n};\n"],"mappings":"wPAeA,IAAa,GAAe,CAC1B,aACA,gBACA,mBACA,aACA,eACA,iBACA,QACA,YAAY,GACZ,aACA,kBAAkB,SAClB,UACA,gBACA,eACA,QACA,GAAG,KACmB,CACtB,IAAM,GAAA,EAAA,EAAA,QAAqB,CACrB,EAAyB,GAC7B,GACE,GACA,GACA,GACA,GACA,GACA,GACA,GAEE,EAAY,EAAM,KAAO,EAAyB,EAAc,IAAA,IAChE,EAAgB,EAAY,GAAG,EAAU,cAAgB,IAAA,GACzD,EAAU,EAAY,GAAG,EAAU,QAAU,IAAA,GAC7C,EAAc,GAAO,SAAW,EAChC,EAAc,EAAA,EAClB,EAAmB,EAAgB,IAAA,GACnC,EAAa,EAAU,IAAA,GACxB,CAEK,GACJ,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,GAAI,EACJ,GAAI,EACG,QACP,mBAAkB,EAClB,eAAc,EAAa,GAAO,IAAA,GAClC,SAAW,GAAc,CACvB,EAAM,WAAW,EAAU,CAC3B,IAAgB,EAAU,EAE5B,CAAA,CAOJ,OAJK,GAKH,EAAA,EAAA,KAAC,EAAA,WAAD,CACE,MAAO,EACP,SAAU,EACV,QAAS,EACT,YAAa,EACE,gBACf,MAAO,EACE,UACF,QACI,YACC,aACK,kBACjB,WAAY,EACZ,YAAe,CACb,KAAe,CACf,IAAgB,EAAa,EAE/B,aAAc,EACd,MAAO,WAEN,EACU,CAAA,CAzBN"}

package/dist-lib/forms/ColorPicker.js

@@ -0,0 +1,42 @@
+import { FieldShell as e } from "./FieldShell.js";
+import { t } from "../fieldProps-EeYy2kXb.js";
+import { ColorPicker as n } from "antd";
+import { useId as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/ds/forms/ColorPicker.tsx
+var a = ({ fieldLabel: a, fieldRequired: o, fieldDescription: s, fieldError: c, fieldActions: l, containerStyle: u, clear: d, clearable: f = !1, clearLabel: p, clearVisibility: m = "always", onClear: h, onValueChange: g, clearToValue: _, value: v, ...y }) => {
+	let b = r(), x = !!(a || o || s || c || l || f || d || h), S = y.id ?? (x ? b : void 0), C = S ? `${S}-description` : void 0, w = S ? `${S}-error` : void 0, T = d?.onClear ?? h, E = t(s ? C : void 0, c ? w : void 0), D = /* @__PURE__ */ i(n, {
+		...y,
+		id: S,
+		value: v,
+		"aria-describedby": E,
+		"aria-invalid": c ? !0 : void 0,
+		onChange: (e) => {
+			y.onChange?.(e), g?.(e);
+		}
+	});
+	return x ? /* @__PURE__ */ i(e, {
+		label: a,
+		required: o,
+		htmlFor: S,
+		description: s,
+		descriptionId: C,
+		error: c,
+		errorId: w,
+		clear: d,
+		clearable: f,
+		clearLabel: p,
+		clearVisibility: m,
+		clearValue: v,
+		onClear: () => {
+			T?.(), g?.(_);
+		},
+		extraActions: l,
+		style: u,
+		children: D
+	}) : D;
+};
+//#endregion
+export { a as ColorPicker };
+
+//# sourceMappingURL=ColorPicker.js.map

package/dist-lib/forms/ColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.js","names":[],"sources":["../../src/ds/forms/ColorPicker.tsx"],"sourcesContent":["import { ColorPicker as AntColorPicker } from 'antd';\nimport { useId } from 'react';\nimport { FieldShell } from './FieldShell';\nimport type { DSFieldShellProps } from './fieldProps';\nimport { joinDescribedByIds } from './fieldProps';\n\ntype AntColorPickerProps = React.ComponentProps<typeof AntColorPicker>;\ntype ColorValue = AntColorPickerProps['value'];\n\nexport type ColorPickerProps = AntColorPickerProps &\n  DSFieldShellProps & {\n    onValueChange?: (nextValue: ColorValue) => void;\n    clearToValue?: ColorValue;\n  };\n\nexport const ColorPicker = ({\n  fieldLabel,\n  fieldRequired,\n  fieldDescription,\n  fieldError,\n  fieldActions,\n  containerStyle,\n  clear,\n  clearable = false,\n  clearLabel,\n  clearVisibility = 'always',\n  onClear,\n  onValueChange,\n  clearToValue,\n  value,\n  ...props\n}: ColorPickerProps) => {\n  const generatedId = useId();\n  const shouldWrapInFieldShell = Boolean(\n    fieldLabel ||\n      fieldRequired ||\n      fieldDescription ||\n      fieldError ||\n      fieldActions ||\n      clearable ||\n      clear ||\n      onClear,\n  );\n  const controlId = props.id ?? (shouldWrapInFieldShell ? generatedId : undefined);\n  const descriptionId = controlId ? `${controlId}-description` : undefined;\n  const errorId = controlId ? `${controlId}-error` : undefined;\n  const clearAction = clear?.onClear ?? onClear;\n  const describedBy = joinDescribedByIds(\n    fieldDescription ? descriptionId : undefined,\n    fieldError ? errorId : undefined,\n  );\n\n  const control = (\n    <AntColorPicker\n      {...props}\n      id={controlId}\n      value={value}\n      aria-describedby={describedBy}\n      aria-invalid={fieldError ? true : undefined}\n      onChange={(nextValue) => {\n        props.onChange?.(nextValue);\n        onValueChange?.(nextValue);\n      }}\n    />\n  );\n\n  if (!shouldWrapInFieldShell) {\n    return control;\n  }\n\n  return (\n    <FieldShell\n      label={fieldLabel}\n      required={fieldRequired}\n      htmlFor={controlId}\n      description={fieldDescription}\n      descriptionId={descriptionId}\n      error={fieldError}\n      errorId={errorId}\n      clear={clear}\n      clearable={clearable}\n      clearLabel={clearLabel}\n      clearVisibility={clearVisibility}\n      clearValue={value}\n      onClear={() => {\n        clearAction?.();\n        onValueChange?.(clearToValue);\n      }}\n      extraActions={fieldActions}\n      style={containerStyle}\n    >\n      {control}\n    </FieldShell>\n  );\n};\n"],"mappings":";;;;;;AAeA,IAAa,KAAe,EAC1B,eACA,kBACA,qBACA,eACA,iBACA,mBACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,iBACA,UACA,GAAG,QACmB;CACtB,IAAM,IAAc,GAAO,EACrB,IAAyB,GAC7B,KACE,KACA,KACA,KACA,KACA,KACA,KACA,IAEE,IAAY,EAAM,OAAO,IAAyB,IAAc,KAAA,IAChE,IAAgB,IAAY,GAAG,EAAU,gBAAgB,KAAA,GACzD,IAAU,IAAY,GAAG,EAAU,UAAU,KAAA,GAC7C,IAAc,GAAO,WAAW,GAChC,IAAc,EAClB,IAAmB,IAAgB,KAAA,GACnC,IAAa,IAAU,KAAA,EACxB,EAEK,IACJ,kBAAC,GAAD;EACE,GAAI;EACJ,IAAI;EACG;EACP,oBAAkB;EAClB,gBAAc,IAAa,KAAO,KAAA;EAClC,WAAW,MAAc;AAEvB,GADA,EAAM,WAAW,EAAU,EAC3B,IAAgB,EAAU;;EAE5B,CAAA;AAOJ,QAJK,IAKH,kBAAC,GAAD;EACE,OAAO;EACP,UAAU;EACV,SAAS;EACT,aAAa;EACE;EACf,OAAO;EACE;EACF;EACI;EACC;EACK;EACjB,YAAY;EACZ,eAAe;AAEb,GADA,KAAe,EACf,IAAgB,EAAa;;EAE/B,cAAc;EACd,OAAO;YAEN;EACU,CAAA,GAzBN"}

package/dist-lib/forms/DatePicker.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../DatePicker-DTVtamsX.cjs`);exports.DS_DATE_FORMAT=e.t,exports.DatePicker=e.n;

package/dist-lib/forms/DatePicker.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "../DatePicker-BpjYibJF.js";
+export { t as DS_DATE_FORMAT, e as DatePicker };

package/dist-lib/forms/FieldSetShell.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`../theme.cjs`),t=require(`./clearUtils.cjs`);let n=require(`antd`),r=require(`react/jsx-runtime`);var i={display:`flex`,alignItems:`center`,justifyContent:`space-between`,gap:12},a={margin:0,fontSize:e.dsSemanticTokens.button.typography.small.fontSize,lineHeight:e.dsSemanticTokens.button.typography.small.lineHeight,fontWeight:600,fontFamily:`Nunito, sans-serif`},o={fontSize:12,lineHeight:`16px`,fontWeight:600,color:e.dsSemanticTokens.tag.status.error.outline.text,display:`inline-flex`,alignItems:`center`,fontFamily:`Nunito, sans-serif`},s=({title:e,titleId:s,titleStyle:c,required:l,description:u,descriptionId:d,error:f,errorId:p,clear:m,clearable:h=!1,clearLabel:g=`Clear`,clearVisibility:_=`always`,clearValue:v,onClear:y,actions:b,children:x,style:S})=>{let C=m?.enabled??h,w=m?.label??g,T=m?.visibility??_,E=m?.onClear??y,D=t.shouldShowClear(C,T,v)&&!!E;return(0,r.jsxs)(`div`,{style:S,children:[(0,r.jsxs)(`div`,{style:i,children:[(0,r.jsxs)(n.Flex,{align:`center`,gap:6,children:[(0,r.jsx)(n.Typography.Text,{id:s,style:{...a,...c},children:e}),l?(0,r.jsx)(`span`,{style:o,children:`✱`}):null]}),(0,r.jsxs)(n.Flex,{align:`center`,gap:10,children:[D?(0,r.jsx)(n.Button,{type:`link`,size:`small`,onClick:E,style:{padding:0,height:`auto`},children:w}):null,b]})]}),u?(0,r.jsx)(n.Typography.Paragraph,{id:d,type:`secondary`,style:{marginTop:4,marginBottom:16},children:u}):null,f?(0,r.jsx)(n.Typography.Text,{id:p,role:`alert`,type:`danger`,style:{display:`block`,marginBottom:12},children:f}):null,x]})};exports.FieldSetShell=s;
+//# sourceMappingURL=FieldSetShell.cjs.map

package/dist-lib/forms/FieldSetShell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldSetShell.cjs","names":[],"sources":["../../src/ds/forms/FieldSetShell.tsx"],"sourcesContent":["import { Button, Flex, Typography } from 'antd';\nimport type { CSSProperties, ReactNode } from 'react';\nimport { shouldShowClear, type ClearConfig, type ClearVisibility } from './clearUtils';\nimport { dsSemanticTokens } from '../../theme/ontadaTheme';\n\nexport type FieldSetShellProps = {\n  title: ReactNode;\n  titleId?: string;\n  titleStyle?: CSSProperties;\n  required?: boolean;\n  description?: ReactNode;\n  descriptionId?: string;\n  error?: ReactNode;\n  errorId?: string;\n  clear?: ClearConfig;\n  clearable?: boolean;\n  clearLabel?: ReactNode;\n  clearVisibility?: ClearVisibility;\n  clearValue?: unknown;\n  onClear?: () => void;\n  actions?: ReactNode;\n  children: ReactNode;\n  style?: CSSProperties;\n};\n\nconst titleRowStyle: CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 12,\n};\n\nconst defaultTitleStyle: CSSProperties = {\n  margin: 0,\n  fontSize: dsSemanticTokens.button.typography.small.fontSize,\n  lineHeight: dsSemanticTokens.button.typography.small.lineHeight,\n  fontWeight: 600,\n  fontFamily: 'Nunito, sans-serif',\n};\n\nconst requiredIndicatorStyle: CSSProperties = {\n  fontSize: 12,\n  lineHeight: '16px',\n  fontWeight: 600,\n  color: dsSemanticTokens.tag.status.error.outline.text,\n  display: 'inline-flex',\n  alignItems: 'center',\n  fontFamily: 'Nunito, sans-serif',\n};\n\nexport const FieldSetShell = ({\n  title,\n  titleId,\n  titleStyle,\n  required,\n  description,\n  descriptionId,\n  error,\n  errorId,\n  clear,\n  clearable = false,\n  clearLabel = 'Clear',\n  clearVisibility = 'always',\n  clearValue,\n  onClear,\n  actions,\n  children,\n  style,\n}: FieldSetShellProps) => {\n  const resolvedClearable = clear?.enabled ?? clearable;\n  const resolvedClearLabel = clear?.label ?? clearLabel;\n  const resolvedClearVisibility = clear?.visibility ?? clearVisibility;\n  const resolvedClearHandler = clear?.onClear ?? onClear;\n  const showClear =\n    shouldShowClear(resolvedClearable, resolvedClearVisibility, clearValue) &&\n    Boolean(resolvedClearHandler);\n\n  return (\n    <div style={style}>\n      <div style={titleRowStyle}>\n        <Flex align=\"center\" gap={6}>\n          <Typography.Text id={titleId} style={{ ...defaultTitleStyle, ...titleStyle }}>\n            {title}\n          </Typography.Text>\n          {required ? <span style={requiredIndicatorStyle}>✱</span> : null}\n        </Flex>\n        <Flex align=\"center\" gap={10}>\n          {showClear ? (\n            <Button\n              type=\"link\"\n              size=\"small\"\n              onClick={resolvedClearHandler}\n              style={{ padding: 0, height: 'auto' }}\n            >\n              {resolvedClearLabel}\n            </Button>\n          ) : null}\n          {actions}\n        </Flex>\n      </div>\n      {description ? (\n        <Typography.Paragraph id={descriptionId} type=\"secondary\" style={{ marginTop: 4, marginBottom: 16 }}>\n          {description}\n        </Typography.Paragraph>\n      ) : null}\n      {error ? (\n        <Typography.Text id={errorId} role=\"alert\" type=\"danger\" style={{ display: 'block', marginBottom: 12 }}>\n          {error}\n        </Typography.Text>\n      ) : null}\n      {children}\n    </div>\n  );\n};\n"],"mappings":"uNAyBA,IAAM,EAA+B,CACnC,QAAS,OACT,WAAY,SACZ,eAAgB,gBAChB,IAAK,GACN,CAEK,EAAmC,CACvC,OAAQ,EACR,SAAU,EAAA,iBAAiB,OAAO,WAAW,MAAM,SACnD,WAAY,EAAA,iBAAiB,OAAO,WAAW,MAAM,WACrD,WAAY,IACZ,WAAY,qBACb,CAEK,EAAwC,CAC5C,SAAU,GACV,WAAY,OACZ,WAAY,IACZ,MAAO,EAAA,iBAAiB,IAAI,OAAO,MAAM,QAAQ,KACjD,QAAS,cACT,WAAY,SACZ,WAAY,qBACb,CAEY,GAAiB,CAC5B,QACA,UACA,aACA,WACA,cACA,gBACA,QACA,UACA,QACA,YAAY,GACZ,aAAa,QACb,kBAAkB,SAClB,aACA,UACA,UACA,WACA,WACwB,CACxB,IAAM,EAAoB,GAAO,SAAW,EACtC,EAAqB,GAAO,OAAS,EACrC,EAA0B,GAAO,YAAc,EAC/C,EAAuB,GAAO,SAAW,EACzC,EACJ,EAAA,gBAAgB,EAAmB,EAAyB,EAAW,EACvE,EAAQ,EAEV,OACE,EAAA,EAAA,MAAC,MAAD,CAAY,iBAAZ,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,MAAO,WAAZ,EACE,EAAA,EAAA,MAAC,EAAA,KAAD,CAAM,MAAM,SAAS,IAAK,WAA1B,EACE,EAAA,EAAA,KAAC,EAAA,WAAW,KAAZ,CAAiB,GAAI,EAAS,MAAO,CAAE,GAAG,EAAmB,GAAG,EAAY,UACzE,EACe,CAAA,CACjB,GAAW,EAAA,EAAA,KAAC,OAAD,CAAM,MAAO,WAAwB,IAAQ,CAAA,CAAG,KACvD,IACP,EAAA,EAAA,MAAC,EAAA,KAAD,CAAM,MAAM,SAAS,IAAK,YAA1B,CACG,GACC,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,KAAK,OACL,KAAK,QACL,QAAS,EACT,MAAO,CAAE,QAAS,EAAG,OAAQ,OAAQ,UAEpC,EACM,CAAA,CACP,KACH,EACI,GACH,GACL,GACC,EAAA,EAAA,KAAC,EAAA,WAAW,UAAZ,CAAsB,GAAI,EAAe,KAAK,YAAY,MAAO,CAAE,UAAW,EAAG,aAAc,GAAI,UAChG,EACoB,CAAA,CACrB,KACH,GACC,EAAA,EAAA,KAAC,EAAA,WAAW,KAAZ,CAAiB,GAAI,EAAS,KAAK,QAAQ,KAAK,SAAS,MAAO,CAAE,QAAS,QAAS,aAAc,GAAI,UACnG,EACe,CAAA,CAChB,KACH,EACG"}

package/dist-lib/forms/FieldSetShell.js

@@ -0,0 +1,87 @@
+import { dsSemanticTokens as e } from "../theme.js";
+import { shouldShowClear as t } from "./clearUtils.js";
+import { Button as n, Flex as r, Typography as i } from "antd";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/ds/forms/FieldSetShell.tsx
+var s = {
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "space-between",
+	gap: 12
+}, c = {
+	margin: 0,
+	fontSize: e.button.typography.small.fontSize,
+	lineHeight: e.button.typography.small.lineHeight,
+	fontWeight: 600,
+	fontFamily: "Nunito, sans-serif"
+}, l = {
+	fontSize: 12,
+	lineHeight: "16px",
+	fontWeight: 600,
+	color: e.tag.status.error.outline.text,
+	display: "inline-flex",
+	alignItems: "center",
+	fontFamily: "Nunito, sans-serif"
+}, u = ({ title: e, titleId: u, titleStyle: d, required: f, description: p, descriptionId: m, error: h, errorId: g, clear: _, clearable: v = !1, clearLabel: y = "Clear", clearVisibility: b = "always", clearValue: x, onClear: S, actions: C, children: w, style: T }) => {
+	let E = _?.enabled ?? v, D = _?.label ?? y, O = _?.visibility ?? b, k = _?.onClear ?? S, A = t(E, O, x) && !!k;
+	return /* @__PURE__ */ o("div", {
+		style: T,
+		children: [
+			/* @__PURE__ */ o("div", {
+				style: s,
+				children: [/* @__PURE__ */ o(r, {
+					align: "center",
+					gap: 6,
+					children: [/* @__PURE__ */ a(i.Text, {
+						id: u,
+						style: {
+							...c,
+							...d
+						},
+						children: e
+					}), f ? /* @__PURE__ */ a("span", {
+						style: l,
+						children: "✱"
+					}) : null]
+				}), /* @__PURE__ */ o(r, {
+					align: "center",
+					gap: 10,
+					children: [A ? /* @__PURE__ */ a(n, {
+						type: "link",
+						size: "small",
+						onClick: k,
+						style: {
+							padding: 0,
+							height: "auto"
+						},
+						children: D
+					}) : null, C]
+				})]
+			}),
+			p ? /* @__PURE__ */ a(i.Paragraph, {
+				id: m,
+				type: "secondary",
+				style: {
+					marginTop: 4,
+					marginBottom: 16
+				},
+				children: p
+			}) : null,
+			h ? /* @__PURE__ */ a(i.Text, {
+				id: g,
+				role: "alert",
+				type: "danger",
+				style: {
+					display: "block",
+					marginBottom: 12
+				},
+				children: h
+			}) : null,
+			w
+		]
+	});
+};
+//#endregion
+export { u as FieldSetShell };
+
+//# sourceMappingURL=FieldSetShell.js.map

package/dist-lib/forms/FieldSetShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldSetShell.js","names":[],"sources":["../../src/ds/forms/FieldSetShell.tsx"],"sourcesContent":["import { Button, Flex, Typography } from 'antd';\nimport type { CSSProperties, ReactNode } from 'react';\nimport { shouldShowClear, type ClearConfig, type ClearVisibility } from './clearUtils';\nimport { dsSemanticTokens } from '../../theme/ontadaTheme';\n\nexport type FieldSetShellProps = {\n  title: ReactNode;\n  titleId?: string;\n  titleStyle?: CSSProperties;\n  required?: boolean;\n  description?: ReactNode;\n  descriptionId?: string;\n  error?: ReactNode;\n  errorId?: string;\n  clear?: ClearConfig;\n  clearable?: boolean;\n  clearLabel?: ReactNode;\n  clearVisibility?: ClearVisibility;\n  clearValue?: unknown;\n  onClear?: () => void;\n  actions?: ReactNode;\n  children: ReactNode;\n  style?: CSSProperties;\n};\n\nconst titleRowStyle: CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 12,\n};\n\nconst defaultTitleStyle: CSSProperties = {\n  margin: 0,\n  fontSize: dsSemanticTokens.button.typography.small.fontSize,\n  lineHeight: dsSemanticTokens.button.typography.small.lineHeight,\n  fontWeight: 600,\n  fontFamily: 'Nunito, sans-serif',\n};\n\nconst requiredIndicatorStyle: CSSProperties = {\n  fontSize: 12,\n  lineHeight: '16px',\n  fontWeight: 600,\n  color: dsSemanticTokens.tag.status.error.outline.text,\n  display: 'inline-flex',\n  alignItems: 'center',\n  fontFamily: 'Nunito, sans-serif',\n};\n\nexport const FieldSetShell = ({\n  title,\n  titleId,\n  titleStyle,\n  required,\n  description,\n  descriptionId,\n  error,\n  errorId,\n  clear,\n  clearable = false,\n  clearLabel = 'Clear',\n  clearVisibility = 'always',\n  clearValue,\n  onClear,\n  actions,\n  children,\n  style,\n}: FieldSetShellProps) => {\n  const resolvedClearable = clear?.enabled ?? clearable;\n  const resolvedClearLabel = clear?.label ?? clearLabel;\n  const resolvedClearVisibility = clear?.visibility ?? clearVisibility;\n  const resolvedClearHandler = clear?.onClear ?? onClear;\n  const showClear =\n    shouldShowClear(resolvedClearable, resolvedClearVisibility, clearValue) &&\n    Boolean(resolvedClearHandler);\n\n  return (\n    <div style={style}>\n      <div style={titleRowStyle}>\n        <Flex align=\"center\" gap={6}>\n          <Typography.Text id={titleId} style={{ ...defaultTitleStyle, ...titleStyle }}>\n            {title}\n          </Typography.Text>\n          {required ? <span style={requiredIndicatorStyle}>✱</span> : null}\n        </Flex>\n        <Flex align=\"center\" gap={10}>\n          {showClear ? (\n            <Button\n              type=\"link\"\n              size=\"small\"\n              onClick={resolvedClearHandler}\n              style={{ padding: 0, height: 'auto' }}\n            >\n              {resolvedClearLabel}\n            </Button>\n          ) : null}\n          {actions}\n        </Flex>\n      </div>\n      {description ? (\n        <Typography.Paragraph id={descriptionId} type=\"secondary\" style={{ marginTop: 4, marginBottom: 16 }}>\n          {description}\n        </Typography.Paragraph>\n      ) : null}\n      {error ? (\n        <Typography.Text id={errorId} role=\"alert\" type=\"danger\" style={{ display: 'block', marginBottom: 12 }}>\n          {error}\n        </Typography.Text>\n      ) : null}\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAyBA,IAAM,IAA+B;CACnC,SAAS;CACT,YAAY;CACZ,gBAAgB;CAChB,KAAK;CACN,EAEK,IAAmC;CACvC,QAAQ;CACR,UAAU,EAAiB,OAAO,WAAW,MAAM;CACnD,YAAY,EAAiB,OAAO,WAAW,MAAM;CACrD,YAAY;CACZ,YAAY;CACb,EAEK,IAAwC;CAC5C,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,OAAO,EAAiB,IAAI,OAAO,MAAM,QAAQ;CACjD,SAAS;CACT,YAAY;CACZ,YAAY;CACb,EAEY,KAAiB,EAC5B,UACA,YACA,eACA,aACA,gBACA,kBACA,UACA,YACA,UACA,eAAY,IACZ,gBAAa,SACb,qBAAkB,UAClB,eACA,YACA,YACA,aACA,eACwB;CACxB,IAAM,IAAoB,GAAO,WAAW,GACtC,IAAqB,GAAO,SAAS,GACrC,IAA0B,GAAO,cAAc,GAC/C,IAAuB,GAAO,WAAW,GACzC,IACJ,EAAgB,GAAmB,GAAyB,EAAW,IACvE,EAAQ;AAEV,QACE,kBAAC,OAAD;EAAY;YAAZ;GACE,kBAAC,OAAD;IAAK,OAAO;cAAZ,CACE,kBAAC,GAAD;KAAM,OAAM;KAAS,KAAK;eAA1B,CACE,kBAAC,EAAW,MAAZ;MAAiB,IAAI;MAAS,OAAO;OAAE,GAAG;OAAmB,GAAG;OAAY;gBACzE;MACe,CAAA,EACjB,IAAW,kBAAC,QAAD;MAAM,OAAO;gBAAwB;MAAQ,CAAA,GAAG,KACvD;QACP,kBAAC,GAAD;KAAM,OAAM;KAAS,KAAK;eAA1B,CACG,IACC,kBAAC,GAAD;MACE,MAAK;MACL,MAAK;MACL,SAAS;MACT,OAAO;OAAE,SAAS;OAAG,QAAQ;OAAQ;gBAEpC;MACM,CAAA,GACP,MACH,EACI;OACH;;GACL,IACC,kBAAC,EAAW,WAAZ;IAAsB,IAAI;IAAe,MAAK;IAAY,OAAO;KAAE,WAAW;KAAG,cAAc;KAAI;cAChG;IACoB,CAAA,GACrB;GACH,IACC,kBAAC,EAAW,MAAZ;IAAiB,IAAI;IAAS,MAAK;IAAQ,MAAK;IAAS,OAAO;KAAE,SAAS;KAAS,cAAc;KAAI;cACnG;IACe,CAAA,GAChB;GACH;GACG"}

package/dist-lib/forms/FieldShell.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`../theme.cjs`),t=require(`./clearUtils.cjs`);let n=require(`antd`),r=require(`react/jsx-runtime`);var i={display:`flex`,alignItems:`center`,justifyContent:`space-between`,gap:8,marginBottom:6},a={display:`inline-flex`,alignItems:`center`,gap:10},o={fontSize:e.dsSemanticTokens.button.typography.small.fontSize,lineHeight:e.dsSemanticTokens.button.typography.small.lineHeight,fontWeight:600,fontFamily:`Nunito, sans-serif`},s={fontSize:`12px`,lineHeight:`16px`,fontWeight:600,color:e.dsSemanticTokens.form.text.description,fontFamily:`Nunito, sans-serif`},c={fontSize:`12px`,lineHeight:`16px`,fontWeight:600,color:e.dsSemanticTokens.form.text.error,fontFamily:`Nunito, sans-serif`,marginTop:4},l={fontSize:12,lineHeight:`16px`,fontWeight:600,color:e.dsSemanticTokens.tag.status.error.outline.text,display:`inline-flex`,alignItems:`center`,fontFamily:`Nunito, sans-serif`},u=({label:e,required:u,htmlFor:d,description:f,descriptionId:p,error:m,errorId:h,clear:g,clearable:_=!1,clearLabel:v=`Clear`,clearVisibility:y=`always`,clearValue:b,onClear:x,extraActions:S,children:C,style:w})=>{let T=g?.enabled??_,E=g?.label??v,D=g?.visibility??y,O=g?.onClear??x,k=t.shouldShowClear(T,D,b)&&!!O;return(0,r.jsxs)(`div`,{style:w,children:[e||k||S?(0,r.jsxs)(`div`,{style:i,children:[(0,r.jsxs)(n.Flex,{align:`center`,gap:6,children:[e?(0,r.jsx)(`label`,{htmlFor:d,style:o,children:e}):null,u?(0,r.jsx)(`span`,{style:l,children:`✱`}):null]}),(0,r.jsxs)(`div`,{style:a,children:[k?(0,r.jsx)(n.Button,{type:`link`,size:`small`,onClick:O,style:{padding:0,height:`auto`},children:E}):null,S]})]}):null,f?(0,r.jsx)(`div`,{id:p,style:s,children:f}):null,C,m?(0,r.jsx)(`div`,{id:h,style:c,role:`alert`,"aria-live":`polite`,children:m}):null]})};exports.FieldShell=u;
+//# sourceMappingURL=FieldShell.cjs.map

package/dist-lib/forms/FieldShell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldShell.cjs","names":[],"sources":["../../src/ds/forms/FieldShell.tsx"],"sourcesContent":["import { Button, Flex } from 'antd';\nimport type { CSSProperties, ReactNode } from 'react';\nimport { shouldShowClear, type ClearConfig, type ClearVisibility } from './clearUtils';\nimport { dsSemanticTokens } from '../../theme/ontadaTheme';\n\nexport type FieldShellProps = {\n  label?: ReactNode;\n  required?: boolean;\n  htmlFor?: string;\n  description?: ReactNode;\n  descriptionId?: string;\n  error?: ReactNode;\n  errorId?: string;\n  clear?: ClearConfig;\n  clearable?: boolean;\n  clearLabel?: ReactNode;\n  clearVisibility?: ClearVisibility;\n  clearValue?: unknown;\n  onClear?: () => void;\n  extraActions?: ReactNode;\n  children: ReactNode;\n  style?: CSSProperties;\n};\n\nconst rowStyle: CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 8,\n  marginBottom: 6,\n};\n\nconst actionGroupStyle: CSSProperties = {\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 10,\n};\n\nconst stackStyle: CSSProperties = {\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n};\n\nconst labelStyle: CSSProperties = {\n  fontSize: dsSemanticTokens.button.typography.small.fontSize,\n  lineHeight: dsSemanticTokens.button.typography.small.lineHeight,\n  fontWeight: 600,\n  fontFamily: 'Nunito, sans-serif',\n};\n\nconst descriptionStyle: CSSProperties = {\n  fontSize: '12px',\n  lineHeight: '16px',\n  fontWeight: 600,\n  color: dsSemanticTokens.form.text.description,\n  fontFamily: 'Nunito, sans-serif',\n};\n\nconst errorStyle: CSSProperties = {\n  fontSize: '12px',\n  lineHeight: '16px',\n  fontWeight: 600,\n  color: dsSemanticTokens.form.text.error,\n  fontFamily: 'Nunito, sans-serif',\n  marginTop: 4,\n};\n\nconst requiredIndicatorStyle: CSSProperties = {\n  fontSize: 12,\n  lineHeight: '16px',\n  fontWeight: 600,\n  color: dsSemanticTokens.tag.status.error.outline.text,\n  display: 'inline-flex',\n  alignItems: 'center',\n  fontFamily: 'Nunito, sans-serif',\n};\n\nexport const FieldShell = ({\n  label,\n  required,\n  htmlFor,\n  description,\n  descriptionId,\n  error,\n  errorId,\n  clear,\n  clearable = false,\n  clearLabel = 'Clear',\n  clearVisibility = 'always',\n  clearValue,\n  onClear,\n  extraActions,\n  children,\n  style,\n}: FieldShellProps) => {\n  const resolvedClearable = clear?.enabled ?? clearable;\n  const resolvedClearLabel = clear?.label ?? clearLabel;\n  const resolvedClearVisibility = clear?.visibility ?? clearVisibility;\n  const resolvedClearHandler = clear?.onClear ?? onClear;\n  const showClear =\n    shouldShowClear(resolvedClearable, resolvedClearVisibility, clearValue) &&\n    Boolean(resolvedClearHandler);\n  const showHeader = Boolean(label || showClear || extraActions);\n\n  return (\n    <div style={style}>\n      {showHeader ? (\n        <div style={rowStyle}>\n          <Flex align=\"center\" gap={6}>\n            {label ? (\n              <label htmlFor={htmlFor} style={labelStyle}>\n                {label}\n              </label>\n            ) : null}\n            {required ? <span style={requiredIndicatorStyle}>✱</span> : null}\n          </Flex>\n\n          <div style={actionGroupStyle}>\n            {showClear ? (\n              <Button\n                type=\"link\"\n                size=\"small\"\n                onClick={resolvedClearHandler}\n                style={{ padding: 0, height: 'auto' }}\n              >\n                {resolvedClearLabel}\n              </Button>\n            ) : null}\n            {extraActions}\n          </div>\n        </div>\n      ) : null}\n      {description ? (\n        <div id={descriptionId} style={descriptionStyle}>\n          {description}\n        </div>\n      ) : null}\n      {children}\n      {error ? (\n        <div id={errorId} style={errorStyle} role=\"alert\" aria-live=\"polite\">\n          {error}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n"],"mappings":"uNAwBA,IAAM,EAA0B,CAC9B,QAAS,OACT,WAAY,SACZ,eAAgB,gBAChB,IAAK,EACL,aAAc,EACf,CAEK,EAAkC,CACtC,QAAS,cACT,WAAY,SACZ,IAAK,GACN,CAQK,EAA4B,CAChC,SAAU,EAAA,iBAAiB,OAAO,WAAW,MAAM,SACnD,WAAY,EAAA,iBAAiB,OAAO,WAAW,MAAM,WACrD,WAAY,IACZ,WAAY,qBACb,CAEK,EAAkC,CACtC,SAAU,OACV,WAAY,OACZ,WAAY,IACZ,MAAO,EAAA,iBAAiB,KAAK,KAAK,YAClC,WAAY,qBACb,CAEK,EAA4B,CAChC,SAAU,OACV,WAAY,OACZ,WAAY,IACZ,MAAO,EAAA,iBAAiB,KAAK,KAAK,MAClC,WAAY,qBACZ,UAAW,EACZ,CAEK,EAAwC,CAC5C,SAAU,GACV,WAAY,OACZ,WAAY,IACZ,MAAO,EAAA,iBAAiB,IAAI,OAAO,MAAM,QAAQ,KACjD,QAAS,cACT,WAAY,SACZ,WAAY,qBACb,CAEY,GAAc,CACzB,QACA,WACA,UACA,cACA,gBACA,QACA,UACA,QACA,YAAY,GACZ,aAAa,QACb,kBAAkB,SAClB,aACA,UACA,eACA,WACA,WACqB,CACrB,IAAM,EAAoB,GAAO,SAAW,EACtC,EAAqB,GAAO,OAAS,EACrC,EAA0B,GAAO,YAAc,EAC/C,EAAuB,GAAO,SAAW,EACzC,EACJ,EAAA,gBAAgB,EAAmB,EAAyB,EAAW,EACvE,EAAQ,EAGV,OACE,EAAA,EAAA,MAAC,MAAD,CAAY,iBAAZ,CAHyB,GAAS,GAAa,GAK3C,EAAA,EAAA,MAAC,MAAD,CAAK,MAAO,WAAZ,EACE,EAAA,EAAA,MAAC,EAAA,KAAD,CAAM,MAAM,SAAS,IAAK,WAA1B,CACG,GACC,EAAA,EAAA,KAAC,QAAD,CAAgB,UAAS,MAAO,WAC7B,EACK,CAAA,CACN,KACH,GAAW,EAAA,EAAA,KAAC,OAAD,CAAM,MAAO,WAAwB,IAAQ,CAAA,CAAG,KACvD,IAEP,EAAA,EAAA,MAAC,MAAD,CAAK,MAAO,WAAZ,CACG,GACC,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,KAAK,OACL,KAAK,QACL,QAAS,EACT,MAAO,CAAE,QAAS,EAAG,OAAQ,OAAQ,UAEpC,EACM,CAAA,CACP,KACH,EACG,GACF,GACJ,KACH,GACC,EAAA,EAAA,KAAC,MAAD,CAAK,GAAI,EAAe,MAAO,WAC5B,EACG,CAAA,CACJ,KACH,EACA,GACC,EAAA,EAAA,KAAC,MAAD,CAAK,GAAI,EAAS,MAAO,EAAY,KAAK,QAAQ,YAAU,kBACzD,EACG,CAAA,CACJ,KACA"}

package/dist-lib/forms/FieldShell.js

@@ -0,0 +1,93 @@
+import { dsSemanticTokens as e } from "../theme.js";
+import { shouldShowClear as t } from "./clearUtils.js";
+import { Button as n, Flex as r } from "antd";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/ds/forms/FieldShell.tsx
+var o = {
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "space-between",
+	gap: 8,
+	marginBottom: 6
+}, s = {
+	display: "inline-flex",
+	alignItems: "center",
+	gap: 10
+}, c = {
+	fontSize: e.button.typography.small.fontSize,
+	lineHeight: e.button.typography.small.lineHeight,
+	fontWeight: 600,
+	fontFamily: "Nunito, sans-serif"
+}, l = {
+	fontSize: "12px",
+	lineHeight: "16px",
+	fontWeight: 600,
+	color: e.form.text.description,
+	fontFamily: "Nunito, sans-serif"
+}, u = {
+	fontSize: "12px",
+	lineHeight: "16px",
+	fontWeight: 600,
+	color: e.form.text.error,
+	fontFamily: "Nunito, sans-serif",
+	marginTop: 4
+}, d = {
+	fontSize: 12,
+	lineHeight: "16px",
+	fontWeight: 600,
+	color: e.tag.status.error.outline.text,
+	display: "inline-flex",
+	alignItems: "center",
+	fontFamily: "Nunito, sans-serif"
+}, f = ({ label: e, required: f, htmlFor: p, description: m, descriptionId: h, error: g, errorId: _, clear: v, clearable: y = !1, clearLabel: b = "Clear", clearVisibility: x = "always", clearValue: S, onClear: C, extraActions: w, children: T, style: E }) => {
+	let D = v?.enabled ?? y, O = v?.label ?? b, k = v?.visibility ?? x, A = v?.onClear ?? C, j = t(D, k, S) && !!A;
+	return /* @__PURE__ */ a("div", {
+		style: E,
+		children: [
+			e || j || w ? /* @__PURE__ */ a("div", {
+				style: o,
+				children: [/* @__PURE__ */ a(r, {
+					align: "center",
+					gap: 6,
+					children: [e ? /* @__PURE__ */ i("label", {
+						htmlFor: p,
+						style: c,
+						children: e
+					}) : null, f ? /* @__PURE__ */ i("span", {
+						style: d,
+						children: "✱"
+					}) : null]
+				}), /* @__PURE__ */ a("div", {
+					style: s,
+					children: [j ? /* @__PURE__ */ i(n, {
+						type: "link",
+						size: "small",
+						onClick: A,
+						style: {
+							padding: 0,
+							height: "auto"
+						},
+						children: O
+					}) : null, w]
+				})]
+			}) : null,
+			m ? /* @__PURE__ */ i("div", {
+				id: h,
+				style: l,
+				children: m
+			}) : null,
+			T,
+			g ? /* @__PURE__ */ i("div", {
+				id: _,
+				style: u,
+				role: "alert",
+				"aria-live": "polite",
+				children: g
+			}) : null
+		]
+	});
+};
+//#endregion
+export { f as FieldShell };
+
+//# sourceMappingURL=FieldShell.js.map

package/dist-lib/forms/FieldShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldShell.js","names":[],"sources":["../../src/ds/forms/FieldShell.tsx"],"sourcesContent":["import { Button, Flex } from 'antd';\nimport type { CSSProperties, ReactNode } from 'react';\nimport { shouldShowClear, type ClearConfig, type ClearVisibility } from './clearUtils';\nimport { dsSemanticTokens } from '../../theme/ontadaTheme';\n\nexport type FieldShellProps = {\n  label?: ReactNode;\n  required?: boolean;\n  htmlFor?: string;\n  description?: ReactNode;\n  descriptionId?: string;\n  error?: ReactNode;\n  errorId?: string;\n  clear?: ClearConfig;\n  clearable?: boolean;\n  clearLabel?: ReactNode;\n  clearVisibility?: ClearVisibility;\n  clearValue?: unknown;\n  onClear?: () => void;\n  extraActions?: ReactNode;\n  children: ReactNode;\n  style?: CSSProperties;\n};\n\nconst rowStyle: CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: 8,\n  marginBottom: 6,\n};\n\nconst actionGroupStyle: CSSProperties = {\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 10,\n};\n\nconst stackStyle: CSSProperties = {\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 4,\n};\n\nconst labelStyle: CSSProperties = {\n  fontSize: dsSemanticTokens.button.typography.small.fontSize,\n  lineHeight: dsSemanticTokens.button.typography.small.lineHeight,\n  fontWeight: 600,\n  fontFamily: 'Nunito, sans-serif',\n};\n\nconst descriptionStyle: CSSProperties = {\n  fontSize: '12px',\n  lineHeight: '16px',\n  fontWeight: 600,\n  color: dsSemanticTokens.form.text.description,\n  fontFamily: 'Nunito, sans-serif',\n};\n\nconst errorStyle: CSSProperties = {\n  fontSize: '12px',\n  lineHeight: '16px',\n  fontWeight: 600,\n  color: dsSemanticTokens.form.text.error,\n  fontFamily: 'Nunito, sans-serif',\n  marginTop: 4,\n};\n\nconst requiredIndicatorStyle: CSSProperties = {\n  fontSize: 12,\n  lineHeight: '16px',\n  fontWeight: 600,\n  color: dsSemanticTokens.tag.status.error.outline.text,\n  display: 'inline-flex',\n  alignItems: 'center',\n  fontFamily: 'Nunito, sans-serif',\n};\n\nexport const FieldShell = ({\n  label,\n  required,\n  htmlFor,\n  description,\n  descriptionId,\n  error,\n  errorId,\n  clear,\n  clearable = false,\n  clearLabel = 'Clear',\n  clearVisibility = 'always',\n  clearValue,\n  onClear,\n  extraActions,\n  children,\n  style,\n}: FieldShellProps) => {\n  const resolvedClearable = clear?.enabled ?? clearable;\n  const resolvedClearLabel = clear?.label ?? clearLabel;\n  const resolvedClearVisibility = clear?.visibility ?? clearVisibility;\n  const resolvedClearHandler = clear?.onClear ?? onClear;\n  const showClear =\n    shouldShowClear(resolvedClearable, resolvedClearVisibility, clearValue) &&\n    Boolean(resolvedClearHandler);\n  const showHeader = Boolean(label || showClear || extraActions);\n\n  return (\n    <div style={style}>\n      {showHeader ? (\n        <div style={rowStyle}>\n          <Flex align=\"center\" gap={6}>\n            {label ? (\n              <label htmlFor={htmlFor} style={labelStyle}>\n                {label}\n              </label>\n            ) : null}\n            {required ? <span style={requiredIndicatorStyle}>✱</span> : null}\n          </Flex>\n\n          <div style={actionGroupStyle}>\n            {showClear ? (\n              <Button\n                type=\"link\"\n                size=\"small\"\n                onClick={resolvedClearHandler}\n                style={{ padding: 0, height: 'auto' }}\n              >\n                {resolvedClearLabel}\n              </Button>\n            ) : null}\n            {extraActions}\n          </div>\n        </div>\n      ) : null}\n      {description ? (\n        <div id={descriptionId} style={descriptionStyle}>\n          {description}\n        </div>\n      ) : null}\n      {children}\n      {error ? (\n        <div id={errorId} style={errorStyle} role=\"alert\" aria-live=\"polite\">\n          {error}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n"],"mappings":";;;;;AAwBA,IAAM,IAA0B;CAC9B,SAAS;CACT,YAAY;CACZ,gBAAgB;CAChB,KAAK;CACL,cAAc;CACf,EAEK,IAAkC;CACtC,SAAS;CACT,YAAY;CACZ,KAAK;CACN,EAQK,IAA4B;CAChC,UAAU,EAAiB,OAAO,WAAW,MAAM;CACnD,YAAY,EAAiB,OAAO,WAAW,MAAM;CACrD,YAAY;CACZ,YAAY;CACb,EAEK,IAAkC;CACtC,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,OAAO,EAAiB,KAAK,KAAK;CAClC,YAAY;CACb,EAEK,IAA4B;CAChC,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,OAAO,EAAiB,KAAK,KAAK;CAClC,YAAY;CACZ,WAAW;CACZ,EAEK,IAAwC;CAC5C,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,OAAO,EAAiB,IAAI,OAAO,MAAM,QAAQ;CACjD,SAAS;CACT,YAAY;CACZ,YAAY;CACb,EAEY,KAAc,EACzB,UACA,aACA,YACA,gBACA,kBACA,UACA,YACA,UACA,eAAY,IACZ,gBAAa,SACb,qBAAkB,UAClB,eACA,YACA,iBACA,aACA,eACqB;CACrB,IAAM,IAAoB,GAAO,WAAW,GACtC,IAAqB,GAAO,SAAS,GACrC,IAA0B,GAAO,cAAc,GAC/C,IAAuB,GAAO,WAAW,GACzC,IACJ,EAAgB,GAAmB,GAAyB,EAAW,IACvE,EAAQ;AAGV,QACE,kBAAC,OAAD;EAAY;YAAZ;GAHyB,KAAS,KAAa,IAK3C,kBAAC,OAAD;IAAK,OAAO;cAAZ,CACE,kBAAC,GAAD;KAAM,OAAM;KAAS,KAAK;eAA1B,CACG,IACC,kBAAC,SAAD;MAAgB;MAAS,OAAO;gBAC7B;MACK,CAAA,GACN,MACH,IAAW,kBAAC,QAAD;MAAM,OAAO;gBAAwB;MAAQ,CAAA,GAAG,KACvD;QAEP,kBAAC,OAAD;KAAK,OAAO;eAAZ,CACG,IACC,kBAAC,GAAD;MACE,MAAK;MACL,MAAK;MACL,SAAS;MACT,OAAO;OAAE,SAAS;OAAG,QAAQ;OAAQ;gBAEpC;MACM,CAAA,GACP,MACH,EACG;OACF;QACJ;GACH,IACC,kBAAC,OAAD;IAAK,IAAI;IAAe,OAAO;cAC5B;IACG,CAAA,GACJ;GACH;GACA,IACC,kBAAC,OAAD;IAAK,IAAI;IAAS,OAAO;IAAY,MAAK;IAAQ,aAAU;cACzD;IACG,CAAA,GACJ;GACA"}