@indielayer/ui 1.18.0 → 2.0.0

package/lib/components/index.js

@@ -1,120 +1,128 @@
-import { default as t } from "./accordion/Accordion.vue.js";
-import { default as l } from "./accordion/AccordionItem.vue.js";
-import { default as p } from "./badge/Badge.vue.js";
-import { default as m } from "./breadcrumbs/Breadcrumbs.vue.js";
-import { default as x } from "./card/Card.vue.js";
-import { default as i } from "./carousel/Carousel.vue.js";
-import { default as T } from "./container/Container.vue.js";
-import { default as b } from "./datepicker/Datepicker.vue.js";
-import "./datepicker/Datepicker.vue2.js";
-import { default as C } from "./divider/Divider.vue.js";
-import { default as I } from "./drawer/Drawer.vue.js";
-import { default as v } from "./form/Form.vue.js";
-import { default as k } from "./formGroup/FormGroup.vue.js";
-import { default as D } from "./image/Image.vue.js";
-import { default as G } from "./menu/Menu.vue.js";
-import { default as M } from "./modal/Modal.vue.js";
-import { default as w } from "./notifications/Notifications.vue.js";
-import { default as R } from "./pagination/Pagination.vue.js";
-import { default as N } from "./popover/Popover.vue.js";
-import "./popover/Popover.vue2.js";
-import { default as U } from "./popover/PopoverContainer.vue.js";
-import { default as q } from "./progress/Progress.vue.js";
-import { default as E } from "./qrCode/QrCode.vue.js";
-import { default as K } from "./select/Select.vue.js";
-import { default as V } from "./skeleton/Skeleton.vue.js";
-import { default as Y } from "./stepper/Stepper.vue.js";
-import { default as _ } from "./tab/Tab.vue.js";
-import { default as ee } from "./tab/TabGroup.vue.js";
-import { default as re } from "./table/Table.vue.js";
-import { default as te } from "./textarea/Textarea.vue.js";
-import { default as le } from "./themeProvider/ThemeProvider.vue.js";
-import { default as pe } from "./toggle/Toggle.vue.js";
-import { default as me } from "./upload/Upload.vue.js";
-import { default as xe } from "./alert/Alert.vue.js";
-import { default as ie } from "./avatar/Avatar.vue.js";
-import { default as Te } from "./button/Button.vue.js";
-import { default as be } from "./button/ButtonGroup.vue.js";
-import { default as Ce } from "./carousel/CarouselSlide.vue.js";
-import { default as Ie } from "./checkbox/Checkbox.vue.js";
-import { default as ve } from "./icon/Icon.vue.js";
-import { default as ke } from "./input/Input.vue.js";
-import { default as De } from "./inputFooter/InputFooter.vue.js";
-import { default as Ge } from "./label/Label.vue.js";
-import { default as Me } from "./link/Link.vue.js";
-import { default as we } from "./loader/Loader.vue.js";
-import { default as Re } from "./menu/MenuItem.vue.js";
-import { default as Ne } from "./pagination/PaginationItem.vue.js";
-import { default as Ue } from "./radio/Radio.vue.js";
-import { default as qe } from "./scroll/Scroll.vue.js";
-import { default as Ee } from "./slider/Slider.vue.js";
-import { default as Ke } from "./spacer/Spacer.js";
-import { default as Ve } from "./spinner/Spinner.vue.js";
-import { default as Ye } from "./table/TableBody.js";
-import { default as _e } from "./table/TableCell.vue.js";
-import { default as eo } from "./table/TableHead.vue.js";
-import { default as ro } from "./table/TableHeader.vue.js";
-import { default as to } from "./table/TableRow.vue.js";
-import { default as lo } from "./tag/Tag.vue.js";
-import { default as uo } from "./tooltip/Tooltip.vue.js";
-import { default as so } from "./tooltip/ToggleTip.vue.js";
-export {
-  t as XAccordion,
-  l as XAccordionItem,
-  xe as XAlert,
-  ie as XAvatar,
-  p as XBadge,
-  m as XBreadcrumbs,
-  Te as XButton,
-  be as XButtonGroup,
-  x as XCard,
-  i as XCarousel,
-  Ce as XCarouselSlide,
-  Ie as XCheckbox,
-  T as XContainer,
-  b as XDatepicker,
-  C as XDivider,
-  I as XDrawer,
-  v as XForm,
-  k as XFormGroup,
-  ve as XIcon,
-  D as XImage,
-  ke as XInput,
-  De as XInputFooter,
-  Ge as XLabel,
-  Me as XLink,
-  we as XLoader,
-  G as XMenu,
-  Re as XMenuItem,
-  M as XModal,
-  w as XNotifications,
-  R as XPagination,
-  Ne as XPaginationItem,
-  N as XPopover,
-  U as XPopoverContainer,
-  q as XProgress,
-  E as XQrCode,
-  Ue as XRadio,
-  qe as XScroll,
-  K as XSelect,
-  V as XSkeleton,
-  Ee as XSlider,
-  Ke as XSpacer,
-  Ve as XSpinner,
-  Y as XStepper,
-  _ as XTab,
-  ee as XTabGroup,
-  re as XTable,
-  Ye as XTableBody,
-  _e as XTableCell,
-  eo as XTableHead,
-  ro as XTableHeader,
-  to as XTableRow,
-  lo as XTag,
-  te as XTextarea,
-  le as XThemeProvider,
-  pe as XToggle,
-  so as XToggleTip,
-  uo as XTooltip,
-  me as XUpload
-};
+import { __exportAll as e } from "../_virtual/_rolldown/runtime.js";
+import t from "./accordion/Accordion.js";
+import n from "./icon/Icon.js";
+import r from "./accordion/AccordionItem.js";
+import i from "./alert/Alert.js";
+import a from "./avatar/Avatar.js";
+import o from "./badge/Badge.js";
+import s from "./link/Link.js";
+import c from "./breadcrumbs/Breadcrumbs.js";
+import l from "./spinner/Spinner.js";
+import u from "./loader/Loader.js";
+import d from "./button/Button.js";
+import f from "./button/ButtonGroup.js";
+import p from "./card/Card.js";
+import m from "./carousel/Carousel.js";
+import h from "./carousel/CarouselSlide.js";
+import g from "./inputFooter/InputFooter.js";
+import _ from "./checkbox/Checkbox.js";
+import v from "./container/Container.js";
+import y from "./tooltip/Tooltip.js";
+import b from "./tooltip/ToggleTip.js";
+import x from "./label/Label.js";
+import S from "./input/Input.js";
+import C from "./datepicker/Datepicker.js";
+import w from "./divider/Divider.js";
+import T from "./scroll/Scroll.js";
+import E from "./drawer/Drawer.js";
+import D from "./empty/Empty.js";
+import O from "./form/Form.js";
+import k from "./formGroup/FormGroup.js";
+import A from "./image/Image.js";
+import j from "./inputGroup/InputGroup.js";
+import M from "./menu/MenuItem.js";
+import N from "./menu/Menu.js";
+import P from "./modal/Modal.js";
+import F from "./spacer/Spacer.js";
+import I from "./notifications/Notifications.js";
+import L from "./pagination/PaginationItem.js";
+import R from "./pagination/Pagination.js";
+import z from "./popover/Popover.js";
+import B from "./popover/PopoverContainer.js";
+import V from "./progress/Progress.js";
+import H from "./qrCode/QrCode.js";
+import U from "./radio/Radio.js";
+import W from "./radioButton/RadioButton.js";
+import G from "./tag/Tag.js";
+import K from "./select/Select.js";
+import q from "./skeleton/Skeleton.js";
+import J from "./slider/Slider.js";
+import Y from "./stepper/Stepper.js";
+import X from "./tab/Tab.js";
+import Z from "./tab/TabGroup.js";
+import Q from "./table/TableHead.js";
+import $ from "./table/TableHeader.js";
+import ee from "./table/TableBody.js";
+import te from "./table/TableRow.js";
+import ne from "./table/TableCell.js";
+import re from "./table/Table.js";
+import ie from "./textarea/Textarea.js";
+import ae from "./themeProvider/ThemeProvider.js";
+import oe from "./toggle/Toggle.js";
+import se from "./upload/Upload.js";
+//#region src/components/index.ts
+var ce = /* @__PURE__ */ e({
+	XAccordion: () => t,
+	XAccordionItem: () => r,
+	XAlert: () => i,
+	XAvatar: () => a,
+	XBadge: () => o,
+	XBreadcrumbs: () => c,
+	XButton: () => d,
+	XButtonGroup: () => f,
+	XCard: () => p,
+	XCarousel: () => m,
+	XCarouselSlide: () => h,
+	XCheckbox: () => _,
+	XContainer: () => v,
+	XDatepicker: () => C,
+	XDivider: () => w,
+	XDrawer: () => E,
+	XEmpty: () => D,
+	XForm: () => O,
+	XFormGroup: () => k,
+	XIcon: () => n,
+	XImage: () => A,
+	XInput: () => S,
+	XInputFooter: () => g,
+	XInputGroup: () => j,
+	XLabel: () => x,
+	XLink: () => s,
+	XLoader: () => u,
+	XMenu: () => N,
+	XMenuItem: () => M,
+	XModal: () => P,
+	XNotifications: () => I,
+	XPagination: () => R,
+	XPaginationItem: () => L,
+	XPopover: () => z,
+	XPopoverContainer: () => B,
+	XProgress: () => V,
+	XQrCode: () => H,
+	XRadio: () => U,
+	XRadioButton: () => W,
+	XScroll: () => T,
+	XSelect: () => K,
+	XSkeleton: () => q,
+	XSlider: () => J,
+	XSpacer: () => F,
+	XSpinner: () => l,
+	XStepper: () => Y,
+	XTab: () => X,
+	XTabGroup: () => Z,
+	XTable: () => re,
+	XTableBody: () => ee,
+	XTableCell: () => ne,
+	XTableHead: () => Q,
+	XTableHeader: () => $,
+	XTableRow: () => te,
+	XTag: () => G,
+	XTextarea: () => ie,
+	XThemeProvider: () => ae,
+	XToggle: () => oe,
+	XToggleTip: () => b,
+	XTooltip: () => y,
+	XUpload: () => se
+});
+//#endregion
+export { ce as components_exports };

