ods-ant 0.2.0 → 0.4.0

package/dist-lib/forms/Switch.js

@@ -0,0 +1,209 @@
+import { dsSemanticTokens as e } from "../theme.js";
+import { FieldShell as t } from "./FieldShell.js";
+import { t as n } from "../fieldProps-EeYy2kXb.js";
+import { Switch as r } from "antd";
+import { useEffect as i, useId as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/ds/forms/Switch.tsx
+var c = "ds-switch-styles";
+function l() {
+	if (typeof document > "u") return;
+	let t = document.getElementById(c);
+	t || (t = document.createElement("style"), t.id = c, document.head.appendChild(t));
+	let n = e.button.primary.default, r = e.button.primary.hover, i = e.button.primary.pressed, a = e.button.primary.disabledBg, o = e.table.text.body, s = e.table.text.header, l = e.pagination.text.hover, u = e.checkbox.background.disabled, d = e.checkbox.background.default, f = e.modal.closeButton.focusOutline, p = e.button.primary.text, m = e.button.primary.default, h = e.button.primary.disabledText;
+	t.textContent = `
+    .ant-switch.ds-switch {
+      background: ${o};
+      box-shadow: none;
+      transition: none;
+    }
+
+    .ant-switch.ds-switch.ant-switch-checked {
+      background: ${n};
+    }
+
+    .ant-switch.ds-switch.ds-switch-size-sm {
+      min-width: 28px;
+      height: 16px;
+      line-height: 16px;
+    }
+
+    .ant-switch.ds-switch.ds-switch-size-sm .ant-switch-handle {
+      width: 12px;
+      height: 12px;
+      top: 2px;
+      inset-inline-start: 2px;
+    }
+
+    .ant-switch.ds-switch.ds-switch-size-sm.ant-switch-checked .ant-switch-handle {
+      inset-inline-start: calc(100% - 14px);
+    }
+
+    .ant-switch.ds-switch.ds-switch-size-md {
+      min-width: 36px;
+      height: 20px;
+      line-height: 20px;
+    }
+
+    .ant-switch.ds-switch.ds-switch-size-md .ant-switch-handle {
+      width: 16px;
+      height: 16px;
+      top: 2px;
+      inset-inline-start: 2px;
+    }
+
+    .ant-switch.ds-switch.ds-switch-size-md.ant-switch-checked .ant-switch-handle {
+      inset-inline-start: calc(100% - 18px);
+    }
+
+    .ant-switch.ds-switch.ds-switch-size-lg {
+      min-width: 44px;
+      height: 24px;
+      line-height: 24px;
+    }
+
+    .ant-switch.ds-switch.ds-switch-size-lg .ant-switch-handle {
+      width: 20px;
+      height: 20px;
+      top: 2px;
+      inset-inline-start: 2px;
+    }
+
+    .ant-switch.ds-switch.ds-switch-size-lg.ant-switch-checked .ant-switch-handle {
+      inset-inline-start: calc(100% - 22px);
+    }
+
+    .ant-switch.ds-switch .ant-switch-handle::before {
+      background: ${d};
+      box-shadow: none;
+    }
+
+    .ant-switch.ds-switch.ds-switch-state-hover:not(.ant-switch-checked):not(.ant-switch-disabled) {
+      background: ${s};
+    }
+
+    .ant-switch.ds-switch.ds-switch-state-hover.ant-switch-checked:not(.ant-switch-disabled) {
+      background: ${r};
+    }
+
+    .ant-switch.ds-switch.ds-switch-state-pressed:not(.ant-switch-checked):not(.ant-switch-disabled) {
+      background: ${l};
+    }
+
+    .ant-switch.ds-switch.ds-switch-state-pressed.ant-switch-checked:not(.ant-switch-disabled) {
+      background: ${i};
+    }
+
+    .ant-switch.ds-switch.ds-switch-state-focus:not(.ant-switch-disabled),
+    .ant-switch.ds-switch:focus-visible:not(.ant-switch-disabled) {
+      outline: 2px solid ${f};
+      outline-offset: 2px;
+    }
+
+    .ant-switch.ds-switch.ant-switch-disabled:not(.ant-switch-checked) {
+      background: ${u};
+    }
+
+    .ant-switch.ds-switch.ant-switch-checked.ant-switch-disabled {
+      background: ${a};
+    }
+
+    .ant-switch.ds-switch .ant-switch-inner .ant-switch-inner-checked,
+    .ant-switch.ds-switch .ant-switch-inner .ant-switch-inner-unchecked {
+      font-size: 10px;
+      font-weight: 700;
+    }
+
+    .ant-switch.ds-switch .ant-switch-inner .ant-switch-inner-checked {
+      color: ${p};
+    }
+
+    .ant-switch.ds-switch .ant-switch-inner .ant-switch-inner-unchecked {
+      color: ${m};
+    }
+
+    .ant-switch.ds-switch.ant-switch-disabled .ant-switch-inner .ant-switch-inner-checked,
+    .ant-switch.ds-switch.ant-switch-disabled .ant-switch-inner .ant-switch-inner-unchecked {
+      color: ${h};
+    }
+  `;
+}
+function u(...e) {
+	return e.filter(Boolean).join(" ");
+}
+var d = {
+	display: "inline-flex",
+	flexDirection: "column",
+	gap: 2
+}, f = {
+	fontFamily: "Nunito, sans-serif",
+	fontSize: e.button.typography.small.fontSize,
+	lineHeight: e.button.typography.small.lineHeight,
+	fontWeight: 600,
+	color: e.table.text.body
+}, p = {
+	fontFamily: "Nunito, sans-serif",
+	fontSize: 12,
+	lineHeight: "16px",
+	fontWeight: 600,
+	color: e.table.text.sorterMuted
+}, m = ({ dsLabel: e, dsLabelPosition: c = "right", dsSize: m = "md", dsState: h = "normal", dsShowIcon: g = !1, dsShowSubLabel: _ = !1, dsDescription: v, fieldLabel: y, fieldRequired: b, fieldDescription: x, fieldError: S, fieldActions: C, containerStyle: w, clear: T, clearable: E = !1, clearLabel: D, clearVisibility: O = "always", onClear: k, onValueChange: A, clearToValue: j = !1, id: M, className: N, checkedChildren: P, unCheckedChildren: F, checked: I, ...L }) => {
+	i(() => {
+		l();
+	}, []);
+	let R = a(), z = !!(y || b || x || S || C || E || T || k), B = M ?? (z || e || v ? R : void 0), V = g ? P ?? "+" : P, H = g ? F ?? "-" : F, U = _ ? v : void 0, W = B ? `${B}-description` : void 0, G = B ? `${B}-error` : void 0, K = T?.onClear ?? k, q = n(x ? W : void 0, S ? G : void 0, U ? `${B}-inline-description` : void 0), J = e ? /* @__PURE__ */ s("div", {
+		style: d,
+		children: [/* @__PURE__ */ o("label", {
+			htmlFor: B,
+			style: f,
+			children: e
+		}), U ? /* @__PURE__ */ o("span", {
+			id: `${B}-inline-description`,
+			style: p,
+			children: U
+		}) : null]
+	}) : null, Y = /* @__PURE__ */ s("span", {
+		style: w,
+		children: [
+			c === "left" ? J : null,
+			/* @__PURE__ */ o(r, {
+				id: B,
+				checked: I,
+				checkedChildren: V,
+				unCheckedChildren: H,
+				className: u("ds-switch", `ds-switch-size-${m}`, `ds-switch-state-${h}`, N),
+				"aria-describedby": q,
+				"aria-invalid": S ? !0 : void 0,
+				onChange: (e, t) => {
+					L.onChange?.(e, t), A?.(e);
+				},
+				...L
+			}),
+			c === "right" ? J : null
+		]
+	});
+	return z ? /* @__PURE__ */ o(t, {
+		label: y,
+		required: b,
+		htmlFor: B,
+		description: x,
+		descriptionId: W,
+		error: S,
+		errorId: G,
+		clear: T,
+		clearable: E,
+		clearLabel: D,
+		clearVisibility: O,
+		clearValue: I,
+		onClear: () => {
+			K?.(), A?.(j);
+		},
+		extraActions: C,
+		style: w,
+		children: Y
+	}) : Y;
+};
+//#endregion
+export { m as Switch };
+
+//# sourceMappingURL=Switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","names":[],"sources":["../../src/ds/forms/Switch.tsx"],"sourcesContent":["import { Switch as AntSwitch } from 'antd';\nimport type { SwitchProps as AntSwitchProps } from 'antd';\nimport { useId } from 'react';\nimport { useEffect } from 'react';\nimport type { CSSProperties, ReactNode } from 'react';\nimport { dsSemanticTokens } from '../../theme/ontadaTheme';\nimport { FieldShell } from './FieldShell';\nimport type { DSFieldShellProps } from './fieldProps';\nimport { joinDescribedByIds } from './fieldProps';\n\nexport type DSSwitchLabelPosition = 'left' | 'right';\nexport type DSSwitchSize = 'sm' | 'md' | 'lg';\nexport type DSSwitchState = 'normal' | 'hover' | 'focus' | 'pressed';\n\nexport type SwitchProps = AntSwitchProps & {\n  /** Optional DS label rendered alongside the switch control. */\n  dsLabel?: ReactNode;\n  /** DS label placement around the switch control. */\n  dsLabelPosition?: DSSwitchLabelPosition;\n  /** DS switch size variant from Figma. */\n  dsSize?: DSSwitchSize;\n  /** DS visual state variant from Figma. */\n  dsState?: DSSwitchState;\n  /** Show icon labels inside the switch track. */\n  dsShowIcon?: boolean;\n  /** Optional helper description rendered below the label. */\n  dsShowSubLabel?: boolean;\n  dsDescription?: ReactNode;\n} & DSFieldShellProps & {\n  onValueChange?: (nextValue: boolean) => void;\n  clearToValue?: boolean;\n};\n\nconst STYLE_ID = 'ds-switch-styles';\n\nfunction injectStyles() {\n  if (typeof document === 'undefined') return;\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  const switchOn = dsSemanticTokens.button.primary.default;\n  const switchOnHover = dsSemanticTokens.button.primary.hover;\n  const switchOnPressed = dsSemanticTokens.button.primary.pressed;\n  const switchOnDisabled = dsSemanticTokens.button.primary.disabledBg;\n  const switchOff = dsSemanticTokens.table.text.body;\n  const switchOffHover = dsSemanticTokens.table.text.header;\n  const switchOffPressed = dsSemanticTokens.pagination.text.hover;\n  const switchOffDisabled = dsSemanticTokens.checkbox.background.disabled;\n  const thumb = dsSemanticTokens.checkbox.background.default;\n  const focusOutline = dsSemanticTokens.modal.closeButton.focusOutline;\n  const iconOn = dsSemanticTokens.button.primary.text;\n  const iconOff = dsSemanticTokens.button.primary.default;\n  const iconDisabled = dsSemanticTokens.button.primary.disabledText;\n\n  style.textContent = `\n    .ant-switch.ds-switch {\n      background: ${switchOff};\n      box-shadow: none;\n      transition: none;\n    }\n\n    .ant-switch.ds-switch.ant-switch-checked {\n      background: ${switchOn};\n    }\n\n    .ant-switch.ds-switch.ds-switch-size-sm {\n      min-width: 28px;\n      height: 16px;\n      line-height: 16px;\n    }\n\n    .ant-switch.ds-switch.ds-switch-size-sm .ant-switch-handle {\n      width: 12px;\n      height: 12px;\n      top: 2px;\n      inset-inline-start: 2px;\n    }\n\n    .ant-switch.ds-switch.ds-switch-size-sm.ant-switch-checked .ant-switch-handle {\n      inset-inline-start: calc(100% - 14px);\n    }\n\n    .ant-switch.ds-switch.ds-switch-size-md {\n      min-width: 36px;\n      height: 20px;\n      line-height: 20px;\n    }\n\n    .ant-switch.ds-switch.ds-switch-size-md .ant-switch-handle {\n      width: 16px;\n      height: 16px;\n      top: 2px;\n      inset-inline-start: 2px;\n    }\n\n    .ant-switch.ds-switch.ds-switch-size-md.ant-switch-checked .ant-switch-handle {\n      inset-inline-start: calc(100% - 18px);\n    }\n\n    .ant-switch.ds-switch.ds-switch-size-lg {\n      min-width: 44px;\n      height: 24px;\n      line-height: 24px;\n    }\n\n    .ant-switch.ds-switch.ds-switch-size-lg .ant-switch-handle {\n      width: 20px;\n      height: 20px;\n      top: 2px;\n      inset-inline-start: 2px;\n    }\n\n    .ant-switch.ds-switch.ds-switch-size-lg.ant-switch-checked .ant-switch-handle {\n      inset-inline-start: calc(100% - 22px);\n    }\n\n    .ant-switch.ds-switch .ant-switch-handle::before {\n      background: ${thumb};\n      box-shadow: none;\n    }\n\n    .ant-switch.ds-switch.ds-switch-state-hover:not(.ant-switch-checked):not(.ant-switch-disabled) {\n      background: ${switchOffHover};\n    }\n\n    .ant-switch.ds-switch.ds-switch-state-hover.ant-switch-checked:not(.ant-switch-disabled) {\n      background: ${switchOnHover};\n    }\n\n    .ant-switch.ds-switch.ds-switch-state-pressed:not(.ant-switch-checked):not(.ant-switch-disabled) {\n      background: ${switchOffPressed};\n    }\n\n    .ant-switch.ds-switch.ds-switch-state-pressed.ant-switch-checked:not(.ant-switch-disabled) {\n      background: ${switchOnPressed};\n    }\n\n    .ant-switch.ds-switch.ds-switch-state-focus:not(.ant-switch-disabled),\n    .ant-switch.ds-switch:focus-visible:not(.ant-switch-disabled) {\n      outline: 2px solid ${focusOutline};\n      outline-offset: 2px;\n    }\n\n    .ant-switch.ds-switch.ant-switch-disabled:not(.ant-switch-checked) {\n      background: ${switchOffDisabled};\n    }\n\n    .ant-switch.ds-switch.ant-switch-checked.ant-switch-disabled {\n      background: ${switchOnDisabled};\n    }\n\n    .ant-switch.ds-switch .ant-switch-inner .ant-switch-inner-checked,\n    .ant-switch.ds-switch .ant-switch-inner .ant-switch-inner-unchecked {\n      font-size: 10px;\n      font-weight: 700;\n    }\n\n    .ant-switch.ds-switch .ant-switch-inner .ant-switch-inner-checked {\n      color: ${iconOn};\n    }\n\n    .ant-switch.ds-switch .ant-switch-inner .ant-switch-inner-unchecked {\n      color: ${iconOff};\n    }\n\n    .ant-switch.ds-switch.ant-switch-disabled .ant-switch-inner .ant-switch-inner-checked,\n    .ant-switch.ds-switch.ant-switch-disabled .ant-switch-inner .ant-switch-inner-unchecked {\n      color: ${iconDisabled};\n    }\n  `;\n}\n\nfunction mergeClassNames(...names: Array<string | undefined>) {\n  return names.filter(Boolean).join(' ');\n}\n\nconst containerStyle: CSSProperties = {\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 8,\n};\n\nconst labelStackStyle: CSSProperties = {\n  display: 'inline-flex',\n  flexDirection: 'column',\n  gap: 2,\n};\n\nconst labelStyle: CSSProperties = {\n  fontFamily: 'Nunito, sans-serif',\n  fontSize: dsSemanticTokens.button.typography.small.fontSize,\n  lineHeight: dsSemanticTokens.button.typography.small.lineHeight,\n  fontWeight: 600,\n  color: dsSemanticTokens.table.text.body,\n};\n\nconst descriptionStyle: CSSProperties = {\n  fontFamily: 'Nunito, sans-serif',\n  fontSize: 12,\n  lineHeight: '16px',\n  fontWeight: 600,\n  color: dsSemanticTokens.table.text.sorterMuted,\n};\n\nexport const Switch = ({\n  dsLabel,\n  dsLabelPosition = 'right',\n  dsSize = 'md',\n  dsState = 'normal',\n  dsShowIcon = false,\n  dsShowSubLabel = false,\n  dsDescription,\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 = false,\n  id,\n  className,\n  checkedChildren,\n  unCheckedChildren,\n  checked,\n  ...props\n}: SwitchProps) => {\n  useEffect(() => {\n    injectStyles();\n  }, []);\n\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 switchId = id ?? (shouldWrapInFieldShell || dsLabel || dsDescription ? generatedId : undefined);\n  const resolvedCheckedChildren = dsShowIcon ? (checkedChildren ?? '+') : checkedChildren;\n  const resolvedUncheckedChildren = dsShowIcon ? (unCheckedChildren ?? '-') : unCheckedChildren;\n  const resolvedDescription = dsShowSubLabel ? dsDescription : undefined;\n  const descriptionId = switchId ? `${switchId}-description` : undefined;\n  const errorId = switchId ? `${switchId}-error` : undefined;\n  const clearAction = clear?.onClear ?? onClear;\n  const describedBy = joinDescribedByIds(\n    fieldDescription ? descriptionId : undefined,\n    fieldError ? errorId : undefined,\n    resolvedDescription ? `${switchId}-inline-description` : undefined,\n  );\n\n  const labelNode = dsLabel ? (\n    <div style={labelStackStyle}>\n      <label htmlFor={switchId} style={labelStyle}>\n        {dsLabel}\n      </label>\n      {resolvedDescription ? <span id={`${switchId}-inline-description`} style={descriptionStyle}>{resolvedDescription}</span> : null}\n    </div>\n  ) : null;\n\n  const control = (\n    <span style={containerStyle}>\n      {dsLabelPosition === 'left' ? labelNode : null}\n      <AntSwitch\n        id={switchId}\n        checked={checked}\n        checkedChildren={resolvedCheckedChildren}\n        unCheckedChildren={resolvedUncheckedChildren}\n        className={mergeClassNames('ds-switch', `ds-switch-size-${dsSize}`, `ds-switch-state-${dsState}`, className)}\n        aria-describedby={describedBy}\n        aria-invalid={fieldError ? true : undefined}\n        onChange={(nextChecked, event) => {\n          props.onChange?.(nextChecked, event);\n          onValueChange?.(nextChecked);\n        }}\n        {...props}\n      />\n      {dsLabelPosition === 'right' ? labelNode : null}\n    </span>\n  );\n\n  if (!shouldWrapInFieldShell) {\n    return control;\n  }\n\n  return (\n    <FieldShell\n      label={fieldLabel}\n      required={fieldRequired}\n      htmlFor={switchId}\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={checked}\n      onClear={() => {\n        clearAction?.();\n        onValueChange?.(clearToValue);\n      }}\n      extraActions={fieldActions}\n      style={containerStyle}\n    >\n      {control}\n    </FieldShell>\n  );\n};\n"],"mappings":"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"}

package/dist-lib/forms/TimePicker.cjs

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

package/dist-lib/forms/TimePicker.js

@@ -0,0 +1,2 @@
+import { t as e } from "../TimePicker-BgaELcl_.js";
+export { e as TimePicker };

package/dist-lib/forms/TreeSelect.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:_,...v})=>{let y=(0,r.useId)(),b=!!(a||o||s||c||l||f||d||h),x=v.id??(b?y:void 0),S=x?`${x}-description`:void 0,C=x?`${x}-error`:void 0,w=_===void 0?void 0:_,T=d?.onClear??h,E=(e,t,n)=>{v.onChange?.(e,t,n),g?.(e)},D=()=>{T?.(),g?.(w),v.onChange?.(w,null,null)},O=t.t(s?S:void 0,c?C:void 0),k=(0,i.jsx)(n.TreeSelect,{...v,id:x,style:{width:`100%`,...v.style},"aria-describedby":O,"aria-invalid":c?!0:void 0,onChange:E});return b?(0,i.jsx)(e.FieldShell,{label:a,required:o,htmlFor:x,description:s,descriptionId:S,error:c,errorId:C,clear:d,clearable:f,clearLabel:p,clearVisibility:m,clearValue:v.value,onClear:D,extraActions:l,style:u,children:k}):k};exports.TreeSelect=a;
+//# sourceMappingURL=TreeSelect.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelect.cjs","names":[],"sources":["../../src/ds/forms/TreeSelect.tsx"],"sourcesContent":["import { TreeSelect as AntTreeSelect } from 'antd';\nimport { useId } from 'react';\nimport { FieldShell } from './FieldShell';\nimport type { DSFieldShellProps } from './fieldProps';\nimport { joinDescribedByIds } from './fieldProps';\n\ntype AntTreeSelectProps = React.ComponentProps<typeof AntTreeSelect>;\n\nexport type DSTreeSelectProps = AntTreeSelectProps;\n\nexport type TreeSelectFieldProps = DSFieldShellProps & {\n  onValueChange?: (nextValue: AntTreeSelectProps['value']) => void;\n  clearToValue?: AntTreeSelectProps['value'];\n};\n\nexport const TreeSelect = ({\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  ...props\n}: DSTreeSelectProps & TreeSelectFieldProps) => {\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 clearValue = clearToValue === undefined ? undefined : clearToValue;\n  const clearAction = clear?.onClear ?? onClear;\n\n  const handleChange: AntTreeSelectProps['onChange'] = (nextValue, label, extra) => {\n    props.onChange?.(nextValue, label, extra);\n    onValueChange?.(nextValue);\n  };\n\n  const handleClear = () => {\n    clearAction?.();\n    onValueChange?.(clearValue);\n    props.onChange?.(clearValue, null as never, null as never);\n  };\n\n  const describedBy = joinDescribedByIds(\n    fieldDescription ? descriptionId : undefined,\n    fieldError ? errorId : undefined,\n  );\n\n  const control = (\n    <AntTreeSelect\n      {...props}\n      id={controlId}\n      style={{ width: '100%', ...props.style }}\n      aria-describedby={describedBy}\n      aria-invalid={fieldError ? true : undefined}\n      onChange={handleChange}\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={props.value}\n      onClear={handleClear}\n      extraActions={fieldActions}\n      style={containerStyle}\n    >\n      {control}\n    </FieldShell>\n  );\n};\n"],"mappings":"wPAeA,IAAa,GAAc,CACzB,aACA,gBACA,mBACA,aACA,eACA,iBACA,QACA,YAAY,GACZ,aACA,kBAAkB,SAClB,UACA,gBACA,eACA,GAAG,KAC2C,CAC9C,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,EAAa,IAAiB,IAAA,GAAY,IAAA,GAAY,EACtD,EAAc,GAAO,SAAW,EAEhC,GAAgD,EAAW,EAAO,IAAU,CAChF,EAAM,WAAW,EAAW,EAAO,EAAM,CACzC,IAAgB,EAAU,EAGtB,MAAoB,CACxB,KAAe,CACf,IAAgB,EAAW,CAC3B,EAAM,WAAW,EAAY,KAAe,KAAc,EAGtD,EAAc,EAAA,EAClB,EAAmB,EAAgB,IAAA,GACnC,EAAa,EAAU,IAAA,GACxB,CAEK,GACJ,EAAA,EAAA,KAAC,EAAA,WAAD,CACE,GAAI,EACJ,GAAI,EACJ,MAAO,CAAE,MAAO,OAAQ,GAAG,EAAM,MAAO,CACxC,mBAAkB,EAClB,eAAc,EAAa,GAAO,IAAA,GAClC,SAAU,EACV,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,EAAM,MAClB,QAAS,EACT,aAAc,EACd,MAAO,WAEN,EACU,CAAA,CAtBN"}

