shadcn-glass-ui 2.3.0 → 2.3.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.
- package/CHANGELOG.md +26 -0
- package/dist/cli/index.cjs +1 -1
- package/dist/components/glass/index.d.ts +7 -5
- package/dist/components/glass/index.d.ts.map +1 -1
- package/dist/components/glass/specialized/flag-alert-glass.d.ts.map +1 -1
- package/dist/components/glass/specialized/progress-glass.d.ts.map +1 -1
- package/dist/components/glass/ui/avatar-glass.d.ts.map +1 -1
- package/dist/components/glass/ui/checkbox-glass.d.ts +21 -46
- package/dist/components/glass/ui/checkbox-glass.d.ts.map +1 -1
- package/dist/components/glass/ui/circular-progress-glass.d.ts.map +1 -1
- package/dist/components/glass/ui/dropdown-menu-glass.d.ts +11 -5
- package/dist/components/glass/ui/dropdown-menu-glass.d.ts.map +1 -1
- package/dist/components/glass/ui/glass-card.d.ts.map +1 -1
- package/dist/components/glass/ui/index.d.ts +7 -1
- package/dist/components/glass/ui/index.d.ts.map +1 -1
- package/dist/components/glass/ui/notification-glass.d.ts.map +1 -1
- package/dist/components/glass/ui/popover-glass.d.ts +6 -3
- package/dist/components/glass/ui/popover-glass.d.ts.map +1 -1
- package/dist/components/glass/ui/skeleton-glass.d.ts.map +1 -1
- package/dist/components/glass/ui/slider-glass.d.ts.map +1 -1
- package/dist/components/glass/ui/stepper-glass.d.ts.map +1 -1
- package/dist/components/glass/ui/tabs-glass.d.ts +93 -142
- package/dist/components/glass/ui/tabs-glass.d.ts.map +1 -1
- package/dist/components/glass/ui/toggle-glass.d.ts.map +1 -1
- package/dist/components.cjs +4 -4
- package/dist/components.mjs +1 -1
- package/dist/hooks.cjs +2 -2
- package/dist/index.cjs +12 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +8 -1
- package/dist/index.mjs.map +1 -1
- package/dist/lib/variants/skeleton-glass-variants.d.ts +1 -1
- package/dist/r/avatar-glass.json +1 -1
- package/dist/r/checkbox-glass.json +4 -5
- package/dist/r/circular-progress-glass.json +1 -1
- package/dist/r/dropdown-glass.json +1 -1
- package/dist/r/dropdown-menu-glass.json +1 -1
- package/dist/r/flag-alert-glass.json +1 -1
- package/dist/r/glass-card.json +3 -2
- package/dist/r/notification-glass.json +1 -1
- package/dist/r/popover-glass.json +1 -1
- package/dist/r/progress-glass.json +1 -1
- package/dist/r/registry.json +2 -2
- package/dist/r/skeleton-glass.json +1 -1
- package/dist/r/slider-glass.json +1 -1
- package/dist/r/stepper-glass.json +1 -1
- package/dist/r/tabs-glass.json +5 -4
- package/dist/r/toggle-glass.json +1 -1
- package/dist/shadcn-glass-ui.css +1 -1
- package/dist/{theme-context-DmTETrFi.cjs → theme-context-7NcW0KZL.cjs} +2 -2
- package/dist/{theme-context-DmTETrFi.cjs.map → theme-context-7NcW0KZL.cjs.map} +1 -1
- package/dist/themes.cjs +1 -1
- package/dist/{trust-score-card-glass-EfMB5l5J.mjs → trust-score-card-glass-BGqBcdyJ.mjs} +120 -177
- package/dist/trust-score-card-glass-BGqBcdyJ.mjs.map +1 -0
- package/dist/{trust-score-card-glass-3VBi9soW.cjs → trust-score-card-glass-DtgFygh5.cjs} +124 -179
- package/dist/trust-score-card-glass-DtgFygh5.cjs.map +1 -0
- package/dist/{use-focus-CswOSq71.cjs → use-focus-BFBcpBh1.cjs} +2 -2
- package/dist/{use-focus-CswOSq71.cjs.map → use-focus-BFBcpBh1.cjs.map} +1 -1
- package/dist/{use-wallpaper-tint-WtRWtupA.cjs → use-wallpaper-tint-DTTStm5f.cjs} +2 -2
- package/dist/{use-wallpaper-tint-WtRWtupA.cjs.map → use-wallpaper-tint-DTTStm5f.cjs.map} +1 -1
- package/dist/{utils-DX6rdBol.cjs → utils-CiuCe_Aq.cjs} +2 -2
- package/dist/{utils-DX6rdBol.cjs.map → utils-CiuCe_Aq.cjs.map} +1 -1
- package/dist/utils.cjs +1 -1
- package/package.json +5 -1
- package/dist/trust-score-card-glass-3VBi9soW.cjs.map +0 -1
- package/dist/trust-score-card-glass-EfMB5l5J.mjs.map +0 -1
|
@@ -1,131 +1,106 @@
|
|
|
1
|
-
|
|
1
|
+
/**
|
|
2
|
+
* TabsGlass Component (Radix UI based)
|
|
3
|
+
*
|
|
4
|
+
* Glass-themed tab navigation built on Radix UI primitives with:
|
|
5
|
+
* - 100% shadcn/ui type compatibility
|
|
6
|
+
* - Theme-aware styling (glass/light/aurora)
|
|
7
|
+
* - Active tab indicator
|
|
8
|
+
* - Full keyboard navigation (Arrow keys, Home, End)
|
|
9
|
+
* - Support for orientation, dir, activationMode
|
|
10
|
+
*
|
|
11
|
+
* @since v2.2.6 - Migrated to Radix UI primitives for full type compatibility
|
|
12
|
+
*/
|
|
13
|
+
import * as React from 'react';
|
|
14
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
15
|
+
/**
|
|
16
|
+
* Legacy TabItem interface for backwards compatibility
|
|
17
|
+
*/
|
|
2
18
|
export interface TabItem {
|
|
3
19
|
readonly id: string;
|
|
4
20
|
readonly label: string;
|
|
5
21
|
}
|
|
6
22
|
/**
|
|
7
|
-
* Props for TabsGlass
|
|
23
|
+
* Props for TabsGlass Root component
|
|
24
|
+
*
|
|
25
|
+
* Extends Radix UI Tabs.Root props for 100% shadcn/ui compatibility.
|
|
26
|
+
* All Radix props are supported including: value, defaultValue, onValueChange,
|
|
27
|
+
* orientation, dir, activationMode.
|
|
8
28
|
*
|
|
9
|
-
*
|
|
10
|
-
*
|
|
29
|
+
* **Type Compatibility (v2.3.1+):**
|
|
30
|
+
* - Extends `React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>`
|
|
31
|
+
* - No more `as unknown as` type assertions needed
|
|
32
|
+
* - Full IntelliSense for all Radix props
|
|
33
|
+
*
|
|
34
|
+
* **New props from Radix:**
|
|
35
|
+
* - `orientation`: 'horizontal' | 'vertical' - Tab layout direction
|
|
36
|
+
* - `dir`: 'ltr' | 'rtl' - Text direction for RTL support
|
|
37
|
+
* - `activationMode`: 'automatic' | 'manual' - Tab activation behavior
|
|
11
38
|
*
|
|
12
39
|
* @accessibility
|
|
13
|
-
* - **Keyboard Navigation:** Arrow keys navigate between tabs
|
|
14
|
-
* - **Focus Management:** Visible focus ring
|
|
15
|
-
* - **Screen Readers:**
|
|
16
|
-
* - **
|
|
17
|
-
* - **Active State:** Visual indicator (underline) plus color change for multi-modal feedback
|
|
18
|
-
* - **Touch Targets:** Tab triggers meet minimum 44x44px touch target (WCAG 2.5.5)
|
|
19
|
-
* - **Color Contrast:** Active and inactive tab text meet WCAG AA contrast ratio 4.5:1
|
|
20
|
-
* - **Motion:** Transitions and indicator animations respect `prefers-reduced-motion` settings
|
|
40
|
+
* - **Keyboard Navigation:** Arrow keys navigate between tabs (respects orientation)
|
|
41
|
+
* - **Focus Management:** Visible focus ring using CSS variables
|
|
42
|
+
* - **Screen Readers:** Radix UI handles all ARIA attributes automatically
|
|
43
|
+
* - **RTL Support:** Full RTL support via `dir` prop
|
|
21
44
|
*
|
|
22
45
|
* @example
|
|
23
46
|
* ```tsx
|
|
24
|
-
* // Basic
|
|
25
|
-
* <
|
|
26
|
-
* <
|
|
27
|
-
* <
|
|
28
|
-
* <
|
|
29
|
-
*
|
|
30
|
-
* </
|
|
31
|
-
* <
|
|
32
|
-
*
|
|
33
|
-
* <p>Overview content here</p>
|
|
34
|
-
* </TabsGlass.Content>
|
|
35
|
-
* <TabsGlass.Content value="analytics">
|
|
36
|
-
* <h2>Analytics</h2>
|
|
37
|
-
* <p>Analytics content here</p>
|
|
38
|
-
* </TabsGlass.Content>
|
|
39
|
-
* <TabsGlass.Content value="settings">
|
|
40
|
-
* <h2>Settings</h2>
|
|
41
|
-
* <p>Settings content here</p>
|
|
42
|
-
* </TabsGlass.Content>
|
|
43
|
-
* </TabsGlass.Root>
|
|
44
|
-
*
|
|
45
|
-
* // Tabs with icons (ensure accessible labels)
|
|
46
|
-
* <TabsGlass.Root value={activeTab} onValueChange={setActiveTab}>
|
|
47
|
-
* <TabsGlass.List>
|
|
48
|
-
* <TabsGlass.Trigger value="home" aria-label="Home dashboard">
|
|
49
|
-
* <Home className="w-4 h-4" />
|
|
50
|
-
* </TabsGlass.Trigger>
|
|
51
|
-
* <TabsGlass.Trigger value="search" aria-label="Search">
|
|
52
|
-
* <Search className="w-4 h-4" />
|
|
53
|
-
* </TabsGlass.Trigger>
|
|
54
|
-
* </TabsGlass.List>
|
|
55
|
-
* <TabsGlass.Content value="home">Dashboard content</TabsGlass.Content>
|
|
56
|
-
* <TabsGlass.Content value="search">Search content</TabsGlass.Content>
|
|
57
|
-
* </TabsGlass.Root>
|
|
47
|
+
* // Basic usage
|
|
48
|
+
* <Tabs defaultValue="tab1">
|
|
49
|
+
* <TabsList>
|
|
50
|
+
* <TabsTrigger value="tab1">Tab 1</TabsTrigger>
|
|
51
|
+
* <TabsTrigger value="tab2">Tab 2</TabsTrigger>
|
|
52
|
+
* </TabsList>
|
|
53
|
+
* <TabsContent value="tab1">Content 1</TabsContent>
|
|
54
|
+
* <TabsContent value="tab2">Content 2</TabsContent>
|
|
55
|
+
* </Tabs>
|
|
58
56
|
*
|
|
59
|
-
* //
|
|
60
|
-
* <
|
|
61
|
-
* <
|
|
62
|
-
* <
|
|
63
|
-
* <
|
|
64
|
-
*
|
|
65
|
-
*
|
|
66
|
-
*
|
|
67
|
-
* <TabsGlass.Content value="tab1">Content 1</TabsGlass.Content>
|
|
68
|
-
* </TabsGlass.Root>
|
|
57
|
+
* // Vertical tabs
|
|
58
|
+
* <Tabs defaultValue="tab1" orientation="vertical">
|
|
59
|
+
* <TabsList>
|
|
60
|
+
* <TabsTrigger value="tab1">Tab 1</TabsTrigger>
|
|
61
|
+
* <TabsTrigger value="tab2">Tab 2</TabsTrigger>
|
|
62
|
+
* </TabsList>
|
|
63
|
+
* <TabsContent value="tab1">Content 1</TabsContent>
|
|
64
|
+
* </Tabs>
|
|
69
65
|
*
|
|
70
|
-
* //
|
|
71
|
-
* <
|
|
72
|
-
*
|
|
73
|
-
*
|
|
74
|
-
* <TabsGlass.Trigger value="profile">Profile Details</TabsGlass.Trigger>
|
|
75
|
-
* <TabsGlass.Trigger value="confirm">Confirmation</TabsGlass.Trigger>
|
|
76
|
-
* </TabsGlass.List>
|
|
77
|
-
* <TabsGlass.Content value="account">
|
|
78
|
-
* <InputGlass label="Email" type="email" />
|
|
79
|
-
* </TabsGlass.Content>
|
|
80
|
-
* <TabsGlass.Content value="profile">
|
|
81
|
-
* <InputGlass label="Name" />
|
|
82
|
-
* </TabsGlass.Content>
|
|
83
|
-
* <TabsGlass.Content value="confirm">
|
|
84
|
-
* <p>Review your information</p>
|
|
85
|
-
* </TabsGlass.Content>
|
|
86
|
-
* </TabsGlass.Root>
|
|
66
|
+
* // Manual activation (click required, not focus)
|
|
67
|
+
* <Tabs defaultValue="tab1" activationMode="manual">
|
|
68
|
+
* ...
|
|
69
|
+
* </Tabs>
|
|
87
70
|
* ```
|
|
71
|
+
*
|
|
72
|
+
* @since v2.3.0 - Added shadcn/ui compatible separate exports
|
|
73
|
+
* @since v2.2.6 - Migrated to Radix UI primitives
|
|
88
74
|
*/
|
|
75
|
+
export type TabsRootProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>;
|
|
89
76
|
/**
|
|
90
|
-
* Props for
|
|
77
|
+
* Props for TabsList component
|
|
91
78
|
*/
|
|
92
|
-
export
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
declare const TabsList:
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
disabled?: boolean;
|
|
118
|
-
}
|
|
119
|
-
declare const TabsTrigger: import('react').ForwardRefExoticComponent<TabsTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
120
|
-
export interface TabsContentProps {
|
|
121
|
-
/** Value of the tab this content belongs to */
|
|
122
|
-
value: string;
|
|
123
|
-
/** Content to display when tab is active */
|
|
124
|
-
children: ReactNode;
|
|
125
|
-
/** Optional className */
|
|
126
|
-
className?: string;
|
|
127
|
-
}
|
|
128
|
-
declare const TabsContent: FC<TabsContentProps>;
|
|
79
|
+
export type TabsListProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>;
|
|
80
|
+
/**
|
|
81
|
+
* Props for TabsTrigger component
|
|
82
|
+
*/
|
|
83
|
+
export type TabsTriggerProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>;
|
|
84
|
+
/**
|
|
85
|
+
* Props for TabsContent component
|
|
86
|
+
*/
|
|
87
|
+
export type TabsContentProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;
|
|
88
|
+
/**
|
|
89
|
+
* TabsRoot - Root container for tabs
|
|
90
|
+
*/
|
|
91
|
+
declare function TabsRoot({ className, ...props }: TabsRootProps): import("react/jsx-runtime").JSX.Element;
|
|
92
|
+
/**
|
|
93
|
+
* TabsList - Container for tab triggers
|
|
94
|
+
*/
|
|
95
|
+
declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
96
|
+
/**
|
|
97
|
+
* TabsTrigger - Individual tab button
|
|
98
|
+
*/
|
|
99
|
+
declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
100
|
+
/**
|
|
101
|
+
* TabsContent - Content panel for a tab
|
|
102
|
+
*/
|
|
103
|
+
declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
129
104
|
/**
|
|
130
105
|
* TabsGlass - Compound Component API
|
|
131
106
|
*
|
|
@@ -159,41 +134,17 @@ declare const TabsContent: FC<TabsContentProps>;
|
|
|
159
134
|
*
|
|
160
135
|
* @since v1.0.0 - Legacy API removed (tabs/activeTab/onChange props)
|
|
161
136
|
* @since v2.3.0 - Added shadcn/ui compatible separate exports
|
|
137
|
+
* @since v2.2.6 - Migrated to Radix UI primitives
|
|
162
138
|
*/
|
|
163
139
|
export declare const TabsGlass: {
|
|
164
|
-
Root:
|
|
165
|
-
List:
|
|
166
|
-
Trigger:
|
|
167
|
-
Content:
|
|
140
|
+
Root: typeof TabsRoot;
|
|
141
|
+
List: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
142
|
+
Trigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
143
|
+
Content: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
168
144
|
};
|
|
169
145
|
/**
|
|
170
146
|
* Tabs - shadcn/ui compatible alias for TabsGlass.Root
|
|
171
|
-
*
|
|
172
|
-
* @example
|
|
173
|
-
* ```tsx
|
|
174
|
-
* import { Tabs, TabsList, TabsTrigger, TabsContent } from 'shadcn-glass-ui'
|
|
175
|
-
*
|
|
176
|
-
* <Tabs defaultValue="account">
|
|
177
|
-
* <TabsList>
|
|
178
|
-
* <TabsTrigger value="account">Account</TabsTrigger>
|
|
179
|
-
* <TabsTrigger value="password">Password</TabsTrigger>
|
|
180
|
-
* </TabsList>
|
|
181
|
-
* <TabsContent value="account">Account settings</TabsContent>
|
|
182
|
-
* <TabsContent value="password">Password settings</TabsContent>
|
|
183
|
-
* </Tabs>
|
|
184
|
-
* ```
|
|
185
|
-
*/
|
|
186
|
-
export declare const Tabs: FC<TabsRootProps>;
|
|
187
|
-
/**
|
|
188
|
-
* TabsList - shadcn/ui compatible alias for TabsGlass.List
|
|
189
|
-
*/
|
|
190
|
-
export { TabsList };
|
|
191
|
-
/**
|
|
192
|
-
* TabsTrigger - shadcn/ui compatible alias for TabsGlass.Trigger
|
|
193
|
-
*/
|
|
194
|
-
export { TabsTrigger };
|
|
195
|
-
/**
|
|
196
|
-
* TabsContent - shadcn/ui compatible alias for TabsGlass.Content
|
|
197
147
|
*/
|
|
198
|
-
export
|
|
148
|
+
export declare const Tabs: typeof TabsRoot;
|
|
149
|
+
export { TabsList, TabsTrigger, TabsContent };
|
|
199
150
|
//# sourceMappingURL=tabs-glass.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs-glass.d.ts","sourceRoot":"","sources":["../../../../src/components/glass/ui/tabs-glass.tsx"],"names":[],"mappings":"AACA
|
|
1
|
+
{"version":3,"file":"tabs-glass.d.ts","sourceRoot":"","sources":["../../../../src/components/glass/ui/tabs-glass.tsx"],"names":[],"mappings":"AACA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAEtD,OAAO,mBAAmB,CAAC;AAM3B;;GAEG;AACH,MAAM,WAAW,OAAO;IACtB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;AAEtF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;AAEtF;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAC;AAE5F;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAC;AAM5F;;GAEG;AACH,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAIvD;AAED;;GAEG;AACH,QAAA,MAAM,QAAQ,uJAab,CAAC;AAIF;;GAEG;AACH,QAAA,MAAM,WAAW,gKA+Bf,CAAC;AAIH;;GAEG;AACH,QAAA,MAAM,WAAW,0JAcf,CAAC;AAQH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,eAAO,MAAM,SAAS;;;;;CAKrB,CAAC;AAMF;;GAEG;AACH,eAAO,MAAM,IAAI,iBAAW,CAAC;AAE7B,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-glass.d.ts","sourceRoot":"","sources":["../../../../src/components/glass/ui/toggle-glass.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAGH,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,OAAO,EAAE,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC5F,OAAO,mBAAmB,CAAC;AAgB3B,MAAM,WAAW,gBACf,SACE,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC,EAChF,YAAY,CAAC,OAAO,WAAW,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAMD,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"toggle-glass.d.ts","sourceRoot":"","sources":["../../../../src/components/glass/ui/toggle-glass.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAGH,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,OAAO,EAAE,WAAW,EAAE,KAAK,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC5F,OAAO,mBAAmB,CAAC;AAgB3B,MAAM,WAAW,gBACf,SACE,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC,EAChF,YAAY,CAAC,OAAO,WAAW,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAMD,eAAO,MAAM,WAAW,gHA8GvB,CAAC"}
|
package/dist/components.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
const require_trust_score_card_glass = require("./trust-score-card-glass-
|
|
2
|
-
require("./utils-
|
|
3
|
-
require("./use-focus-
|
|
4
|
-
require("./theme-context-
|
|
1
|
+
const require_trust_score_card_glass = require("./trust-score-card-glass-DtgFygh5.cjs");
|
|
2
|
+
require("./utils-CiuCe_Aq.cjs");
|
|
3
|
+
require("./use-focus-BFBcpBh1.cjs");
|
|
4
|
+
require("./theme-context-7NcW0KZL.cjs");
|
|
5
5
|
exports.AICardGlass = require_trust_score_card_glass.AICardGlass;
|
|
6
6
|
exports.AlertGlass = require_trust_score_card_glass.AlertGlass;
|
|
7
7
|
exports.AvatarGlass = require_trust_score_card_glass.AvatarGlass;
|
package/dist/components.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "./utils-B792GPM_.mjs";
|
|
2
|
-
import { A as FlagAlertGlass, B as IconButtonGlass, Bt as AvatarGlass, E as ProgressGlass, F as SortDropdownGlass, Ft as CheckboxGlass, H as TooltipGlass, I as SearchBoxGlass, It as ButtonGlass, Kt as AlertGlass, M as BaseProgressGlass, N as ThemeToggleGlass, Nt as CircularProgressGlass, O as ProfileAvatarGlass, P as StatItemGlass, Rt as BadgeGlass, T as RainbowProgressGlass, V as ExpandableHeaderGlass, Xt as FormFieldWrapper, Yt as InteractiveCard, Z as TabsGlass, Zt as TouchTarget, _ as ContributionMetricsGlass, a as HeaderBrandingGlass, b as AICardGlass, c as YearCardGlass, ct as NotificationGlass, d as TrustScoreDisplayGlass, et as SliderGlass, f as RepositoryMetadataGlass, ft as InputGlass, g as MetricCardGlass, h as MetricsGridGlass, ht as DropdownGlass, i as HeaderNavGlass, j as StatusIndicatorGlass, jt as ComboBoxGlass, k as LanguageBarGlass, l as UserStatsLineGlass, m as RepositoryCardGlass, n as ProjectsListGlass, o as FlagsSectionGlass, p as RepositoryHeaderGlass, pt as GlassCard, q as ToggleGlass, r as ProfileHeaderGlass, rt as PopoverGlass, s as CareerStatsGlass, t as TrustScoreCardGlass, tt as SkeletonGlass, u as UserInfoGlass, ut as ModalGlass, v as CircularMetricGlass, w as SegmentedControlGlass, y as CareerStatsHeaderGlass } from "./trust-score-card-glass-
|
|
2
|
+
import { A as FlagAlertGlass, B as IconButtonGlass, Bt as AvatarGlass, E as ProgressGlass, F as SortDropdownGlass, Ft as CheckboxGlass, H as TooltipGlass, I as SearchBoxGlass, It as ButtonGlass, Kt as AlertGlass, M as BaseProgressGlass, N as ThemeToggleGlass, Nt as CircularProgressGlass, O as ProfileAvatarGlass, P as StatItemGlass, Rt as BadgeGlass, T as RainbowProgressGlass, V as ExpandableHeaderGlass, Xt as FormFieldWrapper, Yt as InteractiveCard, Z as TabsGlass, Zt as TouchTarget, _ as ContributionMetricsGlass, a as HeaderBrandingGlass, b as AICardGlass, c as YearCardGlass, ct as NotificationGlass, d as TrustScoreDisplayGlass, et as SliderGlass, f as RepositoryMetadataGlass, ft as InputGlass, g as MetricCardGlass, h as MetricsGridGlass, ht as DropdownGlass, i as HeaderNavGlass, j as StatusIndicatorGlass, jt as ComboBoxGlass, k as LanguageBarGlass, l as UserStatsLineGlass, m as RepositoryCardGlass, n as ProjectsListGlass, o as FlagsSectionGlass, p as RepositoryHeaderGlass, pt as GlassCard, q as ToggleGlass, r as ProfileHeaderGlass, rt as PopoverGlass, s as CareerStatsGlass, t as TrustScoreCardGlass, tt as SkeletonGlass, u as UserInfoGlass, ut as ModalGlass, v as CircularMetricGlass, w as SegmentedControlGlass, y as CareerStatsHeaderGlass } from "./trust-score-card-glass-BGqBcdyJ.mjs";
|
|
3
3
|
import "./use-focus-C5kPAKr_.mjs";
|
|
4
4
|
import "./theme-context-DLS2uAgJ.mjs";
|
|
5
5
|
export { AICardGlass, AlertGlass, AvatarGlass, BadgeGlass, BaseProgressGlass, ButtonGlass, CareerStatsGlass, CareerStatsHeaderGlass, CheckboxGlass, CircularMetricGlass, CircularProgressGlass, ComboBoxGlass, ContributionMetricsGlass, DropdownGlass, ExpandableHeaderGlass, FlagAlertGlass, FlagsSectionGlass, FormFieldWrapper, GlassCard, HeaderBrandingGlass, HeaderNavGlass, IconButtonGlass, InputGlass, InteractiveCard, LanguageBarGlass, MetricCardGlass, MetricsGridGlass, ModalGlass, NotificationGlass, PopoverGlass, ProfileAvatarGlass, ProfileHeaderGlass, ProgressGlass, ProjectsListGlass, RainbowProgressGlass, RepositoryCardGlass, RepositoryHeaderGlass, RepositoryMetadataGlass, SearchBoxGlass, SegmentedControlGlass, SkeletonGlass, SliderGlass, SortDropdownGlass, StatItemGlass, StatusIndicatorGlass, TabsGlass, ThemeToggleGlass, ToggleGlass, TooltipGlass, TouchTarget, TrustScoreCardGlass, TrustScoreDisplayGlass, UserInfoGlass, UserStatsLineGlass, YearCardGlass };
|
package/dist/hooks.cjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
const require_use_focus = require("./use-focus-
|
|
2
|
-
const require_use_wallpaper_tint = require("./use-wallpaper-tint-
|
|
1
|
+
const require_use_focus = require("./use-focus-BFBcpBh1.cjs");
|
|
2
|
+
const require_use_wallpaper_tint = require("./use-wallpaper-tint-DTTStm5f.cjs");
|
|
3
3
|
exports.useFocus = require_use_focus.useFocus;
|
|
4
4
|
exports.useHover = require_use_focus.useHover;
|
|
5
5
|
exports.useResponsive = require_use_wallpaper_tint.useResponsive;
|
package/dist/index.cjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
const require_trust_score_card_glass = require("./trust-score-card-glass-
|
|
2
|
-
const require_utils = require("./utils-
|
|
3
|
-
const require_use_focus = require("./use-focus-
|
|
4
|
-
const require_theme_context = require("./theme-context-
|
|
5
|
-
const require_use_wallpaper_tint = require("./use-wallpaper-tint-
|
|
1
|
+
const require_trust_score_card_glass = require("./trust-score-card-glass-DtgFygh5.cjs");
|
|
2
|
+
const require_utils = require("./utils-CiuCe_Aq.cjs");
|
|
3
|
+
const require_use_focus = require("./use-focus-BFBcpBh1.cjs");
|
|
4
|
+
const require_theme_context = require("./theme-context-7NcW0KZL.cjs");
|
|
5
|
+
const require_use_wallpaper_tint = require("./use-wallpaper-tint-DTTStm5f.cjs");
|
|
6
6
|
let react = require("react");
|
|
7
7
|
react = require_trust_score_card_glass.__toESM(react);
|
|
8
8
|
let lucide_react = require("lucide-react");
|
|
@@ -257,6 +257,7 @@ var StepperRoot = ({ value, onValueChange, orientation = "horizontal", variant =
|
|
|
257
257
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StepperContext.Provider, {
|
|
258
258
|
value: contextValue,
|
|
259
259
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
260
|
+
"data-slot": "stepper",
|
|
260
261
|
className: require_utils.cn(stepperRootVariants({ orientation }), className),
|
|
261
262
|
"aria-label": "Progress steps",
|
|
262
263
|
children
|
|
@@ -267,6 +268,7 @@ var StepperList = (0, react.forwardRef)(({ children, className, ...props }, ref)
|
|
|
267
268
|
const { orientation } = useStepperContext();
|
|
268
269
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
269
270
|
ref,
|
|
271
|
+
"data-slot": "stepper-list",
|
|
270
272
|
role: "tablist",
|
|
271
273
|
"aria-orientation": orientation,
|
|
272
274
|
className: require_utils.cn(stepperListVariants({ orientation }), className),
|
|
@@ -349,6 +351,7 @@ var StepperStep = (0, react.forwardRef)(({ value: stepValue, label, description,
|
|
|
349
351
|
}
|
|
350
352
|
};
|
|
351
353
|
if (orientation === "horizontal") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
354
|
+
"data-slot": "stepper-item",
|
|
352
355
|
className: require_utils.cn(stepperStepContainerVariants({ orientation }), className),
|
|
353
356
|
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
|
|
354
357
|
ref,
|
|
@@ -389,6 +392,7 @@ var StepperStep = (0, react.forwardRef)(({ value: stepValue, label, description,
|
|
|
389
392
|
})]
|
|
390
393
|
})]
|
|
391
394
|
}), !isLast && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
395
|
+
"data-slot": "stepper-separator",
|
|
392
396
|
className: require_utils.cn(stepperConnectorVariants({ orientation })),
|
|
393
397
|
style: connectorStyles,
|
|
394
398
|
"aria-hidden": "true"
|
|
@@ -396,6 +400,7 @@ var StepperStep = (0, react.forwardRef)(({ value: stepValue, label, description,
|
|
|
396
400
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
397
401
|
className: "flex flex-col",
|
|
398
402
|
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
403
|
+
"data-slot": "stepper-item",
|
|
399
404
|
className: require_utils.cn(stepperStepContainerVariants({ orientation }), className),
|
|
400
405
|
children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
|
|
401
406
|
ref,
|
|
@@ -436,6 +441,7 @@ var StepperStep = (0, react.forwardRef)(({ value: stepValue, label, description,
|
|
|
436
441
|
})]
|
|
437
442
|
})]
|
|
438
443
|
}), !isLast && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
444
|
+
"data-slot": "stepper-separator",
|
|
439
445
|
className: require_utils.cn(stepperConnectorVariants({ orientation })),
|
|
440
446
|
style: connectorStyles,
|
|
441
447
|
"aria-hidden": "true"
|
|
@@ -449,6 +455,7 @@ var StepperContent = ({ value, children, className }) => {
|
|
|
449
455
|
if (!isActive) return null;
|
|
450
456
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
451
457
|
role: "tabpanel",
|
|
458
|
+
"data-slot": "stepper-content",
|
|
452
459
|
"aria-hidden": !isActive,
|
|
453
460
|
className: require_utils.cn(stepperContentVariants({ orientation }), className),
|
|
454
461
|
children
|