@mkbabb/glass-ui 7.0.0 → 9.0.0

package/dist/index.d.ts

@@ -1,42 +1,41 @@
-export * from "./components/accordion";
-export * from "./components/alert";
-export * from "./components/avatar";
-export * from "./components/badge";
-export * from "./components/button";
-export * from "./components/card";
-export * from "./components/checkbox";
-export * from "./components/collapsible";
-export * from "./components/command";
-export * from "./components/data-table";
-export * from "./components/dialog";
-export * from "./components/dropdown-menu";
-export * from "./components/label";
-export * from "./components/number-field";
-export * from "./components/popover";
-export * from "./components/progress";
-export * from "./components/radio-group";
-export * from "./components/select";
-export * from "./components/separator";
-export * from "./components/skeleton";
-export * from "./components/slider";
-export * from "./components/switch";
-export * from "./components/table";
-export * from "./components/tags-input";
-export * from "./components/toast";
-export * from "./components/toggle-group";
-export * from "./components/tooltip";
-export * from "./components/configurator";
-export * from "./composables/reactive";
-export * from "./composables/dom";
-export * from "./composables/glass";
-export { startViewTransition, supportsViewTransitions, type ViewTransitionResult, } from "./composables/motion/core/useViewTransition";
-export { vReveal } from "./composables/motion/reveal/vReveal";
-export { useTextHighlight, type HighlightMatcher, type UseTextHighlightControls, } from "./composables/motion/reveal/useTextHighlight";
-export { useLiquidFlex, type LiquidFlexAxis, type UseLiquidFlexParams, type UseLiquidFlexReturn, } from "./composables/motion/spring/useLiquidFlex";
-export { useLeadTrail, type LeadTrailEdges, type UseLeadTrail, type UseLeadTrailOptions, } from "./composables/motion/morph/useLeadTrail";
-export { usePointerVelocityField, type PointerVec2, type UsePointerVelocityField, type UsePointerVelocityFieldOptions, } from "./composables/motion/pointer/usePointerVelocityField";
-export { useRoutePointer, type RoutePointerContext, type UseRoutePointerOptions, } from "./composables/motion/pointer/useRoutePointer";
-export { fourierLeanMapping, blobPullMapping, auroraCursorMapping, constellationWellMapping, snapshotField, FOURIER_BIAS_GAIN, FOURIER_FOLLOW_LEAN, BLOB_LEAD_K, BLOB_STRETCH_GAIN, BLOB_STRETCH_MAX, AURORA_CURSOR_RADIUS, type PointerFieldSnapshot, type FourierLeanGeometry, type FourierLeanOptions, type FourierLeanResult, type BlobPullOptions, type BlobPullResult, type AuroraCursorOptions, type AuroraCursorResult, type ConstellationWellResult, } from "./composables/motion/pointer/pointerFieldMappings";
-export type { Size, Orientation, Motion, Surface, SurfaceTier, } from "./components/_shared/axes";
-export { cn } from "./components/_shared/class-names";
-export { supportsScrollTimeline, supportsViewTimeline, } from "./composables/motion/scroll/supportsCssTimeline";
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type AccordionContentProps, type AccordionEmits, type AccordionItemProps, type AccordionProps, type AccordionSlotProps, type AccordionTriggerProps, type AccordionValue, } from "./components/accordion/index.js";
+export { Alert, AlertDescription, AlertTitle, alertVariants, type AlertVariants, } from "./components/alert/index.js";
+export { Avatar, AvatarFallback, AvatarImage, type AvatarIdentityProps, type AvatarProps, type AvatarShape, type AvatarSize, } from "./components/avatar/index.js";
+export { Badge, badgeVariants, type BadgeVariants } from "./components/badge/index.js";
+export { Button, type ButtonEmphasis, type ButtonProps, type ButtonSize, type ButtonTone, } from "./components/button/index.js";
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CardProps, type CardSize, } from "./components/card/index.js";
+export { Checkbox, type CheckboxProps } from "./components/checkbox/index.js";
+export { Collapsible, CollapsibleContent, CollapsibleTrigger, type CollapsibleContentProps, type CollapsibleEmits, type CollapsibleProps, type CollapsibleTriggerProps, } from "./components/collapsible/index.js";
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type ComboboxEmptyProps, type ComboboxGroupProps, type ComboboxInputEmits, type ComboboxInputProps, type ComboboxItemEmits, type ComboboxItemProps, type ComboboxListEmits, type ComboboxSeparatorProps, type ComboboxValue, type CommandDialogEmits, type CommandDialogProps, type CommandEmits, type CommandListProps, type CommandProps, } from "./components/command/index.js";
+export { DataTable, type DataTableColumn, type DataTableProps, type DataTableRowAttrs, type DataTableRowIndex, type DataTableRowRef, type DataTableSort, type DataTableStatus, } from "./components/data-table/index.js";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, type DialogContentProps, type DialogDescriptionProps, type DialogDismiss, type DialogProps, type DialogTitleProps, } from "./components/dialog/index.js";
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type DropdownMenuCheckboxItemEmits, type DropdownMenuCheckboxItemProps, type DropdownMenuContentEmits, type DropdownMenuContentProps, type DropdownMenuEmits, type DropdownMenuGroupProps, type DropdownMenuItemEmits, type DropdownMenuItemProps, type DropdownMenuLabelProps, type DropdownMenuProps, type DropdownMenuRadioGroupEmits, type DropdownMenuRadioGroupProps, type DropdownMenuRadioItemEmits, type DropdownMenuRadioItemProps, type DropdownMenuSeparatorProps, type DropdownMenuShortcutProps, type DropdownMenuSubContentEmits, type DropdownMenuSubContentProps, type DropdownMenuSubEmits, type DropdownMenuSubProps, type DropdownMenuSubTriggerProps, type DropdownMenuTriggerAction, type DropdownMenuTriggerProps, type MenuTrigger, } from "./components/menu/index.js";
+export { Label, type LabelProps, type LabelRequirement } from "./components/label/index.js";
+export { NumberField, NumberFieldInput, NumberFieldStep, type NumberFieldProps, type NumberFieldStepProps, } from "./components/number-field/index.js";
+export { Popover, PopoverContent, PopoverTrigger, type PopoverContentEmits, type PopoverContentProps, type PopoverEmits, type PopoverProps, type PopoverTriggerMode, type PopoverTriggerProps, } from "./components/popover/index.js";
+export { Progress, type ProgressOrientation, type ProgressProps, type ProgressStatus, type ProgressVariant, } from "./components/progress/index.js";
+export { RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, } from "./components/radio-group/index.js";
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollButton, SelectSeparator, SelectTrigger, SelectValue, type SelectContentEmits, type SelectContentProps, type SelectEmits, type SelectGroupProps, type SelectItemEmits, type SelectItemProps, type SelectItemSelectEvent, type SelectLabelProps, type SelectProps, type SelectScrollButtonProps, type SelectSeparatorProps, type SelectTriggerProps, type SelectValueProps, } from "./components/select/index.js";
+export { Separator, type SeparatorProps } from "./components/separator/index.js";
+export { SheetContent, type SheetContentProps } from "./components/sheet/index.js";
+export { Skeleton } from "./components/skeleton/index.js";
+export { Slider, type SliderProps, type SliderSize, type SliderVariant } from "./components/slider/index.js";
+export { StatusDot, STATUS_DOT_STATES, type StatusDotSize, type StatusDotState, } from "./components/status-dot/index.js";
+export { Switch, type SwitchProps } from "./components/switch/index.js";
+export { Table, TableBody, TableCaption, TableCell, TableEmpty, TableHead, TableHeader, TableRow, } from "./components/table/index.js";
+export { Toast, ToastAction, ToastClose, ToastDescription, ToastTitle, Toaster, toast, useToast, type ToastActionProps, type ToastCloseProps, type ToastDescriptionProps, type ToastEmits, type ToastHandle, type ToastOptions, type ToastProps, type ToastSwipeEvent, type ToastTitleProps, type ToasterPosition, } from "./components/toast/index.js";
+export { ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, } from "./components/toggle-group/index.js";
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TooltipContentEmits, type TooltipContentProps, type TooltipEmits, type TooltipProps, type TooltipProviderProps, type TooltipTriggerProps, } from "./components/tooltip/index.js";
+export { CONFIGURATOR_SIZE_KEY, Configurator, ConfiguratorLayer, ConfiguratorRow, provideConfiguratorSize, useConfiguratorState, useOptionalConfiguratorSize, type ConfiguratorAsideSide, type ConfiguratorCloneMode, type ConfiguratorGalleryPlacement, type ConfiguratorPreset, type ConfiguratorScrollMode, type ConfiguratorSize, type ConfiguratorState, type ConfiguratorStateOptions, } from "./components/configurator/index.js";
+export { useInterval, useTimer, type UseIntervalControls, type UseIntervalOptions, type UseTimerControls, type UseTimerOptions, } from "./composables/reactive/index.js";
+export { createTokenColorCache, resolveTokenColor, useBreakpoint, useClipboard, useDragVelocity, useIdleReady, useResizeObserver, useTokenColor, useTouchGate, useUserInvalidAria, useViewportReady, writeClipboard, type ClipboardStatus, type CopyFailureReason, type CopyResult, type ResolveTokenColorCache, type TokenColorResolver, type TouchGateReturn, type UseBreakpointControls, type UseClipboardOptions, type UseClipboardReturn, type UseDragVelocityParams, type UseDragVelocityReturn, type UseIdleReadyControls, type UseIdleReadyOptions, type UseResizeObserverControls, type UseResizeObserverOptions, type UseTokenColorControls, type UseTokenColorOptions, type UseUserInvalidAriaOptions, type UseUserInvalidAriaReturn, type UseViewportReadyControls, type UseViewportReadyOptions, } from "./composables/dom/index.js";
+export { createSpecularWriter, resolveCanvasColor, useCanvas2D, useSpecularTracking, vSpecular, type Canvas2DFrame, type Canvas2DHandle, type Canvas2DOptions, type Canvas2DSuspendReason, type SpecularWriter, type UseSpecularTracking, } from "./composables/glass/index.js";
+export { startViewTransition, supportsViewTransitions, type ViewTransitionResult, } from "./composables/motion/core/useViewTransition.js";
+export { vReveal } from "./composables/motion/reveal/vReveal.js";
+export { useLiquidFlex, type LiquidFlexAxis, type UseLiquidFlexParams, type UseLiquidFlexReturn, } from "./composables/motion/spring/useLiquidFlex.js";
+export { usePointerVelocityField, type PointerVec2, type UsePointerVelocityField, type UsePointerVelocityFieldOptions, } from "./composables/motion/pointer/usePointerVelocityField.js";
+export { useRoutePointer, type RoutePointerContext, type UseRoutePointerOptions, } from "./composables/motion/pointer/useRoutePointer.js";
+export { blobPullMapping, auroraCursorMapping, constellationWellMapping, snapshotField, type PointerFieldSnapshot, type BlobPullOptions, type BlobPullResult, type AuroraCursorOptions, type AuroraCursorResult, type ConstellationWellResult, } from "./composables/motion/pointer/pointerFieldMappings.js";
+export type { Size, Orientation, Motion, Surface, SurfaceTier, } from "./components/_shared/axes.js";
+export { cn } from "./components/_shared/class-names.js";
+export { supportsScrollTimeline, supportsViewTimeline, } from "./composables/motion/scroll/supportsCssTimeline.js";