package/dist-lib/forms/TreeSelect.js

@@ -0,0 +1,45 @@
+import { FieldShell as e } from "./FieldShell.js";
+import { t } from "../fieldProps-EeYy2kXb.js";
+import { TreeSelect as n } from "antd";
+import { useId as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/ds/forms/TreeSelect.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: _, ...v }) => {
+	let y = r(), b = !!(a || o || s || c || l || f || d || h), x = v.id ?? (b ? y : void 0), S = x ? `${x}-description` : void 0, C = x ? `${x}-error` : void 0, w = _ === void 0 ? void 0 : _, T = d?.onClear ?? h, E = (e, t, n) => {
+		v.onChange?.(e, t, n), g?.(e);
+	}, D = () => {
+		T?.(), g?.(w), v.onChange?.(w, null, null);
+	}, O = t(s ? S : void 0, c ? C : void 0), k = /* @__PURE__ */ i(n, {
+		...v,
+		id: x,
+		style: {
+			width: "100%",
+			...v.style
+		},
+		"aria-describedby": O,
+		"aria-invalid": c ? !0 : void 0,
+		onChange: E
+	});
+	return b ? /* @__PURE__ */ i(e, {
+		label: a,
+		required: o,
+		htmlFor: x,
+		description: s,
+		descriptionId: S,
+		error: c,
+		errorId: C,
+		clear: d,
+		clearable: f,
+		clearLabel: p,
+		clearVisibility: m,
+		clearValue: v.value,
+		onClear: D,
+		extraActions: l,
+		style: u,
+		children: k
+	}) : k;
+};
+//#endregion
+export { a as TreeSelect };
+
+//# sourceMappingURL=TreeSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelect.js","names":[],"sources":["../../src/ds/forms/TreeSelect.tsx"],"sourcesContent":["import { TreeSelect as AntTreeSelect } from 'antd';\nimport { useId } from 'react';\nimport { FieldShell } from './FieldShell';\nimport type { DSFieldShellProps } from './fieldProps';\nimport { joinDescribedByIds } from './fieldProps';\n\ntype AntTreeSelectProps = React.ComponentProps<typeof AntTreeSelect>;\n\nexport type DSTreeSelectProps = AntTreeSelectProps;\n\nexport type TreeSelectFieldProps = DSFieldShellProps & {\n  onValueChange?: (nextValue: AntTreeSelectProps['value']) => void;\n  clearToValue?: AntTreeSelectProps['value'];\n};\n\nexport const TreeSelect = ({\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  ...props\n}: DSTreeSelectProps & TreeSelectFieldProps) => {\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 clearValue = clearToValue === undefined ? undefined : clearToValue;\n  const clearAction = clear?.onClear ?? onClear;\n\n  const handleChange: AntTreeSelectProps['onChange'] = (nextValue, label, extra) => {\n    props.onChange?.(nextValue, label, extra);\n    onValueChange?.(nextValue);\n  };\n\n  const handleClear = () => {\n    clearAction?.();\n    onValueChange?.(clearValue);\n    props.onChange?.(clearValue, null as never, null as never);\n  };\n\n  const describedBy = joinDescribedByIds(\n    fieldDescription ? descriptionId : undefined,\n    fieldError ? errorId : undefined,\n  );\n\n  const control = (\n    <AntTreeSelect\n      {...props}\n      id={controlId}\n      style={{ width: '100%', ...props.style }}\n      aria-describedby={describedBy}\n      aria-invalid={fieldError ? true : undefined}\n      onChange={handleChange}\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={props.value}\n      onClear={handleClear}\n      extraActions={fieldActions}\n      style={containerStyle}\n    >\n      {control}\n    </FieldShell>\n  );\n};\n"],"mappings":";;;;;;AAeA,IAAa,KAAc,EACzB,eACA,kBACA,qBACA,eACA,iBACA,mBACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,iBACA,GAAG,QAC2C;CAC9C,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,IAAa,MAAiB,KAAA,IAAY,KAAA,IAAY,GACtD,IAAc,GAAO,WAAW,GAEhC,KAAgD,GAAW,GAAO,MAAU;AAEhF,EADA,EAAM,WAAW,GAAW,GAAO,EAAM,EACzC,IAAgB,EAAU;IAGtB,UAAoB;AAGxB,EAFA,KAAe,EACf,IAAgB,EAAW,EAC3B,EAAM,WAAW,GAAY,MAAe,KAAc;IAGtD,IAAc,EAClB,IAAmB,IAAgB,KAAA,GACnC,IAAa,IAAU,KAAA,EACxB,EAEK,IACJ,kBAAC,GAAD;EACE,GAAI;EACJ,IAAI;EACJ,OAAO;GAAE,OAAO;GAAQ,GAAG,EAAM;GAAO;EACxC,oBAAkB;EAClB,gBAAc,IAAa,KAAO,KAAA;EAClC,UAAU;EACV,CAAA;AAOJ,QAJK,IAKH,kBAAC,GAAD;EACE,OAAO;EACP,UAAU;EACV,SAAS;EACT,aAAa;EACE;EACf,OAAO;EACE;EACF;EACI;EACC;EACK;EACjB,YAAY,EAAM;EAClB,SAAS;EACT,cAAc;EACd,OAAO;YAEN;EACU,CAAA,GAtBN"}

