ods-ant 0.2.0 → 0.4.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","names":[],"sources":["../../src/ds/forms/Checkbox.tsx"],"sourcesContent":["import { Checkbox as AntCheckbox } from 'antd';\nimport type { CheckboxProps as AntCheckboxProps } from 'antd';\nimport type { ReactNode } from 'react';\nimport { useEffect } from 'react';\nimport { dsSemanticTokens } from '../../theme/ontadaTheme';\nimport { FieldShell } from './FieldShell';\nimport type { DSFieldShellProps } from './fieldProps';\nimport { joinDescribedByIds } from './fieldProps';\n\nexport type DSCheckboxSize = 'sm' | 'md' | 'lg';\nexport type DSCheckboxStatus = 'default' | 'error';\n\nexport type CheckboxProps = AntCheckboxProps & {\n  dsSize?: DSCheckboxSize;\n  dsStatus?: DSCheckboxStatus;\n} & DSFieldShellProps & {\n  onValueChange?: (nextValue: boolean) => void;\n  clearToValue?: boolean;\n  fieldDescription?: ReactNode;\n};\n\nconst STYLE_ID = 'ds-checkbox-styles';\n\nexport const Checkbox = ({\n  dsSize = 'md',\n  dsStatus = 'default',\n  className = '',\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}: CheckboxProps) => {\n  useEffect(() => {\n    if (typeof document !== 'undefined') {\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      const { checkbox } = dsSemanticTokens;\n\n      style.textContent = `\n        .ds-checkbox.ant-checkbox-wrapper {\n          align-items: center;\n        }\n\n        .ds-checkbox .ant-checkbox {\n          top: 0;\n        }\n\n        .ds-checkbox .ant-checkbox .ant-checkbox-inner {\n          border-radius: ${checkbox.radius}px;\n          border-color: ${checkbox.border.default};\n          border-width: ${checkbox.borderWidth.default}px;\n          background-color: ${checkbox.background.default};\n          transition: none !important;\n          animation: none !important;\n        }\n\n        .ds-checkbox .ant-checkbox::after,\n        .ds-checkbox .ant-checkbox .ant-checkbox-inner::after {\n          transition: none !important;\n          animation: none !important;\n        }\n\n        .ds-checkbox .ant-checkbox-input:focus-visible + .ant-checkbox-inner {\n          outline: 2px solid ${checkbox.border.hover};\n          outline-offset: 2px;\n        }\n\n        .ds-checkbox.ant-checkbox-wrapper:hover .ant-checkbox:not(.ant-checkbox-checked):not(.ant-checkbox-indeterminate):not(.ant-checkbox-disabled) .ant-checkbox-inner,\n        .ds-checkbox .ant-checkbox:hover:not(.ant-checkbox-checked):not(.ant-checkbox-indeterminate):not(.ant-checkbox-disabled) .ant-checkbox-inner,\n        .ds-checkbox .ant-checkbox:active:not(.ant-checkbox-checked):not(.ant-checkbox-indeterminate):not(.ant-checkbox-disabled) .ant-checkbox-inner {\n          border-color: ${checkbox.border.default};\n          border-width: ${checkbox.borderWidth.default}px;\n          background-color: ${checkbox.background.default};\n        }\n\n        .ds-checkbox .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {\n          border-color: ${checkbox.border.checked};\n          background-color: ${checkbox.background.checked};\n        }\n\n        .ds-checkbox .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after {\n          border-color: ${checkbox.mark.checked};\n        }\n\n        .ds-checkbox .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner {\n          border-color: ${checkbox.border.checked} !important;\n          background-color: ${checkbox.background.checked} !important;\n        }\n\n        .ds-checkbox .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner::after {\n          content: '';\n          position: absolute;\n          inset-inline-start: 50%;\n          top: 50%;\n          margin: 0;\n          background-color: ${checkbox.mark.indeterminate} !important;\n          border: none !important;\n          border-radius: 1px;\n          transform: translate(-50%, -50%) !important;\n          opacity: 1;\n        }\n\n        .ds-checkbox .ant-checkbox.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after,\n        .ds-checkbox.ant-checkbox-wrapper-disabled .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner::after {\n          background-color: ${checkbox.mark.indeterminate} !important;\n        }\n\n        .ds-checkbox.ds-checkbox-status-error .ant-checkbox:not(.ant-checkbox-checked):not(.ant-checkbox-indeterminate):not(.ant-checkbox-disabled) .ant-checkbox-inner {\n          border-color: ${checkbox.border.error};\n        }\n\n        .ds-checkbox.ds-checkbox-status-error.ant-checkbox-wrapper:hover .ant-checkbox:not(.ant-checkbox-checked):not(.ant-checkbox-indeterminate):not(.ant-checkbox-disabled) .ant-checkbox-inner,\n        .ds-checkbox.ds-checkbox-status-error .ant-checkbox:hover:not(.ant-checkbox-checked):not(.ant-checkbox-indeterminate):not(.ant-checkbox-disabled) .ant-checkbox-inner,\n        .ds-checkbox.ds-checkbox-status-error .ant-checkbox:active:not(.ant-checkbox-checked):not(.ant-checkbox-indeterminate):not(.ant-checkbox-disabled) .ant-checkbox-inner {\n          border-color: ${checkbox.border.error};\n          border-width: ${checkbox.borderWidth.default}px;\n        }\n\n        .ds-checkbox.ds-checkbox-status-error .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner,\n        .ds-checkbox.ds-checkbox-status-error .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner {\n          border-color: ${checkbox.border.error};\n          background-color: ${checkbox.background.errorChecked};\n        }\n\n        .ds-checkbox.ds-checkbox-status-error.ant-checkbox-wrapper:hover .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner,\n        .ds-checkbox.ds-checkbox-status-error.ant-checkbox-wrapper:hover .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner,\n        .ds-checkbox.ds-checkbox-status-error .ant-checkbox.ant-checkbox-checked:hover .ant-checkbox-inner,\n        .ds-checkbox.ds-checkbox-status-error .ant-checkbox.ant-checkbox-indeterminate:hover .ant-checkbox-inner,\n        .ds-checkbox.ds-checkbox-status-error .ant-checkbox.ant-checkbox-checked:active .ant-checkbox-inner,\n        .ds-checkbox.ds-checkbox-status-error .ant-checkbox.ant-checkbox-indeterminate:active .ant-checkbox-inner {\n          border-color: ${checkbox.border.error};\n          background-color: ${checkbox.background.errorChecked};\n        }\n\n        .ds-checkbox .ant-checkbox.ant-checkbox-disabled .ant-checkbox-inner,\n        .ds-checkbox.ant-checkbox-wrapper-disabled .ant-checkbox .ant-checkbox-inner {\n          background-color: ${checkbox.background.disabled};\n          border-color: transparent;\n        }\n\n        .ds-checkbox .ant-checkbox.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after,\n        .ds-checkbox .ant-checkbox.ant-checkbox-disabled.ant-checkbox-indeterminate .ant-checkbox-inner::after {\n          border-color: ${checkbox.mark.checked};\n          opacity: 0.95;\n        }\n\n        .ds-checkbox .ant-checkbox.ant-checkbox-disabled.ant-checkbox-indeterminate .ant-checkbox-inner::after,\n        .ds-checkbox .ant-checkbox.ant-checkbox-disabled.ant-checkbox-indeterminate::after {\n          border-width: 0 !important;\n          background-color: ${checkbox.mark.indeterminate} !important;\n        }\n\n        .ds-checkbox.ds-checkbox-size-sm .ant-checkbox .ant-checkbox-inner {\n          width: ${checkbox.size.sm}px;\n          height: ${checkbox.size.sm}px;\n        }\n\n        .ds-checkbox.ds-checkbox-size-sm .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after {\n          width: 5px;\n          height: 9px;\n        }\n\n        .ds-checkbox.ds-checkbox-size-sm .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner::after {\n          width: ${checkbox.indeterminate.sm.width}px !important;\n          height: ${checkbox.indeterminate.sm.height}px !important;\n        }\n\n        .ds-checkbox.ds-checkbox-size-md .ant-checkbox .ant-checkbox-inner {\n          width: ${checkbox.size.md}px;\n          height: ${checkbox.size.md}px;\n        }\n\n        .ds-checkbox.ds-checkbox-size-md .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after {\n          width: 6px;\n          height: 10px;\n        }\n\n        .ds-checkbox.ds-checkbox-size-md .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner::after {\n          width: ${checkbox.indeterminate.md.width}px !important;\n          height: ${checkbox.indeterminate.md.height}px !important;\n        }\n\n        .ds-checkbox.ds-checkbox-size-lg .ant-checkbox .ant-checkbox-inner {\n          width: ${checkbox.size.lg}px;\n          height: ${checkbox.size.lg}px;\n        }\n\n        .ds-checkbox.ds-checkbox-size-lg .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after {\n          width: 7px;\n          height: 11px;\n        }\n\n        .ds-checkbox.ds-checkbox-size-lg .ant-checkbox.ant-checkbox-indeterminate .ant-checkbox-inner::after {\n          width: ${checkbox.indeterminate.lg.width}px !important;\n          height: ${checkbox.indeterminate.lg.height}px !important;\n        }\n\n        /* Ant v6 checkbox visuals are rendered on .ant-checkbox and its ::after */\n        .ds-checkbox .ant-checkbox {\n          width: ${checkbox.size.md}px;\n          height: ${checkbox.size.md}px;\n          --ds-checkbox-mark-width: 6px;\n          --ds-checkbox-mark-height: 10px;\n          --ds-checkbox-mark-stroke: 2px;\n          border-radius: ${checkbox.radius}px;\n          border: ${checkbox.borderWidth.default}px solid ${checkbox.border.default};\n          background-color: ${checkbox.background.default};\n          box-sizing: border-box;\n          transition: none !important;\n          animation: none !important;\n        }\n\n        .ds-checkbox.ds-checkbox-size-sm .ant-checkbox {\n          width: ${checkbox.size.sm}px;\n          height: ${checkbox.size.sm}px;\n          --ds-checkbox-mark-width: 5px;\n          --ds-checkbox-mark-height: 9px;\n        }\n\n        .ds-checkbox.ds-checkbox-size-lg .ant-checkbox {\n          width: ${checkbox.size.lg}px;\n          height: ${checkbox.size.lg}px;\n          --ds-checkbox-mark-width: 7px;\n          --ds-checkbox-mark-height: 11px;\n        }\n\n        .ds-checkbox.ant-checkbox-wrapper:hover .ant-checkbox:not(.ant-checkbox-checked):not(.ant-checkbox-indeterminate):not(.ant-checkbox-disabled),\n        .ds-checkbox .ant-checkbox:hover:not(.ant-checkbox-checked):not(.ant-checkbox-indeterminate):not(.ant-checkbox-disabled),\n        .ds-checkbox .ant-checkbox:active:not(.ant-checkbox-checked):not(.ant-checkbox-indeterminate):not(.ant-checkbox-disabled) {\n          border-color: ${checkbox.border.default} !important;\n          border-width: ${checkbox.borderWidth.default}px !important;\n          background-color: ${checkbox.background.default} !important;\n        }\n\n        .ds-checkbox .ant-checkbox.ant-checkbox-indeterminate {\n          border-color: ${checkbox.border.checked} !important;\n          background-color: ${checkbox.background.checked} !important;\n        }\n\n        .ds-checkbox .ant-checkbox.ant-checkbox-checked {\n          border-color: transparent !important;\n          background-color: ${checkbox.background.checked} !important;\n        }\n\n        .ds-checkbox .ant-checkbox.ant-checkbox-checked::after {\n          border-color: ${checkbox.mark.checked} !important;\n        }\n\n        .ds-checkbox .ant-checkbox.ant-checkbox-checked::after,\n        .ds-checkbox .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after {\n          content: '' !important;\n          position: absolute !important;\n          left: 50% !important;\n          top: 50% !important;\n          margin: 0 !important;\n          width: var(--ds-checkbox-mark-width) !important;\n          height: var(--ds-checkbox-mark-height) !important;\n          border: solid ${checkbox.mark.checked} !important;\n          border-width: 0 var(--ds-checkbox-mark-stroke) var(--ds-checkbox-mark-stroke) 0 !important;\n          background: transparent !important;\n          transform: translate(-50%, -58%) rotate(45deg) !important;\n          transform-origin: center !important;\n          box-sizing: border-box !important;\n          opacity: 1 !important;\n        }\n\n        .ds-checkbox .ant-checkbox.ant-checkbox-indeterminate::after {\n          content: '' !important;\n          position: absolute !important;\n          left: 50% !important;\n          top: 50% !important;\n          margin: 0 !important;\n          border: 0 !important;\n          border-radius: 1px !important;\n          background: ${checkbox.mark.indeterminate} !important;\n          transform: translate(-50%, -50%) !important;\n          opacity: 1 !important;\n        }\n\n        .ds-checkbox.ds-checkbox-size-sm .ant-checkbox.ant-checkbox-indeterminate::after {\n          width: ${checkbox.indeterminate.sm.width}px !important;\n          height: ${checkbox.indeterminate.sm.height}px !important;\n        }\n\n        .ds-checkbox.ds-checkbox-size-md .ant-checkbox.ant-checkbox-indeterminate::after {\n          width: ${checkbox.indeterminate.md.width}px !important;\n          height: ${checkbox.indeterminate.md.height}px !important;\n        }\n\n        .ds-checkbox.ds-checkbox-size-lg .ant-checkbox.ant-checkbox-indeterminate::after {\n          width: ${checkbox.indeterminate.lg.width}px !important;\n          height: ${checkbox.indeterminate.lg.height}px !important;\n        }\n\n        .ds-checkbox.ds-checkbox-status-error .ant-checkbox.ant-checkbox-checked,\n        .ds-checkbox.ds-checkbox-status-error .ant-checkbox.ant-checkbox-indeterminate {\n          border-color: ${checkbox.border.error} !important;\n          background-color: ${checkbox.background.errorChecked} !important;\n        }\n\n        .ds-checkbox.ds-checkbox-status-error .ant-checkbox.ant-checkbox-checked::after {\n          border-color: ${checkbox.mark.checked} !important;\n        }\n\n        .ds-checkbox .ant-checkbox.ant-checkbox-disabled.ant-checkbox-checked,\n        .ds-checkbox .ant-checkbox.ant-checkbox-disabled.ant-checkbox-indeterminate,\n        .ds-checkbox.ant-checkbox-wrapper-disabled .ant-checkbox.ant-checkbox-checked,\n        .ds-checkbox.ant-checkbox-wrapper-disabled .ant-checkbox.ant-checkbox-indeterminate {\n          border-color: transparent !important;\n          background-color: ${checkbox.background.disabled} !important;\n        }\n      `;\n    }\n  }, []);\n\n  const mergedClassName = `ds-checkbox ds-checkbox-size-${dsSize} ds-checkbox-status-${dsStatus} ${className}`.trim();\n  const shouldWrapInFieldShell = Boolean(\n    fieldLabel ||\n      fieldRequired ||\n      fieldDescription ||\n      fieldError ||\n      fieldActions ||\n      clearable ||\n      clear ||\n      onClear,\n  );\n  const descriptionId = id ? `${id}-description` : undefined;\n  const errorId = id ? `${id}-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    <AntCheckbox\n      {...props}\n      id={id}\n      checked={checked}\n      className={mergedClassName}\n      aria-describedby={describedBy}\n      aria-invalid={fieldError ? true : undefined}\n      onChange={(event) => {\n        props.onChange?.(event);\n        onValueChange?.(event.target.checked);\n      }}\n    >\n      {children}\n    </AntCheckbox>\n  );\n\n  if (!shouldWrapInFieldShell) {\n    return control;\n  }\n\n  return (\n    <FieldShell\n      label={fieldLabel}\n      required={fieldRequired}\n      htmlFor={id}\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\nCheckbox.displayName = 'Checkbox';\nCheckbox.Group = AntCheckbox.Group;"],"mappings":";;;;;;;AAqBA,IAAM,IAAW,sBAEJ,KAAY,EACvB,YAAS,MACT,cAAW,WACX,eAAY,IACZ,eACA,kBACA,qBACA,eACA,iBACA,mBACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,kBAAe,IACf,OACA,YACA,aACA,GAAG,QACgB;AACnB,SAAgB;AACd,MAAI,OAAO,WAAa,KAAa;GACnC,IAAI,IAAQ,SAAS,eAAe,EAAS;AAC7C,GAAK,MACH,IAAQ,SAAS,cAAc,QAAQ,EACvC,EAAM,KAAK,GACX,SAAS,KAAK,YAAY,EAAM;GAElC,IAAM,EAAE,gBAAa;AAErB,KAAM,cAAc;;;;;;;;;;2BAUC,EAAS,OAAO;0BACjB,EAAS,OAAO,QAAQ;0BACxB,EAAS,YAAY,QAAQ;8BACzB,EAAS,WAAW,QAAQ;;;;;;;;;;;;+BAY3B,EAAS,OAAO,MAAM;;;;;;;0BAO3B,EAAS,OAAO,QAAQ;0BACxB,EAAS,YAAY,QAAQ;8BACzB,EAAS,WAAW,QAAQ;;;;0BAIhC,EAAS,OAAO,QAAQ;8BACpB,EAAS,WAAW,QAAQ;;;;0BAIhC,EAAS,KAAK,QAAQ;;;;0BAItB,EAAS,OAAO,QAAQ;8BACpB,EAAS,WAAW,QAAQ;;;;;;;;;8BAS5B,EAAS,KAAK,cAAc;;;;;;;;;8BAS5B,EAAS,KAAK,cAAc;;;;0BAIhC,EAAS,OAAO,MAAM;;;;;;0BAMtB,EAAS,OAAO,MAAM;0BACtB,EAAS,YAAY,QAAQ;;;;;0BAK7B,EAAS,OAAO,MAAM;8BAClB,EAAS,WAAW,aAAa;;;;;;;;;0BASrC,EAAS,OAAO,MAAM;8BAClB,EAAS,WAAW,aAAa;;;;;8BAKjC,EAAS,WAAW,SAAS;;;;;;0BAMjC,EAAS,KAAK,QAAQ;;;;;;;8BAOlB,EAAS,KAAK,cAAc;;;;mBAIvC,EAAS,KAAK,GAAG;oBAChB,EAAS,KAAK,GAAG;;;;;;;;;mBASlB,EAAS,cAAc,GAAG,MAAM;oBAC/B,EAAS,cAAc,GAAG,OAAO;;;;mBAIlC,EAAS,KAAK,GAAG;oBAChB,EAAS,KAAK,GAAG;;;;;;;;;mBASlB,EAAS,cAAc,GAAG,MAAM;oBAC/B,EAAS,cAAc,GAAG,OAAO;;;;mBAIlC,EAAS,KAAK,GAAG;oBAChB,EAAS,KAAK,GAAG;;;;;;;;;mBASlB,EAAS,cAAc,GAAG,MAAM;oBAC/B,EAAS,cAAc,GAAG,OAAO;;;;;mBAKlC,EAAS,KAAK,GAAG;oBAChB,EAAS,KAAK,GAAG;;;;2BAIV,EAAS,OAAO;oBACvB,EAAS,YAAY,QAAQ,WAAW,EAAS,OAAO,QAAQ;8BACtD,EAAS,WAAW,QAAQ;;;;;;;mBAOvC,EAAS,KAAK,GAAG;oBAChB,EAAS,KAAK,GAAG;;;;;;mBAMlB,EAAS,KAAK,GAAG;oBAChB,EAAS,KAAK,GAAG;;;;;;;;0BAQX,EAAS,OAAO,QAAQ;0BACxB,EAAS,YAAY,QAAQ;8BACzB,EAAS,WAAW,QAAQ;;;;0BAIhC,EAAS,OAAO,QAAQ;8BACpB,EAAS,WAAW,QAAQ;;;;;8BAK5B,EAAS,WAAW,QAAQ;;;;0BAIhC,EAAS,KAAK,QAAQ;;;;;;;;;;;;0BAYtB,EAAS,KAAK,QAAQ;;;;;;;;;;;;;;;;;wBAiBxB,EAAS,KAAK,cAAc;;;;;;mBAMjC,EAAS,cAAc,GAAG,MAAM;oBAC/B,EAAS,cAAc,GAAG,OAAO;;;;mBAIlC,EAAS,cAAc,GAAG,MAAM;oBAC/B,EAAS,cAAc,GAAG,OAAO;;;;mBAIlC,EAAS,cAAc,GAAG,MAAM;oBAC/B,EAAS,cAAc,GAAG,OAAO;;;;;0BAK3B,EAAS,OAAO,MAAM;8BAClB,EAAS,WAAW,aAAa;;;;0BAIrC,EAAS,KAAK,QAAQ;;;;;;;;8BAQlB,EAAS,WAAW,SAAS;;;;IAItD,EAAE,CAAC;CAEN,IAAM,IAAkB,gCAAgC,EAAO,sBAAsB,EAAS,GAAG,IAAY,MAAM,EAC7G,IAAyB,GAC7B,KACE,KACA,KACA,KACA,KACA,KACA,KACA,IAEE,IAAgB,IAAK,GAAG,EAAG,gBAAgB,KAAA,GAC3C,IAAU,IAAK,GAAG,EAAG,UAAU,KAAA,GAC/B,IAAc,GAAO,WAAW,GAChC,IAAc,EAClB,IAAmB,IAAgB,KAAA,GACnC,IAAa,IAAU,KAAA,EACxB,EAEK,IACJ,kBAAC,GAAD;EACE,GAAI;EACA;EACK;EACT,WAAW;EACX,oBAAkB;EAClB,gBAAc,IAAa,KAAO,KAAA;EAClC,WAAW,MAAU;AAEnB,GADA,EAAM,WAAW,EAAM,EACvB,IAAgB,EAAM,OAAO,QAAQ;;EAGtC;EACW,CAAA;AAOhB,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;;AA6BX,EAAS,cAAc,YACvB,EAAS,QAAQ,EAAY"}

package/dist-lib/forms/CheckboxGroup.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.Checkbox.Group,{"aria-labelledby":S,"aria-describedby":[C,w].filter(Boolean).join(` `)||void 0,value:v,onChange:e=>{y.onChange?.(e),g?.(e)},...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.CheckboxGroup=i;
+//# sourceMappingURL=CheckboxGroup.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.cjs","names":[],"sources":["../../src/ds/forms/CheckboxGroup.tsx"],"sourcesContent":["import { Checkbox as AntCheckbox } from 'antd';\nimport type { CSSProperties, ReactNode } from 'react';\nimport { useId } from 'react';\nimport { FieldSetShell } from './FieldSetShell';\nimport type { DSFieldShellProps } from './fieldProps';\n\ntype AntCheckboxGroupProps = React.ComponentProps<typeof AntCheckbox.Group>;\n\nexport type CheckboxGroupProps = AntCheckboxGroupProps &\n  DSFieldShellProps & {\n    onValueChange?: (selectedValues: Array<string | number | boolean>) => void;\n    clearToValue?: Array<string | number | boolean>;\n    fieldLabelStyle?: CSSProperties;\n    fieldDescription?: ReactNode;\n  };\n\nexport const CheckboxGroup = ({\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}: CheckboxGroupProps) => {\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    <AntCheckbox.Group\n      aria-labelledby={titleId}\n      aria-describedby={[descriptionId, errorId].filter(Boolean).join(' ') || undefined}\n      value={value}\n      onChange={(nextValues) => {\n        props.onChange?.(nextValues);\n        onValueChange?.(nextValues as Array<string | number | boolean>);\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":"mNAgBA,IAAa,GAAiB,CAC5B,aACA,kBACA,gBACA,mBACA,aACA,eACA,iBACA,QACA,YAAY,GACZ,aACA,kBAAkB,SAClB,UACA,gBACA,eAAe,EAAE,CACjB,QACA,GAAG,KACqB,CACxB,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,SAAY,MAAb,CACE,kBAAiB,EACjB,mBAAkB,CAAC,EAAe,EAAQ,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,EAAI,IAAA,GACjE,QACP,SAAW,GAAe,CACxB,EAAM,WAAW,EAAW,CAC5B,IAAgB,EAA+C,EAEjE,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/CheckboxGroup.js

@@ -0,0 +1,42 @@
+import { FieldSetShell as e } from "./FieldSetShell.js";
+import { Checkbox as t } from "antd";
+import { useId as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/ds/forms/CheckboxGroup.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);
+		},
+		...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 CheckboxGroup };
+
+//# sourceMappingURL=CheckboxGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.js","names":[],"sources":["../../src/ds/forms/CheckboxGroup.tsx"],"sourcesContent":["import { Checkbox as AntCheckbox } from 'antd';\nimport type { CSSProperties, ReactNode } from 'react';\nimport { useId } from 'react';\nimport { FieldSetShell } from './FieldSetShell';\nimport type { DSFieldShellProps } from './fieldProps';\n\ntype AntCheckboxGroupProps = React.ComponentProps<typeof AntCheckbox.Group>;\n\nexport type CheckboxGroupProps = AntCheckboxGroupProps &\n  DSFieldShellProps & {\n    onValueChange?: (selectedValues: Array<string | number | boolean>) => void;\n    clearToValue?: Array<string | number | boolean>;\n    fieldLabelStyle?: CSSProperties;\n    fieldDescription?: ReactNode;\n  };\n\nexport const CheckboxGroup = ({\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}: CheckboxGroupProps) => {\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    <AntCheckbox.Group\n      aria-labelledby={titleId}\n      aria-describedby={[descriptionId, errorId].filter(Boolean).join(' ') || undefined}\n      value={value}\n      onChange={(nextValues) => {\n        props.onChange?.(nextValues);\n        onValueChange?.(nextValues as Array<string | number | boolean>);\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":";;;;;AAgBA,IAAa,KAAiB,EAC5B,eACA,oBACA,kBACA,qBACA,eACA,iBACA,mBACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,kBAAe,EAAE,EACjB,UACA,GAAG,QACqB;CACxB,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,EAAY,OAAb;EACE,mBAAiB;EACjB,oBAAkB,CAAC,GAAe,EAAQ,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,IAAI,KAAA;EACjE;EACP,WAAW,MAAe;AAExB,GADA,EAAM,WAAW,EAAW,EAC5B,IAAgB,EAA+C;;EAEjE,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/ClearableAutoComplete.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`../AutoComplete-gOMQxLvY.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,className:m,style:h,...g})=>(0,t.jsx)(e.t,{id:p,value:u,className:m,fieldLabel:n,fieldRequired:r,fieldActions:f,containerStyle:d,clear:i,clearable:a,clearLabel:o,clearVisibility:s,onClear:c,onValueChange:l,style:{width:`100%`,...h},...g});exports.ClearableAutoComplete=n;
+//# sourceMappingURL=ClearableAutoComplete.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableAutoComplete.cjs","names":[],"sources":["../../src/ds/forms/ClearableAutoComplete.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\nimport { AutoComplete } from './AutoComplete';\n\ntype AutoCompleteProps = React.ComponentProps<typeof AutoComplete>;\n\nexport type ClearableAutoCompleteProps = Omit<AutoCompleteProps, '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: string) => void;\n  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nexport const ClearableAutoComplete = ({\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  className: providedClassName,\n  style: providedStyle,\n  ...autoCompleteProps\n}: ClearableAutoCompleteProps) => {\n  return (\n    <AutoComplete\n      id={id}\n      value={value}\n      className={providedClassName}\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      style={{ width: '100%', ...providedStyle }}\n      {...autoCompleteProps}\n    />\n  );\n};\n"],"mappings":"uLAmBA,IAAa,GAAyB,CACpC,aACA,gBACA,QACA,YAAY,GACZ,aACA,kBAAkB,SAClB,UACA,gBACA,QACA,iBACA,eACA,KACA,UAAW,EACX,MAAO,EACP,GAAG,MAGD,EAAA,EAAA,KAAC,EAAA,EAAD,CACM,KACG,QACP,UAAW,EACC,aACG,gBACD,eACE,iBACT,QACI,YACC,aACK,kBACR,UACM,gBACf,MAAO,CAAE,MAAO,OAAQ,GAAG,EAAe,CAC1C,GAAI,EACJ,CAAA"}

