ods-ant 0.2.0 → 0.4.1

package/dist-lib/Dropdown-BU7v5Q4i.cjs

@@ -0,0 +1,88 @@
+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-dropdown-styles`,a=`ds-dropdown-menu`,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-dropdown {
+      border: 1px solid ${e.t.text.primary} !important;
+      border-radius: 4px !important;
+      background: ${e.t.text.inverse} !important;
+      box-shadow: 0 4px 4px color-mix(in srgb, ${e.t.text.primary} 15%, transparent) !important;
+      overflow: hidden !important;
+      padding: 0 !important;
+    }
+
+    .${a}.ant-dropdown .ant-dropdown-menu {
+      margin: 0 !important;
+      padding: 0 !important;
+      border-radius: 0 !important;
+      background: ${e.t.text.inverse} !important;
+      box-shadow: none !important;
+    }
+
+    .${a}.ant-dropdown .ant-dropdown-menu-item,
+    .${a}.ant-dropdown .ant-dropdown-menu-submenu-title {
+      min-height: 34px !important;
+      padding: 8px 16px !important;
+      border-bottom: 1px solid ${e.t.text.disabled} !important;
+      border-radius: 0 !important;
+      color: ${e.t.text.primary} !important;
+      background: ${e.t.text.inverse} !important;
+      font-family: var(--ant-font-family, 'Nunito', sans-serif) !important;
+      font-size: 14px !important;
+      line-height: 18px !important;
+      transition: none !important;
+    }
+
+    .${a}.ant-dropdown .ant-dropdown-menu-item:last-child,
+    .${a}.ant-dropdown .ant-dropdown-menu-submenu:last-child > .ant-dropdown-menu-submenu-title,
+    .${a}.ant-dropdown .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu .ant-dropdown-menu-item:last-child,
+    .${a}.ant-dropdown .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu .ant-dropdown-menu-submenu:last-child > .ant-dropdown-menu-submenu-title {
+      border-bottom: 0 !important;
+    }
+
+    .${a}.ant-dropdown .ant-dropdown-menu-item:hover,
+    .${a}.ant-dropdown .ant-dropdown-menu-item-active,
+    .${a}.ant-dropdown .ant-dropdown-menu-submenu-title:hover,
+    .${a}.ant-dropdown .ant-dropdown-menu-submenu-active > .ant-dropdown-menu-submenu-title {
+      background: ${e.t.surface.canvas} !important;
+      color: ${e.t.text.strong} !important;
+      font-weight: 600 !important;
+    }
+
+    .${a}.ant-dropdown .ant-dropdown-menu-item-selected,
+    .${a}.ant-dropdown .ant-dropdown-menu-submenu-selected > .ant-dropdown-menu-submenu-title {
+      background: ${e.t.accent.highlightSoft} !important;
+      color: ${e.t.text.strong} !important;
+      font-weight: 600 !important;
+      position: relative;
+    }
+
+    .${a}.ant-dropdown .ant-dropdown-menu-item-selected:hover,
+    .${a}.ant-dropdown .ant-dropdown-menu-item-selected.ant-dropdown-menu-item-active,
+    .${a}.ant-dropdown .ant-dropdown-menu-submenu-selected > .ant-dropdown-menu-submenu-title:hover,
+    .${a}.ant-dropdown .ant-dropdown-menu-submenu-selected.ant-dropdown-menu-submenu-active > .ant-dropdown-menu-submenu-title {
+      background: ${e.t.accent.highlightSoft} !important;
+      color: ${e.t.text.strong} !important;
+      font-weight: 600 !important;
+    }
+
+    .${a}.ant-dropdown .ant-dropdown-menu-item-selected::before {
+      content: '';
+      position: absolute;
+      left: 0;
+      top: 0;
+      bottom: 0;
+      width: 4px;
+      background: ${e.t.accent.highlight};
+    }
+
+    .${a}.ant-dropdown .ant-dropdown-menu-item-danger,
+    .${a}.ant-dropdown .ant-dropdown-menu-item-danger:hover,
+    .${a}.ant-dropdown .ant-dropdown-menu-item-danger.ant-dropdown-menu-item-active {
+      color: ${e.t.status.errorDark} !important;
+    }
+
+    .${a}.ant-dropdown .ant-dropdown-menu-item-divider,
+    .${a}.ant-dropdown .ant-dropdown-menu-submenu .ant-dropdown-menu-item-divider {
+      margin: 0 !important;
+      background: ${e.t.text.disabled} !important;
+    }
+  `,document.head.appendChild(t)},c=({classNames:e,overlayClassName:i,...c})=>{(0,n.useEffect)(()=>{s()},[]);let l=o(a,e?.root,i),u={...e??{},root:l};return(0,r.jsx)(t.Dropdown,{...c,classNames:u})};c.displayName=`Dropdown`,Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});
+//# sourceMappingURL=Dropdown-BU7v5Q4i.cjs.map

