urkit-ui 0.1.5

package/dist/runtime/components/Button.d.vue.ts

@@ -0,0 +1,87 @@
+import type { RouteLocationRaw } from 'vue-router';
+/**
+ * Button variant types
+ */
+type ButtonVariant = 'primary' | 'error' | 'success' | 'neutral';
+/**
+ * Button size types
+ */
+type ButtonSize = 'sm' | 'md' | 'lg' | 'xlg';
+/**
+ * Icon position types
+ */
+type IconPosition = 'left' | 'right';
+/**
+ * Icon collection types
+ */
+type IconCollection = 'custom' | 'currencies' | 'icons';
+/**
+ * Button mode types
+ */
+type ButtonMode = 'filled' | 'stroke' | 'lighter' | 'ghost';
+/**
+ * Button radius types
+ */
+type ButtonRadiusType = 'none' | 'soft' | 'medium' | 'pill';
+/**
+ * Button component props interface
+ */
+interface ButtonProps {
+    /** Button style variant */
+    variant?: ButtonVariant;
+    /** Navigation target (for NuxtLink) */
+    to?: string | RouteLocationRaw;
+    /** Button size */
+    size?: ButtonSize;
+    /** Icon name */
+    icon?: string;
+    /** Icon position relative to label */
+    iconPosition?: IconPosition;
+    /** Icon collection namespace */
+    iconCollection?: IconCollection;
+    /** Button label text */
+    label?: string;
+    /** Loading state label */
+    loadingLabel?: string;
+    /** Whether button has rounded corners */
+    rounded?: boolean;
+    /** Whether button is in loading state */
+    loading?: boolean;
+    /** External link href (renders as anchor) */
+    href?: string | null;
+    /** Whether button is disabled */
+    disabled?: boolean;
+    /** Button type attribute */
+    type?: 'button' | 'submit' | 'reset';
+    /** Button mode */
+    mode?: ButtonMode;
+    /** Radius type with size-aware values */
+    radiusType?: ButtonRadiusType;
+}
+declare var __VLS_19: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    size: ButtonSize;
+    type: "button" | "submit" | "reset";
+    variant: ButtonVariant;
+    iconPosition: IconPosition;
+    iconCollection: IconCollection;
+    rounded: boolean;
+    loading: boolean;
+    disabled: boolean;
+    mode: ButtonMode;
+    radiusType: ButtonRadiusType;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/Button.vue

