ods-ant 0.2.0 → 0.4.0

package/dist-lib/forms/ClearableRate.js

@@ -0,0 +1,22 @@
+import { Rate as e } from "./Rate.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/ds/forms/ClearableRate.tsx
+var n = ({ fieldLabel: n, fieldRequired: r, clear: i, clearable: a = !0, clearLabel: o, clearVisibility: s = "always", onClear: c, onValueChange: l, clearToValue: u = 0, value: d, containerStyle: f, fieldActions: p, ...m }) => /* @__PURE__ */ t(e, {
+	...m,
+	value: d,
+	fieldLabel: n,
+	fieldRequired: r,
+	fieldActions: p,
+	containerStyle: f,
+	clear: i,
+	clearable: a,
+	clearLabel: o,
+	clearVisibility: s,
+	onClear: c,
+	onValueChange: l,
+	clearToValue: u
+});
+//#endregion
+export { n as ClearableRate };
+
+//# sourceMappingURL=ClearableRate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableRate.js","names":[],"sources":["../../src/ds/forms/ClearableRate.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\nimport { Rate } from './Rate';\nimport type { RateProps } from './Rate';\n\nexport type ClearableRateProps = RateProps & {\n  fieldLabel: ReactNode;\n  fieldRequired?: boolean;\n  clear?: ClearConfig;\n  clearable?: boolean;\n  clearLabel?: ReactNode;\n  clearVisibility?: ClearVisibility;\n  onClear?: () => void;\n  onValueChange?: (nextValue: number) => void;\n  clearToValue?: number;\n  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nexport const ClearableRate = ({\n  fieldLabel,\n  fieldRequired,\n  clear,\n  clearable = true,\n  clearLabel,\n  clearVisibility = 'always',\n  onClear,\n  onValueChange,\n  clearToValue = 0,\n  value,\n  containerStyle,\n  fieldActions,\n  ...rateProps\n}: ClearableRateProps) => {\n  return (\n    <Rate\n      {...rateProps}\n      value={value}\n      fieldLabel={fieldLabel}\n      fieldRequired={fieldRequired}\n      fieldActions={fieldActions}\n      containerStyle={containerStyle}\n      clear={clear}\n      clearable={clearable}\n      clearLabel={clearLabel}\n      clearVisibility={clearVisibility}\n      onClear={onClear}\n      onValueChange={onValueChange}\n      clearToValue={clearToValue}\n    />\n  );\n};\n"],"mappings":";;;AAmBA,IAAa,KAAiB,EAC5B,eACA,kBACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,kBAAe,GACf,UACA,mBACA,iBACA,GAAG,QAGD,kBAAC,GAAD;CACE,GAAI;CACG;CACK;CACG;CACD;CACE;CACT;CACI;CACC;CACK;CACR;CACM;CACD;CACd,CAAA"}

package/dist-lib/forms/ClearableSelect.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`./Select.cjs`);let t=require(`react/jsx-runtime`);var n=({fieldLabel:n,fieldRequired:r,clear:i,clearable:a=!0,clearLabel:o,clearVisibility:s=`always`,onClear:c,onValueChange:l,clearToValue:u,value:d,containerStyle:f,fieldActions:p,id:m,...h})=>(0,t.jsx)(e.Select,{...h,id:m,value:d,fieldLabel:n,fieldRequired:r,fieldActions:p,containerStyle:f,clear:i,clearable:a,clearLabel:o,clearVisibility:s,onClear:c,onValueChange:l,clearToValue:u,style:{width:`100%`,...h.style}});exports.ClearableSelect=n;
+//# sourceMappingURL=ClearableSelect.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableSelect.cjs","names":[],"sources":["../../src/ds/forms/ClearableSelect.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { FieldShell } from './FieldShell';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\nimport { Select } from './Select';\nimport type { DSSelectProps } from './Select';\n\ntype SelectProps = DSSelectProps;\n\nexport type ClearableSelectProps = Omit<SelectProps, 'onChange'> & {\n  fieldLabel: ReactNode;\n  fieldRequired?: boolean;\n  clear?: ClearConfig;\n  clearable?: boolean;\n  clearLabel?: ReactNode;\n  clearVisibility?: ClearVisibility;\n  onClear?: () => void;\n  onValueChange?: (nextValue: SelectProps['value']) => void;\n  clearToValue?: SelectProps['value'];\n  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nexport const ClearableSelect = ({\n  fieldLabel,\n  fieldRequired,\n  clear,\n  clearable = true,\n  clearLabel,\n  clearVisibility = 'always',\n  onClear,\n  onValueChange,\n  clearToValue,\n  value,\n  containerStyle,\n  fieldActions,\n  id,\n  ...selectProps\n}: ClearableSelectProps) => {\n  return (\n    <Select\n      {...selectProps}\n      id={id}\n      value={value}\n      fieldLabel={fieldLabel}\n      fieldRequired={fieldRequired}\n      fieldActions={fieldActions}\n      containerStyle={containerStyle}\n      clear={clear}\n      clearable={clearable}\n      clearLabel={clearLabel}\n      clearVisibility={clearVisibility}\n      onClear={onClear}\n      onValueChange={onValueChange}\n      clearToValue={clearToValue}\n      style={{ width: '100%', ...selectProps.style }}\n    />\n  );\n};\n"],"mappings":"uKAsBA,IAAa,GAAmB,CAC9B,aACA,gBACA,QACA,YAAY,GACZ,aACA,kBAAkB,SAClB,UACA,gBACA,eACA,QACA,iBACA,eACA,KACA,GAAG,MAGD,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,GAAI,EACA,KACG,QACK,aACG,gBACD,eACE,iBACT,QACI,YACC,aACK,kBACR,UACM,gBACD,eACd,MAAO,CAAE,MAAO,OAAQ,GAAG,EAAY,MAAO,CAC9C,CAAA"}

package/dist-lib/forms/ClearableSelect.js

