@povio/ui 2.1.14 → 2.1.16

package/dist/components/inputs/TextEditor/Toolbar/TextHighlightSelect.js

@@ -1,37 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { HighlightOnIcon } from "../../../../assets/icons/HighlightOn.js";
-import { ColorPickerDropdown } from "./ColorPickerDropdown.js";
-import { defaultColors } from "../textEditor.types.js";
-const TextHighlightSelect = ({ editor }) => {
-  const isHighlightEnabled = editor.extensionManager.extensions.some((extension) => extension.name === "highlight");
-  if (!isHighlightEnabled) {
-    return null;
-  }
-  const onChange = (color) => {
-    if (color === "#FFFFFF") {
-      editor.chain().focus().unsetHighlight().run();
-    } else {
-      editor.chain().focus().setHighlight({ color }).run();
-    }
-  };
-  const highlightColor = editor.getAttributes("highlight").color || "#FFFFFF";
-  return /* @__PURE__ */ jsx(
-    ColorPickerDropdown,
-    {
-      value: highlightColor,
-      onChange,
-      colors: defaultColors,
-      isDisabled: !editor.isEditable,
-      children: /* @__PURE__ */ jsx(
-        HighlightOnIcon,
-        {
-          className: "size-6",
-          highlightColor
-        }
-      )
-    }
-  );
-};
-export {
-  TextHighlightSelect
-};

package/dist/components/inputs/TextEditor/Toolbar/TextListActions.js

@@ -1,51 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { clsx } from "clsx";
-import { useTranslation } from "react-i18next";
-import { BulletedListIcon } from "../../../../assets/icons/BulletedList.js";
-import { NumberedListIcon } from "../../../../assets/icons/NumberedList.js";
-import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
-import { ns } from "../../../../config/i18n.js";
-const TextListActions = ({ editor }) => {
-  const { t } = useTranslation(ns);
-  const actions = [
-    {
-      can: !!editor.extensionManager.extensions.find((extension) => extension.name === "bulletList"),
-      isEnabled: () => editor.isEditable && editor.can().toggleBulletList(),
-      label: t(($) => $.ui.textEditor.marks.bold),
-      icon: BulletedListIcon,
-      onPress: () => {
-        editor.chain().focus().toggleBulletList().run();
-      },
-      isActive: () => editor.isActive("bulletList")
-    },
-    {
-      can: !!editor.extensionManager.extensions.find((extension) => extension.name === "orderedList"),
-      isEnabled: () => editor.isEditable && editor.can().toggleOrderedList(),
-      label: t(($) => $.ui.textEditor.marks.italic),
-      icon: NumberedListIcon,
-      onPress: () => {
-        editor.chain().focus().toggleOrderedList().run();
-      },
-      isActive: () => editor.isActive("orderedList")
-    }
-  ];
-  const enabledActions = actions.filter((action) => action.can);
-  if (enabledActions.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center gap-3", children: enabledActions.map((action) => /* @__PURE__ */ jsx(
-    InlineIconButton,
-    {
-      color: "secondary",
-      label: action.label,
-      onPress: action.onPress,
-      icon: action.icon,
-      isDisabled: !action.isEnabled(),
-      className: clsx(action.isActive() && "!text-interactive-text-primary-idle")
-    },
-    action.label
-  )) });
-};
-export {
-  TextListActions
-};

package/dist/components/inputs/TextEditor/Toolbar/TextMarksActions.js

