@selvajs/ui 5.0.0 → 5.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,20 +1,20 @@
1
1
  import { type VariantProps } from 'tailwind-variants';
2
2
  export declare const alertVariants: import("tailwind-variants").TVReturnType<{
3
3
  variant: {
4
- default: string;
5
- destructive: string;
4
+ default: "bg-card text-card-foreground";
5
+ destructive: "text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current";
6
6
  };
7
7
  }, undefined, "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
8
8
  variant: {
9
- default: string;
10
- destructive: string;
9
+ default: "bg-card text-card-foreground";
10
+ destructive: "text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current";
11
11
  };
12
- }, undefined, import("tailwind-variants").TVReturnType<{
12
+ }, undefined, import("tailwind-variants").TVReturnTypeLike<{
13
13
  variant: {
14
- default: string;
15
- destructive: string;
14
+ default: "bg-card text-card-foreground";
15
+ destructive: "text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current";
16
16
  };
17
- }, undefined, "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", unknown, unknown, undefined>>;
17
+ }, undefined>>;
18
18
  export type AlertVariant = VariantProps<typeof alertVariants>['variant'];
19
19
  import type { HTMLAttributes } from 'svelte/elements';
20
20
  import { type WithElementRef } from '../../../utils.js';
@@ -1,26 +1,26 @@
1
1
  import { type VariantProps } from 'tailwind-variants';
2
2
  export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
3
3
  variant: {
4
- default: string;
5
- secondary: string;
6
- destructive: string;
7
- outline: string;
4
+ default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90 border-transparent";
5
+ secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 border-transparent";
6
+ destructive: "bg-destructive [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/70 border-transparent text-white";
7
+ outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground";
8
8
  };
9
9
  }, undefined, "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3", {
10
10
  variant: {
11
- default: string;
12
- secondary: string;
13
- destructive: string;
14
- outline: string;
11
+ default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90 border-transparent";
12
+ secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 border-transparent";
13
+ destructive: "bg-destructive [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/70 border-transparent text-white";
14
+ outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground";
15
15
  };
16
- }, undefined, import("tailwind-variants").TVReturnType<{
16
+ }, undefined, import("tailwind-variants").TVReturnTypeLike<{
17
17
  variant: {
18
- default: string;
19
- secondary: string;
20
- destructive: string;
21
- outline: string;
18
+ default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90 border-transparent";
19
+ secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 border-transparent";
20
+ destructive: "bg-destructive [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/70 border-transparent text-white";
21
+ outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground";
22
22
  };
23
- }, undefined, "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none [&>svg]:size-3", unknown, unknown, undefined>>;
23
+ }, undefined>>;
24
24
  export type BadgeVariant = VariantProps<typeof badgeVariants>['variant'];
25
25
  import type { HTMLAnchorAttributes } from 'svelte/elements';
26
26
  import { type WithElementRef } from '../../../utils.js';
@@ -3,59 +3,59 @@ import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements
3
3
  import { type VariantProps } from 'tailwind-variants';
4
4
  export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
5
5
  variant: {
6
- default: string;
7
- destructive: string;
8
- outline: string;
9
- secondary: string;
10
- ghost: string;
11
- dashed: string;
12
- link: string;
6
+ default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90";
7
+ destructive: "bg-destructive shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 text-white";
8
+ outline: "bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 border";
9
+ secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80";
10
+ ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50";
11
+ dashed: "border border-dashed border-input bg-background text-muted-foreground hover:bg-muted hover:text-foreground";
12
+ link: "text-primary underline-offset-4 hover:underline";
13
13
  };
14
14
  size: {
15
- default: string;
16
- sm: string;
17
- lg: string;
18
- icon: string;
19
- 'icon-sm': string;
20
- 'icon-lg': string;
15
+ default: "h-9 px-4 py-2 has-[>svg]:px-3";
16
+ sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5";
17
+ lg: "h-10 rounded-md px-6 has-[>svg]:px-4";
18
+ icon: "size-9";
19
+ 'icon-sm': "size-8";
20
+ 'icon-lg': "size-10";
21
21
  };
22
22
  }, undefined, "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium outline-none transition-all focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
