@smurfox/proxy-ui 0.1.34 → 0.2.0

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

@@ -0,0 +1,43 @@
+import type { InputRounded, InputVariant } from '../types/index.js';
+type TextAreaResize = 'none' | 'both' | 'horizontal' | 'vertical';
+type __VLS_Props = {
+    modelValue?: string | number;
+    label?: string;
+    labelClass?: string;
+    placeholder?: string;
+    description?: string;
+    rounded?: InputRounded;
+    variant?: InputVariant;
+    required?: boolean;
+    error?: string;
+    disabled?: boolean;
+    rows?: number | string;
+    resize?: TextAreaResize;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    startContent?: (props: typeof __VLS_1) => any;
+} & {
+    endContent?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}>, {
+    rounded: InputRounded;
+    resize: TextAreaResize;
+    variant: InputVariant;
+    disabled: boolean;
+    required: boolean;
+    rows: number | string;
+    labelClass: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/TextArea.vue

@@ -0,0 +1,106 @@
+<template>
+  <div class="flex flex-col gap-1">
+    <div
+      v-if="label"
+      class="flex items-start gap-1"
+    >
+      <label
+        class="dark:text-white"
+        :class="[labelClass]"
+      >{{ label }} </label>
+      <span
+        v-if="props.required"
+        class="text-danger"
+      >*</span>
+    </div>
+    <div class="relative w-full">
+      <div
+        v-if="$slots.startContent"
+        class="absolute left-3 top-3 flex items-center pointer-events-none"
+        :class="props.error ? 'text-danger' : ''"
+      >
+        <slot name="startContent" />
+      </div>
+      <textarea
+        :placeholder="placeholder"
+        :rows="rows"
+        class="w-full p-3 text-sm transition-colors"
+        :class="[
+  $slots.startContent ? 'pl-9' : '',
+  $slots.endContent ? 'pr-9' : '',
+  resizeVariants[props.resize],
+  roundedVariants[props.rounded],
+  props.error ? errorVariants[props.variant] : variants[props.variant],
+  props.disabled ? 'opacity-70' : ''
+]"
+        :value="modelValue"
+        :disabled="props.disabled"
+        @input="
+  emit(
+    'update:modelValue',
+    $event.target.value
+  )
+"
+      />
+      <div
+        v-if="$slots.endContent"
+        class="absolute right-3 top-3 flex items-center"
+      >
+        <slot name="endContent" />
+      </div>
+    </div>
+    <p
+      v-if="description && !props.error"
+      class="text-gray-600 dark:text-white/60 text-xs"
+    >
+      {{ description }}
+    </p>
+    <p
+      v-if="props.error"
+      class="text-danger text-xs mt-1"
+    >
+      {{ props.error }}
+    </p>
+  </div>
+</template>
+
+<script setup>
+const roundedVariants = {
+  "none": "rounded-none",
+  "sm": "rounded-sm",
+  "md": "rounded-md",
+  "lg": "rounded-lg",
+  "xl": "rounded-xl",
+  "2xl": "rounded-2xl",
+  "full": "rounded-full"
+};
+const variants = {
+  default: "border border-gray-200 dark:border-white/10 bg-white dark:bg-white/10 enabled:hover:bg-gray-100 dark:enabled:hover:bg-white/20 dark:text-white focus:bg-white dark:focus:bg-white/10 focus:ring-2 focus:ring-primary focus:outline-none",
+  secondary: "border border-gray-200 dark:border-white/10 bg-[#EBEBEC] dark:bg-white/20 dark:text-white enabled:hover:bg-[#E0E0E1] dark:enabled:hover:bg-white/30 focus:bg-[#EBEBEC] dark:focus:bg-white/20 focus:ring-2 focus:ring-primary focus:outline-none"
+};
+const errorVariants = {
+  default: "border border-danger bg-danger/10 dark:bg-danger/20 text-black dark:text-white enabled:hover:bg-white/20 dark:enabled:hover:bg-white/20 focus:bg-white dark:focus:bg-white/10 focus:ring-2 focus:ring-danger focus:outline-none",
+  secondary: "border border-danger bg-danger/22 dark:bg-danger/10 text-black dark:text-white enabled:hover:bg-[#E0E0E1] dark:enabled:hover:bg-white/30 focus:bg-[#EBEBEC] dark:focus:bg-white/20 focus:ring-2 focus:ring-danger focus:outline-none"
+};
+const resizeVariants = {
+  none: "resize-none",
+  both: "resize",
+  horizontal: "resize-x",
+  vertical: "resize-y"
+};
+const props = defineProps({
+  modelValue: { type: [String, Number], required: false },
+  label: { type: String, required: false },
+  labelClass: { type: String, required: false, default: "text-sm font-semibold" },
+  placeholder: { type: String, required: false },
+  description: { type: String, required: false },
+  rounded: { type: String, required: false, default: "xl" },
+  variant: { type: String, required: false, default: "default" },
+  required: { type: Boolean, required: false, default: false },
+  error: { type: String, required: false },
+  disabled: { type: Boolean, required: false, default: false },
+  rows: { type: [Number, String], required: false, default: 4 },
+  resize: { type: String, required: false, default: "vertical" }
+});
+const emit = defineEmits(["update:modelValue"]);
+</script>

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

