iryx-ui 0.0.1 → 0.1.0

package/dist/components/Textarea.vue.d.ts

@@ -0,0 +1,28 @@
+export interface TextareaProps {
+    size?: 'sm' | 'md' | 'lg';
+    rows?: number;
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    /** Mark the field as invalid — styles the border and ring red. */
+    invalid?: boolean;
+    id?: string;
+    /** Skip built-in classes; you take over styling entirely. */
+    unstyled?: boolean;
+    class?: string;
+}
+type __VLS_Props = TextareaProps;
+type __VLS_ModelProps = {
+    modelValue?: string | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | null | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
+}>, {
+    unstyled: boolean;
+    invalid: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Textarea.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,57 @@
+import { useIryxUiConfig as e } from "../config.js";
+import { useFormField as t } from "../composables/form.js";
+import { textareaTheme as n } from "../theme/input.js";
+import { computed as r, createElementBlock as i, defineComponent as a, mergeModels as o, normalizeClass as s, openBlock as c, unref as l, useModel as u, vModelText as d, withDirectives as f } from "vue";
+//#region src/components/Textarea.vue?vue&type=script&setup=true&lang.ts
+var p = [
+	"id",
+	"rows",
+	"placeholder",
+	"disabled",
+	"required",
+	"aria-invalid",
+	"aria-describedby"
+], m = /*@__PURE__*/ a({
+	__name: "Textarea",
+	props: /*@__PURE__*/ o({
+		size: {},
+		rows: {},
+		placeholder: {},
+		disabled: { type: Boolean },
+		required: { type: Boolean },
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
+		id: {},
+		unstyled: {
+			type: Boolean,
+			default: void 0
+		},
+		class: {}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(a) {
+		let o = a, m = u(a, "modelValue"), h = t(), g = r(() => o.id ?? h?.id.value), _ = r(() => o.invalid ?? h?.invalid.value ?? !1), v = e(), y = r(() => o.unstyled ?? v.unstyled), b = r(() => y.value ? o.class : n({
+			size: o.size,
+			invalid: _.value,
+			class: o.class
+		}));
+		return (e, t) => f((c(), i("textarea", {
+			id: g.value,
+			"onUpdate:modelValue": t[0] ||= (e) => m.value = e,
+			rows: o.rows,
+			placeholder: o.placeholder,
+			disabled: o.disabled,
+			required: o.required,
+			"aria-invalid": _.value || void 0,
+			"aria-describedby": l(h)?.describedBy.value,
+			class: s(b.value)
+		}, null, 10, p)), [[d, m.value]]);
+	}
+});
+//#endregion
+export { m as default };

package/dist/components/index.d.ts

@@ -1,2 +1,11 @@
+export { default as App } from './App.vue';
 export { default as Button } from './Button.vue';
+export { default as Checkbox } from './Checkbox.vue';
+export { default as Form } from './Form.vue';
+export { default as FormField } from './FormField.vue';
+export { default as Input } from './Input.vue';
+export { default as Label } from './Label.vue';
+export { default as RadioGroup } from './RadioGroup.vue';
+export { default as Select } from './Select.vue';
 export { default as Switch } from './Switch.vue';
+export { default as Textarea } from './Textarea.vue';

package/dist/components/index.js

@@ -1,10 +1,28 @@
 import { __exportAll as e } from "../_virtual/_rolldown/runtime.js";
-import t from "./Button.js";
-import n from "./Switch.js";
+import t from "./App.js";
+import n from "./Button.js";
+import r from "./Checkbox.js";
+import i from "./Form.js";
+import a from "./Label.js";
+import o from "./FormField.js";
+import s from "./Input.js";
+import c from "./RadioGroup.js";
+import l from "./Select.js";
+import u from "./Switch.js";
+import d from "./Textarea.js";
 //#region src/components/index.ts
-var r = /* @__PURE__ */ e({
-	Button: () => t,
-	Switch: () => n
+var f = /* @__PURE__ */ e({
+	App: () => t,
+	Button: () => n,
+	Checkbox: () => r,
+	Form: () => i,
+	FormField: () => o,
+	Input: () => s,
+	Label: () => a,
+	RadioGroup: () => c,
+	Select: () => l,
+	Switch: () => u,
+	Textarea: () => d
 });
 //#endregion
-export { r as components_exports };
+export { f as components_exports };

package/dist/composables/form.d.ts

@@ -0,0 +1,67 @@
+import type { ComputedRef, InjectionKey, Ref } from 'vue';
+/** A validation failure. `name` is a dot-path into the form state. */
+export interface FormError {
+    name?: string;
+    message: string;
+}
+export interface FormSubmitEvent<T> {
+    data: T;
+}
+/** When a field re-validates. `submit` always runs regardless. */
+export type FormValidateOn = 'blur' | 'input' | 'change';
+/**
+ * Minimal structural type for the Standard Schema spec, so any compliant
+ * validator (Zod 3.24+, Valibot, ArkType…) works without Iryx depending on it.
+ *
+ * @see https://standardschema.dev
+ */
+export interface StandardSchemaLike<Output = unknown> {
+    '~standard': {
+        version: number;
+        vendor: string;
+        validate: (value: unknown) => StandardSchemaResult<Output> | Promise<StandardSchemaResult<Output>>;
+    };
+}
+export interface StandardSchemaIssue {
+    message: string;
+    path?: ReadonlyArray<PropertyKey | {
+        key: PropertyKey;
+    }>;
+}
+export type StandardSchemaResult<Output> = {
+    value: Output;
+    issues?: undefined;
+} | {
+    issues: ReadonlyArray<StandardSchemaIssue>;
+    value?: undefined;
+};
+export declare function isStandardSchema(value: unknown): value is StandardSchemaLike;
+/** Join a Standard Schema issue path into a dot-path (`address.city`). */
+export declare function issuePath(issue: StandardSchemaIssue): string | undefined;
+/** Read a dot-path out of an object, tolerating missing intermediates. */
+export declare function getByPath(object: unknown, path: string): unknown;
+export interface FormContext {
+    errors: Ref<FormError[]>;
+    validateOn: ComputedRef<FormValidateOn[]>;
+    disabled: ComputedRef<boolean>;
+    /** Full state object, so fields can watch their own slice. */
+    state: ComputedRef<Record<string, unknown>>;
+    errorFor: (name: string | undefined) => string | undefined;
+    validateField: (name: string) => Promise<void>;
+}
+export declare const formContextKey: InjectionKey<FormContext>;
+/** Context a `FormField` exposes to the control it wraps. */
+export interface FormFieldContext {
+    id: ComputedRef<string>;
+    name: ComputedRef<string | undefined>;
+    invalid: ComputedRef<boolean>;
+    describedBy: ComputedRef<string | undefined>;
+}
+export declare const formFieldContextKey: InjectionKey<FormFieldContext>;
+/** Access the enclosing form, if any. */
+export declare function useForm(): FormContext | undefined;
+/**
+ * Access the enclosing `FormField`, if any. Controls use this to pick up the
+ * generated `id`, the invalid state and `aria-describedby` automatically.
+ */
+export declare function useFormField(): FormFieldContext | undefined;

package/dist/composables/form.js

@@ -0,0 +1,20 @@
+import { inject as e } from "vue";
+//#region src/composables/form.ts
+function t(e) {
+	return typeof e == "object" && !!e && "~standard" in e;
+}
+function n(e) {
+	if (e.path?.length) return e.path.map((e) => typeof e == "object" && e ? e.key : e).join(".");
+}
+function r(e, t) {
+	return t.split(".").reduce((e, t) => e?.[t], e);
+}
+var i = Symbol.for("iryx-ui:form"), a = Symbol.for("iryx-ui:form-field");
+function o() {
+	return e(i, void 0);
+}
+function s() {
+	return e(a, void 0);
+}
+//#endregion
+export { i as formContextKey, a as formFieldContextKey, r as getByPath, t as isStandardSchema, n as issuePath, o as useForm, s as useFormField };

package/dist/index.d.ts

@@ -1,9 +1,19 @@
 export { componentNames } from './component-names';
 export type { ComponentName } from './component-names';
 export * from './components';
+export type { AppProps } from './components/App.vue';
 export type { ButtonProps } from './components/Button.vue';
+export type { CheckboxProps } from './components/Checkbox.vue';
+export type { FormProps } from './components/Form.vue';
+export type { FormFieldProps } from './components/FormField.vue';
+export type { InputProps } from './components/Input.vue';
+export type { LabelProps } from './components/Label.vue';
+export type { RadioGroupItemOption, RadioGroupProps } from './components/RadioGroup.vue';
+export type { SelectItemOption, SelectProps } from './components/Select.vue';
 export type { SwitchProps } from './components/Switch.vue';
+export type { TextareaProps } from './components/Textarea.vue';
 export * from './composables/appearance';
+export * from './composables/form';
 export { defaultConfig, iryxUiConfigKey, useIryxUiConfig } from './config';
 export type { IryxUiConfig } from './config';
 export { createIryxUi, IryxUi } from './plugin';

package/dist/index.js

@@ -1,10 +1,25 @@
 import { componentNames as e } from "./component-names.js";
-import { defaultConfig as t, iryxUiConfigKey as n, useIryxUiConfig as r } from "./config.js";
-import { buttonTheme as i } from "./theme/button.js";
-import a from "./components/Button.js";
-import { switchTheme as o } from "./theme/switch.js";
-import s from "./components/Switch.js";
-import { initAppearance as c, useAppearance as l } from "./composables/appearance.js";
-import { applyTheme as u, clearTheme as d, themes as f } from "./theme/presets.js";
-import { IryxUi as p, createIryxUi as m } from "./plugin.js";
-export { a as Button, p as IryxUi, s as Switch, u as applyTheme, i as buttonTheme, d as clearTheme, e as componentNames, m as createIryxUi, t as defaultConfig, c as initAppearance, n as iryxUiConfigKey, o as switchTheme, f as themes, l as useAppearance, r as useIryxUiConfig };
+import { initAppearance as t, useAppearance as n } from "./composables/appearance.js";
+import { defaultConfig as r, iryxUiConfigKey as i, useIryxUiConfig as a } from "./config.js";
+import { applyTheme as o, clearTheme as s, themes as c } from "./theme/presets.js";
+import l from "./components/App.js";
+import { buttonTheme as u } from "./theme/button.js";
+import d from "./components/Button.js";
+import { checkboxTheme as f } from "./theme/checkbox.js";
+import p from "./components/Checkbox.js";
+import { formContextKey as m, formFieldContextKey as h, getByPath as g, isStandardSchema as _, issuePath as v, useForm as y, useFormField as b } from "./composables/form.js";
+import x from "./components/Form.js";
+import { labelTheme as S } from "./theme/label.js";
+import C from "./components/Label.js";
+import w from "./components/FormField.js";
+import { fieldBase as T, inputTheme as E, textareaTheme as D } from "./theme/input.js";
+import O from "./components/Input.js";
+import { radioGroupTheme as k } from "./theme/radio-group.js";
+import A from "./components/RadioGroup.js";
+import { selectTheme as j } from "./theme/select.js";
+import M from "./components/Select.js";
+import { switchTheme as N } from "./theme/switch.js";
+import P from "./components/Switch.js";
+import F from "./components/Textarea.js";
+import { IryxUi as I, createIryxUi as L } from "./plugin.js";
+export { l as App, d as Button, p as Checkbox, x as Form, w as FormField, O as Input, I as IryxUi, C as Label, A as RadioGroup, M as Select, P as Switch, F as Textarea, o as applyTheme, u as buttonTheme, f as checkboxTheme, s as clearTheme, e as componentNames, L as createIryxUi, r as defaultConfig, T as fieldBase, m as formContextKey, h as formFieldContextKey, g as getByPath, t as initAppearance, E as inputTheme, i as iryxUiConfigKey, _ as isStandardSchema, v as issuePath, S as labelTheme, k as radioGroupTheme, j as selectTheme, N as switchTheme, D as textareaTheme, c as themes, n as useAppearance, y as useForm, b as useFormField, a as useIryxUiConfig };

package/dist/plugin.js

@@ -1,18 +1,18 @@
 import { componentNames as e } from "./component-names.js";
-import { defaultConfig as t, iryxUiConfigKey as n } from "./config.js";
-import { components_exports as r } from "./components/index.js";
-import { initAppearance as i } from "./composables/appearance.js";
-import { applyTheme as a } from "./theme/presets.js";
+import { initAppearance as t } from "./composables/appearance.js";
+import { defaultConfig as n, iryxUiConfigKey as r } from "./config.js";
+import { applyTheme as i } from "./theme/presets.js";
+import { components_exports as a } from "./components/index.js";
 //#region src/plugin.ts
 function o(o = {}) {
 	let { prefix: s = "I", appearance: c, theme: l, ...u } = o;
 	return { install(o) {
-		o.provide(n, {
-			...t,
+		o.provide(r, {
+			...n,
 			...u
 		});
-		for (let t of e) o.component(`${s}${t}`, r[t]);
-		l && a(l), c && i(c);
+		for (let t of e) o.component(`${s}${t}`, a[t]);
+		l && i(l), c && t(c);
 	} };
 }
 var s = o();

package/dist/theme/checkbox.d.ts

@@ -0,0 +1,89 @@
+export declare const checkboxTheme: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            root: string;
+            indicator: string;
+        };
+        md: {
+            root: string;
+            indicator: string;
+        };
+        lg: {
+            root: string;
+            indicator: string;
+        };
+    };
+    /** Nudges the box down so it centres against the label's first line. */
+    withText: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    /** Only rendered when a `label` or `description` is provided. */
+    wrapper: string;
+    root: string;
+    indicator: string;
+    content: string;
+    label: string;
+    description: string;
+}, undefined, {
+    size: {
+        sm: {
+            root: string;
+            indicator: string;
+        };
+        md: {
+            root: string;
+            indicator: string;
+        };
+        lg: {
+            root: string;
+            indicator: string;
+        };
+    };
+    /** Nudges the box down so it centres against the label's first line. */
+    withText: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    /** Only rendered when a `label` or `description` is provided. */
+    wrapper: string;
+    root: string;
+    indicator: string;
+    content: string;
+    label: string;
+    description: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            root: string;
+            indicator: string;
+        };
+        md: {
+            root: string;
+            indicator: string;
+        };
+        lg: {
+            root: string;
+            indicator: string;
+        };
+    };
+    /** Nudges the box down so it centres against the label's first line. */
+    withText: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    /** Only rendered when a `label` or `description` is provided. */
+    wrapper: string;
+    root: string;
+    indicator: string;
+    content: string;
+    label: string;
+    description: string;
+}, undefined, unknown, unknown, undefined>>;
+export type CheckboxSlots = keyof ReturnType<typeof checkboxTheme>;

package/dist/theme/checkbox.js

@@ -0,0 +1,37 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/checkbox.ts
+var t = e({
+	slots: {
+		wrapper: "flex items-start gap-2.5",
+		root: "peer flex shrink-0 cursor-pointer items-center justify-center rounded border border-border bg-background text-primary-foreground transition-colors outline-none focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary",
+		indicator: "flex items-center justify-center text-current",
+		content: "grid gap-1",
+		label: "text-sm leading-5 font-medium text-foreground select-none",
+		description: "text-sm leading-snug text-muted-foreground"
+	},
+	variants: {
+		size: {
+			sm: {
+				root: "size-3.5",
+				indicator: "[&_svg]:size-2.5"
+			},
+			md: {
+				root: "size-4",
+				indicator: "[&_svg]:size-3"
+			},
+			lg: {
+				root: "size-5",
+				indicator: "[&_svg]:size-3.5"
+			}
+		},
+		withText: { true: { root: "mt-0.5" } }
+	},
+	compoundVariants: [{
+		size: "lg",
+		withText: !0,
+		class: { root: "mt-0" }
+	}],
+	defaultVariants: { size: "md" }
+});
+//#endregion
+export { t as checkboxTheme };

package/dist/theme/form.d.ts

@@ -0,0 +1,68 @@
+export declare const formFieldTheme: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            header?: import("tailwind-variants").ClassValue;
+            label?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            description?: import("tailwind-variants").ClassValue;
+            error?: import("tailwind-variants").ClassValue;
+            hint?: import("tailwind-variants").ClassValue;
+            control?: import("tailwind-variants").ClassValue;
+            help?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            header?: import("tailwind-variants").ClassValue;
+            label?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            description?: import("tailwind-variants").ClassValue;
+            error?: import("tailwind-variants").ClassValue;
+            hint?: import("tailwind-variants").ClassValue;
+            control?: import("tailwind-variants").ClassValue;
+            help?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    header: string;
+    label: string;
+    hint: string;
+    description: string;
+    control: string;
+    error: string;
+    help: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            header?: import("tailwind-variants").ClassValue;
+            label?: import("tailwind-variants").ClassValue;
+            root?: import("tailwind-variants").ClassValue;
+            description?: import("tailwind-variants").ClassValue;
+            error?: import("tailwind-variants").ClassValue;
+            hint?: import("tailwind-variants").ClassValue;
+            control?: import("tailwind-variants").ClassValue;
+            help?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    header: string;
+    label: string;
+    hint: string;
+    description: string;
+    control: string;
+    error: string;
+    help: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    root: string;
+    header: string;
+    label: string;
+    hint: string;
+    description: string;
+    control: string;
+    error: string;
+    help: string;
+}, undefined, unknown, unknown, undefined>>;
+export type FormFieldSlots = keyof ReturnType<typeof formFieldTheme>;

package/dist/theme/form.js

@@ -0,0 +1,14 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/form.ts
+var t = e({ slots: {
+	root: "space-y-1.5",
+	header: "flex items-center justify-between gap-2",
+	label: "",
+	hint: "text-sm leading-none text-muted-foreground",
+	description: "text-sm leading-snug text-muted-foreground",
+	control: "",
+	error: "text-sm leading-snug text-red-500",
+	help: "text-sm leading-snug text-muted-foreground"
+} });
+//#endregion
+export { t as formFieldTheme };

package/dist/theme/index.d.ts

@@ -1,3 +1,8 @@
 export * from './button';
+export * from './checkbox';
+export * from './input';
+export * from './label';
 export * from './presets';
+export * from './radio-group';
+export * from './select';
 export * from './switch';

package/dist/theme/input.d.ts

@@ -0,0 +1,60 @@
+/** Shared field chrome for Input, Textarea and the Select trigger. */
+export declare const fieldBase = "w-full rounded-lg border border-border bg-background text-foreground transition-colors outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50";
+export declare const inputTheme: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    invalid: {
+        true: string;
+    };
+}, undefined, "flex w-full rounded-lg border border-border bg-background text-foreground transition-colors outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50", {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    invalid: {
+        true: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    invalid: {
+        true: string;
+    };
+}, undefined, "flex w-full rounded-lg border border-border bg-background text-foreground transition-colors outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50", unknown, unknown, undefined>>;
+export declare const textareaTheme: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    invalid: {
+        true: string;
+    };
+}, undefined, "block resize-y w-full rounded-lg border border-border bg-background text-foreground transition-colors outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50", {
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    invalid: {
+        true: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    invalid: {
+        true: string;
+    };
+}, undefined, "block resize-y w-full rounded-lg border border-border bg-background text-foreground transition-colors outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50", unknown, unknown, undefined>>;
+export type InputVariants = Parameters<typeof inputTheme>[0];
+export type TextareaVariants = Parameters<typeof textareaTheme>[0];

package/dist/theme/input.js

@@ -0,0 +1,27 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/input.ts
+var t = "w-full rounded-lg border border-border bg-background text-foreground transition-colors outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50", n = e({
+	base: `flex ${t}`,
+	variants: {
+		size: {
+			sm: "h-8 px-2.5 text-sm",
+			md: "h-9 px-3 text-sm",
+			lg: "h-10 px-4 text-base"
+		},
+		invalid: { true: "border-red-500 focus-visible:ring-red-500/40" }
+	},
+	defaultVariants: { size: "md" }
+}), r = e({
+	base: `block resize-y ${t}`,
+	variants: {
+		size: {
+			sm: "min-h-16 px-2.5 py-1.5 text-sm",
+			md: "min-h-20 px-3 py-2 text-sm",
+			lg: "min-h-24 px-4 py-2.5 text-base"
+		},
+		invalid: { true: "border-red-500 focus-visible:ring-red-500/40" }
+	},
+	defaultVariants: { size: "md" }
+});
+//#endregion
+export { t as fieldBase, n as inputTheme, r as textareaTheme };

package/dist/theme/label.d.ts

@@ -0,0 +1,14 @@
+export declare const labelTheme: import("tailwind-variants").TVReturnType<{
+    required: {
+        true: string;
+    };
+}, undefined, "inline-flex items-center gap-1 text-sm leading-none font-medium text-foreground select-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50", {
+    required: {
+        true: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    required: {
+        true: string;
+    };
+}, undefined, "inline-flex items-center gap-1 text-sm leading-none font-medium text-foreground select-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50", unknown, unknown, undefined>>;
+export type LabelVariants = Parameters<typeof labelTheme>[0];

package/dist/theme/label.js

@@ -0,0 +1,8 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/label.ts
+var t = e({
+	base: "inline-flex items-center gap-1 text-sm leading-none font-medium text-foreground select-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+	variants: { required: { true: "after:text-red-500 after:content-['*']" } }
+});
+//#endregion
+export { t as labelTheme };