@snowztech/ui 0.1.0 → 0.2.0

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.
Files changed (15) hide show
  1. package/dist/client.cjs +18 -76
  2. package/dist/client.cjs.map +1 -1
  3. package/dist/client.js +19 -54
  4. package/dist/client.js.map +1 -1
  5. package/dist/index.cjs +86 -133
  6. package/dist/index.cjs.map +1 -1
  7. package/dist/index.d.cts +30 -17
  8. package/dist/index.d.ts +30 -17
  9. package/dist/index.js +258 -134
  10. package/dist/index.js.map +1 -1
  11. package/package.json +6 -1
  12. package/src/styles.css +1 -0
  13. package/src/tokens.css +1 -252
  14. package/dist/chunk-XYNFF4B5.js +0 -178
  15. package/dist/chunk-XYNFF4B5.js.map +0 -1
package/dist/index.d.cts CHANGED
@@ -2,26 +2,32 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as React from 'react';
3
3
  export { CopyButtonProps, Theme, ThemeToggleProps } from './client.cjs';
4
4
 
5
+ type Size$1 = "xs" | "sm" | "md" | "lg" | "xl" | number;
5
6
  interface SnowMarkProps {
6
- size?: number;
7
+ size?: Size$1;
7
8
  color?: string;
9
+ className?: string;
8
10
  style?: React.CSSProperties;
9
11
  }
10
- declare const SnowMark: ({ size, color, style }: SnowMarkProps) => react_jsx_runtime.JSX.Element;
12
+ declare const SnowMark: ({ size, color, className, style }: SnowMarkProps) => react_jsx_runtime.JSX.Element;
11
13
  interface SnowWordmarkProps {
12
14
  size?: number;
13
15
  color?: string;
14
16
  showDot?: boolean;
15
17
  accent?: string;
18
+ className?: string;
19
+ style?: React.CSSProperties;
16
20
  }
17
- declare const SnowWordmark: ({ size, color, showDot, accent, }: SnowWordmarkProps) => react_jsx_runtime.JSX.Element;
21
+ declare const SnowWordmark: ({ size, color, showDot, accent, className, style, }: SnowWordmarkProps) => react_jsx_runtime.JSX.Element;
18
22
  interface SnowMonogramProps {
19
23
  size?: number;
20
24
  bg?: string;
21
25
  fg?: string;
22
26
  radius?: number;
27
+ className?: string;
28
+ style?: React.CSSProperties;
23
29
  }
24
- declare const SnowMonogram: ({ size, bg, fg, radius, }: SnowMonogramProps) => react_jsx_runtime.JSX.Element;
30
+ declare const SnowMonogram: ({ size, bg, fg, radius, className, style, }: SnowMonogramProps) => react_jsx_runtime.JSX.Element;
25
31
  interface MonogramProps {
26
32
  size?: number;
27
33
  bg?: string;
@@ -32,22 +38,26 @@ interface MonogramProps {
32
38
  color?: string;
33
39
  }>;
34
40
  glyphScale?: number;
41
+ className?: string;
42
+ style?: React.CSSProperties;
35
43
  }
36
- declare const Monogram: ({ size, bg, fg, radius, mark: Mark, glyphScale, }: MonogramProps) => react_jsx_runtime.JSX.Element;
44
+ declare const Monogram: ({ size, bg, fg, radius, mark: Mark, glyphScale, className, style, }: MonogramProps) => react_jsx_runtime.JSX.Element;
37
45
 
46
+ type Size = "xs" | "sm" | "md" | "lg" | "xl" | number;
38
47
  interface MarkProps {
39
- size?: number;
48
+ size?: Size;
40
49
  color?: string;
50
+ className?: string;
41
51
  style?: React.CSSProperties;
42
52
  }
