bromcom-ui 2.11.2-test.0 → 2.12.0-test.0

package/dist/cjs/bcm-number-input.cjs.entry.js

@@ -1,108 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index$1 = require('./index-c591ecec.js');
-require('./color-helper-c3a819ea.js');
-require('./validators-abb0434a.js');
-const generate = require('./generate-64f84d95.js');
-require('./number-helper-f9323233.js');
-require('./string-helper-f9184277.js');
-require('./element-dragger-a8562f82.js');
-const bcm = require('./bcm-489c9b1a.js');
-const captionTemplate = require('./caption-template-086e9cac.js');
-require('./index-95ae50d0.js');
-require('./types-cc4adee7.js');
-require('./types-7523fd99.js');
-const index = require('./index-5279dea2.js');
-require('./colors-56282b00.js');
-require('./utils-fc077139.js');
-require('./colors-078851ec.js');
-require('./_commonjsHelpers-ed84c3ca.js');
-require('./package-992c024f.js');
-
-const numberInputStyle = index.ce({
-  slots: {
-    host: "bcm-number-input bcm-ui-element tw-flex tw-flex-col tw-items-start tw-justify-start tw-max-w-[256px] tw-w-full",
-    container: "tw-flex tw-flex-row tw-items-center tw-justify-between tw-rounded tw-border tw-border-solid tw-border-slate-300 tw-w-full tw-min-h-full hover:tw-bg-slate-50",
-    inputContainer: "tw-flex tw-min-h-fit tw-w-full tw-flex-row tw-items-center tw-justify-center tw-gap-2 tw-px-3",
-    input: "tw-outline-none tw-appearance-none tw-flex-1 tw-bg-transparent tw-text-slate-400 tw-text-inherit tw-font-normal",
-    caretContainer: "tw-flex tw-flex-col tw-min-h-full tw-border-l tw-items-stretch tw-self-stretch tw-justify-center tw-border-l-slate-300 tw-select-none tw-w-[30px]",
-    caretIcon: "tw-flex tw-items-center tw-text-slate-500 tw-justify-center tw-h-full tw-cursor-pointer active:tw-bg-slate-400 last:tw-border-t last:tw-border-t-slate-300",
-    slotIcon: "tw-text-slate-500",
-  },
-  variants: {
-    size: {
-      small: {
-        host: "tw-gap-0.5 tw-text-xs",
-        slotIcon: "tw-text-[10px]",
-        inputContainer: "tw-py-[2px]",
-        caretIcon: "tw-text-[10px]",
-      },
-      medium: {
-        host: "tw-gap-1 tw-text-base",
-        slotIcon: "tw-text-xs",
-        inputContainer: "tw-py-[5px]",
-      },
-      large: {
-        host: "tw-gap-2 tw-text-base",
-        slotIcon: "tw-text-[14px]",
-        inputContainer: "tw-py-2",
-      },
-    },
-    focus: {
-      true: {
-        container: "tw-ring-1 tw-ring-blue-600",
-        input: "tw-text-slate-700",
-      },
-    },
-  },
-  defaultVariants: {
-    size: "medium",
-  },
-});
-
-const numberInputCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");\n.size-1 {\n  font-size: 12px;\n  line-height: 20px;\n}\n\n.size-2 {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.size-3 {\n  font-size: 16px;\n  line-height: 24px;\n}\n\n.size-4 {\n  font-size: 20px;\n  line-height: 28px;\n}\n\n.size-5 {\n  font-size: 24px;\n  line-height: 32px;\n}\n\n.size-6 {\n  font-size: 30px;\n  line-height: 38px;\n}\n\n.size-7 {\n  font-size: 38px;\n  line-height: 46px;\n}\n\n.size-8 {\n  font-size: 46px;\n  line-height: 54px;\n}\n\n.size-9 {\n  font-size: 56px;\n  line-height: 64px;\n}\n\n.weight-regular {\n  font-weight: 400;\n}\n\n.weight-semibold {\n  font-weight: 500;\n}\n\n/**\n * Generator\n */\n.input-size-large {\n  height: 40px;\n}\n\n.input-size-medium {\n  height: 32px;\n}\n\n.input-size-small {\n  height: 24px;\n}\n\n.resize-none textarea {\n  resize: none;\n}\n\n.resize-vertical textarea {\n  resize: vertical;\n}\n\n.resize-auto textarea {\n  height: auto;\n  resize: none;\n}\n\n.textarea-size-large {\n  padding: 4px 0 0 4px;\n  min-height: 40px;\n}\n.textarea-size-large .bcm-input-element {\n  min-height: calc((40px - 8px) + 2px);\n}\n.textarea-size-large .input-clear-button {\n  height: calc( 40px - 16px );\n  top: 8px;\n  padding: 0;\n  margin-right: 8px;\n}\n\n.textarea-size-medium {\n  padding: 4px 0 0 4px;\n  min-height: 32px;\n}\n.textarea-size-medium .bcm-input-element {\n  min-height: calc((32px - 8px) + 2px);\n}\n.textarea-size-medium .input-clear-button {\n  height: calc( 32px - 16px );\n  top: 8px;\n  padding: 0;\n  margin-right: 8px;\n}\n\n.textarea-size-small {\n  padding: 0px 0 0 4px;\n  min-height: 24px;\n}\n.textarea-size-small .bcm-input-element {\n  min-height: calc((24px - 8px) + 2px);\n}\n.textarea-size-small .input-clear-button {\n  height: calc( 24px - 16px );\n  top: 8px;\n  padding: 0;\n  margin-right: 8px;\n}\n\n@layer base {\n  .bcm-number-input input[type=number]::-webkit-outer-spin-button,\n.bcm-number-input input[type=number]::-webkit-inner-spin-button,\n.bcm-number-input input[type=number] {\n    -webkit-appearance: none;\n    padding: 0px;\n    margin: 0px;\n    outline: none;\n    border: 0px;\n    vertical-align: baseline;\n    -moz-appearance: textfield !important;\n  }\n}";
-
-const NumberInput = class {
-  constructor(hostRef) {
-    index$1.registerInstance(this, hostRef);
-    this.blockInvalidChar = e => {
-      return ["e", "E", "+", "-"].includes(e.key) && e.preventDefault();
-    };
-    this._id = generate.Generate.UID();
-    this.size = bcm.Bcm$1.Size.medium;
-    this.min = 0;
-    this.max = 100;
-    this.step = 1;
-    this.placeholder = undefined;
-    this.label = undefined;
-    this.tooltip = undefined;
-    this.value = 0;
-    this.disabled = false;
-    this.readonly = false;
-    this.required = false;
-    this.pattern = undefined;
-    this.caption = undefined;
-    this.noCaption = false;
-    this.captionType = bcm.Bcm$1.Status.default;
-    this.captionError = undefined;
-    this.customErrorMessage = undefined;
-    this.prefixIcon = undefined;
-    this.suffixIcon = undefined;
-    this.isFocus = false;
-    this.isError = false;
-  }
-  render() {
-    const { _id, value, min, max, step, tooltip, disabled, size, label, caption, captionType, required, noCaption, captionError, customErrorMessage, prefixIcon, suffixIcon, pattern } = this;
-    const { host, input, container, inputContainer, caretContainer, caretIcon, slotIcon } = numberInputStyle({ size, focus: this.isFocus });
-    return (index$1.h(index$1.Host, { class: host(), onClick: () => !disabled && this.nativeInput.focus() }, label && index$1.h("bcm-label", { tooltip: tooltip, "no-margin": true, type: captionType, value: label, required: required, htmlFor: _id }), index$1.h("div", { class: container() }, index$1.h("div", { class: inputContainer() }, prefixIcon && (index$1.h("span", { class: slotIcon() }, index$1.h("i", { class: prefixIcon }))), index$1.h("input", { type: "number", class: input(), min: min, max: max, step: step, value: value, inputmode: "numeric", pattern: pattern, ref: input => (this.nativeInput = input), onKeyPress: this.blockInvalidChar, onFocus: () => (this.isFocus = true), onBlur: () => (this.isFocus = false), onError: e => console.log(e), onErrorCapture: e => console.log(e) }), suffixIcon && (index$1.h("span", { class: slotIcon() }, index$1.h("i", { class: suffixIcon })))), index$1.h("div", { class: caretContainer() }, index$1.h("span", { class: caretIcon() }, index$1.h("i", { class: "fas fa-caret-up" })), index$1.h("span", { class: caretIcon() }, index$1.h("i", { class: "fas fa-caret-down" })))), index$1.h(captionTemplate.CaptionTemplate, { noCaption: noCaption, captionType: captionType, captionError: captionError, caption: caption, customErrorMessage: customErrorMessage })));
-  }
-};
-NumberInput.style = numberInputCss;
-
-exports.bcm_number_input = NumberInput;