package/dist-lib/forms/ClearableAutoComplete.js

@@ -0,0 +1,27 @@
+import { t as e } from "../AutoComplete-cpf8hCnK.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/ds/forms/ClearableAutoComplete.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, className: m, style: h, ...g }) => /* @__PURE__ */ t(e, {
+	id: p,
+	value: u,
+	className: m,
+	fieldLabel: n,
+	fieldRequired: r,
+	fieldActions: f,
+	containerStyle: d,
+	clear: i,
+	clearable: a,
+	clearLabel: o,
+	clearVisibility: s,
+	onClear: c,
+	onValueChange: l,
+	style: {
+		width: "100%",
+		...h
+	},
+	...g
+});
+//#endregion
+export { n as ClearableAutoComplete };
+
+//# sourceMappingURL=ClearableAutoComplete.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableAutoComplete.js","names":[],"sources":["../../src/ds/forms/ClearableAutoComplete.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\nimport { AutoComplete } from './AutoComplete';\n\ntype AutoCompleteProps = React.ComponentProps<typeof AutoComplete>;\n\nexport type ClearableAutoCompleteProps = Omit<AutoCompleteProps, '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: string) => void;\n  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nexport const ClearableAutoComplete = ({\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  className: providedClassName,\n  style: providedStyle,\n  ...autoCompleteProps\n}: ClearableAutoCompleteProps) => {\n  return (\n    <AutoComplete\n      id={id}\n      value={value}\n      className={providedClassName}\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      style={{ width: '100%', ...providedStyle }}\n      {...autoCompleteProps}\n    />\n  );\n};\n"],"mappings":";;;AAmBA,IAAa,KAAyB,EACpC,eACA,kBACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,UACA,mBACA,iBACA,OACA,WAAW,GACX,OAAO,GACP,GAAG,QAGD,kBAAC,GAAD;CACM;CACG;CACP,WAAW;CACC;CACG;CACD;CACE;CACT;CACI;CACC;CACK;CACR;CACM;CACf,OAAO;EAAE,OAAO;EAAQ,GAAG;EAAe;CAC1C,GAAI;CACJ,CAAA"}

