@glyphui/ui 0.2.0 → 0.3.0

package/dist/{field-context-B6WOcK5m.js → field-context-anGPYXbW.js}

@@ -1,40 +1,8 @@
 "use client";
-import { textTokens } from "@glyphui/tokens";
+import { a as themedBorder, o as transition, r as focusRing, s as useComponentConfig, t as tv } from "./tv-DBAGlgXJ.js";
 import { Slot } from "radix-ui";
 import { Fragment, createContext, useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { createTV } from "tailwind-variants";
-//#region src/provider/glyph-context.ts
-const GlyphContext = createContext(null);
-/** The active theme and app-level settings. Must be used under `GlyphProvider`. */
-function useGlyph() {
-	const value = useContext(GlyphContext);
-	if (!value) throw new Error("useGlyph must be used inside <GlyphProvider>.");
-	return value;
-}
-/** The router-aware link component configured on `GlyphProvider`. */
-function useLinkComponent() {
-	return useContext(GlyphContext)?.linkComponent ?? "a";
-}
-//#endregion
-//#region src/hooks/use-component-config.ts
-/**
-* Applies the theme's per-component settings (`theme.components[name]`):
-* fills unset variant props from `defaultVariants` and returns the extra slot classes.
-* Every styled component calls this first.
-*/
-function useComponentConfig(name, props) {
-	const override = (useContext(GlyphContext)?.theme)?.components[name];
-	if (!override) return [props, {}];
-	let merged = props;
-	const defaults = override.defaultVariants;
-	if (defaults) {
-		merged = { ...props };
-		for (const [key, value] of Object.entries(defaults)) if (merged[key] === void 0) merged[key] = value;
-	}
-	return [merged, override.className ?? {}];
-}
-//#endregion
 //#region src/internal/icons.tsx
 function Icon({ children, ...props }) {
 	return /* @__PURE__ */ jsx("svg", {
@@ -123,28 +91,6 @@ const AlertIcon = (p) => /* @__PURE__ */ jsxs(Icon, {
 	}), /* @__PURE__ */ jsx("path", { d: "M12 8v4M12 16h.01" })]
 });
 //#endregion
-//#region src/utils/styles.ts
-/** Shared class fragments. Kept as literals so Tailwind's scanner picks them up. */
-const focusRing = "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background";
-const themedBorder = "border-(length:--glyph-border-width)";
-const transition = "transition-[color,background-color,border-color,box-shadow,transform,opacity] duration-(--glyph-duration-base) ease-standard";
-/** Popover surfaces: Select, Tooltip-like menus. */
-const popover = "z-50 overflow-hidden rounded-[min(var(--radius-md),var(--radius-lg))] border-(length:--glyph-border-width) border-border bg-raised text-foreground shadow-lg animate-pop-in";
-//#endregion
-//#region src/utils/tw-merge-config.ts
-/**
-* Teaches tailwind-merge about Glyph's custom utilities so `cn('text-h1', 'text-small')`
-* keeps only the last size instead of treating `text-h1` as a color.
-*/
-const twMergeConfig = { extend: { theme: {
-	text: [...textTokens],
-	radius: ["pill"]
-} } };
-//#endregion
-//#region src/utils/tv.ts
-/** `tailwind-variants` preconfigured with Glyph's merge rules. All component styles use this. */
-const tv = createTV({ twMergeConfig });
-//#endregion
 //#region src/components/spinner/spinner.styles.ts
 const spinnerStyles = tv({
 	slots: {
@@ -318,4 +264,4 @@ function useFieldControl(props) {
 	};
 }
 //#endregion
-export { useGlyph as A, MenuIcon as C, XIcon as D, SearchIcon as E, useComponentConfig as O, InboxIcon as S, PanelLeftIcon as T, CheckIcon as _, buttonStyles as a, ChevronRightIcon as b, tv as c, popover as d, themedBorder as f, ArrowUpIcon as g, ArrowDownIcon as h, IconButton as i, useLinkComponent as j, GlyphContext as k, twMergeConfig as l, AlertIcon as m, useFieldControl as n, Spinner as o, transition as p, Button as r, spinnerStyles as s, FieldContext as t, focusRing as u, ChevronDownIcon as v, MinusIcon as w, ChevronsUpDownIcon as x, ChevronLeftIcon as y };
+export { MenuIcon as _, buttonStyles as a, SearchIcon as b, AlertIcon as c, CheckIcon as d, ChevronDownIcon as f, InboxIcon as g, ChevronsUpDownIcon as h, IconButton as i, ArrowDownIcon as l, ChevronRightIcon as m, useFieldControl as n, Spinner as o, ChevronLeftIcon as p, Button as r, spinnerStyles as s, FieldContext as t, ArrowUpIcon as u, MinusIcon as v, XIcon as x, PanelLeftIcon as y };

package/dist/form.js

@@ -1,6 +1,7 @@
 "use client";
-import { c as tv, m as AlertIcon, r as Button } from "./field-context-B6WOcK5m.js";
-import { t as Field } from "./field-CCecIzdq.js";
+import { t as tv } from "./tv-DBAGlgXJ.js";
+import { c as AlertIcon, r as Button } from "./field-context-anGPYXbW.js";
+import { t as Field } from "./field-CWZ_FdkD.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { standardSchemaResolver } from "@hookform/resolvers/standard-schema";
 import { Controller, FormProvider, useForm as useForm$1, useFormState } from "react-hook-form";