@bioturing/components 0.46.3 → 0.47.0

package/dist/components/modal/style.css

@@ -1 +1 @@
-@layer components{.ds-modal-wrap{max-height:100vh}.ds-modal-wrap .ds-modal-close-x{width:100%;display:flex}.ds-modal-wrap .ds-modal{padding-bottom:0;margin-top:0;margin-bottom:0;max-height:100vh;top:0}.ds-modal-wrap .ds-modal .ds-modal-content{display:flex;flex-direction:column;padding:0;box-shadow:var(--ds-box-shadow-secondary);background:var(--ds-modal-bg, var(--ds-modal-content-bg));position:relative}.ds-modal-wrap .ds-modal .ds-modal-body{padding:var(--ds-modal-content-padding);flex-grow:1;flex-shrink:1;min-height:0;overflow:auto}.ds-modal-wrap .ds-modal .ds-modal-header{padding:calc(var(--ds-modal-padding) * 2 / 3) var(--ds-modal-padding) 0 var(--ds-modal-padding);margin-bottom:0;background:transparent}.ds-modal-wrap .ds-modal .ds-modal-footer{padding:0 var(--ds-modal-padding) var(--ds-modal-padding) var(--ds-modal-padding);margin-top:0;background:transparent}.ds-modal-wrap .ds-modal .ds-modal-close{top:calc(var(--ds-modal-padding) * 2 / 3 - 4px)}.ds-modal-wrap:not(.ds-modal-centered) .ds-modal-inner{margin-top:4rem}.ds-modal-wrap:not(.ds-modal-fullscreen) .ds-modal-content{max-height:calc(100vh - var(--ds-modal-edge-padding) * 2);margin:var(--ds-modal-edge-padding)}.ds-modal-wrap:not(.ds-modal-fullscreen) .ds-modal>div[tabindex="0"]{max-height:calc(100vh - var(--ds-modal-edge-padding) * 2)}.ds-modal-no-body-scroll .ds-modal{max-height:100%}.ds-modal-no-body-scroll .ds-modal .ds-modal-body{overflow:hidden;display:grid}.ds-modal-no-body-scroll .ds-modal .ds-modal-body>*{min-height:0}.ds-modal-fullscreen .ds-modal>div[tabindex="0"]{height:100%}.ds-modal-fullscreen .ds-modal .ds-modal-inner{height:100%}.ds-modal-fullscreen .ds-modal .ds-modal-content{border-radius:0;height:100%;width:100%}.ds-modal-fixed .ds-modal .ds-modal-footer{border-top:1px solid var(--ds-color-split);margin-top:0;padding:calc(var(--ds-modal-padding) / 2) var(--ds-modal-padding)}.ds-modal-fixed .ds-modal .ds-modal-header{border-bottom:1px solid var(--ds-color-split);margin-bottom:0;padding:calc(var(--ds-modal-padding) / 2) var(--ds-modal-padding)}.ds-modal-fixed .ds-modal .ds-modal-close{top:8px}.ds-modal-content-overflow .ds-modal .ds-modal-inner{margin-top:0}.ds-modal-loading-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background-color:color-mix(in oklab,var(--ds-modal-bg) 60%,transparent);margin-top:calc(var(--ds-modal-header-height, 0));margin-bottom:calc(var(--ds-modal-footer-height, 0))}}
+@layer components{.ds-modal-wrap{max-height:100vh}.ds-modal-wrap .ds-modal-close-x{width:100%;display:flex}.ds-modal-wrap .ds-modal{padding-bottom:0;margin-top:0;margin-bottom:0;max-height:100vh;top:0}.ds-modal-wrap .ds-modal .ds-modal-content{display:flex;flex-direction:column;padding:0;box-shadow:var(--ds-box-shadow-secondary);background:var(--ds-modal-bg, var(--ds-modal-content-bg));position:relative}.ds-modal-wrap .ds-modal .ds-modal-body{padding:var(--ds-modal-body-content-padding);flex-grow:1;flex-shrink:1;min-height:0;overflow:auto}.ds-modal-wrap .ds-modal .ds-modal-header{padding-block:var(--ds-modal-header-padding-block);padding-inline:var(--ds-modal-padding);margin-bottom:0;background:transparent}.ds-modal-wrap .ds-modal .ds-modal-footer{padding-block:var(--ds-modal-footer-padding-block);padding-inline:var(--ds-modal-padding);margin-top:0;background:transparent}.ds-modal-wrap .ds-modal .ds-modal-close{top:calc(var(--ds-modal-padding) * 2 / 3 - 4px)}.ds-modal-wrap:not(.ds-modal-centered) .ds-modal-inner{margin-top:4rem}.ds-modal-wrap:not(.ds-modal-fullscreen) .ds-modal-content{max-height:calc(100vh - var(--ds-modal-edge-padding) * 2);margin:var(--ds-modal-edge-padding)}.ds-modal-wrap:not(.ds-modal-fullscreen) .ds-modal>div[tabindex="0"]{max-height:calc(100vh - var(--ds-modal-edge-padding) * 2)}.ds-modal-no-body-scroll .ds-modal{max-height:100%}.ds-modal-no-body-scroll .ds-modal .ds-modal-body{overflow:hidden;display:grid}.ds-modal-no-body-scroll .ds-modal .ds-modal-body>*{min-height:0}.ds-modal-fullscreen .ds-modal>div[tabindex="0"]{height:100%}.ds-modal-fullscreen .ds-modal .ds-modal-inner{height:100%}.ds-modal-fullscreen .ds-modal .ds-modal-content{border-radius:0;height:100%;width:100%}.ds-modal-fixed .ds-modal .ds-modal-footer{border-top:1px solid var(--ds-color-split);margin-top:0;padding-block:var(--ds-modal-fixed-footer-padding-block);padding-inline:var(--ds-modal-padding)}.ds-modal-fixed .ds-modal .ds-modal-header{border-bottom:1px solid var(--ds-color-split);margin-bottom:0;padding-block:var(--ds-modal-fixed-header-padding-block);padding-inline:var(--ds-modal-padding)}.ds-modal-content-overflow .ds-modal .ds-modal-inner{margin-top:0}.ds-modal-loading-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background-color:color-mix(in oklab,var(--ds-modal-bg) 60%,transparent);margin-top:calc(var(--ds-modal-header-height, 0));margin-bottom:calc(var(--ds-modal-footer-height, 0))}}

package/dist/components/theme-provider/component.d.ts

@@ -1,11 +1,13 @@
 import { ConfigProviderProps } from 'antd/es/config-provider';
 import { StyleProviderProps } from '@ant-design/cssinjs';
+import { ComponentConfig } from './context';
 import { Theme } from '../../tokens';
 export interface ThemeProviderProps extends Omit<ConfigProviderProps, "theme" | "prefixCls"> {
     appendClassesTo?: string | HTMLElement;
     appendClassesToChildren?: boolean;
     styleProviderProps?: StyleProviderProps;
     theme?: Theme;
+    componentConfig?: ComponentConfig;
 }