package/dist-lib/forms/ClearableCascader.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`./Cascader.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.Cascader,{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},...h});exports.ClearableCascader=n;
+//# sourceMappingURL=ClearableCascader.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableCascader.cjs","names":[],"sources":["../../src/ds/forms/ClearableCascader.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\nimport { Cascader } from './Cascader';\n\ntype CascaderProps = React.ComponentProps<typeof Cascader>;\n\nexport type ClearableCascaderProps = Omit<CascaderProps, '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: CascaderProps['value']) => void;\n  clearToValue?: CascaderProps['value'];\n  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nexport const ClearableCascader = ({\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  ...cascaderProps\n}: ClearableCascaderProps) => {\n  return (\n    <Cascader\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%', ...cascaderProps.style }}\n      {...cascaderProps}\n    />\n  );\n};\n"],"mappings":"yKAoBA,IAAa,GAAqB,CAChC,aACA,gBACA,QACA,YAAY,GACZ,aACA,kBAAkB,SAClB,UACA,gBACA,eACA,QACA,iBACA,eACA,KACA,GAAG,MAGD,EAAA,EAAA,KAAC,EAAA,SAAD,CACM,KACG,QACK,aACG,gBACD,eACE,iBACT,QACI,YACC,aACK,kBACR,UACM,gBACD,eACd,MAAO,CAAE,MAAO,OAAQ,GAAG,EAAc,MAAO,CAChD,GAAI,EACJ,CAAA"}

package/dist-lib/forms/ClearableCascader.js

@@ -0,0 +1,27 @@
+import { Cascader as e } from "./Cascader.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/ds/forms/ClearableCascader.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, {
+	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
+	},
+	...h
+});
+//#endregion
+export { n as ClearableCascader };
+
+//# sourceMappingURL=ClearableCascader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableCascader.js","names":[],"sources":["../../src/ds/forms/ClearableCascader.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\nimport { Cascader } from './Cascader';\n\ntype CascaderProps = React.ComponentProps<typeof Cascader>;\n\nexport type ClearableCascaderProps = Omit<CascaderProps, '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: CascaderProps['value']) => void;\n  clearToValue?: CascaderProps['value'];\n  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nexport const ClearableCascader = ({\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  ...cascaderProps\n}: ClearableCascaderProps) => {\n  return (\n    <Cascader\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%', ...cascaderProps.style }}\n      {...cascaderProps}\n    />\n  );\n};\n"],"mappings":";;;AAoBA,IAAa,KAAqB,EAChC,eACA,kBACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,iBACA,UACA,mBACA,iBACA,OACA,GAAG,QAGD,kBAAC,GAAD;CACM;CACG;CACK;CACG;CACD;CACE;CACT;CACI;CACC;CACK;CACR;CACM;CACD;CACd,OAAO;EAAE,OAAO;EAAQ,GAAG,EAAc;EAAO;CAChD,GAAI;CACJ,CAAA"}

package/dist-lib/forms/ClearableCheckbox.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`./Checkbox.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,checked:u,children:d,containerStyle:f,fieldActions:p,id:m,...h})=>(0,t.jsx)(e.Checkbox,{id:m,checked:u,fieldLabel:n,fieldRequired:r,fieldActions:p,containerStyle:f,clear:i,clearable:a,clearLabel:o,clearVisibility:s,onClear:c,onValueChange:l,...h,children:d});exports.ClearableCheckbox=n;
+//# sourceMappingURL=ClearableCheckbox.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableCheckbox.cjs","names":[],"sources":["../../src/ds/forms/ClearableCheckbox.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { Checkbox } from './Checkbox';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\n\ntype CheckboxProps = React.ComponentProps<typeof Checkbox>;\n\nexport type ClearableCheckboxProps = Omit<CheckboxProps, '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  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nexport const ClearableCheckbox = ({\n  fieldLabel,\n  fieldRequired,\n  clear,\n  clearable = true,\n  clearLabel,\n  clearVisibility = 'always',\n  onClear,\n  onValueChange,\n  checked,\n  children,\n  containerStyle,\n  fieldActions,\n  id,\n  ...checkboxProps\n}: ClearableCheckboxProps) => {\n  return (\n    <Checkbox\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      {...checkboxProps}\n    >\n      {children}\n    </Checkbox>\n  );\n};\n"],"mappings":"yKAmBA,IAAa,GAAqB,CAChC,aACA,gBACA,QACA,YAAY,GACZ,aACA,kBAAkB,SAClB,UACA,gBACA,UACA,WACA,iBACA,eACA,KACA,GAAG,MAGD,EAAA,EAAA,KAAC,EAAA,SAAD,CACM,KACK,UACG,aACG,gBACD,eACE,iBACT,QACI,YACC,aACK,kBACR,UACM,gBACf,GAAI,EAEH,WACQ,CAAA"}