package/dist/collection/components/molecules/number-input/number-input.css

@@ -1,137 +0,0 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
-.size-1 {
-  font-size: 12px;
-  line-height: 20px;
-}
-
-.size-2 {
-  font-size: 14px;
-  line-height: 22px;
-}
-
-.size-3 {
-  font-size: 16px;
-  line-height: 24px;
-}
-
-.size-4 {
-  font-size: 20px;
-  line-height: 28px;
-}
-
-.size-5 {
-  font-size: 24px;
-  line-height: 32px;
-}
-
-.size-6 {
-  font-size: 30px;
-  line-height: 38px;
-}
-
-.size-7 {
-  font-size: 38px;
-  line-height: 46px;
-}
-
-.size-8 {
-  font-size: 46px;
-  line-height: 54px;
-}
-
-.size-9 {
-  font-size: 56px;
-  line-height: 64px;
-}
-
-.weight-regular {
-  font-weight: 400;
-}
-
-.weight-semibold {
-  font-weight: 500;
-}
-
-/**
- * Generator
- */
-.input-size-large {
-  height: 40px;
-}
-
-.input-size-medium {
-  height: 32px;
-}
-
-.input-size-small {
-  height: 24px;
-}
-
-.resize-none textarea {
-  resize: none;
-}
-
-.resize-vertical textarea {
-  resize: vertical;
-}
-
-.resize-auto textarea {
-  height: auto;
-  resize: none;
-}
-
-.textarea-size-large {
-  padding: 4px 0 0 4px;
-  min-height: 40px;
-}
-.textarea-size-large .bcm-input-element {
-  min-height: calc((40px - 8px) + 2px);
-}
-.textarea-size-large .input-clear-button {
-  height: calc( 40px - 16px );
-  top: 8px;
-  padding: 0;
-  margin-right: 8px;
-}
-
-.textarea-size-medium {
-  padding: 4px 0 0 4px;
-  min-height: 32px;
-}
-.textarea-size-medium .bcm-input-element {
-  min-height: calc((32px - 8px) + 2px);
-}
-.textarea-size-medium .input-clear-button {
-  height: calc( 32px - 16px );
-  top: 8px;
-  padding: 0;
-  margin-right: 8px;
-}
-
-.textarea-size-small {
-  padding: 0px 0 0 4px;
-  min-height: 24px;
-}
-.textarea-size-small .bcm-input-element {
-  min-height: calc((24px - 8px) + 2px);
-}
-.textarea-size-small .input-clear-button {
-  height: calc( 24px - 16px );
-  top: 8px;
-  padding: 0;
-  margin-right: 8px;
-}
-
-@layer base {
-  .bcm-number-input input[type=number]::-webkit-outer-spin-button,
-.bcm-number-input input[type=number]::-webkit-inner-spin-button,
-.bcm-number-input input[type=number] {
-    -webkit-appearance: none;
-    padding: 0px;
-    margin: 0px;
-    outline: none;
-    border: 0px;
-    vertical-align: baseline;
-    -moz-appearance: textfield !important;
-  }
-}