43
- declare const MarkSigil: ({ size, color, style }: MarkProps) => react_jsx_runtime.JSX.Element;
44
- declare const MarkCrystal: ({ size, color, style }: MarkProps) => react_jsx_runtime.JSX.Element;
45
- declare const MarkZFlake: ({ size, color, style }: MarkProps) => react_jsx_runtime.JSX.Element;
46
- declare const MarkAsterisk: ({ size, color, style }: MarkProps) => react_jsx_runtime.JSX.Element;
47
- declare const MarkSlash: ({ size, color, style }: MarkProps) => react_jsx_runtime.JSX.Element;
48
- declare const MarkGlyph: ({ size, color, style }: MarkProps) => react_jsx_runtime.JSX.Element;
49
- declare const MarkHex: ({ size, color, style }: MarkProps) => react_jsx_runtime.JSX.Element;
50
- declare const MarkDotgrid: ({ size, color, style }: MarkProps) => react_jsx_runtime.JSX.Element;
53
+ declare const MarkSigil: (p: MarkProps) => react_jsx_runtime.JSX.Element;
54
+ declare const MarkCrystal: (p: MarkProps) => react_jsx_runtime.JSX.Element;
55
+ declare const MarkZFlake: (p: MarkProps) => react_jsx_runtime.JSX.Element;
56
+ declare const MarkAsterisk: (p: MarkProps) => react_jsx_runtime.JSX.Element;
57
+ declare const MarkSlash: (p: MarkProps) => react_jsx_runtime.JSX.Element;
58
+ declare const MarkGlyph: (p: MarkProps) => react_jsx_runtime.JSX.Element;
59
+ declare const MarkHex: (p: MarkProps) => react_jsx_runtime.JSX.Element;
60
+ declare const MarkDotgrid: (p: MarkProps) => react_jsx_runtime.JSX.Element;
51
61
  interface MarkVariant {
52
62
  id: string;
53
63
  name: string;
@@ -61,10 +71,11 @@ interface IconProps {
61
71
  size?: number;
62
72
  stroke?: number;
63
73
  color?: string;
74
+ className?: string;
64
75
  style?: React.CSSProperties;
65
76
  children?: React.ReactNode;
66
77
  }
67
- declare const Icon: ({ size, stroke, color, style, children, }: IconProps) => react_jsx_runtime.JSX.Element;
78
+ declare const Icon: ({ size, stroke, color, className, style, children, }: IconProps) => react_jsx_runtime.JSX.Element;
68
79
  type P = Omit<IconProps, "children">;
69
80
  declare const SearchIcon: (p: P) => react_jsx_runtime.JSX.Element;
70
81
  declare const TerminalIcon: (p: P) => react_jsx_runtime.JSX.Element;
@@ -127,8 +138,10 @@ declare const Avatar: ({ src, alt, name, size, shape, ring, style, className, }:
127
138
  interface AvatarStackProps {
128
139
  children: React.ReactNode;
129
140
  overlap?: number;
141
+ className?: string;
142
+ style?: React.CSSProperties;
130
143
  }
131
- declare const AvatarStack: ({ children, overlap }: AvatarStackProps) => react_jsx_runtime.JSX.Element;
144
+ declare const AvatarStack: ({ children, overlap, className, style }: AvatarStackProps) => react_jsx_runtime.JSX.Element;
132
145
 
133
146
  interface PulseProps {
134
147
  size?: number;
@@ -137,6 +150,6 @@ interface PulseProps {
137
150
  style?: React.CSSProperties;
138
151
  className?: string;
139
152
  }
140
- declare const Pulse: ({ size, color, label, style, className, }: PulseProps) => react_jsx_runtime.JSX.Element;
153
+ declare const Pulse: ({ size, color, label, style, className }: PulseProps) => react_jsx_runtime.JSX.Element;
141
154
 
142
155
  export { ActivityIcon, ArrowRightIcon, ArrowUpRightIcon, Avatar, type AvatarProps, AvatarStack, type AvatarStackProps, BellIcon, BoltIcon, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ClockIcon, CloudIcon, CodeIcon, CubeIcon, DatabaseIcon, DiscordIcon, EditIcon, ExternalLinkIcon, EyeIcon, FileIcon, FilterIcon, FolderIcon, GitIcon, GithubIcon, GridIcon, HeartIcon, Icon, type IconProps, InboxIcon, InfoIcon, LayersIcon, LockIcon, MailIcon, MarkAsterisk, MarkCrystal, MarkDotgrid, MarkGlyph, MarkHex, type MarkProps, MarkSigil, MarkSlash, type MarkVariant, MarkZFlake, MenuIcon, MinusIcon, Monogram, type MonogramProps, MoonIcon, PlusIcon, Pulse, PulseIcon, type PulseProps, SearchIcon, SettingsIcon, SnowMark, type SnowMarkProps, SnowMonogram, type SnowMonogramProps, SnowWordmark, type SnowWordmarkProps, StarIcon, SunIcon, TerminalIcon, TrashIcon, UserIcon, WarningIcon, XIcon, ZapIcon, markVariants };
package/dist/index.d.ts CHANGED
@@ -2,26 +2,32 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as React from 'react';
3
3
  export { CopyButtonProps, Theme, ThemeToggleProps } from './client.js';
4
4
 
5
+ type Size$1 = "xs" | "sm" | "md" | "lg" | "xl" | number;
5
6
  interface SnowMarkProps {
6
- size?: number;
7
+ size?: Size$1;
7
8
  color?: string;
9
+ className?: string;
8
10
  style?: React.CSSProperties;
9
11
  }
10
- declare const SnowMark: ({ size, color, style }: SnowMarkProps) => react_jsx_runtime.JSX.Element;
12
+ declare const SnowMark: ({ size, color, className, style }: SnowMarkProps) => react_jsx_runtime.JSX.Element;
11
13
  interface SnowWordmarkProps {
12
14
  size?: number;
13
15
  color?: string;
14
16
  showDot?: boolean;
15
17
  accent?: string;
18
+ className?: string;
19
+ style?: React.CSSProperties;
16
20
  }
17
- declare const SnowWordmark: ({ size, color, showDot, accent, }: SnowWordmarkProps) => react_jsx_runtime.JSX.Element;
21
+ declare const SnowWordmark: ({ size, color, showDot, accent, className, style, }: SnowWordmarkProps) => react_jsx_runtime.JSX.Element;
18
22
  interface SnowMonogramProps {
19
23
  size?: number;
20
24
  bg?: string;
21
25
  fg?: string;
22
26
  radius?: number;
27
+ className?: string;
28
+ style?: React.CSSProperties;
23
29
  }
24
- declare const SnowMonogram: ({ size, bg, fg, radius, }: SnowMonogramProps) => react_jsx_runtime.JSX.Element;
30
+ declare const SnowMonogram: ({ size, bg, fg, radius, className, style, }: SnowMonogramProps) => react_jsx_runtime.JSX.Element;
25
31
  interface MonogramProps {
26
32
  size?: number;
27
33
  bg?: string;
@@ -32,22 +38,26 @@ interface MonogramProps {
32
38
  color?: string;
33
39
  }>;
34
40
  glyphScale?: number;
41
+ className?: string;
42
+ style?: React.CSSProperties;
35
43
  }
36
- declare const Monogram: ({ size, bg, fg, radius, mark: Mark, glyphScale, }: MonogramProps) => react_jsx_runtime.JSX.Element;
44
+ declare const Monogram: ({ size, bg, fg, radius, mark: Mark, glyphScale, className, style, }: MonogramProps) => react_jsx_runtime.JSX.Element;
37
45
 
46
+ type Size = "xs" | "sm" | "md" | "lg" | "xl" | number;
38
47
  interface MarkProps {
39
- size?: number;
48
+ size?: Size;
40
49
  color?: string;
50
+ className?: string;
41
51
  style?: React.CSSProperties;
42
52
  }
43
- declare const MarkSigil: ({ size, color, style }: MarkProps) => react_jsx_runtime.JSX.Element;
44
- declare const MarkCrystal: ({ size, color, style }: MarkProps) => react_jsx_runtime.JSX.Element;
45
- declare const MarkZFlake: ({ size, color, style }: MarkProps) => react_jsx_runtime.JSX.Element;
46
- declare const MarkAsterisk: ({ size, color, style }: MarkProps) => react_jsx_runtime.JSX.Element;
47
- declare const MarkSlash: ({ size, color, style }: MarkProps) => react_jsx_runtime.JSX.Element;
48
- declare const MarkGlyph: ({ size, color, style }: MarkProps) => react_jsx_runtime.JSX.Element;
49
- declare const MarkHex: ({ size, color, style }: MarkProps) => react_jsx_runtime.JSX.Element;
50
- declare const MarkDotgrid: ({ size, color, style }: MarkProps) => react_jsx_runtime.JSX.Element;
53
+ declare const MarkSigil: (p: MarkProps) => react_jsx_runtime.JSX.Element;
54
+ declare const MarkCrystal: (p: MarkProps) => react_jsx_runtime.JSX.Element;
55
+ declare const MarkZFlake: (p: MarkProps) => react_jsx_runtime.JSX.Element;
56
+ declare const MarkAsterisk: (p: MarkProps) => react_jsx_runtime.JSX.Element;
57
+ declare const MarkSlash: (p: MarkProps) => react_jsx_runtime.JSX.Element;
58
+ declare const MarkGlyph: (p: MarkProps) => react_jsx_runtime.JSX.Element;
59
+ declare const MarkHex: (p: MarkProps) => react_jsx_runtime.JSX.Element;
60
+ declare const MarkDotgrid: (p: MarkProps) => react_jsx_runtime.JSX.Element;
51
61
  interface MarkVariant {
52
62
  id: string;
53
63
  name: string;
@@ -61,10 +71,11 @@ interface IconProps {
61
71
  size?: number;
62
72
  stroke?: number;
63
73
  color?: string;
74
+ className?: string;
64
75
  style?: React.CSSProperties;
65
76
  children?: React.ReactNode;
66
77
  }
67
- declare const Icon: ({ size, stroke, color, style, children, }: IconProps) => react_jsx_runtime.JSX.Element;
78
+ declare const Icon: ({ size, stroke, color, className, style, children, }: IconProps) => react_jsx_runtime.JSX.Element;
68
79
  type P = Omit<IconProps, "children">;
69
80
  declare const SearchIcon: (p: P) => react_jsx_runtime.JSX.Element;
70
81
  declare const TerminalIcon: (p: P) => react_jsx_runtime.JSX.Element;
@@ -127,8 +138,10 @@ declare const Avatar: ({ src, alt, name, size, shape, ring, style, className, }:
127
138
  interface AvatarStackProps {
128
139
  children: React.ReactNode;
129
140
  overlap?: number;
141
+ className?: string;
142
+ style?: React.CSSProperties;
130
143
  }
131
- declare const AvatarStack: ({ children, overlap }: AvatarStackProps) => react_jsx_runtime.JSX.Element;
144
+ declare const AvatarStack: ({ children, overlap, className, style }: AvatarStackProps) => react_jsx_runtime.JSX.Element;
132
145
 
133
146
  interface PulseProps {
134
147
  size?: number;
@@ -137,6 +150,6 @@ interface PulseProps {
137
150
  style?: React.CSSProperties;
138
151
  className?: string;
139
152
  }
140
- declare const Pulse: ({ size, color, label, style, className, }: PulseProps) => react_jsx_runtime.JSX.Element;
153
+ declare const Pulse: ({ size, color, label, style, className }: PulseProps) => react_jsx_runtime.JSX.Element;
141
154
 
142
155
  export { ActivityIcon, ArrowRightIcon, ArrowUpRightIcon, Avatar, type AvatarProps, AvatarStack, type AvatarStackProps, BellIcon, BoltIcon, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ClockIcon, CloudIcon, CodeIcon, CubeIcon, DatabaseIcon, DiscordIcon, EditIcon, ExternalLinkIcon, EyeIcon, FileIcon, FilterIcon, FolderIcon, GitIcon, GithubIcon, GridIcon, HeartIcon, Icon, type IconProps, InboxIcon, InfoIcon, LayersIcon, LockIcon, MailIcon, MarkAsterisk, MarkCrystal, MarkDotgrid, MarkGlyph, MarkHex, type MarkProps, MarkSigil, MarkSlash, type MarkVariant, MarkZFlake, MenuIcon, MinusIcon, Monogram, type MonogramProps, MoonIcon, PlusIcon, Pulse, PulseIcon, type PulseProps, SearchIcon, SettingsIcon, SnowMark, type SnowMarkProps, SnowMonogram, type SnowMonogramProps, SnowWordmark, type SnowWordmarkProps, StarIcon, SunIcon, TerminalIcon, TrashIcon, UserIcon, WarningIcon, XIcon, ZapIcon, markVariants };