-export declare const ThemeProvider: ({ theme, appendClassesTo, appendClassesToChildren, styleProviderProps, children, ...configProviderProps }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ThemeProvider: ({ theme, componentConfig, appendClassesTo, appendClassesToChildren, styleProviderProps, children, ...configProviderProps }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=component.d.ts.map

package/dist/components/theme-provider/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/theme-provider/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAAiB,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAExE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAGrC,OAAO,aAAa,CAAC;AAGrB,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,WAAW,CAAC;IACxD,eAAe,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IACvC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAyCD,eAAO,MAAM,aAAa,GAAI,2GAO3B,kBAAkB,4CAkBpB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/theme-provider/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAAiB,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAwB,eAAe,EAAE,MAAM,WAAW,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAGrC,OAAO,aAAa,CAAC;AAGrB,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,WAAW,CAAC;IACxD,eAAe,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IACvC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAyCD,eAAO,MAAM,aAAa,GAAI,4HAQ3B,kBAAkB,4CAkBpB,CAAC"}

package/dist/components/theme-provider/component.js

@@ -1,46 +1,47 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
-import s from "antd/es/config-provider";
-import { useLayoutEffect as c, Children as n, isValidElement as l, cloneElement as u } from "react";
-import { lightTheme as p, darkTheme as a } from "../../tokens/and-theme/tokens.js";
-import { StyleProvider as h } from "@ant-design/cssinjs";
+import c from "antd/es/config-provider";
+import { useLayoutEffect as n, Children as l, isValidElement as u, cloneElement as p } from "react";
+import { lightTheme as a, darkTheme as h } from "../../tokens/and-theme/tokens.js";
+import { StyleProvider as v } from "@ant-design/cssinjs";
 import './style.css';/* empty css          */
-import { ThemeContextProvider as v } from "./context/provider.js";
-import { useTheme as d } from "./context/themeStore.js";
-import { clsx as x } from "../utils/cn.js";
-const y = ({
-  children: o,
+import { ThemeContextProvider as d } from "./context/provider.js";
+import { useTheme as x } from "./context/themeStore.js";
+import { clsx as y } from "../utils/cn.js";
+const g = ({
+  children: m,
   appendClassesTo: e
 }) => {
-  const { className: m } = d();
-  return c(() => {
-    const r = m.split(" "), t = typeof e == "string" ? document.querySelector(e) : e;
-    return t && t.classList.add(...r), () => {
-      t && t.classList.remove(...r);
+  const { className: t } = x();
+  return n(() => {
+    const r = t.split(" "), o = typeof e == "string" ? document.querySelector(e) : e;
+    return o && o.classList.add(...r), () => {
+      o && o.classList.remove(...r);
     };
-  }, [e, m]), e === void 0 ? n.map(o, (r) => l(r) ? u(r, {
-    className: x(
+  }, [e, t]), e === void 0 ? l.map(m, (r) => u(r) ? p(r, {
+    className: y(
       r.props.className,
-      m
+      t
     )
-  }) : r) : o;
-}, D = ({
-  theme: o,
-  appendClassesTo: e,
-  appendClassesToChildren: m,
-  styleProviderProps: r,
-  children: t,
-  ...f
-}) => /* @__PURE__ */ i(h, { layer: !0, ...r, children: /* @__PURE__ */ i(v, { theme: o, children: /* @__PURE__ */ i(
-  s,
+  }) : r) : m;
+}, V = ({
+  theme: m,
+  componentConfig: e,
+  appendClassesTo: t,
+  appendClassesToChildren: r,
+  styleProviderProps: o,
+  children: f,
+  ...s
+}) => /* @__PURE__ */ i(v, { layer: !0, ...o, children: /* @__PURE__ */ i(d, { theme: m, componentConfig: e, children: /* @__PURE__ */ i(
+  c,
   {
-    theme: o == "light" ? p : a,
+    theme: m == "light" ? a : h,
     prefixCls: "ds",
-    ...f,
-    children: m || e ? /* @__PURE__ */ i(y, { appendClassesTo: e, children: t }) : t
+    ...s,
+    children: r || t ? /* @__PURE__ */ i(g, { appendClassesTo: t, children: f }) : f
   }
 ) }) });
 export {
-  D as ThemeProvider
+  V as ThemeProvider
 };
 //# sourceMappingURL=component.js.map

package/dist/components/theme-provider/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/theme-provider/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as ConfigProvider,\n  type ConfigProviderProps,\n} from \"antd/es/config-provider\";\nimport { Children, cloneElement, isValidElement, useLayoutEffect } from \"react\";\nimport { darkTheme, lightTheme } from \"../../tokens/and-theme/tokens\";\nimport { clsx } from \"../utils\";\nimport { StyleProvider, StyleProviderProps } from \"@ant-design/cssinjs\";\nimport { ThemeContextProvider } from \"./context\";\nimport { Theme } from \"../../tokens\";\n\n// Import component-specific styles\nimport \"./style.css\";\nimport { useTheme } from \"./context\";\n\nexport interface ThemeProviderProps\n  extends Omit<ConfigProviderProps, \"theme\" | \"prefixCls\"> {\n  appendClassesTo?: string | HTMLElement;\n  appendClassesToChildren?: boolean;\n  styleProviderProps?: StyleProviderProps;\n  theme?: Theme;\n}\n\nconst DSWrapper = ({\n  children,\n  appendClassesTo,\n}: {\n  children: React.ReactNode;\n  appendClassesTo?: string | HTMLElement;\n}) => {\n  const { className } = useTheme();\n\n  useLayoutEffect(() => {\n    const classes = className.split(\" \");\n    const el =\n      typeof appendClassesTo === \"string\"\n        ? document.querySelector(appendClassesTo)\n        : appendClassesTo;\n    if (el) {\n      el.classList.add(...classes);\n    }\n    return () => {\n      if (el) {\n        el.classList.remove(...classes);\n      }\n    };\n  }, [appendClassesTo, className]);\n\n  return appendClassesTo === undefined\n    ? Children.map(children, (child) => {\n        if (isValidElement(child))\n          return cloneElement(child, {\n            className: clsx(\n              (child.props as { className?: string }).className,\n              className\n            ),\n          } as { className: string });\n        return child;\n      })\n    : children;\n};\n\nexport const ThemeProvider = ({\n  theme,\n  appendClassesTo,\n  appendClassesToChildren,\n  styleProviderProps,\n  children,\n  ...configProviderProps\n}: ThemeProviderProps) => {\n  return (\n    <StyleProvider layer {...styleProviderProps}>\n      <ThemeContextProvider theme={theme}>\n        <ConfigProvider\n          theme={theme == \"light\" ? lightTheme : darkTheme}\n          prefixCls=\"ds\"\n          {...configProviderProps}\n        >\n          {appendClassesToChildren || appendClassesTo ? (\n            <DSWrapper appendClassesTo={appendClassesTo}>{children}</DSWrapper>\n          ) : (\n            children\n          )}\n        </ConfigProvider>\n      </ThemeContextProvider>\n    </StyleProvider>\n  );\n};\n"],"names":["DSWrapper","children","appendClassesTo","className","useTheme","useLayoutEffect","classes","el","Children","child","isValidElement","cloneElement","clsx","ThemeProvider","theme","appendClassesToChildren","styleProviderProps","configProviderProps","jsx","StyleProvider","ThemeContextProvider","ConfigProvider","lightTheme","darkTheme"],"mappings":";;;;;;;;;;AAwBA,MAAMA,IAAY,CAAC;AAAA,EACjB,UAAAC;AAAA,EACA,iBAAAC;AACF,MAGM;AACJ,QAAM,EAAE,WAAAC,EAAA,IAAcC,EAAA;AAEtB,SAAAC,EAAgB,MAAM;AACpB,UAAMC,IAAUH,EAAU,MAAM,GAAG,GAC7BI,IACJ,OAAOL,KAAoB,WACvB,SAAS,cAAcA,CAAe,IACtCA;AACN,WAAIK,KACFA,EAAG,UAAU,IAAI,GAAGD,CAAO,GAEtB,MAAM;AACX,MAAIC,KACFA,EAAG,UAAU,OAAO,GAAGD,CAAO;AAAA,IAElC;AAAA,EACF,GAAG,CAACJ,GAAiBC,CAAS,CAAC,GAExBD,MAAoB,SACvBM,EAAS,IAAIP,GAAU,CAACQ,MAClBC,EAAeD,CAAK,IACfE,EAAaF,GAAO;AAAA,IACzB,WAAWG;AAAA,MACRH,EAAM,MAAiC;AAAA,MACxCN;AAAA,IAAA;AAAA,EACF,CACwB,IACrBM,CACR,IACDR;AACN,GAEaY,IAAgB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,yBAAAa;AAAA,EACA,oBAAAC;AAAA,EACA,UAAAf;AAAA,EACA,GAAGgB;AACL,MAEI,gBAAAC,EAACC,KAAc,OAAK,IAAE,GAAGH,GACvB,UAAA,gBAAAE,EAACE,KAAqB,OAAAN,GACpB,UAAA,gBAAAI;AAAA,EAACG;AAAA,EAAA;AAAA,IACC,OAAOP,KAAS,UAAUQ,IAAaC;AAAA,IACvC,WAAU;AAAA,IACT,GAAGN;AAAA,IAEH,eAA2Bf,IAC1B,gBAAAgB,EAAClB,GAAA,EAAU,iBAAAE,GAAmC,UAAAD,GAAS,IAEvDA;AAAA,EAAA;AAAA,GAGN,EAAA,CACF;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/theme-provider/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as ConfigProvider,\n  type ConfigProviderProps,\n} from \"antd/es/config-provider\";\nimport { Children, cloneElement, isValidElement, useLayoutEffect } from \"react\";\nimport { darkTheme, lightTheme } from \"../../tokens/and-theme/tokens\";\nimport { clsx } from \"../utils\";\nimport { StyleProvider, StyleProviderProps } from \"@ant-design/cssinjs\";\nimport { ThemeContextProvider, ComponentConfig } from \"./context\";\nimport { Theme } from \"../../tokens\";\n\n// Import component-specific styles\nimport \"./style.css\";\nimport { useTheme } from \"./context\";\n\nexport interface ThemeProviderProps\n  extends Omit<ConfigProviderProps, \"theme\" | \"prefixCls\"> {\n  appendClassesTo?: string | HTMLElement;\n  appendClassesToChildren?: boolean;\n  styleProviderProps?: StyleProviderProps;\n  theme?: Theme;\n  componentConfig?: ComponentConfig;\n}\n\nconst DSWrapper = ({\n  children,\n  appendClassesTo,\n}: {\n  children: React.ReactNode;\n  appendClassesTo?: string | HTMLElement;\n}) => {\n  const { className } = useTheme();\n\n  useLayoutEffect(() => {\n    const classes = className.split(\" \");\n    const el =\n      typeof appendClassesTo === \"string\"\n        ? document.querySelector(appendClassesTo)\n        : appendClassesTo;\n    if (el) {\n      el.classList.add(...classes);\n    }\n    return () => {\n      if (el) {\n        el.classList.remove(...classes);\n      }\n    };\n  }, [appendClassesTo, className]);\n\n  return appendClassesTo === undefined\n    ? Children.map(children, (child) => {\n        if (isValidElement(child))\n          return cloneElement(child, {\n            className: clsx(\n              (child.props as { className?: string }).className,\n              className\n            ),\n          } as { className: string });\n        return child;\n      })\n    : children;\n};\n\nexport const ThemeProvider = ({\n  theme,\n  componentConfig,\n  appendClassesTo,\n  appendClassesToChildren,\n  styleProviderProps,\n  children,\n  ...configProviderProps\n}: ThemeProviderProps) => {\n  return (\n    <StyleProvider layer {...styleProviderProps}>\n      <ThemeContextProvider theme={theme} componentConfig={componentConfig}>\n        <ConfigProvider\n          theme={theme == \"light\" ? lightTheme : darkTheme}\n          prefixCls=\"ds\"\n          {...configProviderProps}\n        >\n          {appendClassesToChildren || appendClassesTo ? (\n            <DSWrapper appendClassesTo={appendClassesTo}>{children}</DSWrapper>\n          ) : (\n            children\n          )}\n        </ConfigProvider>\n      </ThemeContextProvider>\n    </StyleProvider>\n  );\n};\n"],"names":["DSWrapper","children","appendClassesTo","className","useTheme","useLayoutEffect","classes","el","Children","child","isValidElement","cloneElement","clsx","ThemeProvider","theme","componentConfig","appendClassesToChildren","styleProviderProps","configProviderProps","jsx","StyleProvider","ThemeContextProvider","ConfigProvider","lightTheme","darkTheme"],"mappings":";;;;;;;;;;AAyBA,MAAMA,IAAY,CAAC;AAAA,EACjB,UAAAC;AAAA,EACA,iBAAAC;AACF,MAGM;AACJ,QAAM,EAAE,WAAAC,EAAA,IAAcC,EAAA;AAEtB,SAAAC,EAAgB,MAAM;AACpB,UAAMC,IAAUH,EAAU,MAAM,GAAG,GAC7BI,IACJ,OAAOL,KAAoB,WACvB,SAAS,cAAcA,CAAe,IACtCA;AACN,WAAIK,KACFA,EAAG,UAAU,IAAI,GAAGD,CAAO,GAEtB,MAAM;AACX,MAAIC,KACFA,EAAG,UAAU,OAAO,GAAGD,CAAO;AAAA,IAElC;AAAA,EACF,GAAG,CAACJ,GAAiBC,CAAS,CAAC,GAExBD,MAAoB,SACvBM,EAAS,IAAIP,GAAU,CAACQ,MAClBC,EAAeD,CAAK,IACfE,EAAaF,GAAO;AAAA,IACzB,WAAWG;AAAA,MACRH,EAAM,MAAiC;AAAA,MACxCN;AAAA,IAAA;AAAA,EACF,CACwB,IACrBM,CACR,IACDR;AACN,GAEaY,IAAgB,CAAC;AAAA,EAC5B,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAb;AAAA,EACA,yBAAAc;AAAA,EACA,oBAAAC;AAAA,EACA,UAAAhB;AAAA,EACA,GAAGiB;AACL,MAEI,gBAAAC,EAACC,KAAc,OAAK,IAAE,GAAGH,GACvB,UAAA,gBAAAE,EAACE,GAAA,EAAqB,OAAAP,GAAc,iBAAAC,GAClC,UAAA,gBAAAI;AAAA,EAACG;AAAA,EAAA;AAAA,IACC,OAAOR,KAAS,UAAUS,IAAaC;AAAA,IACvC,WAAU;AAAA,IACT,GAAGN;AAAA,IAEH,eAA2BhB,IAC1B,gBAAAiB,EAACnB,GAAA,EAAU,iBAAAE,GAAmC,UAAAD,GAAS,IAEvDA;AAAA,EAAA;AAAA,GAGN,EAAA,CACF;"}

package/dist/components/theme-provider/context/index.d.ts

@@ -1,3 +1,4 @@
-export { ThemeContext, useTheme } from './themeStore';
+export { ThemeContext, useTheme, useThemeContext } from './themeStore';
+export type { ComponentConfig } from './themeStore';
 export { ThemeContextProvider } from './provider';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/theme-provider/context/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/theme-provider/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/theme-provider/context/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACvE,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/theme-provider/context/provider.d.ts

@@ -1,7 +1,6 @@
 import { ReactNode } from 'react';
-import { Theme } from '../../../tokens';
-export declare const ThemeContextProvider: ({ children, theme, }: {
+import { ThemeStore } from './themeStore';
+export declare const ThemeContextProvider: ({ children, ...store }: ThemeStore & {
     children: ReactNode;
-    theme: Theme;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=provider.d.ts.map

package/dist/components/theme-provider/context/provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../src/components/theme-provider/context/provider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAGxC,eAAO,MAAM,oBAAoB,GAAI,sBAGlC;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,KAAK,CAAC;CACd,4CAMA,CAAC"}
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../src/components/theme-provider/context/provider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAgB,MAAM,cAAc,CAAC;AAExD,eAAO,MAAM,oBAAoB,GAAI,wBAGlC,UAAU,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAStC,CAAC"}

package/dist/components/theme-provider/context/provider.js

@@ -1,11 +1,18 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import { ThemeContext as t } from "./themeStore.js";
-const n = ({
+import { jsx as n } from "react/jsx-runtime";
+import { useMemo as t } from "react";
+import { ThemeContext as i } from "./themeStore.js";
+const f = ({
   children: o,
-  theme: e
-}) => e ? /* @__PURE__ */ r(t.Provider, { value: { theme: e }, children: o }) : void 0;
+  ...e
+}) => {
+  const m = t(
+    () => ({ theme: e.theme, componentConfig: e.componentConfig }),
+    [e.theme, e.componentConfig]
+  );
+  return e.theme ? /* @__PURE__ */ n(i.Provider, { value: m, children: o }) : void 0;
+};
 export {
-  n as ThemeContextProvider
+  f as ThemeContextProvider
 };
 //# sourceMappingURL=provider.js.map

package/dist/components/theme-provider/context/provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"provider.js","sources":["../../../../src/components/theme-provider/context/provider.tsx"],"sourcesContent":["\"use client\";\nimport { ReactNode } from \"react\";\nimport { Theme } from \"../../../tokens\";\nimport { ThemeContext } from \"./themeStore\";\n\nexport const ThemeContextProvider = ({\n  children,\n  theme,\n}: {\n  children: ReactNode;\n  theme: Theme;\n}) => {\n  // Initialize with a consistent default value for server and client\n\n  return theme ? (\n    <ThemeContext.Provider value={{ theme }}>{children}</ThemeContext.Provider>\n  ) : undefined;\n};\n"],"names":["ThemeContextProvider","children","theme","jsx","ThemeContext"],"mappings":";;;AAKO,MAAMA,IAAuB,CAAC;AAAA,EACnC,UAAAC;AAAA,EACA,OAAAC;AACF,MAMSA,IACL,gBAAAC,EAACC,EAAa,UAAb,EAAsB,OAAO,EAAE,OAAAF,EAAA,GAAU,UAAAD,EAAA,CAAS,IACjD;"}
+{"version":3,"file":"provider.js","sources":["../../../../src/components/theme-provider/context/provider.tsx"],"sourcesContent":["\"use client\";\nimport { ReactNode, useMemo } from \"react\";\nimport { ThemeStore, ThemeContext } from \"./themeStore\";\n\nexport const ThemeContextProvider = ({\n  children,\n  ...store\n}: ThemeStore & { children: ReactNode }) => {\n  const value = useMemo<ThemeStore>(\n    () => ({ theme: store.theme, componentConfig: store.componentConfig }),\n    [store.theme, store.componentConfig],\n  );\n\n  return store.theme ? (\n    <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>\n  ) : undefined;\n};\n"],"names":["ThemeContextProvider","children","store","value","useMemo","jsx","ThemeContext"],"mappings":";;;;AAIO,MAAMA,IAAuB,CAAC;AAAA,EACnC,UAAAC;AAAA,EACA,GAAGC;AACL,MAA4C;AAC1C,QAAMC,IAAQC;AAAA,IACZ,OAAO,EAAE,OAAOF,EAAM,OAAO,iBAAiBA,EAAM;IACpD,CAACA,EAAM,OAAOA,EAAM,eAAe;AAAA,EAAA;AAGrC,SAAOA,EAAM,QACX,gBAAAG,EAACC,EAAa,UAAb,EAAsB,OAAAH,GAAe,UAAAF,GAAS,IAC7C;AACN;"}

package/dist/components/theme-provider/context/themeStore.d.ts

@@ -1,9 +1,24 @@
 import { Context } from 'react';
 import { Theme } from '../../../tokens';
+import { FormValidationRule } from '../../form/formValidationRule';
+export interface ComponentConfig {
+    tooltipEnterDelay?: number;
+    tooltipLeaveDelay?: number;
+    /**
+     * Shared validation rules applied to all Form.Items globally.
+     * Each rule requires a `key` for identification, and may optionally
+     * provide a `sanitize` function to transform input values on change.
+     * Use `BLOCKED_CHARS_RULE` as a ready-made rule, or `createBlockedCharsRule()`
+     * for a customized variant. Opt out per item with `ignoreDefaultRules`.
+     */
+    formValidationRules?: FormValidationRule[];
+}
 export interface ThemeStore {
     theme: Theme;
+    componentConfig?: ComponentConfig;
 }
 export declare const ThemeContext: Context<ThemeStore>;
+export declare const useThemeContext: () => ThemeStore;
 export declare const useTheme: () => {
     theme: Theme;
     className: string;

package/dist/components/theme-provider/context/themeStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themeStore.d.ts","sourceRoot":"","sources":["../../../../src/components/theme-provider/context/themeStore.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,OAAO,EAAc,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAGxC,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,KAAK,CAAC;CACd;AAED,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,UAAU,CAE3C,CAAC;AAEH,eAAO,MAAM,QAAQ;;;CAMpB,CAAC"}
+{"version":3,"file":"themeStore.d.ts","sourceRoot":"","sources":["../../../../src/components/theme-provider/context/themeStore.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,OAAO,EAAc,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAExE,MAAM,WAAW,eAAe;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;;OAMG;IACH,mBAAmB,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAC5C;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,KAAK,CAAC;IACb,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC;AAED,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,UAAU,CAE3C,CAAC;AAEH,eAAO,MAAM,eAAe,kBAAiC,CAAC;AAE9D,eAAO,MAAM,QAAQ;;;CAMpB,CAAC"}

package/dist/components/theme-provider/context/themeStore.js

@@ -1,15 +1,16 @@
 "use client";
-import { createContext as r, useContext as n } from "react";
-import { useCls as m, useAntdCssVarClassname as c } from "../../utils/antdUtils.js";
-import { clsx as a } from "../../utils/cn.js";
-const i = r({
+import { createContext as m, useContext as t } from "react";
+import { useCls as c, useAntdCssVarClassname as a } from "../../utils/antdUtils.js";
+import { clsx as h } from "../../utils/cn.js";
+const s = m({
   theme: "light"
-}), C = () => {
-  const { theme: e } = n(i), t = m(), s = c(), o = a(t("theme-provider"), e?.toString(), s);
-  return { theme: e, className: o };
+}), C = () => t(s), x = () => {
+  const { theme: e } = t(s), o = c(), n = a(), r = h(o("theme-provider"), e?.toString(), n);
+  return { theme: e, className: r };
 };
 export {
-  i as ThemeContext,
-  C as useTheme
+  s as ThemeContext,
+  x as useTheme,
+  C as useThemeContext
 };
 //# sourceMappingURL=themeStore.js.map

package/dist/components/theme-provider/context/themeStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"themeStore.js","sources":["../../../../src/components/theme-provider/context/themeStore.ts"],"sourcesContent":["\"use client\";\nimport { createContext, Context, useContext } from \"react\";\nimport { Theme } from \"../../../tokens\";\nimport { useCls, clsx, useAntdCssVarClassname } from \"../../utils\";\n\nexport interface ThemeStore {\n  theme: Theme;\n}\n\nexport const ThemeContext: Context<ThemeStore> = createContext<ThemeStore>({\n  theme: \"light\",\n});\n\nexport const useTheme = () => {\n  const { theme } = useContext(ThemeContext);\n  const cls = useCls();\n  const cssVars = useAntdCssVarClassname();\n  const className = clsx(cls(\"theme-provider\"), theme?.toString(), cssVars);\n  return { theme, className };\n};\n"],"names":["ThemeContext","createContext","useTheme","theme","useContext","cls","useCls","cssVars","useAntdCssVarClassname","className","clsx"],"mappings":";;;;AASO,MAAMA,IAAoCC,EAA0B;AAAA,EACzE,OAAO;AACT,CAAC,GAEYC,IAAW,MAAM;AAC5B,QAAM,EAAE,OAAAC,EAAA,IAAUC,EAAWJ,CAAY,GACnCK,IAAMC,EAAA,GACNC,IAAUC,EAAA,GACVC,IAAYC,EAAKL,EAAI,gBAAgB,GAAGF,GAAO,SAAA,GAAYI,CAAO;AACxE,SAAO,EAAE,OAAAJ,GAAO,WAAAM,EAAA;AAClB;"}
+{"version":3,"file":"themeStore.js","sources":["../../../../src/components/theme-provider/context/themeStore.ts"],"sourcesContent":["\"use client\";\nimport { createContext, Context, useContext } from \"react\";\nimport { Theme } from \"../../../tokens\";\nimport { useCls, clsx, useAntdCssVarClassname } from \"../../utils\";\nimport type { FormValidationRule } from \"../../form/formValidationRule\";\n\nexport interface ComponentConfig {\n  tooltipEnterDelay?: number;\n  tooltipLeaveDelay?: number;\n  /**\n   * Shared validation rules applied to all Form.Items globally.\n   * Each rule requires a `key` for identification, and may optionally\n   * provide a `sanitize` function to transform input values on change.\n   * Use `BLOCKED_CHARS_RULE` as a ready-made rule, or `createBlockedCharsRule()`\n   * for a customized variant. Opt out per item with `ignoreDefaultRules`.\n   */\n  formValidationRules?: FormValidationRule[];\n}\n\nexport interface ThemeStore {\n  theme: Theme;\n  componentConfig?: ComponentConfig;\n}\n\nexport const ThemeContext: Context<ThemeStore> = createContext<ThemeStore>({\n  theme: \"light\",\n});\n\nexport const useThemeContext = () => useContext(ThemeContext);\n\nexport const useTheme = () => {\n  const { theme } = useContext(ThemeContext);\n  const cls = useCls();\n  const cssVars = useAntdCssVarClassname();\n  const className = clsx(cls(\"theme-provider\"), theme?.toString(), cssVars);\n  return { theme, className };\n};\n"],"names":["ThemeContext","createContext","useThemeContext","useContext","useTheme","theme","cls","useCls","cssVars","useAntdCssVarClassname","className","clsx"],"mappings":";;;;AAwBO,MAAMA,IAAoCC,EAA0B;AAAA,EACzE,OAAO;AACT,CAAC,GAEYC,IAAkB,MAAMC,EAAWH,CAAY,GAE/CI,IAAW,MAAM;AAC5B,QAAM,EAAE,OAAAC,EAAA,IAAUF,EAAWH,CAAY,GACnCM,IAAMC,EAAA,GACNC,IAAUC,EAAA,GACVC,IAAYC,EAAKL,EAAI,gBAAgB,GAAGD,GAAO,SAAA,GAAYG,CAAO;AACxE,SAAO,EAAE,OAAAH,GAAO,WAAAK,EAAA;AAClB;"}

package/dist/components/theme-provider/style.css

@@ -1 +1 @@
-@layer components{@keyframes ds-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ds-theme-provider{--ds-modal-padding: 24px;--ds-modal-edge-padding: 16px;--ds-popup-panel-padding: 16px;--ds-scrollbar-width: auto;--ds-scrollbar-width-legacy: 15;--ds-box-shadow-popover-arrow: 0px 0px 1px 0px var(--ds-modal-color-border), 2px 2px 5px rgba(0, 0, 0, .05);--ds-control-border-radius: 6px;--ds-control-border-radius-sm: 4px;--ds-control-border-radius-lg: 8px;--ds-control-transition: all .2s;--ds-control-padding-small: 1px 8px;--ds-control-padding-middle: 5px 12px;--ds-control-padding-large: 9px 12px;--ds-control-padding-inline-small: 8px;--ds-control-padding-block-small: 1px;--ds-control-padding-inline-middle: 12px;--ds-control-padding-block-middle: 5px;--ds-control-padding-inline-large: 12px;--ds-control-padding-block-large: 9px;--ds-control-min-height-small: 24px;--ds-control-min-height-middle: 32px;--ds-control-min-height-large: 40px;--ds-control-line-height: 20px;--ds-control-color-border-hover: var(--ds-color-primary-hover);--ds-control-color-border-focus: var(--ds-color-primary);--ds-control-color-bg-disabled: var(--ds-color-bg-container-disabled);--ds-control-color-text-disabled: var(--ds-color-text-disabled);--ds-control-icon-size: 12px;--ds-control-color-bg: var(--ds-color-bg-container);--ds-control-color-border: var(--ds-color-border);--ds-control-color-border-active: var(--ds-color-primary);--ds-control-color-border-error-active: var(--ds-color-error);--ds-control-color-border-warning-active: var(--ds-color-warning);--ds-control-color-icon: var(--ds-color-text-quaternary);--ds-control-color-icon-hover: var(--ds-color-icon-hover);--ds-control-border: 1px solid var(--ds-control-color-border);--ds-control-border-active: 1px solid var(--ds-control-color-border-active);--ds-control-border-error-active: 1px solid var(--ds-control-color-border-error-active);--ds-control-border-warning-active: 1px solid var(--ds-control-color-border-warning-active);--ds-control-shadow-active: 0 0 0 2px color-mix(in oklab, var(--ds-color-primary) 20%, transparent);--ds-form-label-required-mark-color: var(--ds-color-error);--ds-control-shadow-error-active: 0 0 0 2px color-mix(in oklab, var(--ds-color-error) 20%, transparent);--ds-control-shadow-warning-active: 0 0 0 2px color-mix(in oklab, var(--ds-color-warning) 20%, transparent);--ds-control-color-text-placeholder: var(--ds-color-text-placeholder);--ds-button-bg-secondary: #fafafa;--ds-button-bg-gradient-top: rgba(0, 0, 0, .02);--ds-button-bg-gradient-bottom: rgba(255, 255, 255, 0);--ds-button-bg-gradient-primary-top: rgba(255, 255, 255, .07);--ds-button-bg-gradient-primary-bottom: rgba(255, 255, 255, 0);--ds-button-shadow-default: 0 0 0 0 transparent;--ds-button-shadow-default-inner: inset 0 1px 0 1px #ffffff;--ds-button-shadow-solid: 0 0 0 0 transparent;--ds-button-shadow-solid-hover: 0 0 0 0 transparent;--ds-button-shadow-solid-active: 0 0 0 0 transparent;--ds-button-shadow-solid-inner: inset 0 1px 0 1px rgba(255, 255, 255, .12);--ds-color-primary-fg: hsl(217 80% 40%);--ds-color-primary-fg-hover: hsl(217 80% 55%);--ds-color-primary-fg-active: hsl(217 80% 30%);--ds-color-error-fg: hsl(5 68% 45%);--ds-color-error-fg-hover: hsl(5 68% 50%);--ds-color-error-fg-active: hsl(5 68% 40%);--ds-inter: "Inter", Helvetica, Arial, sans-serif;--ds-roboto-mono: "Roboto Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ds-animate-spin: ds-spin 1s linear infinite;--ds-z-index-base: 0;--ds-z-index-sticky-element: 520;--ds-z-index-scrollbar: 530;--ds-z-index-panel: 540;--ds-z-index-modal: 1000;--ds-z-index-modal-mask: 1000;--ds-z-index-message: 1010;--ds-z-index-notification: 1010;--ds-z-index-popover: 1030;--ds-z-index-popup: 1030;--ds-z-index-dropdown: 1050;--ds-z-index-picker: 1050;--ds-z-index-popconfirm: 1060;--ds-z-index-tooltip: 1070;--ds-z-index-toast: 2000;--ds-segment-color-bg-active: #ffffff;--ds-scrollbar-color-thumb: rgba(0, 0, 0, .2);--ds-scrollbar-color-track: rgba(0, 0, 0, 0);--ds-color-base-solid: #000000;--ds-color-table-fixed-column-shadow: rgb(0 0 0 / 10%);--ds-modal-color-border: rgba(0, 0, 0, .07)}@supports (font-variation-settings: normal){.ds-theme-provider{--ds-inter: "InterVariable", Inter, Helvetica, Arial, sans-serif;--ds-roboto-mono: "Roboto Mono Variable", Roboto Mono, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-optical-sizing:auto}}.ds-theme-provider.dark{--ds-modal-color-border: rgba(255, 255, 255, .1);--ds-segment-color-bg-active: #424248;--ds-scrollbar-color-thumb: rgba(255, 255, 255, .2);--ds-scrollbar-color-track: rgba(0, 0, 0, 0);--ds-color-base-solid: #ffffff;--ds-color-table-fixed-column-shadow: rgb(0 0 0 / 20%);--ds-button-bg-secondary: hsl(240, 6.5%, 17%);--ds-button-bg-gradient-top: rgba(255, 255, 255, .03);--ds-button-bg-gradient-bottom: rgba(255, 255, 255, 0);--ds-button-bg-gradient-primary-top: rgba(255, 255, 255, .12);--ds-button-bg-gradient-primary-bottom: rgba(255, 255, 255, 0);--ds-button-shadow-default: 0 0 0 0 transparent;--ds-button-shadow-default-inner: 0 0 0 0 transparent;--ds-button-shadow-solid: 0 0 0 0 transparent;--ds-button-shadow-solid-hover: 0 0 0 0 transparent;--ds-button-shadow-solid-active: 0 0 0 0 transparent;--ds-button-shadow-solid-inner: inset 0 1px 0 1px rgba(255, 255, 255, .14);--ds-color-primary-fg: hsl(211 95% 60%);--ds-color-primary-fg-hover: hsl(211 95% 65%);--ds-color-primary-fg-active: hsl(211 95% 58%);--ds-color-error-fg: hsl(4 72% 59%);--ds-color-error-fg-hover: hsl(4 72% 64%);--ds-color-error-fg-active: hsl(4 72% 56%)}}
+@layer components{@keyframes ds-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ds-theme-provider{--ds-modal-padding: 20px;--ds-modal-edge-padding: 16px;--ds-modal-fixed-header-padding-block: 12px;--ds-modal-fixed-footer-padding-block: 12px;--ds-modal-header-padding-block: 16px 0px;--ds-modal-footer-padding-block: 4px 16px;--ds-modal-body-content-padding-block: 20px;--ds-modal-body-content-padding: var(--ds-modal-body-content-padding-block) var(--ds-modal-padding);--ds-dialog-body-content-padding: var(--ds-modal-body-content-padding-block) var(--ds-modal-padding);--ds-popup-panel-padding: 16px;--ds-scrollbar-width: auto;--ds-scrollbar-width-legacy: 15;--ds-box-shadow-popover-arrow: 0px 0px 1px 0px var(--ds-modal-color-border), 2px 2px 5px rgba(0, 0, 0, .05);--ds-control-border-radius: 6px;--ds-control-border-radius-sm: 4px;--ds-control-border-radius-lg: 8px;--ds-control-transition: all .2s;--ds-control-padding-small: 1px 8px;--ds-control-padding-middle: 5px 12px;--ds-control-padding-large: 9px 12px;--ds-control-padding-inline-small: 8px;--ds-control-padding-block-small: 1px;--ds-control-padding-inline-middle: 12px;--ds-control-padding-block-middle: 5px;--ds-control-padding-inline-large: 12px;--ds-control-padding-block-large: 9px;--ds-control-min-height-small: 24px;--ds-control-min-height-middle: 32px;--ds-control-min-height-large: 40px;--ds-control-line-height: 20px;--ds-control-color-border-hover: var(--ds-color-primary-hover);--ds-control-color-border-focus: var(--ds-color-primary);--ds-control-color-bg-disabled: var(--ds-color-bg-container-disabled);--ds-control-color-text-disabled: var(--ds-color-text-disabled);--ds-control-icon-size: 12px;--ds-control-color-bg: var(--ds-color-bg-container);--ds-control-color-border: var(--ds-color-border);--ds-control-color-border-active: var(--ds-color-primary);--ds-control-color-border-error-active: var(--ds-color-error);--ds-control-color-border-warning-active: var(--ds-color-warning);--ds-control-color-icon: var(--ds-color-text-quaternary);--ds-control-color-icon-hover: var(--ds-color-icon-hover);--ds-control-border: 1px solid var(--ds-control-color-border);--ds-control-border-active: 1px solid var(--ds-control-color-border-active);--ds-control-border-error-active: 1px solid var(--ds-control-color-border-error-active);--ds-control-border-warning-active: 1px solid var(--ds-control-color-border-warning-active);--ds-control-shadow-active: 0 0 0 2px color-mix(in oklab, var(--ds-color-primary) 20%, transparent);--ds-form-label-required-mark-color: var(--ds-color-error);--ds-control-shadow-error-active: 0 0 0 2px color-mix(in oklab, var(--ds-color-error) 20%, transparent);--ds-control-shadow-warning-active: 0 0 0 2px color-mix(in oklab, var(--ds-color-warning) 20%, transparent);--ds-control-color-text-placeholder: var(--ds-color-text-placeholder);--ds-button-bg-secondary: #fafafa;--ds-button-bg-gradient-top: rgba(0, 0, 0, .02);--ds-button-bg-gradient-bottom: rgba(255, 255, 255, 0);--ds-button-bg-gradient-primary-top: rgba(255, 255, 255, .07);--ds-button-bg-gradient-primary-bottom: rgba(255, 255, 255, 0);--ds-button-shadow-default: 0 0 0 0 transparent;--ds-button-shadow-default-inner: inset 0 1px 0 1px #ffffff;--ds-button-shadow-solid: 0 0 0 0 transparent;--ds-button-shadow-solid-hover: 0 0 0 0 transparent;--ds-button-shadow-solid-active: 0 0 0 0 transparent;--ds-button-shadow-solid-inner: inset 0 1px 0 1px rgba(255, 255, 255, .12);--ds-color-primary-fg: hsl(217 80% 40%);--ds-color-primary-fg-hover: hsl(217 80% 55%);--ds-color-primary-fg-active: hsl(217 80% 30%);--ds-color-error-fg: hsl(5 68% 45%);--ds-color-error-fg-hover: hsl(5 68% 50%);--ds-color-error-fg-active: hsl(5 68% 40%);--ds-inter: "Inter", Helvetica, Arial, sans-serif;--ds-roboto-mono: "Roboto Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ds-animate-spin: ds-spin 1s linear infinite;--ds-z-index-base: 0;--ds-z-index-sticky-element: 520;--ds-z-index-scrollbar: 530;--ds-z-index-panel: 540;--ds-z-index-modal: 1000;--ds-z-index-modal-mask: 1000;--ds-z-index-message: 1010;--ds-z-index-notification: 1010;--ds-z-index-popover: 1030;--ds-z-index-popup: 1030;--ds-z-index-dropdown: 1050;--ds-z-index-picker: 1050;--ds-z-index-popconfirm: 1060;--ds-z-index-tooltip: 1070;--ds-z-index-toast: 2000;--ds-segment-color-bg-active: #ffffff;--ds-scrollbar-color-thumb: rgba(0, 0, 0, .2);--ds-scrollbar-color-track: rgba(0, 0, 0, 0);--ds-color-base-solid: #000000;--ds-color-table-fixed-column-shadow: rgb(0 0 0 / 10%);--ds-modal-color-border: rgba(0, 0, 0, .07)}@supports (font-variation-settings: normal){.ds-theme-provider{--ds-inter: "InterVariable", Inter, Helvetica, Arial, sans-serif;--ds-roboto-mono: "Roboto Mono Variable", Roboto Mono, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-optical-sizing:auto}}.ds-theme-provider.dark{--ds-modal-color-border: rgba(255, 255, 255, .1);--ds-segment-color-bg-active: #424248;--ds-scrollbar-color-thumb: rgba(255, 255, 255, .2);--ds-scrollbar-color-track: rgba(0, 0, 0, 0);--ds-color-base-solid: #ffffff;--ds-color-table-fixed-column-shadow: rgb(0 0 0 / 20%);--ds-button-bg-secondary: hsl(240, 6.5%, 17%);--ds-button-bg-gradient-top: rgba(255, 255, 255, .03);--ds-button-bg-gradient-bottom: rgba(255, 255, 255, 0);--ds-button-bg-gradient-primary-top: rgba(255, 255, 255, .12);--ds-button-bg-gradient-primary-bottom: rgba(255, 255, 255, 0);--ds-button-shadow-default: 0 0 0 0 transparent;--ds-button-shadow-default-inner: 0 0 0 0 transparent;--ds-button-shadow-solid: 0 0 0 0 transparent;--ds-button-shadow-solid-hover: 0 0 0 0 transparent;--ds-button-shadow-solid-active: 0 0 0 0 transparent;--ds-button-shadow-solid-inner: inset 0 1px 0 1px rgba(255, 255, 255, .14);--ds-color-primary-fg: hsl(211 95% 60%);--ds-color-primary-fg-hover: hsl(211 95% 65%);--ds-color-primary-fg-active: hsl(211 95% 58%);--ds-color-error-fg: hsl(4 72% 59%);--ds-color-error-fg-hover: hsl(4 72% 64%);--ds-color-error-fg-active: hsl(4 72% 56%)}}

package/dist/components/tooltip/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,YAAY,IAAI,eAAe,EACrC,MAAM,iBAAiB,CAAC;AAGzB,OAAO,aAAa,CAAC;AAIrB,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG;IAC3C;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC;AAMF,eAAO,MAAM,OAAO,sGAkBnB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,YAAY,IAAI,eAAe,EACrC,MAAM,iBAAiB,CAAC;AAEzB,OAAO,aAAa,CAAC;AAIrB,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG;IAC3C;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,OAAO,sGAyBnB,CAAC"}

package/dist/components/tooltip/component.js

@@ -1,19 +1,30 @@
 "use client";
-import { jsx as l } from "react/jsx-runtime";
-import m from "antd/es/tooltip";
+import { jsx as p } from "react/jsx-runtime";
+import s from "antd/es/tooltip";
 import './style.css';/* empty css          */
-import { forwardRef as f, useRef as p, useImperativeHandle as s } from "react";
-const a = f(
-  ({ arrow: o = !1, children: r, ...n }, i) => {
-    const e = p(null);
-    return s(i, () => {
-      const t = e.current?.nativeElement;
-      return t instanceof Element ? t : null;
-    }), /* @__PURE__ */ l(m, { arrow: o, ...n, ref: e, children: r });
+import { forwardRef as f, useRef as u, useImperativeHandle as c } from "react";
+import { useThemeContext as v } from "../theme-provider/context/themeStore.js";
+const y = f(
+  ({ arrow: n = !1, mouseEnterDelay: r, mouseLeaveDelay: l, children: i, ...m }, a) => {
+    const e = u(null), { componentConfig: t } = v();
+    return c(a, () => {
+      const o = e.current?.nativeElement;
+      return o instanceof Element ? o : null;
+    }), /* @__PURE__ */ p(
+      s,
+      {
+        arrow: n,
+        mouseEnterDelay: r ?? t?.tooltipEnterDelay,
+        mouseLeaveDelay: l ?? t?.tooltipLeaveDelay,
+        ...m,
+        ref: e,
+        children: i
+      }
+    );
   }
 );
-a.displayName = "Tooltip";
+y.displayName = "Tooltip";
 export {
-  a as Tooltip
+  y as Tooltip
 };
 //# sourceMappingURL=component.js.map

package/dist/components/tooltip/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/tooltip/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntTooltip,\n  TooltipRef,\n  type TooltipProps as AntTooltipProps,\n} from \"antd/es/tooltip\";\n\n// Import component-specific styles\nimport \"./style.css\";\nimport { forwardRef, useRef, useImperativeHandle } from \"react\";\n\n// Define props interface extending Ant Design's TooltipProps\nexport type TooltipProps = AntTooltipProps & {\n  /**\n   * Arrow config for of the tooltip\n   * @default false\n   */\n  arrow?: AntTooltipProps[\"arrow\"];\n};\n\n// Create Tooltip component\n// Bridge antd's object ref (TooltipRef) to expose the underlying nativeElement\n// as the forwarded ref. Base UI Popover.Trigger and floating-ui expect a real\n// DOM node for positioning and dismiss handling, not an object wrapper.\nexport const Tooltip = forwardRef<HTMLElement, TooltipProps>(\n  ({ arrow = false, children, ...rest }, ref) => {\n    const tooltipRef = useRef<TooltipRef>(null);\n\n    useImperativeHandle(ref, () => {\n      const nativeElement = tooltipRef.current?.nativeElement;\n      if (nativeElement instanceof Element) {\n        return nativeElement as HTMLElement;\n      }\n      return null;\n    });\n\n    return (\n      <AntTooltip arrow={arrow} {...rest} ref={tooltipRef}>\n        {children}\n      </AntTooltip>\n    );\n  },\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"names":["Tooltip","forwardRef","arrow","children","rest","ref","tooltipRef","useRef","useImperativeHandle","nativeElement","AntTooltip"],"mappings":";;;;;AAwBO,MAAMA,IAAUC;AAAA,EACrB,CAAC,EAAE,OAAAC,IAAQ,IAAO,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC7C,UAAMC,IAAaC,EAAmB,IAAI;AAE1C,WAAAC,EAAoBH,GAAK,MAAM;AAC7B,YAAMI,IAAgBH,EAAW,SAAS;AAC1C,aAAIG,aAAyB,UACpBA,IAEF;AAAA,IACT,CAAC,qBAGEC,GAAA,EAAW,OAAAR,GAAe,GAAGE,GAAM,KAAKE,GACtC,UAAAH,GACH;AAAA,EAEJ;AACF;AAEAH,EAAQ,cAAc;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/tooltip/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntTooltip,\n  TooltipRef,\n  type TooltipProps as AntTooltipProps,\n} from \"antd/es/tooltip\";\n\nimport \"./style.css\";\nimport { forwardRef, useRef, useImperativeHandle } from \"react\";\nimport { useThemeContext } from \"../theme-provider/context\";\n\nexport type TooltipProps = AntTooltipProps & {\n  /**\n   * Arrow config for of the tooltip\n   * @default false\n   */\n  arrow?: AntTooltipProps[\"arrow\"];\n};\n\nexport const Tooltip = forwardRef<HTMLElement, TooltipProps>(\n  ({ arrow = false, mouseEnterDelay, mouseLeaveDelay, children, ...rest }, ref) => {\n    const tooltipRef = useRef<TooltipRef>(null);\n    const { componentConfig } = useThemeContext();\n\n    useImperativeHandle(ref, () => {\n      const nativeElement = tooltipRef.current?.nativeElement;\n      if (nativeElement instanceof Element) {\n        return nativeElement as HTMLElement;\n      }\n      return null;\n    });\n\n    return (\n      <AntTooltip\n        arrow={arrow}\n        mouseEnterDelay={mouseEnterDelay ?? componentConfig?.tooltipEnterDelay}\n        mouseLeaveDelay={mouseLeaveDelay ?? componentConfig?.tooltipLeaveDelay}\n        {...rest}\n        ref={tooltipRef}\n      >\n        {children}\n      </AntTooltip>\n    );\n  },\n);\n\nTooltip.displayName = \"Tooltip\";\n"],"names":["Tooltip","forwardRef","arrow","mouseEnterDelay","mouseLeaveDelay","children","rest","ref","tooltipRef","useRef","componentConfig","useThemeContext","useImperativeHandle","nativeElement","jsx","AntTooltip"],"mappings":";;;;;;AAmBO,MAAMA,IAAUC;AAAA,EACrB,CAAC,EAAE,OAAAC,IAAQ,IAAO,iBAAAC,GAAiB,iBAAAC,GAAiB,UAAAC,GAAU,GAAGC,EAAA,GAAQC,MAAQ;AAC/E,UAAMC,IAAaC,EAAmB,IAAI,GACpC,EAAE,iBAAAC,EAAA,IAAoBC,EAAA;AAE5B,WAAAC,EAAoBL,GAAK,MAAM;AAC7B,YAAMM,IAAgBL,EAAW,SAAS;AAC1C,aAAIK,aAAyB,UACpBA,IAEF;AAAA,IACT,CAAC,GAGC,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAb;AAAA,QACA,iBAAiBC,KAAmBO,GAAiB;AAAA,QACrD,iBAAiBN,KAAmBM,GAAiB;AAAA,QACpD,GAAGJ;AAAA,QACJ,KAAKE;AAAA,QAEJ,UAAAH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAL,EAAQ,cAAc;"}