package/dist/collection/components/molecules/number-input/number-input.style.js

@@ -1,45 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { tv } from "tailwind-variants";
-export const numberInputStyle = tv({
-  slots: {
-    host: "bcm-number-input bcm-ui-element tw-flex tw-flex-col tw-items-start tw-justify-start tw-max-w-[256px] tw-w-full",
-    container: "tw-flex tw-flex-row tw-items-center tw-justify-between tw-rounded tw-border tw-border-solid tw-border-slate-300 tw-w-full tw-min-h-full hover:tw-bg-slate-50",
-    inputContainer: "tw-flex tw-min-h-fit tw-w-full tw-flex-row tw-items-center tw-justify-center tw-gap-2 tw-px-3",
-    input: "tw-outline-none tw-appearance-none tw-flex-1 tw-bg-transparent tw-text-slate-400 tw-text-inherit tw-font-normal",
-    caretContainer: "tw-flex tw-flex-col tw-min-h-full tw-border-l tw-items-stretch tw-self-stretch tw-justify-center tw-border-l-slate-300 tw-select-none tw-w-[30px]",
-    caretIcon: "tw-flex tw-items-center tw-text-slate-500 tw-justify-center tw-h-full tw-cursor-pointer active:tw-bg-slate-400 last:tw-border-t last:tw-border-t-slate-300",
-    slotIcon: "tw-text-slate-500",
-  },
-  variants: {
-    size: {
-      small: {
-        host: "tw-gap-0.5 tw-text-xs",
-        slotIcon: "tw-text-[10px]",
-        inputContainer: "tw-py-[2px]",
-        caretIcon: "tw-text-[10px]",
-      },
-      medium: {
-        host: "tw-gap-1 tw-text-base",
-        slotIcon: "tw-text-xs",
-        inputContainer: "tw-py-[5px]",
-      },
-      large: {
-        host: "tw-gap-2 tw-text-base",
-        slotIcon: "tw-text-[14px]",
-        inputContainer: "tw-py-2",
-      },
-    },
-    focus: {
-      true: {
-        container: "tw-ring-1 tw-ring-blue-600",
-        input: "tw-text-slate-700",
-      },
-    },
-  },
-  defaultVariants: {
-    size: "medium",
-  },
-});

