shadcn-glass-ui 2.4.0 → 2.4.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/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 +9 -5
- package/dist/index.d.ts +1 -1
- package/dist/index.mjs +2 -2
- package/dist/r/progress-glass.json +2 -2
- package/dist/r/registry.json +1 -1
- package/dist/r/tooltip-glass.json +3 -2
- package/dist/{theme-context-C-vx8lHq.cjs → theme-context-D61BHWhL.cjs} +2 -2
- package/dist/themes.cjs +1 -1
- package/dist/{trust-score-card-glass-CguUC0Iy.mjs → trust-score-card-glass-Bt77v2TG.mjs} +13 -9
- package/dist/{trust-score-card-glass-BcZhKCFm.cjs → trust-score-card-glass-ztDXeLJV.cjs} +39 -11
- package/dist/{use-focus-BoO-8ZPI.cjs → use-focus-D2yByp-J.cjs} +2 -2
- package/dist/{use-wallpaper-tint-BaKRGsRu.cjs → use-wallpaper-tint-DiGB-ziW.cjs} +2 -2
- package/dist/{utils-DEM7daK7.cjs → utils-MToinUO7.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-ztDXeLJV.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-ztDXeLJV.cjs");
|
|
2
|
+
require("./utils-MToinUO7.cjs");
|
|
3
|
+
require("./use-focus-D2yByp-J.cjs");
|
|
4
|
+
require("./theme-context-D61BHWhL.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,
|
|
2
|
+
import { A as FlagAlertGlass, B as IconButtonGlass, Bt as DropdownGlass, E as ProgressGlass, F as SortDropdownGlass, I as SearchBoxGlass, Lt as InputGlass, M as BaseProgressGlass, N as ThemeToggleGlass, O as ProfileAvatarGlass, P as StatItemGlass, Rt as GlassCard, Sn as TouchTarget, T as RainbowProgressGlass, V as ExpandableHeaderGlass, W as TooltipGlass, Z as ToggleGlass, _ as ContributionMetricsGlass, _n as AlertGlass, a as HeaderBrandingGlass, at as SkeletonGlass, b as AICardGlass, bn as InteractiveCard, c as YearCardGlass, d as TrustScoreDisplayGlass, dn as AvatarGlass, f as RepositoryMetadataGlass, ft as NotificationGlass, g as MetricCardGlass, h as MetricsGridGlass, i as HeaderNavGlass, in as CircularProgressGlass, it as SliderGlass, j as StatusIndicatorGlass, k as LanguageBarGlass, kt as ModalGlass, l as UserStatsLineGlass, ln as BadgeGlass, m as RepositoryCardGlass, n as ProjectsListGlass, nn as ComboBoxGlass, o as FlagsSectionGlass, on as CheckboxGlass, p as RepositoryHeaderGlass, r as ProfileHeaderGlass, s as CareerStatsGlass, sn as ButtonGlass, st as PopoverGlass, t as TrustScoreCardGlass, tt as TabsGlass, u as UserInfoGlass, v as CircularMetricGlass, w as SegmentedControlGlass, xn as FormFieldWrapper, y as CareerStatsHeaderGlass } from "./trust-score-card-glass-Bt77v2TG.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-D2yByp-J.cjs");
|
|
2
|
+
const require_use_wallpaper_tint = require("./use-wallpaper-tint-DiGB-ziW.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-ztDXeLJV.cjs");
|
|
2
|
+
const require_utils = require("./utils-MToinUO7.cjs");
|
|
3
|
+
const require_use_focus = require("./use-focus-D2yByp-J.cjs");
|
|
4
|
+
const require_theme_context = require("./theme-context-D61BHWhL.cjs");
|
|
5
|
+
const require_use_wallpaper_tint = require("./use-wallpaper-tint-DiGB-ziW.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");
|
|
@@ -1871,11 +1871,15 @@ exports.TabsTrigger = require_trust_score_card_glass.TabsTrigger;
|
|
|
1871
1871
|
exports.ThemeProvider = require_theme_context.ThemeProvider;
|
|
1872
1872
|
exports.ThemeToggleGlass = require_trust_score_card_glass.ThemeToggleGlass;
|
|
1873
1873
|
exports.ToggleGlass = require_trust_score_card_glass.ToggleGlass;
|
|
1874
|
+
exports.Tooltip = require_trust_score_card_glass.Tooltip;
|
|
1875
|
+
exports.TooltipContent = require_trust_score_card_glass.TooltipContent;
|
|
1874
1876
|
exports.TooltipGlass = require_trust_score_card_glass.TooltipGlass;
|
|
1875
1877
|
exports.TooltipGlassContent = require_trust_score_card_glass.TooltipGlassContent;
|
|
1876
1878
|
exports.TooltipGlassProvider = require_trust_score_card_glass.TooltipGlassProvider;
|
|
1877
1879
|
exports.TooltipGlassSimple = require_trust_score_card_glass.TooltipGlassSimple;
|
|
1878
1880
|
exports.TooltipGlassTrigger = require_trust_score_card_glass.TooltipGlassTrigger;
|
|
1881
|
+
exports.TooltipProvider = require_trust_score_card_glass.TooltipProvider;
|
|
1882
|
+
exports.TooltipTrigger = require_trust_score_card_glass.TooltipTrigger;
|
|
1879
1883
|
exports.TouchTarget = require_trust_score_card_glass.TouchTarget;
|
|
1880
1884
|
exports.TrustScoreCardGlass = require_trust_score_card_glass.TrustScoreCardGlass;
|
|
1881
1885
|
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';
|
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 Tabs, $t as DropdownMenuGlassSubContent, A as FlagAlertGlass, At as ModalHeader, B as IconButtonGlass, Bt as DropdownGlass, C as sparklineContainerVariants, Cn as ICON_SIZES, Ct as DialogTrigger, D as progressSizes, Dt as ModalDescription, E as ProgressGlass, Et as ModalContent, F as SortDropdownGlass, Ft as ModalTrigger, G as TooltipGlassContent, Gt as DropdownMenuGlassItem, H as Tooltip, Ht as DropdownMenuGlassCheckboxItem, I as SearchBoxGlass, It as modalSizes, J as TooltipGlassTrigger, Jt as DropdownMenuGlassRadioGroup, K as TooltipGlassProvider, Kt as DropdownMenuGlassLabel, L as InsightCardGlass, Lt as InputGlass, M as BaseProgressGlass, Mt as ModalPortal, N as ThemeToggleGlass, Nt as ModalRoot, O as ProfileAvatarGlass, Ot as ModalFooter, P as StatItemGlass, Pt as ModalTitle, Q as toggleSizes, Qt as DropdownMenuGlassSub, R as insightCardVariants, Rt as GlassCard, S as sparklineBarVariants, Sn as TouchTarget, St as DialogTitle, T as RainbowProgressGlass, Tt as ModalClose, U as TooltipContent, Ut as DropdownMenuGlassContent, V as ExpandableHeaderGlass, Vt as DropdownMenuGlass, W as TooltipGlass, Wt as DropdownMenuGlassGroup, X as TooltipTrigger, Xt as DropdownMenuGlassSeparator, Y as TooltipProvider, Yt as DropdownMenuGlassRadioItem, Z as ToggleGlass, Zt as DropdownMenuGlassShortcut, _ as ContributionMetricsGlass, _n as AlertGlass, _t as DialogDescription, a as HeaderBrandingGlass, an as Checkbox, at as SkeletonGlass, b as AICardGlass, bn as InteractiveCard, bt as DialogOverlay, c as YearCardGlass, cn as buttonGlassVariants, ct as PopoverGlassAnchor, d as TrustScoreDisplayGlass, dn as AvatarGlass, dt as PopoverGlassTrigger, en as DropdownMenuGlassSubTrigger, et as TabsContent, f as RepositoryMetadataGlass, fn as AvatarGlassFallback, ft as NotificationGlass, g as MetricCardGlass, gn as statusSizes, gt as DialogContent, h as MetricsGridGlass, hn as avatarSizes, ht as DialogClose, i as HeaderNavGlass, in as CircularProgressGlass, it as SliderGlass, j as StatusIndicatorGlass, jt as ModalOverlay, k as LanguageBarGlass, kt as ModalGlass, l as UserStatsLineGlass, ln as BadgeGlass, lt as PopoverGlassContent, m as RepositoryCardGlass, mn as AvatarGlassSimple, mt as Dialog, n as ProjectsListGlass, nn as ComboBoxGlass, nt as TabsList, o as FlagsSectionGlass, on as CheckboxGlass, ot as skeletonVariants, p as RepositoryHeaderGlass, pn as AvatarGlassImage, pt as notificationVariants, q as TooltipGlassSimple, qt as DropdownMenuGlassPortal, r as ProfileHeaderGlass, rn as inputVariants, rt as TabsTrigger, s as CareerStatsGlass, sn as ButtonGlass, st as PopoverGlass, t as TrustScoreCardGlass, tn as DropdownMenuGlassTrigger, tt as TabsGlass, u as UserInfoGlass, un as badgeVariants, ut as PopoverGlassLegacy, v as CircularMetricGlass, vn as AlertGlassDescription, vt as DialogFooter, w as SegmentedControlGlass, wn as alertVariants, wt as ModalBody, x as SparklineGlass, xn as FormFieldWrapper, xt as DialogPortal, y as CareerStatsHeaderGlass, yn as AlertGlassTitle, yt as DialogHeader, z as insightVariantConfig, zt as cardIntensity } from "./trust-score-card-glass-Bt77v2TG.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, 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,7 +3,7 @@
|
|
|
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
9
|
"react"
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
{
|
|
17
17
|
"path": "components/glass/specialized/progress-glass.tsx",
|
|
18
18
|
"type": "registry:component",
|
|
19
|
-
"content": "/**\n * ProgressGlass Component\n *\n * Glass-themed progress bar with
|
|
19
|
+
"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"
|
|
20
20
|
}
|
|
21
21
|
],
|
|
22
22
|
"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-ztDXeLJV.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-D61BHWhL.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-D61BHWhL.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,10 +2509,10 @@ 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
|
});
|
|
@@ -4174,6 +4178,6 @@ const TrustScoreCardGlass = forwardRef(({ score = 72, metrics = [], className, .
|
|
|
4174
4178
|
});
|
|
4175
4179
|
});
|
|
4176
4180
|
TrustScoreCardGlass.displayName = "TrustScoreCardGlass";
|
|
4177
|
-
export {
|
|
4181
|
+
export { Tabs as $, DropdownMenuGlassSubContent as $t, FlagAlertGlass as A, ModalHeader as At, IconButtonGlass as B, DropdownGlass as Bt, sparklineContainerVariants as C, ICON_SIZES as Cn, DialogTrigger as Ct, progressSizes as D, ModalDescription as Dt, ProgressGlass as E, ModalContent as Et, SortDropdownGlass as F, ModalTrigger as Ft, TooltipGlassContent as G, DropdownMenuGlassItem as Gt, Tooltip$1 as H, DropdownMenuGlassCheckboxItem as Ht, SearchBoxGlass as I, modalSizes as It, TooltipGlassTrigger as J, DropdownMenuGlassRadioGroup as Jt, TooltipGlassProvider as K, DropdownMenuGlassLabel as Kt, InsightCardGlass as L, InputGlass as Lt, BaseProgressGlass as M, ModalPortal as Mt, ThemeToggleGlass as N, ModalRoot as Nt, ProfileAvatarGlass as O, ModalFooter as Ot, StatItemGlass as P, ModalTitle as Pt, toggleSizes as Q, DropdownMenuGlassSub as Qt, insightCardVariants as R, GlassCard as Rt, sparklineBarVariants as S, TouchTarget as Sn, DialogTitle as St, RainbowProgressGlass as T, ModalClose as Tt, TooltipContent as U, DropdownMenuGlassContent as Ut, ExpandableHeaderGlass as V, DropdownMenuGlass as Vt, TooltipGlass as W, DropdownMenuGlassGroup as Wt, TooltipTrigger as X, DropdownMenuGlassSeparator as Xt, TooltipProvider as Y, DropdownMenuGlassRadioItem as Yt, ToggleGlass as Z, DropdownMenuGlassShortcut as Zt, ContributionMetricsGlass as _, AlertGlass as _n, DialogDescription as _t, HeaderBrandingGlass as a, Checkbox as an, SkeletonGlass as at, AICardGlass as b, InteractiveCard as bn, DialogOverlay as bt, YearCardGlass as c, buttonGlassVariants as cn, PopoverGlassAnchor as ct, TrustScoreDisplayGlass as d, AvatarGlass as dn, PopoverGlassTrigger as dt, DropdownMenuGlassSubTrigger as en, TabsContent as et, RepositoryMetadataGlass as f, AvatarGlassFallback as fn, NotificationGlass as ft, MetricCardGlass as g, statusSizes as gn, DialogContent as gt, MetricsGridGlass as h, avatarSizes as hn, DialogClose as ht, HeaderNavGlass as i, CircularProgressGlass as in, SliderGlass as it, StatusIndicatorGlass as j, ModalOverlay as jt, LanguageBarGlass as k, ModalGlass as kt, UserStatsLineGlass as l, BadgeGlass as ln, PopoverGlassContent as lt, RepositoryCardGlass as m, AvatarGlassSimple as mn, Dialog as mt, ProjectsListGlass as n, ComboBoxGlass as nn, TabsList as nt, FlagsSectionGlass as o, CheckboxGlass as on, skeletonVariants as ot, RepositoryHeaderGlass as p, AvatarGlassImage as pn, notificationVariants as pt, TooltipGlassSimple as q, DropdownMenuGlassPortal as qt, ProfileHeaderGlass as r, inputVariants as rn, TabsTrigger as rt, CareerStatsGlass as s, ButtonGlass as sn, PopoverGlass as st, TrustScoreCardGlass as t, DropdownMenuGlassTrigger as tn, TabsGlass as tt, UserInfoGlass as u, badgeVariants as un, PopoverGlassLegacy as ut, CircularMetricGlass as v, AlertGlassDescription as vn, DialogFooter as vt, SegmentedControlGlass as w, alertVariants as wn, ModalBody as wt, SparklineGlass as x, FormFieldWrapper as xn, DialogPortal as xt, CareerStatsHeaderGlass as y, AlertGlassTitle as yn, DialogHeader as yt, insightVariantConfig as z, cardIntensity as zt };
|
|
4178
4182
|
|
|
4179
|
-
//# sourceMappingURL=trust-score-card-glass-
|
|
4183
|
+
//# sourceMappingURL=trust-score-card-glass-Bt77v2TG.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-MToinUO7.cjs");
|
|
22
|
+
const require_use_focus = require("./use-focus-D2yByp-J.cjs");
|
|
23
|
+
const require_theme_context = require("./theme-context-D61BHWhL.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,10 +2537,10 @@ 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
|
});
|
|
@@ -4808,6 +4812,18 @@ Object.defineProperty(exports, "ToggleGlass", {
|
|
|
4808
4812
|
return ToggleGlass;
|
|
4809
4813
|
}
|
|
4810
4814
|
});
|
|
4815
|
+
Object.defineProperty(exports, "Tooltip", {
|
|
4816
|
+
enumerable: true,
|
|
4817
|
+
get: function() {
|
|
4818
|
+
return Tooltip$1;
|
|
4819
|
+
}
|
|
4820
|
+
});
|
|
4821
|
+
Object.defineProperty(exports, "TooltipContent", {
|
|
4822
|
+
enumerable: true,
|
|
4823
|
+
get: function() {
|
|
4824
|
+
return TooltipContent;
|
|
4825
|
+
}
|
|
4826
|
+
});
|
|
4811
4827
|
Object.defineProperty(exports, "TooltipGlass", {
|
|
4812
4828
|
enumerable: true,
|
|
4813
4829
|
get: function() {
|
|
@@ -4838,6 +4854,18 @@ Object.defineProperty(exports, "TooltipGlassTrigger", {
|
|
|
4838
4854
|
return TooltipGlassTrigger;
|
|
4839
4855
|
}
|
|
4840
4856
|
});
|
|
4857
|
+
Object.defineProperty(exports, "TooltipProvider", {
|
|
4858
|
+
enumerable: true,
|
|
4859
|
+
get: function() {
|
|
4860
|
+
return TooltipProvider;
|
|
4861
|
+
}
|
|
4862
|
+
});
|
|
4863
|
+
Object.defineProperty(exports, "TooltipTrigger", {
|
|
4864
|
+
enumerable: true,
|
|
4865
|
+
get: function() {
|
|
4866
|
+
return TooltipTrigger;
|
|
4867
|
+
}
|
|
4868
|
+
});
|
|
4841
4869
|
Object.defineProperty(exports, "TouchTarget", {
|
|
4842
4870
|
enumerable: true,
|
|
4843
4871
|
get: function() {
|
|
@@ -4977,4 +5005,4 @@ Object.defineProperty(exports, "toggleSizes", {
|
|
|
4977
5005
|
}
|
|
4978
5006
|
});
|
|
4979
5007
|
|
|
4980
|
-
//# sourceMappingURL=trust-score-card-glass-
|
|
5008
|
+
//# sourceMappingURL=trust-score-card-glass-ztDXeLJV.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-ztDXeLJV.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-D2yByp-J.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-ztDXeLJV.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-DiGB-ziW.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-ztDXeLJV.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-MToinUO7.cjs.map
|
package/dist/utils.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const require_utils = require("./utils-
|
|
1
|
+
const require_utils = require("./utils-MToinUO7.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.1",
|
|
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",
|