shadcn-glass-ui 1.0.0 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +168 -0
- package/README.md +128 -138
- package/dist/components.cjs +4 -4
- package/dist/components.js +1 -1
- package/dist/hooks.cjs +2 -2
- package/dist/index.cjs +5 -5
- package/dist/index.js +1 -1
- package/dist/r/ai-card-glass.json +24 -0
- package/dist/r/alert-glass.json +42 -0
- package/dist/r/avatar-glass.json +43 -0
- package/dist/r/badge-glass.json +41 -0
- package/dist/r/base-progress-glass.json +23 -0
- package/dist/r/button-glass.json +45 -0
- package/dist/r/career-stats-glass.json +24 -0
- package/dist/r/career-stats-header-glass.json +24 -0
- package/dist/r/checkbox-glass.json +42 -0
- package/dist/r/circular-metric-glass.json +23 -0
- package/dist/r/circular-progress-glass.json +40 -0
- package/dist/r/combobox-glass.json +41 -0
- package/dist/r/contribution-metrics-glass.json +23 -0
- package/dist/r/dropdown-glass.json +43 -0
- package/dist/r/expandable-header-glass.json +23 -0
- package/dist/r/flag-alert-glass.json +23 -0
- package/dist/r/flags-section-glass.json +24 -0
- package/dist/r/form-field-wrapper.json +23 -0
- package/dist/r/glass-card.json +42 -0
- package/dist/r/header-branding-glass.json +24 -0
- package/dist/r/header-nav-glass.json +25 -0
- package/dist/r/icon-button-glass.json +25 -0
- package/dist/r/input-glass.json +43 -0
- package/dist/r/interactive-card.json +24 -0
- package/dist/r/language-bar-glass.json +23 -0
- package/dist/r/metric-card-glass.json +24 -0
- package/dist/r/metrics-grid-glass.json +23 -0
- package/dist/r/modal-glass.json +43 -0
- package/dist/r/notification-glass.json +44 -0
- package/dist/r/popover-glass.json +40 -0
- package/dist/r/profile-avatar-glass.json +23 -0
- package/dist/r/profile-header-glass.json +24 -0
- package/dist/r/progress-glass.json +25 -0
- package/dist/r/projects-list-glass.json +24 -0
- package/dist/r/rainbow-progress-glass.json +23 -0
- package/dist/r/registry.json +337 -0
- package/dist/r/repository-card-glass.json +23 -0
- package/dist/r/repository-header-glass.json +24 -0
- package/dist/r/repository-metadata-glass.json +23 -0
- package/dist/r/search-box-glass.json +23 -0
- package/dist/r/segmented-control-glass.json +23 -0
- package/dist/r/skeleton-glass.json +41 -0
- package/dist/r/slider-glass.json +42 -0
- package/dist/r/sort-dropdown-glass.json +25 -0
- package/dist/r/stat-item-glass.json +25 -0
- package/dist/r/status-indicator-glass.json +23 -0
- package/dist/r/tabs-glass.json +38 -0
- package/dist/r/theme-toggle-glass.json +25 -0
- package/dist/r/toggle-glass.json +42 -0
- package/dist/r/tooltip-glass.json +42 -0
- package/dist/r/touch-target.json +23 -0
- package/dist/r/trust-score-card-glass.json +24 -0
- package/dist/r/trust-score-display-glass.json +24 -0
- package/dist/r/user-info-glass.json +24 -0
- package/dist/r/user-stats-line-glass.json +24 -0
- package/dist/r/year-card-glass.json +25 -0
- package/dist/shadcn-glass-ui.css +1 -1
- package/dist/{theme-context-DrLak65e.cjs → theme-context-e3yxC7A6.cjs} +2 -2
- package/dist/{theme-context-DrLak65e.cjs.map → theme-context-e3yxC7A6.cjs.map} +1 -1
- package/dist/themes.cjs +1 -1
- package/dist/{trust-score-card-glass-DqaCKo1w.cjs → trust-score-card-glass-CZeCRkHL.cjs} +19 -17
- package/dist/trust-score-card-glass-CZeCRkHL.cjs.map +1 -0
- package/dist/{trust-score-card-glass-tJnNNzeS.js → trust-score-card-glass-DWrcNoI2.js} +16 -14
- package/dist/trust-score-card-glass-DWrcNoI2.js.map +1 -0
- package/dist/{use-focus-6xqfE5s6.cjs → use-focus-CUkhhBRX.cjs} +2 -2
- package/dist/{use-focus-6xqfE5s6.cjs.map → use-focus-CUkhhBRX.cjs.map} +1 -1
- package/dist/{use-wallpaper-tint-D1f3UGGs.cjs → use-wallpaper-tint-b9KAZtoy.cjs} +2 -2
- package/dist/{use-wallpaper-tint-D1f3UGGs.cjs.map → use-wallpaper-tint-b9KAZtoy.cjs.map} +1 -1
- package/dist/{utils-BNzkwPwE.cjs → utils-Ba5INf7M.cjs} +2 -2
- package/dist/{utils-BNzkwPwE.cjs.map → utils-Ba5INf7M.cjs.map} +1 -1
- package/dist/utils.cjs +1 -1
- package/package.json +5 -2
- package/dist/trust-score-card-glass-DqaCKo1w.cjs.map +0 -1
- package/dist/trust-score-card-glass-tJnNNzeS.js.map +0 -1
|
@@ -352,7 +352,7 @@ var getVariantStyles = (variant, isHovered, isFocusVisible) => {
|
|
|
352
352
|
background: isHovered ? "var(--btn-primary-hover-bg)" : "var(--btn-primary-bg)",
|
|
353
353
|
color: "var(--btn-primary-text)",
|
|
354
354
|
border: "none",
|
|
355
|
-
boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--btn-primary-glow)" : "0 4px 15px
|
|
355
|
+
boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--btn-primary-glow)" : "0 4px 15px oklch(48.5% 0.26 283 / 0.25)"
|
|
356
356
|
},
|
|
357
357
|
secondary: {
|
|
358
358
|
background: isHovered ? "var(--btn-secondary-hover-bg)" : "var(--btn-secondary-bg)",
|
|
@@ -370,13 +370,13 @@ var getVariantStyles = (variant, isHovered, isFocusVisible) => {
|
|
|
370
370
|
background: "var(--btn-destructive-bg)",
|
|
371
371
|
color: "var(--btn-destructive-text)",
|
|
372
372
|
border: "none",
|
|
373
|
-
boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--btn-destructive-glow)" : "0 4px 15px
|
|
373
|
+
boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--btn-destructive-glow)" : "0 4px 15px oklch(62.8% 0.225 29 / 0.25)"
|
|
374
374
|
},
|
|
375
375
|
success: {
|
|
376
376
|
background: "var(--btn-success-bg)",
|
|
377
377
|
color: "var(--btn-success-text)",
|
|
378
378
|
border: "none",
|
|
379
|
-
boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--btn-success-glow)" : "0 4px 15px
|
|
379
|
+
boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--btn-success-glow)" : "0 4px 15px oklch(70.7% 0.143 167 / 0.25)"
|
|
380
380
|
},
|
|
381
381
|
text: {
|
|
382
382
|
background: "transparent",
|
|
@@ -451,7 +451,7 @@ const ButtonGlass = forwardRef(({ asChild = false, className, variant = "primary
|
|
|
451
451
|
}),
|
|
452
452
|
isHovered && variant === "primary" && !isDisabled && /* @__PURE__ */ jsx("div", {
|
|
453
453
|
className: "absolute inset-0 rounded-xl animate-glow-pulse pointer-events-none",
|
|
454
|
-
style: { background: "radial-gradient(circle,
|
|
454
|
+
style: { background: "radial-gradient(circle, oklch(100% 0 0 / 0.1) 0%, transparent 70%)" }
|
|
455
455
|
}),
|
|
456
456
|
loading && /* @__PURE__ */ jsx(RefreshCw, { className: cn(ICON_SIZES.md, "animate-spin") }),
|
|
457
457
|
!loading && Icon && iconPosition === "left" && /* @__PURE__ */ jsx(Icon, { className: ICON_SIZES.md }),
|
|
@@ -566,7 +566,7 @@ var getGlowStdDeviation = (intensity) => {
|
|
|
566
566
|
high: 6
|
|
567
567
|
}[intensity];
|
|
568
568
|
};
|
|
569
|
-
const CircularProgressGlass = forwardRef(({ className, size: size$3 = "md", value = 0, variant = "determinate", thickness = 8, trackWidth = 8, color = "violet", trackColor = "
|
|
569
|
+
const CircularProgressGlass = forwardRef(({ className, size: size$3 = "md", value = 0, variant = "determinate", thickness = 8, trackWidth = 8, color = "violet", trackColor = "oklch(100% 0 0 / 0.1)", showLabel = true, label, labelColor, showGlow = true, glowIntensity = "medium", strokeLinecap = "round", animationDuration = 1, ...props }, ref) => {
|
|
570
570
|
const clampedValue = Math.min(100, Math.max(0, value));
|
|
571
571
|
const gradientColors = getGradientColors$1(color);
|
|
572
572
|
const svgSize = {
|
|
@@ -5239,8 +5239,8 @@ var ModalOverlay = ({ className }) => {
|
|
|
5239
5239
|
const { onClose, isClosing } = useModalContext();
|
|
5240
5240
|
const overlayStyles = useMemo(() => ({
|
|
5241
5241
|
background: "var(--modal-overlay)",
|
|
5242
|
-
backdropFilter: "blur(
|
|
5243
|
-
WebkitBackdropFilter: "blur(
|
|
5242
|
+
backdropFilter: "blur(var(--blur-sm))",
|
|
5243
|
+
WebkitBackdropFilter: "blur(var(--blur-sm))",
|
|
5244
5244
|
opacity: isClosing ? 0 : 1,
|
|
5245
5245
|
transition: "all 0.3s"
|
|
5246
5246
|
}), [isClosing]);
|
|
@@ -5257,8 +5257,8 @@ var ModalContent = forwardRef(({ children, className }, ref) => {
|
|
|
5257
5257
|
background: "var(--modal-bg)",
|
|
5258
5258
|
border: "1px solid var(--modal-border)",
|
|
5259
5259
|
boxShadow: "var(--modal-glow)",
|
|
5260
|
-
backdropFilter: "blur(
|
|
5261
|
-
WebkitBackdropFilter: "blur(
|
|
5260
|
+
backdropFilter: "blur(var(--blur-lg))",
|
|
5261
|
+
WebkitBackdropFilter: "blur(var(--blur-lg))",
|
|
5262
5262
|
transform: isClosing ? "scale(0.95) translateY(10px)" : "scale(1) translateY(0)",
|
|
5263
5263
|
opacity: isClosing ? 0 : 1,
|
|
5264
5264
|
animation: !isClosing ? "modalFadeIn 0.3s ease-out" : "none"
|
|
@@ -5748,8 +5748,10 @@ const TooltipGlass = forwardRef(({ children, content, position = "top", classNam
|
|
|
5748
5748
|
const tooltipStyles = {
|
|
5749
5749
|
background: "var(--tooltip-bg)",
|
|
5750
5750
|
color: "var(--tooltip-text)",
|
|
5751
|
-
border: "1px solid
|
|
5752
|
-
boxShadow: "var(--tooltip-shadow)"
|
|
5751
|
+
border: "1px solid var(--tooltip-border)",
|
|
5752
|
+
boxShadow: "var(--tooltip-shadow)",
|
|
5753
|
+
backdropFilter: "blur(var(--blur-xl))",
|
|
5754
|
+
WebkitBackdropFilter: "blur(var(--blur-xl))"
|
|
5753
5755
|
};
|
|
5754
5756
|
return /* @__PURE__ */ jsxs("div", {
|
|
5755
5757
|
ref,
|
|
@@ -7437,8 +7439,8 @@ const HeaderNavGlass = forwardRef(({ username = "Yhooi2", onSearch, onThemeToggl
|
|
|
7437
7439
|
const headerStyles = {
|
|
7438
7440
|
background: "var(--header-bg)",
|
|
7439
7441
|
borderColor: "var(--header-border)",
|
|
7440
|
-
backdropFilter: "blur(
|
|
7441
|
-
WebkitBackdropFilter: "blur(
|
|
7442
|
+
backdropFilter: "blur(var(--blur-md))",
|
|
7443
|
+
WebkitBackdropFilter: "blur(var(--blur-md))"
|
|
7442
7444
|
};
|
|
7443
7445
|
const iconBtnStyles = {
|
|
7444
7446
|
background: "linear-gradient(135deg, var(--icon-btn-from), var(--icon-btn-to))",
|
|
@@ -7786,4 +7788,4 @@ const TrustScoreCardGlass = forwardRef(({ score = 72, metrics = [], className, .
|
|
|
7786
7788
|
TrustScoreCardGlass.displayName = "TrustScoreCardGlass";
|
|
7787
7789
|
export { ComboBoxGlass as $, ThemeToggleGlass as A, TabsGlass as B, ProgressGlass as C, FlagAlertGlass as D, LanguageBarGlass as E, ExpandableHeaderGlass as F, NotificationGlass as G, SkeletonGlass as H, TooltipGlass as I, modalSizes as J, notificationVariants as K, tooltipPositions as L, SortDropdownGlass as M, SearchBoxGlass as N, StatusIndicatorGlass as O, IconButtonGlass as P, DropdownGlass as Q, ToggleGlass as R, RainbowProgressGlass as S, ProfileAvatarGlass as T, skeletonVariants as U, SliderGlass as V, PopoverGlass as W, GlassCard as X, InputGlass as Y, cardIntensity as Z, ContributionMetricsGlass as _, HeaderBrandingGlass as a, BadgeGlass as at, AICardGlass as b, YearCardGlass as c, avatarSizes as ct, TrustScoreDisplayGlass as d, InteractiveCard as dt, inputVariants as et, RepositoryMetadataGlass as f, FormFieldWrapper as ft, MetricCardGlass as g, MetricsGridGlass as h, HeaderNavGlass as i, buttonGlassVariants as it, StatItemGlass as j, BaseProgressGlass as k, UserStatsLineGlass as l, statusSizes as lt, RepositoryCardGlass as m, alertVariants as mt, ProjectsListGlass as n, CheckboxGlass as nt, FlagsSectionGlass as o, badgeVariants as ot, RepositoryHeaderGlass as p, TouchTarget as pt, ModalGlass as q, ProfileHeaderGlass as r, ButtonGlass as rt, CareerStatsGlass as s, AvatarGlass as st, TrustScoreCardGlass as t, CircularProgressGlass as tt, UserInfoGlass as u, AlertGlass as ut, CircularMetricGlass as v, progressSizes as w, SegmentedControlGlass as x, CareerStatsHeaderGlass as y, toggleSizes as z };
|
|
7788
7790
|
|
|
7789
|
-
//# sourceMappingURL=trust-score-card-glass-
|
|
7791
|
+
//# sourceMappingURL=trust-score-card-glass-DWrcNoI2.js.map
|