shadcn-glass-ui 2.4.1 → 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 +6 -5
- package/dist/index.d.ts +1 -1
- package/dist/index.mjs +2 -2
- package/dist/r/progress-glass.json +3 -2
- package/dist/{theme-context-D61BHWhL.cjs → theme-context-BZSaw65G.cjs} +2 -2
- package/dist/themes.cjs +1 -1
- package/dist/{trust-score-card-glass-Bt77v2TG.mjs → trust-score-card-glass-BY4b9AZ9.mjs} +3 -2
- package/dist/{trust-score-card-glass-ztDXeLJV.cjs → trust-score-card-glass-DZawAWGN.cjs} +11 -4
- package/dist/{use-focus-D2yByp-J.cjs → use-focus-BYXOxdPd.cjs} +2 -2
- package/dist/{use-wallpaper-tint-DiGB-ziW.cjs → use-wallpaper-tint-Cf7TKTge.cjs} +2 -2
- package/dist/{utils-MToinUO7.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;
|
package/dist/index.d.ts
CHANGED
|
@@ -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, 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 };
|
|
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
|
|
@@ -6,7 +6,8 @@
|
|
|
6
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 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
|
+
"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": [
|
|
@@ -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;
|
|
@@ -2518,6 +2518,7 @@ const ProgressGlass = forwardRef(({ className, size = "md", value = 0, max = 100
|
|
|
2518
2518
|
});
|
|
2519
2519
|
});
|
|
2520
2520
|
ProgressGlass.displayName = "ProgressGlass";
|
|
2521
|
+
const Progress = ProgressGlass;
|
|
2521
2522
|
var sizeClasses = {
|
|
2522
2523
|
sm: "h-2.5 md:h-2",
|
|
2523
2524
|
md: "h-3.5 md:h-3",
|
|
@@ -4178,6 +4179,6 @@ const TrustScoreCardGlass = forwardRef(({ score = 72, metrics = [], className, .
|
|
|
4178
4179
|
});
|
|
4179
4180
|
});
|
|
4180
4181
|
TrustScoreCardGlass.displayName = "TrustScoreCardGlass";
|
|
4181
|
-
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 };
|
|
4182
4183
|
|
|
4183
|
-
//# 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");
|
|
@@ -2546,6 +2546,7 @@ const ProgressGlass = (0, react.forwardRef)(({ className, size = "md", value = 0
|
|
|
2546
2546
|
});
|
|
2547
2547
|
});
|
|
2548
2548
|
ProgressGlass.displayName = "ProgressGlass";
|
|
2549
|
+
const Progress = ProgressGlass;
|
|
2549
2550
|
var sizeClasses = {
|
|
2550
2551
|
sm: "h-2.5 md:h-2",
|
|
2551
2552
|
md: "h-3.5 md:h-3",
|
|
@@ -4686,6 +4687,12 @@ Object.defineProperty(exports, "ProfileHeaderGlass", {
|
|
|
4686
4687
|
return ProfileHeaderGlass;
|
|
4687
4688
|
}
|
|
4688
4689
|
});
|
|
4690
|
+
Object.defineProperty(exports, "Progress", {
|
|
4691
|
+
enumerable: true,
|
|
4692
|
+
get: function() {
|
|
4693
|
+
return Progress;
|
|
4694
|
+
}
|
|
4695
|
+
});
|
|
4689
4696
|
Object.defineProperty(exports, "ProgressGlass", {
|
|
4690
4697
|
enumerable: true,
|
|
4691
4698
|
get: function() {
|
|
@@ -5005,4 +5012,4 @@ Object.defineProperty(exports, "toggleSizes", {
|
|
|
5005
5012
|
}
|
|
5006
5013
|
});
|
|
5007
5014
|
|
|
5008
|
-
//# 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",
|