raft-ui 0.0.1 → 0.0.4

package/dist/label-DWq4ia5I.mjs

@@ -1,115 +0,0 @@
-import { cn } from "cnfast";
-import { tv } from "tailwind-variants/lite";
-import { createContext, use } from "react";
-import { mergeProps } from "@base-ui/react/merge-props";
-import { useRender } from "@base-ui/react/use-render";
-import { jsx } from "react/jsx-runtime";
-//#region src/lib/tv.ts
-const tv$1 = ((options) => {
-	const recipe = tv(options);
-	const wrappedRecipe = ((props) => {
-		const result = recipe(props);
-		if (typeof result === "string") return cn(result);
-		return Object.fromEntries(Object.entries(result).map(([slotName, slot]) => [slotName, (slotProps) => cn(slot(slotProps))]));
-	});
-	return Object.assign(wrappedRecipe, recipe);
-});
-//#endregion
-//#region src/lib/theme/theme-context.ts
-const ThemeContext = createContext("brutal");
-const ThemeStateContext = createContext({
-	theme: "brutal",
-	setTheme: () => void 0,
-	mode: "light",
-	resolvedMode: "light"
-});
-//#endregion
-//#region src/lib/theme/use-theme.ts
-/** Read the active style family for theme-aware component recipes. */
-function useThemeFamily() {
-	return use(ThemeContext);
-}
-/** Read and update the application-level RUI theme selection. */
-function useTheme() {
-	return use(ThemeStateContext);
-}
-//#endregion
-//#region src/components/label/label.tsx
-const label = tv$1({
-	slots: {
-		root: [
-			"group/label inline-flex w-fit items-center gap-1",
-			"cursor-pointer select-none",
-			"text-sm leading-none",
-			"aria-disabled:cursor-not-allowed aria-disabled:text-foreground-disabled"
-		],
-		asterisk: ["text-accent-400", "group-aria-disabled/label:text-foreground-disabled"],
-		sub: ["font-normal normal-case", "group-aria-disabled/label:text-foreground-disabled"]
-	},
-	variants: {
-		theme: {
-			brutal: {
-				root: "font-bold text-foreground-strong",
-				sub: "font-bold tracking-wide text-black/40"
-			},
-			elegant: {
-				root: "font-medium text-foreground",
-				sub: "text-foreground/40"
-			}
-		},
-		size: {
-			sm: { root: "text-xs" },
-			md: { root: "text-sm" }
-		}
-	},
-	defaultVariants: { size: "md" }
-});
-function LabelRoot({ size, disabled, className, render, ...props }) {
-	const { root } = label({
-		theme: useThemeFamily(),
-		size
-	});
-	return useRender({
-		defaultTagName: "label",
-		render,
-		props: mergeProps({
-			"aria-disabled": disabled ? true : void 0,
-			className: root({ className })
-		}, props),
-		state: {
-			slot: "label",
-			disabled: disabled ?? false
-		}
-	});
-}
-function LabelAsterisk({ className, children = "*", ...props }) {
-	const { asterisk } = label({ theme: useThemeFamily() });
-	return /* @__PURE__ */ jsx("span", {
-		"data-slot": "label-asterisk",
-		className: asterisk({ className }),
-		...props,
-		children
-	});
-}
-function LabelSub({ className, ...props }) {
-	const { sub } = label({ theme: useThemeFamily() });
-	return /* @__PURE__ */ jsx("span", {
-		"data-slot": "label-sub",
-		className: sub({ className }),
-		...props
-	});
-}
-function LabelOptional({ children = "(optional)", ...props }) {
-	return /* @__PURE__ */ jsx(LabelSub, {
-		"data-slot": "label-optional",
-		...props,
-		children
-	});
-}
-const Label = Object.assign(LabelRoot, {
-	Asterisk: LabelAsterisk,
-	Optional: LabelOptional,
-	Sub: LabelSub
-});
-//#endregion
-export { useTheme as a, ThemeStateContext as c, LabelSub as i, tv$1 as l, LabelAsterisk as n, useThemeFamily as o, LabelOptional as r, ThemeContext as s, Label as t };