sv5ui 1.1.2 → 1.2.0

package/dist/User/user.variants.d.ts

@@ -2,38 +2,50 @@ import { type VariantProps } from 'tailwind-variants';
 export declare const userVariants: import("tailwind-variants").TVReturnType<{
     size: {
         '3xs': {
+            root: string;
+            wrapper: string;
             name: string;
             description: string;
         };
         '2xs': {
+            root: string;
+            wrapper: string;
             name: string;
             description: string;
         };
         xs: {
+            root: string;
+            wrapper: string;
             name: string;
             description: string;
         };
         sm: {
+            root: string;
             name: string;
             description: string;
         };
         md: {
+            root: string;
             name: string;
             description: string;
         };
         lg: {
+            root: string;
             name: string;
             description: string;
         };
         xl: {
+            root: string;
             name: string;
             description: string;
         };
         '2xl': {
+            root: string;
             name: string;
             description: string;
         };
         '3xl': {
+            root: string;
             name: string;
             description: string;
         };
@@ -62,38 +74,50 @@ export declare const userVariants: import("tailwind-variants").TVReturnType<{
 }, undefined, {
     size: {
         '3xs': {
+            root: string;
+            wrapper: string;
             name: string;
             description: string;
         };
         '2xs': {
+            root: string;
+            wrapper: string;
             name: string;
             description: string;
         };
         xs: {
+            root: string;
+            wrapper: string;
             name: string;
             description: string;
         };
         sm: {
+            root: string;
             name: string;
             description: string;
         };
         md: {
+            root: string;
             name: string;
             description: string;
         };
         lg: {
+            root: string;
             name: string;
             description: string;
         };
         xl: {
+            root: string;
             name: string;
             description: string;
         };
         '2xl': {
+            root: string;
             name: string;
             description: string;
         };
         '3xl': {
+            root: string;
             name: string;
             description: string;
         };
@@ -122,38 +146,50 @@ export declare const userVariants: import("tailwind-variants").TVReturnType<{
 }, import("tailwind-variants").TVReturnType<{
     size: {
         '3xs': {
+            root: string;
+            wrapper: string;
             name: string;
             description: string;
         };
         '2xs': {
+            root: string;
+            wrapper: string;
             name: string;
             description: string;
         };
         xs: {
+            root: string;
+            wrapper: string;
             name: string;
             description: string;
         };
         sm: {
+            root: string;
             name: string;
             description: string;
         };
         md: {
+            root: string;
             name: string;
             description: string;
         };
         lg: {
+            root: string;
             name: string;
             description: string;
         };
         xl: {
+            root: string;
             name: string;
             description: string;
         };
         '2xl': {
+            root: string;
             name: string;
             description: string;
         };
         '3xl': {
+            root: string;
             name: string;
             description: string;
         };
@@ -186,38 +222,50 @@ export declare const userDefaults: {
     defaultVariants: import("tailwind-variants").TVDefaultVariants<{
         size: {
             '3xs': {
+                root: string;
+                wrapper: string;
                 name: string;
                 description: string;
             };
             '2xs': {
+                root: string;
+                wrapper: string;
                 name: string;
                 description: string;
             };
             xs: {
+                root: string;
+                wrapper: string;
                 name: string;
                 description: string;
             };
             sm: {
+                root: string;
                 name: string;
                 description: string;
             };
             md: {
+                root: string;
                 name: string;
                 description: string;
             };
             lg: {
+                root: string;
                 name: string;
                 description: string;
             };
             xl: {
+                root: string;
                 name: string;
                 description: string;
             };
             '2xl': {
+                root: string;
                 name: string;
                 description: string;
             };
             '3xl': {
+                root: string;
                 name: string;
                 description: string;
             };
@@ -246,38 +294,50 @@ export declare const userDefaults: {
     }, {
         size: {
             '3xs': {
+                root: string;
+                wrapper: string;
                 name: string;
                 description: string;
             };
             '2xs': {
+                root: string;
+                wrapper: string;
                 name: string;
                 description: string;
             };
             xs: {
+                root: string;
+                wrapper: string;
                 name: string;
                 description: string;
             };
             sm: {
+                root: string;
                 name: string;
                 description: string;
             };
             md: {
+                root: string;
                 name: string;
                 description: string;
             };
             lg: {
+                root: string;
                 name: string;
                 description: string;
             };
             xl: {
+                root: string;
                 name: string;
                 description: string;
             };
             '2xl': {
+                root: string;
                 name: string;
                 description: string;
             };
             '3xl': {
+                root: string;
                 name: string;
                 description: string;
             };

package/dist/User/user.variants.js

@@ -1,7 +1,7 @@
 import { tv } from 'tailwind-variants';
 export const userVariants = tv({
     slots: {
-        root: 'inline-flex items-center gap-2',
+        root: 'relative inline-flex items-center',
         wrapper: 'min-w-0',
         name: 'font-medium text-on-surface truncate',
         description: 'text-on-surface-variant truncate',
@@ -10,38 +10,50 @@ export const userVariants = tv({
     variants: {
         size: {
             '3xs': {
+                root: 'gap-1',
+                wrapper: 'flex items-center gap-1',
                 name: 'text-[10px]',
                 description: 'text-[10px]'
             },
             '2xs': {
+                root: 'gap-1.5',
+                wrapper: 'flex items-center gap-1.5',
                 name: 'text-[10px]',
                 description: 'text-[10px]'
             },
             xs: {
+                root: 'gap-1.5',
+                wrapper: 'flex items-center gap-1.5',
                 name: 'text-xs',
                 description: 'text-[10px]'
             },
             sm: {
+                root: 'gap-2',
                 name: 'text-xs',
                 description: 'text-xs'
             },
             md: {
+                root: 'gap-2',
                 name: 'text-sm',
                 description: 'text-xs'
             },
             lg: {
+                root: 'gap-2.5',
                 name: 'text-sm',
                 description: 'text-sm'
             },
             xl: {
+                root: 'gap-2.5',
                 name: 'text-base',
                 description: 'text-sm'
             },
             '2xl': {
+                root: 'gap-3',
                 name: 'text-base',
                 description: 'text-base'
             },
             '3xl': {
+                root: 'gap-3',
                 name: 'text-lg',
                 description: 'text-base'
             }

package/dist/config.d.ts

@@ -24,7 +24,11 @@
 export declare const iconsDefaults: {
     loading: string;
     chevronDown: string;
+    chevronLeft: string;
     chevronRight: string;
+    chevronsLeft: string;
+    chevronsRight: string;
+    ellipsis: string;
     close: string;
     check: string;
     light: string;

package/dist/config.js

@@ -25,7 +25,11 @@
 export const iconsDefaults = {
     loading: 'lucide:loader-2',
     chevronDown: 'lucide:chevron-down',
+    chevronLeft: 'lucide:chevron-left',
     chevronRight: 'lucide:chevron-right',
+    chevronsLeft: 'lucide:chevrons-left',
+    chevronsRight: 'lucide:chevrons-right',
+    ellipsis: 'lucide:ellipsis',
     close: 'lucide:x',
     check: 'lucide:check',
     light: 'lucide:sun',

package/dist/index.d.ts

@@ -32,10 +32,10 @@ export * from './FormField/index.js';
 export * from './Input/index.js';
 export * from './Textarea/index.js';
 export * from './Select/index.js';
+export * from './SelectMenu/index.js';
 export * from './Switch/index.js';
 export * from './Checkbox/index.js';
 export * from './RadioGroup/index.js';
 export * from './ThemeModeButton/index.js';
 export { defineConfig } from './config.js';
 export type { UIConfig } from './config.js';
-export declare const VERSION: string;

package/dist/index.js

@@ -33,10 +33,10 @@ export * from './FormField/index.js';
 export * from './Input/index.js';
 export * from './Textarea/index.js';
 export * from './Select/index.js';
+export * from './SelectMenu/index.js';
 export * from './Switch/index.js';
 export * from './Checkbox/index.js';
 export * from './RadioGroup/index.js';
 export * from './ThemeModeButton/index.js';
 // Configuration
 export { defineConfig } from './config.js';
-export const VERSION = __SV5UI_VERSION__;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "sv5ui",
-    "version": "1.1.2",
+    "version": "1.2.0",
     "description": "A modern Svelte 5 UI component library with Tailwind CSS",
     "author": "ndlabdev",
     "license": "MIT",
@@ -8,7 +8,7 @@
         "type": "git",
         "url": "git+https://github.com/ndlabdev/sv5ui.git"
     },
-    "homepage": "https://github.com/ndlabdev/sv5ui#readme",
+    "homepage": "https://sv5ui.vercel.app",
     "bugs": {
         "url": "https://github.com/ndlabdev/sv5ui/issues"
     },