@jinmi/ui 6.0.1 → 6.1.0

package/es/base-ui/Slider/style.mjs

@@ -1,6 +1,7 @@
+import { inkCssVar } from "../../styles/inkCssVar.mjs";
 import { focusRing } from "../focusRing.mjs";
 import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Slider/style.ts
+// src/base-ui/Slider/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	control: css`
     display: flex;
@@ -10,7 +11,7 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
   `,
 	indicator: css`
     border-radius: inherit;
-    background: ${cssVar.colorPrimary};
+    background: ${inkCssVar.colorInk};
 
     [data-disabled] & {
       background: ${cssVar.colorTextQuaternary};
@@ -32,7 +33,7 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     height: 16px;
     border-radius: 100px;
 
-    background: ${cssVar.colorPrimary};
+    background: ${inkCssVar.colorInk};
     box-shadow: 0 0 0 1px ${cssVar.colorBgContainer};
 
     transition: box-shadow 150ms ${cssVar.motionEaseOut};
@@ -75,7 +76,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     background: ${cssVar.colorFillSecondary};
   `
 }));
-//#endregion
 export { styles };
 
 //# sourceMappingURL=style.mjs.map

package/es/base-ui/Slider/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Slider/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\n\r\nimport { focusRing } from '@/base-ui/focusRing';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\r\n  control: css`\r\n    display: flex;\r\n    align-items: center;\r\n    width: 100%;\r\n    height: 20px;\r\n  `,\r\n  indicator: css`\r\n    border-radius: inherit;\r\n    background: ${cssVar.colorPrimary};\r\n\r\n    [data-disabled] & {\r\n      background: ${cssVar.colorTextQuaternary};\r\n    }\r\n  `,\r\n  root: css`\r\n    display: flex;\r\n    align-items: center;\r\n    width: 100%;\r\n\r\n    &[data-disabled] {\r\n      cursor: not-allowed;\r\n    }\r\n  `,\r\n  thumb: css`\r\n    flex-shrink: 0;\r\n\r\n    width: 8px;\r\n    height: 16px;\r\n    border-radius: 100px;\r\n\r\n    background: ${cssVar.colorPrimary};\r\n    box-shadow: 0 0 0 1px ${cssVar.colorBgContainer};\r\n\r\n    transition: box-shadow 150ms ${cssVar.motionEaseOut};\r\n\r\n    &::before {\r\n      content: '';\r\n\r\n      position: absolute;\r\n      inset-block-start: 50%;\r\n      inset-inline-start: 50%;\r\n      translate: -50% -50%;\r\n\r\n      width: 24px;\r\n      height: 40px;\r\n    }\r\n\r\n    &:hover:not([data-disabled] *) {\r\n      box-shadow: 0 0 0 2px ${cssVar.colorPrimaryBorder};\r\n    }\r\n\r\n    ${focusRing};\r\n\r\n    [data-dragging] & {\r\n      box-shadow: 0 0 0 2px ${cssVar.colorPrimaryBorder};\r\n    }\r\n\r\n    [data-disabled] & {\r\n      background: ${cssVar.colorTextQuaternary};\r\n      box-shadow: 0 0 0 1px ${cssVar.colorBgContainer};\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      transition-duration: 0s;\r\n    }\r\n  `,\r\n  track: css`\r\n    width: 100%;\r\n    height: 4px;\r\n    border-radius: 100px;\r\n    background: ${cssVar.colorFillSecondary};\r\n  `,\r\n}));\r\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,SAAS,GAAG;;;;;;CAMZ,WAAW,GAAG;;kBAEE,OAAO,aAAa;;;oBAGlB,OAAO,oBAAoB;;;CAG7C,MAAM,GAAG;;;;;;;;;CAST,OAAO,GAAG;;;;;;;kBAOM,OAAO,aAAa;4BACV,OAAO,iBAAiB;;mCAEjB,OAAO,cAAc;;;;;;;;;;;;;;;8BAe1B,OAAO,mBAAmB;;;MAGlD,UAAU;;;8BAGc,OAAO,mBAAmB;;;;oBAIpC,OAAO,oBAAoB;8BACjB,OAAO,iBAAiB;;;;;;;CAOpD,OAAO,GAAG;;;;kBAIM,OAAO,mBAAmB;;AAE5C,EAAE"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Slider/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { focusRing } from '@/base-ui/focusRing';\nimport { inkCssVar } from '@/styles/inkCssVar';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  control: css`\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: 20px;\n  `,\n  indicator: css`\n    border-radius: inherit;\n    background: ${inkCssVar.colorInk};\n\n    [data-disabled] & {\n      background: ${cssVar.colorTextQuaternary};\n    }\n  `,\n  root: css`\n    display: flex;\n    align-items: center;\n    width: 100%;\n\n    &[data-disabled] {\n      cursor: not-allowed;\n    }\n  `,\n  thumb: css`\n    flex-shrink: 0;\n\n    width: 8px;\n    height: 16px;\n    border-radius: 100px;\n\n    background: ${inkCssVar.colorInk};\n    box-shadow: 0 0 0 1px ${cssVar.colorBgContainer};\n\n    transition: box-shadow 150ms ${cssVar.motionEaseOut};\n\n    &::before {\n      content: '';\n\n      position: absolute;\n      inset-block-start: 50%;\n      inset-inline-start: 50%;\n      translate: -50% -50%;\n\n      width: 24px;\n      height: 40px;\n    }\n\n    &:hover:not([data-disabled] *) {\n      box-shadow: 0 0 0 2px ${cssVar.colorPrimaryBorder};\n    }\n\n    ${focusRing};\n\n    [data-dragging] & {\n      box-shadow: 0 0 0 2px ${cssVar.colorPrimaryBorder};\n    }\n\n    [data-disabled] & {\n      background: ${cssVar.colorTextQuaternary};\n      box-shadow: 0 0 0 1px ${cssVar.colorBgContainer};\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      transition-duration: 0s;\n    }\n  `,\n  track: css`\n    width: 100%;\n    height: 4px;\n    border-radius: 100px;\n    background: ${cssVar.colorFillSecondary};\n  `,\n}));\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,SAAS,GAAG;;;;;;CAMZ,WAAW,GAAG;;kBAEE,UAAU,SAAS;;;oBAGjB,OAAO,oBAAoB;;;CAG7C,MAAM,GAAG;;;;;;;;;CAST,OAAO,GAAG;;;;;;;kBAOM,UAAU,SAAS;4BACT,OAAO,iBAAiB;;mCAEjB,OAAO,cAAc;;;;;;;;;;;;;;;8BAe1B,OAAO,mBAAmB;;;MAGlD,UAAU;;;8BAGc,OAAO,mBAAmB;;;;oBAIpC,OAAO,oBAAoB;8BACjB,OAAO,iBAAiB;;;;;;;CAOpD,OAAO,GAAG;;;;kBAIM,OAAO,mBAAmB;;AAE5C,EAAE"}

package/es/base-ui/Slider/type.d.mts

@@ -4,7 +4,6 @@ import { InputNumberProps, InputVariant } from "../Input/type.mjs";
 import "../Input/index.mjs";
 import { CSSProperties, ComponentProps } from "react";
 import { Slider } from "@base-ui/react/slider";
-//#region src/base-ui/Slider/type.d.ts
 type BaseSliderProps = Omit<ComponentProps<typeof Slider.Root>, 'className' | 'style' | 'render' | 'children' | 'onValueChange' | 'value' | 'defaultValue' | 'onChange'>;
 interface SliderProps extends BaseSliderProps {
   className?: string;
@@ -43,6 +42,5 @@ interface SliderWithInputProps extends Omit<SliderProps, 'classNames' | 'styles'
   unlimitedInput?: boolean;
   variant?: InputVariant;
 }
-//#endregion
 export { SliderProps, SliderWithInputProps };
 //# sourceMappingURL=type.d.mts.map

package/es/base-ui/Spin/NetworkGlyph.mjs

@@ -1,7 +1,7 @@
 import { styles } from "./style.mjs";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/base-ui/Spin/NetworkGlyph.tsx
+// src/base-ui/Spin/NetworkGlyph.tsx
 const layers = [
 	0,
 	1,
@@ -64,7 +64,6 @@ const NetworkGlyph = memo(({ px }) => {
 	});
 });
 NetworkGlyph.displayName = "NetworkGlyph";
-//#endregion
 export { NetworkGlyph as default };
 
 //# sourceMappingURL=NetworkGlyph.mjs.map

package/es/base-ui/Spin/Spin.d.mts

@@ -1,6 +1,4 @@
 import { SpinProps } from "./type.mjs";
-//#region src/base-ui/Spin/Spin.d.ts
 declare const Spin: import("react").NamedExoticComponent<SpinProps>;
-//#endregion
 export { Spin as default };
 //# sourceMappingURL=Spin.d.mts.map

package/es/base-ui/Spin/Spin.mjs

@@ -6,7 +6,7 @@ import { memo, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { LoaderCircle } from "lucide-react";
-//#region src/base-ui/Spin/Spin.tsx
+// src/base-ui/Spin/Spin.tsx
 const sizeMap = {
 	large: 32,
 	middle: 20,
@@ -96,7 +96,6 @@ const Spin = memo(({ children, className, indicator, percent, ref, size = "middl
 	});
 });
 Spin.displayName = "Spin";
-//#endregion
 export { Spin as default };
 
 //# sourceMappingURL=Spin.mjs.map

package/es/base-ui/Spin/style.mjs

@@ -1,5 +1,5 @@
 import { createStaticStyles, keyframes } from "antd-style";
-//#region src/base-ui/Spin/style.ts
+// src/base-ui/Spin/style.ts
 const nodePulse = keyframes`
   0%, 100% {
     opacity: 0.3;
@@ -162,7 +162,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     position: relative;
   `
 }));
-//#endregion
 export { styles };
 
 //# sourceMappingURL=style.mjs.map

package/es/base-ui/Spin/type.d.mts

@@ -1,5 +1,4 @@
 import { CSSProperties, ComponentProps, ReactNode, Ref } from "react";
-//#region src/base-ui/Spin/type.d.ts
 type SpinSize = 'small' | 'middle' | 'large' | number;
 type SpinVariant = 'default' | 'network';
 interface SpinProps extends Omit<ComponentProps<'div'>, 'children'> {
@@ -13,6 +12,5 @@ interface SpinProps extends Omit<ComponentProps<'div'>, 'children'> {
   tip?: ReactNode;
   variant?: SpinVariant;
 }
-//#endregion
 export { SpinProps, SpinSize, SpinVariant };
 //# sourceMappingURL=type.d.mts.map

package/es/base-ui/Statistic/Statistic.d.mts

@@ -1,6 +1,4 @@
 import { StatisticProps } from "./type.mjs";
-//#region src/base-ui/Statistic/Statistic.d.ts
 declare const Statistic: import("react").NamedExoticComponent<StatisticProps>;
-//#endregion
 export { Statistic as default };
 //# sourceMappingURL=Statistic.d.mts.map

package/es/base-ui/Statistic/Statistic.mjs

@@ -5,7 +5,7 @@ import { styles } from "./style.mjs";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
-//#region src/base-ui/Statistic/Statistic.tsx
+// src/base-ui/Statistic/Statistic.tsx
 const Statistic = memo(({ className, classNames, formatter, loading = false, precision, prefix, ref, styles: customStyles, suffix, title, value, ...rest }) => {
 	return /* @__PURE__ */ jsxs("div", {
 		className: cx(styles.root, className),
@@ -36,7 +36,6 @@ const Statistic = memo(({ className, classNames, formatter, loading = false, pre
 	});
 });
 Statistic.displayName = "Statistic";
-//#endregion
 export { Statistic as default };
 
 //# sourceMappingURL=Statistic.mjs.map

package/es/base-ui/Statistic/formatValue.d.mts

@@ -1,5 +1,3 @@
-//#region src/base-ui/Statistic/formatValue.d.ts
 declare const formatStatisticValue: (value: number | string | undefined, precision?: number) => string;
-//#endregion
 export { formatStatisticValue };
 //# sourceMappingURL=formatValue.d.mts.map

package/es/base-ui/Statistic/formatValue.mjs

@@ -1,4 +1,4 @@
-//#region src/base-ui/Statistic/formatValue.ts
+// src/base-ui/Statistic/formatValue.ts
 const grouping = new Intl.NumberFormat("en-US", { maximumFractionDigits: 0 });
 const formatStatisticValue = (value, precision) => {
 	if (value === void 0 || value === null) return "";
@@ -17,7 +17,6 @@ const formatStatisticValue = (value, precision) => {
 	const grouped = grouping.format(Number(integer));
 	return decimal ? `${grouped}.${decimal}` : grouped;
 };
-//#endregion
 export { formatStatisticValue };
 
 //# sourceMappingURL=formatValue.mjs.map

package/es/base-ui/Statistic/style.mjs

@@ -1,5 +1,5 @@
 import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Statistic/style.ts
+// src/base-ui/Statistic/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	affix: css`
     font-size: 14px;
@@ -28,7 +28,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     color: ${cssVar.colorText};
   `
 }));
-//#endregion
 export { styles };
 
 //# sourceMappingURL=style.mjs.map

package/es/base-ui/Statistic/type.d.mts

@@ -1,5 +1,4 @@
 import { CSSProperties, ComponentProps, ReactNode, Ref } from "react";
-//#region src/base-ui/Statistic/type.d.ts
 interface StatisticProps extends Omit<ComponentProps<'div'>, 'title' | 'prefix'> {
   classNames?: {
     title?: string;
@@ -18,6 +17,5 @@ interface StatisticProps extends Omit<ComponentProps<'div'>, 'title' | 'prefix'>
   title?: ReactNode;
   value?: number | string;
 }
-//#endregion
 export { StatisticProps };
 //# sourceMappingURL=type.d.mts.map

package/es/base-ui/Steps/Steps.d.mts

@@ -1,6 +1,4 @@
 import { StepsProps } from "./type.mjs";
-//#region src/base-ui/Steps/Steps.d.ts
 declare const Steps: import("react").NamedExoticComponent<StepsProps>;
-//#endregion
 export { Steps as default };
 //# sourceMappingURL=Steps.d.mts.map

package/es/base-ui/Steps/Steps.mjs

@@ -5,7 +5,7 @@ import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { Check } from "lucide-react";
-//#region src/base-ui/Steps/Steps.tsx
+// src/base-ui/Steps/Steps.tsx
 const getStatus = (index, current, item) => {
 	if (item.status) return item.status;
 	if (current === void 0) return void 0;
@@ -68,7 +68,6 @@ const Steps = memo(({ className, classNames, current, items, orientation = "hori
 	});
 });
 Steps.displayName = "Steps";
-//#endregion
 export { Steps as default };
 
 //# sourceMappingURL=Steps.mjs.map

package/es/base-ui/Steps/style.mjs

@@ -1,5 +1,5 @@
 import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Steps/style.ts
+// src/base-ui/Steps/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	body: css`
     display: flex;
@@ -149,7 +149,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     }
   `
 }));
-//#endregion
 export { styles };
 
 //# sourceMappingURL=style.mjs.map

package/es/base-ui/Steps/type.d.mts

@@ -1,5 +1,4 @@
 import { CSSProperties, ComponentProps, Key, ReactNode, Ref } from "react";
-//#region src/base-ui/Steps/type.d.ts
 type StepStatus = 'wait' | 'process' | 'finish' | 'error';
 interface StepItem {
   description?: ReactNode;
@@ -27,6 +26,5 @@ interface StepsProps extends Omit<ComponentProps<'ol'>, 'children'> {
   };
   variant?: 'default' | 'dot';
 }
-//#endregion
 export { StepItem, StepStatus, StepsProps };
 //# sourceMappingURL=type.d.mts.map

package/es/base-ui/SubmenuArrowIcon.mjs

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-//#region src/base-ui/SubmenuArrowIcon.tsx
+// src/base-ui/SubmenuArrowIcon.tsx
 const SubmenuArrowIcon = () => /* @__PURE__ */ jsx("svg", {
 	"aria-hidden": true,
 	fill: "currentColor",
@@ -9,7 +9,6 @@ const SubmenuArrowIcon = () => /* @__PURE__ */ jsx("svg", {
 	viewBox: "0 0 16 16",
 	children: /* @__PURE__ */ jsx("path", { d: "M6 5l4 3-4 3z" })
 });
-//#endregion
 export { SubmenuArrowIcon };
 
 //# sourceMappingURL=SubmenuArrowIcon.mjs.map

package/es/base-ui/Switch/Switch.d.mts

@@ -1,6 +1,4 @@
 import { SwitchProps } from "./type.mjs";
-//#region src/base-ui/Switch/Switch.d.ts
 declare const Switch: import("react").NamedExoticComponent<SwitchProps>;
-//#endregion
 export { Switch as default };
 //# sourceMappingURL=Switch.d.mts.map

package/es/base-ui/Switch/Switch.mjs

@@ -1,12 +1,13 @@
 "use client";
+import { inkCssVar } from "../../styles/inkCssVar.mjs";
 import Icon from "../../Icon/Icon.mjs";
 import { styles } from "./style.mjs";
 import { SwitchIcon, SwitchRoot, SwitchThumb } from "./atoms.mjs";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cssVar, cx } from "antd-style";
+import { cx } from "antd-style";
 import { Loader2 } from "lucide-react";
-//#region src/base-ui/Switch/Switch.tsx
+// src/base-ui/Switch/Switch.tsx
 const Switch = memo(({ autoFocus, checked, checkedChildren, className, classNames, defaultChecked, defaultValue, disabled, id, loading, name, onChange, onClick, ref, rootClassName, size = "default", style, styles: customStyles, tabIndex, title, unCheckedChildren, value }) => {
 	const isDisabled = disabled || loading;
 	const resolvedChecked = value ?? checked;
@@ -52,14 +53,13 @@ const Switch = memo(({ autoFocus, checked, checkedChildren, className, className
 					className: styles.loading,
 					icon: Loader2,
 					size: size === "small" ? 8 : 12,
-					style: { color: cssVar.colorPrimary }
+					style: { color: inkCssVar.colorInk }
 				})
 			})
 		]
 	});
 });
 Switch.displayName = "Switch";
-//#endregion
 export { Switch as default };
 
 //# sourceMappingURL=Switch.mjs.map

package/es/base-ui/Switch/Switch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.mjs","names":[],"sources":["../../../src/base-ui/Switch/Switch.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cssVar, cx } from 'antd-style';\r\nimport { Loader2 } from 'lucide-react';\r\nimport { memo } from 'react';\r\n\r\nimport Icon from '@/Icon';\r\n\r\nimport { SwitchIcon, SwitchRoot, SwitchThumb } from './atoms';\r\nimport { styles } from './style';\r\nimport type { SwitchProps } from './type';\r\n\r\nconst Switch = memo<SwitchProps>(\r\n  ({\r\n    autoFocus,\r\n    checked,\r\n    checkedChildren,\r\n    className,\r\n    classNames,\r\n    defaultChecked,\r\n    defaultValue,\r\n    disabled,\r\n    id,\r\n    loading,\r\n    name,\r\n    onChange,\r\n    onClick,\r\n    ref,\r\n    rootClassName,\r\n    size = 'default',\r\n    style,\r\n    styles: customStyles,\r\n    tabIndex,\r\n    title,\r\n    unCheckedChildren,\r\n    value,\r\n  }) => {\r\n    const isDisabled = disabled || loading;\r\n    const resolvedChecked = value ?? checked;\r\n    const resolvedDefaultChecked = defaultValue ?? defaultChecked;\r\n\r\n    return (\r\n      <SwitchRoot\r\n        autoFocus={autoFocus}\r\n        checked={resolvedChecked}\r\n        className={cx(className, rootClassName, classNames?.root)}\r\n        defaultChecked={resolvedDefaultChecked}\r\n        disabled={isDisabled}\r\n        id={id}\r\n        name={name}\r\n        ref={ref}\r\n        size={size}\r\n        style={{ ...style, ...customStyles?.root }}\r\n        tabIndex={tabIndex}\r\n        title={title}\r\n        onCheckedChange={onChange}\r\n        onClick={onClick}\r\n      >\r\n        {checkedChildren && (\r\n          <SwitchIcon\r\n            className={classNames?.content}\r\n            position=\"left\"\r\n            size={size}\r\n            style={customStyles?.content}\r\n          >\r\n            {checkedChildren}\r\n          </SwitchIcon>\r\n        )}\r\n        {unCheckedChildren && (\r\n          <SwitchIcon\r\n            className={classNames?.content}\r\n            position=\"right\"\r\n            size={size}\r\n            style={customStyles?.content}\r\n          >\r\n            {unCheckedChildren}\r\n          </SwitchIcon>\r\n        )}\r\n        <SwitchThumb className={classNames?.thumb} size={size} style={customStyles?.thumb}>\r\n          {loading && (\r\n            <Icon\r\n              className={styles.loading}\r\n              icon={Loader2}\r\n              size={size === 'small' ? 8 : 12}\r\n              style={{ color: cssVar.colorPrimary }}\r\n            />\r\n          )}\r\n        </SwitchThumb>\r\n      </SwitchRoot>\r\n    );\r\n  },\r\n);\r\n\r\nSwitch.displayName = 'Switch';\r\n\r\nexport default Switch;\r\n"],"mappings":";;;;;;;;;AAYA,MAAM,SAAS,MACZ,EACC,WACA,SACA,iBACA,WACA,YACA,gBACA,cACA,UACA,IACA,SACA,MACA,UACA,SACA,KACA,eACA,OAAO,WACP,OACA,QAAQ,cACR,UACA,OACA,mBACA,YACI;CACJ,MAAM,aAAa,YAAY;CAC/B,MAAM,kBAAkB,SAAS;CACjC,MAAM,yBAAyB,gBAAgB;CAE/C,OACE,qBAAC,YAAD;EACa;EACX,SAAS;EACT,WAAW,GAAG,WAAW,eAAe,YAAY,IAAI;EACxD,gBAAgB;EAChB,UAAU;EACN;EACE;EACD;EACC;EACN,OAAO;GAAE,GAAG;GAAO,GAAG,cAAc;EAAK;EAC/B;EACH;EACP,iBAAiB;EACR;EAdX,UAAA;GAgBG,mBACC,oBAAC,YAAD;IACE,WAAW,YAAY;IACvB,UAAS;IACH;IACN,OAAO,cAAc;IAEpB,UAAA;GACS,CAAA;GAEb,qBACC,oBAAC,YAAD;IACE,WAAW,YAAY;IACvB,UAAS;IACH;IACN,OAAO,cAAc;IAEpB,UAAA;GACS,CAAA;GAEd,oBAAC,aAAD;IAAa,WAAW,YAAY;IAAa;IAAM,OAAO,cAAc;IACzE,UAAA,WACC,oBAAC,MAAD;KACE,WAAW,OAAO;KAClB,MAAM;KACN,MAAM,SAAS,UAAU,IAAI;KAC7B,OAAO,EAAE,OAAO,OAAO,aAAa;IACrC,CAAA;GAEQ,CAAA;EACH;;AAEhB,CACF;AAEA,OAAO,cAAc"}
+{"version":3,"file":"Switch.mjs","names":[],"sources":["../../../src/base-ui/Switch/Switch.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { Loader2 } from 'lucide-react';\nimport { memo } from 'react';\n\nimport Icon from '@/Icon';\nimport { inkCssVar } from '@/styles/inkCssVar';\n\nimport { SwitchIcon, SwitchRoot, SwitchThumb } from './atoms';\nimport { styles } from './style';\nimport type { SwitchProps } from './type';\n\nconst Switch = memo<SwitchProps>(\n  ({\n    autoFocus,\n    checked,\n    checkedChildren,\n    className,\n    classNames,\n    defaultChecked,\n    defaultValue,\n    disabled,\n    id,\n    loading,\n    name,\n    onChange,\n    onClick,\n    ref,\n    rootClassName,\n    size = 'default',\n    style,\n    styles: customStyles,\n    tabIndex,\n    title,\n    unCheckedChildren,\n    value,\n  }) => {\n    const isDisabled = disabled || loading;\n    const resolvedChecked = value ?? checked;\n    const resolvedDefaultChecked = defaultValue ?? defaultChecked;\n\n    return (\n      <SwitchRoot\n        autoFocus={autoFocus}\n        checked={resolvedChecked}\n        className={cx(className, rootClassName, classNames?.root)}\n        defaultChecked={resolvedDefaultChecked}\n        disabled={isDisabled}\n        id={id}\n        name={name}\n        ref={ref}\n        size={size}\n        style={{ ...style, ...customStyles?.root }}\n        tabIndex={tabIndex}\n        title={title}\n        onCheckedChange={onChange}\n        onClick={onClick}\n      >\n        {checkedChildren && (\n          <SwitchIcon\n            className={classNames?.content}\n            position=\"left\"\n            size={size}\n            style={customStyles?.content}\n          >\n            {checkedChildren}\n          </SwitchIcon>\n        )}\n        {unCheckedChildren && (\n          <SwitchIcon\n            className={classNames?.content}\n            position=\"right\"\n            size={size}\n            style={customStyles?.content}\n          >\n            {unCheckedChildren}\n          </SwitchIcon>\n        )}\n        <SwitchThumb className={classNames?.thumb} size={size} style={customStyles?.thumb}>\n          {loading && (\n            <Icon\n              className={styles.loading}\n              icon={Loader2}\n              size={size === 'small' ? 8 : 12}\n              style={{ color: inkCssVar.colorInk }}\n            />\n          )}\n        </SwitchThumb>\n      </SwitchRoot>\n    );\n  },\n);\n\nSwitch.displayName = 'Switch';\n\nexport default Switch;\n"],"mappings":";;;;;;;;;;AAaA,MAAM,SAAS,MACZ,EACC,WACA,SACA,iBACA,WACA,YACA,gBACA,cACA,UACA,IACA,SACA,MACA,UACA,SACA,KACA,eACA,OAAO,WACP,OACA,QAAQ,cACR,UACA,OACA,mBACA,YACI;CACJ,MAAM,aAAa,YAAY;CAC/B,MAAM,kBAAkB,SAAS;CACjC,MAAM,yBAAyB,gBAAgB;CAE/C,OACE,qBAAC,YAAD;EACa;EACX,SAAS;EACT,WAAW,GAAG,WAAW,eAAe,YAAY,IAAI;EACxD,gBAAgB;EAChB,UAAU;EACN;EACE;EACD;EACC;EACN,OAAO;GAAE,GAAG;GAAO,GAAG,cAAc;EAAK;EAC/B;EACH;EACP,iBAAiB;EACR;EAdX,UAAA;GAgBG,mBACC,oBAAC,YAAD;IACE,WAAW,YAAY;IACvB,UAAS;IACH;IACN,OAAO,cAAc;IAEpB,UAAA;GACS,CAAA;GAEb,qBACC,oBAAC,YAAD;IACE,WAAW,YAAY;IACvB,UAAS;IACH;IACN,OAAO,cAAc;IAEpB,UAAA;GACS,CAAA;GAEd,oBAAC,aAAD;IAAa,WAAW,YAAY;IAAa;IAAM,OAAO,cAAc;IACzE,UAAA,WACC,oBAAC,MAAD;KACE,WAAW,OAAO;KAClB,MAAM;KACN,MAAM,SAAS,UAAU,IAAI;KAC7B,OAAO,EAAE,OAAO,UAAU,SAAS;IACpC,CAAA;GAEQ,CAAA;EACH;;AAEhB,CACF;AAEA,OAAO,cAAc"}

package/es/base-ui/Switch/atoms.d.mts

@@ -1,6 +1,5 @@
 import { SwitchChangeEventHandler, SwitchContextType, SwitchIconProps, SwitchRootProps, SwitchThumbProps } from "./type.mjs";
 import { styles } from "./style.mjs";
-//#region src/base-ui/Switch/atoms.d.ts
 declare const useSwitchContext: () => SwitchContextType;
 type SwitchRootInternalProps = Omit<SwitchRootProps, 'onCheckedChange' | 'onClick'> & {
   onCheckedChange?: SwitchChangeEventHandler;
@@ -18,6 +17,5 @@ declare const SwitchIcon: {
   ({ children, className, position, size, ...rest }: SwitchIconProps): import("react").JSX.Element;
   displayName: string;
 };
-//#endregion
 export { SwitchIcon, SwitchRoot, SwitchThumb, styles as switchStyles, useSwitchContext };
 //# sourceMappingURL=atoms.d.mts.map

package/es/base-ui/Switch/atoms.mjs

@@ -6,7 +6,7 @@ import { cx } from "antd-style";
 import useMergeState from "use-merge-value";
 import { Switch } from "@base-ui/react/switch";
 import { animate, motionValue } from "motion";
-//#region src/base-ui/Switch/atoms.tsx
+// src/base-ui/Switch/atoms.tsx
 const THUMB_METRICS = {
 	default: {
 		checkedX: 14,
@@ -178,7 +178,6 @@ const SwitchIcon = ({ children, className, position, size = "default", ...rest }
 	});
 };
 SwitchIcon.displayName = "SwitchIcon";
-//#endregion
 export { SwitchIcon, SwitchRoot, SwitchThumb, styles as switchStyles, useSwitchContext };
 
 //# sourceMappingURL=atoms.mjs.map

package/es/base-ui/Switch/style.d.mts

@@ -1,4 +1,3 @@
-//#region src/base-ui/Switch/style.d.ts
 declare const styles: {
   icon: string;
   iconLeft: string;
@@ -14,6 +13,5 @@ declare const styles: {
   thumbDefault: string;
   thumbSmall: string;
 };
-//#endregion
 export { styles };
 //# sourceMappingURL=style.d.mts.map

package/es/base-ui/Switch/style.mjs

@@ -1,7 +1,8 @@
+import { inkCssVar } from "../../styles/inkCssVar.mjs";
 import { focusRing } from "../focusRing.mjs";
 import { createStaticStyles } from "antd-style";
 import { cva } from "class-variance-authority";
-//#region src/base-ui/Switch/style.ts
+// src/base-ui/Switch/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	icon: css`
     pointer-events: none;
@@ -63,7 +64,7 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     position: relative;
     inset: unset;
     transform: none;
-    color: ${cssVar.colorPrimary};
+    color: ${inkCssVar.colorInk};
   `,
 	loading: css`
     @keyframes jinmi-switch-loading {
@@ -123,11 +124,11 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     }
 
     &[data-checked] {
-      background: ${cssVar.colorPrimary};
+      background: ${inkCssVar.colorInk};
       box-shadow: inset 0 1.5px 3px rgb(0 0 0 / 18%);
 
       &:hover:not([data-disabled]) {
-        background: ${cssVar.colorPrimaryHover};
+        background: ${inkCssVar.colorInkHover};
       }
     }
 
@@ -206,7 +207,6 @@ const thumbVariants = cva(styles.thumb, {
 		small: styles.thumbSmall
 	} }
 });
