ods-ant 0.2.0 → 0.4.1

package/dist-lib/InputNumber-X-VvOKNc.cjs

@@ -0,0 +1,202 @@
+require(`./chunk-Bmb41Sf3.cjs`);const e=require(`./theme.cjs`),t=require(`./forms/FieldShell.cjs`),n=require(`./fieldProps-CuWfEbFx.cjs`);let r=require(`antd`),i=require(`react`),a=require(`react/jsx-runtime`);var o=`ds-input-number-control-styles`,s=()=>{if(typeof document>`u`)return;let{input:t,table:n}=e.dsSemanticTokens,r=document.getElementById(o);r||(r=document.createElement(`style`),r.id=o,document.head.appendChild(r)),r.textContent=`
+    .ds-input-number.ant-input-number,
+    .ds-input-number-root.ant-space-compact,
+    .ds-input-number.ant-input-number-outlined,
+    .ds-input-number.ant-input-number-filled,
+    .ds-input-number.ant-input-number-borderless,
+    .ds-input-number.ant-input-number-underlined,
+    .ds-input-number.ant-input-number-group-wrapper,
+    .ds-input-number.ant-input-number-group-wrapper .ant-input-number,
+    .ds-input-number.ant-input-number-affix-wrapper,
+    .ds-input-number.ant-input-number-affix-wrapper .ant-input-number {
+      border-color: ${t.border.default} !important;
+      border-width: ${t.border.widthDefault} !important;
+      border-style: solid !important;
+      border-radius: 4px !important;
+      background-color: ${t.background.default} !important;
+      color: ${t.text.default} !important;
+      box-shadow: none !important;
+      outline: none !important;
+      transition: none !important;
+    }
+
+    .ds-input-number-root.ant-space-compact {
+      border-radius: 4px !important;
+      overflow: hidden !important;
+    }
+
+    .ds-input-number-root.ant-space-compact .ant-space-addon.ant-input-number-addon,
+    .ds-input-number-root.ant-space-compact .ant-input-number {
+      border-color: transparent !important;
+      border-radius: 0 !important;
+      box-shadow: none !important;
+      outline: none !important;
+      transition: none !important;
+    }
+
+    .ds-input-number-root.ant-space-compact:hover .ant-space-addon.ant-input-number-addon,
+    .ds-input-number-root.ant-space-compact:hover .ant-input-number {
+      border-color: transparent !important;
+      box-shadow: none !important;
+      outline: none !important;
+    }
+
+    .ds-input-number-root.ant-space-compact:focus-within,
+    .ds-input-number-root.ant-space-compact:focus-within:hover {
+      border-color: ${t.border.focus} !important;
+      border-width: ${t.border.widthFocus} !important;
+      border-style: solid !important;
+      box-shadow: none !important;
+      outline: none !important;
+    }
+
+    .ds-input-number-root.ant-space-compact:focus-within .ant-space-addon.ant-input-number-addon,
+    .ds-input-number-root.ant-space-compact:focus-within:hover .ant-space-addon.ant-input-number-addon,
+    .ds-input-number-root.ant-space-compact:focus-within .ant-input-number,
+    .ds-input-number-root.ant-space-compact:focus-within:hover .ant-input-number {
+      border-color: transparent !important;
+      box-shadow: none !important;
+      outline: none !important;
+    }
+
+    .ds-input-number.ant-input-number:hover,
+    .ds-input-number.ant-input-number-group-wrapper:hover,
+    .ds-input-number.ant-input-number-group-wrapper:hover .ant-input-number,
+    .ds-input-number.ant-input-number-affix-wrapper:hover,
+    .ds-input-number.ant-input-number-affix-wrapper:hover .ant-input-number {
+      border-color: ${t.border.hover} !important;
+      box-shadow: none !important;
+      outline: none !important;
+    }
+
+    .ds-input-number.ant-input-number:focus,
+    .ds-input-number.ant-input-number:focus-visible,
+    .ds-input-number.ant-input-number-focused,
+    .ds-input-number.ant-input-number-focused:hover,
+    .ds-input-number.ant-input-number:focus-within,
+    .ds-input-number.ant-input-number:focus-within:hover,
+    .ds-input-number.ant-input-number-group-wrapper:focus-within,
+    .ds-input-number.ant-input-number-group-wrapper:focus-within:hover,
+    .ds-input-number.ant-input-number-group-wrapper:focus-within .ant-input-number,
+    .ds-input-number.ant-input-number-group-wrapper:focus-within:hover .ant-input-number,
+    .ds-input-number.ant-input-number-affix-wrapper-focused,
+    .ds-input-number.ant-input-number-affix-wrapper-focused:hover,
+    .ds-input-number.ant-input-number-affix-wrapper:focus-within,
+    .ds-input-number.ant-input-number-affix-wrapper:focus-within:hover,
+    .ds-input-number.ant-input-number-affix-wrapper:focus-within .ant-input-number,
+    .ds-input-number.ant-input-number-affix-wrapper:focus-within:hover .ant-input-number {
+      border-color: ${t.border.focus} !important;
+      border-width: ${t.border.widthFocus} !important;
+      border-style: solid !important;
+      box-shadow: none !important;
+      outline: none !important;
+    }
+
+    .ds-input-number.ant-input-number .ant-input-number-input,
+    .ds-input-number.ant-input-number-group-wrapper .ant-input-number-input,
+    .ds-input-number.ant-input-number-affix-wrapper .ant-input-number-input {
+      color: ${t.text.default} !important;
+    }
+
+    .ds-input-number.ant-input-number:focus-within .ant-input-number-input,
+    .ds-input-number.ant-input-number-focused .ant-input-number-input,
+    .ds-input-number.ant-input-number-group-wrapper:focus-within .ant-input-number-input,
+    .ds-input-number.ant-input-number-affix-wrapper:focus-within .ant-input-number-input {
+      color: ${t.text.focus} !important;
+      font-weight: ${t.focusFontWeight} !important;
+    }
+
+    .ds-input-number.ant-input-number-group-wrapper .ant-input-number-group-addon {
+      border-color: ${t.border.default} !important;
+      border-radius: 4px !important;
+      color: ${t.text.default} !important;
+      box-shadow: none !important;
+      transition: none !important;
+    }
+
+    .ds-input-number.ant-input-number-group-wrapper:focus-within .ant-input-number-group-addon,
+    .ds-input-number.ant-input-number-group-wrapper:focus-within:hover .ant-input-number-group-addon {
+      border-color: transparent !important;
+      box-shadow: none !important;
+      outline: none !important;
+    }
+
+    .ds-input-number.ant-input-number-disabled,
+    .ds-input-number.ant-input-number-disabled:hover,
+    .ds-input-number.ant-input-number-group-wrapper:has(.ant-input-number-disabled),
+    .ds-input-number.ant-input-number-affix-wrapper-disabled,
+    .ds-input-number.ant-input-number-affix-wrapper-disabled:hover {
+      background-color: ${t.background.disabled} !important;
+      border-color: transparent !important;
+      color: ${t.text.disabled} !important;
+      box-shadow: none !important;
+    }
+
+    .ds-input-number.ant-input-number-readonly,
+    .ds-input-number.ant-input-number:has(.ant-input-number-input[readonly]),
+    .ds-input-number.ant-input-number-group-wrapper:has(.ant-input-number-input[readonly]),
+    .ds-input-number.ant-input-number-affix-wrapper:has(.ant-input-number-input[readonly]) {
+      background-color: ${t.background.readOnly} !important;
+      border-color: ${t.border.default} !important;
+      color: ${t.text.readOnly} !important;
+    }
+
+    .ds-input-number.ant-input-number-status-error,
+    .ds-input-number.ant-input-number-affix-wrapper-status-error,
+    .ds-input-number.ant-input-number-group-wrapper-status-error,
+    .ds-input-number.ant-input-number-group-wrapper-status-error .ant-input-number {
+      border-color: ${t.border.error} !important;
+    }
+
+    .ds-input-number.ant-input-number-status-success,
+    .ds-input-number.ant-input-number-affix-wrapper-status-success,
+    .ds-input-number.ant-input-number-group-wrapper-status-success,
+    .ds-input-number.ant-input-number-group-wrapper-status-success .ant-input-number {
+      border-color: ${t.border.success} !important;
+    }
+
+    .ds-input-number.ant-input-number-sm {
+      height: ${t.height.small} !important;
+      min-height: ${t.height.small} !important;
+    }
+
+    .ds-input-number.ant-input-number {
+      height: ${t.height.middle} !important;
+      min-height: ${t.height.middle} !important;
+    }
+
+    .ds-input-number.ant-input-number-lg {
+      height: ${t.height.large} !important;
+      min-height: ${t.height.large} !important;
+    }
+
+    .ds-input-number.ant-input-number .ant-input-number-actions,
+    .ds-input-number.ant-input-number .ant-input-number-action,
+    .ds-input-number.ant-input-number-affix-wrapper .ant-input-number-actions,
+    .ds-input-number.ant-input-number-affix-wrapper .ant-input-number-action {
+      transition: none !important;
+    }
+
+    .ds-input-number.ant-input-number .ant-input-number-action,
+    .ds-input-number.ant-input-number-affix-wrapper .ant-input-number-action {
+      color: ${t.text.focus} !important;
+    }
+
+    .ds-input-number.ant-input-number .ant-input-number-action:hover,
+    .ds-input-number.ant-input-number-affix-wrapper .ant-input-number-action:hover {
+      background: ${n.surface.rowHover} !important;
+    }
+
+    .ds-input-number.ant-input-number.ant-input-number-mode-input .ant-input-number-action-up,
+    .ds-input-number.ant-input-number.ant-input-number-mode-input .ant-input-number-action-down {
+      height: 50% !important;
+    }
+
+    .ds-input-number.ant-input-number.ant-input-number-outlined .ant-input-number-actions,
+    .ds-input-number.ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-outlined .ant-input-number-actions {
+      opacity: 1 !important;
+      width: 22px !important;
+      transition: none !important;
+    }
+  `},c=`ds-input-number`,l=({className:e=``,rootClassName:o=``,fieldLabel:l,fieldRequired:u,fieldDescription:d,fieldError:f,fieldActions:p,containerStyle:m,clear:h,clearable:g=!1,clearLabel:_,clearVisibility:v=`always`,onClear:y,onValueChange:b,clearToValue:x,id:S,...C})=>{let w=(0,i.useId)();(0,i.useEffect)(()=>{s()},[]);let T=`${c} ${e}`.trim(),E=`${c}-root ${o}`.trim(),D=!!(l||u||d||f||p||g||h||y),O=S??(D?w:void 0),k=O?`${O}-description`:void 0,A=O?`${O}-error`:void 0,j=h?.onClear??y,M=x===void 0?null:x,N=n.t(d?k:void 0,f?A:void 0),P=(0,a.jsx)(r.InputNumber,{...C,id:O,className:T,rootClassName:E,"aria-describedby":N,"aria-invalid":f?!0:void 0,onChange:e=>{C.onChange?.(e),b?.(e)}});return D?(0,a.jsx)(t.FieldShell,{label:l,required:u,htmlFor:O,description:d,descriptionId:k,error:f,errorId:A,clear:h,clearable:g,clearLabel:_,clearVisibility:v,clearValue:C.value,onClear:()=>{j?.(),b?.(M),C.onChange?.(M)},extraActions:p,style:m,children:P}):P};l.displayName=`InputNumber`,Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});
+//# sourceMappingURL=InputNumber-X-VvOKNc.cjs.map

