@mkbabb/glass-ui 3.13.0 → 4.0.0

package/dist/{SelectScrollDownButton-CiDUxfEj.js → SelectScrollDownButton-C1jb3b3K.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { t } from "./chevron-down-DKkxb4VV.js";
 import { t as n } from "./chevron-up-n_24SqI-.js";
-import { t as r } from "./menuItemVariants-DPiEarb0.js";
-import { i } from "./dockContext-BegmJVmx.js";
+import { t as r } from "./menuItemVariants-DWRQXBxJ.js";
+import { i } from "./dockContext-Bu1Avy-a.js";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeClass as m, normalizeProps as h, openBlock as g, renderSlot as _, unref as v, withCtx as y } from "vue";
 import { SelectContent as b, SelectIcon as x, SelectItem as S, SelectItemIndicator as C, SelectItemText as w, SelectPortal as T, SelectRoot as E, SelectScrollDownButton as D, SelectScrollUpButton as O, SelectTrigger as k, SelectValue as A, SelectViewport as j, useForwardProps as M, useForwardPropsEmits as N } from "reka-ui";
 //#endregion
@@ -65,14 +65,30 @@ var P = /* @__PURE__ */ d({
 		let r = n, i = M(a(() => {
 			let { class: e, variant: t, size: n, ...i } = r;
 			return i;
-		})), s = a(() => r.variant === "ghost" ? "bg-transparent border-none shadow-none" : "glass-wash"), c = a(() => r.size === "sm" ? "h-(--control-h-sm)" : "h-(--control-h-md)");
-		return (n, a) => (g(), o(v(k), p({ "data-slot": "select-trigger" }, v(i), { class: v(e)(s.value, c.value, "tap-squish focus-ring flex w-full items-center justify-between rounded-pill px-3 py-2 text-dropdown placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled [&>span]:line-clamp-1 transition-control aria-invalid:border-(--destructive) aria-invalid:shadow-[0_0_0_var(--focus-ring-width)_color-mix(in_srgb,var(--destructive)_35%,transparent)]", r.class) }), {
+		})), s = a(() => r.variant === "ghost" ? "bg-transparent border-none shadow-none" : "control-surface"), c = a(() => {
+			switch (r.size) {
+				case "sm": return "h-(--control-h-sm)";
+				case "display":
+				case "audacious": return "h-(--control-h-lg)";
+				default: return "h-(--control-h-md)";
+			}
+		}), l = a(() => {
+			let e = r.size === "display" ? "var(--type-heading)" : r.size === "audacious" ? "var(--type-display-1)" : void 0;
+			if (e) return {
+				"--dropdown-text": e,
+				"--text-dropdown": e
+			};
+		});
+		return (n, a) => (g(), o(v(k), p({ "data-slot": "select-trigger" }, v(i), {
+			style: l.value,
+			class: v(e)(s.value, c.value, "tap-squish focus-ring flex w-full items-center justify-between rounded-pill px-3 py-2 text-dropdown placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled [&>span]:line-clamp-1 transition-control aria-invalid:border-(--destructive) aria-invalid:shadow-[0_0_0_var(--focus-ring-width)_color-mix(in_srgb,var(--destructive)_35%,transparent)]", r.class)
+		}), {
 			default: y(() => [_(n.$slots, "default"), u(v(x), { "as-child": "" }, {
 				default: y(() => [u(v(t), { class: "transition-transform duration-200 ease-standard [&[data-state=open]]:rotate-180 h-4 w-4 shrink-0 opacity-50" })]),
 				_: 1
 			})]),
 			_: 3
-		}, 16, ["class"]));
+		}, 16, ["style", "class"]));
 	}
 }), L = /* @__PURE__ */ d({
 	inheritAttrs: !1,
@@ -128,7 +144,7 @@ var P = /* @__PURE__ */ d({
 				"data-glass-dock-portal": v(l)?.id ? "" : void 0,
 				"data-glass-dock-owner": v(l)?.id,
 				"data-slot": "select-content",
-				class: v(e)("relative z-popover min-w-32 overflow-y-auto rounded-panel border text-popover-foreground [max-height:var(--reka-popper-available-height,60dvh)] popover-animate origin-(--reka-select-content-transform-origin)", t.position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", "glass-floating", r.class)
+				class: v(e)("relative z-popover min-w-32 overflow-y-auto rounded-panel border text-popover-foreground popover-animate origin-(--reka-select-content-transform-origin)", t.position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", "glass-floating", r.class)
 			}), {
 				default: y(() => [
 					u(v(V)),

package/dist/{Switch-CsIuYP_e.js → Switch-Dr--uLGH.js}

@@ -36,7 +36,7 @@ var p = /* @__PURE__ */ i({
 				class: o(c(e)("pointer-events-none block h-5 w-5 rounded-pill bg-background ring-0 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0")),
 				style: {
 					"box-shadow": "var(--shadow-md), var(--glass-highlight)",
-					transition: "translate var(--duration-normal) var(--spring-snappy)"
+					transition: "translate var(--spring-snappy-duration) var(--spring-snappy)"
 				}
 			}, null, 8, ["class"])]),
 			_: 1

package/dist/{Toaster-D6q4HtXu.js → Toaster-Bm_HQSpc.js}

@@ -41,12 +41,12 @@ var k = /* @__PURE__ */ u({
 		return (n, r) => (p(), i(v(T), d({
 			"data-slot": "toast",
 			"data-variant": t.variant
-		}, v(s), { class: v(e)("glass-floating group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-panel p-6 pr-8 transition-[opacity,transform] data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-(--reka-toast-swipe-end-x) data-[swipe=move]:translate-x-(--reka-toast-swipe-move-x) data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", {
-			"text-foreground": t.variant === "default",
-			"bg-destructive text-destructive-foreground border-destructive": t.variant === "destructive",
-			"bg-success text-success-foreground border-success": t.variant === "success",
-			"bg-warning text-warning-foreground border-warning": t.variant === "warning",
-			"bg-info text-info-foreground border-info": t.variant === "info"
+		}, v(s), { class: v(e)("glass-floating group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-panel p-6 pr-8 transition-[opacity,transform] data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-(--reka-toast-swipe-end-x) data-[swipe=move]:translate-x-(--reka-toast-swipe-move-x) data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full", "text-foreground", {
+			"feedback-tone [&_svg]:text-(--tone)": t.variant !== "default",
+			"feedback-tone-destructive": t.variant === "destructive",
+			"feedback-tone-success": t.variant === "success",
+			"feedback-tone-warning": t.variant === "warning",
+			"feedback-tone-info": t.variant === "info"
 		}, a.class) }), {
 			default: y(() => [g(n.$slots, "default")]),
 			_: 3

package/dist/{ToggleGroupItem-D_AHlRw9.js → ToggleGroupItem-Dzk9hWsF.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./createContext-BM46COQ-.js";
+import { t } from "./createContext-B2RaZ-b8.js";
 import { computed as n, createBlock as r, defineComponent as i, mergeProps as a, openBlock as o, renderSlot as s, unref as c, withCtx as l } from "vue";
 import { Toggle as u, ToggleGroupItem as d, ToggleGroupRoot as f, useForwardProps as p, useForwardPropsEmits as m } from "reka-ui";
 import { cva as h } from "class-variance-authority";

package/dist/animated-digit.js

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { t as n } from "./useAnimatedNumber-C5I3wWd8.js";
+import { t } from "./_plugin-vue_export-helper-CBt_VvXa.js";
+import { t as n } from "./useAnimatedNumber-C_3wZLx4.js";
 import { computed as r, createElementBlock as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, toDisplayString as l, unref as u } from "vue";
 //#region src/components/custom/animated-digit/AnimatedDigit.vue?vue&type=script&setup=true&lang.ts
 var d = ["data-is-animating"], f = /* @__PURE__ */ t(/* @__PURE__ */ a({

package/dist/api/index.d.ts

@@ -1,12 +1,13 @@
 export type { AuroraAtoms, AuroraConfig, AuroraCursorApi, AuroraFlow, AuroraHarmony, AuroraHuePath, AuroraInstance, AuroraInteractivity, AuroraInteractivityAtom, AuroraMedium, AuroraMediumAtom, AuroraMotionAtom, AuroraNucleus, AuroraRuntimeMode, AuroraRuntimeOptions, AuroraZoneArrangement, AuroraZones, DeriveAuroraOptions, DeriveEasing, FlowPattern, OklchStop, StrokeMode, StrokeOrient, WarpMode, } from "../components/custom/aurora";
-export { DEFAULT_AURORA_CONFIG, MAX_NUCLEI, MAX_STOPS, } from "../components/custom/aurora";
+export { DEFAULT_AURORA_CONFIG, PAPER_WASH_GROUND, MAX_NUCLEI, MAX_STOPS, } from "../components/custom/aurora";
 export type { ConfiguratorCloneMode, ConfiguratorPreset, ConfiguratorScrollMode, ConfiguratorState, ConfiguratorStateOptions, } from "../components/custom/configurator";
 export type { TimelineSegment, TimelineSegmentGradient, TimelineSegmentState, } from "../components/custom/timeline";
 export type { CardTier, CardSurface } from "../components/ui/card";
+export type { Surface } from "../components/ui/_shared";
 export type { GlassPanelVariant } from "../components/custom/glass-panel";
 export type { InstrumentChassisPhase } from "../components/custom/instrument-chassis";
 export type { ToastVariant } from "../components/ui/toast";
-export type { GlassUnderlineClock, GlassUnderlineVariant, GlassUnderlinePaths, GlassUnderlineProps, GlassUnderlineExpose, } from "../components/custom/underline";
+export type { HandMarkProps, HandShape, HandAnimation, MarkBox, Brush, BrushName, BlendMode, TaperSpec, InkPath, } from "../components/custom/handmark";
 export type { AlertVariants } from "../components/ui/alert";
 export type { AvatarVariants } from "../components/ui/avatar";
 export type { BadgeVariants } from "../components/ui/badge";
@@ -22,7 +23,7 @@ export type { GlassPanelProps } from "../components/custom/glass-panel";
 export type { ToastType } from "../components/ui/toast";
 export type { UseClipboardOptions, UseClipboardReturn, } from "../composables/dom/useClipboard";
 export type { UseUserInvalidAriaOptions, UseUserInvalidAriaReturn, } from "../composables/dom/useUserInvalidAria";
-export type { ViewTransitionResult } from "../composables/motion/useViewTransition";
+export type { ViewTransitionResult, ViewTransitionOptions, NavigateOptions, } from "../composables/motion/useViewTransition";
 export type { Countup, UseCountupOptions } from "../composables/motion/useCountup";
 export type { Easing, TimingFunction } from "../composables/motion/suite";
 export type { MotionCurve, MotionCurveKind, CurveFn, SpringPresetRow, SpringPresetName, } from "../composables/motion/curves";
@@ -32,11 +33,13 @@ export type { FourierFieldProps, FourierFieldVariant, } from "../components/cust
 export type { MetricBadgeProps, MetricBadgeSize, MetricBadgeLabelPosition, } from "../components/custom/metric-badge";
 export type { MetricCellAppearance, MetricCellProps, } from "../components/custom/metric-cell";
 export type { MetricRowProps, MetricStackProps, } from "../components/custom/metric-stack";
+export type { PagerDotsProps } from "../components/custom/pager-dots";
 export type { AnimatedDigitMode, AnimatedDigitProps, } from "../components/custom/animated-digit";
-export type { SegmentedTabsProps, SegmentedTabsVariant, SegmentedTabOption, } from "../components/custom/tabs";
+export type { SegmentedTabsProps, SegmentedTabsVariant, SegmentedTabsOrientation, SegmentedTabOption, } from "../components/custom/tabs";
 export type { StackedIconGroupProps } from "../components/custom/stacked-icons";
+export type { IconChipProps, IconChipSection, IconChipTone, IconChipIcon, } from "../components/custom/icon-chip";
 export type { UseDockStateReturn } from "../components/custom/dock";
 export type { PaperBackdropFrequency, PaperBackdropProps, } from "../components/custom/paper-backdrop";
-export type { DarkModeSyncScriptOptions, UseGlobalDarkOptions, } from "../composables/dark";
+export type { DarkFlipSettledCallback, DarkModeSyncScriptOptions, UseGlobalDarkOptions, UseGlobalDarkReturn, } from "../composables/dark";
 export type { Canvas2DFrame, Canvas2DHandle, Canvas2DOptions, Canvas2DSuspendReason, } from "../composables/glass/canvas2d";
 export type { HighlightMatcher, UseTextHighlightControls, } from "../composables/motion/useTextHighlight";

package/dist/api.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./presets-BKVyQfbt.js";
-export { n as DEFAULT_AURORA_CONFIG, e as MAX_NUCLEI, t as MAX_STOPS };
+import { i as e, n as t, r as n, t as r } from "./presets-BW2b-fr1.js";
+export { r as DEFAULT_AURORA_CONFIG, t as MAX_NUCLEI, n as MAX_STOPS, e as PAPER_WASH_GROUND };