package/dist-lib/Dropdown-BU7v5Q4i.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown-BU7v5Q4i.cjs","names":[],"sources":["../src/ds/navigation/dropdownStyles.ts","../src/ds/navigation/Dropdown.tsx"],"sourcesContent":["import { CORE_COLORS } from '../../tokens/core';\n\nconst STYLE_ID = 'ds-dropdown-styles';\n\nexport const DS_DROPDOWN_MENU_CLASS = 'ds-dropdown-menu';\n\nexport const mergeDropdownClassNames = (...classNames: Array<string | undefined>): string =>\n  classNames.filter(Boolean).join(' ').trim();\n\nexport const ensureDropdownStyles = () => {\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_DROPDOWN_MENU_CLASS}.ant-dropdown {\n      border: 1px solid ${CORE_COLORS.text.primary} !important;\n      border-radius: 4px !important;\n      background: ${CORE_COLORS.text.inverse} !important;\n      box-shadow: 0 4px 4px color-mix(in srgb, ${CORE_COLORS.text.primary} 15%, transparent) !important;\n      overflow: hidden !important;\n      padding: 0 !important;\n    }\n\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu {\n      margin: 0 !important;\n      padding: 0 !important;\n      border-radius: 0 !important;\n      background: ${CORE_COLORS.text.inverse} !important;\n      box-shadow: none !important;\n    }\n\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-item,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-submenu-title {\n      min-height: 34px !important;\n      padding: 8px 16px !important;\n      border-bottom: 1px solid ${CORE_COLORS.text.disabled} !important;\n      border-radius: 0 !important;\n      color: ${CORE_COLORS.text.primary} !important;\n      background: ${CORE_COLORS.text.inverse} !important;\n      font-family: var(--ant-font-family, 'Nunito', sans-serif) !important;\n      font-size: 14px !important;\n      line-height: 18px !important;\n      transition: none !important;\n    }\n\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-item:last-child,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-submenu:last-child > .ant-dropdown-menu-submenu-title,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu .ant-dropdown-menu-item:last-child,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu .ant-dropdown-menu-submenu:last-child > .ant-dropdown-menu-submenu-title {\n      border-bottom: 0 !important;\n    }\n\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-item:hover,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-item-active,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-submenu-title:hover,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-submenu-active > .ant-dropdown-menu-submenu-title {\n      background: ${CORE_COLORS.surface.canvas} !important;\n      color: ${CORE_COLORS.text.strong} !important;\n      font-weight: 600 !important;\n    }\n\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-item-selected,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-submenu-selected > .ant-dropdown-menu-submenu-title {\n      background: ${CORE_COLORS.accent.highlightSoft} !important;\n      color: ${CORE_COLORS.text.strong} !important;\n      font-weight: 600 !important;\n      position: relative;\n    }\n\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-item-selected:hover,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-item-selected.ant-dropdown-menu-item-active,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-submenu-selected > .ant-dropdown-menu-submenu-title:hover,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-submenu-selected.ant-dropdown-menu-submenu-active > .ant-dropdown-menu-submenu-title {\n      background: ${CORE_COLORS.accent.highlightSoft} !important;\n      color: ${CORE_COLORS.text.strong} !important;\n      font-weight: 600 !important;\n    }\n\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-item-selected::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      width: 4px;\n      background: ${CORE_COLORS.accent.highlight};\n    }\n\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-item-danger,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-item-danger:hover,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-item-danger.ant-dropdown-menu-item-active {\n      color: ${CORE_COLORS.status.errorDark} !important;\n    }\n\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-item-divider,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-submenu .ant-dropdown-menu-item-divider {\n      margin: 0 !important;\n      background: ${CORE_COLORS.text.disabled} !important;\n    }\n  `;\n\n  document.head.appendChild(style);\n};\n","import { Dropdown as AntDropdown } from 'antd';\nimport type { DropdownProps as AntDropdownProps } from 'antd';\nimport { useEffect } from 'react';\nimport {\n  DS_DROPDOWN_MENU_CLASS,\n  ensureDropdownStyles,\n  mergeDropdownClassNames,\n} from './dropdownStyles';\n\nexport type DropdownProps = AntDropdownProps;\n\nexport const Dropdown = ({\n  classNames: providedClassNames,\n  overlayClassName,\n  ...props\n}: DropdownProps) => {\n  useEffect(() => {\n    ensureDropdownStyles();\n  }, []);\n\n  const mergedRootClassName = mergeDropdownClassNames(\n    DS_DROPDOWN_MENU_CLASS,\n    (providedClassNames as any)?.root,\n    overlayClassName,\n  );\n\n  const mergedClassNames = {\n    ...(providedClassNames ?? {}),\n    root: mergedRootClassName,\n  } as AntDropdownProps['classNames'];\n\n  return <AntDropdown {...props} classNames={mergedClassNames} />;\n};\n\nDropdown.displayName = 'Dropdown';\n"],"mappings":"+IAEA,IAAM,EAAW,qBAEJ,EAAyB,mBAEzB,GAA2B,GAAG,IACzC,EAAW,OAAO,QAAQ,CAAC,KAAK,IAAI,CAAC,MAAM,CAEhC,MAA6B,CACxC,GAAI,OAAO,SAAa,KAAe,SAAS,eAAe,EAAS,CACtE,OAGF,IAAM,EAAQ,SAAS,cAAc,QAAQ,CAC7C,EAAM,GAAK,EACX,EAAM,YAAc;OACf,EAAuB;0BACJ,EAAA,EAAY,KAAK,QAAQ;;oBAE/B,EAAA,EAAY,KAAK,QAAQ;iDACI,EAAA,EAAY,KAAK,QAAQ;;;;;OAKnE,EAAuB;;;;oBAIV,EAAA,EAAY,KAAK,QAAQ;;;;OAItC,EAAuB;OACvB,EAAuB;;;iCAGG,EAAA,EAAY,KAAK,SAAS;;eAE5C,EAAA,EAAY,KAAK,QAAQ;oBACpB,EAAA,EAAY,KAAK,QAAQ;;;;;;;OAOtC,EAAuB;OACvB,EAAuB;OACvB,EAAuB;OACvB,EAAuB;;;;OAIvB,EAAuB;OACvB,EAAuB;OACvB,EAAuB;OACvB,EAAuB;oBACV,EAAA,EAAY,QAAQ,OAAO;eAChC,EAAA,EAAY,KAAK,OAAO;;;;OAIhC,EAAuB;OACvB,EAAuB;oBACV,EAAA,EAAY,OAAO,cAAc;eACtC,EAAA,EAAY,KAAK,OAAO;;;;;OAKhC,EAAuB;OACvB,EAAuB;OACvB,EAAuB;OACvB,EAAuB;oBACV,EAAA,EAAY,OAAO,cAAc;eACtC,EAAA,EAAY,KAAK,OAAO;;;;OAIhC,EAAuB;;;;;;;oBAOV,EAAA,EAAY,OAAO,UAAU;;;OAG1C,EAAuB;OACvB,EAAuB;OACvB,EAAuB;eACf,EAAA,EAAY,OAAO,UAAU;;;OAGrC,EAAuB;OACvB,EAAuB;;oBAEV,EAAA,EAAY,KAAK,SAAS;;IAI5C,SAAS,KAAK,YAAY,EAAM,EC7FrB,GAAY,CACvB,WAAY,EACZ,mBACA,GAAG,KACgB,EACnB,EAAA,EAAA,eAAgB,CACd,GAAsB,EACrB,EAAE,CAAC,CAEN,IAAM,EAAsB,EAC1B,EACC,GAA4B,KAC7B,EACD,CAEK,EAAmB,CACvB,GAAI,GAAsB,EAAE,CAC5B,KAAM,EACP,CAED,OAAO,EAAA,EAAA,KAAC,EAAA,SAAD,CAAa,GAAI,EAAO,WAAY,EAAoB,CAAA,EAGjE,EAAS,YAAc"}

package/dist-lib/Dropdown-C2t8AOdz.js

@@ -0,0 +1,113 @@
+import { t as e } from "./core-C-tv3mqr.js";
+import { Dropdown as t } from "antd";
+import { useEffect as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/ds/navigation/dropdownStyles.ts
+var i = "ds-dropdown-styles", a = "ds-dropdown-menu", 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-dropdown {
+      border: 1px solid ${e.text.primary} !important;
+      border-radius: 4px !important;
+      background: ${e.text.inverse} !important;
+      box-shadow: 0 4px 4px color-mix(in srgb, ${e.text.primary} 15%, transparent) !important;
+      overflow: hidden !important;
+      padding: 0 !important;
+    }
+
+    .${a}.ant-dropdown .ant-dropdown-menu {
+      margin: 0 !important;
+      padding: 0 !important;
+      border-radius: 0 !important;
+      background: ${e.text.inverse} !important;
+      box-shadow: none !important;
+    }
+
+    .${a}.ant-dropdown .ant-dropdown-menu-item,
+    .${a}.ant-dropdown .ant-dropdown-menu-submenu-title {
+      min-height: 34px !important;
+      padding: 8px 16px !important;
+      border-bottom: 1px solid ${e.text.disabled} !important;
+      border-radius: 0 !important;
+      color: ${e.text.primary} !important;
+      background: ${e.text.inverse} !important;
+      font-family: var(--ant-font-family, 'Nunito', sans-serif) !important;
+      font-size: 14px !important;
+      line-height: 18px !important;
+      transition: none !important;
+    }
+
+    .${a}.ant-dropdown .ant-dropdown-menu-item:last-child,
+    .${a}.ant-dropdown .ant-dropdown-menu-submenu:last-child > .ant-dropdown-menu-submenu-title,
+    .${a}.ant-dropdown .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu .ant-dropdown-menu-item:last-child,
+    .${a}.ant-dropdown .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu .ant-dropdown-menu-submenu:last-child > .ant-dropdown-menu-submenu-title {
+      border-bottom: 0 !important;
+    }
+
+    .${a}.ant-dropdown .ant-dropdown-menu-item:hover,
+    .${a}.ant-dropdown .ant-dropdown-menu-item-active,
+    .${a}.ant-dropdown .ant-dropdown-menu-submenu-title:hover,
+    .${a}.ant-dropdown .ant-dropdown-menu-submenu-active > .ant-dropdown-menu-submenu-title {
+      background: ${e.surface.canvas} !important;
+      color: ${e.text.strong} !important;
+      font-weight: 600 !important;
+    }
+
+    .${a}.ant-dropdown .ant-dropdown-menu-item-selected,
+    .${a}.ant-dropdown .ant-dropdown-menu-submenu-selected > .ant-dropdown-menu-submenu-title {
+      background: ${e.accent.highlightSoft} !important;
+      color: ${e.text.strong} !important;
+      font-weight: 600 !important;
+      position: relative;
+    }
+
+    .${a}.ant-dropdown .ant-dropdown-menu-item-selected:hover,
+    .${a}.ant-dropdown .ant-dropdown-menu-item-selected.ant-dropdown-menu-item-active,
+    .${a}.ant-dropdown .ant-dropdown-menu-submenu-selected > .ant-dropdown-menu-submenu-title:hover,
+    .${a}.ant-dropdown .ant-dropdown-menu-submenu-selected.ant-dropdown-menu-submenu-active > .ant-dropdown-menu-submenu-title {
+      background: ${e.accent.highlightSoft} !important;
+      color: ${e.text.strong} !important;
+      font-weight: 600 !important;
+    }
+
+    .${a}.ant-dropdown .ant-dropdown-menu-item-selected::before {
+      content: '';
+      position: absolute;
+      left: 0;
+      top: 0;
+      bottom: 0;
+      width: 4px;
+      background: ${e.accent.highlight};
+    }
+
+    .${a}.ant-dropdown .ant-dropdown-menu-item-danger,
+    .${a}.ant-dropdown .ant-dropdown-menu-item-danger:hover,
+    .${a}.ant-dropdown .ant-dropdown-menu-item-danger.ant-dropdown-menu-item-active {
+      color: ${e.status.errorDark} !important;
+    }
+
+    .${a}.ant-dropdown .ant-dropdown-menu-item-divider,
+    .${a}.ant-dropdown .ant-dropdown-menu-submenu .ant-dropdown-menu-item-divider {
+      margin: 0 !important;
+      background: ${e.text.disabled} !important;
+    }
+  `, document.head.appendChild(t);
+}, c = ({ classNames: e, overlayClassName: i, ...c }) => {
+	n(() => {
+		s();
+	}, []);
+	let l = o(a, e?.root, i), u = {
+		...e ?? {},
+		root: l
+	};
+	return /* @__PURE__ */ r(t, {
+		...c,
+		classNames: u
+	});
+};
+c.displayName = "Dropdown";
+//#endregion
+export { c as t };
+
+//# sourceMappingURL=Dropdown-C2t8AOdz.js.map

