shadcn-glass-ui 1.0.0 → 1.0.6

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.
Files changed (81) hide show
  1. package/CHANGELOG.md +123 -0
  2. package/README.md +128 -138
  3. package/dist/components.cjs +4 -4
  4. package/dist/components.js +1 -1
  5. package/dist/hooks.cjs +2 -2
  6. package/dist/index.cjs +5 -5
  7. package/dist/index.js +1 -1
  8. package/dist/r/ai-card-glass.json +24 -0
  9. package/dist/r/alert-glass.json +42 -0
  10. package/dist/r/avatar-glass.json +43 -0
  11. package/dist/r/badge-glass.json +41 -0
  12. package/dist/r/base-progress-glass.json +23 -0
  13. package/dist/r/button-glass.json +45 -0
  14. package/dist/r/career-stats-glass.json +24 -0
  15. package/dist/r/career-stats-header-glass.json +24 -0
  16. package/dist/r/checkbox-glass.json +42 -0
  17. package/dist/r/circular-metric-glass.json +23 -0
  18. package/dist/r/circular-progress-glass.json +40 -0
  19. package/dist/r/combobox-glass.json +41 -0
  20. package/dist/r/contribution-metrics-glass.json +23 -0
  21. package/dist/r/dropdown-glass.json +43 -0
  22. package/dist/r/expandable-header-glass.json +23 -0
  23. package/dist/r/flag-alert-glass.json +23 -0
  24. package/dist/r/flags-section-glass.json +24 -0
  25. package/dist/r/form-field-wrapper.json +23 -0
  26. package/dist/r/glass-card.json +42 -0
  27. package/dist/r/header-branding-glass.json +24 -0
  28. package/dist/r/header-nav-glass.json +25 -0
  29. package/dist/r/icon-button-glass.json +25 -0
  30. package/dist/r/input-glass.json +43 -0
  31. package/dist/r/interactive-card.json +24 -0
  32. package/dist/r/language-bar-glass.json +23 -0
  33. package/dist/r/metric-card-glass.json +24 -0
  34. package/dist/r/metrics-grid-glass.json +23 -0
  35. package/dist/r/modal-glass.json +43 -0
  36. package/dist/r/notification-glass.json +44 -0
  37. package/dist/r/popover-glass.json +40 -0
  38. package/dist/r/profile-avatar-glass.json +23 -0
  39. package/dist/r/profile-header-glass.json +24 -0
  40. package/dist/r/progress-glass.json +25 -0
  41. package/dist/r/projects-list-glass.json +24 -0
  42. package/dist/r/rainbow-progress-glass.json +23 -0
  43. package/dist/r/registry.json +337 -0
  44. package/dist/r/repository-card-glass.json +23 -0
  45. package/dist/r/repository-header-glass.json +24 -0
  46. package/dist/r/repository-metadata-glass.json +23 -0
  47. package/dist/r/search-box-glass.json +23 -0
  48. package/dist/r/segmented-control-glass.json +23 -0
  49. package/dist/r/skeleton-glass.json +41 -0
  50. package/dist/r/slider-glass.json +42 -0
  51. package/dist/r/sort-dropdown-glass.json +25 -0
  52. package/dist/r/stat-item-glass.json +25 -0
  53. package/dist/r/status-indicator-glass.json +23 -0
  54. package/dist/r/tabs-glass.json +38 -0
  55. package/dist/r/theme-toggle-glass.json +25 -0
  56. package/dist/r/toggle-glass.json +42 -0
  57. package/dist/r/tooltip-glass.json +42 -0
  58. package/dist/r/touch-target.json +23 -0
  59. package/dist/r/trust-score-card-glass.json +24 -0
  60. package/dist/r/trust-score-display-glass.json +24 -0
  61. package/dist/r/user-info-glass.json +24 -0
  62. package/dist/r/user-stats-line-glass.json +24 -0
  63. package/dist/r/year-card-glass.json +25 -0
  64. package/dist/shadcn-glass-ui.css +1 -1
  65. package/dist/{theme-context-DrLak65e.cjs → theme-context-e3yxC7A6.cjs} +2 -2
  66. package/dist/{theme-context-DrLak65e.cjs.map → theme-context-e3yxC7A6.cjs.map} +1 -1
  67. package/dist/themes.cjs +1 -1
  68. package/dist/{trust-score-card-glass-DqaCKo1w.cjs → trust-score-card-glass-CZeCRkHL.cjs} +19 -17
  69. package/dist/trust-score-card-glass-CZeCRkHL.cjs.map +1 -0
  70. package/dist/{trust-score-card-glass-tJnNNzeS.js → trust-score-card-glass-DWrcNoI2.js} +16 -14
  71. package/dist/trust-score-card-glass-DWrcNoI2.js.map +1 -0
  72. package/dist/{use-focus-6xqfE5s6.cjs → use-focus-CUkhhBRX.cjs} +2 -2
  73. package/dist/{use-focus-6xqfE5s6.cjs.map → use-focus-CUkhhBRX.cjs.map} +1 -1
  74. package/dist/{use-wallpaper-tint-D1f3UGGs.cjs → use-wallpaper-tint-b9KAZtoy.cjs} +2 -2
  75. package/dist/{use-wallpaper-tint-D1f3UGGs.cjs.map → use-wallpaper-tint-b9KAZtoy.cjs.map} +1 -1
  76. package/dist/{utils-BNzkwPwE.cjs → utils-Ba5INf7M.cjs} +2 -2
  77. package/dist/{utils-BNzkwPwE.cjs.map → utils-Ba5INf7M.cjs.map} +1 -1
  78. package/dist/utils.cjs +1 -1
  79. package/package.json +5 -2
  80. package/dist/trust-score-card-glass-DqaCKo1w.cjs.map +0 -1
  81. 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 rgba(124,58,237,0.25)"
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 rgba(239,68,68,0.25)"
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 rgba(16,185,129,0.25)"
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, rgba(255,255,255,0.1) 0%, transparent 70%)" }
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 = "rgba(255, 255, 255, 0.1)", showLabel = true, label, labelColor, showGlow = true, glowIntensity = "medium", strokeLinecap = "round", animationDuration = 1, ...props }, ref) => {
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(8px)",
5243
- WebkitBackdropFilter: "blur(8px)",
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(24px)",
5261
- WebkitBackdropFilter: "blur(24px)",
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 rgba(255, 255, 255, 0.15)",
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(16px)",
7441
- WebkitBackdropFilter: "blur(16px)"
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-tJnNNzeS.js.map
7791
+ //# sourceMappingURL=trust-score-card-glass-DWrcNoI2.js.map