-//#endregion
 export { rootVariants, styles, thumbVariants };
 
 //# sourceMappingURL=style.mjs.map

package/es/base-ui/Switch/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Switch/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { focusRing } from '@/base-ui/focusRing';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  icon: css`\n    pointer-events: none;\n\n    position: absolute;\n    inset-block: 0;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: ${cssVar.colorBgLayout};\n\n    transition:\n      opacity 200ms ${cssVar.motionEaseOut},\n      scale 200ms ${cssVar.motionEaseOut};\n\n    @media (prefers-reduced-motion: reduce) {\n      transition-duration: 0s;\n    }\n  `,\n  iconLeft: css`\n    inset-inline-start: 4px;\n    scale: 0;\n    opacity: 0;\n\n    [data-checked] & {\n      scale: 1;\n      opacity: 1;\n    }\n  `,\n  iconLeftSmall: css`\n    inset-inline-start: 4px;\n    scale: 0;\n    opacity: 0;\n\n    [data-checked] & {\n      scale: 1;\n      opacity: 1;\n    }\n  `,\n  iconRight: css`\n    inset-inline-end: 4px;\n\n    [data-checked] & {\n      scale: 0;\n      opacity: 0;\n    }\n  `,\n  iconRightSmall: css`\n    inset-inline-end: 4px;\n\n    [data-checked] & {\n      scale: 0;\n      opacity: 0;\n    }\n  `,\n  iconThumb: css`\n    position: relative;\n    inset: unset;\n    transform: none;\n    color: ${cssVar.colorPrimary};\n  `,\n  loading: css`\n    @keyframes jinmi-switch-loading {\n      0% {\n        transform: rotate(0deg);\n      }\n\n      100% {\n        transform: rotate(360deg);\n      }\n    }\n\n    animation: jinmi-switch-loading 1s linear infinite;\n\n    @media (prefers-reduced-motion: reduce) {\n      animation-duration: 0s;\n    }\n  `,\n  root: css`\n    --switch-dir: 1;\n\n    cursor: pointer;\n    user-select: none;\n\n    position: relative;\n\n    overflow: hidden;\n    display: inline-flex;\n    align-items: center;\n    justify-content: flex-start;\n\n    box-sizing: border-box;\n    padding: 2px;\n    border: 0;\n    border-radius: 100px;\n\n    background: ${cssVar.colorFillSecondary};\n    outline: none;\n    box-shadow: inset 0 1.5px 2px rgb(0 0 0 / 8%);\n\n    transition:\n      background 200ms ${cssVar.motionEaseOut},\n      box-shadow 200ms ${cssVar.motionEaseOut};\n\n    &:dir(rtl) {\n      --switch-dir: -1;\n    }\n\n    [dir='rtl'] & {\n      --switch-dir: -1;\n    }\n\n    ${focusRing};\n\n    &:hover:not([data-disabled]) {\n      background: ${cssVar.colorFill};\n    }\n\n    &[data-checked] {\n      background: ${cssVar.colorPrimary};\n      box-shadow: inset 0 1.5px 3px rgb(0 0 0 / 18%);\n\n      &:hover:not([data-disabled]) {\n        background: ${cssVar.colorPrimaryHover};\n      }\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      opacity: 0.45;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      transition-duration: 0s;\n    }\n  `,\n  rootDefault: css`\n    width: 36px;\n    min-width: 36px;\n    height: 22px;\n  `,\n  rootSmall: css`\n    width: 28px;\n    min-width: 28px;\n    height: 16px;\n  `,\n  thumb: css`\n    transform: translateX(calc(var(--switch-x, 0px) * var(--switch-dir, 1)));\n\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 50%;\n\n    background: ${cssVar.colorBgContainer};\n    box-shadow:\n      0 0 0 0.5px rgb(0 0 0 / 4%),\n      0 1px 1px rgb(0 0 0 / 6%),\n      0 3px 8px rgb(0 30 80 / 16%);\n\n    transition: box-shadow 200ms ${cssVar.motionEaseOut};\n\n    [role='switch']:hover:not([data-disabled]) > & {\n      box-shadow:\n        0 0 0 0.5px rgb(0 0 0 / 4%),\n        0 1px 1px rgb(0 0 0 / 8%),\n        0 6px 14px rgb(0 30 80 / 24%);\n    }\n\n    [data-disabled] > & {\n      box-shadow: none;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      transition-duration: 0s;\n    }\n  `,\n  thumbDefault: css`\n    width: 18px;\n    height: 18px;\n  `,\n  thumbSmall: css`\n    width: 12px;\n    height: 12px;\n  `,\n}));\n\nexport const rootVariants = cva(styles.root, {\n  defaultVariants: {\n    size: 'default',\n  },\n  variants: {\n    size: {\n      default: styles.rootDefault,\n      small: styles.rootSmall,\n    },\n  },\n});\n\nexport const thumbVariants = cva(styles.thumb, {\n  defaultVariants: {\n    size: 'default',\n  },\n  variants: {\n    size: {\n      default: styles.thumbDefault,\n      small: styles.thumbSmall,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,MAAM,GAAG;;;;;;;;;;aAUE,OAAO,cAAc;;;sBAGZ,OAAO,cAAc;oBACvB,OAAO,cAAc;;;;;;CAMvC,UAAU,GAAG;;;;;;;;;;CAUb,eAAe,GAAG;;;;;;;;;;CAUlB,WAAW,GAAG;;;;;;;;CAQd,gBAAgB,GAAG;;;;;;;;CAQnB,WAAW,GAAG;;;;aAIH,OAAO,aAAa;;CAE/B,SAAS,GAAG;;;;;;;;;;;;;;;;;CAiBZ,MAAM,GAAG;;;;;;;;;;;;;;;;;;kBAkBO,OAAO,mBAAmB;;;;;yBAKnB,OAAO,cAAc;yBACrB,OAAO,cAAc;;;;;;;;;;MAUxC,UAAU;;;oBAGI,OAAO,UAAU;;;;oBAIjB,OAAO,aAAa;;;;sBAIlB,OAAO,kBAAkB;;;;;;;;;;;;;CAa7C,aAAa,GAAG;;;;;CAKhB,WAAW,GAAG;;;;;CAKd,OAAO,GAAG;;;;;;;;;;kBAUM,OAAO,iBAAiB;;;;;;mCAMP,OAAO,cAAc;;;;;;;;;;;;;;;;;CAiBtD,cAAc,GAAG;;;;CAIjB,YAAY,GAAG;;;;AAIjB,EAAE;AAEF,MAAa,eAAe,IAAI,OAAO,MAAM;CAC3C,iBAAiB,EACf,MAAM,UACR;CACA,UAAU,EACR,MAAM;EACJ,SAAS,OAAO;EAChB,OAAO,OAAO;CAChB,EACF;AACF,CAAC;AAED,MAAa,gBAAgB,IAAI,OAAO,OAAO;CAC7C,iBAAiB,EACf,MAAM,UACR;CACA,UAAU,EACR,MAAM;EACJ,SAAS,OAAO;EAChB,OAAO,OAAO;CAChB,EACF;AACF,CAAC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Switch/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { focusRing } from '@/base-ui/focusRing';\nimport { inkCssVar } from '@/styles/inkCssVar';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  icon: css`\n    pointer-events: none;\n\n    position: absolute;\n    inset-block: 0;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: ${cssVar.colorBgLayout};\n\n    transition:\n      opacity 200ms ${cssVar.motionEaseOut},\n      scale 200ms ${cssVar.motionEaseOut};\n\n    @media (prefers-reduced-motion: reduce) {\n      transition-duration: 0s;\n    }\n  `,\n  iconLeft: css`\n    inset-inline-start: 4px;\n    scale: 0;\n    opacity: 0;\n\n    [data-checked] & {\n      scale: 1;\n      opacity: 1;\n    }\n  `,\n  iconLeftSmall: css`\n    inset-inline-start: 4px;\n    scale: 0;\n    opacity: 0;\n\n    [data-checked] & {\n      scale: 1;\n      opacity: 1;\n    }\n  `,\n  iconRight: css`\n    inset-inline-end: 4px;\n\n    [data-checked] & {\n      scale: 0;\n      opacity: 0;\n    }\n  `,\n  iconRightSmall: css`\n    inset-inline-end: 4px;\n\n    [data-checked] & {\n      scale: 0;\n      opacity: 0;\n    }\n  `,\n  iconThumb: css`\n    position: relative;\n    inset: unset;\n    transform: none;\n    color: ${inkCssVar.colorInk};\n  `,\n  loading: css`\n    @keyframes jinmi-switch-loading {\n      0% {\n        transform: rotate(0deg);\n      }\n\n      100% {\n        transform: rotate(360deg);\n      }\n    }\n\n    animation: jinmi-switch-loading 1s linear infinite;\n\n    @media (prefers-reduced-motion: reduce) {\n      animation-duration: 0s;\n    }\n  `,\n  root: css`\n    --switch-dir: 1;\n\n    cursor: pointer;\n    user-select: none;\n\n    position: relative;\n\n    overflow: hidden;\n    display: inline-flex;\n    align-items: center;\n    justify-content: flex-start;\n\n    box-sizing: border-box;\n    padding: 2px;\n    border: 0;\n    border-radius: 100px;\n\n    background: ${cssVar.colorFillSecondary};\n    outline: none;\n    box-shadow: inset 0 1.5px 2px rgb(0 0 0 / 8%);\n\n    transition:\n      background 200ms ${cssVar.motionEaseOut},\n      box-shadow 200ms ${cssVar.motionEaseOut};\n\n    &:dir(rtl) {\n      --switch-dir: -1;\n    }\n\n    [dir='rtl'] & {\n      --switch-dir: -1;\n    }\n\n    ${focusRing};\n\n    &:hover:not([data-disabled]) {\n      background: ${cssVar.colorFill};\n    }\n\n    &[data-checked] {\n      background: ${inkCssVar.colorInk};\n      box-shadow: inset 0 1.5px 3px rgb(0 0 0 / 18%);\n\n      &:hover:not([data-disabled]) {\n        background: ${inkCssVar.colorInkHover};\n      }\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      opacity: 0.45;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      transition-duration: 0s;\n    }\n  `,\n  rootDefault: css`\n    width: 36px;\n    min-width: 36px;\n    height: 22px;\n  `,\n  rootSmall: css`\n    width: 28px;\n    min-width: 28px;\n    height: 16px;\n  `,\n  thumb: css`\n    transform: translateX(calc(var(--switch-x, 0px) * var(--switch-dir, 1)));\n\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 50%;\n\n    background: ${cssVar.colorBgContainer};\n    box-shadow:\n      0 0 0 0.5px rgb(0 0 0 / 4%),\n      0 1px 1px rgb(0 0 0 / 6%),\n      0 3px 8px rgb(0 30 80 / 16%);\n\n    transition: box-shadow 200ms ${cssVar.motionEaseOut};\n\n    [role='switch']:hover:not([data-disabled]) > & {\n      box-shadow:\n        0 0 0 0.5px rgb(0 0 0 / 4%),\n        0 1px 1px rgb(0 0 0 / 8%),\n        0 6px 14px rgb(0 30 80 / 24%);\n    }\n\n    [data-disabled] > & {\n      box-shadow: none;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      transition-duration: 0s;\n    }\n  `,\n  thumbDefault: css`\n    width: 18px;\n    height: 18px;\n  `,\n  thumbSmall: css`\n    width: 12px;\n    height: 12px;\n  `,\n}));\n\nexport const rootVariants = cva(styles.root, {\n  defaultVariants: {\n    size: 'default',\n  },\n  variants: {\n    size: {\n      default: styles.rootDefault,\n      small: styles.rootSmall,\n    },\n  },\n});\n\nexport const thumbVariants = cva(styles.thumb, {\n  defaultVariants: {\n    size: 'default',\n  },\n  variants: {\n    size: {\n      default: styles.thumbDefault,\n      small: styles.thumbSmall,\n    },\n  },\n});\n"],"mappings":";;;;;AAMA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,MAAM,GAAG;;;;;;;;;;aAUE,OAAO,cAAc;;;sBAGZ,OAAO,cAAc;oBACvB,OAAO,cAAc;;;;;;CAMvC,UAAU,GAAG;;;;;;;;;;CAUb,eAAe,GAAG;;;;;;;;;;CAUlB,WAAW,GAAG;;;;;;;;CAQd,gBAAgB,GAAG;;;;;;;;CAQnB,WAAW,GAAG;;;;aAIH,UAAU,SAAS;;CAE9B,SAAS,GAAG;;;;;;;;;;;;;;;;;CAiBZ,MAAM,GAAG;;;;;;;;;;;;;;;;;;kBAkBO,OAAO,mBAAmB;;;;;yBAKnB,OAAO,cAAc;yBACrB,OAAO,cAAc;;;;;;;;;;MAUxC,UAAU;;;oBAGI,OAAO,UAAU;;;;oBAIjB,UAAU,SAAS;;;;sBAIjB,UAAU,cAAc;;;;;;;;;;;;;CAa5C,aAAa,GAAG;;;;;CAKhB,WAAW,GAAG;;;;;CAKd,OAAO,GAAG;;;;;;;;;;kBAUM,OAAO,iBAAiB;;;;;;mCAMP,OAAO,cAAc;;;;;;;;;;;;;;;;;CAiBtD,cAAc,GAAG;;;;CAIjB,YAAY,GAAG;;;;AAIjB,EAAE;AAEF,MAAa,eAAe,IAAI,OAAO,MAAM;CAC3C,iBAAiB,EACf,MAAM,UACR;CACA,UAAU,EACR,MAAM;EACJ,SAAS,OAAO;EAChB,OAAO,OAAO;CAChB,EACF;AACF,CAAC;AAED,MAAa,gBAAgB,IAAI,OAAO,OAAO;CAC7C,iBAAiB,EACf,MAAM,UACR;CACA,UAAU,EACR,MAAM;EACJ,SAAS,OAAO;EAChB,OAAO,OAAO;CAChB,EACF;AACF,CAAC"}

package/es/base-ui/Switch/type.d.mts

@@ -1,6 +1,5 @@
 import { CSSProperties, ComponentProps, KeyboardEvent, MouseEvent, ReactNode, Ref } from "react";
 import { Switch } from "@base-ui/react/switch";
-//#region src/base-ui/Switch/type.d.ts
 type SwitchSize = 'default' | 'small';
 type SwitchChangeEventHandler = (checked: boolean, event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
 type SwitchClickEventHandler = SwitchChangeEventHandler;
@@ -122,6 +121,5 @@ interface SwitchProps {
    */
   value?: boolean;
 }
-//#endregion
 export { SwitchChangeEventHandler, SwitchClassNames, SwitchClickEventHandler, SwitchContextType, SwitchIconPosition, SwitchIconProps, SwitchProps, SwitchRootProps, SwitchSize, SwitchStyles, SwitchThumbProps };
 //# sourceMappingURL=type.d.mts.map

package/es/base-ui/Table/FilterMenu.mjs

@@ -6,7 +6,7 @@ import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { ListFilter } from "lucide-react";
-//#region src/base-ui/Table/FilterMenu.tsx
+// src/base-ui/Table/FilterMenu.tsx
 const FilterMenu = memo(({ filters, label, onChange, value }) => {
 	const items = [
 		...filters.map((filter) => ({
@@ -39,7 +39,6 @@ const FilterMenu = memo(({ filters, label, onChange, value }) => {
 	});
 });
 FilterMenu.displayName = "TableFilterMenu";
-//#endregion
 export { FilterMenu as default };
 
 //# sourceMappingURL=FilterMenu.mjs.map

package/es/base-ui/Table/Table.d.mts

@@ -1,10 +1,8 @@
 import { TableProps } from "./type.mjs";
 import { ReactNode } from "react";
 import { RowData } from "@tanstack/react-table";
-//#region src/base-ui/Table/Table.d.ts
 declare const Table: (<T extends RowData>(props: TableProps<T>) => ReactNode) & {
   displayName?: string;
 };
-//#endregion
 export { Table as default };
 //# sourceMappingURL=Table.d.mts.map

package/es/base-ui/Table/Table.mjs

@@ -14,7 +14,7 @@ import { memo, useEffect, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { useTable } from "@tanstack/react-table";
-//#region src/base-ui/Table/Table.tsx
+// src/base-ui/Table/Table.tsx
 const EMPTY_DATA = [];
 const TableInner = (props) => {
 	const { bordered = false, className, classNames, columns, dataSource = EMPTY_DATA, emptyText, loading = false, onChange, onRow, pagination, ref, renderFilter, rowClassName, rowKey, scroll, size = "middle", style, styles: customStyles, tableLayout } = props;
@@ -128,7 +128,6 @@ const TableInner = (props) => {
 };
 const Table = memo(TableInner);
 Table.displayName = "Table";
-//#endregion
 export { TableInner, Table as default };
 
 //# sourceMappingURL=Table.mjs.map

package/es/base-ui/Table/TableBody.mjs

@@ -6,7 +6,7 @@ import { getCellValue } from "./toColumnDefs.mjs";
 import { createElement } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
-//#region src/base-ui/Table/TableBody.tsx
+// src/base-ui/Table/TableBody.tsx
 const TableBody = ({ classNames, columnIds, columns, emptyText, fixedOffsets, loading, onRow, rowClassName, rows, styles: customStyles }) => {
 	if (rows.length === 0) return /* @__PURE__ */ jsx("tbody", {
 		className: classNames?.body,
@@ -53,7 +53,6 @@ const TableBody = ({ classNames, columnIds, columns, emptyText, fixedOffsets, lo
 		})
 	});
 };
-//#endregion
 export { TableBody as default };
 
 //# sourceMappingURL=TableBody.mjs.map

package/es/base-ui/Table/TableHead.mjs

@@ -4,7 +4,7 @@ import { styles } from "./style.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { ChevronDown, ChevronUp } from "lucide-react";
-//#region src/base-ui/Table/TableHead.tsx
+// src/base-ui/Table/TableHead.tsx
 const ariaSortOf = (sorted) => sorted === "asc" ? "ascending" : sorted === "desc" ? "descending" : "none";
 const TableHead = ({ classNames, columnIds, columns, fixedOffsets, getColumn, renderFilter, styles: customStyles }) => /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: columns.map((column, index) => {
 	const id = columnIds[index];
@@ -44,7 +44,6 @@ const TableHead = ({ classNames, columnIds, columns, fixedOffsets, getColumn, re
 		})
 	}, id);
 }) }) });
-//#endregion
 export { TableHead as default };
 
 //# sourceMappingURL=TableHead.mjs.map

package/es/base-ui/Table/features.mjs

@@ -1,12 +1,11 @@
 import { columnFilteringFeature, createFilteredRowModel, createSortedRowModel, rowSortingFeature, tableFeatures } from "@tanstack/react-table";
-//#region src/base-ui/Table/features.ts
+// src/base-ui/Table/features.ts
 const tableFeatureSet = tableFeatures({
 	columnFilteringFeature,
 	filteredRowModel: createFilteredRowModel(),
 	rowSortingFeature,
 	sortedRowModel: createSortedRowModel()
 });
-//#endregion
 export { tableFeatureSet };
 
 //# sourceMappingURL=features.mjs.map

package/es/base-ui/Table/fixedOffsets.mjs

@@ -1,4 +1,4 @@
-//#region src/base-ui/Table/fixedOffsets.ts
+// src/base-ui/Table/fixedOffsets.ts
 const widthOf = (column) => typeof column.width === "number" ? column.width : 0;
 const getFixedOffsets = (columns) => {
 	const offsets = columns.map(() => void 0);
@@ -23,7 +23,6 @@ const getFixedOffsets = (columns) => {
 	}
 	return offsets;
 };
-//#endregion
 export { getFixedOffsets };
 
 //# sourceMappingURL=fixedOffsets.mjs.map

package/es/base-ui/Table/style.mjs

@@ -1,6 +1,6 @@
 import { focusRing } from "../focusRing.mjs";
 import { createStaticStyles } from "antd-style";
-//#region src/base-ui/Table/style.ts
+// src/base-ui/Table/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	bordered: css`
     border: 1px solid ${cssVar.colorBorderSecondary};
@@ -162,7 +162,6 @@ const styles = createStaticStyles(({ css, cssVar }) => ({
     overflow: auto;
   `
 }));
-//#endregion
 export { styles };
 
 //# sourceMappingURL=style.mjs.map

package/es/base-ui/Table/toColumnDefs.mjs

@@ -1,4 +1,4 @@
-//#region src/base-ui/Table/toColumnDefs.ts
+// src/base-ui/Table/toColumnDefs.ts
 const getColumnId = (column, index) => String(column.key ?? column.dataIndex ?? `__column_${index}`);
 const getCellValue = (record, column) => column.dataIndex ? record[column.dataIndex] : void 0;
 const isEmptyFilter = (value) => !Array.isArray(value) || value.length === 0;
@@ -20,7 +20,6 @@ const toColumnDefs = (columns) => columns.map((column, index) => {
 		}
 	};
 });
-//#endregion
 export { getCellValue, getColumnId, toColumnDefs };
 
 //# sourceMappingURL=toColumnDefs.mjs.map

package/es/base-ui/Table/type.d.mts

@@ -1,5 +1,4 @@
 import { CSSProperties, HTMLAttributes, Key, ReactNode, Ref, TdHTMLAttributes } from "react";
-//#region src/base-ui/Table/type.d.ts
 type SortOrder = 'ascend' | 'descend';
 type FilterValue = string | number | boolean;
 interface TableColumn<T> {
@@ -63,6 +62,5 @@ interface TableProps<T> {
   styles?: Partial<Record<TableSemanticName, CSSProperties>>;
   tableLayout?: 'auto' | 'fixed';
 }
-//#endregion
 export { FilterValue, SortOrder, TableColumn, TableFilters, TablePaginationConfig, TableProps, TableSemanticName, TableSorterResult };
 //# sourceMappingURL=type.d.mts.map