package/dist-lib/forms/ClearableCheckbox.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableCheckbox.js","names":[],"sources":["../../src/ds/forms/ClearableCheckbox.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { Checkbox } from './Checkbox';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\n\ntype CheckboxProps = React.ComponentProps<typeof Checkbox>;\n\nexport type ClearableCheckboxProps = Omit<CheckboxProps, '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  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nexport const ClearableCheckbox = ({\n  fieldLabel,\n  fieldRequired,\n  clear,\n  clearable = true,\n  clearLabel,\n  clearVisibility = 'always',\n  onClear,\n  onValueChange,\n  checked,\n  children,\n  containerStyle,\n  fieldActions,\n  id,\n  ...checkboxProps\n}: ClearableCheckboxProps) => {\n  return (\n    <Checkbox\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      {...checkboxProps}\n    >\n      {children}\n    </Checkbox>\n  );\n};\n"],"mappings":";;;AAmBA,IAAa,KAAqB,EAChC,eACA,kBACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,YACA,aACA,mBACA,iBACA,OACA,GAAG,QAGD,kBAAC,GAAD;CACM;CACK;CACG;CACG;CACD;CACE;CACT;CACI;CACC;CACK;CACR;CACM;CACf,GAAI;CAEH;CACQ,CAAA"}