@@ -1,73 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { clsx } from "clsx";
-import { useTranslation } from "react-i18next";
-import { BoldIcon } from "../../../../assets/icons/Bold.js";
-import { ItalicIcon } from "../../../../assets/icons/Italic.js";
-import { StrikethroughIcon } from "../../../../assets/icons/Strikethrough.js";
-import { UnderlinedIcon } from "../../../../assets/icons/Underlined.js";
-import { InlineIconButton } from "../../../buttons/InlineIconButton/InlineIconButton.js";
-import { ns } from "../../../../config/i18n.js";
-const TextMarksActions = ({ editor }) => {
-  const { t } = useTranslation(ns);
-  const actions = [
-    {
-      can: !!editor.extensionManager.extensions.find((extension) => extension.name === "bold"),
-      isEnabled: () => editor.isEditable && editor.can().toggleBold(),
-      label: t(($) => $.ui.textEditor.marks.bold),
-      icon: BoldIcon,
-      onPress: () => {
-        editor.chain().focus().toggleBold().run();
-      },
-      isActive: () => editor.isActive("bold")
-    },
-    {
-      can: !!editor.extensionManager.extensions.find((extension) => extension.name === "italic"),
-      isEnabled: () => editor.isEditable && editor.can().toggleItalic(),
-      label: t(($) => $.ui.textEditor.marks.italic),
-      icon: ItalicIcon,
-      onPress: () => {
-        editor.chain().focus().toggleItalic().run();
-      },
-      isActive: () => editor.isActive("italic")
-    },
-    {
-      can: !!editor.extensionManager.extensions.find((extension) => extension.name === "strike"),
-      isEnabled: () => editor.isEditable && editor.can().toggleStrike(),
-      label: t(($) => $.ui.textEditor.marks.strikethrough),
-      icon: StrikethroughIcon,
-      onPress: () => {
-        editor.chain().focus().toggleStrike().run();
-      },
-      isActive: () => editor.isActive("strike")
-    },
-    {
-      can: !!editor.extensionManager.extensions.find((extension) => extension.name === "underline"),
-      isEnabled: () => editor.isEditable && editor.can().toggleUnderline(),
-      label: t(($) => $.ui.textEditor.marks.underline),
-      icon: UnderlinedIcon,
-      onPress: () => {
-        editor.chain().focus().toggleUnderline().run();
-      },
-      isActive: () => editor.isActive("underline")
-    }
-  ];
-  const enabledActions = actions.filter((action) => action.can);
-  if (enabledActions.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center gap-3", children: enabledActions.map((action) => /* @__PURE__ */ jsx(
-    InlineIconButton,
-    {
-      color: "secondary",
-      label: action.label,
-      onPress: action.onPress,
-      icon: action.icon,
-      isDisabled: !action.isEnabled(),
-      className: clsx(action.isActive() && "!text-interactive-text-primary-idle")
-    },
-    action.label
-  )) });
-};
-export {
-  TextMarksActions
-};

package/dist/components/inputs/TextEditor/Toolbar/TextStyleSelect.js

@@ -1,61 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import { Select } from "../../Selection/Select/Select.js";
-import { Typography } from "../../../text/Typography/Typography.js";
-import { ns } from "../../../../config/i18n.js";
-const TextStyleSelect = ({ editor }) => {
-  const { t } = useTranslation(ns);
-  const isHeadingEnabled = !!editor.extensionManager.extensions.find((extension) => extension.name === "heading");
-  if (!isHeadingEnabled) {
-    return null;
-  }
-  const getItem = (level) => {
-    return {
-      id: level,
-      label: t(($) => $.ui.textEditor.textStyle[`heading${level}`]),
-      content: /* @__PURE__ */ jsx(Typography, { size: `title-${level}`, children: t(($) => $.ui.textEditor.textStyle[`heading${level}`]) })
-    };
-  };
-  const onChange = (val) => {
-    if (!val) {
-      const currentLevel = editor.getAttributes("heading")?.level;
-      if (!currentLevel) {
-        return;
-      }
-      editor.chain().focus().toggleHeading({ level: currentLevel }).run();
-      return;
-    }
-    if (!editor.can().setHeading({ level: val })) {
-      return;
-    }
-    editor.chain().focus().setHeading({ level: val }).run();
-  };
-  return /* @__PURE__ */ jsx(
-    Select,
-    {
-      as: "inline",
-      placeholder: t(($) => $.ui.textEditor.textStyle.label),
-      label: t(($) => $.ui.textEditor.textStyle.label),
-      hideLabel: true,
-      ignoreTriggerWidth: true,
-      onChange,
-      items: [
-        {
-          id: 0,
-          label: t(($) => $.ui.textEditor.textStyle.normal)
-        },
-        ...editor.can().toggleHeading({ level: 1 }) ? [getItem(1)] : [],
-        ...editor.can().toggleHeading({ level: 2 }) ? [getItem(2)] : [],
-        ...editor.can().toggleHeading({ level: 3 }) ? [getItem(3)] : [],
-        ...editor.can().toggleHeading({ level: 4 }) ? [getItem(4)] : [],
-        ...editor.can().toggleHeading({ level: 5 }) ? [getItem(5)] : [],
-        ...editor.can().toggleHeading({ level: 6 }) ? [getItem(6)] : []
-      ],
-      value: editor.getAttributes("heading")?.level || 0,
-      isDisabled: !editor.isEditable
-    }
-  );
-};
-export {
-  TextStyleSelect
-};