@@ -0,0 +1,27 @@
+import { Select as e } from "./Select.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/ds/forms/ClearableSelect.tsx
+var n = ({ fieldLabel: n, fieldRequired: r, clear: i, clearable: a = !0, clearLabel: o, clearVisibility: s = "always", onClear: c, onValueChange: l, clearToValue: u, value: d, containerStyle: f, fieldActions: p, id: m, ...h }) => /* @__PURE__ */ t(e, {
+	...h,
+	id: m,
+	value: d,
+	fieldLabel: n,
+	fieldRequired: r,
+	fieldActions: p,
+	containerStyle: f,
+	clear: i,
+	clearable: a,
+	clearLabel: o,
+	clearVisibility: s,
+	onClear: c,
+	onValueChange: l,
+	clearToValue: u,
+	style: {
+		width: "100%",
+		...h.style
+	}
+});
+//#endregion
+export { n as ClearableSelect };
+
+//# sourceMappingURL=ClearableSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableSelect.js","names":[],"sources":["../../src/ds/forms/ClearableSelect.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { FieldShell } from './FieldShell';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\nimport { Select } from './Select';\nimport type { DSSelectProps } from './Select';\n\ntype SelectProps = DSSelectProps;\n\nexport type ClearableSelectProps = Omit<SelectProps, 'onChange'> & {\n  fieldLabel: ReactNode;\n  fieldRequired?: boolean;\n  clear?: ClearConfig;\n  clearable?: boolean;\n  clearLabel?: ReactNode;\n  clearVisibility?: ClearVisibility;\n  onClear?: () => void;\n  onValueChange?: (nextValue: SelectProps['value']) => void;\n  clearToValue?: SelectProps['value'];\n  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nexport const ClearableSelect = ({\n  fieldLabel,\n  fieldRequired,\n  clear,\n  clearable = true,\n  clearLabel,\n  clearVisibility = 'always',\n  onClear,\n  onValueChange,\n  clearToValue,\n  value,\n  containerStyle,\n  fieldActions,\n  id,\n  ...selectProps\n}: ClearableSelectProps) => {\n  return (\n    <Select\n      {...selectProps}\n      id={id}\n      value={value}\n      fieldLabel={fieldLabel}\n      fieldRequired={fieldRequired}\n      fieldActions={fieldActions}\n      containerStyle={containerStyle}\n      clear={clear}\n      clearable={clearable}\n      clearLabel={clearLabel}\n      clearVisibility={clearVisibility}\n      onClear={onClear}\n      onValueChange={onValueChange}\n      clearToValue={clearToValue}\n      style={{ width: '100%', ...selectProps.style }}\n    />\n  );\n};\n"],"mappings":";;;AAsBA,IAAa,KAAmB,EAC9B,eACA,kBACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,iBACA,UACA,mBACA,iBACA,OACA,GAAG,QAGD,kBAAC,GAAD;CACE,GAAI;CACA;CACG;CACK;CACG;CACD;CACE;CACT;CACI;CACC;CACK;CACR;CACM;CACD;CACd,OAAO;EAAE,OAAO;EAAQ,GAAG,EAAY;EAAO;CAC9C,CAAA"}

package/dist-lib/forms/ClearableSlider.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`./Slider.cjs`);let t=require(`react/jsx-runtime`);var n=({fieldLabel:n,fieldRequired:r,clear:i,clearable:a=!0,clearLabel:o,clearVisibility:s=`always`,onClear:c,onValueChange:l,clearToValue:u,value:d,min:f,containerStyle:p,fieldActions:m,...h})=>(0,t.jsx)(e.Slider,{...h,value:d,min:f,fieldLabel:n,fieldRequired:r,fieldActions:m,containerStyle:p,clear:i,clearable:a,clearLabel:o,clearVisibility:s,onClear:c,onValueChange:l,clearToValue:u});exports.ClearableSlider=n;
+//# sourceMappingURL=ClearableSlider.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableSlider.cjs","names":[],"sources":["../../src/ds/forms/ClearableSlider.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\nimport { Slider } from './Slider';\nimport type { SliderProps } from './Slider';\n\ntype SliderValue = SliderProps['value'];\n\nexport type ClearableSliderProps = Omit<SliderProps, 'onChange'> & {\n  fieldLabel: ReactNode;\n  fieldRequired?: boolean;\n  clear?: ClearConfig;\n  clearable?: boolean;\n  clearLabel?: ReactNode;\n  clearVisibility?: ClearVisibility;\n  onClear?: () => void;\n  onValueChange?: (nextValue: SliderValue) => void;\n  clearToValue?: SliderValue;\n  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nexport const ClearableSlider = ({\n  fieldLabel,\n  fieldRequired,\n  clear,\n  clearable = true,\n  clearLabel,\n  clearVisibility = 'always',\n  onClear,\n  onValueChange,\n  clearToValue,\n  value,\n  min,\n  containerStyle,\n  fieldActions,\n  ...sliderProps\n}: ClearableSliderProps) => {\n  return (\n    <Slider\n      {...sliderProps}\n      value={value}\n      min={min}\n      fieldLabel={fieldLabel}\n      fieldRequired={fieldRequired}\n      fieldActions={fieldActions}\n      containerStyle={containerStyle}\n      clear={clear}\n      clearable={clearable}\n      clearLabel={clearLabel}\n      clearVisibility={clearVisibility}\n      onClear={onClear}\n      onValueChange={onValueChange}\n      clearToValue={clearToValue}\n    />\n  );\n};\n"],"mappings":"uKAqBA,IAAa,GAAmB,CAC9B,aACA,gBACA,QACA,YAAY,GACZ,aACA,kBAAkB,SAClB,UACA,gBACA,eACA,QACA,MACA,iBACA,eACA,GAAG,MAGD,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,GAAI,EACG,QACF,MACO,aACG,gBACD,eACE,iBACT,QACI,YACC,aACK,kBACR,UACM,gBACD,eACd,CAAA"}

package/dist-lib/forms/ClearableSlider.js

@@ -0,0 +1,23 @@
+import { Slider as e } from "./Slider.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/ds/forms/ClearableSlider.tsx
+var n = ({ fieldLabel: n, fieldRequired: r, clear: i, clearable: a = !0, clearLabel: o, clearVisibility: s = "always", onClear: c, onValueChange: l, clearToValue: u, value: d, min: f, containerStyle: p, fieldActions: m, ...h }) => /* @__PURE__ */ t(e, {
+	...h,
+	value: d,
+	min: f,
+	fieldLabel: n,
+	fieldRequired: r,
+	fieldActions: m,
+	containerStyle: p,
+	clear: i,
+	clearable: a,
+	clearLabel: o,
+	clearVisibility: s,
+	onClear: c,
+	onValueChange: l,
+	clearToValue: u
+});
+//#endregion
+export { n as ClearableSlider };
+
+//# sourceMappingURL=ClearableSlider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableSlider.js","names":[],"sources":["../../src/ds/forms/ClearableSlider.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\nimport { Slider } from './Slider';\nimport type { SliderProps } from './Slider';\n\ntype SliderValue = SliderProps['value'];\n\nexport type ClearableSliderProps = Omit<SliderProps, 'onChange'> & {\n  fieldLabel: ReactNode;\n  fieldRequired?: boolean;\n  clear?: ClearConfig;\n  clearable?: boolean;\n  clearLabel?: ReactNode;\n  clearVisibility?: ClearVisibility;\n  onClear?: () => void;\n  onValueChange?: (nextValue: SliderValue) => void;\n  clearToValue?: SliderValue;\n  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nexport const ClearableSlider = ({\n  fieldLabel,\n  fieldRequired,\n  clear,\n  clearable = true,\n  clearLabel,\n  clearVisibility = 'always',\n  onClear,\n  onValueChange,\n  clearToValue,\n  value,\n  min,\n  containerStyle,\n  fieldActions,\n  ...sliderProps\n}: ClearableSliderProps) => {\n  return (\n    <Slider\n      {...sliderProps}\n      value={value}\n      min={min}\n      fieldLabel={fieldLabel}\n      fieldRequired={fieldRequired}\n      fieldActions={fieldActions}\n      containerStyle={containerStyle}\n      clear={clear}\n      clearable={clearable}\n      clearLabel={clearLabel}\n      clearVisibility={clearVisibility}\n      onClear={onClear}\n      onValueChange={onValueChange}\n      clearToValue={clearToValue}\n    />\n  );\n};\n"],"mappings":";;;AAqBA,IAAa,KAAmB,EAC9B,eACA,kBACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,iBACA,UACA,QACA,mBACA,iBACA,GAAG,QAGD,kBAAC,GAAD;CACE,GAAI;CACG;CACF;CACO;CACG;CACD;CACE;CACT;CACI;CACC;CACK;CACR;CACM;CACD;CACd,CAAA"}