package/dist-lib/forms/ClearableColorPicker.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`./ColorPicker.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,...m})=>(0,t.jsx)(e.ColorPicker,{...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});exports.ClearableColorPicker=n;
+//# sourceMappingURL=ClearableColorPicker.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableColorPicker.cjs","names":[],"sources":["../../src/ds/forms/ClearableColorPicker.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\nimport { ColorPicker } from './ColorPicker';\nimport type { ColorPickerProps } from './ColorPicker';\n\ntype ColorValue = ColorPickerProps['value'];\n\nexport type ClearableColorPickerProps = ColorPickerProps & {\n  fieldLabel: ReactNode;\n  fieldRequired?: boolean;\n  clear?: ClearConfig;\n  clearable?: boolean;\n  clearLabel?: ReactNode;\n  clearVisibility?: ClearVisibility;\n  onClear?: () => void;\n  onValueChange?: (nextValue: ColorValue) => void;\n  clearToValue?: ColorValue;\n  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nexport const ClearableColorPicker = ({\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  ...colorProps\n}: ClearableColorPickerProps) => {\n  return (\n    <ColorPicker\n      {...colorProps}\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":"4KAqBA,IAAa,GAAwB,CACnC,aACA,gBACA,QACA,YAAY,GACZ,aACA,kBAAkB,SAClB,UACA,gBACA,eACA,QACA,iBACA,eACA,GAAG,MAGD,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,GAAI,EACG,QACK,aACG,gBACD,eACE,iBACT,QACI,YACC,aACK,kBACR,UACM,gBACD,eACd,CAAA"}

package/dist-lib/forms/ClearableColorPicker.js

@@ -0,0 +1,22 @@
+import { ColorPicker as e } from "./ColorPicker.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/ds/forms/ClearableColorPicker.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, ...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 ClearableColorPicker };
+
+//# sourceMappingURL=ClearableColorPicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableColorPicker.js","names":[],"sources":["../../src/ds/forms/ClearableColorPicker.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\nimport { ColorPicker } from './ColorPicker';\nimport type { ColorPickerProps } from './ColorPicker';\n\ntype ColorValue = ColorPickerProps['value'];\n\nexport type ClearableColorPickerProps = ColorPickerProps & {\n  fieldLabel: ReactNode;\n  fieldRequired?: boolean;\n  clear?: ClearConfig;\n  clearable?: boolean;\n  clearLabel?: ReactNode;\n  clearVisibility?: ClearVisibility;\n  onClear?: () => void;\n  onValueChange?: (nextValue: ColorValue) => void;\n  clearToValue?: ColorValue;\n  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nexport const ClearableColorPicker = ({\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  ...colorProps\n}: ClearableColorPickerProps) => {\n  return (\n    <ColorPicker\n      {...colorProps}\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":";;;AAqBA,IAAa,KAAwB,EACnC,eACA,kBACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,iBACA,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/ClearableDatePicker.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`../DatePicker-DTVtamsX.cjs`);require(`antd`);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,...m})=>(0,t.jsx)(e.n,{id:p,value:u,fieldLabel:n,fieldRequired:r,fieldActions:f,containerStyle:d,clear:i,clearable:a,clearLabel:o,clearVisibility:s,onClear:c,onValueChange:l,style:{width:`100%`,...m.style},...m});exports.ClearableDatePicker=n;
+//# sourceMappingURL=ClearableDatePicker.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableDatePicker.cjs","names":[],"sources":["../../src/ds/forms/ClearableDatePicker.tsx"],"sourcesContent":["import { DatePicker } from 'antd';\nimport type { CSSProperties, ReactNode } from 'react';\nimport type { Dayjs } from 'dayjs';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\nimport { DatePicker as DSDatePicker } from './DatePicker';\n\ntype DatePickerProps = React.ComponentProps<typeof DatePicker>;\n\nexport type ClearableDatePickerProps = Omit<DatePickerProps, '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};\n\nexport const ClearableDatePicker = ({\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  ...pickerProps\n}: ClearableDatePickerProps) => {\n  return (\n    <DSDatePicker\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      style={{ width: '100%', ...pickerProps.style }}\n      {...pickerProps}\n    />\n  );\n};\n"],"mappings":"qMAqBA,IAAa,GAAuB,CAClC,aACA,gBACA,QACA,YAAY,GACZ,aACA,kBAAkB,SAClB,UACA,gBACA,QACA,iBACA,eACA,KACA,GAAG,MAGD,EAAA,EAAA,KAAC,EAAA,EAAD,CACM,KACG,QACK,aACG,gBACD,eACE,iBACT,QACI,YACC,aACK,kBACR,UACM,gBACf,MAAO,CAAE,MAAO,OAAQ,GAAG,EAAY,MAAO,CAC9C,GAAI,EACJ,CAAA"}

package/dist-lib/forms/ClearableDatePicker.js

@@ -0,0 +1,27 @@
+import { n as e } from "../DatePicker-BpjYibJF.js";
+import "antd";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/ds/forms/ClearableDatePicker.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, ...m }) => /* @__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,
+	style: {
+		width: "100%",
+		...m.style
+	},
+	...m
+});
+//#endregion
+export { n as ClearableDatePicker };
+
+//# sourceMappingURL=ClearableDatePicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableDatePicker.js","names":[],"sources":["../../src/ds/forms/ClearableDatePicker.tsx"],"sourcesContent":["import { DatePicker } from 'antd';\nimport type { CSSProperties, ReactNode } from 'react';\nimport type { Dayjs } from 'dayjs';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\nimport { DatePicker as DSDatePicker } from './DatePicker';\n\ntype DatePickerProps = React.ComponentProps<typeof DatePicker>;\n\nexport type ClearableDatePickerProps = Omit<DatePickerProps, '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};\n\nexport const ClearableDatePicker = ({\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  ...pickerProps\n}: ClearableDatePickerProps) => {\n  return (\n    <DSDatePicker\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      style={{ width: '100%', ...pickerProps.style }}\n      {...pickerProps}\n    />\n  );\n};\n"],"mappings":";;;;AAqBA,IAAa,KAAuB,EAClC,eACA,kBACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,UACA,mBACA,iBACA,OACA,GAAG,QAGD,kBAAC,GAAD;CACM;CACG;CACK;CACG;CACD;CACE;CACT;CACI;CACC;CACK;CACR;CACM;CACf,OAAO;EAAE,OAAO;EAAQ,GAAG,EAAY;EAAO;CAC9C,GAAI;CACJ,CAAA"}

package/dist-lib/forms/ClearableInput.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`./Input.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,...m})=>(0,t.jsx)(e.Input,{id:p,value:u,fieldLabel:n,fieldRequired:r,fieldActions:f,containerStyle:d,clear:i,clearable:a,clearLabel:o,clearVisibility:s,onClear:c,onValueChange:l,...m});exports.ClearableInput=n;
+//# sourceMappingURL=ClearableInput.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableInput.cjs","names":[],"sources":["../../src/ds/forms/ClearableInput.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { Input } from './Input';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\n\ntype InputProps = React.ComponentProps<typeof Input>;\n\nexport type ClearableInputProps = Omit<InputProps, '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: string) => void;\n  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nexport const ClearableInput = ({\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  ...inputProps\n}: ClearableInputProps) => {\n  return (\n    <Input\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      {...inputProps}\n    />\n  );\n};\n"],"mappings":"sKAmBA,IAAa,GAAkB,CAC7B,aACA,gBACA,QACA,YAAY,GACZ,aACA,kBAAkB,SAClB,UACA,gBACA,QACA,iBACA,eACA,KACA,GAAG,MAGD,EAAA,EAAA,KAAC,EAAA,MAAD,CACM,KACG,QACK,aACG,gBACD,eACE,iBACT,QACI,YACC,aACK,kBACR,UACM,gBACf,GAAI,EACJ,CAAA"}