23
23
  variant: {
24
- default: string;
25
- destructive: string;
26
- outline: string;
27
- secondary: string;
28
- ghost: string;
29
- dashed: string;
30
- link: string;
24
+ default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90";
25
+ destructive: "bg-destructive shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 text-white";
26
+ outline: "bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 border";
27
+ secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80";
28
+ ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50";
29
+ dashed: "border border-dashed border-input bg-background text-muted-foreground hover:bg-muted hover:text-foreground";
30
+ link: "text-primary underline-offset-4 hover:underline";
31
31
  };
32
32
  size: {
33
- default: string;
34
- sm: string;
35
- lg: string;
36
- icon: string;
37
- 'icon-sm': string;
38
- 'icon-lg': string;
33
+ default: "h-9 px-4 py-2 has-[>svg]:px-3";
34
+ sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5";
35
+ lg: "h-10 rounded-md px-6 has-[>svg]:px-4";
36
+ icon: "size-9";
37
+ 'icon-sm': "size-8";
38
+ 'icon-lg': "size-10";
39
39
  };
40
- }, undefined, import("tailwind-variants").TVReturnType<{
40
+ }, undefined, import("tailwind-variants").TVReturnTypeLike<{
41
41
  variant: {
42
- default: string;
43
- destructive: string;
44
- outline: string;
45
- secondary: string;
46
- ghost: string;
47
- dashed: string;
48
- link: string;
42
+ default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90";
43
+ destructive: "bg-destructive shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 text-white";
44
+ outline: "bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 border";
45
+ secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80";
46
+ ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50";
47
+ dashed: "border border-dashed border-input bg-background text-muted-foreground hover:bg-muted hover:text-foreground";
48
+ link: "text-primary underline-offset-4 hover:underline";
49
49
  };
50
50
  size: {
51
- default: string;
52
- sm: string;
53
- lg: string;
54
- icon: string;
55
- 'icon-sm': string;
56
- 'icon-lg': string;
51
+ default: "h-9 px-4 py-2 has-[>svg]:px-3";
52
+ sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5";
53
+ lg: "h-10 rounded-md px-6 has-[>svg]:px-4";
54
+ icon: "size-9";
55
+ 'icon-sm': "size-8";
56
+ 'icon-lg': "size-10";
57
57
  };
58
- }, undefined, "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium outline-none transition-all focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", unknown, unknown, undefined>>;
58
+ }, undefined>>;
59
59
  export type ButtonVariant = VariantProps<typeof buttonVariants>['variant'];
60
60
  export type ButtonSize = VariantProps<typeof buttonVariants>['size'];
61
61
  export type ButtonProps = WithElementRef<HTMLButtonAttributes> & WithElementRef<HTMLAnchorAttributes> & {
@@ -1,20 +1,20 @@
1
1
  import { type VariantProps } from 'tailwind-variants';
2
2
  export declare const buttonGroupVariants: import("tailwind-variants").TVReturnType<{
3
3
  orientation: {
4
- horizontal: string;
5
- vertical: string;
4
+ horizontal: "[&>*:not(:first-child)]:rounded-s-none [&>*:not(:first-child)]:border-s-0 [&>*:not(:last-child)]:rounded-e-none";
5
+ vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none";
6
6
  };
7
7
  }, undefined, "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-e-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
8
8
  orientation: {
9
- horizontal: string;
10
- vertical: string;
9
+ horizontal: "[&>*:not(:first-child)]:rounded-s-none [&>*:not(:first-child)]:border-s-0 [&>*:not(:last-child)]:rounded-e-none";
10
+ vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none";
11
11
  };
12
- }, undefined, import("tailwind-variants").TVReturnType<{
12
+ }, undefined, import("tailwind-variants").TVReturnTypeLike<{
13
13
  orientation: {
14
- horizontal: string;
15
- vertical: string;
14
+ horizontal: "[&>*:not(:first-child)]:rounded-s-none [&>*:not(:first-child)]:border-s-0 [&>*:not(:last-child)]:rounded-e-none";
15
+ vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none";
16
16
  };
17
- }, undefined, "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-e-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", unknown, unknown, undefined>>;
17
+ }, undefined>>;
18
18
  export type ButtonGroupOrientation = VariantProps<typeof buttonGroupVariants>['orientation'];
19
19
  import { type WithElementRef } from '../../../utils.js';
20
20
  import type { HTMLAttributes } from 'svelte/elements';
