@fea-ui/react 0.1.0-alpha.7 → 0.1.0-alpha.8

package/dist/index.cjs

@@ -1509,13 +1509,32 @@ const ProgressContext = (0, react.createContext)(null);
 
 //#endregion
 //#region src/components/progress/progress.variants.ts
-const progressVariants = (0, tailwind_variants.tv)({ slots: {
-	indicator: "progress__indicator",
-	label: "progress__label",
-	root: "progress",
-	track: "progress__track",
-	value: "progress__value"
-} });
+const progressVariants = (0, tailwind_variants.tv)({
+	defaultVariants: {
+		size: "md",
+		variant: "primary"
+	},
+	slots: {
+		indicator: "progress__indicator",
+		label: "progress__label",
+		root: "progress",
+		track: "progress__track",
+		value: "progress__value"
+	},
+	variants: {
+		size: {
+			lg: { root: "progress--lg" },
+			md: { root: "progress--md" },
+			sm: { root: "progress--sm" }
+		},
+		variant: {
+			danger: { root: "progress--danger" },
+			primary: { root: "progress--primary" },
+			secondary: { root: "progress--secondary" },
+			success: { root: "progress--success" }
+		}
+	}
+});
 
 //#endregion
 //#region src/components/progress/use-progress.ts
@@ -1527,8 +1546,11 @@ const useProgress = () => {
 
 //#endregion
 //#region src/components/progress/progress.tsx
-const Progress = ({ className, ...props }) => {
-	const slots = (0, react.useMemo)(() => progressVariants(), []);
+const Progress = ({ className, variant, size, ...props }) => {
+	const slots = (0, react.useMemo)(() => progressVariants({
+		size,
+		variant
+	}), [variant, size]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProgressContext, {
 		value: { slots },
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Progress.Root, {
@@ -1572,6 +1594,62 @@ Progress.Indicator = ProgressIndicator;
 Progress.Root = Progress;
 var progress_default = Progress;
 
+//#endregion
+//#region src/components/radio/radio.context.ts
+const RadioContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/components/radio/radio.variants.ts
+const radioVariants = (0, tailwind_variants.tv)({ slots: {
+	indicator: "radio__indicator",
+	root: "radio"
+} });
+
+//#endregion
+//#region src/components/radio/use-radio.ts
+const useRadio = () => {
+	const context = (0, react.useContext)(RadioContext);
+	if (!context) throw new Error("useRadio must be used within a RadioProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/radio/radio.tsx
+const Radio = ({ className, ...props }) => {
+	const slots = (0, react.useMemo)(() => radioVariants({}), []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RadioContext, {
+		value: { slots },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Radio.Root, {
+			className: (0, tailwind_variants.cn)(slots.root(), className),
+			...props
+		})
+	});
+};
+const RadioIndicator = ({ className, ...props }) => {
+	const { slots } = useRadio();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Radio.Indicator, {
+		className: (0, tailwind_variants.cn)(slots.indicator(), className),
+		...props
+	});
+};
+Radio.Root = Radio;
+Radio.Indicator = RadioIndicator;
+var radio_default = Radio;
+
+//#endregion
+//#region src/components/radio-group/radio-group.variants.ts
+const radioGroupVariants = (0, tailwind_variants.tv)({ base: "radio-group" });
+
+//#endregion
+//#region src/components/radio-group/radio-group.tsx
+const RadioGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.RadioGroup, {
+		className: (0, tailwind_variants.cn)(className, (0, react.useMemo)(() => radioGroupVariants(), [])),
+		...props
+	});
+};
+var radio_group_default = RadioGroup;
+
 //#endregion
 //#region src/components/slider/slider.context.ts
 const SliderContext = (0, react.createContext)(null);
@@ -1934,6 +2012,8 @@ exports.Meter = meter_default;
 exports.Navbar = navbar_default;
 exports.Popover = popover_default;
 exports.Progress = progress_default;
+exports.Radio = radio_default;
+exports.RadioGroup = radio_group_default;
 exports.Separator = separator_default;
 exports.Slider = slider_default;
 exports.Switch = switch_default;
@@ -1973,6 +2053,8 @@ exports.meterVariants = meterVariants;
 exports.navbarVariants = navbarVariants;
 exports.popoverVariants = popoverVariants;
 exports.progressVariants = progressVariants;
+exports.radioGroupVariants = radioGroupVariants;
+exports.radioVariants = radioVariants;
 exports.separatorVariants = separatorVariants;
 exports.sliderVariants = sliderVariants;
 exports.switchVariants = switchVariants;