package/dist/infinite-scroll.d.ts

@@ -1 +1 @@
-export * from "./components/infinite-scroll";
+export * from "./components/infinite-scroll/index.js";

package/dist/infinite-scroll.js

@@ -1,49 +1,55 @@
-import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, defineComponent as r, nextTick as i, onScopeDispose as a, openBlock as o, ref as s, renderSlot as c, toRef as l, toValue as u, watch as d } from "vue";
+import { t as e } from "./DotRing-Blh4Mc3Q.js";
+import { Transition as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, nextTick as c, onScopeDispose as l, openBlock as u, ref as d, renderSlot as f, toDisplayString as p, toRef as m, toValue as h, watch as g, withCtx as _ } from "vue";
 //#region src/components/infinite-scroll/composables/useInfiniteScroll.ts
-function f(e) {
-	let { threshold: t = 200, hasMore: n, isLoading: r, onLoadMore: o } = e, c = s(null), l = null;
-	function f() {
-		return u(n) && !u(r);
+function v(e) {
+	let { threshold: t = 200, hasMore: n, isLoading: r, onLoadMore: i } = e, a = d(null), o = null;
+	function s() {
+		return h(n) && !h(r);
 	}
-	function p(e) {
-		for (let t of e) if (t.isIntersecting && f()) {
-			l?.unobserve(t.target), o();
+	function u(e) {
+		for (let t of e) if (t.isIntersecting && s()) {
+			o?.unobserve(t.target), i();
 			break;
 		}
 	}
-	function m(n) {
-		h(), l = new IntersectionObserver(p, {
+	function f(n) {
+		p(), o = new IntersectionObserver(u, {
 			root: e.scrollContainer?.value ?? null,
 			rootMargin: `0px 0px ${t}px 0px`
-		}), l.observe(n);
+		}), o.observe(n);
 	}
-	function h() {
-		l &&= (l.disconnect(), null);
+	function p() {
+		o &&= (o.disconnect(), null);
 	}
-	function g() {
-		c.value && m(c.value);
+	function m() {
+		a.value && f(a.value);
 	}
-	return d(c, (e) => {
-		e ? m(e) : h();
-	}), d(() => u(r), (e) => {
-		!e && c.value && i(() => {
-			u(r) || g();
+	return g(a, (e) => {
+		e ? f(e) : p();
+	}), g(() => h(r), (e) => {
+		!e && a.value && c(() => {
+			h(r) || m();
 		});
-	}), a(h), {
-		sentinelRef: c,
-		check: g,
-		stop: h
+	}), l(p), {
+		sentinelRef: a,
+		check: m,
+		stop: p
 	};
 }
 //#endregion
 //#region src/components/infinite-scroll/InfiniteScroll.vue?vue&type=script&setup=true&lang.ts
-var p = {
+var y = {
 	key: 0,
 	class: "flex justify-center py-4"
-}, m = {
-	key: 1,
-	class: "py-4 text-center text-sm text-muted-foreground"
-}, h = /* @__PURE__ */ r({
+}, b = {
+	key: 0,
+	class: "py-4 text-center text-small text-muted-foreground"
+}, x = {
+	class: "sr-only",
+	role: "status",
+	"aria-live": "polite",
+	"aria-atomic": "true"
+}, S = /* @__PURE__ */ s({
 	__name: "InfiniteScroll",
 	props: {
 		hasMore: { type: Boolean },
@@ -51,28 +57,35 @@ var p = {
 		threshold: { default: 200 }
 	},
 	emits: ["load-more"],
-	setup(r, { expose: i, emit: a }) {
-		let u = r, d = a, h = s(null), { sentinelRef: g } = f({
-			scrollContainer: h,
-			threshold: u.threshold,
-			hasMore: l(() => u.hasMore),
-			isLoading: l(() => u.isLoading),
-			onLoadMore: () => d("load-more")
+	setup(s, { expose: c, emit: l }) {
+		let h = s, g = l, S = d(null), { sentinelRef: C } = v({
+			scrollContainer: S,
+			threshold: h.threshold,
+			hasMore: m(() => h.hasMore),
+			isLoading: m(() => h.isLoading),
+			onLoadMore: () => g("load-more")
 		});
-		return i({ sentinelRef: g }), (i, a) => (o(), t("div", {
+		c({ sentinelRef: C });
+		let w = n(() => h.isLoading ? "Loading more items" : h.hasMore ? "" : "All items loaded");
+		return (n, c) => (u(), i("div", {
 			ref_key: "scrollContainer",
-			ref: h
+			ref: S
 		}, [
-			c(i.$slots, "default"),
-			n("div", {
+			f(n.$slots, "default"),
+			a("div", {
 				ref_key: "sentinelRef",
-				ref: g,
+				ref: C,
 				class: "h-px w-full",
 				"aria-hidden": "true"
 			}, null, 512),
-			r.isLoading ? (o(), t("div", p, [c(i.$slots, "loading", {}, () => [a[0] ||= n("div", { class: "h-5 w-5 animate-spin rounded-pill border-2 border-muted-foreground border-t-transparent" }, null, -1)])])) : r.hasMore ? e("", !0) : (o(), t("div", m, [c(i.$slots, "end")]))
+			o(t, { name: "glass-dot-ring" }, {
+				default: _(() => [s.isLoading ? (u(), i("div", y, [f(n.$slots, "loading", {}, () => [o(e, { class: "text-muted-foreground" })])])) : r("", !0)]),
+				_: 3
+			}),
+			!s.isLoading && !s.hasMore ? (u(), i("div", b, [f(n.$slots, "end")])) : r("", !0),
+			a("span", x, p(w.value), 1)
 		], 512));
 	}
 });
 //#endregion
-export { h as InfiniteScroll, f as useInfiniteScroll };
+export { S as InfiniteScroll, v as useInfiniteScroll };

package/dist/input-Bls2A4Tt.js

@@ -0,0 +1,54 @@
+import { t as e } from "./class-names-q-UGOkHH.js";
+import { n as t } from "./control.css_vue_type_style_index_0_src_true_lang-BIdufaDG.js";
+import { createElementBlock as n, defineComponent as r, mergeModels as i, mergeProps as a, openBlock as o, unref as s, useAttrs as c, useModel as l, vModelDynamic as u, withDirectives as d } from "vue";
+//#region src/components/input/Input.vue?vue&type=script&setup=true&lang.ts
+var f = [
+	"type",
+	"disabled",
+	"readonly",
+	"data-size",
+	"data-state",
+	"aria-invalid"
+], p = /* @__PURE__ */ r({
+	inheritAttrs: !1,
+	__name: "Input",
+	props: /*@__PURE__*/ i({
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		disabled: { type: Boolean },
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		modelValue: {},
+		readonly: { type: Boolean },
+		size: { default: "md" },
+		type: { default: "text" }
+	}, {
+		modelValue: { default: "" },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(r) {
+		let i = r, p = l(r, "modelValue"), { ariaInvalid: m, forwardedAttrs: h, state: g } = t(i, c());
+		return (t, c) => d((o(), n("input", a(s(h), {
+			"onUpdate:modelValue": c[0] ||= (e) => p.value = e,
+			type: i.type,
+			disabled: i.disabled,
+			readonly: i.readonly,
+			"data-slot": "input",
+			"data-kind": "input",
+			"data-size": r.size,
+			"data-state": s(g),
+			"aria-invalid": s(m),
+			class: s(e)("field-control glass-control-edge", i.class)
+		}), null, 16, f)), [[u, p.value]]);
+	}
+});
+//#endregion
+export { p as t };

package/dist/input.d.ts

@@ -0,0 +1 @@
+export * from "./components/input/index.js";

package/dist/input.js

@@ -0,0 +1,2 @@
+import { t as e } from "./input-Bls2A4Tt.js";
+export { e as Input };

package/dist/keyboard.d.ts

@@ -1 +1 @@
-export * from "./composables/keyboard";
+export * from "./composables/keyboard/index.js";

package/dist/label-BQEZhnK_.js

@@ -0,0 +1,53 @@
+import { t as e } from "./class-names-q-UGOkHH.js";
+import { t } from "./primitive-B2t2jdqM.js";
+import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, defineComponent as s, mergeProps as c, openBlock as l, renderSlot as u, toDisplayString as d, unref as f, useAttrs as p, withCtx as m } from "vue";
+import { Label as h } from "reka-ui";
+//#region src/components/label/Label.vue?vue&type=script&setup=true&lang.ts
+var g = ["aria-hidden"], _ = /*#__PURE__*/ n(/* @__PURE__ */ s({
+	inheritAttrs: !1,
+	__name: "Label",
+	props: {
+		for: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		requirement: {},
+		disabled: { type: Boolean }
+	},
+	setup(n) {
+		let s = n, _ = p(), v = r(() => t(_)), y = r(() => {
+			let { class: e, requirement: t, disabled: n, ...r } = s;
+			return r;
+		}), b = r(() => {
+			if (s.requirement === "required") return "*";
+			if (s.requirement === "optional") return "optional";
+		});
+		return (t, r) => (l(), i(f(h), c({
+			...v.value,
+			...y.value
+		}, {
+			"data-slot": "label",
+			"data-requirement": n.requirement,
+			"data-disabled": n.disabled || void 0,
+			class: f(e)("label", s.class)
+		}), {
+			default: m(() => [u(t.$slots, "default", {}, void 0, !0), b.value ? (l(), o("span", {
+				key: 0,
+				class: "label-requirement",
+				"aria-hidden": n.requirement === "required" || void 0
+			}, d(b.value), 9, g)) : a("", !0)]),
+			_: 3
+		}, 16, [
+			"data-requirement",
+			"data-disabled",
+			"class"
+		]));
+	}
+}), [["__scopeId", "data-v-4f17b386"]]);
+//#endregion
+export { _ as t };

package/dist/label.d.ts

@@ -1 +1 @@
-export * from "./components/label";
+export * from "./components/label/index.js";

package/dist/label.js

@@ -1,2 +1,2 @@
-import { t as e } from "./label-DnMqH7jr.js";
+import { t as e } from "./label-BQEZhnK_.js";
 export { e as Label };

package/dist/labeled-field.d.ts

@@ -1 +1 @@
-export * from "./components/labeled-field";
+export * from "./components/labeled-field/index.js";