package/dist-lib/forms/ClearableSwitch.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`./Switch.cjs`);let t=require(`react/jsx-runtime`);var n=({fieldLabel:n,fieldRequired:r,clear:i,clearable:a=!0,clearLabel:o,clearVisibility:s=`always`,onClear:c,onValueChange:l,clearToValue:u=!1,checked:d,containerStyle:f,fieldActions:p,id:m,...h})=>(0,t.jsx)(e.Switch,{id:m,checked:d,fieldLabel:n,fieldRequired:r,fieldActions:p,containerStyle:f,clear:i,clearable:a,clearLabel:o,clearVisibility:s,onClear:c,onValueChange:l,clearToValue:u,...h});exports.ClearableSwitch=n;
+//# sourceMappingURL=ClearableSwitch.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableSwitch.cjs","names":[],"sources":["../../src/ds/forms/ClearableSwitch.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\nimport { Switch } from './Switch';\n\ntype SwitchProps = React.ComponentProps<typeof Switch>;\n\nexport type ClearableSwitchProps = Omit<SwitchProps, 'onChange'> & {\n  fieldLabel: ReactNode;\n  fieldRequired?: boolean;\n  clear?: ClearConfig;\n  clearable?: boolean;\n  clearLabel?: ReactNode;\n  clearVisibility?: ClearVisibility;\n  onClear?: () => void;\n  onValueChange?: (nextValue: boolean) => void;\n  clearToValue?: boolean;\n  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nexport const ClearableSwitch = ({\n  fieldLabel,\n  fieldRequired,\n  clear,\n  clearable = true,\n  clearLabel,\n  clearVisibility = 'always',\n  onClear,\n  onValueChange,\n  clearToValue = false,\n  checked,\n  containerStyle,\n  fieldActions,\n  id,\n  ...switchProps\n}: ClearableSwitchProps) => {\n  return (\n    <Switch\n      id={id}\n      checked={checked}\n      fieldLabel={fieldLabel}\n      fieldRequired={fieldRequired}\n      fieldActions={fieldActions}\n      containerStyle={containerStyle}\n      clear={clear}\n      clearable={clearable}\n      clearLabel={clearLabel}\n      clearVisibility={clearVisibility}\n      onClear={onClear}\n      onValueChange={onValueChange}\n      clearToValue={clearToValue}\n      {...switchProps}\n    />\n  );\n};\n"],"mappings":"uKAoBA,IAAa,GAAmB,CAC9B,aACA,gBACA,QACA,YAAY,GACZ,aACA,kBAAkB,SAClB,UACA,gBACA,eAAe,GACf,UACA,iBACA,eACA,KACA,GAAG,MAGD,EAAA,EAAA,KAAC,EAAA,OAAD,CACM,KACK,UACG,aACG,gBACD,eACE,iBACT,QACI,YACC,aACK,kBACR,UACM,gBACD,eACd,GAAI,EACJ,CAAA"}

package/dist-lib/forms/ClearableSwitch.js

@@ -0,0 +1,23 @@
+import { Switch as e } from "./Switch.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/ds/forms/ClearableSwitch.tsx
+var n = ({ fieldLabel: n, fieldRequired: r, clear: i, clearable: a = !0, clearLabel: o, clearVisibility: s = "always", onClear: c, onValueChange: l, clearToValue: u = !1, checked: d, containerStyle: f, fieldActions: p, id: m, ...h }) => /* @__PURE__ */ t(e, {
+	id: m,
+	checked: d,
+	fieldLabel: n,
+	fieldRequired: r,
+	fieldActions: p,
+	containerStyle: f,
+	clear: i,
+	clearable: a,
+	clearLabel: o,
+	clearVisibility: s,
+	onClear: c,
+	onValueChange: l,
+	clearToValue: u,
+	...h
+});
+//#endregion
+export { n as ClearableSwitch };
+
+//# sourceMappingURL=ClearableSwitch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableSwitch.js","names":[],"sources":["../../src/ds/forms/ClearableSwitch.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\nimport { Switch } from './Switch';\n\ntype SwitchProps = React.ComponentProps<typeof Switch>;\n\nexport type ClearableSwitchProps = Omit<SwitchProps, 'onChange'> & {\n  fieldLabel: ReactNode;\n  fieldRequired?: boolean;\n  clear?: ClearConfig;\n  clearable?: boolean;\n  clearLabel?: ReactNode;\n  clearVisibility?: ClearVisibility;\n  onClear?: () => void;\n  onValueChange?: (nextValue: boolean) => void;\n  clearToValue?: boolean;\n  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nexport const ClearableSwitch = ({\n  fieldLabel,\n  fieldRequired,\n  clear,\n  clearable = true,\n  clearLabel,\n  clearVisibility = 'always',\n  onClear,\n  onValueChange,\n  clearToValue = false,\n  checked,\n  containerStyle,\n  fieldActions,\n  id,\n  ...switchProps\n}: ClearableSwitchProps) => {\n  return (\n    <Switch\n      id={id}\n      checked={checked}\n      fieldLabel={fieldLabel}\n      fieldRequired={fieldRequired}\n      fieldActions={fieldActions}\n      containerStyle={containerStyle}\n      clear={clear}\n      clearable={clearable}\n      clearLabel={clearLabel}\n      clearVisibility={clearVisibility}\n      onClear={onClear}\n      onValueChange={onValueChange}\n      clearToValue={clearToValue}\n      {...switchProps}\n    />\n  );\n};\n"],"mappings":";;;AAoBA,IAAa,KAAmB,EAC9B,eACA,kBACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,kBAAe,IACf,YACA,mBACA,iBACA,OACA,GAAG,QAGD,kBAAC,GAAD;CACM;CACK;CACG;CACG;CACD;CACE;CACT;CACI;CACC;CACK;CACR;CACM;CACD;CACd,GAAI;CACJ,CAAA"}