package/lib/components/input/Input.js

@@ -0,0 +1,5 @@
+import e from "./Input.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/input/Input.vue
+var t = e;
+//#endregion
+export { t as default };

package/lib/components/input/Input.vue.d.ts

@@ -1,5 +1,6 @@
 import { type PropType, type ExtractPublicPropTypes } from 'vue';
 import { type ThemeComponent } from '../../composables/useTheme';
+import type { Size } from '../../composables/useCommon';
 declare const inputProps: {
     showPasswordToggle: {
         type: BooleanConstructor;
@@ -22,9 +23,9 @@ declare const inputProps: {
         default: string;
     };
     step: (StringConstructor | NumberConstructor)[];
-    block: BooleanConstructor;
-    showCounter: BooleanConstructor;
-    clearable: BooleanConstructor;
+    block: import("vue").Prop<boolean | undefined>;
+    showCounter: import("vue").Prop<boolean | undefined>;
+    clearable: import("vue").Prop<boolean | undefined>;
     modelValue: {
         readonly type: PropType<string | number | boolean | object | any[] | undefined>;
         readonly default: undefined;
@@ -59,15 +60,17 @@ declare const inputProps: {
         readonly default: string | undefined;
     };
     size: {
-        readonly type: PropType<import("../../composables/useCommon").Size>;
+        readonly type: PropType<Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
 };
 export type InputProps = ExtractPublicPropTypes<typeof inputProps>;
-type InternalClasses = 'wrapper' | 'input' | 'icon';
+type InternalClasses = 'wrapper' | 'input' | 'icon' | 'adornment' | 'adornmentStart' | 'adornmentEnd' | 'adornmentIcon' | 'adornmentSlot';
 type InternalExtraData = {
     errorInternal: any;
+    isInsideInputGroup: boolean;
+    inputGroupPosition: import('../../common/inputGroupRadius').InputGroupPosition | undefined;
 };
 export interface InputTheme extends ThemeComponent<InputProps, InternalClasses, InternalExtraData> {
 }
@@ -93,9 +96,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         default: string;
     };
     step: (StringConstructor | NumberConstructor)[];
-    block: BooleanConstructor;
-    showCounter: BooleanConstructor;
-    clearable: BooleanConstructor;
+    block: import("vue").Prop<boolean | undefined>;
+    showCounter: import("vue").Prop<boolean | undefined>;
+    clearable: import("vue").Prop<boolean | undefined>;
     modelValue: {
         readonly type: PropType<string | number | boolean | object | any[] | undefined>;
         readonly default: undefined;
@@ -130,7 +133,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         readonly default: string | undefined;
     };
     size: {
-        readonly type: PropType<import("../../composables/useCommon").Size>;
+        readonly type: PropType<Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
@@ -162,9 +165,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         default: string;
     };
     step: (StringConstructor | NumberConstructor)[];
-    block: BooleanConstructor;
-    showCounter: BooleanConstructor;
-    clearable: BooleanConstructor;
+    block: import("vue").Prop<boolean | undefined>;
+    showCounter: import("vue").Prop<boolean | undefined>;
+    clearable: import("vue").Prop<boolean | undefined>;
     modelValue: {
         readonly type: PropType<string | number | boolean | object | any[] | undefined>;
         readonly default: undefined;
@@ -199,7 +202,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         readonly default: string | undefined;
     };
     size: {
-        readonly type: PropType<import("../../composables/useCommon").Size>;
+        readonly type: PropType<Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
@@ -209,8 +212,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     disabled: boolean;
     type: string;
     color: string;
-    size: import("../../composables/useCommon").Size;
-    block: boolean;
+    size: Size;
     loading: boolean;
     loadingStatus: import("../loader/Loader.vue").LoaderStatus;
     modelValue: string | number | boolean | object | any[] | undefined;
@@ -220,10 +222,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     hideFooter: boolean;
     rules: unknown[];
     skipFormRegistry: boolean;
-    clearable: boolean;
     showPasswordToggle: boolean;
     dir: "rtl" | "ltr";
-    showCounter: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     prefix?(_: {}): any;
     suffix?(_: {}): any;

package/lib/components/input/Input.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,238 @@
+import { injectInputGroupKey as e } from "../../composables/keys.js";
+import { useResolvedComponentProps as t } from "../../composables/resolveComponentDefaults.js";
+import { useColors as n } from "../../composables/useColors.js";
+import { useTheme as ee } from "../../composables/useTheme.js";
+import { optionalBooleanProp as r } from "../../common/props.js";
+import { useCommon as i } from "../../composables/useCommon.js";
+import a from "../icon/Icon.js";
+import { closeIcon as te, eyeIcon as o, eyeVisibleIcon as s } from "../../common/icons.js";
+import { useInteractive as c } from "../../composables/useInteractive.js";
+import { useInputtable as l } from "../../composables/useInputtable.js";
+import ne from "../inputFooter/InputFooter.js";
+import u from "../label/Label.js";
+import { computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, defineComponent as g, inject as _, mergeProps as re, normalizeClass as v, normalizeStyle as ie, openBlock as y, ref as b, renderSlot as x, toHandlers as ae, unref as S, useAttrs as C, useSlots as w, watch as T, withCtx as E } from "vue";
+//#region src/components/input/Input.vue?vue&type=script&setup=true&lang.ts
+var D = { class: "relative" }, O = [
+	"id",
+	"disabled",
+	"min",
+	"max",
+	"minlength",
+	"maxlength",
+	"step",
+	"dir",
+	"name",
+	"placeholder",
+	"readonly",
+	"type",
+	"value"
+], k = {
+	...i.props(),
+	...n.props("primary"),
+	...c.props(),
+	...l.props(),
+	showPasswordToggle: {
+		type: Boolean,
+		default: !0
+	},
+	dir: {
+		type: String,
+		default: "ltr"
+	},
+	icon: String,
+	iconLeft: String,
+	iconRight: String,
+	max: [Number, String],
+	maxlength: [Number, String],
+	min: [Number, String],
+	minlength: [Number, String],
+	placeholder: String,
+	type: {
+		type: String,
+		default: "text"
+	},
+	step: [Number, String],
+	block: r(),
+	showCounter: r(),
+	clearable: r()
+}, A = /* @__PURE__ */ g({
+	name: "XInput",
+	validators: { ...i.validators() },
+	props: k,
+	emits: l.emits(),
+	setup(n, { expose: r, emit: i }) {
+		let g = n, k = t("Input", g), A = _(e, {
+			registerChild: () => {},
+			unregisterChild: () => {},
+			registerInput: () => {},
+			unregisterInput: () => {},
+			getPosition: () => "only",
+			childOrder: d(() => []),
+			isInsideInputGroup: !1,
+			groupProps: {}
+		}), oe = i, j = C(), se = d(() => Object.keys(j).reduce((e, t) => (t.startsWith("data-") && (e[t] = j[t]), e), {})), M = b(null), N = b(g.type);
+		T(() => g.type, (e) => {
+			N.value = e;
+		});
+		function P(e) {
+			if (!e.target) return;
+			let t = e.target;
+			if (g.type === "number") {
+				let e = Number(t.value);
+				g.min !== void 0 && e < Number(g.min) && (t.value = g.min.toString()), g.max !== void 0 && e > Number(g.max) && (t.value = g.max.toString());
+			}
+		}
+		function F() {
+			N.value = N.value === "password" ? "text" : "password";
+		}
+		let I = d(() => k.value.clearable && g.modelValue !== ""), L = w(), R = d(() => !!L.prefix), z = d(() => !!L.suffix), B = d(() => !!(g.iconLeft || g.icon)), V = d(() => g.type === "password" && k.value.showPasswordToggle && !g.iconRight), H = d(() => {
+			let e = 0;
+			return I.value && e++, (g.iconRight || V.value) && e++, e;
+		}), U = d(() => B.value || R.value), W = d(() => z.value || H.value > 0), G = d(() => {
+			let e = +!!B.value + +!!R.value;
+			return e >= 2 ? "!pl-16" : e === 1 ? "!pl-10" : "";
+		}), K = d(() => {
+			let e = H.value + +!!z.value;
+			return e >= 3 ? "!pr-24" : e === 2 ? "!pr-16" : e === 1 ? "!pr-10" : "";
+		}), { focus: q, blur: ce } = c(M), { errorInternal: J, hideFooterInternal: le, hideLabelInternal: ue, isInsideForm: de, isInsideInputGroup: Y, inputGroupPosition: fe, inputListeners: pe, reset: X, validate: me, setError: he } = l(g, {
+			focus: q,
+			emit: oe
+		}), Z = d(() => A.groupProps?.size ?? k.value.size), Q = d(() => g.disabled || !!A.groupProps?.disabled), ge = d(() => ue.value ? void 0 : g.label), _e = d(() => ({
+			...k.value,
+			size: Z.value,
+			disabled: Q.value
+		})), ve = d(() => {
+			let e = g.modelValue;
+			return e ? String(e).length : 0;
+		}), { styles: ye, classes: $, className: be } = ee("Input", {}, _e, {
+			errorInternal: J,
+			isInsideInputGroup: Y,
+			inputGroupPosition: fe
+		});
+		return r({
+			focus: q,
+			blur: ce,
+			reset: X,
+			validate: me,
+			setError: he
+		}), (e, t) => (y(), f(u, {
+			style: ie(S(ye)),
+			block: S(k).block,
+			disabled: Q.value,
+			required: e.required,
+			"is-inside-form": S(de),
+			"is-inside-input-group": S(Y),
+			label: ge.value,
+			class: v([S(be), S($).wrapper]),
+			tooltip: e.tooltip
+		}, {
+			default: E(() => [h("div", D, [
+				U.value ? (y(), m("div", {
+					key: 0,
+					class: v([S($).adornment, S($).adornmentStart])
+				}, [B.value ? (y(), f(a, {
+					key: 0,
+					size: Z.value,
+					icon: e.iconLeft || e.icon,
+					class: v(S($).adornmentIcon)
+				}, null, 8, [
+					"size",
+					"icon",
+					"class"
+				])) : p("", !0), R.value ? (y(), m("div", {
+					key: 1,
+					class: v(S($).adornmentSlot)
+				}, [x(e.$slots, "prefix")], 2)) : p("", !0)], 2)) : p("", !0),
+				h("input", re({
+					id: e.id,
+					ref_key: "elRef",
+					ref: M,
+					class: [
+						S($).input,
+						S(J) ? "border-error-500 dark:border-error-400 focus:outline-error-500" : "focus:outline-[color:var(--x-input-border)]",
+						G.value,
+						K.value
+					],
+					disabled: Q.value,
+					min: e.min,
+					max: e.max,
+					minlength: e.minlength,
+					maxlength: e.maxlength,
+					step: e.step,
+					dir: e.dir,
+					name: e.name,
+					placeholder: e.placeholder,
+					readonly: e.readonly,
+					type: N.value,
+					value: e.modelValue === void 0 ? "" : e.modelValue
+				}, se.value, ae(S(pe), !0), { onChange: P }), null, 16, O),
+				W.value ? (y(), m("div", {
+					key: 1,
+					class: v([S($).adornment, S($).adornmentEnd])
+				}, [
+					z.value ? (y(), m("div", {
+						key: 0,
+						class: v(S($).adornmentSlot)
+					}, [x(e.$slots, "suffix")], 2)) : p("", !0),
+					I.value ? (y(), f(a, {
+						key: 1,
+						size: Z.value,
+						icon: S(te),
+						class: v([S($).adornmentIcon, "cursor-pointer"]),
+						onClick: t[0] ||= (e) => S(X)()
+					}, null, 8, [
+						"size",
+						"icon",
+						"class"
+					])) : p("", !0),
+					e.iconRight ? (y(), f(a, {
+						key: 2,
+						size: Z.value,
+						icon: e.iconRight,
+						class: v(S($).adornmentIcon)
+					}, null, 8, [
+						"size",
+						"icon",
+						"class"
+					])) : V.value ? (y(), f(a, {
+						key: 3,
+						size: Z.value,
+						icon: N.value === "password" ? S(o) : S(s),
+						class: v([S($).adornmentIcon, "cursor-pointer"]),
+						onClick: t[1] ||= (e) => F()
+					}, null, 8, [
+						"size",
+						"icon",
+						"class"
+					])) : p("", !0)
+				], 2)) : p("", !0)
+			]), S(le) ? p("", !0) : (y(), f(ne, {
+				key: 0,
+				error: S(J),
+				helper: e.helper,
+				"character-count": ve.value,
+				"max-characters": e.maxlength,
+				"show-counter": S(k).showCounter
+			}, null, 8, [
+				"error",
+				"helper",
+				"character-count",
+				"max-characters",
+				"show-counter"
+			]))]),
+			_: 3
+		}, 8, [
+			"style",
+			"block",
+			"disabled",
+			"required",
+			"is-inside-form",
+			"is-inside-input-group",
+			"label",
+			"class",
+			"tooltip"
+		]));
+	}
+});
+//#endregion
+export { A as default };

package/lib/components/input/theme/Input.base.theme.js

@@ -1,17 +1,23 @@
-const o = {
-  classes: {
-    wrapper: "",
-    input: ({ props: r, data: s }) => {
-      const e = ["appearance-none block w-full placeholder-secondary-400 dark:placeholder-secondary-500 outline-transparent outline outline-2 outline-offset-[-1px] transition-all duration-150 ease-in-out border-secondary-300 dark:border-secondary-700 border shadow-sm rounded-md"];
-      return !s.errorInternal && !r.disabled && e.push("hover:border-secondary-400 dark:hover:border-secondary-500"), r.size === "xs" ? e.push("px-2 py-1 text-xs") : r.size === "sm" ? e.push("px-2 py-1.5 text-sm") : r.size === "lg" ? e.push("px-4 py-3 text-lg") : r.size === "xl" ? e.push("px-5 py-4 text-xl") : e.push("px-3 py-2"), e.push(r.disabled ? "bg-secondary-100 dark:bg-secondary-700 text-secondary-400 dark:text-secondary-600 cursor-not-allowed" : "bg-white dark:bg-secondary-800 text-secondary-700 dark:text-secondary-200"), e;
-    },
-    icon: "text-secondary-600 dark:text-secondary-300 absolute my-auto inset-y-0"
-  },
-  styles: ({ colors: r, props: s, css: e }) => {
-    const t = r.getPalette(s.color);
-    return e.get("border", t[400]);
-  }
-}, a = o;
-export {
-  a as default
+import { inputGroupRadiusClasses as e } from "../../../common/inputGroupRadius.js";
+//#region src/components/input/theme/Input.base.theme.ts
+var t = {
+	classes: {
+		wrapper: "",
+		input: ({ props: t, data: n }) => {
+			let r = ["appearance-none block w-full placeholder-secondary-400 dark:placeholder-secondary-500 outline-transparent outline outline-2 outline-offset-[-1px] transition-all duration-150 ease-in-out border-secondary-300 dark:border-secondary-700 border shadow-xs"];
+			return n.isInsideInputGroup ? r.push(...e(n.inputGroupPosition)) : r.push("rounded-md"), !n.errorInternal && !t.disabled && r.push("hover:border-secondary-400 dark:hover:border-secondary-500"), t.size === "xs" ? r.push("px-2 py-1 text-xs") : t.size === "sm" ? r.push("px-2 py-1.5 text-sm") : t.size === "lg" ? r.push("px-4 py-3 text-lg") : t.size === "xl" ? r.push("px-5 py-4 text-xl") : r.push("px-3 py-2"), r.push(t.disabled ? "bg-secondary-100 dark:bg-secondary-700 text-secondary-400 dark:text-secondary-600 cursor-not-allowed" : "bg-white dark:bg-secondary-800 text-secondary-700 dark:text-secondary-200"), r;
+		},
+		icon: "text-secondary-600 dark:text-secondary-300 absolute my-auto inset-y-0",
+		adornment: "absolute inset-y-0 z-10 flex items-center gap-1.5 pointer-events-none",
+		adornmentStart: "left-0 pl-2",
+		adornmentEnd: "right-0 pr-2",
+		adornmentIcon: "shrink-0 text-secondary-600 dark:text-secondary-300 pointer-events-auto",
+		adornmentSlot: "shrink-0 pointer-events-auto text-secondary-600 dark:text-secondary-300 text-sm"
+	},
+	styles: ({ colors: e, props: t, css: n }) => {
+		let r = e.getPalette(t.color);
+		return n.get("border", r[400]);
+	}
 };
+//#endregion
+export { t as default };