package/dist-lib/Dropdown-C2t8AOdz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown-C2t8AOdz.js","names":[],"sources":["../src/ds/navigation/dropdownStyles.ts","../src/ds/navigation/Dropdown.tsx"],"sourcesContent":["import { CORE_COLORS } from '../../tokens/core';\n\nconst STYLE_ID = 'ds-dropdown-styles';\n\nexport const DS_DROPDOWN_MENU_CLASS = 'ds-dropdown-menu';\n\nexport const mergeDropdownClassNames = (...classNames: Array<string | undefined>): string =>\n  classNames.filter(Boolean).join(' ').trim();\n\nexport const ensureDropdownStyles = () => {\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_DROPDOWN_MENU_CLASS}.ant-dropdown {\n      border: 1px solid ${CORE_COLORS.text.primary} !important;\n      border-radius: 4px !important;\n      background: ${CORE_COLORS.text.inverse} !important;\n      box-shadow: 0 4px 4px color-mix(in srgb, ${CORE_COLORS.text.primary} 15%, transparent) !important;\n      overflow: hidden !important;\n      padding: 0 !important;\n    }\n\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu {\n      margin: 0 !important;\n      padding: 0 !important;\n      border-radius: 0 !important;\n      background: ${CORE_COLORS.text.inverse} !important;\n      box-shadow: none !important;\n    }\n\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-item,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-submenu-title {\n      min-height: 34px !important;\n      padding: 8px 16px !important;\n      border-bottom: 1px solid ${CORE_COLORS.text.disabled} !important;\n      border-radius: 0 !important;\n      color: ${CORE_COLORS.text.primary} !important;\n      background: ${CORE_COLORS.text.inverse} !important;\n      font-family: var(--ant-font-family, 'Nunito', sans-serif) !important;\n      font-size: 14px !important;\n      line-height: 18px !important;\n      transition: none !important;\n    }\n\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-item:last-child,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-submenu:last-child > .ant-dropdown-menu-submenu-title,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu .ant-dropdown-menu-item:last-child,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu .ant-dropdown-menu-submenu:last-child > .ant-dropdown-menu-submenu-title {\n      border-bottom: 0 !important;\n    }\n\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-item:hover,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-item-active,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-submenu-title:hover,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-submenu-active > .ant-dropdown-menu-submenu-title {\n      background: ${CORE_COLORS.surface.canvas} !important;\n      color: ${CORE_COLORS.text.strong} !important;\n      font-weight: 600 !important;\n    }\n\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-item-selected,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-submenu-selected > .ant-dropdown-menu-submenu-title {\n      background: ${CORE_COLORS.accent.highlightSoft} !important;\n      color: ${CORE_COLORS.text.strong} !important;\n      font-weight: 600 !important;\n      position: relative;\n    }\n\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-item-selected:hover,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-item-selected.ant-dropdown-menu-item-active,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-submenu-selected > .ant-dropdown-menu-submenu-title:hover,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-submenu-selected.ant-dropdown-menu-submenu-active > .ant-dropdown-menu-submenu-title {\n      background: ${CORE_COLORS.accent.highlightSoft} !important;\n      color: ${CORE_COLORS.text.strong} !important;\n      font-weight: 600 !important;\n    }\n\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-item-selected::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      width: 4px;\n      background: ${CORE_COLORS.accent.highlight};\n    }\n\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-item-danger,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-item-danger:hover,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-item-danger.ant-dropdown-menu-item-active {\n      color: ${CORE_COLORS.status.errorDark} !important;\n    }\n\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-item-divider,\n    .${DS_DROPDOWN_MENU_CLASS}.ant-dropdown .ant-dropdown-menu-submenu .ant-dropdown-menu-item-divider {\n      margin: 0 !important;\n      background: ${CORE_COLORS.text.disabled} !important;\n    }\n  `;\n\n  document.head.appendChild(style);\n};\n","import { Dropdown as AntDropdown } from 'antd';\nimport type { DropdownProps as AntDropdownProps } from 'antd';\nimport { useEffect } from 'react';\nimport {\n  DS_DROPDOWN_MENU_CLASS,\n  ensureDropdownStyles,\n  mergeDropdownClassNames,\n} from './dropdownStyles';\n\nexport type DropdownProps = AntDropdownProps;\n\nexport const Dropdown = ({\n  classNames: providedClassNames,\n  overlayClassName,\n  ...props\n}: DropdownProps) => {\n  useEffect(() => {\n    ensureDropdownStyles();\n  }, []);\n\n  const mergedRootClassName = mergeDropdownClassNames(\n    DS_DROPDOWN_MENU_CLASS,\n    (providedClassNames as any)?.root,\n    overlayClassName,\n  );\n\n  const mergedClassNames = {\n    ...(providedClassNames ?? {}),\n    root: mergedRootClassName,\n  } as AntDropdownProps['classNames'];\n\n  return <AntDropdown {...props} classNames={mergedClassNames} />;\n};\n\nDropdown.displayName = 'Dropdown';\n"],"mappings":";;;;;AAEA,IAAM,IAAW,sBAEJ,IAAyB,oBAEzB,KAA2B,GAAG,MACzC,EAAW,OAAO,QAAQ,CAAC,KAAK,IAAI,CAAC,MAAM,EAEhC,UAA6B;AACxC,KAAI,OAAO,WAAa,OAAe,SAAS,eAAe,EAAS,CACtE;CAGF,IAAM,IAAQ,SAAS,cAAc,QAAQ;AA0F7C,CAzFA,EAAM,KAAK,GACX,EAAM,cAAc;OACf,EAAuB;0BACJ,EAAY,KAAK,QAAQ;;oBAE/B,EAAY,KAAK,QAAQ;iDACI,EAAY,KAAK,QAAQ;;;;;OAKnE,EAAuB;;;;oBAIV,EAAY,KAAK,QAAQ;;;;OAItC,EAAuB;OACvB,EAAuB;;;iCAGG,EAAY,KAAK,SAAS;;eAE5C,EAAY,KAAK,QAAQ;oBACpB,EAAY,KAAK,QAAQ;;;;;;;OAOtC,EAAuB;OACvB,EAAuB;OACvB,EAAuB;OACvB,EAAuB;;;;OAIvB,EAAuB;OACvB,EAAuB;OACvB,EAAuB;OACvB,EAAuB;oBACV,EAAY,QAAQ,OAAO;eAChC,EAAY,KAAK,OAAO;;;;OAIhC,EAAuB;OACvB,EAAuB;oBACV,EAAY,OAAO,cAAc;eACtC,EAAY,KAAK,OAAO;;;;;OAKhC,EAAuB;OACvB,EAAuB;OACvB,EAAuB;OACvB,EAAuB;oBACV,EAAY,OAAO,cAAc;eACtC,EAAY,KAAK,OAAO;;;;OAIhC,EAAuB;;;;;;;oBAOV,EAAY,OAAO,UAAU;;;OAG1C,EAAuB;OACvB,EAAuB;OACvB,EAAuB;eACf,EAAY,OAAO,UAAU;;;OAGrC,EAAuB;OACvB,EAAuB;;oBAEV,EAAY,KAAK,SAAS;;KAI5C,SAAS,KAAK,YAAY,EAAM;GC7FrB,KAAY,EACvB,YAAY,GACZ,qBACA,GAAG,QACgB;AACnB,SAAgB;AACd,KAAsB;IACrB,EAAE,CAAC;CAEN,IAAM,IAAsB,EAC1B,GACC,GAA4B,MAC7B,EACD,EAEK,IAAmB;EACvB,GAAI,KAAsB,EAAE;EAC5B,MAAM;EACP;AAED,QAAO,kBAAC,GAAD;EAAa,GAAI;EAAO,YAAY;EAAoB,CAAA;;AAGjE,EAAS,cAAc"}

package/dist-lib/InputNumber-55VASjK4.js

@@ -0,0 +1,253 @@
+import { dsSemanticTokens as e } from "./theme.js";
+import { FieldShell as t } from "./forms/FieldShell.js";
+import { t as n } from "./fieldProps-EeYy2kXb.js";
+import { InputNumber as r } from "antd";
+import { useEffect as i, useId as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/ds/forms/inputNumberStyles.ts
+var s = "ds-input-number-control-styles", c = () => {
+	if (typeof document > "u") return;
+	let { input: t, table: n } = e, r = document.getElementById(s);
+	r || (r = document.createElement("style"), r.id = s, 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;
+    }
+  `;
+}, l = "ds-input-number", u = ({ className: e = "", rootClassName: s = "", fieldLabel: u, fieldRequired: d, fieldDescription: f, fieldError: p, fieldActions: m, containerStyle: h, clear: g, clearable: _ = !1, clearLabel: v, clearVisibility: y = "always", onClear: b, onValueChange: x, clearToValue: S, id: C, ...w }) => {
+	let T = a();
+	i(() => {
+		c();
+	}, []);
+	let E = `${l} ${e}`.trim(), D = `${l}-root ${s}`.trim(), O = !!(u || d || f || p || m || _ || g || b), k = C ?? (O ? T : void 0), A = k ? `${k}-description` : void 0, j = k ? `${k}-error` : void 0, M = g?.onClear ?? b, N = S === void 0 ? null : S, P = n(f ? A : void 0, p ? j : void 0), F = /* @__PURE__ */ o(r, {
+		...w,
+		id: k,
+		className: E,
+		rootClassName: D,
+		"aria-describedby": P,
+		"aria-invalid": p ? !0 : void 0,
+		onChange: (e) => {
+			w.onChange?.(e), x?.(e);
+		}
+	});
+	return O ? /* @__PURE__ */ o(t, {
+		label: u,
+		required: d,
+		htmlFor: k,
+		description: f,
+		descriptionId: A,
+		error: p,
+		errorId: j,
+		clear: g,
+		clearable: _,
+		clearLabel: v,
+		clearVisibility: y,
+		clearValue: w.value,
+		onClear: () => {
+			M?.(), x?.(N), w.onChange?.(N);
+		},
+		extraActions: m,
+		style: h,
+		children: F
+	}) : F;
+};
+u.displayName = "InputNumber";
+//#endregion
+export { u as t };
+
+//# sourceMappingURL=InputNumber-55VASjK4.js.map

