@lobehub/ui 5.57.2 → 6.0.0-beta.1

package/es/base-ui/FormKit/useWatch.mjs

@@ -1,12 +0,0 @@
-"use client";
-import { getInternals } from "./instance.mjs";
-import { useStoreSelector } from "./useStoreSelector.mjs";
-//#region src/base-ui/FormKit/useWatch.ts
-function useWatch(form, nameOrSelector) {
-	const { engine } = getInternals(form);
-	return useStoreSelector(engine, (e) => typeof nameOrSelector === "function" ? nameOrSelector(e.getValues()) : e.getValue(nameOrSelector));
-}
-//#endregion
-export { useWatch };
-
-//# sourceMappingURL=useWatch.mjs.map

package/es/base-ui/FormKit/useWatch.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useWatch.mjs","names":[],"sources":["../../../src/base-ui/FormKit/useWatch.ts"],"sourcesContent":["'use client';\n\nimport { getInternals } from './instance';\nimport type { FieldPath, FieldPathValue, FormInstance, FormValues } from './type';\nimport { useStoreSelector } from './useStoreSelector';\n\nexport function useWatch<T extends FormValues, P extends FieldPath<T>>(\n  form: FormInstance<T>,\n  name: P,\n): FieldPathValue<T, P>;\nexport function useWatch<T extends FormValues, S>(\n  form: FormInstance<T>,\n  selector: (values: T) => S,\n): S;\nexport function useWatch<T extends FormValues>(\n  form: FormInstance<T>,\n  nameOrSelector: string | ((values: T) => unknown),\n) {\n  const { engine } = getInternals(form);\n  return useStoreSelector(engine, (e) =>\n    typeof nameOrSelector === 'function'\n      ? nameOrSelector(e.getValues() as T)\n      : e.getValue(nameOrSelector),\n  );\n}\n"],"mappings":";;;;AAcA,SAAgB,SACd,MACA,gBACA;CACA,MAAM,EAAE,WAAW,aAAa,IAAI;CACpC,OAAO,iBAAiB,SAAS,MAC/B,OAAO,mBAAmB,aACtB,eAAe,EAAE,UAAU,CAAM,IACjC,EAAE,SAAS,cAAc,CAC/B;AACF"}

package/es/base-ui/Input/ClearButton.mjs

@@ -1,32 +0,0 @@
-"use client";
-import Icon from "../../Icon/Icon.mjs";
-import common_default from "../../i18n/resources/en/common.mjs";
-import { useTranslation } from "../../i18n/useTranslation.mjs";
-import { styles } from "./style.mjs";
-import { memo } from "react";
-import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import { X } from "lucide-react";
-//#region src/base-ui/Input/ClearButton.tsx
-const ClearButton = memo(({ className, onClear }) => {
-	const { t } = useTranslation(common_default);
-	return /* @__PURE__ */ jsx("button", {
-		"aria-label": t("common.clear"),
-		className: cx(styles.clear, className),
-		"data-lobe-input-clear": "",
-		tabIndex: -1,
-		type: "button",
-		onClick: onClear,
-		onMouseDown: (event) => event.preventDefault(),
-		children: /* @__PURE__ */ jsx(Icon, {
-			icon: X,
-			size: 10,
-			style: { strokeWidth: 3 }
-		})
-	});
-});
-ClearButton.displayName = "InputClearButton";
-//#endregion
-export { ClearButton as default };
-
-//# sourceMappingURL=ClearButton.mjs.map