@@ -0,0 +1,147 @@
+<template>
+  <component
+    :is="componentTag"
+    :href="isLink ? href : void 0"
+    :to="isNuxtLink ? to : void 0"
+    :disabled="isDisabled"
+    :type="buttonType"
+    :class="buttonClasses"
+    :aria-label="ariaLabel"
+    :aria-disabled="isDisabled"
+    :aria-busy="loading"
+    @click="handleClick"
+  >
+    <!-- Loading State -->
+    <span v-if="loading && !loadingLabel" class="form-button__loading" aria-hidden="true">
+      <Icon name="icons:loader-icon" size="20" class="form-button__loading-icon" alt="" />
+    </span>
+
+    <!-- Left Icon -->
+    <span
+      v-if="icon && iconPosition === 'left' && !loading"
+      class="form-button__icon form-button__icon--left"
+      aria-hidden="true"
+    >
+      <Icon :name="iconName" size="20" alt="" />
+    </span>
+
+    <!-- Loading with Label -->
+    <div v-if="loading && loadingLabel" class="form-button__loading-wrapper">
+      <span class="form-button__loading" aria-hidden="true">
+        <Icon name="icons:loader-icon" size="16" class="form-button__loading-icon" alt="" />
+      </span>
+      <span class="form-button__label">{{ loadingLabel }}</span>
+    </div>
+
+    <!-- Button Label -->
+    <span v-if="label && !loading" class="form-button__label">
+      {{ label }}
+    </span>
+
+    <!-- Default Slot -->
+    <slot v-if="!label && !loading" />
+
+    <!-- Right Icon -->
+    <span
+      v-if="icon && iconPosition === 'right' && !loading"
+      class="form-button__icon form-button__icon--right"
+      aria-hidden="true"
+    >
+      <Icon :name="iconName" size="20" alt="" />
+    </span>
+  </component>
+</template>
+
+<script setup>
+import { computed, useAttrs } from "vue";
+import Icon from "./Icon.vue";
+const props = defineProps({
+  variant: { type: String, required: false, default: "primary" },
+  to: { type: null, required: false },
+  size: { type: String, required: false, default: "md" },
+  icon: { type: String, required: false },
+  iconPosition: { type: String, required: false, default: "left" },
+  iconCollection: { type: String, required: false, default: "icons" },
+  label: { type: String, required: false },
+  loadingLabel: { type: String, required: false },
+  rounded: { type: Boolean, required: false, default: false },
+  loading: { type: Boolean, required: false, default: false },
+  href: { type: [String, null], required: false },
+  disabled: { type: Boolean, required: false, default: false },
+  type: { type: String, required: false, default: "button" },
+  mode: { type: String, required: false, default: "filled" },
+  radiusType: { type: String, required: false, default: "soft" }
+});
+const emit = defineEmits(["click"]);
+const attrs = useAttrs();
+const componentTag = computed(() => {
+  if (props.href) return "a";
+  if (props.to) return "NuxtLink";
+  return "button";
+});
+const isLink = computed(() => {
+  return Boolean(props.href);
+});
+const isNuxtLink = computed(() => {
+  return Boolean(props.to);
+});
+const isDisabled = computed(() => {
+  return props.disabled || props.loading;
+});
+const buttonType = computed(() => {
+  return componentTag.value === "button" ? props.type : void 0;
+});
+const iconName = computed(() => {
+  if (!props.icon) return "";
+  return `${props.iconCollection}:${props.icon}`;
+});
+const ariaLabel = computed(() => {
+  if (props.loading && props.loadingLabel) {
+    return `Loading: ${props.loadingLabel}`;
+  }
+  if (props.loading) {
+    return "Loading";
+  }
+  return props.label || "";
+});
+const buttonClasses = computed(() => {
+  const classes = [
+    "form-button",
+    `form-button--${props.variant}`,
+    `form-button--${props.size}`,
+    `form-button--mode-${props.mode}`
+  ];
+  if (props.radiusType) {
+    classes.push(`form-button--radius-${props.radiusType}`);
+  }
+  if (props.loading) {
+    classes.push("form-button--loading");
+  }
+  if (props.disabled) {
+    classes.push("form-button--disabled");
+  }
+  if (props.rounded) {
+    classes.push("form-button--rounded");
+  }
+  if (isLink.value) {
+    classes.push("form-button--link");
+  }
+  if (attrs.class) {
+    if (Array.isArray(attrs.class)) {
+      classes.push(...attrs.class);
+    } else {
+      classes.push(attrs.class);
+    }
+  }
+  return classes;
+});
+const handleClick = (event) => {
+  if (!isDisabled.value) {
+    emit("click", event);
+  }
+};
+</script>
+
+<style scoped>
+.form-button{align-items:center;background:none;border:none;border-radius:var(--border-radius-2,8px);cursor:pointer;display:inline-flex;font-family:InterFull,sans-serif;font-size:14px;font-weight:500;gap:8px;justify-content:center;outline:none;padding:0 16px;text-decoration:none;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.form-button:focus-visible{outline:1px solid var(--primary-500)}.form-button__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-button__icon,.form-button__loading{align-items:center;display:flex;flex-shrink:0;justify-content:center}.form-button__loading-wrapper{align-items:center;display:flex;gap:6px}.form-button__loading-icon{animation:buttonSpinner 1s linear infinite}@keyframes buttonSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.form-button--sm{font-size:12px;gap:6px;height:32px;padding:0 12px}.form-button--md{font-size:13px;gap:6px;height:36px;padding:0 14px}.form-button--lg{font-size:14px;gap:8px;height:40px;padding:0 16px}.form-button--xlg{font-size:15px;gap:8px;height:44px;padding:0 18px}.form-button--primary.form-button--mode-filled{background:var(--primary-600);border:none;color:var(--white)}.form-button--primary.form-button--mode-filled:hover:not(:disabled){background:var(--primary-700)}.form-button--primary.form-button--mode-filled:active:not(:disabled){background:var(--primary-800)}.form-button--primary.form-button--mode-stroke{background:transparent;border:1px solid var(--primary-600);color:var(--primary-600)}.form-button--primary.form-button--mode-stroke:hover:not(:disabled){background:var(--primary-50)}.form-button--primary.form-button--mode-stroke:active:not(:disabled){background:var(--primary-100)}.form-button--primary.form-button--mode-lighter{background:var(--primary-50);border:none;color:var(--primary-600)}.form-button--primary.form-button--mode-ghost{background:none;border:none;color:var(--primary-600)}.form-button--primary.form-button--mode-ghost:hover:not(:disabled){background:var(--primary-50)}.form-button--primary.form-button--mode-ghost:active:not(:disabled){background:var(--primary-100)}.form-button--error.form-button--mode-filled{background:var(--error);border:none;color:var(--white)}.form-button--error.form-button--mode-filled:hover:not(:disabled){background:var(--error-dark)}.form-button--error.form-button--mode-filled:active:not(:disabled){background:var(--error-contrast)}.form-button--error.form-button--mode-stroke{background:transparent;border:1px solid var(--error);color:var(--error)}.form-button--error.form-button--mode-stroke:hover:not(:disabled){background:var(--error-light);border-color:var(--error-dark);color:var(--error-dark)}.form-button--error.form-button--mode-stroke:active:not(:disabled){background:var(--error-light);border-color:var(--error-contrast);color:var(--error-contrast)}.form-button--error.form-button--mode-lighter{background:var(--error-light);border:none;color:var(--error)}.form-button--error.form-button--mode-lighter:hover:not(:disabled){background:#ffd6d6;color:var(--error-dark)}.form-button--error.form-button--mode-lighter:active:not(:disabled){background:#ffebeb;color:var(--error-contrast)}.form-button--error.form-button--mode-ghost{background:none;border:none;color:var(--error)}.form-button--error.form-button--mode-ghost:hover:not(:disabled){background:var(--error-light);color:var(--error-dark)}.form-button--error.form-button--mode-ghost:active:not(:disabled){background:#ffebeb;color:var(--error-contrast)}.form-button--success.form-button--mode-filled{background:var(--success);border:none;color:var(--white)}.form-button--success.form-button--mode-filled:hover:not(:disabled){background:var(--success-dark)}.form-button--success.form-button--mode-filled:active:not(:disabled){background:var(--success-contrast)}.form-button--success.form-button--mode-stroke{background:transparent;border:1px solid var(--success);color:var(--success)}.form-button--success.form-button--mode-stroke:hover:not(:disabled){background:var(--success-light);border-color:var(--success-dark);color:var(--success-dark)}.form-button--success.form-button--mode-stroke:active:not(:disabled){background:var(--success-light);border-color:var(--success-contrast);color:var(--success-contrast)}.form-button--success.form-button--mode-lighter{background:var(--success-light);border:none;color:var(--success)}.form-button--success.form-button--mode-lighter:hover:not(:disabled){background:#d2fbe7;color:var(--success-dark)}.form-button--success.form-button--mode-lighter:active:not(:disabled){background:#eafcf3;color:var(--success-contrast)}.form-button--success.form-button--mode-ghost{background:none;border:none;color:var(--success)}.form-button--success.form-button--mode-ghost:hover:not(:disabled){background:var(--success-light);color:var(--success-dark)}.form-button--success.form-button--mode-ghost:active:not(:disabled){background:#eafcf3;color:var(--success-contrast)}.form-button--white.form-button--mode-filled{background:var(--white);border:1px solid var(--neutral-4);color:var(--neutral-12)}.form-button--white.form-button--mode-filled:hover:not(:disabled){background:var(--neutral-2)}.form-button--white.form-button--mode-filled:active:not(:disabled){background:var(--neutral-3)}.form-button--white.form-button--mode-stroke{background:transparent;border:1px solid var(--neutral-4);color:var(--neutral-12)}.form-button--white.form-button--mode-stroke:hover:not(:disabled){background:var(--neutral-1);border-color:var(--neutral-6);color:var(--neutral-12)}.form-button--white.form-button--mode-stroke:active:not(:disabled){background:var(--neutral-2);border-color:var(--neutral-7);color:var(--neutral-12)}.form-button--white.form-button--mode-lighter{background:var(--neutral-3);border:none;color:var(--neutral-12)}.form-button--white.form-button--mode-lighter:hover:not(:disabled){background:var(--neutral-2);color:var(--neutral-12)}.form-button--white.form-button--mode-lighter:active:not(:disabled){background:var(--neutral-1);color:var(--neutral-12)}.form-button--white.form-button--mode-ghost{background:none;border:none;color:var(--neutral-12)}.form-button--white.form-button--mode-ghost:hover:not(:disabled){background:var(--neutral-2);color:var(--neutral-12)}.form-button--white.form-button--mode-ghost:active:not(:disabled){background:var(--neutral-3);color:var(--neutral-12)}.form-button--neutral.form-button--mode-stroke:hover:not(:disabled){border-color:var(--neutral-6)}.form-button--loading{cursor:not-allowed;pointer-events:none}.form-button--disabled,.form-button:disabled{background-color:var(--neutral-9)!important;border-color:var(--neutral-10)!important;box-shadow:none!important;color:var(--neutral-6)!important;cursor:not-allowed!important;pointer-events:none!important;transform:none!important}.form-button--rounded{border-radius:9999px}.form-button--link{display:inline-flex}@media screen and (max-width:768px){.form-button{min-height:44px}.form-button--sm{height:36px}.form-button--md{height:40px}}.form-button--mode-stroke{background:transparent;border:1px solid var(--primary-600);color:var(--primary-600)}.form-button--mode-lighter{background:var(--primary-100);border:none;color:var(--primary-600)}.form-button--mode-ghost{background:none;border:none;box-shadow:none;color:var(--primary-600)}.form-button--primary.form-button--mode-stroke:hover:not(:disabled){background:rgba(44,98,255,.06);border-color:var(--primary-700);color:var(--primary-700)}.form-button--primary.form-button--mode-stroke:active:not(:disabled){background:rgba(44,98,255,.12);border-color:var(--primary-800);color:var(--primary-800)}.form-button--primary.form-button--mode-lighter:hover:not(:disabled){background:var(--primary-200);color:var(--primary-700)}.form-button--primary.form-button--mode-lighter:active:not(:disabled){background:var(--primary-300);color:var(--primary-800)}.form-button--primary.form-button--mode-ghost:hover:not(:disabled){background:rgba(44,98,255,.06);color:var(--primary-700)}.form-button--primary.form-button--mode-ghost:active:not(:disabled){background:rgba(44,98,255,.12);color:var(--primary-800)}.form-button--neutral.form-button--mode-filled{background:var(--neutral-12);border:none;color:var(--white)}.form-button--neutral.form-button--mode-filled:hover:not(:disabled){background:var(--neutral-11)}.form-button--neutral.form-button--mode-filled:active:not(:disabled){background:var(--neutral-10)}.form-button--neutral.form-button--mode-stroke{background:transparent;border:1px solid var(--neutral-4);color:var(--neutral-12)}.form-button--neutral.form-button--mode-stroke:hover:not(:disabled){background:var(--neutral-3);border-color:var(--neutral-4);color:var(--neutral-12)}.form-button--neutral.form-button--mode-stroke:active:not(:disabled){background:var(--neutral-4);border-color:var(--neutral-7);color:var(--neutral-12)}.form-button--neutral.form-button--mode-lighter{background:var(--neutral-3);border:none;color:var(--neutral-12)}.form-button--neutral.form-button--mode-lighter:hover:not(:disabled){background:var(--neutral-2);color:var(--neutral-12)}.form-button--neutral.form-button--mode-lighter:active:not(:disabled){background:var(--neutral-1);color:var(--neutral-12)}.form-button--neutral.form-button--mode-ghost{background:none;border:none;color:var(--neutral-12)}.form-button--neutral.form-button--mode-ghost:hover:not(:disabled){background:var(--neutral-2);color:var(--neutral-12)}.form-button--neutral.form-button--mode-ghost:active:not(:disabled){background:var(--neutral-3);color:var(--neutral-12)}.form-button--radius-none{border-radius:0}.form-button--radius-soft.form-button--md,.form-button--radius-soft.form-button--sm{border-radius:6px}.form-button--radius-medium.form-button--md,.form-button--radius-medium.form-button--sm,.form-button--radius-soft.form-button--lg,.form-button--radius-soft.form-button--xlg{border-radius:8px}.form-button--radius-medium.form-button--lg,.form-button--radius-medium.form-button--xlg{border-radius:10px}.form-button--radius-pill{border-radius:999px}
+</style>

package/dist/runtime/components/Button.vue.d.ts

@@ -0,0 +1,87 @@
+import type { RouteLocationRaw } from 'vue-router';
+/**
+ * Button variant types
+ */
+type ButtonVariant = 'primary' | 'error' | 'success' | 'neutral';
+/**
+ * Button size types
+ */
+type ButtonSize = 'sm' | 'md' | 'lg' | 'xlg';
+/**
+ * Icon position types
+ */
+type IconPosition = 'left' | 'right';
+/**
+ * Icon collection types
+ */
+type IconCollection = 'custom' | 'currencies' | 'icons';
+/**
+ * Button mode types
+ */
+type ButtonMode = 'filled' | 'stroke' | 'lighter' | 'ghost';
+/**
+ * Button radius types
+ */
+type ButtonRadiusType = 'none' | 'soft' | 'medium' | 'pill';
+/**
+ * Button component props interface
+ */
+interface ButtonProps {
+    /** Button style variant */
+    variant?: ButtonVariant;
+    /** Navigation target (for NuxtLink) */
+    to?: string | RouteLocationRaw;
+    /** Button size */
+    size?: ButtonSize;
+    /** Icon name */
+    icon?: string;
+    /** Icon position relative to label */
+    iconPosition?: IconPosition;
+    /** Icon collection namespace */
+    iconCollection?: IconCollection;
+    /** Button label text */
+    label?: string;
+    /** Loading state label */
+    loadingLabel?: string;
+    /** Whether button has rounded corners */
+    rounded?: boolean;
+    /** Whether button is in loading state */
+    loading?: boolean;
+    /** External link href (renders as anchor) */
+    href?: string | null;
+    /** Whether button is disabled */
+    disabled?: boolean;
+    /** Button type attribute */
+    type?: 'button' | 'submit' | 'reset';
+    /** Button mode */
+    mode?: ButtonMode;
+    /** Radius type with size-aware values */
+    radiusType?: ButtonRadiusType;
+}
+declare var __VLS_19: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    size: ButtonSize;
+    type: "button" | "submit" | "reset";
+    variant: ButtonVariant;
+    iconPosition: IconPosition;
+    iconCollection: IconCollection;
+    rounded: boolean;
+    loading: boolean;
+    disabled: boolean;
+    mode: ButtonMode;
+    radiusType: ButtonRadiusType;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/Icon.d.vue.ts

@@ -0,0 +1,9 @@
+interface Props {
+    name: string;
+    size?: string | number;
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/Icon.vue

@@ -0,0 +1,71 @@
+<template>
+  <ClientOnly>
+    <!-- SVG Mode: Renders the full SVG with size override -->
+    <div v-if="iconContent" :class="iconClass" v-html="processedSvgContent" />
+
+    <!-- Empty placeholder when no icon content -->
+    <span v-else :style="{ width: iconStyle.width, height: iconStyle.height, display: 'inline-block' }"></span>
+
+    <template #fallback>
+      <!-- SSR placeholder - matches client placeholder exactly -->
+      <span :style="{ width: iconStyle.width, height: iconStyle.height, display: 'inline-block' }"></span>
+    </template>
+  </ClientOnly>
+</template>
+
+<script setup>
+import { computed, ref, onMounted, watch } from "vue";
+import { useIcon } from "../composables/useIcon";
+const props = defineProps({
+  name: { type: String, required: true },
+  size: { type: [String, Number], required: false, default: 24 },
+  class: { type: String, required: false }
+});
+const { loadIcon, getFallbackIcon, getViewBox } = useIcon();
+const iconContent = ref("");
+onMounted(async () => {
+  await loadIconContent();
+});
+watch(
+  () => props.name,
+  async () => {
+    await loadIconContent();
+  }
+);
+const loadIconContent = async () => {
+  try {
+    iconContent.value = await loadIcon(props.name);
+  } catch (error) {
+    console.warn("Failed to load icon:", error);
+    iconContent.value = getFallbackIcon();
+  }
+};
+const iconClass = computed(() => {
+  const classes = ["icon"];
+  if (props.class) {
+    classes.push(props.class);
+  }
+  return classes.join(" ");
+});
+const iconStyle = computed(() => {
+  const size = typeof props.size === "number" ? `${props.size}px` : typeof props.size === "string" && !props.size.includes("px") ? `${props.size}px` : props.size;
+  return {
+    width: size,
+    height: size,
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center"
+  };
+});
+const processedSvgContent = computed(() => {
+  if (!iconContent.value) return "";
+  const size = typeof props.size === "number" ? `${props.size}px` : typeof props.size === "string" && !props.size.includes("px") ? `${props.size}px` : props.size;
+  const [namespace, iconName] = props.name.split(":");
+  const viewBox = getViewBox(namespace, iconName);
+  return `<svg width="${size}" height="${size}" viewBox="${viewBox}" fill="none" xmlns="http://www.w3.org/2000/svg">${iconContent.value}</svg>`;
+});
+</script>
+
+<style scoped>
+.icon{color:inherit;display:inline-block;line-height:0}.icon :deep(svg){display:block}
+</style>

package/dist/runtime/components/Icon.vue.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    name: string;
+    size?: string | number;
+    class?: string;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/Input.d.vue.ts

@@ -0,0 +1,129 @@
+/**
+ * Input size types
+ */
+type InputSize = 'sm' | 'md' | 'lg';
+/**
+ * Icon position types
+ */
+type IconPosition = 'left' | 'right';
+/**
+ * Affix position types
+ */
+type AffixPosition = 'left' | 'right';
+/**
+ * Button variant types
+ */
+type ButtonVariant = 'primary' | 'error' | 'success' | 'neutral';
+/**
+ * Button size types
+ */
+type ButtonSize = 'sm' | 'md' | 'lg' | 'xlg';
+/**
+ * Select option interface
+ */
+interface SelectOption {
+    value: string | number;
+    label: string;
+    icon?: string;
+    flag?: string;
+}
+/**
+ * Input component props interface
+ */
+interface InputProps {
+    /** Input value (v-model) */
+    modelValue?: string | number;
+    /** Input type */
+    type?: string;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Input label */
+    label?: string;
+    /** Input size */
+    size?: InputSize;
+    /** Icon name */
+    icon?: string;
+    /** Icon position */
+    iconPosition?: IconPosition;
+    /** External affix text */
+    affix?: string;
+    /** Affix position */
+    affixPosition?: AffixPosition;
+    /** Inline affix text (inside input) */
+    inlineAffix?: string;
+    /** Inline affix position */
+    inlineAffixPosition?: AffixPosition;
+    /** Whether input is password type */
+    password?: boolean;
+    /** Whether input is disabled */
+    disabled?: boolean;
+    /** Whether input is readonly */
+    readonly?: boolean;
+    /** Whether input is required */
+    required?: boolean;
+    /** Error messages */
+    errors?: string | string[];
+    /** Hint text */
+    hint?: string;
+    /** Whether to show button */
+    withButton?: boolean;
+    /** Button label */
+    buttonLabel?: string;
+    /** Button variant */
+    buttonVariant?: ButtonVariant;
+    /** Button size */
+    buttonSize?: ButtonSize;
+    /** Button disabled state */
+    buttonDisabled?: boolean;
+    /** Button loading state */
+    buttonLoading?: boolean;
+    /** Show password requirements validation */
+    showPasswordRequirements?: boolean;
+    /** Whether to show select dropdown */
+    withSelect?: boolean;
+    /** Select options */
+    selectOptions?: SelectOption[];
+    /** Selected option value */
+    selectedOption?: string | number;
+    /** Select placeholder */
+    selectPlaceholder?: string;
+    /** Radius type with standard values */
+    radiusType?: 'none' | 'soft' | 'medium' | 'pill';
+}
+declare const _default: import("vue").DefineComponent<InputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => any;
+    focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
+    keydown: (event: KeyboardEvent) => any;
+    "button-click": (event: MouseEvent) => any;
+    "update:selectedOption": (value: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<InputProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+    "onButton-click"?: ((event: MouseEvent) => any) | undefined;
+    "onUpdate:selectedOption"?: ((value: string | number) => any) | undefined;
+}>, {
+    size: InputSize;
+    type: string;
+    required: boolean;
+    iconPosition: IconPosition;
+    disabled: boolean;
+    radiusType: "none" | "soft" | "medium" | "pill";
+    placeholder: string;
+    affixPosition: AffixPosition;
+    inlineAffixPosition: AffixPosition;
+    password: boolean;
+    readonly: boolean;
+    errors: string | string[];
+    buttonVariant: ButtonVariant;
+    buttonSize: ButtonSize;
+    buttonDisabled: boolean;
+    buttonLoading: boolean;
+    showPasswordRequirements: boolean;
+    withSelect: boolean;
+    selectOptions: SelectOption[];
+    selectPlaceholder: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;