shadcn-glass-ui 2.4.0 → 2.4.2
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/dist/cli/index.cjs +1 -1
- package/dist/components.cjs +4 -4
- package/dist/components.mjs +1 -1
- package/dist/hooks.cjs +2 -2
- package/dist/index.cjs +10 -5
- package/dist/index.d.ts +2 -2
- package/dist/index.mjs +2 -2
- package/dist/r/progress-glass.json +4 -3
- package/dist/r/registry.json +1 -1
- package/dist/r/tooltip-glass.json +3 -2
- package/dist/{theme-context-C-vx8lHq.cjs → theme-context-BZSaw65G.cjs} +2 -2
- package/dist/themes.cjs +1 -1
- package/dist/{trust-score-card-glass-CguUC0Iy.mjs → trust-score-card-glass-BY4b9AZ9.mjs} +14 -9
- package/dist/{trust-score-card-glass-BcZhKCFm.cjs → trust-score-card-glass-DZawAWGN.cjs} +46 -11
- package/dist/{use-focus-BoO-8ZPI.cjs → use-focus-BYXOxdPd.cjs} +2 -2
- package/dist/{use-wallpaper-tint-BaKRGsRu.cjs → use-wallpaper-tint-Cf7TKTge.cjs} +2 -2
- package/dist/{utils-DEM7daK7.cjs → utils-_xJXQNot.cjs} +2 -2
- package/dist/utils.cjs +1 -1
- package/package.json +1 -1
package/dist/cli/index.cjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
|
-
const require_trust_score_card_glass = require("../trust-score-card-glass-
|
|
2
|
+
const require_trust_score_card_glass = require("../trust-score-card-glass-DZawAWGN.cjs");
|
|
3
3
|
let node_util = require("node:util");
|
|
4
4
|
let node_fs = require("node:fs");
|
|
5
5
|
let node_path = require("node:path");
|
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-DZawAWGN.cjs");
|
|
2
|
+
require("./utils-_xJXQNot.cjs");
|
|
3
|
+
require("./use-focus-BYXOxdPd.cjs");
|
|
4
|
+
require("./theme-context-BZSaw65G.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
|
|
2
|
+
import { A as LanguageBarGlass, At as ModalGlass, Cn as TouchTarget, D as ProgressGlass, F as StatItemGlass, G as TooltipGlass, H as ExpandableHeaderGlass, I as SortDropdownGlass, L as SearchBoxGlass, M as StatusIndicatorGlass, N as BaseProgressGlass, P as ThemeToggleGlass, Q as ToggleGlass, Rt as InputGlass, Sn as FormFieldWrapper, T as RainbowProgressGlass, V as IconButtonGlass, Vt as DropdownGlass, _ as ContributionMetricsGlass, a as HeaderBrandingGlass, an as CircularProgressGlass, at as SliderGlass, b as AICardGlass, c as YearCardGlass, cn as ButtonGlass, ct as PopoverGlass, d as TrustScoreDisplayGlass, f as RepositoryMetadataGlass, fn as AvatarGlass, g as MetricCardGlass, h as MetricsGridGlass, i as HeaderNavGlass, j as FlagAlertGlass, k as ProfileAvatarGlass, l as UserStatsLineGlass, m as RepositoryCardGlass, n as ProjectsListGlass, nt as TabsGlass, o as FlagsSectionGlass, ot as SkeletonGlass, p as RepositoryHeaderGlass, pt as NotificationGlass, r as ProfileHeaderGlass, rn as ComboBoxGlass, s as CareerStatsGlass, sn as CheckboxGlass, t as TrustScoreCardGlass, u as UserInfoGlass, un as BadgeGlass, v as CircularMetricGlass, vn as AlertGlass, w as SegmentedControlGlass, xn as InteractiveCard, y as CareerStatsHeaderGlass, zt as GlassCard } from "./trust-score-card-glass-BY4b9AZ9.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-BYXOxdPd.cjs");
|
|
2
|
+
const require_use_wallpaper_tint = require("./use-wallpaper-tint-Cf7TKTge.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-DZawAWGN.cjs");
|
|
2
|
+
const require_utils = require("./utils-_xJXQNot.cjs");
|
|
3
|
+
const require_use_focus = require("./use-focus-BYXOxdPd.cjs");
|
|
4
|
+
const require_theme_context = require("./theme-context-BZSaw65G.cjs");
|
|
5
|
+
const require_use_wallpaper_tint = require("./use-wallpaper-tint-Cf7TKTge.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");
|
|
@@ -1825,6 +1825,7 @@ exports.PopoverGlassLegacy = require_trust_score_card_glass.PopoverGlassLegacy;
|
|
|
1825
1825
|
exports.PopoverGlassTrigger = require_trust_score_card_glass.PopoverGlassTrigger;
|
|
1826
1826
|
exports.ProfileAvatarGlass = require_trust_score_card_glass.ProfileAvatarGlass;
|
|
1827
1827
|
exports.ProfileHeaderGlass = require_trust_score_card_glass.ProfileHeaderGlass;
|
|
1828
|
+
exports.Progress = require_trust_score_card_glass.Progress;
|
|
1828
1829
|
exports.ProgressGlass = require_trust_score_card_glass.ProgressGlass;
|
|
1829
1830
|
exports.ProjectsListGlass = require_trust_score_card_glass.ProjectsListGlass;
|
|
1830
1831
|
exports.RainbowProgressGlass = require_trust_score_card_glass.RainbowProgressGlass;
|
|
@@ -1871,11 +1872,15 @@ exports.TabsTrigger = require_trust_score_card_glass.TabsTrigger;
|
|
|
1871
1872
|
exports.ThemeProvider = require_theme_context.ThemeProvider;
|
|
1872
1873
|
exports.ThemeToggleGlass = require_trust_score_card_glass.ThemeToggleGlass;
|
|
1873
1874
|
exports.ToggleGlass = require_trust_score_card_glass.ToggleGlass;
|
|
1875
|
+
exports.Tooltip = require_trust_score_card_glass.Tooltip;
|
|
1876
|
+
exports.TooltipContent = require_trust_score_card_glass.TooltipContent;
|
|
1874
1877
|
exports.TooltipGlass = require_trust_score_card_glass.TooltipGlass;
|
|
1875
1878
|
exports.TooltipGlassContent = require_trust_score_card_glass.TooltipGlassContent;
|
|
1876
1879
|
exports.TooltipGlassProvider = require_trust_score_card_glass.TooltipGlassProvider;
|
|
1877
1880
|
exports.TooltipGlassSimple = require_trust_score_card_glass.TooltipGlassSimple;
|
|
1878
1881
|
exports.TooltipGlassTrigger = require_trust_score_card_glass.TooltipGlassTrigger;
|
|
1882
|
+
exports.TooltipProvider = require_trust_score_card_glass.TooltipProvider;
|
|
1883
|
+
exports.TooltipTrigger = require_trust_score_card_glass.TooltipTrigger;
|
|
1879
1884
|
exports.TouchTarget = require_trust_score_card_glass.TouchTarget;
|
|
1880
1885
|
exports.TrustScoreCardGlass = require_trust_score_card_glass.TrustScoreCardGlass;
|
|
1881
1886
|
exports.TrustScoreDisplayGlass = require_trust_score_card_glass.TrustScoreDisplayGlass;
|
package/dist/index.d.ts
CHANGED
|
@@ -24,7 +24,7 @@ export { TabsGlass, Tabs, TabsList, TabsTrigger, TabsContent, } from './componen
|
|
|
24
24
|
export type { TabsRootProps, TabsListProps, TabsTriggerProps, TabsContentProps, } from './components/glass/ui/tabs-glass';
|
|
25
25
|
export { ToggleGlass } from './components/glass/ui/toggle-glass';
|
|
26
26
|
export { SidebarGlass, useSidebar } from './components/glass/ui/sidebar-glass';
|
|
27
|
-
export { TooltipGlassProvider, TooltipGlass, TooltipGlassTrigger, TooltipGlassContent, TooltipGlassSimple, } from './components/glass/ui/tooltip-glass';
|
|
27
|
+
export { TooltipGlassProvider, TooltipGlass, TooltipGlassTrigger, TooltipGlassContent, TooltipGlassSimple, Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, } from './components/glass/ui/tooltip-glass';
|
|
28
28
|
export { ExpandableHeaderGlass } from './components/glass/atomic/expandable-header-glass';
|
|
29
29
|
export { IconButtonGlass } from './components/glass/atomic/icon-button-glass';
|
|
30
30
|
export { InsightCardGlass } from './components/glass/atomic/insight-card-glass';
|
|
@@ -36,7 +36,7 @@ export { BaseProgressGlass } from './components/glass/specialized/base-progress-
|
|
|
36
36
|
export { FlagAlertGlass } from './components/glass/specialized/flag-alert-glass';
|
|
37
37
|
export { LanguageBarGlass } from './components/glass/specialized/language-bar-glass';
|
|
38
38
|
export { ProfileAvatarGlass } from './components/glass/specialized/profile-avatar-glass';
|
|
39
|
-
export { ProgressGlass } from './components/glass/specialized/progress-glass';
|
|
39
|
+
export { ProgressGlass, Progress } from './components/glass/specialized/progress-glass';
|
|
40
40
|
export { RainbowProgressGlass } from './components/glass/specialized/rainbow-progress-glass';
|
|
41
41
|
export { SegmentedControlGlass } from './components/glass/specialized/segmented-control-glass';
|
|
42
42
|
export { SparklineGlass } from './components/glass/specialized/sparkline-glass';
|
package/dist/index.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as cn } from "./utils-B792GPM_.mjs";
|
|
2
|
-
import { $ as
|
|
2
|
+
import { $ as toggleSizes, $t as DropdownMenuGlassSub, A as LanguageBarGlass, At as ModalGlass, B as insightVariantConfig, Bt as cardIntensity, C as sparklineContainerVariants, Cn as TouchTarget, Ct as DialogTitle, D as ProgressGlass, Dt as ModalContent, E as Progress, Et as ModalClose, F as StatItemGlass, Ft as ModalTitle, G as TooltipGlass, Gt as DropdownMenuGlassGroup, H as ExpandableHeaderGlass, Ht as DropdownMenuGlass, I as SortDropdownGlass, It as ModalTrigger, J as TooltipGlassSimple, Jt as DropdownMenuGlassPortal, K as TooltipGlassContent, Kt as DropdownMenuGlassItem, L as SearchBoxGlass, Lt as modalSizes, M as StatusIndicatorGlass, Mt as ModalOverlay, N as BaseProgressGlass, Nt as ModalPortal, O as progressSizes, Ot as ModalDescription, P as ThemeToggleGlass, Pt as ModalRoot, Q as ToggleGlass, Qt as DropdownMenuGlassShortcut, R as InsightCardGlass, Rt as InputGlass, S as sparklineBarVariants, Sn as FormFieldWrapper, St as DialogPortal, T as RainbowProgressGlass, Tn as alertVariants, Tt as ModalBody, U as Tooltip, Ut as DropdownMenuGlassCheckboxItem, V as IconButtonGlass, Vt as DropdownGlass, W as TooltipContent, Wt as DropdownMenuGlassContent, X as TooltipProvider, Xt as DropdownMenuGlassRadioItem, Y as TooltipGlassTrigger, Yt as DropdownMenuGlassRadioGroup, Z as TooltipTrigger, Zt as DropdownMenuGlassSeparator, _ as ContributionMetricsGlass, _n as statusSizes, _t as DialogContent, a as HeaderBrandingGlass, an as CircularProgressGlass, at as SliderGlass, b as AICardGlass, bn as AlertGlassTitle, bt as DialogHeader, c as YearCardGlass, cn as ButtonGlass, ct as PopoverGlass, d as TrustScoreDisplayGlass, dn as badgeVariants, dt as PopoverGlassLegacy, en as DropdownMenuGlassSubContent, et as Tabs, f as RepositoryMetadataGlass, fn as AvatarGlass, ft as PopoverGlassTrigger, g as MetricCardGlass, gn as avatarSizes, gt as DialogClose, h as MetricsGridGlass, hn as AvatarGlassSimple, ht as Dialog, i as HeaderNavGlass, in as inputVariants, it as TabsTrigger, j as FlagAlertGlass, jt as ModalHeader, k as ProfileAvatarGlass, kt as ModalFooter, l as UserStatsLineGlass, ln as buttonGlassVariants, lt as PopoverGlassAnchor, m as RepositoryCardGlass, mn as AvatarGlassImage, mt as notificationVariants, n as ProjectsListGlass, nn as DropdownMenuGlassTrigger, nt as TabsGlass, o as FlagsSectionGlass, on as Checkbox, ot as SkeletonGlass, p as RepositoryHeaderGlass, pn as AvatarGlassFallback, pt as NotificationGlass, q as TooltipGlassProvider, qt as DropdownMenuGlassLabel, r as ProfileHeaderGlass, rn as ComboBoxGlass, rt as TabsList, s as CareerStatsGlass, sn as CheckboxGlass, st as skeletonVariants, t as TrustScoreCardGlass, tn as DropdownMenuGlassSubTrigger, tt as TabsContent, u as UserInfoGlass, un as BadgeGlass, ut as PopoverGlassContent, v as CircularMetricGlass, vn as AlertGlass, vt as DialogDescription, w as SegmentedControlGlass, wn as ICON_SIZES, wt as DialogTrigger, x as SparklineGlass, xn as InteractiveCard, xt as DialogOverlay, y as CareerStatsHeaderGlass, yn as AlertGlassDescription, yt as DialogFooter, z as insightCardVariants, zt as GlassCard } from "./trust-score-card-glass-BY4b9AZ9.mjs";
|
|
3
3
|
import { n as useHover, t as useFocus } from "./use-focus-C5kPAKr_.mjs";
|
|
4
4
|
import { a as getThemeConfig, i as getNextTheme, n as THEME_CONFIG, o as useTheme, r as ThemeProvider, t as THEMES } from "./theme-context-DLS2uAgJ.mjs";
|
|
5
5
|
import { n as useResponsive, t as useWallpaperTint } from "./use-wallpaper-tint-C0kYXNiN.mjs";
|
|
@@ -1712,6 +1712,6 @@ const buttonVariants = cva("inline-flex items-center justify-center gap-2 whites
|
|
|
1712
1712
|
size: "default"
|
|
1713
1713
|
}
|
|
1714
1714
|
});
|
|
1715
|
-
export { AICardGlass, AlertGlass, AlertGlassDescription, AlertGlassTitle, AvatarGlass, AvatarGlassFallback, AvatarGlassImage, AvatarGlassSimple, BadgeGlass, Bar, BarChart, BaseProgressGlass, ButtonGlass, CardGlass, CardGlassAction, CardGlassContent, CardGlassDescription, CardGlassFooter, CardGlassHeader, CardGlassRoot, CardGlassTitle, CareerStatsGlass, CareerStatsHeaderGlass, Cell, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CheckboxGlass, CircularMetricGlass, CircularProgressGlass, ComboBoxGlass, ContributionMetricsGlass, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownGlass, DropdownMenuGlass, DropdownMenuGlassCheckboxItem, DropdownMenuGlassContent, DropdownMenuGlassGroup, DropdownMenuGlassItem, DropdownMenuGlassLabel, DropdownMenuGlassPortal, DropdownMenuGlassRadioGroup, DropdownMenuGlassRadioItem, DropdownMenuGlassSeparator, DropdownMenuGlassShortcut, DropdownMenuGlassSub, DropdownMenuGlassSubContent, DropdownMenuGlassSubTrigger, DropdownMenuGlassTrigger, ExpandableHeaderGlass, FlagAlertGlass, FlagsSectionGlass, FormFieldWrapper, GlassCard, HeaderBrandingGlass, HeaderNavGlass, IconButtonGlass, InputGlass, InsightCardGlass, InteractiveCard, LanguageBarGlass, MetricCardGlass, MetricsGridGlass, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalGlass, ModalHeader, ModalOverlay, ModalPortal, ModalRoot, ModalTitle, ModalTrigger, NotificationGlass, PopoverGlass, PopoverGlassAnchor, PopoverGlassContent, PopoverGlassLegacy, PopoverGlassTrigger, ProfileAvatarGlass, ProfileHeaderGlass, ProgressGlass, ProjectsListGlass, RainbowProgressGlass, RepositoryCardGlass, RepositoryHeaderGlass, RepositoryMetadataGlass, ResponsiveContainer, SearchBoxGlass, SegmentedControlGlass, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetGlass, SheetHeader, SheetOverlay, SheetPortal, SheetRoot, SheetTitle, SheetTrigger, SidebarGlass, SkeletonGlass, SliderGlass, SortDropdownGlass, SparklineGlass, SplitLayoutAccordion, SplitLayoutGlass, StatItemGlass, StatusIndicatorGlass, StepperGlass, THEMES, THEME_CONFIG, Tabs, TabsContent, TabsGlass, TabsList, TabsTrigger, ThemeProvider, ThemeToggleGlass, ToggleGlass, TooltipGlass, TooltipGlassContent, TooltipGlassProvider, TooltipGlassSimple, TooltipGlassTrigger, TouchTarget, TrustScoreCardGlass, TrustScoreDisplayGlass, UserInfoGlass, UserStatsLineGlass, YearCardGlass, alertVariants, avatarSizes, badgeVariants, buttonGlassVariants, cardIntensity, cn, dropdownAlign, getNextTheme, getThemeConfig, inputVariants, insightCardVariants, insightVariantConfig, modalSizes, notificationVariants, progressSizes, alertVariants$1 as shadcnAlertVariants, badgeVariants$1 as shadcnBadgeVariants, buttonVariants as shadcnButtonVariants, sheetVariants, skeletonVariants, sparklineBarVariants, sparklineContainerVariants, statusSizes, stepperConnectorVariants, stepperContentVariants, stepperDescriptionVariants, stepperIndicatorVariants, stepperLabelVariants, stepperListVariants, stepperRootVariants, stepperStepContainerVariants, toggleSizes, tooltipPositions, useChart, useFocus, useHover, useResponsive, useSidebar, useSplitLayout, useSplitLayoutOptional, useTheme, useWallpaperTint };
|
|
1715
|
+
export { AICardGlass, AlertGlass, AlertGlassDescription, AlertGlassTitle, AvatarGlass, AvatarGlassFallback, AvatarGlassImage, AvatarGlassSimple, BadgeGlass, Bar, BarChart, BaseProgressGlass, ButtonGlass, CardGlass, CardGlassAction, CardGlassContent, CardGlassDescription, CardGlassFooter, CardGlassHeader, CardGlassRoot, CardGlassTitle, CareerStatsGlass, CareerStatsHeaderGlass, Cell, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CheckboxGlass, CircularMetricGlass, CircularProgressGlass, ComboBoxGlass, ContributionMetricsGlass, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownGlass, DropdownMenuGlass, DropdownMenuGlassCheckboxItem, DropdownMenuGlassContent, DropdownMenuGlassGroup, DropdownMenuGlassItem, DropdownMenuGlassLabel, DropdownMenuGlassPortal, DropdownMenuGlassRadioGroup, DropdownMenuGlassRadioItem, DropdownMenuGlassSeparator, DropdownMenuGlassShortcut, DropdownMenuGlassSub, DropdownMenuGlassSubContent, DropdownMenuGlassSubTrigger, DropdownMenuGlassTrigger, ExpandableHeaderGlass, FlagAlertGlass, FlagsSectionGlass, FormFieldWrapper, GlassCard, HeaderBrandingGlass, HeaderNavGlass, IconButtonGlass, InputGlass, InsightCardGlass, InteractiveCard, LanguageBarGlass, MetricCardGlass, MetricsGridGlass, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalGlass, ModalHeader, ModalOverlay, ModalPortal, ModalRoot, ModalTitle, ModalTrigger, NotificationGlass, PopoverGlass, PopoverGlassAnchor, PopoverGlassContent, PopoverGlassLegacy, PopoverGlassTrigger, ProfileAvatarGlass, ProfileHeaderGlass, Progress, ProgressGlass, ProjectsListGlass, RainbowProgressGlass, RepositoryCardGlass, RepositoryHeaderGlass, RepositoryMetadataGlass, ResponsiveContainer, SearchBoxGlass, SegmentedControlGlass, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetGlass, SheetHeader, SheetOverlay, SheetPortal, SheetRoot, SheetTitle, SheetTrigger, SidebarGlass, SkeletonGlass, SliderGlass, SortDropdownGlass, SparklineGlass, SplitLayoutAccordion, SplitLayoutGlass, StatItemGlass, StatusIndicatorGlass, StepperGlass, THEMES, THEME_CONFIG, Tabs, TabsContent, TabsGlass, TabsList, TabsTrigger, ThemeProvider, ThemeToggleGlass, ToggleGlass, Tooltip, TooltipContent, TooltipGlass, TooltipGlassContent, TooltipGlassProvider, TooltipGlassSimple, TooltipGlassTrigger, TooltipProvider, TooltipTrigger, TouchTarget, TrustScoreCardGlass, TrustScoreDisplayGlass, UserInfoGlass, UserStatsLineGlass, YearCardGlass, alertVariants, avatarSizes, badgeVariants, buttonGlassVariants, cardIntensity, cn, dropdownAlign, getNextTheme, getThemeConfig, inputVariants, insightCardVariants, insightVariantConfig, modalSizes, notificationVariants, progressSizes, alertVariants$1 as shadcnAlertVariants, badgeVariants$1 as shadcnBadgeVariants, buttonVariants as shadcnButtonVariants, sheetVariants, skeletonVariants, sparklineBarVariants, sparklineContainerVariants, statusSizes, stepperConnectorVariants, stepperContentVariants, stepperDescriptionVariants, stepperIndicatorVariants, stepperLabelVariants, stepperListVariants, stepperRootVariants, stepperStepContainerVariants, toggleSizes, tooltipPositions, useChart, useFocus, useHover, useResponsive, useSidebar, useSplitLayout, useSplitLayoutOptional, useTheme, useWallpaperTint };
|
|
1716
1716
|
|
|
1717
1717
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -3,10 +3,11 @@
|
|
|
3
3
|
"name": "progress-glass",
|
|
4
4
|
"type": "registry:component",
|
|
5
5
|
"title": "Progress Glass",
|
|
6
|
-
"description": "Glass-themed progress bar with
|
|
6
|
+
"description": "Glass-themed progress bar with 100% shadcn/ui Progress API compatibility.\n *\n * ## shadcn/ui Compatibility\n *\n * This component is **fully compatible** with shadcn/ui Progress API:",
|
|
7
7
|
"dependencies": [
|
|
8
8
|
"class-variance-authority",
|
|
9
|
-
"react"
|
|
9
|
+
"react",
|
|
10
|
+
"shadcn-glass-ui"
|
|
10
11
|
],
|
|
11
12
|
"registryDependencies": [
|
|
12
13
|
"cn",
|
|
@@ -16,7 +17,7 @@
|
|
|
16
17
|
{
|
|
17
18
|
"path": "components/glass/specialized/progress-glass.tsx",
|
|
18
19
|
"type": "registry:component",
|
|
19
|
-
"content": "/**\n * ProgressGlass Component\n *\n * Glass-themed progress bar with
|
|
20
|
+
"content": "/**\n * ProgressGlass Component\n *\n * Glass-themed progress bar with 100% shadcn/ui Progress API compatibility.\n *\n * ## shadcn/ui Compatibility\n *\n * This component is **fully compatible** with shadcn/ui Progress API:\n * - `value` prop works identically\n * - `max` prop supported (default: 100)\n * - Extra props (`size`, `gradient`, `showLabel`) have sensible defaults\n * - Drop-in replacement: `<Progress value={50} />` → `<ProgressGlass value={50} />`\n *\n * @example Drop-in replacement from shadcn/ui\n * ```tsx\n * // shadcn/ui\n * <Progress value={50} />\n * <Progress value={50} max={200} />\n *\n * // ProgressGlass (identical behavior)\n * <ProgressGlass value={50} />\n * <ProgressGlass value={50} max={200} />\n * ```\n *\n * @example Enhanced features (not in shadcn/ui)\n * ```tsx\n * <ProgressGlass\n * value={75}\n * max={100} // Custom max value (default: 100)\n * size=\"lg\" // 'sm' | 'md' | 'lg' | 'xl' (default: 'md')\n * gradient=\"emerald\" // 'violet' | 'blue' | 'cyan' | 'amber' | 'emerald' | 'rose' (default: 'violet')\n * showLabel // Show percentage label (default: false)\n * />\n * ```\n *\n * ## Features\n * - Theme-aware styling (glass/light/aurora)\n * - Gradient fill with glow effects\n * - Responsive size variants\n * - Optional percentage label\n *\n * @accessibility\n * - role=\"progressbar\" with aria-valuenow, aria-valuemin, aria-valuemax\n */\n\nimport { forwardRef, type CSSProperties } from 'react';\nimport { type VariantProps } from 'class-variance-authority';\nimport { cn } from '@/lib/utils';\nimport { progressSizes, type ProgressGradient } from '@/lib/variants/progress-glass-variants';\nimport '@/glass-theme.css';\n\n// ========================================\n// PROPS INTERFACE\n// ========================================\n\nexport interface ProgressGlassProps\n extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'>, VariantProps<typeof progressSizes> {\n readonly value: number;\n readonly max?: number;\n readonly gradient?: ProgressGradient;\n readonly showLabel?: boolean;\n}\n\n// ========================================\n// COMPONENT\n// ========================================\n\n// Map gradient to existing metric color variables\nconst getGradientColor = (\n gradient: ProgressGradient = 'violet'\n): { colorVar: string; glowVar: string } => {\n const gradients: Record<ProgressGradient, { colorVar: string; glowVar: string }> = {\n violet: { colorVar: '--metric-default-text', glowVar: '--progress-glow-violet' }, // Uses blue metric color\n blue: { colorVar: '--metric-default-text', glowVar: '--progress-glow-blue' },\n cyan: { colorVar: '--metric-secondary-text', glowVar: '--progress-glow-cyan' },\n amber: { colorVar: '--metric-warning-text', glowVar: '--progress-glow-amber' },\n emerald: { colorVar: '--metric-success-text', glowVar: '--progress-glow-emerald' },\n rose: { colorVar: '--metric-destructive-text', glowVar: '--progress-glow-rose' },\n };\n return gradients[gradient] || gradients.violet;\n};\n\nexport const ProgressGlass = forwardRef<HTMLDivElement, ProgressGlassProps>(\n (\n { className, size = 'md', value = 0, max = 100, gradient = 'violet', showLabel, ...props },\n ref\n ) => {\n // Calculate percentage based on max value\n const percentage = Math.min(100, Math.max(0, (value / max) * 100));\n const { colorVar, glowVar } = getGradientColor(gradient);\n\n const trackStyles: CSSProperties = {\n background: 'var(--progress-bg)',\n };\n\n const fillStyles: CSSProperties = {\n width: `${percentage}%`,\n background: `var(${colorVar})`,\n boxShadow: `var(${glowVar})`,\n };\n\n return (\n <div ref={ref} data-slot=\"progress\" className={cn('w-full', className)} {...props}>\n {showLabel && (\n <div className=\"flex justify-between mb-1 md:mb-1.5\">\n <span className=\"text-(length:--font-size-2xs) md:text-xs text-(--text-muted)\">\n Progress\n </span>\n <span className=\"text-(length:--font-size-2xs) md:text-xs font-medium text-(--text-secondary)\">\n {Math.round(percentage)}%\n </span>\n </div>\n )}\n <div className={cn(progressSizes({ size }))} style={trackStyles}>\n <div\n data-slot=\"progress-indicator\"\n className=\"h-full rounded-full transition-all duration-700 ease-out\"\n style={fillStyles}\n role=\"progressbar\"\n aria-valuenow={value}\n aria-valuemin={0}\n aria-valuemax={max}\n aria-label={`Progress: ${value} of ${max}`}\n />\n </div>\n </div>\n );\n }\n);\n\nProgressGlass.displayName = 'ProgressGlass';\n\n// ========================================\n// SHADCN/UI COMPATIBLE ALIAS\n// ========================================\n\n/**\n * Progress - shadcn/ui compatible alias for ProgressGlass\n *\n * @example Drop-in replacement for shadcn/ui Progress\n * ```tsx\n * import { Progress } from 'shadcn-glass-ui'\n *\n * <Progress value={50} />\n * <Progress value={50} max={200} />\n * ```\n */\nexport const Progress = ProgressGlass;\n"
|
|
20
21
|
}
|
|
21
22
|
],
|
|
22
23
|
"categories": [
|
package/dist/r/registry.json
CHANGED
|
@@ -163,7 +163,7 @@
|
|
|
163
163
|
"name": "progress-glass",
|
|
164
164
|
"type": "registry:component",
|
|
165
165
|
"title": "Progress Glass",
|
|
166
|
-
"description": "Glass-themed progress bar with
|
|
166
|
+
"description": "Glass-themed progress bar with 100% shadcn/ui Progress API compatibility.\n *\n * ## shadcn/ui Compatibility\n *\n * This component is **fully compatible** with shadcn/ui Progress API:"
|
|
167
167
|
},
|
|
168
168
|
{
|
|
169
169
|
"name": "profile-avatar-glass",
|
|
@@ -6,7 +6,8 @@
|
|
|
6
6
|
"description": "Glass-themed tooltip with:",
|
|
7
7
|
"dependencies": [
|
|
8
8
|
"@radix-ui/react-tooltip",
|
|
9
|
-
"react"
|
|
9
|
+
"react",
|
|
10
|
+
"shadcn-glass-ui"
|
|
10
11
|
],
|
|
11
12
|
"registryDependencies": [
|
|
12
13
|
"cn"
|
|
@@ -15,7 +16,7 @@
|
|
|
15
16
|
{
|
|
16
17
|
"path": "components/glass/ui/tooltip-glass.tsx",
|
|
17
18
|
"type": "registry:component",
|
|
18
|
-
"content": "/**\n * TooltipGlass Component\n *\n * Glass-themed tooltip with:\n * - Unified dark design (consistent UX across themes)\n * - Position variants (top/bottom/left/right)\n * - Smooth animation\n * - Built on Radix UI primitives\n *\n * @example Compound API (recommended)\n * ```tsx\n * <TooltipGlassProvider>\n * <TooltipGlass>\n * <TooltipGlassTrigger asChild>\n * <Button>Hover</Button>\n * </TooltipGlassTrigger>\n * <TooltipGlassContent>\n * <p>Add to library</p>\n * </TooltipGlassContent>\n * </TooltipGlass>\n * </TooltipGlassProvider>\n * ```\n *\n * @example Simple wrapper\n * ```tsx\n * <TooltipGlassProvider>\n * <TooltipGlassSimple content=\"Click to edit\">\n * <button>Edit</button>\n * </TooltipGlassSimple>\n * </TooltipGlassProvider>\n * ```\n */\n\n'use client';\n\nimport * as React from 'react';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport { cn } from '@/lib/utils';\nimport '@/glass-theme.css';\n\n// ========================================\n// COMPOUND COMPONENT: PROVIDER\n// ========================================\n\ntype TooltipGlassProviderProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>;\n\n/**\n * TooltipGlassProvider - Context provider for all tooltips\n * Must wrap TooltipGlass components at the app level.\n */\nconst TooltipGlassProvider: React.FC<TooltipGlassProviderProps> = ({\n delayDuration = 0,\n ...props\n}) => {\n return (\n <TooltipPrimitive.Provider\n data-slot=\"tooltip-provider\"\n delayDuration={delayDuration}\n {...props}\n />\n );\n};\n\nTooltipGlassProvider.displayName = 'TooltipGlassProvider';\n\n// ========================================\n// COMPOUND COMPONENT: ROOT\n// ========================================\n\n/**\n * TooltipGlassRoot - Individual tooltip instance\n * Wraps Radix TooltipPrimitive.Root with auto-included Provider (shadcn/ui pattern)\n */\nfunction TooltipGlassRoot({\n ...props\n}: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>) {\n return (\n <TooltipGlassProvider>\n <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n </TooltipGlassProvider>\n );\n}\n\n// ========================================\n// COMPOUND COMPONENT: TRIGGER\n// ========================================\n\n/**\n * TooltipGlassTrigger - Element that triggers the tooltip\n * Supports asChild pattern for custom trigger elements.\n */\nconst TooltipGlassTrigger = React.forwardRef<\n React.ElementRef<typeof TooltipPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger>\n>(({ ...props }, ref) => (\n <TooltipPrimitive.Trigger ref={ref} data-slot=\"tooltip-trigger\" {...props} />\n));\n\nTooltipGlassTrigger.displayName = 'TooltipGlassTrigger';\n\n// ========================================\n// COMPOUND COMPONENT: CONTENT\n// ========================================\n\ntype TooltipGlassContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>;\n\n/**\n * TooltipGlassContent - Tooltip content with glass styling\n * Rendered in a portal for proper z-index handling.\n */\nconst TooltipGlassContent = React.forwardRef<\n React.ElementRef<typeof TooltipPrimitive.Content>,\n TooltipGlassContentProps\n>(({ className, sideOffset = 0, children, ...props }, ref) => {\n const tooltipStyles: React.CSSProperties = {\n background: 'var(--tooltip-bg)',\n color: 'var(--tooltip-text)',\n border: '1px solid var(--tooltip-border)',\n boxShadow: 'var(--tooltip-shadow)',\n backdropFilter: 'blur(var(--blur-xl))',\n WebkitBackdropFilter: 'blur(var(--blur-xl))',\n };\n\n return (\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n data-slot=\"tooltip-content\"\n className={cn(\n 'z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance',\n 'animate-in fade-in-0 zoom-in-95',\n 'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',\n 'data-[side=bottom]:slide-in-from-top-2',\n 'data-[side=left]:slide-in-from-right-2',\n 'data-[side=right]:slide-in-from-left-2',\n 'data-[side=top]:slide-in-from-bottom-2',\n className\n )}\n style={tooltipStyles}\n {...props}\n >\n {children}\n <TooltipPrimitive.Arrow\n className=\"z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs\"\n style={{\n fill: 'var(--tooltip-bg)',\n background: 'var(--tooltip-bg)',\n }}\n />\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n );\n});\n\nTooltipGlassContent.displayName = 'TooltipGlassContent';\n\n// ========================================\n// SIMPLE WRAPPER (convenience)\n// ========================================\n\ninterface TooltipGlassSimpleProps {\n content: string;\n children: React.ReactNode;\n side?: 'top' | 'right' | 'bottom' | 'left';\n className?: string;\n}\n\nconst TooltipGlassSimple: React.FC<TooltipGlassSimpleProps> = ({\n content,\n children,\n side = 'top',\n className,\n}) => {\n return (\n <TooltipGlassRoot>\n <TooltipGlassTrigger asChild>{children}</TooltipGlassTrigger>\n <TooltipGlassContent side={side} className={className}>\n {content}\n </TooltipGlassContent>\n </TooltipGlassRoot>\n );\n};\n\n// ========================================\n// EXPORTS\n// ========================================\n\n// Compound API (shadcn/ui pattern)\nexport const TooltipGlass = TooltipGlassRoot;\nexport { TooltipGlassProvider, TooltipGlassTrigger, TooltipGlassContent, TooltipGlassSimple };\n"
|
|
19
|
+
"content": "/**\n * TooltipGlass Component\n *\n * Glass-themed tooltip with:\n * - Unified dark design (consistent UX across themes)\n * - Position variants (top/bottom/left/right)\n * - Smooth animation\n * - Built on Radix UI primitives\n *\n * @example Compound API (recommended)\n * ```tsx\n * <TooltipGlassProvider>\n * <TooltipGlass>\n * <TooltipGlassTrigger asChild>\n * <Button>Hover</Button>\n * </TooltipGlassTrigger>\n * <TooltipGlassContent>\n * <p>Add to library</p>\n * </TooltipGlassContent>\n * </TooltipGlass>\n * </TooltipGlassProvider>\n * ```\n *\n * @example Simple wrapper\n * ```tsx\n * <TooltipGlassProvider>\n * <TooltipGlassSimple content=\"Click to edit\">\n * <button>Edit</button>\n * </TooltipGlassSimple>\n * </TooltipGlassProvider>\n * ```\n */\n\n'use client';\n\nimport * as React from 'react';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport { cn } from '@/lib/utils';\nimport '@/glass-theme.css';\n\n// ========================================\n// COMPOUND COMPONENT: PROVIDER\n// ========================================\n\ntype TooltipGlassProviderProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>;\n\n/**\n * TooltipGlassProvider - Context provider for all tooltips\n * Must wrap TooltipGlass components at the app level.\n */\nconst TooltipGlassProvider: React.FC<TooltipGlassProviderProps> = ({\n delayDuration = 0,\n ...props\n}) => {\n return (\n <TooltipPrimitive.Provider\n data-slot=\"tooltip-provider\"\n delayDuration={delayDuration}\n {...props}\n />\n );\n};\n\nTooltipGlassProvider.displayName = 'TooltipGlassProvider';\n\n// ========================================\n// COMPOUND COMPONENT: ROOT\n// ========================================\n\n/**\n * TooltipGlassRoot - Individual tooltip instance\n * Wraps Radix TooltipPrimitive.Root with auto-included Provider (shadcn/ui pattern)\n */\nfunction TooltipGlassRoot({\n ...props\n}: React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>) {\n return (\n <TooltipGlassProvider>\n <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n </TooltipGlassProvider>\n );\n}\n\n// ========================================\n// COMPOUND COMPONENT: TRIGGER\n// ========================================\n\n/**\n * TooltipGlassTrigger - Element that triggers the tooltip\n * Supports asChild pattern for custom trigger elements.\n */\nconst TooltipGlassTrigger = React.forwardRef<\n React.ElementRef<typeof TooltipPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger>\n>(({ ...props }, ref) => (\n <TooltipPrimitive.Trigger ref={ref} data-slot=\"tooltip-trigger\" {...props} />\n));\n\nTooltipGlassTrigger.displayName = 'TooltipGlassTrigger';\n\n// ========================================\n// COMPOUND COMPONENT: CONTENT\n// ========================================\n\ntype TooltipGlassContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>;\n\n/**\n * TooltipGlassContent - Tooltip content with glass styling\n * Rendered in a portal for proper z-index handling.\n */\nconst TooltipGlassContent = React.forwardRef<\n React.ElementRef<typeof TooltipPrimitive.Content>,\n TooltipGlassContentProps\n>(({ className, sideOffset = 0, children, ...props }, ref) => {\n const tooltipStyles: React.CSSProperties = {\n background: 'var(--tooltip-bg)',\n color: 'var(--tooltip-text)',\n border: '1px solid var(--tooltip-border)',\n boxShadow: 'var(--tooltip-shadow)',\n backdropFilter: 'blur(var(--blur-xl))',\n WebkitBackdropFilter: 'blur(var(--blur-xl))',\n };\n\n return (\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n data-slot=\"tooltip-content\"\n className={cn(\n 'z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance',\n 'animate-in fade-in-0 zoom-in-95',\n 'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',\n 'data-[side=bottom]:slide-in-from-top-2',\n 'data-[side=left]:slide-in-from-right-2',\n 'data-[side=right]:slide-in-from-left-2',\n 'data-[side=top]:slide-in-from-bottom-2',\n className\n )}\n style={tooltipStyles}\n {...props}\n >\n {children}\n <TooltipPrimitive.Arrow\n className=\"z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs\"\n style={{\n fill: 'var(--tooltip-bg)',\n background: 'var(--tooltip-bg)',\n }}\n />\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n );\n});\n\nTooltipGlassContent.displayName = 'TooltipGlassContent';\n\n// ========================================\n// SIMPLE WRAPPER (convenience)\n// ========================================\n\ninterface TooltipGlassSimpleProps {\n content: string;\n children: React.ReactNode;\n side?: 'top' | 'right' | 'bottom' | 'left';\n className?: string;\n}\n\nconst TooltipGlassSimple: React.FC<TooltipGlassSimpleProps> = ({\n content,\n children,\n side = 'top',\n className,\n}) => {\n return (\n <TooltipGlassRoot>\n <TooltipGlassTrigger asChild>{children}</TooltipGlassTrigger>\n <TooltipGlassContent side={side} className={className}>\n {content}\n </TooltipGlassContent>\n </TooltipGlassRoot>\n );\n};\n\n// ========================================\n// EXPORTS\n// ========================================\n\n// Compound API (shadcn/ui pattern)\nexport const TooltipGlass = TooltipGlassRoot;\nexport { TooltipGlassProvider, TooltipGlassTrigger, TooltipGlassContent, TooltipGlassSimple };\n\n// ========================================\n// SHADCN/UI COMPATIBLE ALIASES\n// ========================================\n\n/**\n * Tooltip - shadcn/ui compatible alias for TooltipGlass\n *\n * @example Drop-in replacement for shadcn/ui Tooltip\n * ```tsx\n * import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from 'shadcn-glass-ui'\n *\n * <TooltipProvider>\n * <Tooltip>\n * <TooltipTrigger>Hover</TooltipTrigger>\n * <TooltipContent>Tooltip text</TooltipContent>\n * </Tooltip>\n * </TooltipProvider>\n * ```\n */\nexport const Tooltip = TooltipGlassRoot;\n\n/** TooltipTrigger - shadcn/ui compatible alias for TooltipGlassTrigger */\nexport const TooltipTrigger = TooltipGlassTrigger;\n\n/** TooltipContent - shadcn/ui compatible alias for TooltipGlassContent */\nexport const TooltipContent = TooltipGlassContent;\n\n/** TooltipProvider - shadcn/ui compatible alias for TooltipGlassProvider */\nexport const TooltipProvider = TooltipGlassProvider;\n"
|
|
19
20
|
}
|
|
20
21
|
],
|
|
21
22
|
"categories": [
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const require_trust_score_card_glass = require("./trust-score-card-glass-
|
|
1
|
+
const require_trust_score_card_glass = require("./trust-score-card-glass-DZawAWGN.cjs");
|
|
2
2
|
let react = require("react");
|
|
3
3
|
let lucide_react = require("lucide-react");
|
|
4
4
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
@@ -99,4 +99,4 @@ Object.defineProperty(exports, "useTheme", {
|
|
|
99
99
|
}
|
|
100
100
|
});
|
|
101
101
|
|
|
102
|
-
//# sourceMappingURL=theme-context-
|
|
102
|
+
//# sourceMappingURL=theme-context-BZSaw65G.cjs.map
|
package/dist/themes.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const require_theme_context = require("./theme-context-
|
|
1
|
+
const require_theme_context = require("./theme-context-BZSaw65G.cjs");
|
|
2
2
|
exports.THEMES = require_theme_context.THEMES;
|
|
3
3
|
exports.THEME_CONFIG = require_theme_context.THEME_CONFIG;
|
|
4
4
|
exports.ThemeProvider = require_theme_context.ThemeProvider;
|
|
@@ -1780,6 +1780,10 @@ var TooltipGlassSimple = ({ content, children, side = "top", className }) => {
|
|
|
1780
1780
|
})] });
|
|
1781
1781
|
};
|
|
1782
1782
|
const TooltipGlass = TooltipGlassRoot;
|
|
1783
|
+
const Tooltip$1 = TooltipGlassRoot;
|
|
1784
|
+
const TooltipTrigger = TooltipGlassTrigger;
|
|
1785
|
+
const TooltipContent = TooltipGlassContent;
|
|
1786
|
+
const TooltipProvider = TooltipGlassProvider;
|
|
1783
1787
|
const ExpandableHeaderGlass = forwardRef(({ title, icon: Icon, iconColor = "var(--text-accent)", expanded, onToggle, className, ...props }, ref) => {
|
|
1784
1788
|
const textStyles = { color: "var(--text-primary)" };
|
|
1785
1789
|
const chevronStyles = { color: "var(--text-muted)" };
|
|
@@ -2474,12 +2478,12 @@ var getGradientColor = (gradient = "violet") => {
|
|
|
2474
2478
|
};
|
|
2475
2479
|
return gradients[gradient] || gradients.violet;
|
|
2476
2480
|
};
|
|
2477
|
-
const ProgressGlass = forwardRef(({ className, size = "md", value = 0, gradient = "violet", showLabel, ...props }, ref) => {
|
|
2478
|
-
const
|
|
2481
|
+
const ProgressGlass = forwardRef(({ className, size = "md", value = 0, max = 100, gradient = "violet", showLabel, ...props }, ref) => {
|
|
2482
|
+
const percentage = Math.min(100, Math.max(0, value / max * 100));
|
|
2479
2483
|
const { colorVar, glowVar } = getGradientColor(gradient);
|
|
2480
2484
|
const trackStyles = { background: "var(--progress-bg)" };
|
|
2481
2485
|
const fillStyles = {
|
|
2482
|
-
width: `${
|
|
2486
|
+
width: `${percentage}%`,
|
|
2483
2487
|
background: `var(${colorVar})`,
|
|
2484
2488
|
boxShadow: `var(${glowVar})`
|
|
2485
2489
|
};
|
|
@@ -2495,7 +2499,7 @@ const ProgressGlass = forwardRef(({ className, size = "md", value = 0, gradient
|
|
|
2495
2499
|
children: "Progress"
|
|
2496
2500
|
}), /* @__PURE__ */ jsxs("span", {
|
|
2497
2501
|
className: "text-(length:--font-size-2xs) md:text-xs font-medium text-(--text-secondary)",
|
|
2498
|
-
children: [
|
|
2502
|
+
children: [Math.round(percentage), "%"]
|
|
2499
2503
|
})]
|
|
2500
2504
|
}), /* @__PURE__ */ jsx("div", {
|
|
2501
2505
|
className: cn(progressSizes({ size })),
|
|
@@ -2505,15 +2509,16 @@ const ProgressGlass = forwardRef(({ className, size = "md", value = 0, gradient
|
|
|
2505
2509
|
className: "h-full rounded-full transition-all duration-700 ease-out",
|
|
2506
2510
|
style: fillStyles,
|
|
2507
2511
|
role: "progressbar",
|
|
2508
|
-
"aria-valuenow":
|
|
2512
|
+
"aria-valuenow": value,
|
|
2509
2513
|
"aria-valuemin": 0,
|
|
2510
|
-
"aria-valuemax":
|
|
2511
|
-
"aria-label": `Progress: ${
|
|
2514
|
+
"aria-valuemax": max,
|
|
2515
|
+
"aria-label": `Progress: ${value} of ${max}`
|
|
2512
2516
|
})
|
|
2513
2517
|
})]
|
|
2514
2518
|
});
|
|
2515
2519
|
});
|
|
2516
2520
|
ProgressGlass.displayName = "ProgressGlass";
|
|
2521
|
+
const Progress = ProgressGlass;
|
|
2517
2522
|
var sizeClasses = {
|
|
2518
2523
|
sm: "h-2.5 md:h-2",
|
|
2519
2524
|
md: "h-3.5 md:h-3",
|
|
@@ -4174,6 +4179,6 @@ const TrustScoreCardGlass = forwardRef(({ score = 72, metrics = [], className, .
|
|
|
4174
4179
|
});
|
|
4175
4180
|
});
|
|
4176
4181
|
TrustScoreCardGlass.displayName = "TrustScoreCardGlass";
|
|
4177
|
-
export {
|
|
4182
|
+
export { toggleSizes as $, DropdownMenuGlassSub as $t, LanguageBarGlass as A, ModalGlass as At, insightVariantConfig as B, cardIntensity as Bt, sparklineContainerVariants as C, TouchTarget as Cn, DialogTitle as Ct, ProgressGlass as D, ModalContent as Dt, Progress as E, ModalClose as Et, StatItemGlass as F, ModalTitle as Ft, TooltipGlass as G, DropdownMenuGlassGroup as Gt, ExpandableHeaderGlass as H, DropdownMenuGlass as Ht, SortDropdownGlass as I, ModalTrigger as It, TooltipGlassSimple as J, DropdownMenuGlassPortal as Jt, TooltipGlassContent as K, DropdownMenuGlassItem as Kt, SearchBoxGlass as L, modalSizes as Lt, StatusIndicatorGlass as M, ModalOverlay as Mt, BaseProgressGlass as N, ModalPortal as Nt, progressSizes as O, ModalDescription as Ot, ThemeToggleGlass as P, ModalRoot as Pt, ToggleGlass as Q, DropdownMenuGlassShortcut as Qt, InsightCardGlass as R, InputGlass as Rt, sparklineBarVariants as S, FormFieldWrapper as Sn, DialogPortal as St, RainbowProgressGlass as T, alertVariants as Tn, ModalBody as Tt, Tooltip$1 as U, DropdownMenuGlassCheckboxItem as Ut, IconButtonGlass as V, DropdownGlass as Vt, TooltipContent as W, DropdownMenuGlassContent as Wt, TooltipProvider as X, DropdownMenuGlassRadioItem as Xt, TooltipGlassTrigger as Y, DropdownMenuGlassRadioGroup as Yt, TooltipTrigger as Z, DropdownMenuGlassSeparator as Zt, ContributionMetricsGlass as _, statusSizes as _n, DialogContent as _t, HeaderBrandingGlass as a, CircularProgressGlass as an, SliderGlass as at, AICardGlass as b, AlertGlassTitle as bn, DialogHeader as bt, YearCardGlass as c, ButtonGlass as cn, PopoverGlass as ct, TrustScoreDisplayGlass as d, badgeVariants as dn, PopoverGlassLegacy as dt, DropdownMenuGlassSubContent as en, Tabs as et, RepositoryMetadataGlass as f, AvatarGlass as fn, PopoverGlassTrigger as ft, MetricCardGlass as g, avatarSizes as gn, DialogClose as gt, MetricsGridGlass as h, AvatarGlassSimple as hn, Dialog as ht, HeaderNavGlass as i, inputVariants as in, TabsTrigger as it, FlagAlertGlass as j, ModalHeader as jt, ProfileAvatarGlass as k, ModalFooter as kt, UserStatsLineGlass as l, buttonGlassVariants as ln, PopoverGlassAnchor as lt, RepositoryCardGlass as m, AvatarGlassImage as mn, notificationVariants as mt, ProjectsListGlass as n, DropdownMenuGlassTrigger as nn, TabsGlass as nt, FlagsSectionGlass as o, Checkbox as on, SkeletonGlass as ot, RepositoryHeaderGlass as p, AvatarGlassFallback as pn, NotificationGlass as pt, TooltipGlassProvider as q, DropdownMenuGlassLabel as qt, ProfileHeaderGlass as r, ComboBoxGlass as rn, TabsList as rt, CareerStatsGlass as s, CheckboxGlass as sn, skeletonVariants as st, TrustScoreCardGlass as t, DropdownMenuGlassSubTrigger as tn, TabsContent as tt, UserInfoGlass as u, BadgeGlass as un, PopoverGlassContent as ut, CircularMetricGlass as v, AlertGlass as vn, DialogDescription as vt, SegmentedControlGlass as w, ICON_SIZES as wn, DialogTrigger as wt, SparklineGlass as x, InteractiveCard as xn, DialogOverlay as xt, CareerStatsHeaderGlass as y, AlertGlassDescription as yn, DialogFooter as yt, insightCardVariants as z, GlassCard as zt };
|
|
4178
4183
|
|
|
4179
|
-
//# sourceMappingURL=trust-score-card-glass-
|
|
4184
|
+
//# sourceMappingURL=trust-score-card-glass-BY4b9AZ9.mjs.map
|
|
@@ -18,9 +18,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
18
18
|
value: mod,
|
|
19
19
|
enumerable: true
|
|
20
20
|
}) : target, mod));
|
|
21
|
-
const require_utils = require("./utils-
|
|
22
|
-
const require_use_focus = require("./use-focus-
|
|
23
|
-
const require_theme_context = require("./theme-context-
|
|
21
|
+
const require_utils = require("./utils-_xJXQNot.cjs");
|
|
22
|
+
const require_use_focus = require("./use-focus-BYXOxdPd.cjs");
|
|
23
|
+
const require_theme_context = require("./theme-context-BZSaw65G.cjs");
|
|
24
24
|
let react = require("react");
|
|
25
25
|
react = __toESM(react);
|
|
26
26
|
let lucide_react = require("lucide-react");
|
|
@@ -1808,6 +1808,10 @@ var TooltipGlassSimple = ({ content, children, side = "top", className }) => {
|
|
|
1808
1808
|
})] });
|
|
1809
1809
|
};
|
|
1810
1810
|
const TooltipGlass = TooltipGlassRoot;
|
|
1811
|
+
const Tooltip$1 = TooltipGlassRoot;
|
|
1812
|
+
const TooltipTrigger = TooltipGlassTrigger;
|
|
1813
|
+
const TooltipContent = TooltipGlassContent;
|
|
1814
|
+
const TooltipProvider = TooltipGlassProvider;
|
|
1811
1815
|
const ExpandableHeaderGlass = (0, react.forwardRef)(({ title, icon: Icon, iconColor = "var(--text-accent)", expanded, onToggle, className, ...props }, ref) => {
|
|
1812
1816
|
const textStyles = { color: "var(--text-primary)" };
|
|
1813
1817
|
const chevronStyles = { color: "var(--text-muted)" };
|
|
@@ -2502,12 +2506,12 @@ var getGradientColor = (gradient = "violet") => {
|
|
|
2502
2506
|
};
|
|
2503
2507
|
return gradients[gradient] || gradients.violet;
|
|
2504
2508
|
};
|
|
2505
|
-
const ProgressGlass = (0, react.forwardRef)(({ className, size = "md", value = 0, gradient = "violet", showLabel, ...props }, ref) => {
|
|
2506
|
-
const
|
|
2509
|
+
const ProgressGlass = (0, react.forwardRef)(({ className, size = "md", value = 0, max = 100, gradient = "violet", showLabel, ...props }, ref) => {
|
|
2510
|
+
const percentage = Math.min(100, Math.max(0, value / max * 100));
|
|
2507
2511
|
const { colorVar, glowVar } = getGradientColor(gradient);
|
|
2508
2512
|
const trackStyles = { background: "var(--progress-bg)" };
|
|
2509
2513
|
const fillStyles = {
|
|
2510
|
-
width: `${
|
|
2514
|
+
width: `${percentage}%`,
|
|
2511
2515
|
background: `var(${colorVar})`,
|
|
2512
2516
|
boxShadow: `var(${glowVar})`
|
|
2513
2517
|
};
|
|
@@ -2523,7 +2527,7 @@ const ProgressGlass = (0, react.forwardRef)(({ className, size = "md", value = 0
|
|
|
2523
2527
|
children: "Progress"
|
|
2524
2528
|
}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
|
|
2525
2529
|
className: "text-(length:--font-size-2xs) md:text-xs font-medium text-(--text-secondary)",
|
|
2526
|
-
children: [
|
|
2530
|
+
children: [Math.round(percentage), "%"]
|
|
2527
2531
|
})]
|
|
2528
2532
|
}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
2529
2533
|
className: require_utils.cn(progressSizes({ size })),
|
|
@@ -2533,15 +2537,16 @@ const ProgressGlass = (0, react.forwardRef)(({ className, size = "md", value = 0
|
|
|
2533
2537
|
className: "h-full rounded-full transition-all duration-700 ease-out",
|
|
2534
2538
|
style: fillStyles,
|
|
2535
2539
|
role: "progressbar",
|
|
2536
|
-
"aria-valuenow":
|
|
2540
|
+
"aria-valuenow": value,
|
|
2537
2541
|
"aria-valuemin": 0,
|
|
2538
|
-
"aria-valuemax":
|
|
2539
|
-
"aria-label": `Progress: ${
|
|
2542
|
+
"aria-valuemax": max,
|
|
2543
|
+
"aria-label": `Progress: ${value} of ${max}`
|
|
2540
2544
|
})
|
|
2541
2545
|
})]
|
|
2542
2546
|
});
|
|
2543
2547
|
});
|
|
2544
2548
|
ProgressGlass.displayName = "ProgressGlass";
|
|
2549
|
+
const Progress = ProgressGlass;
|
|
2545
2550
|
var sizeClasses = {
|
|
2546
2551
|
sm: "h-2.5 md:h-2",
|
|
2547
2552
|
md: "h-3.5 md:h-3",
|
|
@@ -4682,6 +4687,12 @@ Object.defineProperty(exports, "ProfileHeaderGlass", {
|
|
|
4682
4687
|
return ProfileHeaderGlass;
|
|
4683
4688
|
}
|
|
4684
4689
|
});
|
|
4690
|
+
Object.defineProperty(exports, "Progress", {
|
|
4691
|
+
enumerable: true,
|
|
4692
|
+
get: function() {
|
|
4693
|
+
return Progress;
|
|
4694
|
+
}
|
|
4695
|
+
});
|
|
4685
4696
|
Object.defineProperty(exports, "ProgressGlass", {
|
|
4686
4697
|
enumerable: true,
|
|
4687
4698
|
get: function() {
|
|
@@ -4808,6 +4819,18 @@ Object.defineProperty(exports, "ToggleGlass", {
|
|
|
4808
4819
|
return ToggleGlass;
|
|
4809
4820
|
}
|
|
4810
4821
|
});
|
|
4822
|
+
Object.defineProperty(exports, "Tooltip", {
|
|
4823
|
+
enumerable: true,
|
|
4824
|
+
get: function() {
|
|
4825
|
+
return Tooltip$1;
|
|
4826
|
+
}
|
|
4827
|
+
});
|
|
4828
|
+
Object.defineProperty(exports, "TooltipContent", {
|
|
4829
|
+
enumerable: true,
|
|
4830
|
+
get: function() {
|
|
4831
|
+
return TooltipContent;
|
|
4832
|
+
}
|
|
4833
|
+
});
|
|
4811
4834
|
Object.defineProperty(exports, "TooltipGlass", {
|
|
4812
4835
|
enumerable: true,
|
|
4813
4836
|
get: function() {
|
|
@@ -4838,6 +4861,18 @@ Object.defineProperty(exports, "TooltipGlassTrigger", {
|
|
|
4838
4861
|
return TooltipGlassTrigger;
|
|
4839
4862
|
}
|
|
4840
4863
|
});
|
|
4864
|
+
Object.defineProperty(exports, "TooltipProvider", {
|
|
4865
|
+
enumerable: true,
|
|
4866
|
+
get: function() {
|
|
4867
|
+
return TooltipProvider;
|
|
4868
|
+
}
|
|
4869
|
+
});
|
|
4870
|
+
Object.defineProperty(exports, "TooltipTrigger", {
|
|
4871
|
+
enumerable: true,
|
|
4872
|
+
get: function() {
|
|
4873
|
+
return TooltipTrigger;
|
|
4874
|
+
}
|
|
4875
|
+
});
|
|
4841
4876
|
Object.defineProperty(exports, "TouchTarget", {
|
|
4842
4877
|
enumerable: true,
|
|
4843
4878
|
get: function() {
|
|
@@ -4977,4 +5012,4 @@ Object.defineProperty(exports, "toggleSizes", {
|
|
|
4977
5012
|
}
|
|
4978
5013
|
});
|
|
4979
5014
|
|
|
4980
|
-
//# sourceMappingURL=trust-score-card-glass-
|
|
5015
|
+
//# sourceMappingURL=trust-score-card-glass-DZawAWGN.cjs.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const require_trust_score_card_glass = require("./trust-score-card-glass-
|
|
1
|
+
const require_trust_score_card_glass = require("./trust-score-card-glass-DZawAWGN.cjs");
|
|
2
2
|
let react = require("react");
|
|
3
3
|
function useHover(options = {}) {
|
|
4
4
|
const { enterDelay = 0, leaveDelay = 0, includeFocus = false, onHoverChange } = options;
|
|
@@ -127,4 +127,4 @@ Object.defineProperty(exports, "useHover", {
|
|
|
127
127
|
}
|
|
128
128
|
});
|
|
129
129
|
|
|
130
|
-
//# sourceMappingURL=use-focus-
|
|
130
|
+
//# sourceMappingURL=use-focus-BYXOxdPd.cjs.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const require_trust_score_card_glass = require("./trust-score-card-glass-
|
|
1
|
+
const require_trust_score_card_glass = require("./trust-score-card-glass-DZawAWGN.cjs");
|
|
2
2
|
let react = require("react");
|
|
3
3
|
var BREAKPOINTS = {
|
|
4
4
|
xs: 0,
|
|
@@ -159,4 +159,4 @@ Object.defineProperty(exports, "useWallpaperTint", {
|
|
|
159
159
|
}
|
|
160
160
|
});
|
|
161
161
|
|
|
162
|
-
//# sourceMappingURL=use-wallpaper-tint-
|
|
162
|
+
//# sourceMappingURL=use-wallpaper-tint-Cf7TKTge.cjs.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const require_trust_score_card_glass = require("./trust-score-card-glass-
|
|
1
|
+
const require_trust_score_card_glass = require("./trust-score-card-glass-DZawAWGN.cjs");
|
|
2
2
|
let clsx = require("clsx");
|
|
3
3
|
let tailwind_merge = require("tailwind-merge");
|
|
4
4
|
const cn = (...inputs) => {
|
|
@@ -11,4 +11,4 @@ Object.defineProperty(exports, "cn", {
|
|
|
11
11
|
}
|
|
12
12
|
});
|
|
13
13
|
|
|
14
|
-
//# sourceMappingURL=utils-
|
|
14
|
+
//# sourceMappingURL=utils-_xJXQNot.cjs.map
|
package/dist/utils.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const require_utils = require("./utils-
|
|
1
|
+
const require_utils = require("./utils-_xJXQNot.cjs");
|
|
2
2
|
exports.cn = require_utils.cn;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "shadcn-glass-ui",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "2.4.
|
|
4
|
+
"version": "2.4.2",
|
|
5
5
|
"description": "Glassmorphism UI library for React - AI-friendly with 59 components, strict TypeScript, and comprehensive docs",
|
|
6
6
|
"author": "Yhooi2",
|
|
7
7
|
"license": "MIT",
|