package/es/base-ui/Input/ClearButton.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClearButton.mjs","names":["common"],"sources":["../../../src/base-ui/Input/ClearButton.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { X } from 'lucide-react';\nimport { memo } from 'react';\n\nimport common from '@/i18n/resources/en/common';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport Icon from '@/Icon';\n\nimport { styles } from './style';\n\ninterface ClearButtonProps {\n  className?: string;\n  onClear: () => void;\n}\n\nconst ClearButton = memo<ClearButtonProps>(({ className, onClear }) => {\n  const { t } = useTranslation(common);\n\n  return (\n    <button\n      aria-label={t('common.clear')}\n      className={cx(styles.clear, className)}\n      data-lobe-input-clear=\"\"\n      tabIndex={-1}\n      type=\"button\"\n      onClick={onClear}\n      onMouseDown={(event) => event.preventDefault()}\n    >\n      <Icon icon={X} size={10} style={{ strokeWidth: 3 }} />\n    </button>\n  );\n});\n\nClearButton.displayName = 'InputClearButton';\n\nexport default ClearButton;\n"],"mappings":";;;;;;;;;;AAiBA,MAAM,cAAc,MAAwB,EAAE,WAAW,cAAc;CACrE,MAAM,EAAE,MAAM,eAAeA,cAAM;CAEnC,OACE,oBAAC,UAAD;EACE,cAAY,EAAE,cAAc;EAC5B,WAAW,GAAG,OAAO,OAAO,SAAS;EACrC,yBAAsB;EACtB,UAAU;EACV,MAAK;EACL,SAAS;EACT,cAAc,UAAU,MAAM,eAAe;EAE7C,UAAA,oBAAC,MAAD;GAAM,MAAM;GAAG,MAAM;GAAI,OAAO,EAAE,aAAa,EAAE;EAAI,CAAA;CAC/C,CAAA;AAEZ,CAAC;AAED,YAAY,cAAc"}

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

@@ -1,10 +0,0 @@
-import { InputProps } from "./type.mjs";
-//#region src/base-ui/Input/Input.d.ts
-declare const _default: import("react").NamedExoticComponent<InputProps> & {
-  formBinding: {
-    readonly emptyValue: "";
-  };
-};
-//#endregion
-export { _default as default };
-//# sourceMappingURL=Input.d.mts.map

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

@@ -1,70 +0,0 @@
-"use client";
-import { rootVariants, styles } from "./style.mjs";
-import ClearButton from "./ClearButton.mjs";
-import { clearNativeValue } from "./clearNativeValue.mjs";
-import { isPressEnter } from "./pressEnter.mjs";
-import { memo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx, useThemeMode } from "antd-style";
-import { useMergeRefs } from "react-merge-refs";
-import { Input } from "@base-ui/react/input";
-//#region src/base-ui/Input/Input.tsx
-const hasText = (value) => value !== void 0 && value !== null && String(value).length > 0;
-const Input$1 = memo(({ ref, className, classNames, styles: customStyles, style, variant, shadow, size = "middle", prefix, suffix, disabled, readOnly, allowClear, onClear, onPressEnter, onKeyDown, onChange, value, defaultValue, ...rest }) => {
-	const { isDarkMode } = useThemeMode();
-	const mergedVariant = variant || (isDarkMode ? "filled" : "outlined");
-	const inputRef = useRef(null);
-	const mergedRef = useMergeRefs([ref, inputRef]);
-	const [filled, setFilled] = useState(() => hasText(value ?? defaultValue));
-	const isFilled = value === void 0 ? filled : hasText(value);
-	const showClear = allowClear && isFilled && !disabled && !readOnly;
-	return /* @__PURE__ */ jsxs("div", {
-		className: cx(rootVariants({
-			shadow,
-			size,
-			variant: mergedVariant
-		}), className),
-		"data-disabled": disabled ? "" : void 0,
-		style,
-		children: [
-			prefix && /* @__PURE__ */ jsx("span", {
-				className: cx(styles.slot, classNames?.prefix),
-				style: customStyles?.prefix,
-				children: prefix
-			}),
-			/* @__PURE__ */ jsx(Input, {
-				className: cx(styles.input, classNames?.input),
-				defaultValue,
-				disabled,
-				readOnly,
-				ref: mergedRef,
-				style: customStyles?.input,
-				value,
-				onChange: (event) => {
-					setFilled(event.currentTarget.value.length > 0);
-					onChange?.(event);
-				},
-				onKeyDown: (event) => {
-					if (isPressEnter(event)) onPressEnter?.(event);
-					onKeyDown?.(event);
-				},
-				...rest
-			}),
-			showClear && /* @__PURE__ */ jsx(ClearButton, { onClear: () => {
-				clearNativeValue(inputRef.current);
-				onClear?.();
-			} }),
-			suffix && /* @__PURE__ */ jsx("span", {
-				className: cx(styles.slot, classNames?.suffix),
-				style: customStyles?.suffix,
-				children: suffix
-			})
-		]
-	});
-});
-Input$1.displayName = "Input";
-var Input_default = Object.assign(Input$1, { formBinding: { emptyValue: "" } });
-//#endregion
-export { Input_default as default };
-
-//# sourceMappingURL=Input.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Input.mjs","names":["Input","BaseInput"],"sources":["../../../src/base-ui/Input/Input.tsx"],"sourcesContent":["'use client';\n\nimport { Input as BaseInput } from '@base-ui/react/input';\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo, useRef, useState } from 'react';\nimport { useMergeRefs } from 'react-merge-refs';\n\nimport ClearButton from './ClearButton';\nimport { clearNativeValue } from './clearNativeValue';\nimport { isPressEnter } from './pressEnter';\nimport { rootVariants, styles } from './style';\nimport type { InputProps } from './type';\n\nconst hasText = (value: unknown) =>\n  value !== undefined && value !== null && String(value).length > 0;\n\nconst Input = memo<InputProps>(\n  ({\n    ref,\n    className,\n    classNames,\n    styles: customStyles,\n    style,\n    variant,\n    shadow,\n    size = 'middle',\n    prefix,\n    suffix,\n    disabled,\n    readOnly,\n    allowClear,\n    onClear,\n    onPressEnter,\n    onKeyDown,\n    onChange,\n    value,\n    defaultValue,\n    ...rest\n  }) => {\n    const { isDarkMode } = useThemeMode();\n    const mergedVariant = variant || (isDarkMode ? 'filled' : 'outlined');\n    const inputRef = useRef<HTMLInputElement>(null);\n    const mergedRef = useMergeRefs([ref, inputRef]);\n    const [filled, setFilled] = useState(() => hasText(value ?? defaultValue));\n    const isFilled = value === undefined ? filled : hasText(value);\n    const showClear = allowClear && isFilled && !disabled && !readOnly;\n\n    return (\n      <div\n        className={cx(rootVariants({ shadow, size, variant: mergedVariant }), className)}\n        data-disabled={disabled ? '' : undefined}\n        style={style}\n      >\n        {prefix && (\n          <span className={cx(styles.slot, classNames?.prefix)} style={customStyles?.prefix}>\n            {prefix}\n          </span>\n        )}\n        <BaseInput\n          className={cx(styles.input, classNames?.input)}\n          defaultValue={defaultValue}\n          disabled={disabled}\n          readOnly={readOnly}\n          ref={mergedRef}\n          style={customStyles?.input}\n          value={value}\n          onChange={(event) => {\n            setFilled(event.currentTarget.value.length > 0);\n            onChange?.(event);\n          }}\n          onKeyDown={(event) => {\n            if (isPressEnter(event)) onPressEnter?.(event);\n            onKeyDown?.(event);\n          }}\n          {...rest}\n        />\n        {showClear && (\n          <ClearButton\n            onClear={() => {\n              clearNativeValue(inputRef.current);\n              onClear?.();\n            }}\n          />\n        )}\n        {suffix && (\n          <span className={cx(styles.slot, classNames?.suffix)} style={customStyles?.suffix}>\n            {suffix}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nInput.displayName = 'Input';\n\nexport default Object.assign(Input, { formBinding: { emptyValue: '' } as const });\n"],"mappings":";;;;;;;;;;;AAaA,MAAM,WAAW,UACf,UAAU,KAAA,KAAa,UAAU,QAAQ,OAAO,KAAK,CAAC,CAAC,SAAS;AAElE,MAAMA,UAAQ,MACX,EACC,KACA,WACA,YACA,QAAQ,cACR,OACA,SACA,QACA,OAAO,UACP,QACA,QACA,UACA,UACA,YACA,SACA,cACA,WACA,UACA,OACA,cACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,aAAa;CACpC,MAAM,gBAAgB,YAAY,aAAa,WAAW;CAC1D,MAAM,WAAW,OAAyB,IAAI;CAC9C,MAAM,YAAY,aAAa,CAAC,KAAK,QAAQ,CAAC;CAC9C,MAAM,CAAC,QAAQ,aAAa,eAAe,QAAQ,SAAS,YAAY,CAAC;CACzE,MAAM,WAAW,UAAU,KAAA,IAAY,SAAS,QAAQ,KAAK;CAC7D,MAAM,YAAY,cAAc,YAAY,CAAC,YAAY,CAAC;CAE1D,OACE,qBAAC,OAAD;EACE,WAAW,GAAG,aAAa;GAAE;GAAQ;GAAM,SAAS;EAAc,CAAC,GAAG,SAAS;EAC/E,iBAAe,WAAW,KAAK,KAAA;EACxB;EAHT,UAAA;GAKG,UACC,oBAAC,QAAD;IAAM,WAAW,GAAG,OAAO,MAAM,YAAY,MAAM;IAAG,OAAO,cAAc;IACxE,UAAA;GACG,CAAA;GAER,oBAACC,OAAD;IACE,WAAW,GAAG,OAAO,OAAO,YAAY,KAAK;IAC/B;IACJ;IACA;IACV,KAAK;IACL,OAAO,cAAc;IACd;IACP,WAAW,UAAU;KACnB,UAAU,MAAM,cAAc,MAAM,SAAS,CAAC;KAC9C,WAAW,KAAK;IAClB;IACA,YAAY,UAAU;KACpB,IAAI,aAAa,KAAK,GAAG,eAAe,KAAK;KAC7C,YAAY,KAAK;IACnB;IACA,GAAI;GACL,CAAA;GACA,aACC,oBAAC,aAAD,EACE,eAAe;IACb,iBAAiB,SAAS,OAAO;IACjC,UAAU;GACZ,EACD,CAAA;GAEF,UACC,oBAAC,QAAD;IAAM,WAAW,GAAG,OAAO,MAAM,YAAY,MAAM;IAAG,OAAO,cAAc;IACxE,UAAA;GACG,CAAA;EAEL;;AAET,CACF;AAEA,QAAM,cAAc;AAEpB,IAAA,gBAAe,OAAO,OAAOD,SAAO,EAAE,aAAa,EAAE,YAAY,GAAG,EAAW,CAAC"}

package/es/base-ui/Input/InputNumber.d.mts

@@ -1,10 +0,0 @@
-import { InputNumberProps } from "./type.mjs";
-//#region src/base-ui/Input/InputNumber.d.ts
-declare const _default: import("react").NamedExoticComponent<InputNumberProps> & {
-  formBinding: {
-    readonly emptyValue: null;
-  };
-};
-//#endregion
-export { _default as default };
-//# sourceMappingURL=InputNumber.d.mts.map

package/es/base-ui/Input/InputNumber.mjs

@@ -1,78 +0,0 @@
-"use client";
-import Icon from "../../Icon/Icon.mjs";
-import { rootVariants, styles } from "./style.mjs";
-import { isPressEnter } from "./pressEnter.mjs";
-import { memo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx, useThemeMode } from "antd-style";
-import { ChevronDown, ChevronUp } from "lucide-react";
-import { NumberField } from "@base-ui/react/number-field";
-//#region src/base-ui/Input/InputNumber.tsx
-const controlIconSize = {
-	large: 13,
-	middle: 12,
-	small: 10
-};
-const InputNumber = memo(({ ref, className, classNames, styles: customStyles, style, variant, shadow, size = "middle", controls = true, changeOnWheel, onChange, placeholder, format, precision, prefix, suffix, onPressEnter, ...rest }) => {
-	const { isDarkMode } = useThemeMode();
-	const mergedVariant = variant || (isDarkMode ? "filled" : "outlined");
-	const controlClassName = cx(styles.numberControl, size === "small" && styles.numberControlSmall, size === "large" && styles.numberControlLarge);
-	const mergedFormat = precision === void 0 ? format : {
-		...format,
-		maximumFractionDigits: precision,
-		minimumFractionDigits: precision
-	};
-	return /* @__PURE__ */ jsxs(NumberField.Root, {
-		allowWheelScrub: changeOnWheel,
-		className: cx(rootVariants({
-			shadow,
-			size,
-			variant: mergedVariant
-		}), className),
-		format: mergedFormat,
-		style,
-		onValueChange: onChange,
-		...rest,
-		children: [
-			prefix && /* @__PURE__ */ jsx("span", {
-				className: styles.slot,
-				children: prefix
-			}),
-			/* @__PURE__ */ jsx(NumberField.Input, {
-				className: cx(styles.input, styles.numberInput, classNames?.input),
-				placeholder,
-				ref,
-				style: customStyles?.input,
-				onKeyDown: (event) => {
-					if (isPressEnter(event)) onPressEnter?.(event);
-				}
-			}),
-			suffix && /* @__PURE__ */ jsx("span", {
-				className: styles.slot,
-				children: suffix
-			}),
-			controls && /* @__PURE__ */ jsxs("div", {
-				className: cx(styles.numberControls, size === "small" && styles.numberControlsSmall),
-				children: [/* @__PURE__ */ jsx(NumberField.Increment, {
-					className: controlClassName,
-					children: /* @__PURE__ */ jsx(Icon, {
-						icon: ChevronUp,
-						size: controlIconSize[size]
-					})
-				}), /* @__PURE__ */ jsx(NumberField.Decrement, {
-					className: controlClassName,
-					children: /* @__PURE__ */ jsx(Icon, {
-						icon: ChevronDown,
-						size: controlIconSize[size]
-					})
-				})]
-			})
-		]
-	});
-});
-InputNumber.displayName = "InputNumber";
-var InputNumber_default = Object.assign(InputNumber, { formBinding: { emptyValue: null } });
-//#endregion
-export { InputNumber_default as default };
-
-//# sourceMappingURL=InputNumber.mjs.map

package/es/base-ui/Input/InputNumber.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputNumber.mjs","names":[],"sources":["../../../src/base-ui/Input/InputNumber.tsx"],"sourcesContent":["'use client';\n\nimport { NumberField } from '@base-ui/react/number-field';\nimport { cx, useThemeMode } from 'antd-style';\nimport { ChevronDown, ChevronUp } from 'lucide-react';\nimport { memo } from 'react';\n\nimport Icon from '@/Icon';\n\nimport { isPressEnter } from './pressEnter';\nimport { rootVariants, styles } from './style';\nimport type { InputNumberProps } from './type';\n\nconst controlIconSize = { large: 13, middle: 12, small: 10 } as const;\n\nconst InputNumber = memo<InputNumberProps>(\n  ({\n    ref,\n    className,\n    classNames,\n    styles: customStyles,\n    style,\n    variant,\n    shadow,\n    size = 'middle',\n    controls = true,\n    changeOnWheel,\n    onChange,\n    placeholder,\n    format,\n    precision,\n    prefix,\n    suffix,\n    onPressEnter,\n    ...rest\n  }) => {\n    const { isDarkMode } = useThemeMode();\n    const mergedVariant = variant || (isDarkMode ? 'filled' : 'outlined');\n    const controlClassName = cx(\n      styles.numberControl,\n      size === 'small' && styles.numberControlSmall,\n      size === 'large' && styles.numberControlLarge,\n    );\n    const mergedFormat =\n      precision === undefined\n        ? format\n        : { ...format, maximumFractionDigits: precision, minimumFractionDigits: precision };\n\n    return (\n      <NumberField.Root\n        allowWheelScrub={changeOnWheel}\n        className={cx(rootVariants({ shadow, size, variant: mergedVariant }), className)}\n        format={mergedFormat}\n        style={style}\n        onValueChange={onChange}\n        {...rest}\n      >\n        {prefix && <span className={styles.slot}>{prefix}</span>}\n        <NumberField.Input\n          className={cx(styles.input, styles.numberInput, classNames?.input)}\n          placeholder={placeholder}\n          ref={ref}\n          style={customStyles?.input}\n          onKeyDown={(event) => {\n            if (isPressEnter(event)) onPressEnter?.(event);\n          }}\n        />\n        {suffix && <span className={styles.slot}>{suffix}</span>}\n        {controls && (\n          <div\n            className={cx(styles.numberControls, size === 'small' && styles.numberControlsSmall)}\n          >\n            <NumberField.Increment className={controlClassName}>\n              <Icon icon={ChevronUp} size={controlIconSize[size]} />\n            </NumberField.Increment>\n            <NumberField.Decrement className={controlClassName}>\n              <Icon icon={ChevronDown} size={controlIconSize[size]} />\n            </NumberField.Decrement>\n          </div>\n        )}\n      </NumberField.Root>\n    );\n  },\n);\n\nInputNumber.displayName = 'InputNumber';\n\nexport default Object.assign(InputNumber, { formBinding: { emptyValue: null } as const });\n"],"mappings":";;;;;;;;;;AAaA,MAAM,kBAAkB;CAAE,OAAO;CAAI,QAAQ;CAAI,OAAO;AAAG;AAE3D,MAAM,cAAc,MACjB,EACC,KACA,WACA,YACA,QAAQ,cACR,OACA,SACA,QACA,OAAO,UACP,WAAW,MACX,eACA,UACA,aACA,QACA,WACA,QACA,QACA,cACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,aAAa;CACpC,MAAM,gBAAgB,YAAY,aAAa,WAAW;CAC1D,MAAM,mBAAmB,GACvB,OAAO,eACP,SAAS,WAAW,OAAO,oBAC3B,SAAS,WAAW,OAAO,kBAC7B;CACA,MAAM,eACJ,cAAc,KAAA,IACV,SACA;EAAE,GAAG;EAAQ,uBAAuB;EAAW,uBAAuB;CAAU;CAEtF,OACE,qBAAC,YAAY,MAAb;EACE,iBAAiB;EACjB,WAAW,GAAG,aAAa;GAAE;GAAQ;GAAM,SAAS;EAAc,CAAC,GAAG,SAAS;EAC/E,QAAQ;EACD;EACP,eAAe;EACf,GAAI;EANN,UAAA;GAQG,UAAU,oBAAC,QAAD;IAAM,WAAW,OAAO;IAAO,UAAA;GAAa,CAAA;GACvD,oBAAC,YAAY,OAAb;IACE,WAAW,GAAG,OAAO,OAAO,OAAO,aAAa,YAAY,KAAK;IACpD;IACR;IACL,OAAO,cAAc;IACrB,YAAY,UAAU;KACpB,IAAI,aAAa,KAAK,GAAG,eAAe,KAAK;IAC/C;GACD,CAAA;GACA,UAAU,oBAAC,QAAD;IAAM,WAAW,OAAO;IAAO,UAAA;GAAa,CAAA;GACtD,YACC,qBAAC,OAAD;IACE,WAAW,GAAG,OAAO,gBAAgB,SAAS,WAAW,OAAO,mBAAmB;IADrF,UAAA,CAGE,oBAAC,YAAY,WAAb;KAAuB,WAAW;KAChC,UAAA,oBAAC,MAAD;MAAM,MAAM;MAAW,MAAM,gBAAgB;KAAQ,CAAA;IAChC,CAAA,GACvB,oBAAC,YAAY,WAAb;KAAuB,WAAW;KAChC,UAAA,oBAAC,MAAD;MAAM,MAAM;MAAa,MAAM,gBAAgB;KAAQ,CAAA;IAClC,CAAA,CACpB;;EAES;;AAEtB,CACF;AAEA,YAAY,cAAc;AAE1B,IAAA,sBAAe,OAAO,OAAO,aAAa,EAAE,aAAa,EAAE,YAAY,KAAK,EAAW,CAAC"}

package/es/base-ui/Input/InputOTP.d.mts

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

package/es/base-ui/Input/InputOTP.mjs

@@ -1,31 +0,0 @@
-"use client";
-import { rootVariants, styles } from "./style.mjs";
-import { memo } from "react";
-import { jsx } from "react/jsx-runtime";
-import { cx, useThemeMode } from "antd-style";
-import { OTPField } from "@base-ui/react/otp-field";
-//#region src/base-ui/Input/InputOTP.tsx
-const InputOTP = memo(({ className, classNames, styles: customStyles, style, variant, shadow, size = "middle", length = 6, onChange, ...rest }) => {
-	const { isDarkMode } = useThemeMode();
-	const mergedVariant = variant || (isDarkMode ? "filled" : "outlined");
-	return /* @__PURE__ */ jsx(OTPField.Root, {
-		className: cx(styles.otpRoot, className),
-		length,
-		style,
-		onValueChange: onChange,
-		...rest,
-		children: Array.from({ length }, (_, index) => /* @__PURE__ */ jsx(OTPField.Input, {
-			style: customStyles?.input,
-			className: cx(rootVariants({
-				shadow,
-				size,
-				variant: mergedVariant
-			}), styles.otpCell, classNames?.input)
-		}, index))
-	});
-});
-InputOTP.displayName = "InputOTP";
-//#endregion
-export { InputOTP as default };
-
-//# sourceMappingURL=InputOTP.mjs.map

package/es/base-ui/Input/InputOTP.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputOTP.mjs","names":[],"sources":["../../../src/base-ui/Input/InputOTP.tsx"],"sourcesContent":["'use client';\n\nimport { OTPField } from '@base-ui/react/otp-field';\nimport { cx, useThemeMode } from 'antd-style';\nimport { memo } from 'react';\n\nimport { rootVariants, styles } from './style';\nimport type { InputOTPProps } from './type';\n\nconst InputOTP = memo<InputOTPProps>(\n  ({\n    className,\n    classNames,\n    styles: customStyles,\n    style,\n    variant,\n    shadow,\n    size = 'middle',\n    length = 6,\n    onChange,\n    ...rest\n  }) => {\n    const { isDarkMode } = useThemeMode();\n    const mergedVariant = variant || (isDarkMode ? 'filled' : 'outlined');\n\n    return (\n      <OTPField.Root\n        className={cx(styles.otpRoot, className)}\n        length={length}\n        style={style}\n        onValueChange={onChange}\n        {...rest}\n      >\n        {Array.from({ length }, (_, index) => (\n          <OTPField.Input\n            key={index}\n            style={customStyles?.input}\n            className={cx(\n              rootVariants({ shadow, size, variant: mergedVariant }),\n              styles.otpCell,\n              classNames?.input,\n            )}\n          />\n        ))}\n      </OTPField.Root>\n    );\n  },\n);\n\nInputOTP.displayName = 'InputOTP';\n\nexport default InputOTP;\n"],"mappings":";;;;;;;AASA,MAAM,WAAW,MACd,EACC,WACA,YACA,QAAQ,cACR,OACA,SACA,QACA,OAAO,UACP,SAAS,GACT,UACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,aAAa;CACpC,MAAM,gBAAgB,YAAY,aAAa,WAAW;CAE1D,OACE,oBAAC,SAAS,MAAV;EACE,WAAW,GAAG,OAAO,SAAS,SAAS;EAC/B;EACD;EACP,eAAe;EACf,GAAI;EAEH,UAAA,MAAM,KAAK,EAAE,OAAO,IAAI,GAAG,UAC1B,oBAAC,SAAS,OAAV;GAEE,OAAO,cAAc;GACrB,WAAW,GACT,aAAa;IAAE;IAAQ;IAAM,SAAS;GAAc,CAAC,GACrD,OAAO,SACP,YAAY,KACd;EACD,GAPM,KAON,CACF;CACY,CAAA;AAEnB,CACF;AAEA,SAAS,cAAc"}

package/es/base-ui/Input/InputPassword.d.mts

@@ -1,10 +0,0 @@
-import { InputPasswordProps } from "./type.mjs";
-//#region src/base-ui/Input/InputPassword.d.ts
-declare const _default: import("react").NamedExoticComponent<InputPasswordProps> & {
-  formBinding: {
-    readonly emptyValue: "";
-  };
-};
-//#endregion
-export { _default as default };
-//# sourceMappingURL=InputPassword.d.mts.map

package/es/base-ui/Input/InputPassword.mjs

@@ -1,32 +0,0 @@
-"use client";
-import Icon from "../../Icon/Icon.mjs";
-import { styles } from "./style.mjs";
-import Input_default from "./Input.mjs";
-import { memo, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { Eye, EyeOff } from "lucide-react";
-//#region src/base-ui/Input/InputPassword.tsx
-const InputPassword = memo(({ visibilityToggle = true, suffix, ...rest }) => {
-	const [visible, setVisible] = useState(false);
-	return /* @__PURE__ */ jsx(Input_default, {
-		type: visible ? "text" : "password",
-		suffix: /* @__PURE__ */ jsxs(Fragment$1, { children: [suffix, visibilityToggle && /* @__PURE__ */ jsx("button", {
-			"aria-label": visible ? "Hide password" : "Show password",
-			className: styles.passwordToggle,
-			tabIndex: -1,
-			type: "button",
-			onClick: () => setVisible((v) => !v),
-			children: /* @__PURE__ */ jsx(Icon, {
-				icon: visible ? Eye : EyeOff,
-				size: 16
-			})
-		})] }),
-		...rest
-	});
-});
-InputPassword.displayName = "InputPassword";
-var InputPassword_default = Object.assign(InputPassword, { formBinding: { emptyValue: "" } });
-//#endregion
-export { InputPassword_default as default };
-
-//# sourceMappingURL=InputPassword.mjs.map

package/es/base-ui/Input/InputPassword.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputPassword.mjs","names":["Input"],"sources":["../../../src/base-ui/Input/InputPassword.tsx"],"sourcesContent":["'use client';\n\nimport { Eye, EyeOff } from 'lucide-react';\nimport { memo, useState } from 'react';\n\nimport Icon from '@/Icon';\n\nimport Input from './Input';\nimport { styles } from './style';\nimport type { InputPasswordProps } from './type';\n\nconst InputPassword = memo<InputPasswordProps>(({ visibilityToggle = true, suffix, ...rest }) => {\n  const [visible, setVisible] = useState(false);\n\n  return (\n    <Input\n      type={visible ? 'text' : 'password'}\n      suffix={\n        <>\n          {suffix}\n          {visibilityToggle && (\n            <button\n              aria-label={visible ? 'Hide password' : 'Show password'}\n              className={styles.passwordToggle}\n              tabIndex={-1}\n              type={'button'}\n              onClick={() => setVisible((v) => !v)}\n            >\n              <Icon icon={visible ? Eye : EyeOff} size={16} />\n            </button>\n          )}\n        </>\n      }\n      {...rest}\n    />\n  );\n});\n\nInputPassword.displayName = 'InputPassword';\n\nexport default Object.assign(InputPassword, { formBinding: { emptyValue: '' } as const });\n"],"mappings":";;;;;;;;AAWA,MAAM,gBAAgB,MAA0B,EAAE,mBAAmB,MAAM,QAAQ,GAAG,WAAW;CAC/F,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAE5C,OACE,oBAACA,eAAD;EACE,MAAM,UAAU,SAAS;EACzB,QACE,qBAAA,YAAA,EAAA,UAAA,CACG,QACA,oBACC,oBAAC,UAAD;GACE,cAAY,UAAU,kBAAkB;GACxC,WAAW,OAAO;GAClB,UAAU;GACV,MAAM;GACN,eAAe,YAAY,MAAM,CAAC,CAAC;GAEnC,UAAA,oBAAC,MAAD;IAAM,MAAM,UAAU,MAAM;IAAQ,MAAM;GAAK,CAAA;EACzC,CAAA,CAEV,EAAA,CAAA;EAEJ,GAAI;CACL,CAAA;AAEL,CAAC;AAED,cAAc,cAAc;AAE5B,IAAA,wBAAe,OAAO,OAAO,eAAe,EAAE,aAAa,EAAE,YAAY,GAAG,EAAW,CAAC"}

package/es/base-ui/Input/TextArea.d.mts

@@ -1,10 +0,0 @@
-import { TextAreaProps } from "./type.mjs";
-//#region src/base-ui/Input/TextArea.d.ts
-declare const _default: import("react").NamedExoticComponent<TextAreaProps> & {
-  formBinding: {
-    readonly emptyValue: "";
-  };
-};
-//#endregion
-export { _default as default };
-//# sourceMappingURL=TextArea.d.mts.map

package/es/base-ui/Input/TextArea.mjs

@@ -1,81 +0,0 @@
-"use client";
-import { rootVariants, styles } from "./style.mjs";
-import ClearButton from "./ClearButton.mjs";
-import { clearNativeValue } from "./clearNativeValue.mjs";
-import { isPressEnter } from "./pressEnter.mjs";
-import { memo, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cx, useThemeMode } from "antd-style";
-import { useMergeRefs } from "react-merge-refs";
-import { Field } from "@base-ui/react/field";
-//#region src/base-ui/Input/TextArea.tsx
-const textLength = (value) => value === void 0 || value === null ? 0 : Array.from(String(value)).length;
-const TextArea = memo(({ ref, className, classNames, styles: customStyles, style, variant, shadow, autoSize, resize = false, disabled, readOnly, allowClear, onClear, onPressEnter, onKeyDown, onChange, showCount, maxLength, value, defaultValue, ...rest }) => {
-	const { isDarkMode } = useThemeMode();
-	const mergedVariant = variant || (isDarkMode ? "filled" : "outlined");
-	const textareaRef = useRef(null);
-	const mergedRef = useMergeRefs([ref, textareaRef]);
-	const [innerLength, setInnerLength] = useState(() => textLength(value ?? defaultValue));
-	const length = value === void 0 ? innerLength : textLength(value);
-	const showClear = allowClear && length > 0 && !disabled && !readOnly;
-	const over = maxLength !== void 0 && length > maxLength;
-	const cssVariables = useMemo(() => {
-		if (typeof autoSize !== "object") return {};
-		return {
-			"--textarea-max-height": autoSize.maxRows ? `calc(1.5em * ${autoSize.maxRows})` : void 0,
-			"--textarea-min-rows": autoSize.minRows
-		};
-	}, [autoSize]);
-	return /* @__PURE__ */ jsxs("div", {
-		"data-disabled": disabled ? "" : void 0,
-		style: {
-			...cssVariables,
-			...style
-		},
-		className: cx(rootVariants({
-			shadow,
-			variant: mergedVariant
-		}), styles.textarea, autoSize && styles.textareaAutoSize, resize && styles.textareaResize, showCount && styles.textareaWithCount, className),
-		children: [
-			/* @__PURE__ */ jsx(Field.Control, {
-				className: cx(styles.input, classNames?.input),
-				disabled,
-				style: customStyles?.input,
-				render: /* @__PURE__ */ jsx("textarea", {
-					defaultValue,
-					maxLength,
-					readOnly,
-					ref: mergedRef,
-					value,
-					onChange: (event) => {
-						setInnerLength(textLength(event.currentTarget.value));
-						onChange?.(event);
-					},
-					onKeyDown: (event) => {
-						if (isPressEnter(event)) onPressEnter?.(event);
-						onKeyDown?.(event);
-					},
-					...rest
-				})
-			}),
-			showClear && /* @__PURE__ */ jsx(ClearButton, {
-				className: styles.textareaClear,
-				onClear: () => {
-					clearNativeValue(textareaRef.current);
-					onClear?.();
-				}
-			}),
-			showCount && /* @__PURE__ */ jsx("span", {
-				className: styles.count,
-				"data-over": over ? "" : void 0,
-				children: maxLength === void 0 ? length : `${length} / ${maxLength}`
-			})
-		]
-	});
-});
-TextArea.displayName = "TextArea";
-var TextArea_default = Object.assign(TextArea, { formBinding: { emptyValue: "" } });
-//#endregion
-export { TextArea_default as default };
-
-//# sourceMappingURL=TextArea.mjs.map

package/es/base-ui/Input/TextArea.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextArea.mjs","names":[],"sources":["../../../src/base-ui/Input/TextArea.tsx"],"sourcesContent":["'use client';\n\nimport { Field } from '@base-ui/react/field';\nimport { cx, useThemeMode } from 'antd-style';\nimport { type CSSProperties, memo, useMemo, useRef, useState } from 'react';\nimport { useMergeRefs } from 'react-merge-refs';\n\nimport ClearButton from './ClearButton';\nimport { clearNativeValue } from './clearNativeValue';\nimport { isPressEnter } from './pressEnter';\nimport { rootVariants, styles } from './style';\nimport type { TextAreaProps } from './type';\n\nconst textLength = (value: unknown) =>\n  value === undefined || value === null ? 0 : Array.from(String(value)).length;\n\nconst TextArea = memo<TextAreaProps>(\n  ({\n    ref,\n    className,\n    classNames,\n    styles: customStyles,\n    style,\n    variant,\n    shadow,\n    autoSize,\n    resize = false,\n    disabled,\n    readOnly,\n    allowClear,\n    onClear,\n    onPressEnter,\n    onKeyDown,\n    onChange,\n    showCount,\n    maxLength,\n    value,\n    defaultValue,\n    ...rest\n  }) => {\n    const { isDarkMode } = useThemeMode();\n    const mergedVariant = variant || (isDarkMode ? 'filled' : 'outlined');\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n    const mergedRef = useMergeRefs([ref, textareaRef]);\n    const [innerLength, setInnerLength] = useState(() => textLength(value ?? defaultValue));\n    const length = value === undefined ? innerLength : textLength(value);\n    const showClear = allowClear && length > 0 && !disabled && !readOnly;\n    const over = maxLength !== undefined && length > maxLength;\n\n    const cssVariables = useMemo<CSSProperties>(() => {\n      if (typeof autoSize !== 'object') return {};\n      return {\n        '--textarea-max-height': autoSize.maxRows ? `calc(1.5em * ${autoSize.maxRows})` : undefined,\n        '--textarea-min-rows': autoSize.minRows,\n      } as CSSProperties;\n    }, [autoSize]);\n\n    return (\n      <div\n        data-disabled={disabled ? '' : undefined}\n        style={{ ...cssVariables, ...style }}\n        className={cx(\n          rootVariants({ shadow, variant: mergedVariant }),\n          styles.textarea,\n          autoSize && styles.textareaAutoSize,\n          resize && styles.textareaResize,\n          showCount && styles.textareaWithCount,\n          className,\n        )}\n      >\n        <Field.Control\n          className={cx(styles.input, classNames?.input)}\n          disabled={disabled}\n          style={customStyles?.input}\n          render={\n            <textarea\n              defaultValue={defaultValue}\n              maxLength={maxLength}\n              readOnly={readOnly}\n              ref={mergedRef}\n              value={value}\n              onChange={(event) => {\n                setInnerLength(textLength(event.currentTarget.value));\n                onChange?.(event);\n              }}\n              onKeyDown={(event) => {\n                if (isPressEnter(event)) onPressEnter?.(event);\n                onKeyDown?.(event);\n              }}\n              {...rest}\n            />\n          }\n        />\n        {showClear && (\n          <ClearButton\n            className={styles.textareaClear}\n            onClear={() => {\n              clearNativeValue(textareaRef.current);\n              onClear?.();\n            }}\n          />\n        )}\n        {showCount && (\n          <span className={styles.count} data-over={over ? '' : undefined}>\n            {maxLength === undefined ? length : `${length} / ${maxLength}`}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nTextArea.displayName = 'TextArea';\n\nexport default Object.assign(TextArea, { formBinding: { emptyValue: '' } as const });\n"],"mappings":";;;;;;;;;;;AAaA,MAAM,cAAc,UAClB,UAAU,KAAA,KAAa,UAAU,OAAO,IAAI,MAAM,KAAK,OAAO,KAAK,CAAC,CAAC,CAAC;AAExE,MAAM,WAAW,MACd,EACC,KACA,WACA,YACA,QAAQ,cACR,OACA,SACA,QACA,UACA,SAAS,OACT,UACA,UACA,YACA,SACA,cACA,WACA,UACA,WACA,WACA,OACA,cACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,aAAa;CACpC,MAAM,gBAAgB,YAAY,aAAa,WAAW;CAC1D,MAAM,cAAc,OAA4B,IAAI;CACpD,MAAM,YAAY,aAAa,CAAC,KAAK,WAAW,CAAC;CACjD,MAAM,CAAC,aAAa,kBAAkB,eAAe,WAAW,SAAS,YAAY,CAAC;CACtF,MAAM,SAAS,UAAU,KAAA,IAAY,cAAc,WAAW,KAAK;CACnE,MAAM,YAAY,cAAc,SAAS,KAAK,CAAC,YAAY,CAAC;CAC5D,MAAM,OAAO,cAAc,KAAA,KAAa,SAAS;CAEjD,MAAM,eAAe,cAA6B;EAChD,IAAI,OAAO,aAAa,UAAU,OAAO,CAAC;EAC1C,OAAO;GACL,yBAAyB,SAAS,UAAU,gBAAgB,SAAS,QAAQ,KAAK,KAAA;GAClF,uBAAuB,SAAS;EAClC;CACF,GAAG,CAAC,QAAQ,CAAC;CAEb,OACE,qBAAC,OAAD;EACE,iBAAe,WAAW,KAAK,KAAA;EAC/B,OAAO;GAAE,GAAG;GAAc,GAAG;EAAM;EACnC,WAAW,GACT,aAAa;GAAE;GAAQ,SAAS;EAAc,CAAC,GAC/C,OAAO,UACP,YAAY,OAAO,kBACnB,UAAU,OAAO,gBACjB,aAAa,OAAO,mBACpB,SACF;EAVF,UAAA;GAYE,oBAAC,MAAM,SAAP;IACE,WAAW,GAAG,OAAO,OAAO,YAAY,KAAK;IACnC;IACV,OAAO,cAAc;IACrB,QACE,oBAAC,YAAD;KACgB;KACH;KACD;KACV,KAAK;KACE;KACP,WAAW,UAAU;MACnB,eAAe,WAAW,MAAM,cAAc,KAAK,CAAC;MACpD,WAAW,KAAK;KAClB;KACA,YAAY,UAAU;MACpB,IAAI,aAAa,KAAK,GAAG,eAAe,KAAK;MAC7C,YAAY,KAAK;KACnB;KACA,GAAI;IACL,CAAA;GAEJ,CAAA;GACA,aACC,oBAAC,aAAD;IACE,WAAW,OAAO;IAClB,eAAe;KACb,iBAAiB,YAAY,OAAO;KACpC,UAAU;IACZ;GACD,CAAA;GAEF,aACC,oBAAC,QAAD;IAAM,WAAW,OAAO;IAAO,aAAW,OAAO,KAAK,KAAA;IACnD,UAAA,cAAc,KAAA,IAAY,SAAS,GAAG,OAAO,KAAK;GAC/C,CAAA;EAEL;;AAET,CACF;AAEA,SAAS,cAAc;AAEvB,IAAA,mBAAe,OAAO,OAAO,UAAU,EAAE,aAAa,EAAE,YAAY,GAAG,EAAW,CAAC"}

package/es/base-ui/Input/clearNativeValue.mjs

@@ -1,12 +0,0 @@
-//#region src/base-ui/Input/clearNativeValue.ts
-const clearNativeValue = (element) => {
-	if (!element) return;
-	const prototype = element instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype;
-	Object.getOwnPropertyDescriptor(prototype, "value")?.set?.call(element, "");
-	element.dispatchEvent(new Event("input", { bubbles: true }));
-	element.focus();
-};
-//#endregion
-export { clearNativeValue };
-
-//# sourceMappingURL=clearNativeValue.mjs.map

package/es/base-ui/Input/clearNativeValue.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"clearNativeValue.mjs","names":[],"sources":["../../../src/base-ui/Input/clearNativeValue.ts"],"sourcesContent":["export const clearNativeValue = (element: HTMLInputElement | HTMLTextAreaElement | null) => {\n  if (!element) return;\n  const prototype =\n    element instanceof HTMLTextAreaElement\n      ? HTMLTextAreaElement.prototype\n      : HTMLInputElement.prototype;\n  Object.getOwnPropertyDescriptor(prototype, 'value')?.set?.call(element, '');\n  element.dispatchEvent(new Event('input', { bubbles: true }));\n  element.focus();\n};\n"],"mappings":";AAAA,MAAa,oBAAoB,YAA2D;CAC1F,IAAI,CAAC,SAAS;CACd,MAAM,YACJ,mBAAmB,sBACf,oBAAoB,YACpB,iBAAiB;CACvB,OAAO,yBAAyB,WAAW,OAAO,CAAC,EAAE,KAAK,KAAK,SAAS,EAAE;CAC1E,QAAQ,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,KAAK,CAAC,CAAC;CAC3D,QAAQ,MAAM;AAChB"}

package/es/base-ui/Input/index.d.mts

@@ -1,8 +0,0 @@
-import { InputClassNames, InputNumberProps, InputOTPProps, InputPasswordProps, InputProps, InputSize, InputStyles, InputVariant, TextAreaAutoSize, TextAreaProps } from "./type.mjs";
-import _default from "./Input.mjs";
-import _default$1 from "./InputNumber.mjs";
-import InputOTP from "./InputOTP.mjs";
-import _default$2 from "./InputPassword.mjs";
-import { rootVariants, styles } from "./style.mjs";
-import _default$3 from "./TextArea.mjs";
-export { _default as Input, type InputClassNames, _default$1 as InputNumber, type InputNumberProps, InputOTP, type InputOTPProps, _default$2 as InputPassword, type InputPasswordProps, type InputProps, type InputSize, type InputStyles, type InputVariant, _default$3 as TextArea, type TextAreaAutoSize, type TextAreaProps, styles as inputStyles, rootVariants as inputVariants };

package/es/base-ui/Input/pressEnter.mjs

@@ -1,6 +0,0 @@
-//#region src/base-ui/Input/pressEnter.ts
-const isPressEnter = (event) => event.key === "Enter" && !event.nativeEvent.isComposing && event.keyCode !== 229;
-//#endregion
-export { isPressEnter };
-
-//# sourceMappingURL=pressEnter.mjs.map

package/es/base-ui/Input/pressEnter.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"pressEnter.mjs","names":[],"sources":["../../../src/base-ui/Input/pressEnter.ts"],"sourcesContent":["import type { KeyboardEvent } from 'react';\n\nexport const isPressEnter = (event: KeyboardEvent) =>\n  event.key === 'Enter' && !event.nativeEvent.isComposing && event.keyCode !== 229;\n"],"mappings":";AAEA,MAAa,gBAAgB,UAC3B,MAAM,QAAQ,WAAW,CAAC,MAAM,YAAY,eAAe,MAAM,YAAY"}

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

@@ -1,38 +0,0 @@
-//#region src/base-ui/Input/style.d.ts
-declare const styles: {
-  clear: string;
-  count: string;
-  textareaClear: string;
-  textareaWithCount: string;
-  borderless: string;
-  filled: string;
-  input: string;
-  invalid: string;
-  outlined: string;
-  root: string;
-  shadow: string;
-  sizeLarge: string;
-  sizeMiddle: string;
-  sizeSmall: string;
-  numberControl: string;
-  numberControlLarge: string;
-  numberControlSmall: string;
-  numberControls: string;
-  numberControlsSmall: string;
-  numberInput: string;
-  otpCell: string;
-  otpRoot: string;
-  passwordToggle: string;
-  slot: string;
-  textarea: string;
-  textareaAutoSize: string;
-  textareaResize: string;
-};
-declare const rootVariants: (props?: ({
-  shadow?: boolean | null | undefined;
-  size?: "small" | "middle" | "large" | null | undefined;
-  variant?: "filled" | "outlined" | "borderless" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-//#endregion
-export { rootVariants, styles };
-//# sourceMappingURL=style.d.mts.map