package/dist-lib/forms/clearUtils.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=e=>{if(e==null)return!1;if(typeof e==`string`)return e.trim().length>0;if(Array.isArray(e))return e.length>0;if(typeof e==`number`||typeof e==`boolean`)return!0;if(typeof e==`object`){let t=e;return typeof t.isValid==`function`?t.isValid():Object.keys(e).length>0}return!1},t=(t,n,r)=>!t||n===`never`?!1:n===`always`?!0:e(r);exports.hasUsableValue=e,exports.shouldShowClear=t;
+//# sourceMappingURL=clearUtils.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clearUtils.cjs","names":[],"sources":["../../src/ds/forms/clearUtils.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport type ClearVisibility = 'always' | 'hasValue' | 'never';\n\nexport type ClearConfig = {\n  enabled?: boolean;\n  label?: ReactNode;\n  visibility?: ClearVisibility;\n  onClear?: () => void;\n};\n\nexport const hasUsableValue = (value: unknown): boolean => {\n  if (value === null || value === undefined) {\n    return false;\n  }\n\n  if (typeof value === 'string') {\n    return value.trim().length > 0;\n  }\n\n  if (Array.isArray(value)) {\n    return value.length > 0;\n  }\n\n  if (typeof value === 'number' || typeof value === 'boolean') {\n    return true;\n  }\n\n  if (typeof value === 'object') {\n    const maybeDayjs = value as { isValid?: () => boolean };\n    if (typeof maybeDayjs.isValid === 'function') {\n      return maybeDayjs.isValid();\n    }\n\n    return Object.keys(value as Record<string, unknown>).length > 0;\n  }\n\n  return false;\n};\n\nexport const shouldShowClear = (\n  clearable: boolean,\n  visibility: ClearVisibility,\n  value: unknown,\n): boolean => {\n  if (!clearable || visibility === 'never') {\n    return false;\n  }\n\n  if (visibility === 'always') {\n    return true;\n  }\n\n  return hasUsableValue(value);\n};\n"],"mappings":"mEAWA,IAAa,EAAkB,GAA4B,CACzD,GAAI,GAAU,KACZ,MAAO,GAGT,GAAI,OAAO,GAAU,SACnB,OAAO,EAAM,MAAM,CAAC,OAAS,EAG/B,GAAI,MAAM,QAAQ,EAAM,CACtB,OAAO,EAAM,OAAS,EAGxB,GAAI,OAAO,GAAU,UAAY,OAAO,GAAU,UAChD,MAAO,GAGT,GAAI,OAAO,GAAU,SAAU,CAC7B,IAAM,EAAa,EAKnB,OAJI,OAAO,EAAW,SAAY,WACzB,EAAW,SAAS,CAGtB,OAAO,KAAK,EAAiC,CAAC,OAAS,EAGhE,MAAO,IAGI,GACX,EACA,EACA,IAEI,CAAC,GAAa,IAAe,QACxB,GAGL,IAAe,SACV,GAGF,EAAe,EAAM"}