package/dist-lib/InputNumber-55VASjK4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputNumber-55VASjK4.js","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":";;;;;;;AAEA,IAAM,IAAW,kCAEJ,UAAgC;AAC3C,KAAI,OAAO,WAAa,IACtB;CAGF,IAAM,EAAE,UAAO,aAAU,GACrB,IAAQ,SAAS,eAAe,EAAS;AAO7C,CANK,MACH,IAAQ,SAAS,cAAc,QAAQ,EACvC,EAAM,KAAK,GACX,SAAS,KAAK,YAAY,EAAM,GAGlC,EAAM,cAAc;;;;;;;;;;;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;;;;;;;;;;;;;;;GCnMrC,IAAwB,mBASjB,KAAe,EAC1B,eAAY,IACZ,mBAAgB,IAChB,eACA,kBACA,qBACA,eACA,iBACA,mBACA,UACA,eAAY,IACZ,eACA,qBAAkB,UAClB,YACA,kBACA,iBACA,OACA,GAAG,QAC2C;CAC9C,IAAM,IAAc,GAAO;AAC3B,SAAgB;AACd,KAAyB;IACxB,EAAE,CAAC;CAEN,IAAM,IAAkB,GAAG,EAAsB,GAAG,IAAY,MAAM,EAChE,IAAsB,GAAG,EAAsB,QAAQ,IAAgB,MAAM,EAC7E,IAAyB,GAC7B,KACE,KACA,KACA,KACA,KACA,KACA,KACA,IAEE,IAAY,MAAO,IAAyB,IAAc,KAAA,IAC1D,IAAgB,IAAY,GAAG,EAAU,gBAAgB,KAAA,GACzD,IAAU,IAAY,GAAG,EAAU,UAAU,KAAA,GAC7C,IAAc,GAAO,WAAW,GAChC,IAAa,MAAiB,KAAA,IAAY,OAAO,GACjD,IAAc,EAClB,IAAmB,IAAgB,KAAA,GACnC,IAAa,IAAU,KAAA,EACxB,EAEK,IACJ,kBAAC,GAAD;EACE,GAAI;EACJ,IAAI;EACJ,WAAW;EACX,eAAe;EACf,oBAAkB;EAClB,gBAAc,IAAa,KAAO,KAAA;EAClC,WAAW,MAAc;AAEvB,GADA,EAAM,WAAW,EAAU,EAC3B,IAAgB,EAAU;;EAE5B,CAAA;AAOJ,QAJK,IAKH,kBAAC,GAAD;EACE,OAAO;EACP,UAAU;EACV,SAAS;EACT,aAAa;EACE;EACf,OAAO;EACE;EACF;EACI;EACC;EACK;EACjB,YAAY,EAAM;EAClB,eAAe;AAGb,GAFA,KAAe,EACf,IAAgB,EAAW,EAC3B,EAAM,WAAW,EAAW;;EAE9B,cAAc;EACd,OAAO;YAEN;EACU,CAAA,GA1BN;;AA8BX,EAAY,cAAc"}