ods-ant 0.2.0 → 0.4.0

package/dist-lib/forms/PasswordInput.js

@@ -0,0 +1,56 @@
+import { t as e } from "../useCustomIcon-B-VUK-84.js";
+import { Input as t } from "./Input.js";
+import { Button as n } from "antd";
+import { useId as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/ds/forms/PasswordInput.tsx
+var s = {
+	display: "inline-flex",
+	alignItems: "center",
+	gap: 8
+}, c = ({ showPasswordLabel: c = "Show password", hidePasswordLabel: l = "Hide password", passwordVisible: u, defaultPasswordVisible: d = !1, onPasswordVisibleChange: f, id: p, suffix: m, disabled: h, onValueChange: g, ..._ }) => {
+	let v = r(), y = p ?? v, [b, x] = i(d), S = u ?? b, C = S ? l : c, w = (e) => {
+		u ?? x(e), f?.(e);
+	}, T = /* @__PURE__ */ a(n, {
+		type: "text",
+		htmlType: "button",
+		"aria-label": C,
+		"aria-controls": y,
+		"aria-pressed": S,
+		title: C,
+		disabled: h,
+		onMouseDown: (e) => e.preventDefault(),
+		onClick: () => w(!S),
+		style: {
+			paddingInline: 4,
+			height: 24,
+			minWidth: 24
+		},
+		icon: /* @__PURE__ */ a("span", {
+			"aria-hidden": "true",
+			style: {
+				display: "inline-flex",
+				alignItems: "center"
+			},
+			children: /* @__PURE__ */ a(e, {
+				name: S ? "eyeOff" : "eye",
+				size: 16
+			})
+		})
+	});
+	return /* @__PURE__ */ a(t, {
+		id: y,
+		type: S ? "text" : "password",
+		disabled: h,
+		suffix: m ? /* @__PURE__ */ o("span", {
+			style: s,
+			children: [m, T]
+		}) : T,
+		onValueChange: g,
+		..._
+	});
+};
+//#endregion
+export { c as PasswordInput };
+
+//# sourceMappingURL=PasswordInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.js","names":[],"sources":["../../src/ds/forms/PasswordInput.tsx"],"sourcesContent":["import { Button } from 'antd';\nimport { useId, useState } from 'react';\nimport type { CSSProperties, ComponentProps, ReactNode } from 'react';\nimport { Icon } from '../../utils/icons';\nimport { Input } from './Input';\n\ntype InputProps = ComponentProps<typeof Input>;\n\nexport type PasswordInputProps = Omit<InputProps, 'onChange' | 'type'> & {\n  showPasswordLabel?: string;\n  hidePasswordLabel?: string;\n  passwordVisible?: boolean;\n  defaultPasswordVisible?: boolean;\n  onPasswordVisibleChange?: (visible: boolean) => void;\n};\n\nconst suffixStyle: CSSProperties = {\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 8,\n};\n\nexport const PasswordInput = ({\n  showPasswordLabel = 'Show password',\n  hidePasswordLabel = 'Hide password',\n  passwordVisible,\n  defaultPasswordVisible = false,\n  onPasswordVisibleChange,\n  id,\n  suffix,\n  disabled,\n  onValueChange,\n  ...inputProps\n}: PasswordInputProps) => {\n  const generatedId = useId();\n  const inputId = id ?? generatedId;\n  const [internalPasswordVisible, setInternalPasswordVisible] = useState(defaultPasswordVisible);\n  const isPasswordVisible = passwordVisible ?? internalPasswordVisible;\n  const visibilityLabel = isPasswordVisible ? hidePasswordLabel : showPasswordLabel;\n\n  const setPasswordVisibility = (nextVisible: boolean) => {\n    if (passwordVisible == null) {\n      setInternalPasswordVisible(nextVisible);\n    }\n\n    onPasswordVisibleChange?.(nextVisible);\n  };\n\n  const passwordToggle = (\n    <Button\n      type=\"text\"\n      htmlType=\"button\"\n      aria-label={visibilityLabel}\n      aria-controls={inputId}\n      aria-pressed={isPasswordVisible}\n      title={visibilityLabel}\n      disabled={disabled}\n      onMouseDown={(event) => event.preventDefault()}\n      onClick={() => setPasswordVisibility(!isPasswordVisible)}\n      style={{ paddingInline: 4, height: 24, minWidth: 24 }}\n      icon={\n        <span aria-hidden=\"true\" style={{ display: 'inline-flex', alignItems: 'center' }}>\n          <Icon name={isPasswordVisible ? 'eyeOff' : 'eye'} size={16} />\n        </span>\n      }\n    />\n  );\n\n  return (\n    <Input\n      id={inputId}\n      type={isPasswordVisible ? 'text' : 'password'}\n      disabled={disabled}\n      suffix={suffix ? <span style={suffixStyle}>{suffix}{passwordToggle}</span> : passwordToggle}\n      onValueChange={onValueChange}\n      {...inputProps}\n    />\n  );\n};\n"],"mappings":";;;;;;AAgBA,IAAM,IAA6B;CACjC,SAAS;CACT,YAAY;CACZ,KAAK;CACN,EAEY,KAAiB,EAC5B,uBAAoB,iBACpB,uBAAoB,iBACpB,oBACA,4BAAyB,IACzB,4BACA,OACA,WACA,aACA,kBACA,GAAG,QACqB;CACxB,IAAM,IAAc,GAAO,EACrB,IAAU,KAAM,GAChB,CAAC,GAAyB,KAA8B,EAAS,EAAuB,EACxF,IAAoB,KAAmB,GACvC,IAAkB,IAAoB,IAAoB,GAE1D,KAAyB,MAAyB;AAKtD,EAJI,KACF,EAA2B,EAAY,EAGzC,IAA0B,EAAY;IAGlC,IACJ,kBAAC,GAAD;EACE,MAAK;EACL,UAAS;EACT,cAAY;EACZ,iBAAe;EACf,gBAAc;EACd,OAAO;EACG;EACV,cAAc,MAAU,EAAM,gBAAgB;EAC9C,eAAe,EAAsB,CAAC,EAAkB;EACxD,OAAO;GAAE,eAAe;GAAG,QAAQ;GAAI,UAAU;GAAI;EACrD,MACE,kBAAC,QAAD;GAAM,eAAY;GAAO,OAAO;IAAE,SAAS;IAAe,YAAY;IAAU;aAC9E,kBAAC,GAAD;IAAM,MAAM,IAAoB,WAAW;IAAO,MAAM;IAAM,CAAA;GACzD,CAAA;EAET,CAAA;AAGJ,QACE,kBAAC,GAAD;EACE,IAAI;EACJ,MAAM,IAAoB,SAAS;EACzB;EACV,QAAQ,IAAS,kBAAC,QAAD;GAAM,OAAO;aAAb,CAA2B,GAAQ,EAAsB;OAAG;EAC9D;EACf,GAAI;EACJ,CAAA"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.cjs","names":[],"sources":["../../src/ds/forms/Radio.tsx"],"sourcesContent":["import { Radio as AntRadio } from 'antd';\nimport type { RadioProps as AntRadioProps } from 'antd';\nimport type { ReactNode } from 'react';\nimport { useId } from 'react';\nimport { FieldShell } from './FieldShell';\nimport type { DSFieldShellProps } from './fieldProps';\nimport { joinDescribedByIds } from './fieldProps';\n\nexport type RadioProps = AntRadioProps &\n  DSFieldShellProps & {\n    onValueChange?: (nextValue: boolean) => void;\n    clearToValue?: boolean;\n    fieldDescription?: ReactNode;\n  };\n\nexport const Radio = ({\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  checked,\n  children,\n  ...props\n}: RadioProps) => {\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 radioId = id ?? (shouldWrapInFieldShell ? generatedId : undefined);\n  const descriptionId = radioId ? `${radioId}-description` : undefined;\n  const errorId = radioId ? `${radioId}-error` : undefined;\n  const clearAction = clear?.onClear ?? onClear;\n\n  const control = (\n    <AntRadio\n      id={radioId}\n      checked={checked}\n      aria-describedby={joinDescribedByIds(\n        fieldDescription ? descriptionId : undefined,\n        fieldError ? errorId : undefined,\n      )}\n      onChange={(event) => {\n        props.onChange?.(event);\n        onValueChange?.(event.target.checked);\n      }}\n      {...props}\n    >\n      {children}\n    </AntRadio>\n  );\n\n  if (!shouldWrapInFieldShell) {\n    return control;\n  }\n\n  return (\n    <FieldShell\n      label={fieldLabel}\n      required={fieldRequired}\n      description={fieldDescription}\n      descriptionId={descriptionId}\n      error={fieldError}\n      errorId={errorId}\n      htmlFor={radioId}\n      clear={{\n        enabled: clear?.enabled ?? clearable,\n        label: clear?.label ?? clearLabel,\n        visibility: clear?.visibility ?? clearVisibility,\n        onClear: () => {\n          clearAction?.();\n          onValueChange?.(clearToValue);\n        },\n      }}\n      clearValue={checked}\n      extraActions={fieldActions}\n      style={containerStyle}\n    >\n      {control}\n    </FieldShell>\n  );\n};\n"],"mappings":"wPAeA,IAAa,GAAS,CACpB,aACA,gBACA,mBACA,aACA,eACA,iBACA,QACA,YAAY,GACZ,aACA,kBAAkB,SAClB,UACA,gBACA,eAAe,GACf,KACA,UACA,WACA,GAAG,KACa,CAChB,IAAM,GAAA,EAAA,EAAA,QAAqB,CACrB,EAAyB,GAC7B,GACE,GACA,GACA,GACA,GACA,GACA,GACA,GAEE,EAAU,IAAO,EAAyB,EAAc,IAAA,IACxD,EAAgB,EAAU,GAAG,EAAQ,cAAgB,IAAA,GACrD,EAAU,EAAU,GAAG,EAAQ,QAAU,IAAA,GACzC,EAAc,GAAO,SAAW,EAEhC,GACJ,EAAA,EAAA,KAAC,EAAA,MAAD,CACE,GAAI,EACK,UACT,mBAAkB,EAAA,EAChB,EAAmB,EAAgB,IAAA,GACnC,EAAa,EAAU,IAAA,GACxB,CACD,SAAW,GAAU,CACnB,EAAM,WAAW,EAAM,CACvB,IAAgB,EAAM,OAAO,QAAQ,EAEvC,GAAI,EAEH,WACQ,CAAA,CAOb,OAJK,GAKH,EAAA,EAAA,KAAC,EAAA,WAAD,CACE,MAAO,EACP,SAAU,EACV,YAAa,EACE,gBACf,MAAO,EACE,UACT,QAAS,EACT,MAAO,CACL,QAAS,GAAO,SAAW,EAC3B,MAAO,GAAO,OAAS,EACvB,WAAY,GAAO,YAAc,EACjC,YAAe,CACb,KAAe,CACf,IAAgB,EAAa,EAEhC,CACD,WAAY,EACZ,aAAc,EACd,MAAO,WAEN,EACU,CAAA,CA1BN"}

package/dist-lib/forms/Radio.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","names":[],"sources":["../../src/ds/forms/Radio.tsx"],"sourcesContent":["import { Radio as AntRadio } from 'antd';\nimport type { RadioProps as AntRadioProps } from 'antd';\nimport type { ReactNode } from 'react';\nimport { useId } from 'react';\nimport { FieldShell } from './FieldShell';\nimport type { DSFieldShellProps } from './fieldProps';\nimport { joinDescribedByIds } from './fieldProps';\n\nexport type RadioProps = AntRadioProps &\n  DSFieldShellProps & {\n    onValueChange?: (nextValue: boolean) => void;\n    clearToValue?: boolean;\n    fieldDescription?: ReactNode;\n  };\n\nexport const Radio = ({\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  checked,\n  children,\n  ...props\n}: RadioProps) => {\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 radioId = id ?? (shouldWrapInFieldShell ? generatedId : undefined);\n  const descriptionId = radioId ? `${radioId}-description` : undefined;\n  const errorId = radioId ? `${radioId}-error` : undefined;\n  const clearAction = clear?.onClear ?? onClear;\n\n  const control = (\n    <AntRadio\n      id={radioId}\n      checked={checked}\n      aria-describedby={joinDescribedByIds(\n        fieldDescription ? descriptionId : undefined,\n        fieldError ? errorId : undefined,\n      )}\n      onChange={(event) => {\n        props.onChange?.(event);\n        onValueChange?.(event.target.checked);\n      }}\n      {...props}\n    >\n      {children}\n    </AntRadio>\n  );\n\n  if (!shouldWrapInFieldShell) {\n    return control;\n  }\n\n  return (\n    <FieldShell\n      label={fieldLabel}\n      required={fieldRequired}\n      description={fieldDescription}\n      descriptionId={descriptionId}\n      error={fieldError}\n      errorId={errorId}\n      htmlFor={radioId}\n      clear={{\n        enabled: clear?.enabled ?? clearable,\n        label: clear?.label ?? clearLabel,\n        visibility: clear?.visibility ?? clearVisibility,\n        onClear: () => {\n          clearAction?.();\n          onValueChange?.(clearToValue);\n        },\n      }}\n      clearValue={checked}\n      extraActions={fieldActions}\n      style={containerStyle}\n    >\n      {control}\n    </FieldShell>\n  );\n};\n"],"mappings":";;;;;;AAeA,IAAa,KAAS,EACpB,eACA,kBACA,qBACA,eACA,iBACA,mBACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,kBAAe,IACf,OACA,YACA,aACA,GAAG,QACa;CAChB,IAAM,IAAc,GAAO,EACrB,IAAyB,GAC7B,KACE,KACA,KACA,KACA,KACA,KACA,KACA,IAEE,IAAU,MAAO,IAAyB,IAAc,KAAA,IACxD,IAAgB,IAAU,GAAG,EAAQ,gBAAgB,KAAA,GACrD,IAAU,IAAU,GAAG,EAAQ,UAAU,KAAA,GACzC,IAAc,GAAO,WAAW,GAEhC,IACJ,kBAAC,GAAD;EACE,IAAI;EACK;EACT,oBAAkB,EAChB,IAAmB,IAAgB,KAAA,GACnC,IAAa,IAAU,KAAA,EACxB;EACD,WAAW,MAAU;AAEnB,GADA,EAAM,WAAW,EAAM,EACvB,IAAgB,EAAM,OAAO,QAAQ;;EAEvC,GAAI;EAEH;EACQ,CAAA;AAOb,QAJK,IAKH,kBAAC,GAAD;EACE,OAAO;EACP,UAAU;EACV,aAAa;EACE;EACf,OAAO;EACE;EACT,SAAS;EACT,OAAO;GACL,SAAS,GAAO,WAAW;GAC3B,OAAO,GAAO,SAAS;GACvB,YAAY,GAAO,cAAc;GACjC,eAAe;AAEb,IADA,KAAe,EACf,IAAgB,EAAa;;GAEhC;EACD,YAAY;EACZ,cAAc;EACd,OAAO;YAEN;EACU,CAAA,GA1BN"}

package/dist-lib/forms/RadioGroup.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`./FieldSetShell.cjs`);let t=require(`antd`),n=require(`react`),r=require(`react/jsx-runtime`);var i=({fieldLabel:i,fieldLabelStyle: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,n.useId)(),x=!!(i||o||s||c||l||f||d||h),S=x?`${b}-legend`:void 0,C=x&&s?`${b}-description`:void 0,w=x&&c?`${b}-error`:void 0,T=d?.onClear??h,E=(0,r.jsx)(t.Radio.Group,{"aria-labelledby":S,"aria-describedby":[C,w].filter(Boolean).join(` `)||void 0,value:v,onChange:e=>{y.onChange?.(e),g?.(e.target.value)},...y});return x?(0,r.jsx)(e.FieldSetShell,{title:i,titleId:S,titleStyle:a,required:o,description:s,descriptionId:C,error:c,errorId:w,clear:{enabled:d?.enabled??f,label:d?.label??p,visibility:d?.visibility??m,onClear:()=>{T?.(),g?.(_)}},clearValue:v,actions:l,style:u,children:E}):E};exports.RadioGroup=i;
+//# sourceMappingURL=RadioGroup.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.cjs","names":[],"sources":["../../src/ds/forms/RadioGroup.tsx"],"sourcesContent":["import { Radio as AntRadio } from 'antd';\nimport type { CSSProperties, ReactNode } from 'react';\nimport type { RadioGroupProps as AntRadioGroupProps } from 'antd';\nimport { useId } from 'react';\nimport { FieldSetShell } from './FieldSetShell';\nimport type { DSFieldShellProps } from './fieldProps';\n\nexport type RadioGroupProps = AntRadioGroupProps &\n  DSFieldShellProps & {\n    onValueChange?: (nextValue: AntRadioGroupProps['value']) => void;\n    clearToValue?: AntRadioGroupProps['value'];\n    fieldLabelStyle?: CSSProperties;\n    fieldDescription?: ReactNode;\n  };\n\nexport const RadioGroup = ({\n  fieldLabel,\n  fieldLabelStyle,\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}: RadioGroupProps) => {\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 titleId = shouldWrapInFieldShell ? `${generatedId}-legend` : undefined;\n  const descriptionId = shouldWrapInFieldShell && fieldDescription ? `${generatedId}-description` : undefined;\n  const errorId = shouldWrapInFieldShell && fieldError ? `${generatedId}-error` : undefined;\n  const clearAction = clear?.onClear ?? onClear;\n\n  const control = (\n    <AntRadio.Group\n      aria-labelledby={titleId}\n      aria-describedby={[descriptionId, errorId].filter(Boolean).join(' ') || undefined}\n      value={value}\n      onChange={(event) => {\n        props.onChange?.(event);\n        onValueChange?.(event.target.value);\n      }}\n      {...props}\n    />\n  );\n\n  if (!shouldWrapInFieldShell) {\n    return control;\n  }\n\n  return (\n    <FieldSetShell\n      title={fieldLabel}\n      titleId={titleId}\n      titleStyle={fieldLabelStyle}\n      required={fieldRequired}\n      description={fieldDescription}\n      descriptionId={descriptionId}\n      error={fieldError}\n      errorId={errorId}\n      clear={{\n        enabled: clear?.enabled ?? clearable,\n        label: clear?.label ?? clearLabel,\n        visibility: clear?.visibility ?? clearVisibility,\n        onClear: () => {\n          clearAction?.();\n          onValueChange?.(clearToValue);\n        },\n      }}\n      clearValue={value}\n      actions={fieldActions}\n      style={containerStyle}\n    >\n      {control}\n    </FieldSetShell>\n  );\n};\n"],"mappings":"mNAeA,IAAa,GAAc,CACzB,aACA,kBACA,gBACA,mBACA,aACA,eACA,iBACA,QACA,YAAY,GACZ,aACA,kBAAkB,SAClB,UACA,gBACA,eACA,QACA,GAAG,KACkB,CACrB,IAAM,GAAA,EAAA,EAAA,QAAqB,CACrB,EAAyB,GAC7B,GACE,GACA,GACA,GACA,GACA,GACA,GACA,GAEE,EAAU,EAAyB,GAAG,EAAY,SAAW,IAAA,GAC7D,EAAgB,GAA0B,EAAmB,GAAG,EAAY,cAAgB,IAAA,GAC5F,EAAU,GAA0B,EAAa,GAAG,EAAY,QAAU,IAAA,GAC1E,EAAc,GAAO,SAAW,EAEhC,GACJ,EAAA,EAAA,KAAC,EAAA,MAAS,MAAV,CACE,kBAAiB,EACjB,mBAAkB,CAAC,EAAe,EAAQ,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,EAAI,IAAA,GACjE,QACP,SAAW,GAAU,CACnB,EAAM,WAAW,EAAM,CACvB,IAAgB,EAAM,OAAO,MAAM,EAErC,GAAI,EACJ,CAAA,CAOJ,OAJK,GAKH,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,MAAO,EACE,UACT,WAAY,EACZ,SAAU,EACV,YAAa,EACE,gBACf,MAAO,EACE,UACT,MAAO,CACL,QAAS,GAAO,SAAW,EAC3B,MAAO,GAAO,OAAS,EACvB,WAAY,GAAO,YAAc,EACjC,YAAe,CACb,KAAe,CACf,IAAgB,EAAa,EAEhC,CACD,WAAY,EACZ,QAAS,EACT,MAAO,WAEN,EACa,CAAA,CA3BT"}