@@ -0,0 +1,43 @@
+import type { InputRounded, InputVariant } from '../types/index.js';
+type TextAreaResize = 'none' | 'both' | 'horizontal' | 'vertical';
+type __VLS_Props = {
+    modelValue?: string | number;
+    label?: string;
+    labelClass?: string;
+    placeholder?: string;
+    description?: string;
+    rounded?: InputRounded;
+    variant?: InputVariant;
+    required?: boolean;
+    error?: string;
+    disabled?: boolean;
+    rows?: number | string;
+    resize?: TextAreaResize;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    startContent?: (props: typeof __VLS_1) => any;
+} & {
+    endContent?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}>, {
+    rounded: InputRounded;
+    resize: TextAreaResize;
+    variant: InputVariant;
+    disabled: boolean;
+    required: boolean;
+    rows: number | string;
+    labelClass: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/types/index.d.ts

@@ -1,7 +1,8 @@
-export type ButtonSize = "sm" | "md" | "lg";
-export type ButtonVariant = "default" | "secondary" | "outline" | "ghost" | "flat";
-export type ButtonColor = "default" | "ios" | "primary" | "danger" | "success" | "warning" | "custom";
-export type ButtonRounded = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full";
+export type GlobalRounded = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export type ButtonVariant = 'default' | 'secondary' | 'outline' | 'ghost' | 'flat';
+export type ButtonColor = 'default' | 'ios' | 'primary' | 'danger' | 'success' | 'warning' | 'custom';
+export type ButtonRounded = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
 export interface ButtonProps {
     label?: string;
     size?: ButtonSize;
@@ -16,10 +17,10 @@ export interface ButtonProps {
     endIcon?: string;
     customClass?: string;
 }
-export type ChipSize = "sm" | "md" | "lg";
-export type ChipVariant = "default" | "secondary" | "outline" | "flat";
-export type ChipColor = "default" | "ios" | "primary" | "danger" | "success" | "warning" | "custom";
-export type ChipRounded = "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "full";
+export type ChipSize = 'sm' | 'md' | 'lg';
+export type ChipVariant = 'default' | 'secondary' | 'outline' | 'flat';
+export type ChipColor = 'default' | 'ios' | 'primary' | 'danger' | 'success' | 'warning' | 'custom';
+export type ChipRounded = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
 export interface ChipProps {
     label?: string;
     size?: ChipSize;
@@ -30,16 +31,16 @@ export interface ChipProps {
     endIcon?: string;
     customClass?: string;
 }
-export type CardVariant = "default" | "liquidGlass";
+export type CardVariant = 'default' | 'liquidGlass';
 export interface CardProps {
     variant?: CardVariant;
     customClass?: string;
     isBordered?: boolean;
 }
-export type AvatarSize = "sm" | "md" | "lg" | "full";
-export type AvatarRounded = "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "full";
-export type InputVariant = "default" | "secondary";
-export type InputRounded = "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "full";
+export type AvatarSize = 'sm' | 'md' | 'lg' | 'full';
+export type AvatarRounded = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
+export type InputVariant = 'default' | 'secondary';
+export type InputRounded = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
 export interface InputProps {
     type?: string;
     label?: string;
@@ -52,7 +53,7 @@ export interface InputProps {
     error?: string;
     disabled?: boolean;
 }
-export type TabsRounded = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full";
+export type TabsRounded = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
 export interface TabItem {
     label: string;
     value: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smurfox/proxy-ui",
-  "version": "0.1.34",
+  "version": "0.2.0",
   "description": "A UI component library built for Nuxt 4",
   "repository": {
     "type": "git",