package/dist-lib/forms/ClearableTimePicker.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`../TimePicker-D4iKsUck.cjs`);let t=require(`react/jsx-runtime`);var n=({fieldLabel:n,fieldRequired:r,clear:i,clearable:a=!0,clearLabel:o,clearVisibility:s=`always`,onClear:c,onValueChange:l,value:u,containerStyle:d,fieldActions:f,id:p,dsFormat:m,...h})=>(0,t.jsx)(e.t,{id:p,value:u,fieldLabel:n,fieldRequired:r,fieldActions:f,containerStyle:d,clear:i,clearable:a,clearLabel:o,clearVisibility:s,onClear:c,onValueChange:l,dsFormat:m,style:{width:`100%`,...h.style},...h});exports.ClearableTimePicker=n;
+//# sourceMappingURL=ClearableTimePicker.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableTimePicker.cjs","names":[],"sources":["../../src/ds/forms/ClearableTimePicker.tsx"],"sourcesContent":["import { TimePicker as DSTimePicker } from './TimePicker';\nimport type { CSSProperties, ReactNode } from 'react';\nimport type { Dayjs } from 'dayjs';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\nimport type { DSTimePickerProps } from './TimePicker';\n\ntype TimePickerProps = DSTimePickerProps;\n\nexport type ClearableTimePickerProps = Omit<TimePickerProps, 'onChange'> & {\n  fieldLabel: ReactNode;\n  fieldRequired?: boolean;\n  clear?: ClearConfig;\n  clearable?: boolean;\n  clearLabel?: ReactNode;\n  clearVisibility?: ClearVisibility;\n  onClear?: () => void;\n  onValueChange?: (nextValue: Dayjs | null) => void;\n  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n  dsFormat?: DSTimePickerProps['dsFormat'];\n};\n\nexport const ClearableTimePicker = ({\n  fieldLabel,\n  fieldRequired,\n  clear,\n  clearable = true,\n  clearLabel,\n  clearVisibility = 'always',\n  onClear,\n  onValueChange,\n  value,\n  containerStyle,\n  fieldActions,\n  id,\n  dsFormat,\n  ...timeProps\n}: ClearableTimePickerProps) => {\n  return (\n    <DSTimePicker\n      id={id}\n      value={value}\n      fieldLabel={fieldLabel}\n      fieldRequired={fieldRequired}\n      fieldActions={fieldActions}\n      containerStyle={containerStyle}\n      clear={clear}\n      clearable={clearable}\n      clearLabel={clearLabel}\n      clearVisibility={clearVisibility}\n      onClear={onClear}\n      onValueChange={onValueChange}\n      dsFormat={dsFormat}\n      style={{ width: '100%', ...timeProps.style }}\n      {...timeProps}\n    />\n  );\n};\n"],"mappings":"qLAsBA,IAAa,GAAuB,CAClC,aACA,gBACA,QACA,YAAY,GACZ,aACA,kBAAkB,SAClB,UACA,gBACA,QACA,iBACA,eACA,KACA,WACA,GAAG,MAGD,EAAA,EAAA,KAAC,EAAA,EAAD,CACM,KACG,QACK,aACG,gBACD,eACE,iBACT,QACI,YACC,aACK,kBACR,UACM,gBACL,WACV,MAAO,CAAE,MAAO,OAAQ,GAAG,EAAU,MAAO,CAC5C,GAAI,EACJ,CAAA"}

package/dist-lib/forms/ClearableTimePicker.js

@@ -0,0 +1,27 @@
+import { t as e } from "../TimePicker-BgaELcl_.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/ds/forms/ClearableTimePicker.tsx
+var n = ({ fieldLabel: n, fieldRequired: r, clear: i, clearable: a = !0, clearLabel: o, clearVisibility: s = "always", onClear: c, onValueChange: l, value: u, containerStyle: d, fieldActions: f, id: p, dsFormat: m, ...h }) => /* @__PURE__ */ t(e, {
+	id: p,
+	value: u,
+	fieldLabel: n,
+	fieldRequired: r,
+	fieldActions: f,
+	containerStyle: d,
+	clear: i,
+	clearable: a,
+	clearLabel: o,
+	clearVisibility: s,
+	onClear: c,
+	onValueChange: l,
+	dsFormat: m,
+	style: {
+		width: "100%",
+		...h.style
+	},
+	...h
+});
+//#endregion
+export { n as ClearableTimePicker };
+
+//# sourceMappingURL=ClearableTimePicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableTimePicker.js","names":[],"sources":["../../src/ds/forms/ClearableTimePicker.tsx"],"sourcesContent":["import { TimePicker as DSTimePicker } from './TimePicker';\nimport type { CSSProperties, ReactNode } from 'react';\nimport type { Dayjs } from 'dayjs';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\nimport type { DSTimePickerProps } from './TimePicker';\n\ntype TimePickerProps = DSTimePickerProps;\n\nexport type ClearableTimePickerProps = Omit<TimePickerProps, 'onChange'> & {\n  fieldLabel: ReactNode;\n  fieldRequired?: boolean;\n  clear?: ClearConfig;\n  clearable?: boolean;\n  clearLabel?: ReactNode;\n  clearVisibility?: ClearVisibility;\n  onClear?: () => void;\n  onValueChange?: (nextValue: Dayjs | null) => void;\n  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n  dsFormat?: DSTimePickerProps['dsFormat'];\n};\n\nexport const ClearableTimePicker = ({\n  fieldLabel,\n  fieldRequired,\n  clear,\n  clearable = true,\n  clearLabel,\n  clearVisibility = 'always',\n  onClear,\n  onValueChange,\n  value,\n  containerStyle,\n  fieldActions,\n  id,\n  dsFormat,\n  ...timeProps\n}: ClearableTimePickerProps) => {\n  return (\n    <DSTimePicker\n      id={id}\n      value={value}\n      fieldLabel={fieldLabel}\n      fieldRequired={fieldRequired}\n      fieldActions={fieldActions}\n      containerStyle={containerStyle}\n      clear={clear}\n      clearable={clearable}\n      clearLabel={clearLabel}\n      clearVisibility={clearVisibility}\n      onClear={onClear}\n      onValueChange={onValueChange}\n      dsFormat={dsFormat}\n      style={{ width: '100%', ...timeProps.style }}\n      {...timeProps}\n    />\n  );\n};\n"],"mappings":";;;AAsBA,IAAa,KAAuB,EAClC,eACA,kBACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,UACA,mBACA,iBACA,OACA,aACA,GAAG,QAGD,kBAAC,GAAD;CACM;CACG;CACK;CACG;CACD;CACE;CACT;CACI;CACC;CACK;CACR;CACM;CACL;CACV,OAAO;EAAE,OAAO;EAAQ,GAAG,EAAU;EAAO;CAC5C,GAAI;CACJ,CAAA"}