package/dist-lib/forms/ClearableInput.js

@@ -0,0 +1,22 @@
+import { Input as e } from "./Input.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/ds/forms/ClearableInput.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, ...m }) => /* @__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,
+	...m
+});
+//#endregion
+export { n as ClearableInput };
+
+//# sourceMappingURL=ClearableInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableInput.js","names":[],"sources":["../../src/ds/forms/ClearableInput.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { Input } from './Input';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\n\ntype InputProps = React.ComponentProps<typeof Input>;\n\nexport type ClearableInputProps = Omit<InputProps, '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: string) => void;\n  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nexport const ClearableInput = ({\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  ...inputProps\n}: ClearableInputProps) => {\n  return (\n    <Input\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      {...inputProps}\n    />\n  );\n};\n"],"mappings":";;;AAmBA,IAAa,KAAkB,EAC7B,eACA,kBACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,UACA,mBACA,iBACA,OACA,GAAG,QAGD,kBAAC,GAAD;CACM;CACG;CACK;CACG;CACD;CACE;CACT;CACI;CACC;CACK;CACR;CACM;CACf,GAAI;CACJ,CAAA"}

package/dist-lib/forms/ClearableInputNumber.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`../InputNumber-X-VvOKNc.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.t,{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},...h});exports.ClearableInputNumber=n;
+//# sourceMappingURL=ClearableInputNumber.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableInputNumber.cjs","names":[],"sources":["../../src/ds/forms/ClearableInputNumber.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\nimport { InputNumber } from './InputNumber';\n\ntype InputNumberProps = React.ComponentProps<typeof InputNumber>;\n\nexport type ClearableInputNumberProps = Omit<InputNumberProps, '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: InputNumberProps['value']) => void;\n  clearToValue?: InputNumberProps['value'];\n  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nexport const ClearableInputNumber = ({\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  ...numberProps\n}: ClearableInputNumberProps) => {\n  return (\n    <InputNumber\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%', ...numberProps.style }}\n      {...numberProps}\n    />\n  );\n};\n"],"mappings":"sLAoBA,IAAa,GAAwB,CACnC,aACA,gBACA,QACA,YAAY,GACZ,aACA,kBAAkB,SAClB,UACA,gBACA,eACA,QACA,iBACA,eACA,KACA,GAAG,MAGD,EAAA,EAAA,KAAC,EAAA,EAAD,CACM,KACG,QACK,aACG,gBACD,eACE,iBACT,QACI,YACC,aACK,kBACR,UACM,gBACD,eACd,MAAO,CAAE,MAAO,OAAQ,GAAG,EAAY,MAAO,CAC9C,GAAI,EACJ,CAAA"}

package/dist-lib/forms/ClearableInputNumber.js

@@ -0,0 +1,27 @@
+import { t as e } from "../InputNumber-55VASjK4.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/ds/forms/ClearableInputNumber.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, {
+	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
+	},
+	...h
+});
+//#endregion
+export { n as ClearableInputNumber };
+
+//# sourceMappingURL=ClearableInputNumber.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableInputNumber.js","names":[],"sources":["../../src/ds/forms/ClearableInputNumber.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\nimport { InputNumber } from './InputNumber';\n\ntype InputNumberProps = React.ComponentProps<typeof InputNumber>;\n\nexport type ClearableInputNumberProps = Omit<InputNumberProps, '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: InputNumberProps['value']) => void;\n  clearToValue?: InputNumberProps['value'];\n  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nexport const ClearableInputNumber = ({\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  ...numberProps\n}: ClearableInputNumberProps) => {\n  return (\n    <InputNumber\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%', ...numberProps.style }}\n      {...numberProps}\n    />\n  );\n};\n"],"mappings":";;;AAoBA,IAAa,KAAwB,EACnC,eACA,kBACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,iBACA,UACA,mBACA,iBACA,OACA,GAAG,QAGD,kBAAC,GAAD;CACM;CACG;CACK;CACG;CACD;CACE;CACT;CACI;CACC;CACK;CACR;CACM;CACD;CACd,OAAO;EAAE,OAAO;EAAQ,GAAG,EAAY;EAAO;CAC9C,GAAI;CACJ,CAAA"}

package/dist-lib/forms/ClearableMentions.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`./Mentions.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,className:m,...h})=>(0,t.jsx)(e.Mentions,{...h,id:p,className:m,value:u,fieldLabel:n,fieldRequired:r,fieldActions:f,containerStyle:d,clear:i,clearable:a,clearLabel:o,clearVisibility:s,onClear:c,onValueChange:l,style:{width:`100%`,...h.style}});exports.ClearableMentions=n;
+//# sourceMappingURL=ClearableMentions.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableMentions.cjs","names":[],"sources":["../../src/ds/forms/ClearableMentions.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\nimport { Mentions } from './Mentions';\nimport type { MentionsProps } from './Mentions';\n\nexport type ClearableMentionsProps = MentionsProps & {\n  fieldLabel: ReactNode;\n  fieldRequired?: boolean;\n  clear?: ClearConfig;\n  clearable?: boolean;\n  clearLabel?: ReactNode;\n  clearVisibility?: ClearVisibility;\n  onClear?: () => void;\n  onValueChange?: (nextValue: string) => void;\n  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nexport const ClearableMentions = ({\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  className,\n  ...mentionsProps\n}: ClearableMentionsProps) => {\n  return (\n    <Mentions\n      {...mentionsProps}\n      id={id}\n      className={className}\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      style={{ width: '100%', ...mentionsProps.style }}\n    />\n  );\n};\n"],"mappings":"yKAkBA,IAAa,GAAqB,CAChC,aACA,gBACA,QACA,YAAY,GACZ,aACA,kBAAkB,SAClB,UACA,gBACA,QACA,iBACA,eACA,KACA,YACA,GAAG,MAGD,EAAA,EAAA,KAAC,EAAA,SAAD,CACE,GAAI,EACA,KACO,YACJ,QACK,aACG,gBACD,eACE,iBACT,QACI,YACC,aACK,kBACR,UACM,gBACf,MAAO,CAAE,MAAO,OAAQ,GAAG,EAAc,MAAO,CAChD,CAAA"}

