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
@@ -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-BNzkwPwE.cjs");
22
- const require_use_focus = require("./use-focus-6xqfE5s6.cjs");
23
- const require_theme_context = require("./theme-context-DrLak65e.cjs");
21
+ const require_utils = require("./utils-Ba5INf7M.cjs");
22
+ const require_use_focus = require("./use-focus-CUkhhBRX.cjs");
23
+ const require_theme_context = require("./theme-context-e3yxC7A6.cjs");
24
24
  let react = require("react");
25
25
  react = __toESM(react);
26
26
  let lucide_react = require("lucide-react");
@@ -374,7 +374,7 @@ var getVariantStyles = (variant, isHovered, isFocusVisible) => {
374
374
  background: isHovered ? "var(--btn-primary-hover-bg)" : "var(--btn-primary-bg)",
375
375
  color: "var(--btn-primary-text)",
376
376
  border: "none",
377
- boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--btn-primary-glow)" : "0 4px 15px rgba(124,58,237,0.25)"
377
+ boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--btn-primary-glow)" : "0 4px 15px oklch(48.5% 0.26 283 / 0.25)"
378
378
  },
379
379
  secondary: {
380
380
  background: isHovered ? "var(--btn-secondary-hover-bg)" : "var(--btn-secondary-bg)",
@@ -392,13 +392,13 @@ var getVariantStyles = (variant, isHovered, isFocusVisible) => {
392
392
  background: "var(--btn-destructive-bg)",
393
393
  color: "var(--btn-destructive-text)",
394
394
  border: "none",
395
- boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--btn-destructive-glow)" : "0 4px 15px rgba(239,68,68,0.25)"
395
+ boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--btn-destructive-glow)" : "0 4px 15px oklch(62.8% 0.225 29 / 0.25)"
396
396
  },
397
397
  success: {
398
398
  background: "var(--btn-success-bg)",
399
399
  color: "var(--btn-success-text)",
400
400
  border: "none",
401
- boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--btn-success-glow)" : "0 4px 15px rgba(16,185,129,0.25)"
401
+ boxShadow: isFocusVisible ? "var(--focus-glow)" : isHovered ? "var(--btn-success-glow)" : "0 4px 15px oklch(70.7% 0.143 167 / 0.25)"
402
402
  },
403
403
  text: {
404
404
  background: "transparent",
@@ -473,7 +473,7 @@ const ButtonGlass = (0, react.forwardRef)(({ asChild = false, className, variant
473
473
  }),
474
474
  isHovered && variant === "primary" && !isDisabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
475
475
  className: "absolute inset-0 rounded-xl animate-glow-pulse pointer-events-none",
476
- style: { background: "radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%)" }
476
+ style: { background: "radial-gradient(circle, oklch(100% 0 0 / 0.1) 0%, transparent 70%)" }
477
477
  }),
478
478
  loading && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.RefreshCw, { className: require_utils.cn(ICON_SIZES.md, "animate-spin") }),
479
479
  !loading && Icon && iconPosition === "left" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { className: ICON_SIZES.md }),
@@ -588,7 +588,7 @@ var getGlowStdDeviation = (intensity) => {
588
588
  high: 6
589
589
  }[intensity];
590
590
  };
591
- const CircularProgressGlass = (0, react.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) => {
591
+ const CircularProgressGlass = (0, react.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) => {
592
592
  const clampedValue = Math.min(100, Math.max(0, value));
593
593
  const gradientColors = getGradientColors$1(color);
594
594
  const svgSize = {
@@ -5262,8 +5262,8 @@ var ModalOverlay = ({ className }) => {
5262
5262
  const { onClose, isClosing } = useModalContext();
5263
5263
  const overlayStyles = (0, react.useMemo)(() => ({
5264
5264
  background: "var(--modal-overlay)",
5265
- backdropFilter: "blur(8px)",
5266
- WebkitBackdropFilter: "blur(8px)",
5265
+ backdropFilter: "blur(var(--blur-sm))",
5266
+ WebkitBackdropFilter: "blur(var(--blur-sm))",
5267
5267
  opacity: isClosing ? 0 : 1,
5268
5268
  transition: "all 0.3s"
5269
5269
  }), [isClosing]);
@@ -5280,8 +5280,8 @@ var ModalContent = (0, react.forwardRef)(({ children, className }, ref) => {
5280
5280
  background: "var(--modal-bg)",
5281
5281
  border: "1px solid var(--modal-border)",
5282
5282
  boxShadow: "var(--modal-glow)",
5283
- backdropFilter: "blur(24px)",
5284
- WebkitBackdropFilter: "blur(24px)",
5283
+ backdropFilter: "blur(var(--blur-lg))",
5284
+ WebkitBackdropFilter: "blur(var(--blur-lg))",
5285
5285
  transform: isClosing ? "scale(0.95) translateY(10px)" : "scale(1) translateY(0)",
5286
5286
  opacity: isClosing ? 0 : 1,
5287
5287
  animation: !isClosing ? "modalFadeIn 0.3s ease-out" : "none"
@@ -5771,8 +5771,10 @@ const TooltipGlass = (0, react.forwardRef)(({ children, content, position = "top
5771
5771
  const tooltipStyles = {
5772
5772
  background: "var(--tooltip-bg)",
5773
5773
  color: "var(--tooltip-text)",
5774
- border: "1px solid rgba(255, 255, 255, 0.15)",
5775
- boxShadow: "var(--tooltip-shadow)"
5774
+ border: "1px solid var(--tooltip-border)",
5775
+ boxShadow: "var(--tooltip-shadow)",
5776
+ backdropFilter: "blur(var(--blur-xl))",
5777
+ WebkitBackdropFilter: "blur(var(--blur-xl))"
5776
5778
  };
5777
5779
  return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
5778
5780
  ref,
@@ -7460,8 +7462,8 @@ const HeaderNavGlass = (0, react.forwardRef)(({ username = "Yhooi2", onSearch, o
7460
7462
  const headerStyles = {
7461
7463
  background: "var(--header-bg)",
7462
7464
  borderColor: "var(--header-border)",
7463
- backdropFilter: "blur(16px)",
7464
- WebkitBackdropFilter: "blur(16px)"
7465
+ backdropFilter: "blur(var(--blur-md))",
7466
+ WebkitBackdropFilter: "blur(var(--blur-md))"
7465
7467
  };
7466
7468
  const iconBtnStyles = {
7467
7469
  background: "linear-gradient(135deg, var(--icon-btn-from), var(--icon-btn-to))",
@@ -8222,4 +8224,4 @@ Object.defineProperty(exports, "tooltipPositions", {
8222
8224
  }
8223
8225
  });
8224
8226
 
8225
- //# sourceMappingURL=trust-score-card-glass-DqaCKo1w.cjs.map
8227
+ //# sourceMappingURL=trust-score-card-glass-CZeCRkHL.cjs.map