package/dist-lib/forms/ClearableTransfer.cjs

@@ -0,0 +1,200 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`../core-bPY3ouxp.cjs`),t=require(`../theme.cjs`),n=require(`./Button.cjs`),r=require(`../useCustomIcon-DbSB56Pd.cjs`),i=require(`./FieldShell.cjs`),a=require(`./Checkbox.cjs`);let o=require(`antd`),s=require(`react`),c=require(`react/jsx-runtime`);var l=`ds-transfer-styles`,u={assignment:{showSearch:!0,oneWay:!1},reconciliation:{showSearch:!0,oneWay:!0},review:{showSearch:!1,oneWay:!1},compact:{showSearch:!0,oneWay:!1}};function d(...e){return e.filter(Boolean).join(` `).trim()}function f(e){e.querySelectorAll(`.ant-transfer-list-checkbox.ant-checkbox-wrapper`).forEach(e=>{e.classList.add(`ds-checkbox`,`ds-checkbox-size-md`)}),e.querySelectorAll(`.ant-transfer-list-body-search-wrapper`).forEach(e=>{let t=e;t.style.padding=`8px 10px`}),e.querySelectorAll(`.ant-transfer-list-search`).forEach(e=>{let t=e;t.style.margin=`0`,t.style.width=`100%`})}function p(){if(typeof document>`u`)return;let{button:n,form:r,table:i}=t.dsSemanticTokens,a=document.getElementById(l);a||(a=document.createElement(`style`),a.id=l,document.head.appendChild(a)),a.textContent=`
+    .ds-transfer {
+      width: 100%;
+      font-family: 'Nunito', sans-serif;
+    }
+
+    .ds-transfer .ant-transfer {
+      display: flex;
+      gap: 12px;
+      align-items: stretch;
+    }
+
+    .ds-transfer .ant-transfer-list {
+      border: 1px solid ${n.secondary.defaultBorder};
+      border-radius: 8px;
+      min-width: 220px;
+      background: ${i.surface.base};
+      overflow: hidden;
+    }
+
+    .ds-transfer .ant-transfer-list-header {
+      background: ${i.surface.header};
+      border-bottom: 1px solid ${i.border.bodyDivider};
+      padding: 8px 10px;
+      min-height: 40px;
+    }
+
+    .ds-transfer .ant-transfer-list-header-title {
+      color: ${i.text.header};
+      font-size: 12px;
+      line-height: 16px;
+      font-weight: 700;
+      text-transform: uppercase;
+      letter-spacing: 0.04em;
+    }
+
+    .ds-transfer .ant-transfer-list-header .ant-dropdown-trigger {
+      display: none !important;
+    }
+
+    .ds-transfer .ant-transfer-list .ant-transfer-list-body-search-wrapper {
+      padding: 8px 10px !important;
+    }
+
+    .ds-transfer .ant-transfer-list-search {
+      margin: 0;
+      width: 100%;
+      border-radius: 6px;
+    }
+
+    .ds-transfer .ant-transfer-list-content-item {
+      color: ${i.text.body};
+      min-height: 32px;
+      padding-inline: 10px;
+      transition: none !important;
+      position: relative;
+      border-inline-start: 4px solid transparent;
+    }
+
+    .ds-transfer .ant-transfer-list-content-item:hover {
+      background: ${i.surface.hover};
+    }
+
+    .ds-transfer .ant-transfer-list-content-item.ant-transfer-list-content-item-checked,
+    .ds-transfer .ant-transfer-list-content-item.ant-transfer-list-content-item-checked:hover,
+    .ds-transfer .ant-transfer-list-content-item.ant-transfer-list-content-item-checked:active,
+    .ds-transfer .ant-transfer-list-content-item:has(.ant-checkbox-checked),
+    .ds-transfer .ant-transfer-list-content-item:has(.ant-checkbox-checked):hover,
+    .ds-transfer .ant-transfer-list-content-item:has(.ant-checkbox-checked):active {
+      background: ${e.t.accent.highlightSoft} !important;
+      background-color: ${e.t.accent.highlightSoft} !important;
+      background-image: none !important;
+      border-inline-start-color: ${e.t.accent.highlight} !important;
+      color: ${e.t.text.strong} !important;
+      font-weight: 600 !important;
+    }
+
+    .ds-transfer .ant-transfer-actions,
+    .ds-transfer .ant-transfer-operation {
+      display: inline-flex;
+      flex-direction: column;
+      justify-content: center;
+      gap: 8px;
+      margin-inline: 12px;
+    }
+
+    .ds-transfer .ant-transfer-actions .ant-btn,
+    .ds-transfer .ant-transfer-operation .ant-btn {
+      border-radius: 6px;
+      border: 1px solid ${n.secondary.defaultBorder};
+      background: ${n.secondary.defaultBg};
+      color: ${n.secondary.defaultText};
+      min-width: 36px;
+      min-height: 32px;
+    }
+
+    .ds-transfer .ant-transfer-actions .ant-btn:hover,
+    .ds-transfer .ant-transfer-actions .ant-btn:focus,
+    .ds-transfer .ant-transfer-actions .ant-btn:active,
+    .ds-transfer .ant-transfer-operation .ant-btn:hover,
+    .ds-transfer .ant-transfer-operation .ant-btn:focus,
+    .ds-transfer .ant-transfer-operation .ant-btn:active {
+      border-color: ${n.secondary.hoverBorder};
+      color: ${n.secondary.hoverText};
+      background: ${n.secondary.hoverBg};
+    }
+
+    .ds-transfer .ant-transfer-actions .ant-btn .anticon,
+    .ds-transfer .ant-transfer-operation .ant-btn .anticon {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 16px;
+      height: 16px;
+      color: inherit;
+    }
+
+    .ds-transfer .ant-transfer-list-search.ant-input-affix-wrapper {
+      border-color: ${n.secondary.defaultBorder};
+      border-radius: 6px;
+      background: ${n.secondary.defaultBg};
+      box-shadow: none;
+    }
+
+    .ds-transfer .ant-transfer-list-search.ant-input-affix-wrapper:hover,
+    .ds-transfer .ant-transfer-list-search.ant-input-affix-wrapper:focus,
+    .ds-transfer .ant-transfer-list-search.ant-input-affix-wrapper:focus-within {
+      border-color: ${n.secondary.hoverBorder};
+      box-shadow: none;
+    }
+
+    .ds-transfer .ant-transfer-list-search .ant-input {
+      color: ${i.text.body};
+      background: transparent;
+    }
+
+    .ds-transfer .ant-transfer-list-search .ant-input::placeholder {
+      color: ${i.text.muted};
+      opacity: 1;
+    }
+
+    .ds-transfer .ant-transfer-list-search .ant-input-prefix .anticon,
+    .ds-transfer .ant-transfer-list-search .ant-input-suffix .anticon,
+    .ds-transfer .ant-transfer-list-header .anticon {
+      color: ${n.secondary.defaultText};
+      width: 14px;
+      height: 14px;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .ds-transfer .ant-transfer-list-checkbox .ant-checkbox-inner {
+      border-color: ${n.secondary.defaultBorder};
+      border-radius: 4px;
+      width: 16px;
+      height: 16px;
+      background: ${n.secondary.defaultBg};
+    }
+
+    .ds-transfer .ant-transfer-list-checkbox .ant-checkbox-checked .ant-checkbox-inner,
+    .ds-transfer .ant-transfer-list-checkbox .ant-checkbox-indeterminate .ant-checkbox-inner {
+      background: ${n.primary.default};
+      border-color: ${n.primary.default};
+    }
+
+    .ds-transfer .ant-transfer-list-checkbox .ant-checkbox:hover .ant-checkbox-inner,
+    .ds-transfer .ant-transfer-list-checkbox .ant-checkbox-wrapper:hover .ant-checkbox-inner {
+      border-color: ${n.secondary.hoverBorder};
+    }
+
+    .ds-transfer.ds-transfer--compact .ant-transfer {
+      gap: 8px;
+    }
+
+    .ds-transfer.ds-transfer--compact .ant-transfer-list {
+      min-width: 190px;
+    }
+
+    .ds-transfer.ds-transfer--compact .ant-transfer-list-header {
+      min-height: 34px;
+      padding: 6px 8px;
+    }
+
+    .ds-transfer.ds-transfer--compact .ant-transfer-list-content-item {
+      min-height: 28px;
+      padding-inline: 8px;
+      font-size: 12px;
+      line-height: 16px;
+    }
+
+    .ds-transfer.ds-transfer--review .ant-transfer-list-content-item {
+      cursor: default;
+    }
+
+    .ds-transfer.ds-transfer--review .ant-transfer-list {
+      background: ${r.surface.standard};
+    }
+  `}var m=({fieldLabel:e,fieldRequired:t,fieldDescription:l,fieldError:m,clear:h,clearable:g=!1,clearLabel:_,clearVisibility:v=`always`,onClear:y,onValueChange:b,clearToValue:x=[],targetKeys:S,containerStyle:C,fieldActions:w,dsVariant:T=`assignment`,className:E,...D})=>{let O=(0,s.useRef)(null);(0,s.useEffect)(()=>{p();let e=O.current;if(!e||typeof MutationObserver>`u`)return;f(e);let t=new MutationObserver(()=>{f(e)});return t.observe(e,{childList:!0,subtree:!0}),()=>t.disconnect()},[]);let k=h?.onClear??y,A=u[T],j=D.showSearch??A.showSearch,M=D.oneWay??A.oneWay,N=D.actions??(M?[(0,c.jsx)(n.Button,{dsVariant:`secondary`,size:`small`,icon:(0,c.jsx)(r.t,{name:`arrowRight1`,size:16}),"aria-label":`Move selected items to target list`},`move-right`)]:[(0,c.jsx)(n.Button,{dsVariant:`secondary`,size:`small`,icon:(0,c.jsx)(r.t,{name:`arrowRight1`,size:16}),"aria-label":`Move selected items to target list`},`move-right`),(0,c.jsx)(n.Button,{dsVariant:`secondary`,size:`small`,icon:(0,c.jsx)(r.t,{name:`arrowLeft1`,size:16}),"aria-label":`Move selected items to source list`},`move-left`)]),P=D.selectionsIcon??null,F=T===`compact`?{width:190,height:176}:void 0,I=D.listStyle,L=typeof I==`function`?I:{...F,...I},R=()=>{k?.(),b?.(x),D.onChange?.(x,`left`,[])},z=!!(e||t||l||m||w||g||h||y),B=(0,c.jsxs)(`div`,{ref:O,children:[(0,c.jsx)(`span`,{style:{display:`none`},"aria-hidden":`true`,children:(0,c.jsx)(a.Checkbox,{})}),(0,c.jsx)(o.Transfer,{...D,className:d(`ds-transfer`,`ds-transfer--${T}`,E),"data-ds-transfer-variant":T,actions:N,selectionsIcon:P,showSearch:j,oneWay:M,listStyle:L,targetKeys:S,onChange:(e,t,n)=>{D.onChange?.(e,t,n),b?.(e)}})]});return z?(0,c.jsx)(i.FieldShell,{label:e,required:t,description:l,error:m,clear:{enabled:h?.enabled??g,label:h?.label??_,visibility:h?.visibility??v,onClear:R},clearValue:S,extraActions:w,style:C,children:B}):B},h=({clearable:e=!0,...t})=>(0,c.jsx)(m,{...t,clearable:e});exports.ClearableTransfer=h,exports.Transfer=m;
+//# sourceMappingURL=ClearableTransfer.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableTransfer.cjs","names":[],"sources":["../../src/ds/forms/ClearableTransfer.tsx"],"sourcesContent":["import { Transfer as AntTransfer } from 'antd';\nimport type { CSSProperties, ReactNode } from 'react';\nimport { useEffect, useRef } from 'react';\nimport { FieldShell } from './FieldShell';\nimport { Button } from './Button';\nimport { Checkbox } from './Checkbox';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\nimport type { DSFieldShellProps } from './fieldProps';\nimport { dsSemanticTokens } from '../../theme/ontadaTheme';\nimport { CORE_COLORS } from '../../tokens/core';\nimport { Icon } from '../../utils/icons';\n\ntype AntTransferProps = React.ComponentProps<typeof AntTransfer>;\n\ntype TransferTargetKeys = AntTransferProps['targetKeys'];\n\nexport type DSTransferVariant = 'assignment' | 'reconciliation' | 'review' | 'compact';\n\nexport type TransferProps = AntTransferProps & DSFieldShellProps & {\n  onValueChange?: (nextValue: TransferTargetKeys) => void;\n  clearToValue?: TransferTargetKeys;\n  dsVariant?: DSTransferVariant;\n};\n\nexport type ClearableTransferProps = TransferProps & {\n  fieldLabel: ReactNode;\n  fieldRequired?: boolean;\n  clear?: ClearConfig;\n  clearable?: boolean;\n  clearLabel?: ReactNode;\n  clearVisibility?: ClearVisibility;\n  onClear?: () => void;\n  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nconst STYLE_ID = 'ds-transfer-styles';\n\nconst DEFAULTS_BY_VARIANT: Record<DSTransferVariant, Pick<AntTransferProps, 'showSearch' | 'oneWay'>> = {\n  assignment: { showSearch: true, oneWay: false },\n  reconciliation: { showSearch: true, oneWay: true },\n  review: { showSearch: false, oneWay: false },\n  compact: { showSearch: true, oneWay: false },\n};\n\nfunction mergeClassNames(...classNames: Array<string | undefined>) {\n  return classNames.filter(Boolean).join(' ').trim();\n}\n\nfunction applyDSCheckboxClasses(root: HTMLElement) {\n  const wrappers = root.querySelectorAll('.ant-transfer-list-checkbox.ant-checkbox-wrapper');\n  wrappers.forEach((wrapper) => {\n    wrapper.classList.add('ds-checkbox', 'ds-checkbox-size-md');\n  });\n\n  const searchWrappers = root.querySelectorAll('.ant-transfer-list-body-search-wrapper');\n  searchWrappers.forEach((wrapper) => {\n    const element = wrapper as HTMLElement;\n    element.style.padding = '8px 10px';\n  });\n\n  const searchInputs = root.querySelectorAll('.ant-transfer-list-search');\n  searchInputs.forEach((input) => {\n    const element = input as HTMLElement;\n    element.style.margin = '0';\n    element.style.width = '100%';\n  });\n}\n\nfunction injectStyles() {\n  if (typeof document === 'undefined') return;\n\n  const { button, form, table } = dsSemanticTokens;\n  let style = document.getElementById(STYLE_ID) as HTMLStyleElement | null;\n  if (!style) {\n    style = document.createElement('style');\n    style.id = STYLE_ID;\n    document.head.appendChild(style);\n  }\n\n  style.textContent = `\n    .ds-transfer {\n      width: 100%;\n      font-family: 'Nunito', sans-serif;\n    }\n\n    .ds-transfer .ant-transfer {\n      display: flex;\n      gap: 12px;\n      align-items: stretch;\n    }\n\n    .ds-transfer .ant-transfer-list {\n      border: 1px solid ${button.secondary.defaultBorder};\n      border-radius: 8px;\n      min-width: 220px;\n      background: ${table.surface.base};\n      overflow: hidden;\n    }\n\n    .ds-transfer .ant-transfer-list-header {\n      background: ${table.surface.header};\n      border-bottom: 1px solid ${table.border.bodyDivider};\n      padding: 8px 10px;\n      min-height: 40px;\n    }\n\n    .ds-transfer .ant-transfer-list-header-title {\n      color: ${table.text.header};\n      font-size: 12px;\n      line-height: 16px;\n      font-weight: 700;\n      text-transform: uppercase;\n      letter-spacing: 0.04em;\n    }\n\n    .ds-transfer .ant-transfer-list-header .ant-dropdown-trigger {\n      display: none !important;\n    }\n\n    .ds-transfer .ant-transfer-list .ant-transfer-list-body-search-wrapper {\n      padding: 8px 10px !important;\n    }\n\n    .ds-transfer .ant-transfer-list-search {\n      margin: 0;\n      width: 100%;\n      border-radius: 6px;\n    }\n\n    .ds-transfer .ant-transfer-list-content-item {\n      color: ${table.text.body};\n      min-height: 32px;\n      padding-inline: 10px;\n      transition: none !important;\n      position: relative;\n      border-inline-start: 4px solid transparent;\n    }\n\n    .ds-transfer .ant-transfer-list-content-item:hover {\n      background: ${table.surface.hover};\n    }\n\n    .ds-transfer .ant-transfer-list-content-item.ant-transfer-list-content-item-checked,\n    .ds-transfer .ant-transfer-list-content-item.ant-transfer-list-content-item-checked:hover,\n    .ds-transfer .ant-transfer-list-content-item.ant-transfer-list-content-item-checked:active,\n    .ds-transfer .ant-transfer-list-content-item:has(.ant-checkbox-checked),\n    .ds-transfer .ant-transfer-list-content-item:has(.ant-checkbox-checked):hover,\n    .ds-transfer .ant-transfer-list-content-item:has(.ant-checkbox-checked):active {\n      background: ${CORE_COLORS.accent.highlightSoft} !important;\n      background-color: ${CORE_COLORS.accent.highlightSoft} !important;\n      background-image: none !important;\n      border-inline-start-color: ${CORE_COLORS.accent.highlight} !important;\n      color: ${CORE_COLORS.text.strong} !important;\n      font-weight: 600 !important;\n    }\n\n    .ds-transfer .ant-transfer-actions,\n    .ds-transfer .ant-transfer-operation {\n      display: inline-flex;\n      flex-direction: column;\n      justify-content: center;\n      gap: 8px;\n      margin-inline: 12px;\n    }\n\n    .ds-transfer .ant-transfer-actions .ant-btn,\n    .ds-transfer .ant-transfer-operation .ant-btn {\n      border-radius: 6px;\n      border: 1px solid ${button.secondary.defaultBorder};\n      background: ${button.secondary.defaultBg};\n      color: ${button.secondary.defaultText};\n      min-width: 36px;\n      min-height: 32px;\n    }\n\n    .ds-transfer .ant-transfer-actions .ant-btn:hover,\n    .ds-transfer .ant-transfer-actions .ant-btn:focus,\n    .ds-transfer .ant-transfer-actions .ant-btn:active,\n    .ds-transfer .ant-transfer-operation .ant-btn:hover,\n    .ds-transfer .ant-transfer-operation .ant-btn:focus,\n    .ds-transfer .ant-transfer-operation .ant-btn:active {\n      border-color: ${button.secondary.hoverBorder};\n      color: ${button.secondary.hoverText};\n      background: ${button.secondary.hoverBg};\n    }\n\n    .ds-transfer .ant-transfer-actions .ant-btn .anticon,\n    .ds-transfer .ant-transfer-operation .ant-btn .anticon {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 16px;\n      height: 16px;\n      color: inherit;\n    }\n\n    .ds-transfer .ant-transfer-list-search.ant-input-affix-wrapper {\n      border-color: ${button.secondary.defaultBorder};\n      border-radius: 6px;\n      background: ${button.secondary.defaultBg};\n      box-shadow: none;\n    }\n\n    .ds-transfer .ant-transfer-list-search.ant-input-affix-wrapper:hover,\n    .ds-transfer .ant-transfer-list-search.ant-input-affix-wrapper:focus,\n    .ds-transfer .ant-transfer-list-search.ant-input-affix-wrapper:focus-within {\n      border-color: ${button.secondary.hoverBorder};\n      box-shadow: none;\n    }\n\n    .ds-transfer .ant-transfer-list-search .ant-input {\n      color: ${table.text.body};\n      background: transparent;\n    }\n\n    .ds-transfer .ant-transfer-list-search .ant-input::placeholder {\n      color: ${table.text.muted};\n      opacity: 1;\n    }\n\n    .ds-transfer .ant-transfer-list-search .ant-input-prefix .anticon,\n    .ds-transfer .ant-transfer-list-search .ant-input-suffix .anticon,\n    .ds-transfer .ant-transfer-list-header .anticon {\n      color: ${button.secondary.defaultText};\n      width: 14px;\n      height: 14px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .ds-transfer .ant-transfer-list-checkbox .ant-checkbox-inner {\n      border-color: ${button.secondary.defaultBorder};\n      border-radius: 4px;\n      width: 16px;\n      height: 16px;\n      background: ${button.secondary.defaultBg};\n    }\n\n    .ds-transfer .ant-transfer-list-checkbox .ant-checkbox-checked .ant-checkbox-inner,\n    .ds-transfer .ant-transfer-list-checkbox .ant-checkbox-indeterminate .ant-checkbox-inner {\n      background: ${button.primary.default};\n      border-color: ${button.primary.default};\n    }\n\n    .ds-transfer .ant-transfer-list-checkbox .ant-checkbox:hover .ant-checkbox-inner,\n    .ds-transfer .ant-transfer-list-checkbox .ant-checkbox-wrapper:hover .ant-checkbox-inner {\n      border-color: ${button.secondary.hoverBorder};\n    }\n\n    .ds-transfer.ds-transfer--compact .ant-transfer {\n      gap: 8px;\n    }\n\n    .ds-transfer.ds-transfer--compact .ant-transfer-list {\n      min-width: 190px;\n    }\n\n    .ds-transfer.ds-transfer--compact .ant-transfer-list-header {\n      min-height: 34px;\n      padding: 6px 8px;\n    }\n\n    .ds-transfer.ds-transfer--compact .ant-transfer-list-content-item {\n      min-height: 28px;\n      padding-inline: 8px;\n      font-size: 12px;\n      line-height: 16px;\n    }\n\n    .ds-transfer.ds-transfer--review .ant-transfer-list-content-item {\n      cursor: default;\n    }\n\n    .ds-transfer.ds-transfer--review .ant-transfer-list {\n      background: ${form.surface.standard};\n    }\n  `;\n}\n\nexport const Transfer = ({\n  fieldLabel,\n  fieldRequired,\n  fieldDescription,\n  fieldError,\n  clear,\n  clearable = false,\n  clearLabel,\n  clearVisibility = 'always',\n  onClear,\n  onValueChange,\n  clearToValue = [],\n  targetKeys,\n  containerStyle,\n  fieldActions,\n  dsVariant = 'assignment',\n  className,\n  ...transferProps\n}: TransferProps) => {\n  const transferRef = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    injectStyles();\n\n    const root = transferRef.current;\n    if (!root || typeof MutationObserver === 'undefined') return;\n\n    applyDSCheckboxClasses(root);\n    const observer = new MutationObserver(() => {\n      applyDSCheckboxClasses(root);\n    });\n    observer.observe(root, { childList: true, subtree: true });\n\n    return () => observer.disconnect();\n  }, []);\n\n  const clearAction = clear?.onClear ?? onClear;\n  const defaults = DEFAULTS_BY_VARIANT[dsVariant];\n  const resolvedShowSearch = transferProps.showSearch ?? defaults.showSearch;\n  const resolvedOneWay = transferProps.oneWay ?? defaults.oneWay;\n  const resolvedActions =\n    transferProps.actions ??\n    (resolvedOneWay\n      ? [\n          <Button\n            key=\"move-right\"\n            dsVariant=\"secondary\"\n            size=\"small\"\n            icon={<Icon name=\"arrowRight1\" size={16} />}\n            aria-label=\"Move selected items to target list\"\n          />,\n        ]\n      : [\n          <Button\n            key=\"move-right\"\n            dsVariant=\"secondary\"\n            size=\"small\"\n            icon={<Icon name=\"arrowRight1\" size={16} />}\n            aria-label=\"Move selected items to target list\"\n          />,\n          <Button\n            key=\"move-left\"\n            dsVariant=\"secondary\"\n            size=\"small\"\n            icon={<Icon name=\"arrowLeft1\" size={16} />}\n            aria-label=\"Move selected items to source list\"\n          />,\n        ]);\n  const resolvedSelectionsIcon = transferProps.selectionsIcon ?? null;\n  const compactListStyle = dsVariant === 'compact' ? { width: 190, height: 176 } : undefined;\n  const userListStyle = transferProps.listStyle;\n  const resolvedListStyle =\n    typeof userListStyle === 'function'\n      ? userListStyle\n      : { ...compactListStyle, ...userListStyle };\n\n  const handleClear = () => {\n    clearAction?.();\n    onValueChange?.(clearToValue);\n    transferProps.onChange?.(clearToValue, 'left', []);\n  };\n\n  const shouldWrapInFieldShell = Boolean(\n    fieldLabel || fieldRequired || fieldDescription || fieldError || fieldActions || clearable || clear || onClear,\n  );\n\n  const transferNode = (\n    <div ref={transferRef}>\n      <span style={{ display: 'none' }} aria-hidden=\"true\">\n        <Checkbox />\n      </span>\n      <AntTransfer\n        {...transferProps}\n        className={mergeClassNames('ds-transfer', `ds-transfer--${dsVariant}`, className)}\n        data-ds-transfer-variant={dsVariant}\n        actions={resolvedActions}\n        selectionsIcon={resolvedSelectionsIcon}\n        showSearch={resolvedShowSearch}\n        oneWay={resolvedOneWay}\n        listStyle={resolvedListStyle}\n        targetKeys={targetKeys}\n        onChange={(nextTargetKeys, direction, moveKeys) => {\n          transferProps.onChange?.(nextTargetKeys, direction, moveKeys);\n          onValueChange?.(nextTargetKeys);\n        }}\n      />\n    </div>\n  );\n\n  if (!shouldWrapInFieldShell) {\n    return transferNode;\n  }\n\n  return (\n    <FieldShell\n      label={fieldLabel}\n      required={fieldRequired}\n      description={fieldDescription}\n      error={fieldError}\n      clear={{\n        enabled: clear?.enabled ?? clearable,\n        label: clear?.label ?? clearLabel,\n        visibility: clear?.visibility ?? clearVisibility,\n        onClear: handleClear,\n      }}\n      clearValue={targetKeys}\n      extraActions={fieldActions}\n      style={containerStyle}\n    >\n      {transferNode}\n    </FieldShell>\n  );\n};\n\nexport const ClearableTransfer = ({\n  clearable = true,\n  ...props\n}: ClearableTransferProps) => {\n  return <Transfer {...props} clearable={clearable} />;\n};\n"],"mappings":"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"}