package/dist/esm/bcm-number-input.entry.js

@@ -1,104 +0,0 @@
-/*!
- * Built with Stencil
- * Copyright (c) Bromcom.
- */
-import { r as registerInstance, h, H as Host } from './index-0615c2b8.js';
-import './color-helper-3b528349.js';
-import './validators-be951131.js';
-import { G as Generate } from './generate-56856b63.js';
-import './number-helper-0501b786.js';
-import './string-helper-3592bdc2.js';
-import './element-dragger-89bb52fd.js';
-import { a as Bcm } from './bcm-a50d55ba.js';
-import { C as CaptionTemplate } from './caption-template-fd7738eb.js';
-import './index-f549811f.js';
-import './types-6f06fa1a.js';
-import './types-9493a7ed.js';
-import { c as ce } from './index-3bc8c6e3.js';
-import './colors-1d7854ea.js';
-import './utils-57652744.js';
-import './colors-c530a5b8.js';
-import './_commonjsHelpers-82aa9212.js';
-import './package-a9b6e2c6.js';
-
-const numberInputStyle = ce({
-  slots: {
-    host: "bcm-number-input bcm-ui-element tw-flex tw-flex-col tw-items-start tw-justify-start tw-max-w-[256px] tw-w-full",
-    container: "tw-flex tw-flex-row tw-items-center tw-justify-between tw-rounded tw-border tw-border-solid tw-border-slate-300 tw-w-full tw-min-h-full hover:tw-bg-slate-50",
-    inputContainer: "tw-flex tw-min-h-fit tw-w-full tw-flex-row tw-items-center tw-justify-center tw-gap-2 tw-px-3",
-    input: "tw-outline-none tw-appearance-none tw-flex-1 tw-bg-transparent tw-text-slate-400 tw-text-inherit tw-font-normal",
-    caretContainer: "tw-flex tw-flex-col tw-min-h-full tw-border-l tw-items-stretch tw-self-stretch tw-justify-center tw-border-l-slate-300 tw-select-none tw-w-[30px]",
-    caretIcon: "tw-flex tw-items-center tw-text-slate-500 tw-justify-center tw-h-full tw-cursor-pointer active:tw-bg-slate-400 last:tw-border-t last:tw-border-t-slate-300",
-    slotIcon: "tw-text-slate-500",
-  },
-  variants: {
-    size: {
-      small: {
-        host: "tw-gap-0.5 tw-text-xs",
-        slotIcon: "tw-text-[10px]",
-        inputContainer: "tw-py-[2px]",
-        caretIcon: "tw-text-[10px]",
-      },
-      medium: {
-        host: "tw-gap-1 tw-text-base",
-        slotIcon: "tw-text-xs",
-        inputContainer: "tw-py-[5px]",
-      },
-      large: {
-        host: "tw-gap-2 tw-text-base",
-        slotIcon: "tw-text-[14px]",
-        inputContainer: "tw-py-2",
-      },
-    },
-    focus: {
-      true: {
-        container: "tw-ring-1 tw-ring-blue-600",
-        input: "tw-text-slate-700",
-      },
-    },
-  },
-  defaultVariants: {
-    size: "medium",
-  },
-});
-
-const numberInputCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");\n.size-1 {\n  font-size: 12px;\n  line-height: 20px;\n}\n\n.size-2 {\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.size-3 {\n  font-size: 16px;\n  line-height: 24px;\n}\n\n.size-4 {\n  font-size: 20px;\n  line-height: 28px;\n}\n\n.size-5 {\n  font-size: 24px;\n  line-height: 32px;\n}\n\n.size-6 {\n  font-size: 30px;\n  line-height: 38px;\n}\n\n.size-7 {\n  font-size: 38px;\n  line-height: 46px;\n}\n\n.size-8 {\n  font-size: 46px;\n  line-height: 54px;\n}\n\n.size-9 {\n  font-size: 56px;\n  line-height: 64px;\n}\n\n.weight-regular {\n  font-weight: 400;\n}\n\n.weight-semibold {\n  font-weight: 500;\n}\n\n/**\n * Generator\n */\n.input-size-large {\n  height: 40px;\n}\n\n.input-size-medium {\n  height: 32px;\n}\n\n.input-size-small {\n  height: 24px;\n}\n\n.resize-none textarea {\n  resize: none;\n}\n\n.resize-vertical textarea {\n  resize: vertical;\n}\n\n.resize-auto textarea {\n  height: auto;\n  resize: none;\n}\n\n.textarea-size-large {\n  padding: 4px 0 0 4px;\n  min-height: 40px;\n}\n.textarea-size-large .bcm-input-element {\n  min-height: calc((40px - 8px) + 2px);\n}\n.textarea-size-large .input-clear-button {\n  height: calc( 40px - 16px );\n  top: 8px;\n  padding: 0;\n  margin-right: 8px;\n}\n\n.textarea-size-medium {\n  padding: 4px 0 0 4px;\n  min-height: 32px;\n}\n.textarea-size-medium .bcm-input-element {\n  min-height: calc((32px - 8px) + 2px);\n}\n.textarea-size-medium .input-clear-button {\n  height: calc( 32px - 16px );\n  top: 8px;\n  padding: 0;\n  margin-right: 8px;\n}\n\n.textarea-size-small {\n  padding: 0px 0 0 4px;\n  min-height: 24px;\n}\n.textarea-size-small .bcm-input-element {\n  min-height: calc((24px - 8px) + 2px);\n}\n.textarea-size-small .input-clear-button {\n  height: calc( 24px - 16px );\n  top: 8px;\n  padding: 0;\n  margin-right: 8px;\n}\n\n@layer base {\n  .bcm-number-input input[type=number]::-webkit-outer-spin-button,\n.bcm-number-input input[type=number]::-webkit-inner-spin-button,\n.bcm-number-input input[type=number] {\n    -webkit-appearance: none;\n    padding: 0px;\n    margin: 0px;\n    outline: none;\n    border: 0px;\n    vertical-align: baseline;\n    -moz-appearance: textfield !important;\n  }\n}";
-
-const NumberInput = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.blockInvalidChar = e => {
-      return ["e", "E", "+", "-"].includes(e.key) && e.preventDefault();
-    };
-    this._id = Generate.UID();
-    this.size = Bcm.Size.medium;
-    this.min = 0;
-    this.max = 100;
-    this.step = 1;
-    this.placeholder = undefined;
-    this.label = undefined;
-    this.tooltip = undefined;
-    this.value = 0;
-    this.disabled = false;
-    this.readonly = false;
-    this.required = false;
-    this.pattern = undefined;
-    this.caption = undefined;
-    this.noCaption = false;
-    this.captionType = Bcm.Status.default;
-    this.captionError = undefined;
-    this.customErrorMessage = undefined;
-    this.prefixIcon = undefined;
-    this.suffixIcon = undefined;
-    this.isFocus = false;
-    this.isError = false;
-  }
-  render() {
-    const { _id, value, min, max, step, tooltip, disabled, size, label, caption, captionType, required, noCaption, captionError, customErrorMessage, prefixIcon, suffixIcon, pattern } = this;
-    const { host, input, container, inputContainer, caretContainer, caretIcon, slotIcon } = numberInputStyle({ size, focus: this.isFocus });
-    return (h(Host, { class: host(), onClick: () => !disabled && this.nativeInput.focus() }, label && h("bcm-label", { tooltip: tooltip, "no-margin": true, type: captionType, value: label, required: required, htmlFor: _id }), h("div", { class: container() }, h("div", { class: inputContainer() }, prefixIcon && (h("span", { class: slotIcon() }, h("i", { class: prefixIcon }))), h("input", { type: "number", class: input(), min: min, max: max, step: step, value: value, inputmode: "numeric", pattern: pattern, ref: input => (this.nativeInput = input), onKeyPress: this.blockInvalidChar, onFocus: () => (this.isFocus = true), onBlur: () => (this.isFocus = false), onError: e => console.log(e), onErrorCapture: e => console.log(e) }), suffixIcon && (h("span", { class: slotIcon() }, h("i", { class: suffixIcon })))), h("div", { class: caretContainer() }, h("span", { class: caretIcon() }, h("i", { class: "fas fa-caret-up" })), h("span", { class: caretIcon() }, h("i", { class: "fas fa-caret-down" })))), h(CaptionTemplate, { noCaption: noCaption, captionType: captionType, captionError: captionError, caption: caption, customErrorMessage: customErrorMessage })));
-  }
-};
-NumberInput.style = numberInputCss;
-
-export { NumberInput as bcm_number_input };