@@ -1,23 +1,23 @@
1
1
  import { type VariantProps } from 'tailwind-variants';
2
2
  export declare const fieldVariants: import("tailwind-variants").TVReturnType<{
3
3
  orientation: {
4
- vertical: string;
4
+ vertical: "flex-col [&>*]:w-full [&>.sr-only]:w-auto";
5
5
  horizontal: string[];
6
6
  responsive: string[];
7
7
  };
8
8
  }, undefined, "group/field data-[invalid=true]:text-destructive flex w-full gap-3", {
9
9
  orientation: {
10
- vertical: string;
10
+ vertical: "flex-col [&>*]:w-full [&>.sr-only]:w-auto";
11
11
  horizontal: string[];
12
12
  responsive: string[];
13
13
  };
14
- }, undefined, import("tailwind-variants").TVReturnType<{
14
+ }, undefined, import("tailwind-variants").TVReturnTypeLike<{
15
15
  orientation: {
16
- vertical: string;
16
+ vertical: "flex-col [&>*]:w-full [&>.sr-only]:w-auto";
17
17
  horizontal: string[];
18
18
  responsive: string[];
19
19
  };
20
- }, undefined, "group/field data-[invalid=true]:text-destructive flex w-full gap-3", unknown, unknown, undefined>>;
20
+ }, undefined>>;
21
21
  export type FieldOrientation = VariantProps<typeof fieldVariants>['orientation'];
22
22
  import { type WithElementRef } from '../../../utils.js';
23
23
  import type { HTMLAttributes } from 'svelte/elements';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@selvajs/ui",
3
- "version": "5.0.0",
3
+ "version": "5.0.1",
4
4
  "description": "Shared UI components and utilities for Selva applications",
5
5
  "license": "MIT",
6
6
  "author": "VektorNode",
@@ -58,10 +58,10 @@
58
58
  "@sveltejs/kit": "^2",
59
59
  "bits-ui": "^2.18.0",
60
60
  "svelte": "^5",
61
- "tailwind-variants": "^3.2.2",
62
- "three": "^0.184.0",
63
- "@selvajs/compute": "^3.1.0",
64
- "@selvajs/schemas": "^4.7.0"
61
+ "tailwind-variants": "^3.3.0",
62
+ "three": "^0.185.1",
63
+ "@selvajs/schemas": "^4.7.0",
64
+ "@selvajs/compute": "^3.1.1"
65
65
  },
66
66
  "peerDependenciesMeta": {
67
67
  "three": {
@@ -69,9 +69,9 @@
69
69
  }
70
70
  },
71
71
  "dependencies": {
72
- "@floating-ui/dom": "^1.7.6",
72
+ "@floating-ui/dom": "^1.8.0",
73
73
  "@iconify/svelte": "^5.2.1",
74
- "@lucide/svelte": "^1.11.0",
74
+ "@lucide/svelte": "^1.27.0",
75
75
  "clsx": "^2.1.1",
76
76
  "mode-watcher": "^1.1.0",
77
77
  "paneforge": "^1.0.2",
@@ -81,17 +81,17 @@
81
81
  },
82
82
  "devDependencies": {
83
83
  "@internationalized/date": "^3.12.1",
84
- "@sveltejs/kit": "2.69.1",
84
+ "@sveltejs/kit": "2.70.1",
85
85
  "@sveltejs/vite-plugin-svelte": "^7.2.0",
86
- "@types/three": "^0.184.0",
86
+ "@types/three": "^0.185.1",
87
87
  "bits-ui": "^2.18.0",
88
- "rhino3dm": "8.17.0",
88
+ "rhino3dm": "8.32.1",
89
89
  "rimraf": "^6.0.1",
90
- "svelte": "5.56.4",
91
- "tailwind-variants": "^3.2.2",
90
+ "svelte": "5.56.8",
91
+ "tailwind-variants": "^3.3.0",
92
92
  "vitest": "^3.2.7",
93
- "@selvajs/schemas": "4.7.0",
94
- "@selvajs/config": "0.0.3"
93
+ "@selvajs/config": "0.0.3",
94
+ "@selvajs/schemas": "4.7.0"
95
95
  },
96
96
  "scripts": {
97
97
  "predev": "node ../../scripts/sync-shared-assets.js",