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.
- package/CHANGELOG.md +123 -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
|
@@ -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-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
|
|
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
|
|
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
|
|
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,
|
|
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 = "
|
|
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(
|
|
5266
|
-
WebkitBackdropFilter: "blur(
|
|
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(
|
|
5284
|
-
WebkitBackdropFilter: "blur(
|
|
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
|
|
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(
|
|
7464
|
-
WebkitBackdropFilter: "blur(
|
|
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-
|
|
8227
|
+
//# sourceMappingURL=trust-score-card-glass-CZeCRkHL.cjs.map
|