@fea-ui/react 0.0.0-canary.2 → 0.0.0-canary.4

package/dist/index.cjs

@@ -442,9 +442,8 @@ const CardContext = (0, react.createContext)(null);
 const cardVariants = (0, tailwind_variants.tv)({
 	defaultVariants: { variant: "default" },
 	slots: {
-		body: "card__body",
+		content: "card__content",
 		description: "card__description",
-		footer: "card__footer",
 		header: "card__header",
 		root: "card",
 		title: "card__title"
@@ -483,17 +482,10 @@ const CardHeader = ({ className, ...props }) => {
 		...props
 	});
 };
-const CardBody = ({ className, ...props }) => {
+const CardContent = ({ className, ...props }) => {
 	const { slots } = useCard();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: (0, tailwind_variants.cn)(className, slots.body()),
-		...props
-	});
-};
-const CardFooter = ({ className, ...props }) => {
-	const { slots } = useCard();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: (0, tailwind_variants.cn)(className, slots.footer()),
+		className: (0, tailwind_variants.cn)(className, slots.content()),
 		...props
 	});
 };
@@ -513,9 +505,8 @@ const CardDescription = ({ className, ...props }) => {
 };
 /** Exports */
 var card_default = Object.assign(Card, {
-	Body: CardBody,
+	Content: CardContent,
 	Description: CardDescription,
-	Footer: CardFooter,
 	Header: CardHeader,
 	Root: Card,
 	Title: CardTitle
@@ -2045,6 +2036,45 @@ var slider_default = Object.assign(Slider, {
 	Value: SliderValue
 });
 
+//#endregion
+//#region src/components/spinner/spinner.variants.ts
+const spinnerVariants = (0, tailwind_variants.tv)({
+	base: "spinner",
+	defaultVariants: {
+		size: "md",
+		variant: "primary"
+	},
+	variants: {
+		size: {
+			lg: "spinner--lg",
+			md: "spinner--md",
+			sm: "spinner--sm",
+			xl: "spinner--xl"
+		},
+		variant: {
+			danger: "spinner--danger",
+			primary: "spinner--primary",
+			success: "spinner--success"
+		}
+	}
+});
+
+//#endregion
+//#region src/components/spinner/spinner.tsx
+const Spinner = ({ className, children, size, variant, ...props }) => {
+	const styles = spinnerVariants({
+		size,
+		variant
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LucideLoaderCircle, {
+		"aria-label": "Loading",
+		className: (0, tailwind_variants.cn)(className, styles),
+		role: "status",
+		...props
+	});
+};
+var spinner_default = Spinner;
+
 //#endregion
 //#region src/components/switch/switch.context.ts
 const SwitchContext = (0, react.createContext)(null);
@@ -2307,6 +2337,7 @@ exports.Select = select_default;
 exports.Separator = separator_default;
 exports.Sidebar = sidebar_default;
 exports.Slider = slider_default;
+exports.Spinner = spinner_default;
 exports.Switch = switch_default;
 exports.Table = table_default;
 exports.Tabs = tabs_default;
@@ -2349,6 +2380,7 @@ exports.selectVariants = selectVariants;
 exports.separatorVariants = separatorVariants;
 exports.sidebarVariants = sidebarVariants;
 exports.sliderVariants = sliderVariants;
+exports.spinnerVariants = spinnerVariants;
 exports.switchVariants = switchVariants;
 exports.tableVariants = tableVariants;
 exports.tabsVariants = tabsVariants;