package/dist/components/inputs/TextEditor/textEditor.types.js

@@ -1,40 +0,0 @@
-const defaultColors = [
-  "#000000",
-  "#e60000",
-  "#ff9900",
-  "#ffff00",
-  "#008a00",
-  "#0066cc",
-  "#9933ff",
-  "#ffffff",
-  "#facccc",
-  "#ffebcc",
-  "#ffffcc",
-  "#cce8cc",
-  "#cce0f5",
-  "#ebd6ff",
-  "#bbbbbb",
-  "#f06666",
-  "#ffc266",
-  "#ffff66",
-  "#66b966",
-  "#66a3e0",
-  "#c285ff",
-  "#888888",
-  "#a10000",
-  "#b26b00",
-  "#b2b200",
-  "#006100",
-  "#0047b2",
-  "#6b24b2",
-  "#444444",
-  "#5c0000",
-  "#663d00",
-  "#666600",
-  "#003700",
-  "#002966",
-  "#3d1466"
-];
-export {
-  defaultColors
-};

package/dist/components/inputs/Toggle/Toggle.js

@@ -1,65 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { mergeRefs } from "@react-aria/utils";
-import { clsx } from "clsx";
-import { Switch } from "react-aria-components";
-import { Controller } from "react-hook-form";
-import { FormFieldError } from "../FormField/FormFieldError.js";
-import { CheckContent } from "../shared/CheckContent.js";
-import { toggle, toggleTypography } from "./toggle.cva.js";
-import { UIConfig } from "../../../config/uiConfig.context.js";
-import { UIStyle } from "../../../config/uiStyle.context.js";
-const ToggleBase = (props) => {
-  const ui = UIConfig.useConfig();
-  const uiStyle = UIStyle.useConfig();
-  const toggleCva = uiStyle?.toggle?.cva ?? toggle;
-  const toggleTypographyMap = uiStyle?.toggle?.typography ?? toggleTypography;
-  const { className, children, isDisabled, error, variant = ui.toggle.variant, ...rest } = props;
-  const formFieldErrorProps = {
-    error,
-    isDisabled
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      Switch,
-      {
-        ...rest,
-        isDisabled,
-        className: clsx("group flex items-center gap-2", !isDisabled && "cursor-pointer", className),
-        children: [
-          /* @__PURE__ */ jsx("div", { className: toggleCva({ variant, ...rest }) }),
-          /* @__PURE__ */ jsx(CheckContent, { typography: toggleTypographyMap({ variant, ...rest }), children })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(FormFieldError, { ...formFieldErrorProps })
-  ] });
-};
-const Toggle = (props) => {
-  if ("formControl" in props && props.formControl) {
-    const { formControl, ref, ...innerProps } = props;
-    return /* @__PURE__ */ jsx(
-      Controller,
-      {
-        control: formControl.control,
-        name: formControl.name,
-        render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx(
-          ToggleBase,
-          {
-            ...innerProps,
-            ref: mergeRefs(ref, field.ref),
-            isSelected: field.value,
-            onChange: field.onChange,
-            onBlur: field.onBlur,
-            name: field.name,
-            isDisabled: field.disabled || props.isDisabled,
-            error: props.error ?? error?.message
-          }
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(ToggleBase, { ...props });
-};
-export {
-  Toggle
-};

package/dist/components/inputs/Toggle/toggle.cva.js

@@ -1,44 +0,0 @@
-import { cva } from "class-variance-authority";
-import { uiGroupOutlineClass } from "../../outline.clsx.js";
-import { compoundMapper } from "../../../utils/compoundMapper.js";
-const toggle = cva(
-  [
-    "h-6 w-10 rounded-full before:m-0-5 before:block before:aspect-square before:h-5 before:rounded-full before:transition-transform before:content-[''] group-selected:before:translate-x-4",
-    uiGroupOutlineClass
-  ],
-  {
-    variants: {
-      variant: {
-        default: [
-          "bg-interactive-contained-secondary-idle",
-          "group-disabled:bg-interactive-contained-secondary-disabled",
-          "group-hover:bg-interactive-contained-secondary-hover",
-          "group-pressed:bg-interactive-contained-secondary-pressed",
-          "group-selected:bg-interactive-contained-primary-idle",
-          "group-selected:group-hover:bg-interactive-contained-primary-hover",
-          "group-selected:group-pressed:bg-interactive-contained-primary-pressed",
-          "group-focus-visible:outline-interactive-text-secondary-focus",
-          "before:bg-interactive-contained-secondary-on-idle",
-          "group-hover:before:bg-interactive-contained-secondary-on-hover",
-          "group-disabled:before:bg-interactive-contained-secondary-on-disabled",
-          "group-selected:before:bg-interactive-contained-primary-on-idle",
-          "group-selected:group-hover:before:bg-interactive-contained-primary-on-hover",
-          "group-selected:group-pressed:before:bg-interactive-contained-primary-on-pressed"
-        ]
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-const toggleTypography = compoundMapper({
-  default: {
-    size: "label-1",
-    variant: "default"
-  }
-});
-export {
-  toggle,
-  toggleTypography
-};

package/dist/components/inputs/shared/CheckContent.js

@@ -1,22 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { typography } from "../../text/Typography/typography.cva.js";
-import { UIStyle } from "../../../config/uiStyle.context.js";
-const CheckContent = ({ children, ...props }) => {
-  const uiStyle = UIStyle.useConfig();
-  const typographyCva = uiStyle?.typography?.cva ?? typography;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: typographyCva({
-        size: "label-1",
-        variant: "default",
-        ...props.typography,
-        className: "text-text-default-2"
-      }),
-      children
-    }
-  );
-};
-export {
-  CheckContent
-};

package/dist/components/inputs/shared/InputClear.js

@@ -1,27 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { clsx } from "clsx";
-import { useTranslation } from "react-i18next";
-import { CloseIcon } from "../../../assets/icons/Close.js";
-import { InlineIconButton } from "../../buttons/InlineIconButton/InlineIconButton.js";
-import { ns } from "../../../config/i18n.js";
-const InputClear = ({ onClear, className, style }) => {
-  const { t } = useTranslation(ns);
-  return /* @__PURE__ */ jsx(
-    InlineIconButton,
-    {
-      color: "secondary",
-      className: clsx(
-        "group-hover/date-picker-content:flex! group-hover/select-content:flex! hidden! items-center group-focus-within:flex group-hover:flex",
-        className
-      ),
-      label: t(($) => $.ui.clearAlt),
-      icon: CloseIcon,
-      onPress: onClear,
-      excludeFromTabOrder: true,
-      style
-    }
-  );
-};
-export {
-  InputClear
-};

package/dist/components/inputs/shared/TooltipWrapper.js

@@ -1,23 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Tooltip } from "../../overlays/Tooltip/Tooltip.js";
-const TooltipWrapper = (props) => {
-  if (props.as !== "inline") {
-    return props.children;
-  }
-  return /* @__PURE__ */ jsx(
-    Tooltip,
-    {
-      text: props.error || void 0,
-      placement: "bottom",
-      color: "error",
-      hidden: !props.error,
-      isNonInteractiveTrigger: true,
-      triggerClassName: props.triggerClassName,
-      triggerTabIndex: props.triggerTabIndex,
-      children: /* @__PURE__ */ jsx("div", { tabIndex: -1, children: props.children })
-    }
-  );
-};
-export {
-  TooltipWrapper
-};

package/dist/components/inputs/shared/input.cva.js

@@ -1,174 +0,0 @@
-import { cva } from "class-variance-authority";
-import { clsx } from "clsx";
-import { uiOutlineClass } from "../../outline.clsx.js";
-import { UIStyle } from "../../../config/uiStyle.context.js";
-const inputBase = cva([uiOutlineClass, "flex w-full truncate"], {
-  variants: {
-    variant: {
-      outlined: "",
-      filled: ""
-    },
-    as: {
-      default: "rounded-input-rounding-default",
-      floating: [
-        "rounded-input-rounding-default",
-        "py-floating-label-input-height-empty!",
-        "group-has-[input:not(:placeholder-shown)]/input-content:pb-floating-label-input-height-filled!",
-        "group-has-[input:not(:placeholder-shown)]/input-content:pt-[calc(var(--spacing-input-height-default)+14px)]!"
-        // TODO: remove this hardcoded value
-      ],
-      filter: "rounded-input-rounding-default",
-      inline: [
-        "h-full",
-        "border-transparent border-b-0 bg-transparent text-text-default-1",
-        "hover:border-input-outlined-outline-hover",
-        "focus:border-input-outlined-outline-active",
-        "invalid:border-input-outlined-outline-error",
-        "disabled:hover:border-transparent"
-      ]
-    }
-  },
-  compoundVariants: [
-    {
-      variant: "outlined",
-      as: "default",
-      className: [
-        "border border-input-outlined-outline-idle border-solid bg-input-outlined-idle text-text-default-1",
-        "hover:border-input-outlined-outline-hover hover:border-solid hover:bg-input-outlined-hover hover:text-text-default-1",
-        "focus-within:border-input-outlined-outline-active focus-within:border-solid focus-within:bg-input-outlined-active focus-within:text-text-default-1",
-        "invalid:border-input-outlined-outline-error invalid:border-solid invalid:bg-input-outlined-error invalid:text-text-default-1",
-        "disabled:border-input-outlined-outline-disabled disabled:border-solid disabled:bg-input-outlined-disabled disabled:text-text-default-1",
-        "placeholder:text-text-default-3",
-        "focus-visible:outline-interactive-contained-primary-focus"
-      ]
-    },
-    {
-      variant: "filled",
-      as: "default",
-      className: [
-        "border border-transparent border-solid bg-input-filled-idle text-text-default-1",
-        "hover:border-input-filled-outline-hover hover:border-solid hover:bg-input-filled-hover hover:text-text-default-1",
-        "focus-within:border-input-filled-outline-active focus-within:border-solid focus-within:bg-input-filled-active focus-within:text-text-default-1",
-        "invalid:border-input-filled-outline-error invalid:border-solid invalid:bg-input-filled-error invalid:text-text-default-1",
-        "disabled:bg-input-filled-disabled disabled:text-text-default-1",
-        "placeholder:text-text-default-3",
-        "focus-visible:outline-interactive-contained-primary-focus"
-      ]
-    },
-    {
-      variant: "outlined",
-      as: "floating",
-      className: [
-        "border border-input-outlined-outline-idle border-solid bg-input-outlined-idle text-text-default-1",
-        "hover:border-input-outlined-outline-hover hover:border-solid hover:bg-input-outlined-hover hover:text-text-default-1",
-        "focus-within:border-input-outlined-outline-active focus-within:border-solid focus-within:bg-input-outlined-active focus-within:text-text-default-1",
-        "invalid:border-input-outlined-outline-error invalid:border-solid invalid:bg-input-outlined-error invalid:text-text-default-1",
-        "disabled:border-input-outlined-outline-disabled disabled:border-solid disabled:bg-input-outlined-disabled disabled:text-text-default-1",
-        "placeholder:text-text-default-3",
-        "focus-visible:outline-interactive-contained-primary-focus"
-      ]
-    },
-    {
-      variant: "filled",
-      as: "floating",
-      className: [
-        "border border-transparent border-solid bg-input-filled-idle text-text-default-1",
-        "hover:border-input-filled-outline-hover hover:border-solid hover:bg-input-filled-hover hover:text-text-default-1",
-        "focus-within:border-input-outlined-outline-active focus-within:border-solid focus-within:bg-input-outlined-idle focus-within:text-text-default-1",
-        "invalid:border invalid:border-input-filled-outline-error invalid:border-solid invalid:bg-input-filled-error invalid:text-text-default-1",
-        "disabled:bg-input-filled-disabled disabled:text-text-default-1",
-        "placeholder:text-text-default-3",
-        "focus-visible:outline-interactive-contained-primary-focus"
-      ]
-    },
-    {
-      variant: "outlined",
-      as: "filter",
-      className: [
-        "border border-input-outlined-outline-idle border-solid bg-input-outlined-idle text-text-default-1",
-        "hover:border-input-outlined-outline-hover hover:border-solid hover:bg-input-outlined-hover hover:text-text-default-1",
-        "focus-within:border-input-outlined-outline-active focus-within:border-solid focus-within:bg-input-outlined-active focus-within:text-text-default-1",
-        "invalid:border-input-outlined-outline-error invalid:border-solid invalid:bg-input-outlined-error invalid:text-text-default-1",
-        "disabled:border-input-outlined-outline-disabled disabled:border-solid disabled:bg-input-outlined-disabled disabled:text-text-default-1",
-        "placeholder:text-text-default-3",
-        "focus-visible:outline-interactive-contained-primary-focus"
-      ]
-    },
-    {
-      variant: "outlined",
-      as: "filter",
-      className: [
-        "border border-transparent border-solid bg-input-filled-idle text-text-default-1",
-        "hover:border-input-filled-outline-hover hover:border-solid hover:bg-input-filled-hover hover:text-text-default-1",
-        "focus-within:border-input-filled-outline-active focus-within:border-solid focus-within:bg-input-filled-active focus-within:text-text-default-1",
-        "invalid:border-input-filled-outline-error invalid:border-solid invalid:bg-input-filled-error invalid:text-text-default-1",
-        "disabled:bg-input-filled-disabled disabled:text-text-default-1",
-        "placeholder:text-text-default-3",
-        "focus-visible:outline-interactive-contained-primary-focus"
-      ]
-    }
-  ],
-  defaultVariants: {
-    variant: "outlined",
-    as: "default"
-  }
-});
-const inputSize = cva("", {
-  variants: {
-    size: {
-      "extra-small": "px-input-side-default py-input-height-default text-label-1",
-      small: "px-input-side-default py-input-height-default text-label-1",
-      default: "px-input-side-default py-input-height-default text-label-1",
-      large: "px-input-side-default py-input-height-default text-label-1"
-    }
-  },
-  defaultVariants: {
-    size: "default"
-  }
-});
-const inputSide = cva("", {
-  variants: {
-    size: {
-      "extra-small": "",
-      small: "",
-      default: "",
-      large: ""
-    },
-    type: {
-      left: "",
-      right: "",
-      var: ""
-    }
-  },
-  compoundVariants: [
-    { type: "left", size: "extra-small", className: "left-input-side-default" },
-    { type: "right", size: "extra-small", className: "right-input-side-default" },
-    { type: "var", size: "extra-small", className: "--spacing-input-side-default" },
-    { type: "left", size: "small", className: "left-input-side-default" },
-    { type: "right", size: "small", className: "right-input-side-default" },
-    { type: "var", size: "small", className: "--spacing-input-side-default" },
-    { type: "left", size: "default", className: "left-input-side-default" },
-    { type: "right", size: "default", className: "right-input-side-default" },
-    { type: "var", size: "default", className: "--spacing-input-side-default" },
-    { type: "left", size: "large", className: "left-input-side-default" },
-    { type: "right", size: "large", className: "right-input-side-default" },
-    { type: "var", size: "large", className: "--spacing-input-side-default" }
-  ],
-  defaultVariants: {
-    size: "default"
-  }
-});
-const useInputCva = () => {
-  const uiStyle = UIStyle.useConfig();
-  const inputBaseCva = uiStyle?.input?.baseCva ?? inputBase;
-  const inputSizeCva = uiStyle?.input?.sizeCva ?? inputSize;
-  return ({ className, ...rest }) => {
-    return clsx(inputBaseCva(rest), inputSizeCva(rest), className);
-  };
-};
-export {
-  inputBase,
-  inputSide,
-  inputSize,
-  useInputCva
-};