package/dist-lib/forms/clearUtils.js

@@ -0,0 +1,16 @@
+//#region src/ds/forms/clearUtils.ts
+var e = (e) => {
+	if (e == null) return !1;
+	if (typeof e == "string") return e.trim().length > 0;
+	if (Array.isArray(e)) return e.length > 0;
+	if (typeof e == "number" || typeof e == "boolean") return !0;
+	if (typeof e == "object") {
+		let t = e;
+		return typeof t.isValid == "function" ? t.isValid() : Object.keys(e).length > 0;
+	}
+	return !1;
+}, t = (t, n, r) => !t || n === "never" ? !1 : n === "always" ? !0 : e(r);
+//#endregion
+export { e as hasUsableValue, t as shouldShowClear };
+
+//# sourceMappingURL=clearUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"clearUtils.js","names":[],"sources":["../../src/ds/forms/clearUtils.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport type ClearVisibility = 'always' | 'hasValue' | 'never';\n\nexport type ClearConfig = {\n  enabled?: boolean;\n  label?: ReactNode;\n  visibility?: ClearVisibility;\n  onClear?: () => void;\n};\n\nexport const hasUsableValue = (value: unknown): boolean => {\n  if (value === null || value === undefined) {\n    return false;\n  }\n\n  if (typeof value === 'string') {\n    return value.trim().length > 0;\n  }\n\n  if (Array.isArray(value)) {\n    return value.length > 0;\n  }\n\n  if (typeof value === 'number' || typeof value === 'boolean') {\n    return true;\n  }\n\n  if (typeof value === 'object') {\n    const maybeDayjs = value as { isValid?: () => boolean };\n    if (typeof maybeDayjs.isValid === 'function') {\n      return maybeDayjs.isValid();\n    }\n\n    return Object.keys(value as Record<string, unknown>).length > 0;\n  }\n\n  return false;\n};\n\nexport const shouldShowClear = (\n  clearable: boolean,\n  visibility: ClearVisibility,\n  value: unknown,\n): boolean => {\n  if (!clearable || visibility === 'never') {\n    return false;\n  }\n\n  if (visibility === 'always') {\n    return true;\n  }\n\n  return hasUsableValue(value);\n};\n"],"mappings":";AAWA,IAAa,KAAkB,MAA4B;AACzD,KAAI,KAAU,KACZ,QAAO;AAGT,KAAI,OAAO,KAAU,SACnB,QAAO,EAAM,MAAM,CAAC,SAAS;AAG/B,KAAI,MAAM,QAAQ,EAAM,CACtB,QAAO,EAAM,SAAS;AAGxB,KAAI,OAAO,KAAU,YAAY,OAAO,KAAU,UAChD,QAAO;AAGT,KAAI,OAAO,KAAU,UAAU;EAC7B,IAAM,IAAa;AAKnB,SAJI,OAAO,EAAW,WAAY,aACzB,EAAW,SAAS,GAGtB,OAAO,KAAK,EAAiC,CAAC,SAAS;;AAGhE,QAAO;GAGI,KACX,GACA,GACA,MAEI,CAAC,KAAa,MAAe,UACxB,KAGL,MAAe,WACV,KAGF,EAAe,EAAM"}

