@mkbabb/glass-ui 0.2.0 → 2.0.0

package/dist/toggle-chip.js

@@ -0,0 +1,71 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { createBlock as t, defineComponent as n, mergeProps as r, openBlock as i, renderSlot as a, unref as o, withCtx as s } from "vue";
+import { Toggle as c, useForwardPropsEmits as l } from "reka-ui";
+import { cva as u } from "class-variance-authority";
+//#endregion
+//#region src/components/custom/toggle-chip/ToggleChip.vue
+var d = /* @__PURE__ */ n({
+	__name: "ToggleChip",
+	props: {
+		defaultValue: { type: Boolean },
+		modelValue: { type: [Boolean, null] },
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
+		name: {},
+		required: { type: Boolean },
+		variant: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: ["update:modelValue"],
+	setup(n, { emit: u }) {
+		let d = n, p = l(() => {
+			let { class: e, variant: t, ...n } = d;
+			return n;
+		}, u);
+		return (n, l) => (i(), t(o(c), r(o(p), { class: o(e)(o(f)({ variant: d.variant }), d.class) }), {
+			default: s(() => [a(n.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), f = u([
+	"focus-ring select-none cursor-pointer outline-none",
+	"font-sans transition-colors duration-150 ease-out",
+	"disabled:opacity-disabled disabled:pointer-events-none disabled:cursor-not-allowed"
+].join(" "), {
+	variants: { variant: {
+		chip: [
+			"inline-flex items-center justify-center",
+			"px-2 py-0.5 text-caption",
+			"rounded-sm border",
+			"border-[color-mix(in_srgb,var(--border)_35%,transparent)]",
+			"bg-[color-mix(in_srgb,var(--background)_60%,transparent)]",
+			"text-muted-foreground",
+			"hover:bg-[color-mix(in_srgb,var(--accent)_40%,transparent)]",
+			"hover:text-foreground",
+			"data-[state=on]:bg-[color-mix(in_srgb,var(--primary)_18%,transparent)]",
+			"data-[state=on]:border-[color-mix(in_srgb,var(--primary)_60%,transparent)]",
+			"data-[state=on]:text-foreground",
+			"data-[state=on]:font-medium"
+		].join(" "),
+		cell: [
+			"flex flex-col items-center justify-center gap-1.5",
+			"px-2 py-2.5 text-micro",
+			"rounded-[0.625rem] border border-transparent",
+			"bg-transparent text-foreground",
+			"hover:bg-[color-mix(in_srgb,var(--accent)_40%,transparent)]",
+			"hover:border-[color-mix(in_srgb,var(--border)_50%,transparent)]",
+			"data-[state=on]:bg-[color-mix(in_srgb,var(--primary)_15%,transparent)]",
+			"data-[state=on]:border-primary"
+		].join(" ")
+	} },
+	defaultVariants: { variant: "chip" }
+});
+//#endregion
+export { d as ToggleChip, f as toggleChipVariants };

package/dist/toggle-group.d.ts

@@ -0,0 +1 @@
+export * from "./components/ui/toggle-group";

package/dist/toggle-group.js

@@ -0,0 +1,2 @@
+import { n as e, t } from "./ToggleGroupItem-BYG_8M9M.js";
+export { e as ToggleGroup, t as ToggleGroupItem };

package/dist/tokens.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Runtime design tokens — the JS/TS projection of glass-ui's CSS custom properties.
+ *
+ * CSS tokens in `src/styles/tokens.css` drive the rendered UI. Some contexts
+ * (echarts configs, Canvas 2D, WebGL, canvas-rendered charts) cannot resolve
+ * CSS variables at render time — they need literal numbers and strings.
+ *
+ * This module mirrors the CSS tokens for those consumers. Keep in sync.
+ */
+/** Chart container heights (px). Match `--chart-height-*` in tokens.css. */
+export declare const chartHeights: {
+    readonly compact: 240;
+    readonly default: 360;
+    readonly large: 400;
+};
+/** Echarts grid margin (px). Matches `--chart-margin` in tokens.css. */
+export declare const chartMargin = 20;
+/**
+ * Neutral divider colors for chart gridlines, axis ticks, overlays.
+ * rgba literals — echarts / Canvas 2D can't parse CSS vars in color options.
+ * Match `--color-divider-*` in tokens.css.
+ */
+export declare const chartColors: {
+    readonly dividerSubtle: "rgba(128, 128, 128, 0.05)";
+    readonly dividerMedium: "rgba(128, 128, 128, 0.4)";
+    readonly dividerStrong: "rgba(128, 128, 128, 0.7)";
+};
+/** Default form-select minimum width (px). Matches `--min-width-input-sm`. */
+export declare const minWidthInputSm = 80;
+/**
+ * Stagger increments (ms) — TS mirror of the `--motion-stagger-*` canon
+ * promoted at AJ-W4-κ. Use these for animation cascades driven from JS
+ * (e.g. echarts `animationDelay: (idx) => idx * motionStagger.default`,
+ * Vue inline-style binding) so the JS-driven cascade and CSS-driven
+ * cascade resolve to the same value. The three named tiers correspond
+ * to `--motion-stagger-tight | --motion-stagger-default | --motion-stagger-relaxed`
+ * in `styles/tokens.css`:
+ *
+ *   - `tight` (40ms)    — dense row cascades (StatsCards row strip,
+ *                         results-table `:nth-child` delays)
+ *   - `default` (80ms)  — canonical row stagger (ResultStack, bar
+ *                         entrance, useStagger default)
+ *   - `relaxed` (120ms) — wider series cascades (TimeSeriesChart)
+ *
+ * Retires per-consumer constants (SERIES_STAGGER_MS, BAR_STAGGER_MS,
+ * STATS_CARD_STAGGER_MS) into single-source token reads. Per A5 §8.9 +
+ * AJ-W4-κ.
+ */
+export declare const motionStagger: {
+    readonly tight: 40;
+    readonly default: 80;
+    readonly relaxed: 120;
+};

package/dist/tokens.js

@@ -0,0 +1,16 @@
+//#region src/tokens.ts
+var e = {
+	compact: 240,
+	default: 360,
+	large: 400
+}, t = 20, n = {
+	dividerSubtle: "rgba(128, 128, 128, 0.05)",
+	dividerMedium: "rgba(128, 128, 128, 0.4)",
+	dividerStrong: "rgba(128, 128, 128, 0.7)"
+}, r = 80, i = {
+	tight: 40,
+	default: 80,
+	relaxed: 120
+};
+//#endregion
+export { n as chartColors, e as chartHeights, t as chartMargin, r as minWidthInputSm, i as motionStagger };

package/dist/tooltip.d.ts

@@ -0,0 +1 @@
+export * from "./components/ui/tooltip";

package/dist/tooltip.js

@@ -0,0 +1,2 @@
+import { i as e, n as t, r as n, t as r } from "./TooltipProvider-C5QLSPto.js";
+export { e as Tooltip, n as TooltipContent, r as TooltipProvider, t as TooltipTrigger };

package/dist/typewriter.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/typewriter";