package/dist-lib/forms/ClearableMentions.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableMentions.js","names":[],"sources":["../../src/ds/forms/ClearableMentions.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\nimport { Mentions } from './Mentions';\nimport type { MentionsProps } from './Mentions';\n\nexport type ClearableMentionsProps = MentionsProps & {\n  fieldLabel: ReactNode;\n  fieldRequired?: boolean;\n  clear?: ClearConfig;\n  clearable?: boolean;\n  clearLabel?: ReactNode;\n  clearVisibility?: ClearVisibility;\n  onClear?: () => void;\n  onValueChange?: (nextValue: string) => void;\n  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nexport const ClearableMentions = ({\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  className,\n  ...mentionsProps\n}: ClearableMentionsProps) => {\n  return (\n    <Mentions\n      {...mentionsProps}\n      id={id}\n      className={className}\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      style={{ width: '100%', ...mentionsProps.style }}\n    />\n  );\n};\n"],"mappings":";;;AAkBA,IAAa,KAAqB,EAChC,eACA,kBACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,UACA,mBACA,iBACA,OACA,cACA,GAAG,QAGD,kBAAC,GAAD;CACE,GAAI;CACA;CACO;CACJ;CACK;CACG;CACD;CACE;CACT;CACI;CACC;CACK;CACR;CACM;CACf,OAAO;EAAE,OAAO;EAAQ,GAAG,EAAc;EAAO;CAChD,CAAA"}

package/dist-lib/forms/ClearableRadio.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`./Radio.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,checked:u,children:d,containerStyle:f,fieldActions:p,id:m,...h})=>(0,t.jsx)(e.Radio,{id:m,checked:u,fieldLabel:n,fieldRequired:r,fieldActions:p,containerStyle:f,clear:i,clearable:a,clearLabel:o,clearVisibility:s,onClear:c,onValueChange:l,...h,children:d});exports.ClearableRadio=n;
+//# sourceMappingURL=ClearableRadio.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableRadio.cjs","names":[],"sources":["../../src/ds/forms/ClearableRadio.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { Radio } from './Radio';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\n\ntype RadioProps = React.ComponentProps<typeof Radio>;\n\nexport type ClearableRadioProps = Omit<RadioProps, '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  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nexport const ClearableRadio = ({\n  fieldLabel,\n  fieldRequired,\n  clear,\n  clearable = true,\n  clearLabel,\n  clearVisibility = 'always',\n  onClear,\n  onValueChange,\n  checked,\n  children,\n  containerStyle,\n  fieldActions,\n  id,\n  ...radioProps\n}: ClearableRadioProps) => {\n  return (\n    <Radio\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      {...radioProps}\n    >\n      {children}\n    </Radio>\n  );\n};\n"],"mappings":"sKAmBA,IAAa,GAAkB,CAC7B,aACA,gBACA,QACA,YAAY,GACZ,aACA,kBAAkB,SAClB,UACA,gBACA,UACA,WACA,iBACA,eACA,KACA,GAAG,MAGD,EAAA,EAAA,KAAC,EAAA,MAAD,CACM,KACK,UACG,aACG,gBACD,eACE,iBACT,QACI,YACC,aACK,kBACR,UACM,gBACf,GAAI,EAEH,WACK,CAAA"}

package/dist-lib/forms/ClearableRadio.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableRadio.js","names":[],"sources":["../../src/ds/forms/ClearableRadio.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { Radio } from './Radio';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\n\ntype RadioProps = React.ComponentProps<typeof Radio>;\n\nexport type ClearableRadioProps = Omit<RadioProps, '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  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nexport const ClearableRadio = ({\n  fieldLabel,\n  fieldRequired,\n  clear,\n  clearable = true,\n  clearLabel,\n  clearVisibility = 'always',\n  onClear,\n  onValueChange,\n  checked,\n  children,\n  containerStyle,\n  fieldActions,\n  id,\n  ...radioProps\n}: ClearableRadioProps) => {\n  return (\n    <Radio\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      {...radioProps}\n    >\n      {children}\n    </Radio>\n  );\n};\n"],"mappings":";;;AAmBA,IAAa,KAAkB,EAC7B,eACA,kBACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,YACA,aACA,mBACA,iBACA,OACA,GAAG,QAGD,kBAAC,GAAD;CACM;CACK;CACG;CACG;CACD;CACE;CACT;CACI;CACC;CACK;CACR;CACM;CACf,GAAI;CAEH;CACK,CAAA"}

package/dist-lib/forms/ClearableRadioGroup.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`./RadioGroup.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,...m})=>(0,t.jsx)(e.RadioGroup,{value:d,fieldLabel:n,fieldRequired:r,fieldActions:p,containerStyle:f,clear:i,clearable:a,clearLabel:o,clearVisibility:s,onClear:c,onValueChange:l,clearToValue:u,...m});exports.ClearableRadioGroup=n;
+//# sourceMappingURL=ClearableRadioGroup.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableRadioGroup.cjs","names":[],"sources":["../../src/ds/forms/ClearableRadioGroup.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { RadioGroup } from './RadioGroup';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\n\ntype RadioGroupProps = React.ComponentProps<typeof RadioGroup>;\n\nexport type ClearableRadioGroupProps = Omit<RadioGroupProps, '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: RadioGroupProps['value']) => void;\n  clearToValue?: RadioGroupProps['value'];\n  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nexport const ClearableRadioGroup = ({\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  ...radioProps\n}: ClearableRadioGroupProps) => {\n  return (\n    <RadioGroup\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      {...radioProps}\n    />\n  );\n};\n"],"mappings":"2KAoBA,IAAa,GAAuB,CAClC,aACA,gBACA,QACA,YAAY,GACZ,aACA,kBAAkB,SAClB,UACA,gBACA,eACA,QACA,iBACA,eACA,GAAG,MAGD,EAAA,EAAA,KAAC,EAAA,WAAD,CACS,QACK,aACG,gBACD,eACE,iBACT,QACI,YACC,aACK,kBACR,UACM,gBACD,eACd,GAAI,EACJ,CAAA"}

