raft-ui 0.0.1

package/dist/label-DWq4ia5I.mjs

@@ -0,0 +1,115 @@
+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 };

package/dist/styled-props-B3SNekJg.d.mts

@@ -0,0 +1,16 @@
+import { VariantProps } from "tailwind-variants/lite";
+
+//#region src/lib/styled-props.d.ts
+/**
+ * Base UI components type `className` as `string | ((state) => string)`, but our
+ * tv() recipes only accept a plain string. `StyledProps` narrows a Base UI
+ * component's props to a string `className` so they can flow into a recipe.
+ *
+ * The state-callback form is intentionally dropped: our components express every
+ * state through `data-*` variants in the recipe, so a caller never needs it.
+ */
+type StyledProps<P> = Omit<P, "className"> & {
+  className?: string;
+};
+//#endregion
+export { VariantProps as n, StyledProps as t };