package/dist-lib/InputNumber-X-VvOKNc.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber-X-VvOKNc.cjs","names":[],"sources":["../src/ds/forms/inputNumberStyles.ts","../src/ds/forms/InputNumber.tsx"],"sourcesContent":["import { dsSemanticTokens } from '../../theme/ontadaTheme';\n\nconst STYLE_ID = 'ds-input-number-control-styles';\n\nexport const ensureInputNumberStyles = () => {\n  if (typeof document === 'undefined') {\n    return;\n  }\n\n  const { input, 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-input-number.ant-input-number,\n    .ds-input-number-root.ant-space-compact,\n    .ds-input-number.ant-input-number-outlined,\n    .ds-input-number.ant-input-number-filled,\n    .ds-input-number.ant-input-number-borderless,\n    .ds-input-number.ant-input-number-underlined,\n    .ds-input-number.ant-input-number-group-wrapper,\n    .ds-input-number.ant-input-number-group-wrapper .ant-input-number,\n    .ds-input-number.ant-input-number-affix-wrapper,\n    .ds-input-number.ant-input-number-affix-wrapper .ant-input-number {\n      border-color: ${input.border.default} !important;\n      border-width: ${input.border.widthDefault} !important;\n      border-style: solid !important;\n      border-radius: 4px !important;\n      background-color: ${input.background.default} !important;\n      color: ${input.text.default} !important;\n      box-shadow: none !important;\n      outline: none !important;\n      transition: none !important;\n    }\n\n    .ds-input-number-root.ant-space-compact {\n      border-radius: 4px !important;\n      overflow: hidden !important;\n    }\n\n    .ds-input-number-root.ant-space-compact .ant-space-addon.ant-input-number-addon,\n    .ds-input-number-root.ant-space-compact .ant-input-number {\n      border-color: transparent !important;\n      border-radius: 0 !important;\n      box-shadow: none !important;\n      outline: none !important;\n      transition: none !important;\n    }\n\n    .ds-input-number-root.ant-space-compact:hover .ant-space-addon.ant-input-number-addon,\n    .ds-input-number-root.ant-space-compact:hover .ant-input-number {\n      border-color: transparent !important;\n      box-shadow: none !important;\n      outline: none !important;\n    }\n\n    .ds-input-number-root.ant-space-compact:focus-within,\n    .ds-input-number-root.ant-space-compact:focus-within:hover {\n      border-color: ${input.border.focus} !important;\n      border-width: ${input.border.widthFocus} !important;\n      border-style: solid !important;\n      box-shadow: none !important;\n      outline: none !important;\n    }\n\n    .ds-input-number-root.ant-space-compact:focus-within .ant-space-addon.ant-input-number-addon,\n    .ds-input-number-root.ant-space-compact:focus-within:hover .ant-space-addon.ant-input-number-addon,\n    .ds-input-number-root.ant-space-compact:focus-within .ant-input-number,\n    .ds-input-number-root.ant-space-compact:focus-within:hover .ant-input-number {\n      border-color: transparent !important;\n      box-shadow: none !important;\n      outline: none !important;\n    }\n\n    .ds-input-number.ant-input-number:hover,\n    .ds-input-number.ant-input-number-group-wrapper:hover,\n    .ds-input-number.ant-input-number-group-wrapper:hover .ant-input-number,\n    .ds-input-number.ant-input-number-affix-wrapper:hover,\n    .ds-input-number.ant-input-number-affix-wrapper:hover .ant-input-number {\n      border-color: ${input.border.hover} !important;\n      box-shadow: none !important;\n      outline: none !important;\n    }\n\n    .ds-input-number.ant-input-number:focus,\n    .ds-input-number.ant-input-number:focus-visible,\n    .ds-input-number.ant-input-number-focused,\n    .ds-input-number.ant-input-number-focused:hover,\n    .ds-input-number.ant-input-number:focus-within,\n    .ds-input-number.ant-input-number:focus-within:hover,\n    .ds-input-number.ant-input-number-group-wrapper:focus-within,\n    .ds-input-number.ant-input-number-group-wrapper:focus-within:hover,\n    .ds-input-number.ant-input-number-group-wrapper:focus-within .ant-input-number,\n    .ds-input-number.ant-input-number-group-wrapper:focus-within:hover .ant-input-number,\n    .ds-input-number.ant-input-number-affix-wrapper-focused,\n    .ds-input-number.ant-input-number-affix-wrapper-focused:hover,\n    .ds-input-number.ant-input-number-affix-wrapper:focus-within,\n    .ds-input-number.ant-input-number-affix-wrapper:focus-within:hover,\n    .ds-input-number.ant-input-number-affix-wrapper:focus-within .ant-input-number,\n    .ds-input-number.ant-input-number-affix-wrapper:focus-within:hover .ant-input-number {\n      border-color: ${input.border.focus} !important;\n      border-width: ${input.border.widthFocus} !important;\n      border-style: solid !important;\n      box-shadow: none !important;\n      outline: none !important;\n    }\n\n    .ds-input-number.ant-input-number .ant-input-number-input,\n    .ds-input-number.ant-input-number-group-wrapper .ant-input-number-input,\n    .ds-input-number.ant-input-number-affix-wrapper .ant-input-number-input {\n      color: ${input.text.default} !important;\n    }\n\n    .ds-input-number.ant-input-number:focus-within .ant-input-number-input,\n    .ds-input-number.ant-input-number-focused .ant-input-number-input,\n    .ds-input-number.ant-input-number-group-wrapper:focus-within .ant-input-number-input,\n    .ds-input-number.ant-input-number-affix-wrapper:focus-within .ant-input-number-input {\n      color: ${input.text.focus} !important;\n      font-weight: ${input.focusFontWeight} !important;\n    }\n\n    .ds-input-number.ant-input-number-group-wrapper .ant-input-number-group-addon {\n      border-color: ${input.border.default} !important;\n      border-radius: 4px !important;\n      color: ${input.text.default} !important;\n      box-shadow: none !important;\n      transition: none !important;\n    }\n\n    .ds-input-number.ant-input-number-group-wrapper:focus-within .ant-input-number-group-addon,\n    .ds-input-number.ant-input-number-group-wrapper:focus-within:hover .ant-input-number-group-addon {\n      border-color: transparent !important;\n      box-shadow: none !important;\n      outline: none !important;\n    }\n\n    .ds-input-number.ant-input-number-disabled,\n    .ds-input-number.ant-input-number-disabled:hover,\n    .ds-input-number.ant-input-number-group-wrapper:has(.ant-input-number-disabled),\n    .ds-input-number.ant-input-number-affix-wrapper-disabled,\n    .ds-input-number.ant-input-number-affix-wrapper-disabled:hover {\n      background-color: ${input.background.disabled} !important;\n      border-color: transparent !important;\n      color: ${input.text.disabled} !important;\n      box-shadow: none !important;\n    }\n\n    .ds-input-number.ant-input-number-readonly,\n    .ds-input-number.ant-input-number:has(.ant-input-number-input[readonly]),\n    .ds-input-number.ant-input-number-group-wrapper:has(.ant-input-number-input[readonly]),\n    .ds-input-number.ant-input-number-affix-wrapper:has(.ant-input-number-input[readonly]) {\n      background-color: ${input.background.readOnly} !important;\n      border-color: ${input.border.default} !important;\n      color: ${input.text.readOnly} !important;\n    }\n\n    .ds-input-number.ant-input-number-status-error,\n    .ds-input-number.ant-input-number-affix-wrapper-status-error,\n    .ds-input-number.ant-input-number-group-wrapper-status-error,\n    .ds-input-number.ant-input-number-group-wrapper-status-error .ant-input-number {\n      border-color: ${input.border.error} !important;\n    }\n\n    .ds-input-number.ant-input-number-status-success,\n    .ds-input-number.ant-input-number-affix-wrapper-status-success,\n    .ds-input-number.ant-input-number-group-wrapper-status-success,\n    .ds-input-number.ant-input-number-group-wrapper-status-success .ant-input-number {\n      border-color: ${input.border.success} !important;\n    }\n\n    .ds-input-number.ant-input-number-sm {\n      height: ${input.height.small} !important;\n      min-height: ${input.height.small} !important;\n    }\n\n    .ds-input-number.ant-input-number {\n      height: ${input.height.middle} !important;\n      min-height: ${input.height.middle} !important;\n    }\n\n    .ds-input-number.ant-input-number-lg {\n      height: ${input.height.large} !important;\n      min-height: ${input.height.large} !important;\n    }\n\n    .ds-input-number.ant-input-number .ant-input-number-actions,\n    .ds-input-number.ant-input-number .ant-input-number-action,\n    .ds-input-number.ant-input-number-affix-wrapper .ant-input-number-actions,\n    .ds-input-number.ant-input-number-affix-wrapper .ant-input-number-action {\n      transition: none !important;\n    }\n\n    .ds-input-number.ant-input-number .ant-input-number-action,\n    .ds-input-number.ant-input-number-affix-wrapper .ant-input-number-action {\n      color: ${input.text.focus} !important;\n    }\n\n    .ds-input-number.ant-input-number .ant-input-number-action:hover,\n    .ds-input-number.ant-input-number-affix-wrapper .ant-input-number-action:hover {\n      background: ${table.surface.rowHover} !important;\n    }\n\n    .ds-input-number.ant-input-number.ant-input-number-mode-input .ant-input-number-action-up,\n    .ds-input-number.ant-input-number.ant-input-number-mode-input .ant-input-number-action-down {\n      height: 50% !important;\n    }\n\n    .ds-input-number.ant-input-number.ant-input-number-outlined .ant-input-number-actions,\n    .ds-input-number.ant-input-number-affix-wrapper.ant-input-number-affix-wrapper-outlined .ant-input-number-actions {\n      opacity: 1 !important;\n      width: 22px !important;\n      transition: none !important;\n    }\n  `;\n};","import { InputNumber as AntInputNumber } from 'antd';\nimport type { ComponentProps } from 'react';\nimport { useEffect, useId } from 'react';\nimport { FieldShell } from './FieldShell';\nimport type { DSFieldShellProps } from './fieldProps';\nimport { joinDescribedByIds } from './fieldProps';\nimport { ensureInputNumberStyles } from './inputNumberStyles';\n\nconst DS_INPUT_NUMBER_CLASS = 'ds-input-number';\n\nexport type InputNumberProps = ComponentProps<typeof AntInputNumber>;\n\nexport type InputNumberFieldProps = DSFieldShellProps & {\n  onValueChange?: (nextValue: InputNumberProps['value']) => void;\n  clearToValue?: InputNumberProps['value'];\n};\n\nexport const InputNumber = ({\n  className = '',\n  rootClassName = '',\n  fieldLabel,\n  fieldRequired,\n  fieldDescription,\n  fieldError,\n  fieldActions,\n  containerStyle,\n  clear,\n  clearable = false,\n  clearLabel,\n  clearVisibility = 'always',\n  onClear,\n  onValueChange,\n  clearToValue,\n  id,\n  ...props\n}: InputNumberProps & InputNumberFieldProps) => {\n  const generatedId = useId();\n  useEffect(() => {\n    ensureInputNumberStyles();\n  }, []);\n\n  const mergedClassName = `${DS_INPUT_NUMBER_CLASS} ${className}`.trim();\n  const mergedRootClassName = `${DS_INPUT_NUMBER_CLASS}-root ${rootClassName}`.trim();\n  const shouldWrapInFieldShell = Boolean(\n    fieldLabel ||\n      fieldRequired ||\n      fieldDescription ||\n      fieldError ||\n      fieldActions ||\n      clearable ||\n      clear ||\n      onClear,\n  );\n  const controlId = id ?? (shouldWrapInFieldShell ? generatedId : undefined);\n  const descriptionId = controlId ? `${controlId}-description` : undefined;\n  const errorId = controlId ? `${controlId}-error` : undefined;\n  const clearAction = clear?.onClear ?? onClear;\n  const clearValue = clearToValue === undefined ? null : clearToValue;\n  const describedBy = joinDescribedByIds(\n    fieldDescription ? descriptionId : undefined,\n    fieldError ? errorId : undefined,\n  );\n\n  const control = (\n    <AntInputNumber\n      {...props}\n      id={controlId}\n      className={mergedClassName}\n      rootClassName={mergedRootClassName}\n      aria-describedby={describedBy}\n      aria-invalid={fieldError ? true : undefined}\n      onChange={(nextValue) => {\n        props.onChange?.(nextValue);\n        onValueChange?.(nextValue);\n      }}\n    />\n  );\n\n  if (!shouldWrapInFieldShell) {\n    return control;\n  }\n\n  return (\n    <FieldShell\n      label={fieldLabel}\n      required={fieldRequired}\n      htmlFor={controlId}\n      description={fieldDescription}\n      descriptionId={descriptionId}\n      error={fieldError}\n      errorId={errorId}\n      clear={clear}\n      clearable={clearable}\n      clearLabel={clearLabel}\n      clearVisibility={clearVisibility}\n      clearValue={props.value}\n      onClear={() => {\n        clearAction?.();\n        onValueChange?.(clearValue);\n        props.onChange?.(clearValue);\n      }}\n      extraActions={fieldActions}\n      style={containerStyle}\n    >\n      {control}\n    </FieldShell>\n  );\n};\n\nInputNumber.displayName = 'InputNumber';"],"mappings":"kNAEA,IAAM,EAAW,iCAEJ,MAAgC,CAC3C,GAAI,OAAO,SAAa,IACtB,OAGF,GAAM,CAAE,QAAO,SAAU,EAAA,iBACrB,EAAQ,SAAS,eAAe,EAAS,CACxC,IACH,EAAQ,SAAS,cAAc,QAAQ,CACvC,EAAM,GAAK,EACX,SAAS,KAAK,YAAY,EAAM,EAGlC,EAAM,YAAc;;;;;;;;;;;sBAWA,EAAM,OAAO,QAAQ;sBACrB,EAAM,OAAO,aAAa;;;0BAGtB,EAAM,WAAW,QAAQ;eACpC,EAAM,KAAK,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA6BZ,EAAM,OAAO,MAAM;sBACnB,EAAM,OAAO,WAAW;;;;;;;;;;;;;;;;;;;;sBAoBxB,EAAM,OAAO,MAAM;;;;;;;;;;;;;;;;;;;;;sBAqBnB,EAAM,OAAO,MAAM;sBACnB,EAAM,OAAO,WAAW;;;;;;;;;eAS/B,EAAM,KAAK,QAAQ;;;;;;;eAOnB,EAAM,KAAK,MAAM;qBACX,EAAM,gBAAgB;;;;sBAIrB,EAAM,OAAO,QAAQ;;eAE5B,EAAM,KAAK,QAAQ;;;;;;;;;;;;;;;;;0BAiBR,EAAM,WAAW,SAAS;;eAErC,EAAM,KAAK,SAAS;;;;;;;;0BAQT,EAAM,WAAW,SAAS;sBAC9B,EAAM,OAAO,QAAQ;eAC5B,EAAM,KAAK,SAAS;;;;;;;sBAOb,EAAM,OAAO,MAAM;;;;;;;sBAOnB,EAAM,OAAO,QAAQ;;;;gBAI3B,EAAM,OAAO,MAAM;oBACf,EAAM,OAAO,MAAM;;;;gBAIvB,EAAM,OAAO,OAAO;oBAChB,EAAM,OAAO,OAAO;;;;gBAIxB,EAAM,OAAO,MAAM;oBACf,EAAM,OAAO,MAAM;;;;;;;;;;;;eAYxB,EAAM,KAAK,MAAM;;;;;oBAKZ,EAAM,QAAQ,SAAS;;;;;;;;;;;;;;KCnMrC,EAAwB,kBASjB,GAAe,CAC1B,YAAY,GACZ,gBAAgB,GAChB,aACA,gBACA,mBACA,aACA,eACA,iBACA,QACA,YAAY,GACZ,aACA,kBAAkB,SAClB,UACA,gBACA,eACA,KACA,GAAG,KAC2C,CAC9C,IAAM,GAAA,EAAA,EAAA,QAAqB,EAC3B,EAAA,EAAA,eAAgB,CACd,GAAyB,EACxB,EAAE,CAAC,CAEN,IAAM,EAAkB,GAAG,EAAsB,GAAG,IAAY,MAAM,CAChE,EAAsB,GAAG,EAAsB,QAAQ,IAAgB,MAAM,CAC7E,EAAyB,GAC7B,GACE,GACA,GACA,GACA,GACA,GACA,GACA,GAEE,EAAY,IAAO,EAAyB,EAAc,IAAA,IAC1D,EAAgB,EAAY,GAAG,EAAU,cAAgB,IAAA,GACzD,EAAU,EAAY,GAAG,EAAU,QAAU,IAAA,GAC7C,EAAc,GAAO,SAAW,EAChC,EAAa,IAAiB,IAAA,GAAY,KAAO,EACjD,EAAc,EAAA,EAClB,EAAmB,EAAgB,IAAA,GACnC,EAAa,EAAU,IAAA,GACxB,CAEK,GACJ,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,GAAI,EACJ,GAAI,EACJ,UAAW,EACX,cAAe,EACf,mBAAkB,EAClB,eAAc,EAAa,GAAO,IAAA,GAClC,SAAW,GAAc,CACvB,EAAM,WAAW,EAAU,CAC3B,IAAgB,EAAU,EAE5B,CAAA,CAOJ,OAJK,GAKH,EAAA,EAAA,KAAC,EAAA,WAAD,CACE,MAAO,EACP,SAAU,EACV,QAAS,EACT,YAAa,EACE,gBACf,MAAO,EACE,UACF,QACI,YACC,aACK,kBACjB,WAAY,EAAM,MAClB,YAAe,CACb,KAAe,CACf,IAAgB,EAAW,CAC3B,EAAM,WAAW,EAAW,EAE9B,aAAc,EACd,MAAO,WAEN,EACU,CAAA,CA1BN,GA8BX,EAAY,YAAc"}

package/dist-lib/Steps-DT5AKuMX.js

@@ -0,0 +1,214 @@
+import { t as e } from "./core-C-tv3mqr.js";
+import { Steps as t } from "antd";
+import { useEffect as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/ds/navigation/stepsStyles.ts
+var i = "ds-steps-styles", a = "ds-steps", o = (...e) => e.filter(Boolean).join(" ").trim(), s = () => {
+	if (typeof document > "u" || document.getElementById(i)) return;
+	let t = document.createElement("style");
+	t.id = i, t.textContent = `
+    .${a}.ant-steps {
+      --ds-steps-complete: ${e.status.success};
+      --ds-steps-progress: ${e.text.muted};
+      --ds-steps-next: ${e.text.disabled};
+      --ds-steps-line-complete: ${e.text.muted};
+      --ds-steps-line-wait: ${e.surface.divider};
+      --ds-steps-text: ${e.text.primary};
+      --ds-steps-error: ${e.status.errorDark};
+    }
+
+    .${a}.ant-steps .ant-steps-item-tail::after {
+      height: 2px !important;
+      background-image: none !important;
+      background: var(--ds-steps-line-wait) !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-rail {
+      border-color: var(--ds-steps-line-wait) !important;
+      border-top-color: var(--ds-steps-line-wait) !important;
+      border-top-width: 2px !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-rail-process,
+    .${a}.ant-steps .ant-steps-item-rail-wait {
+      border-color: var(--ds-steps-line-wait) !important;
+      border-top-color: var(--ds-steps-line-wait) !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-rail-finish {
+      border-color: var(--ds-steps-line-complete) !important;
+      border-top-color: var(--ds-steps-line-complete) !important;
+    }
+
+    .${a}.ant-steps.ant-steps-vertical .ant-steps-item-rail {
+      inset-inline-start: 12px !important;
+      top: 24px !important;
+      bottom: 0 !important;
+      width: 2px !important;
+      border-inline-start-width: 2px !important;
+    }
+
+    .${a}.ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-rail {
+      inset-inline-start: 8px !important;
+      top: 16px !important;
+      bottom: 0 !important;
+      width: 2px !important;
+      border-inline-start-width: 2px !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-finish .ant-steps-item-rail-process {
+      border-color: var(--ds-steps-line-complete) !important;
+      border-top-color: var(--ds-steps-line-complete) !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after,
+    .${a}.ant-steps .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after,
+    .${a}.ant-steps .ant-steps-item-process .ant-steps-item-tail::after,
+    .${a}.ant-steps .ant-steps-item-wait .ant-steps-item-tail::after {
+      background-image: none !important;
+      background: var(--ds-steps-line-wait) !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after,
+    .${a}.ant-steps .ant-steps-item-finish .ant-steps-item-tail::after {
+      background-image: none !important;
+      background: var(--ds-steps-line-complete) !important;
+    }
+
+    .${a}.ant-steps.ant-steps-horizontal.ant-steps-label-vertical .ant-steps-item-tail {
+      top: 12px !important;
+      padding: 0 !important;
+      inset-inline-start: calc(50% + 12px) !important;
+      inset-inline-end: calc(-50% + 12px) !important;
+      width: auto !important;
+    }
+
+    .${a}.ant-steps.ant-steps-horizontal.ant-steps-title-vertical > .ant-steps-item .ant-steps-item-rail {
+      margin-top: 13px !important;
+      width: calc(100% - 24px) !important;
+      inset-inline-start: calc(50% + 8px) !important;
+    }
+
+    .${a}.ant-steps.ant-steps-horizontal.ant-steps-label-vertical .ant-steps-item-icon {
+      margin-inline-end: 0 !important;
+    }
+
+    .${a}.ant-steps.ant-steps-horizontal.ant-steps-label-vertical.ant-steps-small .ant-steps-item-tail {
+      top: 8px !important;
+      inset-inline-start: calc(50% + 8px) !important;
+      inset-inline-end: calc(-50% + 8px) !important;
+    }
+
+    .${a}.ant-steps.ant-steps-horizontal.ant-steps-title-vertical.ant-steps-small > .ant-steps-item .ant-steps-item-rail {
+      margin-top: 9px !important;
+      width: calc(100% - 16px) !important;
+      inset-inline-start: calc(50% + 5px) !important;
+    }
+
+    .${a}.ant-steps.ant-steps-horizontal.ant-steps-label-vertical .ant-steps-item-container {
+      display: flex !important;
+      flex-direction: column !important;
+      align-items: center !important;
+    }
+
+    .${a}.ant-steps.ant-steps-horizontal.ant-steps-label-vertical .ant-steps-item-content {
+      width: auto !important;
+      margin-top: 8px !important;
+      text-align: center !important;
+      min-width: 52px !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-icon {
+      width: 24px !important;
+      height: 24px !important;
+      margin-inline-end: 8px !important;
+      border: 0 !important;
+      background: var(--ds-steps-next) !important;
+      display: inline-flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      box-shadow: none !important;
+    }
+
+    .${a}.ant-steps.ant-steps-small .ant-steps-item-icon {
+      width: 16px !important;
+      height: 16px !important;
+      margin-inline-end: 6px !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-process .ant-steps-item-icon {
+      background: var(--ds-steps-progress) !important;
+      color: ${e.text.inverse} !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-finish .ant-steps-item-icon {
+      background: var(--ds-steps-complete) !important;
+      color: ${e.text.inverse} !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-error .ant-steps-item-icon {
+      background: var(--ds-steps-error) !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item:not(.ant-steps-item-custom) .ant-steps-item-icon .ant-steps-icon {
+      color: ${e.text.inverse} !important;
+      font-size: 0 !important;
+      line-height: 1 !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-finish:not(.ant-steps-item-custom) .ant-steps-item-icon .ant-steps-icon .anticon {
+      font-size: 11px !important;
+      color: ${e.text.inverse} !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-finish:not(.ant-steps-item-custom) .ant-steps-item-icon .anticon {
+      color: ${e.text.inverse} !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-finish:not(.ant-steps-item-custom) .ant-steps-item-icon .ant-steps-icon .anticon svg,
+    .${a}.ant-steps .ant-steps-item-finish:not(.ant-steps-item-custom) .ant-steps-item-icon .ant-steps-icon .anticon path {
+      fill: currentColor !important;
+      stroke: currentColor !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-title {
+      color: var(--ds-steps-text) !important;
+      font-size: 14px !important;
+      font-weight: 600 !important;
+      line-height: 18px !important;
+      letter-spacing: 0 !important;
+      padding-right: 0 !important;
+    }
+
+    .${a}.ant-steps.ant-steps-small .ant-steps-item-title {
+      font-size: 12px !important;
+      line-height: 16px !important;
+      letter-spacing: 0.012px !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-title::after {
+      display: none !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-description {
+      color: ${e.text.secondary} !important;
+      font-size: 12px !important;
+      line-height: 16px !important;
+    }
+  `, document.head.appendChild(t);
+}, c = ({ className: e, dsVariant: i = "ant", ...c }) => {
+	n(() => {
+		s();
+	}, []);
+	let l = i === "ontada-progress", u = o(l ? a : void 0, e), d = l ? c.labelPlacement ?? (c.direction === "vertical" ? void 0 : "vertical") : c.labelPlacement;
+	return /* @__PURE__ */ r(t, {
+		...c,
+		labelPlacement: d,
+		className: u
+	});
+};
+c.displayName = "Steps";
+//#endregion
+export { c as t };
+
+//# sourceMappingURL=Steps-DT5AKuMX.js.map

package/dist-lib/Steps-DT5AKuMX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps-DT5AKuMX.js","names":[],"sources":["../src/ds/navigation/stepsStyles.ts","../src/ds/navigation/Steps.tsx"],"sourcesContent":["import { CORE_COLORS } from '../../tokens/core';\n\nconst STYLE_ID = 'ds-steps-styles';\n\nexport const DS_STEPS_CLASS = 'ds-steps';\n\nexport const mergeStepsClassNames = (...classNames: Array<string | undefined>): string =>\n  classNames.filter(Boolean).join(' ').trim();\n\nexport const ensureStepsStyles = () => {\n  if (typeof document === 'undefined' || document.getElementById(STYLE_ID)) {\n    return;\n  }\n\n  const style = document.createElement('style');\n  style.id = STYLE_ID;\n  style.textContent = `\n    .${DS_STEPS_CLASS}.ant-steps {\n      --ds-steps-complete: ${CORE_COLORS.status.success};\n      --ds-steps-progress: ${CORE_COLORS.text.muted};\n      --ds-steps-next: ${CORE_COLORS.text.disabled};\n      --ds-steps-line-complete: ${CORE_COLORS.text.muted};\n      --ds-steps-line-wait: ${CORE_COLORS.surface.divider};\n      --ds-steps-text: ${CORE_COLORS.text.primary};\n      --ds-steps-error: ${CORE_COLORS.status.errorDark};\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-tail::after {\n      height: 2px !important;\n      background-image: none !important;\n      background: var(--ds-steps-line-wait) !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-rail {\n      border-color: var(--ds-steps-line-wait) !important;\n      border-top-color: var(--ds-steps-line-wait) !important;\n      border-top-width: 2px !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-rail-process,\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-rail-wait {\n      border-color: var(--ds-steps-line-wait) !important;\n      border-top-color: var(--ds-steps-line-wait) !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-rail-finish {\n      border-color: var(--ds-steps-line-complete) !important;\n      border-top-color: var(--ds-steps-line-complete) !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps.ant-steps-vertical .ant-steps-item-rail {\n      inset-inline-start: 12px !important;\n      top: 24px !important;\n      bottom: 0 !important;\n      width: 2px !important;\n      border-inline-start-width: 2px !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-rail {\n      inset-inline-start: 8px !important;\n      top: 16px !important;\n      bottom: 0 !important;\n      width: 2px !important;\n      border-inline-start-width: 2px !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-finish .ant-steps-item-rail-process {\n      border-color: var(--ds-steps-line-complete) !important;\n      border-top-color: var(--ds-steps-line-complete) !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after,\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after,\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-process .ant-steps-item-tail::after,\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-wait .ant-steps-item-tail::after {\n      background-image: none !important;\n      background: var(--ds-steps-line-wait) !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after,\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-finish .ant-steps-item-tail::after {\n      background-image: none !important;\n      background: var(--ds-steps-line-complete) !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps.ant-steps-horizontal.ant-steps-label-vertical .ant-steps-item-tail {\n      top: 12px !important;\n      padding: 0 !important;\n      inset-inline-start: calc(50% + 12px) !important;\n      inset-inline-end: calc(-50% + 12px) !important;\n      width: auto !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps.ant-steps-horizontal.ant-steps-title-vertical > .ant-steps-item .ant-steps-item-rail {\n      margin-top: 13px !important;\n      width: calc(100% - 24px) !important;\n      inset-inline-start: calc(50% + 8px) !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps.ant-steps-horizontal.ant-steps-label-vertical .ant-steps-item-icon {\n      margin-inline-end: 0 !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps.ant-steps-horizontal.ant-steps-label-vertical.ant-steps-small .ant-steps-item-tail {\n      top: 8px !important;\n      inset-inline-start: calc(50% + 8px) !important;\n      inset-inline-end: calc(-50% + 8px) !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps.ant-steps-horizontal.ant-steps-title-vertical.ant-steps-small > .ant-steps-item .ant-steps-item-rail {\n      margin-top: 9px !important;\n      width: calc(100% - 16px) !important;\n      inset-inline-start: calc(50% + 5px) !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps.ant-steps-horizontal.ant-steps-label-vertical .ant-steps-item-container {\n      display: flex !important;\n      flex-direction: column !important;\n      align-items: center !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps.ant-steps-horizontal.ant-steps-label-vertical .ant-steps-item-content {\n      width: auto !important;\n      margin-top: 8px !important;\n      text-align: center !important;\n      min-width: 52px !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-icon {\n      width: 24px !important;\n      height: 24px !important;\n      margin-inline-end: 8px !important;\n      border: 0 !important;\n      background: var(--ds-steps-next) !important;\n      display: inline-flex !important;\n      align-items: center !important;\n      justify-content: center !important;\n      box-shadow: none !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps.ant-steps-small .ant-steps-item-icon {\n      width: 16px !important;\n      height: 16px !important;\n      margin-inline-end: 6px !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-process .ant-steps-item-icon {\n      background: var(--ds-steps-progress) !important;\n      color: ${CORE_COLORS.text.inverse} !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-finish .ant-steps-item-icon {\n      background: var(--ds-steps-complete) !important;\n      color: ${CORE_COLORS.text.inverse} !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-error .ant-steps-item-icon {\n      background: var(--ds-steps-error) !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item:not(.ant-steps-item-custom) .ant-steps-item-icon .ant-steps-icon {\n      color: ${CORE_COLORS.text.inverse} !important;\n      font-size: 0 !important;\n      line-height: 1 !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-finish:not(.ant-steps-item-custom) .ant-steps-item-icon .ant-steps-icon .anticon {\n      font-size: 11px !important;\n      color: ${CORE_COLORS.text.inverse} !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-finish:not(.ant-steps-item-custom) .ant-steps-item-icon .anticon {\n      color: ${CORE_COLORS.text.inverse} !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-finish:not(.ant-steps-item-custom) .ant-steps-item-icon .ant-steps-icon .anticon svg,\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-finish:not(.ant-steps-item-custom) .ant-steps-item-icon .ant-steps-icon .anticon path {\n      fill: currentColor !important;\n      stroke: currentColor !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-title {\n      color: var(--ds-steps-text) !important;\n      font-size: 14px !important;\n      font-weight: 600 !important;\n      line-height: 18px !important;\n      letter-spacing: 0 !important;\n      padding-right: 0 !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps.ant-steps-small .ant-steps-item-title {\n      font-size: 12px !important;\n      line-height: 16px !important;\n      letter-spacing: 0.012px !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-title::after {\n      display: none !important;\n    }\n\n    .${DS_STEPS_CLASS}.ant-steps .ant-steps-item-description {\n      color: ${CORE_COLORS.text.secondary} !important;\n      font-size: 12px !important;\n      line-height: 16px !important;\n    }\n  `;\n\n  document.head.appendChild(style);\n};\n","import { Steps as AntSteps } from 'antd';\nimport type { StepsProps } from 'antd';\nimport { useEffect } from 'react';\nimport { DS_STEPS_CLASS, ensureStepsStyles, mergeStepsClassNames } from './stepsStyles';\n\nexport type DSStepsVariant = 'ant' | 'ontada-progress';\n\nexport type DSStepsProps = StepsProps & {\n  /** Opt-in DS styling variant. Defaults to Ant-native rendering. */\n  dsVariant?: DSStepsVariant;\n};\n\nexport const Steps = ({\n  className: providedClassName,\n  dsVariant = 'ant',\n  ...props\n}: DSStepsProps) => {\n  useEffect(() => {\n    ensureStepsStyles();\n  }, []);\n\n  const isDsVariant = dsVariant === 'ontada-progress';\n  const mergedClassName = mergeStepsClassNames(\n    isDsVariant ? DS_STEPS_CLASS : undefined,\n    providedClassName,\n  );\n  const resolvedLabelPlacement =\n    isDsVariant\n      ? props.labelPlacement ?? (props.direction === 'vertical' ? undefined : 'vertical')\n      : props.labelPlacement;\n\n  return <AntSteps {...props} labelPlacement={resolvedLabelPlacement} className={mergedClassName} />;\n};\n\nSteps.displayName = 'Steps';\n"],"mappings":";;;;;AAEA,IAAM,IAAW,mBAEJ,IAAiB,YAEjB,KAAwB,GAAG,MACtC,EAAW,OAAO,QAAQ,CAAC,KAAK,IAAI,CAAC,MAAM,EAEhC,UAA0B;AACrC,KAAI,OAAO,WAAa,OAAe,SAAS,eAAe,EAAS,CACtE;CAGF,IAAM,IAAQ,SAAS,cAAc,QAAQ;AAiM7C,CAhMA,EAAM,KAAK,GACX,EAAM,cAAc;OACf,EAAe;6BACO,EAAY,OAAO,QAAQ;6BAC3B,EAAY,KAAK,MAAM;yBAC3B,EAAY,KAAK,SAAS;kCACjB,EAAY,KAAK,MAAM;8BAC3B,EAAY,QAAQ,QAAQ;yBACjC,EAAY,KAAK,QAAQ;0BACxB,EAAY,OAAO,UAAU;;;OAGhD,EAAe;;;;;;OAMf,EAAe;;;;;;OAMf,EAAe;OACf,EAAe;;;;;OAKf,EAAe;;;;;OAKf,EAAe;;;;;;;;OAQf,EAAe;;;;;;;;OAQf,EAAe;;;;;OAKf,EAAe;OACf,EAAe;OACf,EAAe;OACf,EAAe;;;;;OAKf,EAAe;OACf,EAAe;;;;;OAKf,EAAe;;;;;;;;OAQf,EAAe;;;;;;OAMf,EAAe;;;;OAIf,EAAe;;;;;;OAMf,EAAe;;;;;;OAMf,EAAe;;;;;;OAMf,EAAe;;;;;;;OAOf,EAAe;;;;;;;;;;;;OAYf,EAAe;;;;;;OAMf,EAAe;;eAEP,EAAY,KAAK,QAAQ;;;OAGjC,EAAe;;eAEP,EAAY,KAAK,QAAQ;;;OAGjC,EAAe;;;;OAIf,EAAe;eACP,EAAY,KAAK,QAAQ;;;;;OAKjC,EAAe;;eAEP,EAAY,KAAK,QAAQ;;;OAGjC,EAAe;eACP,EAAY,KAAK,QAAQ;;;OAGjC,EAAe;OACf,EAAe;;;;;OAKf,EAAe;;;;;;;;;OASf,EAAe;;;;;;OAMf,EAAe;;;;OAIf,EAAe;eACP,EAAY,KAAK,UAAU;;;;KAMxC,SAAS,KAAK,YAAY,EAAM;GCnMrB,KAAS,EACpB,WAAW,GACX,eAAY,OACZ,GAAG,QACe;AAClB,SAAgB;AACd,KAAmB;IAClB,EAAE,CAAC;CAEN,IAAM,IAAc,MAAc,mBAC5B,IAAkB,EACtB,IAAc,IAAiB,KAAA,GAC/B,EACD,EACK,IACJ,IACI,EAAM,mBAAmB,EAAM,cAAc,aAAa,KAAA,IAAY,cACtE,EAAM;AAEZ,QAAO,kBAAC,GAAD;EAAU,GAAI;EAAO,gBAAgB;EAAwB,WAAW;EAAmB,CAAA;;AAGpG,EAAM,cAAc"}

package/dist-lib/Steps-Dhq_inin.cjs

@@ -0,0 +1,191 @@
+require(`./chunk-Bmb41Sf3.cjs`);const e=require(`./core-bPY3ouxp.cjs`);let t=require(`antd`),n=require(`react`),r=require(`react/jsx-runtime`);var i=`ds-steps-styles`,a=`ds-steps`,o=(...e)=>e.filter(Boolean).join(` `).trim(),s=()=>{if(typeof document>`u`||document.getElementById(i))return;let t=document.createElement(`style`);t.id=i,t.textContent=`
+    .${a}.ant-steps {
+      --ds-steps-complete: ${e.t.status.success};
+      --ds-steps-progress: ${e.t.text.muted};
+      --ds-steps-next: ${e.t.text.disabled};
+      --ds-steps-line-complete: ${e.t.text.muted};
+      --ds-steps-line-wait: ${e.t.surface.divider};
+      --ds-steps-text: ${e.t.text.primary};
+      --ds-steps-error: ${e.t.status.errorDark};
+    }
+
+    .${a}.ant-steps .ant-steps-item-tail::after {
+      height: 2px !important;
+      background-image: none !important;
+      background: var(--ds-steps-line-wait) !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-rail {
+      border-color: var(--ds-steps-line-wait) !important;
+      border-top-color: var(--ds-steps-line-wait) !important;
+      border-top-width: 2px !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-rail-process,
+    .${a}.ant-steps .ant-steps-item-rail-wait {
+      border-color: var(--ds-steps-line-wait) !important;
+      border-top-color: var(--ds-steps-line-wait) !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-rail-finish {
+      border-color: var(--ds-steps-line-complete) !important;
+      border-top-color: var(--ds-steps-line-complete) !important;
+    }
+
+    .${a}.ant-steps.ant-steps-vertical .ant-steps-item-rail {
+      inset-inline-start: 12px !important;
+      top: 24px !important;
+      bottom: 0 !important;
+      width: 2px !important;
+      border-inline-start-width: 2px !important;
+    }
+
+    .${a}.ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item-rail {
+      inset-inline-start: 8px !important;
+      top: 16px !important;
+      bottom: 0 !important;
+      width: 2px !important;
+      border-inline-start-width: 2px !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-finish .ant-steps-item-rail-process {
+      border-color: var(--ds-steps-line-complete) !important;
+      border-top-color: var(--ds-steps-line-complete) !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after,
+    .${a}.ant-steps .ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after,
+    .${a}.ant-steps .ant-steps-item-process .ant-steps-item-tail::after,
+    .${a}.ant-steps .ant-steps-item-wait .ant-steps-item-tail::after {
+      background-image: none !important;
+      background: var(--ds-steps-line-wait) !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after,
+    .${a}.ant-steps .ant-steps-item-finish .ant-steps-item-tail::after {
+      background-image: none !important;
+      background: var(--ds-steps-line-complete) !important;
+    }
+
+    .${a}.ant-steps.ant-steps-horizontal.ant-steps-label-vertical .ant-steps-item-tail {
+      top: 12px !important;
+      padding: 0 !important;
+      inset-inline-start: calc(50% + 12px) !important;
+      inset-inline-end: calc(-50% + 12px) !important;
+      width: auto !important;
+    }
+
+    .${a}.ant-steps.ant-steps-horizontal.ant-steps-title-vertical > .ant-steps-item .ant-steps-item-rail {
+      margin-top: 13px !important;
+      width: calc(100% - 24px) !important;
+      inset-inline-start: calc(50% + 8px) !important;
+    }
+
+    .${a}.ant-steps.ant-steps-horizontal.ant-steps-label-vertical .ant-steps-item-icon {
+      margin-inline-end: 0 !important;
+    }
+
+    .${a}.ant-steps.ant-steps-horizontal.ant-steps-label-vertical.ant-steps-small .ant-steps-item-tail {
+      top: 8px !important;
+      inset-inline-start: calc(50% + 8px) !important;
+      inset-inline-end: calc(-50% + 8px) !important;
+    }
+
+    .${a}.ant-steps.ant-steps-horizontal.ant-steps-title-vertical.ant-steps-small > .ant-steps-item .ant-steps-item-rail {
+      margin-top: 9px !important;
+      width: calc(100% - 16px) !important;
+      inset-inline-start: calc(50% + 5px) !important;
+    }
+
+    .${a}.ant-steps.ant-steps-horizontal.ant-steps-label-vertical .ant-steps-item-container {
+      display: flex !important;
+      flex-direction: column !important;
+      align-items: center !important;
+    }
+
+    .${a}.ant-steps.ant-steps-horizontal.ant-steps-label-vertical .ant-steps-item-content {
+      width: auto !important;
+      margin-top: 8px !important;
+      text-align: center !important;
+      min-width: 52px !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-icon {
+      width: 24px !important;
+      height: 24px !important;
+      margin-inline-end: 8px !important;
+      border: 0 !important;
+      background: var(--ds-steps-next) !important;
+      display: inline-flex !important;
+      align-items: center !important;
+      justify-content: center !important;
+      box-shadow: none !important;
+    }
+
+    .${a}.ant-steps.ant-steps-small .ant-steps-item-icon {
+      width: 16px !important;
+      height: 16px !important;
+      margin-inline-end: 6px !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-process .ant-steps-item-icon {
+      background: var(--ds-steps-progress) !important;
+      color: ${e.t.text.inverse} !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-finish .ant-steps-item-icon {
+      background: var(--ds-steps-complete) !important;
+      color: ${e.t.text.inverse} !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-error .ant-steps-item-icon {
+      background: var(--ds-steps-error) !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item:not(.ant-steps-item-custom) .ant-steps-item-icon .ant-steps-icon {
+      color: ${e.t.text.inverse} !important;
+      font-size: 0 !important;
+      line-height: 1 !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-finish:not(.ant-steps-item-custom) .ant-steps-item-icon .ant-steps-icon .anticon {
+      font-size: 11px !important;
+      color: ${e.t.text.inverse} !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-finish:not(.ant-steps-item-custom) .ant-steps-item-icon .anticon {
+      color: ${e.t.text.inverse} !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-finish:not(.ant-steps-item-custom) .ant-steps-item-icon .ant-steps-icon .anticon svg,
+    .${a}.ant-steps .ant-steps-item-finish:not(.ant-steps-item-custom) .ant-steps-item-icon .ant-steps-icon .anticon path {
+      fill: currentColor !important;
+      stroke: currentColor !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-title {
+      color: var(--ds-steps-text) !important;
+      font-size: 14px !important;
+      font-weight: 600 !important;
+      line-height: 18px !important;
+      letter-spacing: 0 !important;
+      padding-right: 0 !important;
+    }
+
+    .${a}.ant-steps.ant-steps-small .ant-steps-item-title {
+      font-size: 12px !important;
+      line-height: 16px !important;
+      letter-spacing: 0.012px !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-title::after {
+      display: none !important;
+    }
+
+    .${a}.ant-steps .ant-steps-item-description {
+      color: ${e.t.text.secondary} !important;
+      font-size: 12px !important;
+      line-height: 16px !important;
+    }
+  `,document.head.appendChild(t)},c=({className:e,dsVariant:i=`ant`,...c})=>{(0,n.useEffect)(()=>{s()},[]);let l=i===`ontada-progress`,u=o(l?a:void 0,e),d=l?c.labelPlacement??(c.direction===`vertical`?void 0:`vertical`):c.labelPlacement;return(0,r.jsx)(t.Steps,{...c,labelPlacement:d,className:u})};c.displayName=`Steps`,Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});
+//# sourceMappingURL=Steps-Dhq_inin.cjs.map