@smurfox/proxy-ui 0.1.35 → 0.2.1

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

@@ -0,0 +1,98 @@
+declare const roundedClasses: {
+    readonly none: "rounded-none";
+    readonly xs: "rounded-xs";
+    readonly sm: "rounded-sm";
+    readonly md: "rounded-md";
+    readonly lg: "rounded-lg";
+    readonly xl: "rounded-xl";
+    readonly '2xl': "rounded-2xl";
+    readonly '3xl': "rounded-3xl";
+    readonly full: "rounded-full";
+};
+declare const sizes: {
+    readonly sm: "py-2";
+    readonly md: "py-4";
+    readonly lg: "py-6";
+};
+type __VLS_Props = {
+    items?: Array<{
+        id: string | number;
+        [key: string]: unknown;
+    }>;
+    columns?: {
+        name: string;
+        id: string;
+        width?: string;
+    }[];
+    rounded?: keyof typeof roundedClasses;
+    isBordered?: boolean;
+    isSelectable?: boolean;
+    headerColor?: string;
+    bodyColor?: string;
+    itemsSize?: keyof typeof sizes;
+};
+declare var __VLS_10: `cell-${string}`, __VLS_11: {
+    item: {
+        [key: string]: unknown;
+        id: string | number;
+    };
+    value: unknown;
+}, __VLS_21: {
+    item: {
+        [key: string]: unknown;
+        id: string | number;
+    };
+    columns: {
+        name: string;
+        id: string;
+        width?: string;
+    }[];
+}, __VLS_24: `cell-${string}`, __VLS_25: {
+    item: {
+        [key: string]: unknown;
+        id: string | number;
+    };
+    value: unknown;
+};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
+} & {
+    [K in NonNullable<typeof __VLS_24>]?: (props: typeof __VLS_25) => any;
+} & {
+    'mobile-card'?: (props: typeof __VLS_21) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "row-click": (item: {
+        [key: string]: unknown;
+        id: string | number;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onRow-click"?: ((item: {
+        [key: string]: unknown;
+        id: string | number;
+    }) => any) | undefined;
+}>, {
+    rounded: keyof typeof roundedClasses;
+    columns: {
+        name: string;
+        id: string;
+        width?: string;
+    }[];
+    isBordered: boolean;
+    items: Array<{
+        id: string | number;
+        [key: string]: unknown;
+    }>;
+    isSelectable: boolean;
+    headerColor: string;
+    bodyColor: string;
+    itemsSize: keyof typeof sizes;
+}, {}, {}, {}, 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/Tabs.d.vue.ts

@@ -1,10 +1,10 @@
-import type { TabsRounded, TabsProps } from "../types/index.js";
+import type { TabsProps } from '../types/index.js';
 declare const __VLS_export: import("vue").DefineComponent<TabsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<TabsProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-    rounded: TabsRounded;
+    rounded: import("../types/index.js").TabsRounded;
     iconSize: number;
     modelValue: string;
     bgColor: string;

package/dist/runtime/components/Tabs.vue

@@ -42,16 +42,16 @@
 <script setup>
 import { motion } from "motion-v";
 const roundedClasses = {
-  none: "rounded-none",
-  xs: "rounded-xs",
-  sm: "rounded-sm",
-  md: "rounded-md",
-  lg: "rounded-lg",
-  xl: "rounded-xl",
+  "none": "rounded-none",
+  "xs": "rounded-xs",
+  "sm": "rounded-sm",
+  "md": "rounded-md",
+  "lg": "rounded-lg",
+  "xl": "rounded-xl",
   "2xl": "rounded-2xl",
-  full: "rounded-full"
+  "full": "rounded-full"
 };
-const props = defineProps({
+defineProps({
   modelValue: { type: String, required: true, default: "" },
   tabs: { type: Array, required: true },
   iconSize: { type: Number, required: false, default: 15 },

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

@@ -1,10 +1,10 @@
-import type { TabsRounded, TabsProps } from "../types/index.js";
+import type { TabsProps } from '../types/index.js';
 declare const __VLS_export: import("vue").DefineComponent<TabsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<TabsProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-    rounded: TabsRounded;
+    rounded: import("../types/index.js").TabsRounded;
     iconSize: number;
     modelValue: string;
     bgColor: string;

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

@@ -29,9 +29,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     resize: TextAreaResize;
     variant: InputVariant;
     disabled: boolean;
-    labelClass: string;
     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;

package/dist/runtime/components/TextArea.vue

@@ -1,30 +1,30 @@
 <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"
+  <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' : '',
@@ -32,36 +32,36 @@
   roundedVariants[props.rounded],
   props.error ? errorVariants[props.variant] : variants[props.variant],
   props.disabled ? 'opacity-70' : ''
-]"
-        :value="modelValue"
-        :disabled="props.disabled"
+]"
+        :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>
+"
+      />
+      <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>

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

@@ -29,9 +29,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     resize: TextAreaResize;
     variant: InputVariant;
     disabled: boolean;
-    labelClass: string;
     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;

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.35",
+  "version": "0.2.1",
   "description": "A UI component library built for Nuxt 4",
   "repository": {
     "type": "git",