package/dist/types/components/molecules/number-input/number-input.style.d.ts

@@ -1,200 +0,0 @@
-export declare const numberInputStyle: import("tailwind-variants").TVReturnType<{
-  size: {
-    small: {
-      host: string;
-      slotIcon: string;
-      inputContainer: string;
-      caretIcon: string;
-    };
-    medium: {
-      host: string;
-      slotIcon: string;
-      inputContainer: string;
-    };
-    large: {
-      host: string;
-      slotIcon: string;
-      inputContainer: string;
-    };
-  };
-  focus: {
-    true: {
-      container: string;
-      input: string;
-    };
-  };
-}, {
-  host: string;
-  container: string;
-  inputContainer: string;
-  input: string;
-  caretContainer: string;
-  caretIcon: string;
-  slotIcon: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
-  size: {
-    small: {
-      host: string;
-      slotIcon: string;
-      inputContainer: string;
-      caretIcon: string;
-    };
-    medium: {
-      host: string;
-      slotIcon: string;
-      inputContainer: string;
-    };
-    large: {
-      host: string;
-      slotIcon: string;
-      inputContainer: string;
-    };
-  };
-  focus: {
-    true: {
-      container: string;
-      input: string;
-    };
-  };
-}, {
-  size: {
-    small: {
-      host: string;
-      slotIcon: string;
-      inputContainer: string;
-      caretIcon: string;
-    };
-    medium: {
-      host: string;
-      slotIcon: string;
-      inputContainer: string;
-    };
-    large: {
-      host: string;
-      slotIcon: string;
-      inputContainer: string;
-    };
-  };
-  focus: {
-    true: {
-      container: string;
-      input: string;
-    };
-  };
-}>, {
-  size: {
-    small: {
-      host: string;
-      slotIcon: string;
-      inputContainer: string;
-      caretIcon: string;
-    };
-    medium: {
-      host: string;
-      slotIcon: string;
-      inputContainer: string;
-    };
-    large: {
-      host: string;
-      slotIcon: string;
-      inputContainer: string;
-    };
-  };
-  focus: {
-    true: {
-      container: string;
-      input: string;
-    };
-  };
-}, {
-  host: string;
-  container: string;
-  inputContainer: string;
-  input: string;
-  caretContainer: string;
-  caretIcon: string;
-  slotIcon: string;
-}, import("tailwind-variants").TVReturnType<{
-  size: {
-    small: {
-      host: string;
-      slotIcon: string;
-      inputContainer: string;
-      caretIcon: string;
-    };
-    medium: {
-      host: string;
-      slotIcon: string;
-      inputContainer: string;
-    };
-    large: {
-      host: string;
-      slotIcon: string;
-      inputContainer: string;
-    };
-  };
-  focus: {
-    true: {
-      container: string;
-      input: string;
-    };
-  };
-}, {
-  host: string;
-  container: string;
-  inputContainer: string;
-  input: string;
-  caretContainer: string;
-  caretIcon: string;
-  slotIcon: string;
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
-  size: {
-    small: {
-      host: string;
-      slotIcon: string;
-      inputContainer: string;
-      caretIcon: string;
-    };
-    medium: {
-      host: string;
-      slotIcon: string;
-      inputContainer: string;
-    };
-    large: {
-      host: string;
-      slotIcon: string;
-      inputContainer: string;
-    };
-  };
-  focus: {
-    true: {
-      container: string;
-      input: string;
-    };
-  };
-}, {
-  size: {
-    small: {
-      host: string;
-      slotIcon: string;
-      inputContainer: string;
-      caretIcon: string;
-    };
-    medium: {
-      host: string;
-      slotIcon: string;
-      inputContainer: string;
-    };
-    large: {
-      host: string;
-      slotIcon: string;
-      inputContainer: string;
-    };
-  };
-  focus: {
-    true: {
-      container: string;
-      input: string;
-    };
-  };
-}>, unknown, unknown, undefined>>;