package/dist-lib/forms/ClearableRadioGroup.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableRadioGroup.js","names":[],"sources":["../../src/ds/forms/ClearableRadioGroup.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { RadioGroup } from './RadioGroup';\nimport type { ClearConfig, ClearVisibility } from './clearUtils';\n\ntype RadioGroupProps = React.ComponentProps<typeof RadioGroup>;\n\nexport type ClearableRadioGroupProps = Omit<RadioGroupProps, '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: RadioGroupProps['value']) => void;\n  clearToValue?: RadioGroupProps['value'];\n  containerStyle?: CSSProperties;\n  fieldActions?: ReactNode;\n};\n\nexport const ClearableRadioGroup = ({\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  ...radioProps\n}: ClearableRadioGroupProps) => {\n  return (\n    <RadioGroup\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      {...radioProps}\n    />\n  );\n};\n"],"mappings":";;;AAoBA,IAAa,KAAuB,EAClC,eACA,kBACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,iBACA,UACA,mBACA,iBACA,GAAG,QAGD,kBAAC,GAAD;CACS;CACK;CACG;CACD;CACE;CACT;CACI;CACC;CACK;CACR;CACM;CACD;CACd,GAAI;CACJ,CAAA"}

package/dist-lib/forms/ClearableRate.cjs

@@ -0,0 +1,2 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`./Rate.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=0,value:d,containerStyle:f,fieldActions:p,...m})=>(0,t.jsx)(e.Rate,{...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});exports.ClearableRate=n;
+//# sourceMappingURL=ClearableRate.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableRate.cjs","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":"qKAmBA,IAAa,GAAiB,CAC5B,aACA,gBACA,QACA,YAAY,GACZ,aACA,kBAAkB,SAClB,UACA,gBACA,eAAe,EACf,QACA,iBACA,eACA,GAAG,MAGD,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,GAAI,EACG,QACK,aACG,gBACD,eACE,iBACT,QACI,YACC,aACK,kBACR,UACM,gBACD,eACd,CAAA"}