package/dist-lib/forms/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./Button.cjs`),t=require(`./Form.cjs`),n=require(`./clearUtils.cjs`),r=require(`./FieldShell.cjs`),i=require(`./Select.cjs`),a=require(`../DatePicker-DTVtamsX.cjs`),o=require(`../TimePicker-D4iKsUck.cjs`),s=require(`./TreeSelect.cjs`),c=require(`./Input.cjs`),l=require(`./PasswordInput.cjs`),u=require(`../InputNumber-X-VvOKNc.cjs`),d=require(`./Checkbox.cjs`),f=require(`./FieldSetShell.cjs`),p=require(`./CheckboxGroup.cjs`),m=require(`./Radio.cjs`),h=require(`./RadioGroup.cjs`),g=require(`./Switch.cjs`),_=require(`./Mentions.cjs`),v=require(`./Slider.cjs`),y=require(`./Rate.cjs`),b=require(`./ColorPicker.cjs`),x=require(`./AccessiblePasswordInput.cjs`),S=require(`./AccessibleCheckboxGroup.cjs`),C=require(`./AccessibleRadioGroup.cjs`),w=require(`./AccessibleSwitch.cjs`),T=require(`./AccessibleSelect.cjs`),E=require(`./AccessibleDatePicker.cjs`),D=require(`./FormError.cjs`),O=require(`./FormSuccess.cjs`),k=require(`./FormWarning.cjs`),A=require(`./validation.cjs`),j=require(`./ClearableInput.cjs`),M=require(`./ClearableSelect.cjs`),N=require(`./ClearableDatePicker.cjs`),P=require(`./ClearableInputNumber.cjs`),F=require(`./ClearableTimePicker.cjs`),I=require(`./ClearableTreeSelect.cjs`),L=require(`./Cascader.cjs`),R=require(`./ClearableCascader.cjs`),z=require(`../AutoComplete-gOMQxLvY.cjs`),B=require(`./ClearableAutoComplete.cjs`),V=require(`./ClearableMentions.cjs`),H=require(`./ClearableCheckbox.cjs`),U=require(`./ClearableRadio.cjs`),W=require(`./ClearableRadioGroup.cjs`),G=require(`./ClearableSwitch.cjs`),K=require(`./ClearableSlider.cjs`),q=require(`./ClearableRate.cjs`),J=require(`./ClearableColorPicker.cjs`),Y=require(`./ClearableTransfer.cjs`),X=require(`./ClearableUpload.cjs`);exports.AccessibleCheckboxGroup=S.AccessibleCheckboxGroup,exports.AccessibleDatePicker=E.AccessibleDatePicker,exports.AccessiblePasswordInput=x.AccessiblePasswordInput,exports.AccessibleRadioGroup=C.AccessibleRadioGroup,exports.AccessibleSelect=T.AccessibleSelect,exports.AccessibleSwitch=w.AccessibleSwitch,exports.AutoComplete=z.t,exports.Button=e.Button,exports.Cascader=L.Cascader,exports.Checkbox=d.Checkbox,exports.CheckboxGroup=p.CheckboxGroup,exports.ClearableAutoComplete=B.ClearableAutoComplete,exports.ClearableCascader=R.ClearableCascader,exports.ClearableCheckbox=H.ClearableCheckbox,exports.ClearableColorPicker=J.ClearableColorPicker,exports.ClearableDatePicker=N.ClearableDatePicker,exports.ClearableInput=j.ClearableInput,exports.ClearableInputNumber=P.ClearableInputNumber,exports.ClearableMentions=V.ClearableMentions,exports.ClearableRadio=U.ClearableRadio,exports.ClearableRadioGroup=W.ClearableRadioGroup,exports.ClearableRate=q.ClearableRate,exports.ClearableSelect=M.ClearableSelect,exports.ClearableSlider=K.ClearableSlider,exports.ClearableSwitch=G.ClearableSwitch,exports.ClearableTimePicker=F.ClearableTimePicker,exports.ClearableTransfer=Y.ClearableTransfer,exports.ClearableTreeSelect=I.ClearableTreeSelect,exports.ClearableUpload=X.ClearableUpload,exports.ColorPicker=b.ColorPicker,exports.DS_DATE_FORMAT=a.t,exports.DatePicker=a.n,exports.FieldSetShell=f.FieldSetShell,exports.FieldShell=r.FieldShell,exports.Form=t.Form,exports.FormBase=t.FormBase,exports.FormError=D.FormError,exports.FormSuccess=O.FormSuccess,exports.FormWarning=k.FormWarning,exports.Input=c.Input,exports.InputNumber=u.t,exports.InputOTP=c.InputOTP,exports.InputSearch=c.InputSearch,exports.InputTextArea=c.InputTextArea,exports.Mentions=_.Mentions,exports.PasswordInput=l.PasswordInput,exports.Radio=m.Radio,exports.RadioGroup=h.RadioGroup,exports.Rate=y.Rate,exports.Select=i.Select,exports.Slider=v.Slider,exports.Switch=g.Switch,exports.TimePicker=o.t,exports.Transfer=Y.Transfer,exports.TreeSelect=s.TreeSelect,exports.Upload=X.Upload,exports.ValidationRules=A.ValidationRules,exports.createFieldValidator=A.createFieldValidator,exports.hasUsableValue=n.hasUsableValue,exports.shouldShowClear=n.shouldShowClear;

package/dist-lib/forms/index.js

@@ -0,0 +1,52 @@
+import { Button as e } from "./Button.js";
+import { Form as t, FormBase as n } from "./Form.js";
+import { hasUsableValue as r, shouldShowClear as i } from "./clearUtils.js";
+import { FieldShell as a } from "./FieldShell.js";
+import { Select as o } from "./Select.js";
+import { n as s, t as c } from "../DatePicker-BpjYibJF.js";
+import { t as l } from "../TimePicker-BgaELcl_.js";
+import { TreeSelect as u } from "./TreeSelect.js";
+import { Input as d, InputOTP as f, InputSearch as p, InputTextArea as m } from "./Input.js";
+import { PasswordInput as h } from "./PasswordInput.js";
+import { t as g } from "../InputNumber-55VASjK4.js";
+import { Checkbox as _ } from "./Checkbox.js";
+import { FieldSetShell as v } from "./FieldSetShell.js";
+import { CheckboxGroup as y } from "./CheckboxGroup.js";
+import { Radio as b } from "./Radio.js";
+import { RadioGroup as x } from "./RadioGroup.js";
+import { Switch as S } from "./Switch.js";
+import { Mentions as C } from "./Mentions.js";
+import { Slider as w } from "./Slider.js";
+import { Rate as T } from "./Rate.js";
+import { ColorPicker as E } from "./ColorPicker.js";
+import { AccessiblePasswordInput as D } from "./AccessiblePasswordInput.js";
+import { AccessibleCheckboxGroup as O } from "./AccessibleCheckboxGroup.js";
+import { AccessibleRadioGroup as k } from "./AccessibleRadioGroup.js";
+import { AccessibleSwitch as A } from "./AccessibleSwitch.js";
+import { AccessibleSelect as j } from "./AccessibleSelect.js";
+import { AccessibleDatePicker as M } from "./AccessibleDatePicker.js";
+import { FormError as N } from "./FormError.js";
+import { FormSuccess as P } from "./FormSuccess.js";
+import { FormWarning as F } from "./FormWarning.js";
+import { ValidationRules as I, createFieldValidator as L } from "./validation.js";
+import { ClearableInput as R } from "./ClearableInput.js";
+import { ClearableSelect as z } from "./ClearableSelect.js";
+import { ClearableDatePicker as B } from "./ClearableDatePicker.js";
+import { ClearableInputNumber as V } from "./ClearableInputNumber.js";
+import { ClearableTimePicker as H } from "./ClearableTimePicker.js";
+import { ClearableTreeSelect as U } from "./ClearableTreeSelect.js";
+import { Cascader as W } from "./Cascader.js";
+import { ClearableCascader as G } from "./ClearableCascader.js";
+import { t as K } from "../AutoComplete-cpf8hCnK.js";
+import { ClearableAutoComplete as q } from "./ClearableAutoComplete.js";
+import { ClearableMentions as J } from "./ClearableMentions.js";
+import { ClearableCheckbox as Y } from "./ClearableCheckbox.js";
+import { ClearableRadio as X } from "./ClearableRadio.js";
+import { ClearableRadioGroup as Z } from "./ClearableRadioGroup.js";
+import { ClearableSwitch as Q } from "./ClearableSwitch.js";
+import { ClearableSlider as $ } from "./ClearableSlider.js";
+import { ClearableRate as ee } from "./ClearableRate.js";
+import { ClearableColorPicker as te } from "./ClearableColorPicker.js";
+import { ClearableTransfer as ne, Transfer as re } from "./ClearableTransfer.js";
+import { ClearableUpload as ie, Upload as ae } from "./ClearableUpload.js";
+export { O as AccessibleCheckboxGroup, M as AccessibleDatePicker, D as AccessiblePasswordInput, k as AccessibleRadioGroup, j as AccessibleSelect, A as AccessibleSwitch, K as AutoComplete, e as Button, W as Cascader, _ as Checkbox, y as CheckboxGroup, q as ClearableAutoComplete, G as ClearableCascader, Y as ClearableCheckbox, te as ClearableColorPicker, B as ClearableDatePicker, R as ClearableInput, V as ClearableInputNumber, J as ClearableMentions, X as ClearableRadio, Z as ClearableRadioGroup, ee as ClearableRate, z as ClearableSelect, $ as ClearableSlider, Q as ClearableSwitch, H as ClearableTimePicker, ne as ClearableTransfer, U as ClearableTreeSelect, ie as ClearableUpload, E as ColorPicker, c as DS_DATE_FORMAT, s as DatePicker, v as FieldSetShell, a as FieldShell, t as Form, n as FormBase, N as FormError, P as FormSuccess, F as FormWarning, d as Input, g as InputNumber, f as InputOTP, p as InputSearch, m as InputTextArea, C as Mentions, h as PasswordInput, b as Radio, x as RadioGroup, T as Rate, o as Select, w as Slider, S as Switch, l as TimePicker, re as Transfer, u as TreeSelect, ae as Upload, I as ValidationRules, L as createFieldValidator, r as hasUsableValue, i as shouldShowClear };

package/dist-lib/forms/validation.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=e=>({rules:e,validate:t=>{for(let n of e){let e=!1;switch(n.type){case`required`:e=t!=null&&t!==``;break;case`email`:e=!t||/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t);break;case`minLength`:e=!t||typeof t==`string`&&t.length>=(n.minLength??0);break;case`maxLength`:e=!t||typeof t==`string`&&t.length<=(n.maxLength??999);break;case`pattern`:e=!t||(n.pattern?.test(t)??!1);break;case`custom`:e=n.validate?.(t)??!1;break;default:e=!0}if(!e)return{isValid:!1,error:n.message}}return{isValid:!0}}}),t={required:(e=`This field is required`)=>({type:`required`,message:e}),email:(e=`Please enter a valid email address`)=>({type:`email`,message:e}),minLength:(e,t)=>({type:`minLength`,message:t??`Must be at least ${e} characters`,minLength:e}),maxLength:(e,t)=>({type:`maxLength`,message:t??`Must not exceed ${e} characters`,maxLength:e}),pattern:(e,t)=>({type:`pattern`,message:t,pattern:e}),custom:(e,t)=>({type:`custom`,message:t,validate:e})};exports.ValidationRules=t,exports.createFieldValidator=e;
+//# sourceMappingURL=validation.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"validation.cjs","names":[],"sources":["../../src/ds/forms/validation.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport type FormFieldValidationState = 'idle' | 'error' | 'success';\n\nexport type ValidationRule = {\n  type: 'required' | 'email' | 'minLength' | 'maxLength' | 'pattern' | 'custom';\n  message: string;\n  validate?: (value: any) => boolean;\n  minLength?: number;\n  maxLength?: number;\n  pattern?: RegExp;\n};\n\nexport type FieldValidator = {\n  rules: ValidationRule[];\n  validate: (value: any) => { isValid: boolean; error?: string };\n};\n\n/**\n * Creates a field validator with reusable rules\n * Designed for accessible form validation with clear error messaging\n */\nexport const createFieldValidator = (rules: ValidationRule[]): FieldValidator => {\n  return {\n    rules,\n    validate: (value: any) => {\n      for (const rule of rules) {\n        let isValid = false;\n\n        switch (rule.type) {\n          case 'required':\n            isValid = value !== undefined && value !== null && value !== '';\n            break;\n\n          case 'email': {\n            const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n            isValid = !value || emailRegex.test(value);\n            break;\n          }\n\n          case 'minLength':\n            isValid =\n              !value || (typeof value === 'string' && value.length >= (rule.minLength ?? 0));\n            break;\n\n          case 'maxLength':\n            isValid =\n              !value || (typeof value === 'string' && value.length <= (rule.maxLength ?? 999));\n            break;\n\n          case 'pattern':\n            isValid = !value || (rule.pattern?.test(value) ?? false);\n            break;\n\n          case 'custom':\n            isValid = rule.validate?.(value) ?? false;\n            break;\n\n          default:\n            isValid = true;\n        }\n\n        if (!isValid) {\n          return {\n            isValid: false,\n            error: rule.message,\n          };\n        }\n      }\n\n      return { isValid: true };\n    },\n  };\n};\n\n/**\n * Common validation rule presets\n */\nexport const ValidationRules = {\n  required: (message = 'This field is required'): ValidationRule => ({\n    type: 'required',\n    message,\n  }),\n\n  email: (message = 'Please enter a valid email address'): ValidationRule => ({\n    type: 'email',\n    message,\n  }),\n\n  minLength: (minLength: number, message?: string): ValidationRule => ({\n    type: 'minLength',\n    message: message ?? `Must be at least ${minLength} characters`,\n    minLength,\n  }),\n\n  maxLength: (maxLength: number, message?: string): ValidationRule => ({\n    type: 'maxLength',\n    message: message ?? `Must not exceed ${maxLength} characters`,\n    maxLength,\n  }),\n\n  pattern: (pattern: RegExp, message: string): ValidationRule => ({\n    type: 'pattern',\n    message,\n    pattern,\n  }),\n\n  custom: (validate: (value: any) => boolean, message: string): ValidationRule => ({\n    type: 'custom',\n    message,\n    validate,\n  }),\n};\n"],"mappings":"mEAsBA,IAAa,EAAwB,IAC5B,CACL,QACA,SAAW,GAAe,CACxB,IAAK,IAAM,KAAQ,EAAO,CACxB,IAAI,EAAU,GAEd,OAAQ,EAAK,KAAb,CACE,IAAK,WACH,EAAU,GAAiC,MAAQ,IAAU,GAC7D,MAEF,IAAK,QAEH,EAAU,CAAC,GAAS,6BAAW,KAAK,EAAM,CAC1C,MAGF,IAAK,YACH,EACE,CAAC,GAAU,OAAO,GAAU,UAAY,EAAM,SAAW,EAAK,WAAa,GAC7E,MAEF,IAAK,YACH,EACE,CAAC,GAAU,OAAO,GAAU,UAAY,EAAM,SAAW,EAAK,WAAa,KAC7E,MAEF,IAAK,UACH,EAAU,CAAC,IAAU,EAAK,SAAS,KAAK,EAAM,EAAI,IAClD,MAEF,IAAK,SACH,EAAU,EAAK,WAAW,EAAM,EAAI,GACpC,MAEF,QACE,EAAU,GAGd,GAAI,CAAC,EACH,MAAO,CACL,QAAS,GACT,MAAO,EAAK,QACb,CAIL,MAAO,CAAE,QAAS,GAAM,EAE3B,EAMU,EAAkB,CAC7B,UAAW,EAAU,4BAA8C,CACjE,KAAM,WACN,UACD,EAED,OAAQ,EAAU,wCAA0D,CAC1E,KAAM,QACN,UACD,EAED,WAAY,EAAmB,KAAsC,CACnE,KAAM,YACN,QAAS,GAAW,oBAAoB,EAAU,aAClD,YACD,EAED,WAAY,EAAmB,KAAsC,CACnE,KAAM,YACN,QAAS,GAAW,mBAAmB,EAAU,aACjD,YACD,EAED,SAAU,EAAiB,KAAqC,CAC9D,KAAM,UACN,UACA,UACD,EAED,QAAS,EAAmC,KAAqC,CAC/E,KAAM,SACN,UACA,WACD,EACF"}

package/dist-lib/forms/validation.js

@@ -0,0 +1,68 @@
+//#region src/ds/forms/validation.ts
+var e = (e) => ({
+	rules: e,
+	validate: (t) => {
+		for (let n of e) {
+			let e = !1;
+			switch (n.type) {
+				case "required":
+					e = t != null && t !== "";
+					break;
+				case "email":
+					e = !t || /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t);
+					break;
+				case "minLength":
+					e = !t || typeof t == "string" && t.length >= (n.minLength ?? 0);
+					break;
+				case "maxLength":
+					e = !t || typeof t == "string" && t.length <= (n.maxLength ?? 999);
+					break;
+				case "pattern":
+					e = !t || (n.pattern?.test(t) ?? !1);
+					break;
+				case "custom":
+					e = n.validate?.(t) ?? !1;
+					break;
+				default: e = !0;
+			}
+			if (!e) return {
+				isValid: !1,
+				error: n.message
+			};
+		}
+		return { isValid: !0 };
+	}
+}), t = {
+	required: (e = "This field is required") => ({
+		type: "required",
+		message: e
+	}),
+	email: (e = "Please enter a valid email address") => ({
+		type: "email",
+		message: e
+	}),
+	minLength: (e, t) => ({
+		type: "minLength",
+		message: t ?? `Must be at least ${e} characters`,
+		minLength: e
+	}),
+	maxLength: (e, t) => ({
+		type: "maxLength",
+		message: t ?? `Must not exceed ${e} characters`,
+		maxLength: e
+	}),
+	pattern: (e, t) => ({
+		type: "pattern",
+		message: t,
+		pattern: e
+	}),
+	custom: (e, t) => ({
+		type: "custom",
+		message: t,
+		validate: e
+	})
+};
+//#endregion
+export { t as ValidationRules, e as createFieldValidator };
+
+//# sourceMappingURL=validation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"validation.js","names":[],"sources":["../../src/ds/forms/validation.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport type FormFieldValidationState = 'idle' | 'error' | 'success';\n\nexport type ValidationRule = {\n  type: 'required' | 'email' | 'minLength' | 'maxLength' | 'pattern' | 'custom';\n  message: string;\n  validate?: (value: any) => boolean;\n  minLength?: number;\n  maxLength?: number;\n  pattern?: RegExp;\n};\n\nexport type FieldValidator = {\n  rules: ValidationRule[];\n  validate: (value: any) => { isValid: boolean; error?: string };\n};\n\n/**\n * Creates a field validator with reusable rules\n * Designed for accessible form validation with clear error messaging\n */\nexport const createFieldValidator = (rules: ValidationRule[]): FieldValidator => {\n  return {\n    rules,\n    validate: (value: any) => {\n      for (const rule of rules) {\n        let isValid = false;\n\n        switch (rule.type) {\n          case 'required':\n            isValid = value !== undefined && value !== null && value !== '';\n            break;\n\n          case 'email': {\n            const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n            isValid = !value || emailRegex.test(value);\n            break;\n          }\n\n          case 'minLength':\n            isValid =\n              !value || (typeof value === 'string' && value.length >= (rule.minLength ?? 0));\n            break;\n\n          case 'maxLength':\n            isValid =\n              !value || (typeof value === 'string' && value.length <= (rule.maxLength ?? 999));\n            break;\n\n          case 'pattern':\n            isValid = !value || (rule.pattern?.test(value) ?? false);\n            break;\n\n          case 'custom':\n            isValid = rule.validate?.(value) ?? false;\n            break;\n\n          default:\n            isValid = true;\n        }\n\n        if (!isValid) {\n          return {\n            isValid: false,\n            error: rule.message,\n          };\n        }\n      }\n\n      return { isValid: true };\n    },\n  };\n};\n\n/**\n * Common validation rule presets\n */\nexport const ValidationRules = {\n  required: (message = 'This field is required'): ValidationRule => ({\n    type: 'required',\n    message,\n  }),\n\n  email: (message = 'Please enter a valid email address'): ValidationRule => ({\n    type: 'email',\n    message,\n  }),\n\n  minLength: (minLength: number, message?: string): ValidationRule => ({\n    type: 'minLength',\n    message: message ?? `Must be at least ${minLength} characters`,\n    minLength,\n  }),\n\n  maxLength: (maxLength: number, message?: string): ValidationRule => ({\n    type: 'maxLength',\n    message: message ?? `Must not exceed ${maxLength} characters`,\n    maxLength,\n  }),\n\n  pattern: (pattern: RegExp, message: string): ValidationRule => ({\n    type: 'pattern',\n    message,\n    pattern,\n  }),\n\n  custom: (validate: (value: any) => boolean, message: string): ValidationRule => ({\n    type: 'custom',\n    message,\n    validate,\n  }),\n};\n"],"mappings":";AAsBA,IAAa,KAAwB,OAC5B;CACL;CACA,WAAW,MAAe;AACxB,OAAK,IAAM,KAAQ,GAAO;GACxB,IAAI,IAAU;AAEd,WAAQ,EAAK,MAAb;IACE,KAAK;AACH,SAAU,KAAiC,QAAQ,MAAU;AAC7D;IAEF,KAAK;AAEH,SAAU,CAAC,KAAS,6BAAW,KAAK,EAAM;AAC1C;IAGF,KAAK;AACH,SACE,CAAC,KAAU,OAAO,KAAU,YAAY,EAAM,WAAW,EAAK,aAAa;AAC7E;IAEF,KAAK;AACH,SACE,CAAC,KAAU,OAAO,KAAU,YAAY,EAAM,WAAW,EAAK,aAAa;AAC7E;IAEF,KAAK;AACH,SAAU,CAAC,MAAU,EAAK,SAAS,KAAK,EAAM,IAAI;AAClD;IAEF,KAAK;AACH,SAAU,EAAK,WAAW,EAAM,IAAI;AACpC;IAEF,QACE,KAAU;;AAGd,OAAI,CAAC,EACH,QAAO;IACL,SAAS;IACT,OAAO,EAAK;IACb;;AAIL,SAAO,EAAE,SAAS,IAAM;;CAE3B,GAMU,IAAkB;CAC7B,WAAW,IAAU,8BAA8C;EACjE,MAAM;EACN;EACD;CAED,QAAQ,IAAU,0CAA0D;EAC1E,MAAM;EACN;EACD;CAED,YAAY,GAAmB,OAAsC;EACnE,MAAM;EACN,SAAS,KAAW,oBAAoB,EAAU;EAClD;EACD;CAED,YAAY,GAAmB,OAAsC;EACnE,MAAM;EACN,SAAS,KAAW,mBAAmB,EAAU;EACjD;EACD;CAED,UAAU,GAAiB,OAAqC;EAC9D,MAAM;EACN;EACA;EACD;CAED,SAAS,GAAmC,OAAqC;EAC/E,MAAM;EACN;EACA;EACD;CACF"}