package/dist-lib/forms/RadioGroup.js

@@ -0,0 +1,42 @@
+import { FieldSetShell as e } from "./FieldSetShell.js";
+import { Radio as t } from "antd";
+import { useId as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/ds/forms/RadioGroup.tsx
+var i = ({ fieldLabel: i, fieldLabelStyle: 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 = n(), x = !!(i || o || s || c || l || f || d || h), S = x ? `${b}-legend` : void 0, C = x && s ? `${b}-description` : void 0, w = x && c ? `${b}-error` : void 0, T = d?.onClear ?? h, E = /* @__PURE__ */ r(t.Group, {
+		"aria-labelledby": S,
+		"aria-describedby": [C, w].filter(Boolean).join(" ") || void 0,
+		value: v,
+		onChange: (e) => {
+			y.onChange?.(e), g?.(e.target.value);
+		},
+		...y
+	});
+	return x ? /* @__PURE__ */ r(e, {
+		title: i,
+		titleId: S,
+		titleStyle: a,
+		required: o,
+		description: s,
+		descriptionId: C,
+		error: c,
+		errorId: w,
+		clear: {
+			enabled: d?.enabled ?? f,
+			label: d?.label ?? p,
+			visibility: d?.visibility ?? m,
+			onClear: () => {
+				T?.(), g?.(_);
+			}
+		},
+		clearValue: v,
+		actions: l,
+		style: u,
+		children: E
+	}) : E;
+};
+//#endregion
+export { i as RadioGroup };
+
+//# sourceMappingURL=RadioGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","names":[],"sources":["../../src/ds/forms/RadioGroup.tsx"],"sourcesContent":["import { Radio as AntRadio } from 'antd';\nimport type { CSSProperties, ReactNode } from 'react';\nimport type { RadioGroupProps as AntRadioGroupProps } from 'antd';\nimport { useId } from 'react';\nimport { FieldSetShell } from './FieldSetShell';\nimport type { DSFieldShellProps } from './fieldProps';\n\nexport type RadioGroupProps = AntRadioGroupProps &\n  DSFieldShellProps & {\n    onValueChange?: (nextValue: AntRadioGroupProps['value']) => void;\n    clearToValue?: AntRadioGroupProps['value'];\n    fieldLabelStyle?: CSSProperties;\n    fieldDescription?: ReactNode;\n  };\n\nexport const RadioGroup = ({\n  fieldLabel,\n  fieldLabelStyle,\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}: RadioGroupProps) => {\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 titleId = shouldWrapInFieldShell ? `${generatedId}-legend` : undefined;\n  const descriptionId = shouldWrapInFieldShell && fieldDescription ? `${generatedId}-description` : undefined;\n  const errorId = shouldWrapInFieldShell && fieldError ? `${generatedId}-error` : undefined;\n  const clearAction = clear?.onClear ?? onClear;\n\n  const control = (\n    <AntRadio.Group\n      aria-labelledby={titleId}\n      aria-describedby={[descriptionId, errorId].filter(Boolean).join(' ') || undefined}\n      value={value}\n      onChange={(event) => {\n        props.onChange?.(event);\n        onValueChange?.(event.target.value);\n      }}\n      {...props}\n    />\n  );\n\n  if (!shouldWrapInFieldShell) {\n    return control;\n  }\n\n  return (\n    <FieldSetShell\n      title={fieldLabel}\n      titleId={titleId}\n      titleStyle={fieldLabelStyle}\n      required={fieldRequired}\n      description={fieldDescription}\n      descriptionId={descriptionId}\n      error={fieldError}\n      errorId={errorId}\n      clear={{\n        enabled: clear?.enabled ?? clearable,\n        label: clear?.label ?? clearLabel,\n        visibility: clear?.visibility ?? clearVisibility,\n        onClear: () => {\n          clearAction?.();\n          onValueChange?.(clearToValue);\n        },\n      }}\n      clearValue={value}\n      actions={fieldActions}\n      style={containerStyle}\n    >\n      {control}\n    </FieldSetShell>\n  );\n};\n"],"mappings":";;;;;AAeA,IAAa,KAAc,EACzB,eACA,oBACA,kBACA,qBACA,eACA,iBACA,mBACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,iBACA,UACA,GAAG,QACkB;CACrB,IAAM,IAAc,GAAO,EACrB,IAAyB,GAC7B,KACE,KACA,KACA,KACA,KACA,KACA,KACA,IAEE,IAAU,IAAyB,GAAG,EAAY,WAAW,KAAA,GAC7D,IAAgB,KAA0B,IAAmB,GAAG,EAAY,gBAAgB,KAAA,GAC5F,IAAU,KAA0B,IAAa,GAAG,EAAY,UAAU,KAAA,GAC1E,IAAc,GAAO,WAAW,GAEhC,IACJ,kBAAC,EAAS,OAAV;EACE,mBAAiB;EACjB,oBAAkB,CAAC,GAAe,EAAQ,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,IAAI,KAAA;EACjE;EACP,WAAW,MAAU;AAEnB,GADA,EAAM,WAAW,EAAM,EACvB,IAAgB,EAAM,OAAO,MAAM;;EAErC,GAAI;EACJ,CAAA;AAOJ,QAJK,IAKH,kBAAC,GAAD;EACE,OAAO;EACE;EACT,YAAY;EACZ,UAAU;EACV,aAAa;EACE;EACf,OAAO;EACE;EACT,OAAO;GACL,SAAS,GAAO,WAAW;GAC3B,OAAO,GAAO,SAAS;GACvB,YAAY,GAAO,cAAc;GACjC,eAAe;AAEb,IADA,KAAe,EACf,IAAgB,EAAa;;GAEhC;EACD,YAAY;EACZ,SAAS;EACT,OAAO;YAEN;EACa,CAAA,GA3BT"}

package/dist-lib/forms/Rate.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:_=0,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.Rate,{...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.Rate=a;
+//# sourceMappingURL=Rate.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rate.cjs","names":[],"sources":["../../src/ds/forms/Rate.tsx"],"sourcesContent":["import { Rate as AntRate } from 'antd';\nimport { useId } from 'react';\nimport { FieldShell } from './FieldShell';\nimport type { DSFieldShellProps } from './fieldProps';\nimport { joinDescribedByIds } from './fieldProps';\n\ntype AntRateProps = React.ComponentProps<typeof AntRate>;\n\nexport type RateProps = AntRateProps &\n  DSFieldShellProps & {\n    onValueChange?: (nextValue: number) => void;\n    clearToValue?: number;\n  };\n\nexport const Rate = ({\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 = 0,\n  value,\n  ...props\n}: RateProps) => {\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    <AntRate\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":"wPAcA,IAAa,GAAQ,CACnB,aACA,gBACA,mBACA,aACA,eACA,iBACA,QACA,YAAY,GACZ,aACA,kBAAkB,SAClB,UACA,gBACA,eAAe,EACf,QACA,GAAG,KACY,CACf,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,KAAD,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/Rate.js

@@ -0,0 +1,42 @@
+import { FieldShell as e } from "./FieldShell.js";
+import { t } from "../fieldProps-EeYy2kXb.js";
+import { Rate as n } from "antd";
+import { useId as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/ds/forms/Rate.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: _ = 0, 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 Rate };
+
+//# sourceMappingURL=Rate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rate.js","names":[],"sources":["../../src/ds/forms/Rate.tsx"],"sourcesContent":["import { Rate as AntRate } from 'antd';\nimport { useId } from 'react';\nimport { FieldShell } from './FieldShell';\nimport type { DSFieldShellProps } from './fieldProps';\nimport { joinDescribedByIds } from './fieldProps';\n\ntype AntRateProps = React.ComponentProps<typeof AntRate>;\n\nexport type RateProps = AntRateProps &\n  DSFieldShellProps & {\n    onValueChange?: (nextValue: number) => void;\n    clearToValue?: number;\n  };\n\nexport const Rate = ({\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 = 0,\n  value,\n  ...props\n}: RateProps) => {\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    <AntRate\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":";;;;;;AAcA,IAAa,KAAQ,EACnB,eACA,kBACA,qBACA,eACA,iBACA,mBACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,kBAAe,GACf,UACA,GAAG,QACY;CACf,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/Select.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`../theme.cjs`),t=require(`../useCustomIcon-DbSB56Pd.cjs`),n=require(`./FieldShell.cjs`),r=require(`../fieldProps-CuWfEbFx.cjs`),i=require(`../selectStyles-BFeXUMpO.cjs`);let a=require(`antd`),o=require(`react`),s=require(`react/jsx-runtime`);var c=({className:c,popupClassName:l,classNames:u,suffixIcon:d,readOnly:f=!1,interactionState:p=`rest`,open:m,onOpenChange:h,onDropdownVisibleChange:g,fieldLabel:_,fieldRequired:v,fieldDescription:y,fieldError:b,fieldActions:x,containerStyle:S,clear:C,clearable:w=!1,clearLabel:T,clearVisibility:E=`always`,onClear:D,onValueChange:O,clearToValue:k,...A})=>{let j=(0,o.useId)(),[M,N]=(0,o.useState)(!!m);(0,o.useEffect)(()=>{i.s()},[]),(0,o.useEffect)(()=>{typeof m==`boolean`&&N(m)},[m]);let P=A.mode===`multiple`||A.mode===`tags`,F=i.c(i.t,p===`hover`?i.a:void 0,p===`focus`?i.i:void 0,f?i.o:void 0,c),I=i.c(i.n,P?i.r:void 0,u?.popup?.root,l),L=f?!1:m,R=!!(_||v||y||b||x||w||C||D),z=A.id??(R?j:void 0),B=z?`${z}-description`:void 0,V=z?`${z}-error`:void 0,H=k===void 0?void 0:k,U=C?.onClear??D,W={...u??{},popup:{...u?.popup??{},root:I}},G=d??(0,s.jsx)(t.t,{name:M?`arrowButtonUp`:`arrowButtonDown`,size:10,style:{color:e.dsSemanticTokens.input.text.focus}}),K=(e,t)=>{A.onChange?.(e,t),O?.(e)},q=()=>{U?.(),O?.(H),A.onChange?.(H,void 0)},J=r.t(y?B:void 0,b?V:void 0),Y=(0,s.jsx)(a.Select,{...A,id:z,open:L,suffixIcon:G,className:F,classNames:W,"aria-describedby":J,"aria-invalid":b?!0:void 0,onOpenChange:e=>{if(f&&e){N(!1);return}N(e),h?.(e),g?.(e)},onChange:K});return R?(0,s.jsx)(n.FieldShell,{label:_,required:v,htmlFor:z,description:y,descriptionId:B,error:b,errorId:V,clear:C,clearable:w,clearLabel:T,clearVisibility:E,clearValue:A.value,onClear:q,extraActions:x,style:S,children:Y}):Y};c.displayName=`Select`,exports.Select=c;
+//# sourceMappingURL=Select.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.cjs","names":[],"sources":["../../src/ds/forms/Select.tsx"],"sourcesContent":["import { Select as AntSelect } from 'antd';\nimport type { SelectProps } from 'antd';\nimport { useEffect, useId, useState } from 'react';\nimport { Icon } from '../../utils/icons';\nimport { dsSemanticTokens } from '../../theme/ontadaTheme';\nimport { FieldShell } from './FieldShell';\nimport type { DSFieldShellProps } from './fieldProps';\nimport { joinDescribedByIds } from './fieldProps';\nimport {\n  DS_SELECT_CLASS,\n  DS_SELECT_FORCE_FOCUS_CLASS,\n  DS_SELECT_FORCE_HOVER_CLASS,\n  DS_SELECT_READONLY_CLASS,\n  DS_SELECT_DROPDOWN_CLASS,\n  DS_SELECT_DROPDOWN_MULTI_CLASS,\n  ensureSelectStyles,\n  mergeClassNames,\n} from './selectStyles';\n\nexport type DSSelectInteractionState = 'rest' | 'hover' | 'focus';\n\nexport type DSSelectProps = SelectProps & {\n  readOnly?: boolean;\n  interactionState?: DSSelectInteractionState;\n};\n\nexport type SelectFieldProps = DSFieldShellProps & {\n  onValueChange?: (nextValue: SelectProps['value']) => void;\n  clearToValue?: SelectProps['value'];\n};\n\nexport const Select = ({\n  className: providedClassName,\n  popupClassName: providedPopupClassName,\n  classNames: providedClassNames,\n  suffixIcon,\n  readOnly = false,\n  interactionState = 'rest',\n  open,\n  onOpenChange,\n  onDropdownVisibleChange,\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}: DSSelectProps & SelectFieldProps) => {\n  const generatedId = useId();\n  const [isOpen, setIsOpen] = useState<boolean>(Boolean(open));\n\n  useEffect(() => {\n    ensureSelectStyles();\n  }, []);\n\n  useEffect(() => {\n    if (typeof open === 'boolean') {\n      setIsOpen(open);\n    }\n  }, [open]);\n\n  const isMultiMode = props.mode === 'multiple' || props.mode === 'tags';\n  const mergedSelectClassName = mergeClassNames(\n    DS_SELECT_CLASS,\n    interactionState === 'hover' ? DS_SELECT_FORCE_HOVER_CLASS : undefined,\n    interactionState === 'focus' ? DS_SELECT_FORCE_FOCUS_CLASS : undefined,\n    readOnly ? DS_SELECT_READONLY_CLASS : undefined,\n    providedClassName,\n  );\n  const mergedPopupRootClass = mergeClassNames(\n    DS_SELECT_DROPDOWN_CLASS,\n    isMultiMode ? DS_SELECT_DROPDOWN_MULTI_CLASS : undefined,\n    (providedClassNames as any)?.popup?.root,\n    providedPopupClassName,\n  );\n  const resolvedOpen = readOnly ? false : open;\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 mergedClassNames = {\n    ...(providedClassNames ?? {}),\n    popup: {\n      ...((providedClassNames as any)?.popup ?? {}),\n      root: mergedPopupRootClass,\n    },\n  } as SelectProps['classNames'];\n\n  const resolvedSuffixIcon = suffixIcon ?? (\n    <Icon\n      name={isOpen ? 'arrowButtonUp' : 'arrowButtonDown'}\n      size={10}\n      style={{ color: dsSemanticTokens.input.text.focus }}\n    />\n  );\n\n  const handleChange = (nextValue: SelectProps['value'], option: Parameters<NonNullable<SelectProps['onChange']>>[1]) => {\n    props.onChange?.(nextValue, option);\n    onValueChange?.(nextValue);\n  };\n\n  const handleClear = () => {\n    clearAction?.();\n    onValueChange?.(clearValue);\n    props.onChange?.(clearValue, undefined as never);\n  };\n\n  const describedBy = joinDescribedByIds(\n    fieldDescription ? descriptionId : undefined,\n    fieldError ? errorId : undefined,\n  );\n\n  const control = (\n    <AntSelect\n      {...props}\n      id={controlId}\n      open={resolvedOpen}\n      suffixIcon={resolvedSuffixIcon}\n      className={mergedSelectClassName}\n      classNames={mergedClassNames}\n      aria-describedby={describedBy}\n      aria-invalid={fieldError ? true : undefined}\n      onOpenChange={(nextOpen) => {\n        if (readOnly && nextOpen) {\n          setIsOpen(false);\n          return;\n        }\n        setIsOpen(nextOpen);\n        onOpenChange?.(nextOpen);\n        onDropdownVisibleChange?.(nextOpen);\n      }}\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\nSelect.displayName = 'Select';\n"],"mappings":"uWA+BA,IAAa,GAAU,CACrB,UAAW,EACX,eAAgB,EAChB,WAAY,EACZ,aACA,WAAW,GACX,mBAAmB,OACnB,OACA,eACA,0BACA,aACA,gBACA,mBACA,aACA,eACA,iBACA,QACA,YAAY,GACZ,aACA,kBAAkB,SAClB,UACA,gBACA,eACA,GAAG,KACmC,CACtC,IAAM,GAAA,EAAA,EAAA,QAAqB,CACrB,CAAC,EAAQ,IAAA,EAAA,EAAA,UAA+B,EAAQ,EAAM,EAE5D,EAAA,EAAA,eAAgB,CACd,EAAA,GAAoB,EACnB,EAAE,CAAC,EAEN,EAAA,EAAA,eAAgB,CACV,OAAO,GAAS,WAClB,EAAU,EAAK,EAEhB,CAAC,EAAK,CAAC,CAEV,IAAM,EAAc,EAAM,OAAS,YAAc,EAAM,OAAS,OAC1D,EAAwB,EAAA,EAC5B,EAAA,EACA,IAAqB,QAAU,EAAA,EAA8B,IAAA,GAC7D,IAAqB,QAAU,EAAA,EAA8B,IAAA,GAC7D,EAAW,EAAA,EAA2B,IAAA,GACtC,EACD,CACK,EAAuB,EAAA,EAC3B,EAAA,EACA,EAAc,EAAA,EAAiC,IAAA,GAC9C,GAA4B,OAAO,KACpC,EACD,CACK,EAAe,EAAW,GAAQ,EAClC,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,EAAmB,CACvB,GAAI,GAAsB,EAAE,CAC5B,MAAO,CACL,GAAK,GAA4B,OAAS,EAAE,CAC5C,KAAM,EACP,CACF,CAEK,EAAqB,IACzB,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,KAAM,EAAS,gBAAkB,kBACjC,KAAM,GACN,MAAO,CAAE,MAAO,EAAA,iBAAiB,MAAM,KAAK,MAAO,CACnD,CAAA,CAGE,GAAgB,EAAiC,IAAgE,CACrH,EAAM,WAAW,EAAW,EAAO,CACnC,IAAgB,EAAU,EAGtB,MAAoB,CACxB,KAAe,CACf,IAAgB,EAAW,CAC3B,EAAM,WAAW,EAAY,IAAA,GAAmB,EAG5C,EAAc,EAAA,EAClB,EAAmB,EAAgB,IAAA,GACnC,EAAa,EAAU,IAAA,GACxB,CAEK,GACJ,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,GAAI,EACJ,GAAI,EACJ,KAAM,EACN,WAAY,EACZ,UAAW,EACX,WAAY,EACZ,mBAAkB,EAClB,eAAc,EAAa,GAAO,IAAA,GAClC,aAAe,GAAa,CAC1B,GAAI,GAAY,EAAU,CACxB,EAAU,GAAM,CAChB,OAEF,EAAU,EAAS,CACnB,IAAe,EAAS,CACxB,IAA0B,EAAS,EAErC,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,GA0BX,EAAO,YAAc"}

package/dist-lib/forms/Select.js

@@ -0,0 +1,72 @@
+import { dsSemanticTokens as e } from "../theme.js";
+import { t } from "../useCustomIcon-B-VUK-84.js";
+import { FieldShell as n } from "./FieldShell.js";
+import { t as r } from "../fieldProps-EeYy2kXb.js";
+import { a as ee, c as i, i as a, n as o, o as s, r as c, s as l, t as u } from "../selectStyles-C8j5Vvgp.js";
+import { Select as d } from "antd";
+import { useEffect as f, useId as p, useState as m } from "react";
+import { jsx as h } from "react/jsx-runtime";
+//#region src/ds/forms/Select.tsx
+var g = ({ className: g, popupClassName: _, classNames: v, suffixIcon: y, readOnly: b = !1, interactionState: x = "rest", open: S, onOpenChange: C, onDropdownVisibleChange: w, fieldLabel: T, fieldRequired: E, fieldDescription: D, fieldError: O, fieldActions: k, containerStyle: A, clear: j, clearable: M = !1, clearLabel: N, clearVisibility: P = "always", onClear: F, onValueChange: I, clearToValue: L, ...R }) => {
+	let z = p(), [B, V] = m(!!S);
+	f(() => {
+		l();
+	}, []), f(() => {
+		typeof S == "boolean" && V(S);
+	}, [S]);
+	let H = R.mode === "multiple" || R.mode === "tags", U = i(u, x === "hover" ? ee : void 0, x === "focus" ? a : void 0, b ? s : void 0, g), W = i(o, H ? c : void 0, v?.popup?.root, _), G = b ? !1 : S, K = !!(T || E || D || O || k || M || j || F), q = R.id ?? (K ? z : void 0), J = q ? `${q}-description` : void 0, Y = q ? `${q}-error` : void 0, X = L === void 0 ? void 0 : L, Z = j?.onClear ?? F, Q = {
+		...v ?? {},
+		popup: {
+			...v?.popup ?? {},
+			root: W
+		}
+	}, te = y ?? /* @__PURE__ */ h(t, {
+		name: B ? "arrowButtonUp" : "arrowButtonDown",
+		size: 10,
+		style: { color: e.input.text.focus }
+	}), ne = (e, t) => {
+		R.onChange?.(e, t), I?.(e);
+	}, re = () => {
+		Z?.(), I?.(X), R.onChange?.(X, void 0);
+	}, ie = r(D ? J : void 0, O ? Y : void 0), $ = /* @__PURE__ */ h(d, {
+		...R,
+		id: q,
+		open: G,
+		suffixIcon: te,
+		className: U,
+		classNames: Q,
+		"aria-describedby": ie,
+		"aria-invalid": O ? !0 : void 0,
+		onOpenChange: (e) => {
+			if (b && e) {
+				V(!1);
+				return;
+			}
+			V(e), C?.(e), w?.(e);
+		},
+		onChange: ne
+	});
+	return K ? /* @__PURE__ */ h(n, {
+		label: T,
+		required: E,
+		htmlFor: q,
+		description: D,
+		descriptionId: J,
+		error: O,
+		errorId: Y,
+		clear: j,
+		clearable: M,
+		clearLabel: N,
+		clearVisibility: P,
+		clearValue: R.value,
+		onClear: re,
+		extraActions: k,
+		style: A,
+		children: $
+	}) : $;
+};
+g.displayName = "Select";
+//#endregion
+export { g as Select };
+
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","names":[],"sources":["../../src/ds/forms/Select.tsx"],"sourcesContent":["import { Select as AntSelect } from 'antd';\nimport type { SelectProps } from 'antd';\nimport { useEffect, useId, useState } from 'react';\nimport { Icon } from '../../utils/icons';\nimport { dsSemanticTokens } from '../../theme/ontadaTheme';\nimport { FieldShell } from './FieldShell';\nimport type { DSFieldShellProps } from './fieldProps';\nimport { joinDescribedByIds } from './fieldProps';\nimport {\n  DS_SELECT_CLASS,\n  DS_SELECT_FORCE_FOCUS_CLASS,\n  DS_SELECT_FORCE_HOVER_CLASS,\n  DS_SELECT_READONLY_CLASS,\n  DS_SELECT_DROPDOWN_CLASS,\n  DS_SELECT_DROPDOWN_MULTI_CLASS,\n  ensureSelectStyles,\n  mergeClassNames,\n} from './selectStyles';\n\nexport type DSSelectInteractionState = 'rest' | 'hover' | 'focus';\n\nexport type DSSelectProps = SelectProps & {\n  readOnly?: boolean;\n  interactionState?: DSSelectInteractionState;\n};\n\nexport type SelectFieldProps = DSFieldShellProps & {\n  onValueChange?: (nextValue: SelectProps['value']) => void;\n  clearToValue?: SelectProps['value'];\n};\n\nexport const Select = ({\n  className: providedClassName,\n  popupClassName: providedPopupClassName,\n  classNames: providedClassNames,\n  suffixIcon,\n  readOnly = false,\n  interactionState = 'rest',\n  open,\n  onOpenChange,\n  onDropdownVisibleChange,\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}: DSSelectProps & SelectFieldProps) => {\n  const generatedId = useId();\n  const [isOpen, setIsOpen] = useState<boolean>(Boolean(open));\n\n  useEffect(() => {\n    ensureSelectStyles();\n  }, []);\n\n  useEffect(() => {\n    if (typeof open === 'boolean') {\n      setIsOpen(open);\n    }\n  }, [open]);\n\n  const isMultiMode = props.mode === 'multiple' || props.mode === 'tags';\n  const mergedSelectClassName = mergeClassNames(\n    DS_SELECT_CLASS,\n    interactionState === 'hover' ? DS_SELECT_FORCE_HOVER_CLASS : undefined,\n    interactionState === 'focus' ? DS_SELECT_FORCE_FOCUS_CLASS : undefined,\n    readOnly ? DS_SELECT_READONLY_CLASS : undefined,\n    providedClassName,\n  );\n  const mergedPopupRootClass = mergeClassNames(\n    DS_SELECT_DROPDOWN_CLASS,\n    isMultiMode ? DS_SELECT_DROPDOWN_MULTI_CLASS : undefined,\n    (providedClassNames as any)?.popup?.root,\n    providedPopupClassName,\n  );\n  const resolvedOpen = readOnly ? false : open;\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 mergedClassNames = {\n    ...(providedClassNames ?? {}),\n    popup: {\n      ...((providedClassNames as any)?.popup ?? {}),\n      root: mergedPopupRootClass,\n    },\n  } as SelectProps['classNames'];\n\n  const resolvedSuffixIcon = suffixIcon ?? (\n    <Icon\n      name={isOpen ? 'arrowButtonUp' : 'arrowButtonDown'}\n      size={10}\n      style={{ color: dsSemanticTokens.input.text.focus }}\n    />\n  );\n\n  const handleChange = (nextValue: SelectProps['value'], option: Parameters<NonNullable<SelectProps['onChange']>>[1]) => {\n    props.onChange?.(nextValue, option);\n    onValueChange?.(nextValue);\n  };\n\n  const handleClear = () => {\n    clearAction?.();\n    onValueChange?.(clearValue);\n    props.onChange?.(clearValue, undefined as never);\n  };\n\n  const describedBy = joinDescribedByIds(\n    fieldDescription ? descriptionId : undefined,\n    fieldError ? errorId : undefined,\n  );\n\n  const control = (\n    <AntSelect\n      {...props}\n      id={controlId}\n      open={resolvedOpen}\n      suffixIcon={resolvedSuffixIcon}\n      className={mergedSelectClassName}\n      classNames={mergedClassNames}\n      aria-describedby={describedBy}\n      aria-invalid={fieldError ? true : undefined}\n      onOpenChange={(nextOpen) => {\n        if (readOnly && nextOpen) {\n          setIsOpen(false);\n          return;\n        }\n        setIsOpen(nextOpen);\n        onOpenChange?.(nextOpen);\n        onDropdownVisibleChange?.(nextOpen);\n      }}\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\nSelect.displayName = 'Select';\n"],"mappings":";;;;;;;;;AA+BA,IAAa,KAAU,EACrB,WAAW,GACX,gBAAgB,GAChB,YAAY,GACZ,eACA,cAAW,IACX,sBAAmB,QACnB,SACA,iBACA,4BACA,eACA,kBACA,qBACA,eACA,iBACA,mBACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,iBACA,GAAG,QACmC;CACtC,IAAM,IAAc,GAAO,EACrB,CAAC,GAAQ,KAAa,EAAkB,EAAQ,EAAM;AAM5D,CAJA,QAAgB;AACd,KAAoB;IACnB,EAAE,CAAC,EAEN,QAAgB;AACd,EAAI,OAAO,KAAS,aAClB,EAAU,EAAK;IAEhB,CAAC,EAAK,CAAC;CAEV,IAAM,IAAc,EAAM,SAAS,cAAc,EAAM,SAAS,QAC1D,IAAwB,EAC5B,GACA,MAAqB,UAAU,KAA8B,KAAA,GAC7D,MAAqB,UAAU,IAA8B,KAAA,GAC7D,IAAW,IAA2B,KAAA,GACtC,EACD,EACK,IAAuB,EAC3B,GACA,IAAc,IAAiC,KAAA,GAC9C,GAA4B,OAAO,MACpC,EACD,EACK,IAAe,IAAW,KAAQ,GAClC,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,IAAmB;EACvB,GAAI,KAAsB,EAAE;EAC5B,OAAO;GACL,GAAK,GAA4B,SAAS,EAAE;GAC5C,MAAM;GACP;EACF,EAEK,KAAqB,KACzB,kBAAC,GAAD;EACE,MAAM,IAAS,kBAAkB;EACjC,MAAM;EACN,OAAO,EAAE,OAAO,EAAiB,MAAM,KAAK,OAAO;EACnD,CAAA,EAGE,MAAgB,GAAiC,MAAgE;AAErH,EADA,EAAM,WAAW,GAAW,EAAO,EACnC,IAAgB,EAAU;IAGtB,WAAoB;AAGxB,EAFA,KAAe,EACf,IAAgB,EAAW,EAC3B,EAAM,WAAW,GAAY,KAAA,EAAmB;IAG5C,KAAc,EAClB,IAAmB,IAAgB,KAAA,GACnC,IAAa,IAAU,KAAA,EACxB,EAEK,IACJ,kBAAC,GAAD;EACE,GAAI;EACJ,IAAI;EACJ,MAAM;EACN,YAAY;EACZ,WAAW;EACX,YAAY;EACZ,oBAAkB;EAClB,gBAAc,IAAa,KAAO,KAAA;EAClC,eAAe,MAAa;AAC1B,OAAI,KAAY,GAAU;AACxB,MAAU,GAAM;AAChB;;AAIF,GAFA,EAAU,EAAS,EACnB,IAAe,EAAS,EACxB,IAA0B,EAAS;;EAErC,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;;AA0BX,EAAO,cAAc"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.cjs","names":[],"sources":["../../src/ds/forms/Slider.tsx"],"sourcesContent":["import { Slider as AntSlider } from 'antd';\nimport { useId } from 'react';\nimport { FieldShell } from './FieldShell';\nimport type { DSFieldShellProps } from './fieldProps';\nimport { joinDescribedByIds } from './fieldProps';\n\ntype AntSliderProps = React.ComponentProps<typeof AntSlider>;\ntype SliderValue = AntSliderProps['value'];\n\nexport type SliderProps = AntSliderProps &\n  DSFieldShellProps & {\n    onValueChange?: (nextValue: SliderValue) => void;\n    clearToValue?: SliderValue;\n  };\n\nexport const Slider = ({\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  min,\n  ...props\n}: SliderProps) => {\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 fallbackClear = clearToValue ?? min ?? 0;\n  const describedBy = joinDescribedByIds(\n    fieldDescription ? descriptionId : undefined,\n    fieldError ? errorId : undefined,\n  );\n\n  const control = (\n    <AntSlider\n      {...props}\n      id={controlId}\n      value={value}\n      min={min}\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?.(fallbackClear);\n      }}\n      extraActions={fieldActions}\n      style={containerStyle}\n    >\n      {control}\n    </FieldShell>\n  );\n};\n"],"mappings":"wPAeA,IAAa,GAAU,CACrB,aACA,gBACA,mBACA,aACA,eACA,iBACA,QACA,YAAY,GACZ,aACA,kBAAkB,SAClB,UACA,gBACA,eACA,QACA,MACA,GAAG,KACc,CACjB,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,EAAgB,GAAgB,GAAO,EACvC,EAAc,EAAA,EAClB,EAAmB,EAAgB,IAAA,GACnC,EAAa,EAAU,IAAA,GACxB,CAEK,GACJ,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,GAAI,EACJ,GAAI,EACG,QACF,MACL,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,EAAc,EAEhC,aAAc,EACd,MAAO,WAEN,EACU,CAAA,CAzBN"}

package/dist-lib/forms/Slider.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","names":[],"sources":["../../src/ds/forms/Slider.tsx"],"sourcesContent":["import { Slider as AntSlider } from 'antd';\nimport { useId } from 'react';\nimport { FieldShell } from './FieldShell';\nimport type { DSFieldShellProps } from './fieldProps';\nimport { joinDescribedByIds } from './fieldProps';\n\ntype AntSliderProps = React.ComponentProps<typeof AntSlider>;\ntype SliderValue = AntSliderProps['value'];\n\nexport type SliderProps = AntSliderProps &\n  DSFieldShellProps & {\n    onValueChange?: (nextValue: SliderValue) => void;\n    clearToValue?: SliderValue;\n  };\n\nexport const Slider = ({\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  min,\n  ...props\n}: SliderProps) => {\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 fallbackClear = clearToValue ?? min ?? 0;\n  const describedBy = joinDescribedByIds(\n    fieldDescription ? descriptionId : undefined,\n    fieldError ? errorId : undefined,\n  );\n\n  const control = (\n    <AntSlider\n      {...props}\n      id={controlId}\n      value={value}\n      min={min}\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?.(fallbackClear);\n      }}\n      extraActions={fieldActions}\n      style={containerStyle}\n    >\n      {control}\n    </FieldShell>\n  );\n};\n"],"mappings":";;;;;;AAeA,IAAa,KAAU,EACrB,eACA,kBACA,qBACA,eACA,iBACA,mBACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,iBACA,UACA,QACA,GAAG,QACc;CACjB,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,IAAgB,KAAgB,KAAO,GACvC,IAAc,EAClB,IAAmB,IAAgB,KAAA,GACnC,IAAa,IAAU,KAAA,EACxB,EAEK,IACJ,kBAAC,GAAD;EACE,GAAI;EACJ,IAAI;EACG;EACF;EACL,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,EAAc;;EAEhC,cAAc;EACd,OAAO;YAEN;EACU,CAAA,GAzBN"}

package/dist-lib/forms/Switch.cjs

@@ -0,0 +1,117 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`../theme.cjs`),t=require(`./FieldShell.cjs`),n=require(`../fieldProps-CuWfEbFx.cjs`);let r=require(`antd`),i=require(`react`),a=require(`react/jsx-runtime`);var o=`ds-switch-styles`;function s(){if(typeof document>`u`)return;let t=document.getElementById(o);t||(t=document.createElement(`style`),t.id=o,document.head.appendChild(t));let n=e.dsSemanticTokens.button.primary.default,r=e.dsSemanticTokens.button.primary.hover,i=e.dsSemanticTokens.button.primary.pressed,a=e.dsSemanticTokens.button.primary.disabledBg,s=e.dsSemanticTokens.table.text.body,c=e.dsSemanticTokens.table.text.header,l=e.dsSemanticTokens.pagination.text.hover,u=e.dsSemanticTokens.checkbox.background.disabled,d=e.dsSemanticTokens.checkbox.background.default,f=e.dsSemanticTokens.modal.closeButton.focusOutline,p=e.dsSemanticTokens.button.primary.text,m=e.dsSemanticTokens.button.primary.default,h=e.dsSemanticTokens.button.primary.disabledText;t.textContent=`
+    .ant-switch.ds-switch {
+      background: ${s};
+      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: ${c};
+    }
+
+    .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 c(...e){return e.filter(Boolean).join(` `)}var l={display:`inline-flex`,flexDirection:`column`,gap:2},u={fontFamily:`Nunito, sans-serif`,fontSize:e.dsSemanticTokens.button.typography.small.fontSize,lineHeight:e.dsSemanticTokens.button.typography.small.lineHeight,fontWeight:600,color:e.dsSemanticTokens.table.text.body},d={fontFamily:`Nunito, sans-serif`,fontSize:12,lineHeight:`16px`,fontWeight:600,color:e.dsSemanticTokens.table.text.sorterMuted},f=({dsLabel:e,dsLabelPosition:o=`right`,dsSize:f=`md`,dsState:p=`normal`,dsShowIcon:m=!1,dsShowSubLabel:h=!1,dsDescription:g,fieldLabel:_,fieldRequired:v,fieldDescription:y,fieldError:b,fieldActions:x,containerStyle:S,clear:C,clearable:w=!1,clearLabel:T,clearVisibility:E=`always`,onClear:D,onValueChange:O,clearToValue:k=!1,id:A,className:j,checkedChildren:M,unCheckedChildren:N,checked:P,...F})=>{(0,i.useEffect)(()=>{s()},[]);let I=(0,i.useId)(),L=!!(_||v||y||b||x||w||C||D),R=A??(L||e||g?I:void 0),z=m?M??`+`:M,B=m?N??`-`:N,V=h?g:void 0,H=R?`${R}-description`:void 0,U=R?`${R}-error`:void 0,W=C?.onClear??D,G=n.t(y?H:void 0,b?U:void 0,V?`${R}-inline-description`:void 0),K=e?(0,a.jsxs)(`div`,{style:l,children:[(0,a.jsx)(`label`,{htmlFor:R,style:u,children:e}),V?(0,a.jsx)(`span`,{id:`${R}-inline-description`,style:d,children:V}):null]}):null,q=(0,a.jsxs)(`span`,{style:S,children:[o===`left`?K:null,(0,a.jsx)(r.Switch,{id:R,checked:P,checkedChildren:z,unCheckedChildren:B,className:c(`ds-switch`,`ds-switch-size-${f}`,`ds-switch-state-${p}`,j),"aria-describedby":G,"aria-invalid":b?!0:void 0,onChange:(e,t)=>{F.onChange?.(e,t),O?.(e)},...F}),o===`right`?K:null]});return L?(0,a.jsx)(t.FieldShell,{label:_,required:v,htmlFor:R,description:y,descriptionId:H,error:b,errorId:U,clear:C,clearable:w,clearLabel:T,clearVisibility:E,clearValue:P,onClear:()=>{W?.(),O?.(k)},extraActions:x,style:S,children:q}):q};exports.Switch=f;
+//# sourceMappingURL=Switch.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.cjs","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":"kRAiCA,IAAM,EAAW,mBAEjB,SAAS,GAAe,CACtB,GAAI,OAAO,SAAa,IAAa,OACrC,IAAI,EAAQ,SAAS,eAAe,EAAS,CACxC,IACH,EAAQ,SAAS,cAAc,QAAQ,CACvC,EAAM,GAAK,EACX,SAAS,KAAK,YAAY,EAAM,EAGlC,IAAM,EAAW,EAAA,iBAAiB,OAAO,QAAQ,QAC3C,EAAgB,EAAA,iBAAiB,OAAO,QAAQ,MAChD,EAAkB,EAAA,iBAAiB,OAAO,QAAQ,QAClD,EAAmB,EAAA,iBAAiB,OAAO,QAAQ,WACnD,EAAY,EAAA,iBAAiB,MAAM,KAAK,KACxC,EAAiB,EAAA,iBAAiB,MAAM,KAAK,OAC7C,EAAmB,EAAA,iBAAiB,WAAW,KAAK,MACpD,EAAoB,EAAA,iBAAiB,SAAS,WAAW,SACzD,EAAQ,EAAA,iBAAiB,SAAS,WAAW,QAC7C,EAAe,EAAA,iBAAiB,MAAM,YAAY,aAClD,EAAS,EAAA,iBAAiB,OAAO,QAAQ,KACzC,EAAU,EAAA,iBAAiB,OAAO,QAAQ,QAC1C,EAAe,EAAA,iBAAiB,OAAO,QAAQ,aAErD,EAAM,YAAc;;oBAEF,EAAU;;;;;;oBAMV,EAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAuDT,EAAM;;;;;oBAKN,EAAe;;;;oBAIf,EAAc;;;;oBAId,EAAiB;;;;oBAIjB,EAAgB;;;;;2BAKT,EAAa;;;;;oBAKpB,EAAkB;;;;oBAIlB,EAAiB;;;;;;;;;;eAUtB,EAAO;;;;eAIP,EAAQ;;;;;eAKR,EAAa;;IAK5B,SAAS,EAAgB,GAAG,EAAkC,CAC5D,OAAO,EAAM,OAAO,QAAQ,CAAC,KAAK,IAAI,CASxC,IAAM,EAAiC,CACrC,QAAS,cACT,cAAe,SACf,IAAK,EACN,CAEK,EAA4B,CAChC,WAAY,qBACZ,SAAU,EAAA,iBAAiB,OAAO,WAAW,MAAM,SACnD,WAAY,EAAA,iBAAiB,OAAO,WAAW,MAAM,WACrD,WAAY,IACZ,MAAO,EAAA,iBAAiB,MAAM,KAAK,KACpC,CAEK,EAAkC,CACtC,WAAY,qBACZ,SAAU,GACV,WAAY,OACZ,WAAY,IACZ,MAAO,EAAA,iBAAiB,MAAM,KAAK,YACpC,CAEY,GAAU,CACrB,UACA,kBAAkB,QAClB,SAAS,KACT,UAAU,SACV,aAAa,GACb,iBAAiB,GACjB,gBACA,aACA,gBACA,mBACA,aACA,eACA,iBACA,QACA,YAAY,GACZ,aACA,kBAAkB,SAClB,UACA,gBACA,eAAe,GACf,KACA,YACA,kBACA,oBACA,UACA,GAAG,KACc,EACjB,EAAA,EAAA,eAAgB,CACd,GAAc,EACb,EAAE,CAAC,CAEN,IAAM,GAAA,EAAA,EAAA,QAAqB,CACrB,EAAyB,GAC7B,GACE,GACA,GACA,GACA,GACA,GACA,GACA,GAEE,EAAW,IAAO,GAA0B,GAAW,EAAgB,EAAc,IAAA,IACrF,EAA0B,EAAc,GAAmB,IAAO,EAClE,EAA4B,EAAc,GAAqB,IAAO,EACtE,EAAsB,EAAiB,EAAgB,IAAA,GACvD,EAAgB,EAAW,GAAG,EAAS,cAAgB,IAAA,GACvD,EAAU,EAAW,GAAG,EAAS,QAAU,IAAA,GAC3C,EAAc,GAAO,SAAW,EAChC,EAAc,EAAA,EAClB,EAAmB,EAAgB,IAAA,GACnC,EAAa,EAAU,IAAA,GACvB,EAAsB,GAAG,EAAS,qBAAuB,IAAA,GAC1D,CAEK,EAAY,GAChB,EAAA,EAAA,MAAC,MAAD,CAAK,MAAO,WAAZ,EACE,EAAA,EAAA,KAAC,QAAD,CAAO,QAAS,EAAU,MAAO,WAC9B,EACK,CAAA,CACP,GAAsB,EAAA,EAAA,KAAC,OAAD,CAAM,GAAI,GAAG,EAAS,qBAAsB,MAAO,WAAmB,EAA2B,CAAA,CAAG,KACvH,GACJ,KAEE,GACJ,EAAA,EAAA,MAAC,OAAD,CAAM,MAAO,WAAb,CACG,IAAoB,OAAS,EAAY,MAC1C,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,GAAI,EACK,UACT,gBAAiB,EACjB,kBAAmB,EACnB,UAAW,EAAgB,YAAa,kBAAkB,IAAU,mBAAmB,IAAW,EAAU,CAC5G,mBAAkB,EAClB,eAAc,EAAa,GAAO,IAAA,GAClC,UAAW,EAAa,IAAU,CAChC,EAAM,WAAW,EAAa,EAAM,CACpC,IAAgB,EAAY,EAE9B,GAAI,EACJ,CAAA,CACD,IAAoB,QAAU,EAAY,KACtC,GAOT,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"}