@fea-ui/react 0.1.0-alpha.2 → 0.1.0-alpha.4

package/dist/index.cjs

@@ -90,7 +90,7 @@ const AccordionTrigger = ({ className, ...props }) => {
 };
 const AccordionTriggerIcon = ({ className, ...props }) => {
 	const { slots } = useAccordion();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LucidePlus, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LucideChevronDown, {
 		className: (0, tailwind_variants.cn)(className, slots.triggerIcon()),
 		...props
 	});
@@ -118,6 +118,108 @@ Accordion.Trigger = AccordionTrigger;
 Accordion.TriggerIcon = AccordionTriggerIcon;
 var accordion_default = Accordion;
 
+//#endregion
+//#region src/components/alert-dialog/alert-dialog.context.ts
+const AlertDialogContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog.variants.ts
+const alertDialogVariants = (0, tailwind_variants.tv)({ slots: {
+	backdrop: "alert-dialog__backdrop",
+	close: "alert-dialog__close",
+	description: "alert-dialog__description",
+	popup: "alert-dialog__popup",
+	portal: "alert-dialog__portal",
+	root: "alert-dialog",
+	title: "alert-dialog__title",
+	trigger: "alert-dialog__trigger",
+	viewport: "alert-dialog__viewport"
+} });
+
+//#endregion
+//#region src/components/alert-dialog/use-alert-dialog.ts
+const useAlertDialog = () => {
+	const context = (0, react.useContext)(AlertDialogContext);
+	if (!context) throw new Error("useAlertDialog must be used within a AlertDialogProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog.tsx
+const AlertDialog = ({ ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AlertDialogContext, {
+		value: { slots: (0, react.useMemo)(() => alertDialogVariants(), []) },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.AlertDialog.Root, { ...props })
+	});
+};
+const AlertDialogTrigger = ({ className, ...props }) => {
+	const { slots } = useAlertDialog();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.AlertDialog.Trigger, {
+		className: (0, tailwind_variants.cn)(slots.trigger(), className),
+		...props
+	});
+};
+const AlertDialogPortal = ({ className, ...props }) => {
+	const { slots } = useAlertDialog();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.AlertDialog.Portal, {
+		className: (0, tailwind_variants.cn)(slots.portal(), className),
+		...props
+	});
+};
+const AlertDialogBackdrop = ({ className, ...props }) => {
+	const { slots } = useAlertDialog();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.AlertDialog.Backdrop, {
+		className: (0, tailwind_variants.cn)(slots.backdrop(), className),
+		...props
+	});
+};
+const AlertDialogViewport = ({ className, ...props }) => {
+	const { slots } = useAlertDialog();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.AlertDialog.Viewport, {
+		className: (0, tailwind_variants.cn)(slots.viewport(), className),
+		...props
+	});
+};
+const AlertDialogPopup = ({ className, ...props }) => {
+	const { slots } = useAlertDialog();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.AlertDialog.Popup, {
+		className: (0, tailwind_variants.cn)(slots.popup(), className),
+		...props
+	});
+};
+const AlertDialogTitle = ({ className, ...props }) => {
+	const { slots } = useAlertDialog();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.AlertDialog.Title, {
+		className: (0, tailwind_variants.cn)(slots.title(), className),
+		...props
+	});
+};
+const AlertDialogDescription = ({ className, ...props }) => {
+	const { slots } = useAlertDialog();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.AlertDialog.Description, {
+		className: (0, tailwind_variants.cn)(slots.description(), className),
+		...props
+	});
+};
+const AlertDialogClose = ({ className, children, ...props }) => {
+	const { slots } = useAlertDialog();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.AlertDialog.Close, {
+		className: (0, tailwind_variants.cn)(slots.close(), className),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LucideX, {})
+	});
+};
+AlertDialog.Root = AlertDialog;
+AlertDialog.Trigger = AlertDialogTrigger;
+AlertDialog.Portal = AlertDialogPortal;
+AlertDialog.Backdrop = AlertDialogBackdrop;
+AlertDialog.Viewport = AlertDialogViewport;
+AlertDialog.Popup = AlertDialogPopup;
+AlertDialog.Title = AlertDialogTitle;
+AlertDialog.Description = AlertDialogDescription;
+AlertDialog.Close = AlertDialogClose;
+var alert_dialog_default = AlertDialog;
+
 //#endregion
 //#region src/components/avatar/avatar.context.ts
 const AvatarContext = (0, react.createContext)(null);
@@ -608,6 +710,48 @@ Field.Label = FieldLabel;
 Field.Root = Field;
 var field_default = Field;
 
+//#endregion
+//#region src/components/fieldset/fieldset.context.ts
+const FieldsetContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/components/fieldset/fieldset.variants.ts
+const fieldsetVariants = (0, tailwind_variants.tv)({ slots: {
+	legend: "fieldset__legend",
+	root: "fieldset"
+} });
+
+//#endregion
+//#region src/components/fieldset/use-fieldset.ts
+const useFieldset = () => {
+	const context = (0, react.useContext)(FieldsetContext);
+	if (!context) throw new Error("useFieldset must be used within a FieldsetProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/fieldset/fieldset.tsx
+const Fieldset = ({ className, ...props }) => {
+	const slots = (0, react.useMemo)(() => fieldsetVariants(), []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldsetContext, {
+		value: { slots },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Fieldset.Root, {
+			className: (0, tailwind_variants.cn)(className, slots.root()),
+			...props
+		})
+	});
+};
+const FieldsetLegend = ({ className, ...props }) => {
+	const { slots } = useFieldset();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Fieldset.Legend, {
+		className: (0, tailwind_variants.cn)(slots.legend(), className),
+		...props
+	});
+};
+Fieldset.Root = Fieldset;
+Fieldset.Legend = FieldsetLegend;
+var fieldset_default = Fieldset;
+
 //#endregion
 //#region src/components/form/form.variants.ts
 const formVariants = (0, tailwind_variants.tv)({ base: "form" });
@@ -1078,6 +1222,75 @@ Navbar.Menu = NavbarMenu;
 Navbar.MenuItem = NavbarMenuItem;
 var navbar_default = Navbar;
 
+//#endregion
+//#region src/components/progress/progress.context.ts
+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"
+} });
+
+//#endregion
+//#region src/components/progress/use-progress.ts
+const useProgress = () => {
+	const context = (0, react.useContext)(ProgressContext);
+	if (!context) throw new Error("useProgress must be used within a ProgressProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/progress/progress.tsx
+const Progress = ({ className, ...props }) => {
+	const slots = (0, react.useMemo)(() => progressVariants(), []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProgressContext, {
+		value: { slots },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Progress.Root, {
+			className: (0, tailwind_variants.cn)(className, slots.root()),
+			...props
+		})
+	});
+};
+const ProgressLabel = ({ className, ...props }) => {
+	const { slots } = useProgress();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Progress.Label, {
+		className: (0, tailwind_variants.cn)(className, slots.label()),
+		...props
+	});
+};
+const ProgressValue = ({ className, ...props }) => {
+	const { slots } = useProgress();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Progress.Value, {
+		className: (0, tailwind_variants.cn)(className, slots.value()),
+		...props
+	});
+};
+const ProgressTrack = ({ className, ...props }) => {
+	const { slots } = useProgress();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Progress.Track, {
+		className: (0, tailwind_variants.cn)(className, slots.track()),
+		...props
+	});
+};
+const ProgressIndicator = ({ className, ...props }) => {
+	const { slots } = useProgress();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Progress.Indicator, {
+		className: (0, tailwind_variants.cn)(className, slots.indicator()),
+		...props
+	});
+};
+Progress.Label = ProgressLabel;
+Progress.Value = ProgressValue;
+Progress.Track = ProgressTrack;
+Progress.Indicator = ProgressIndicator;
+Progress.Root = Progress;
+var progress_default = Progress;
+
 //#endregion
 //#region src/components/separator/separator.variants.ts
 const separatorVariants = (0, tailwind_variants.tv)({
@@ -1099,6 +1312,84 @@ const Separator = ({ className, orientation, ...props }) => {
 };
 var separator_default = Separator;
 
+//#endregion
+//#region src/components/slider/slider.context.ts
+const SliderContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/components/slider/slider.variants.ts
+const sliderVariants = (0, tailwind_variants.tv)({ slots: {
+	control: "slider__control",
+	indicator: "slider__indicator",
+	root: "slider",
+	thumb: "slider__thumb",
+	track: "slider__track",
+	value: "slider__value"
+} });
+
+//#endregion
+//#region src/components/slider/use-slider.tsx
+const useSlider = () => {
+	const context = (0, react.useContext)(SliderContext);
+	if (!context) throw new Error("useSlider must be used within a SliderProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/slider/slider.tsx
+const Slider = ({ className, ...props }) => {
+	const slots = (0, react.useMemo)(() => sliderVariants(), []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SliderContext, {
+		value: { slots },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Slider.Root, {
+			className: (0, tailwind_variants.cn)(className, slots.root()),
+			...props
+		})
+	});
+};
+const SliderValue = ({ className, ...props }) => {
+	const { slots } = useSlider();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Slider.Value, {
+		className: (0, tailwind_variants.cn)(className, slots.value()),
+		...props
+	});
+};
+const SliderControl = ({ className, ...props }) => {
+	const { slots } = useSlider();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Slider.Control, {
+		className: (0, tailwind_variants.cn)(className, slots.control()),
+		...props
+	});
+};
+const SliderTrack = ({ className, ...props }) => {
+	const { slots } = useSlider();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Slider.Track, {
+		className: (0, tailwind_variants.cn)(className, slots.track()),
+		...props
+	});
+};
+const SliderIndicator = ({ className, ...props }) => {
+	const { slots } = useSlider();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Slider.Indicator, {
+		className: (0, tailwind_variants.cn)(className, slots.indicator()),
+		...props
+	});
+};
+const SliderThumb = ({ className, ...props }) => {
+	const { slots } = useSlider();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Slider.Thumb, {
+		className: (0, tailwind_variants.cn)(className, slots.thumb()),
+		...props
+	});
+};
+Slider.Value = SliderValue;
+Slider.Control = SliderControl;
+Slider.Track = SliderTrack;
+Slider.Indicator = SliderIndicator;
+Slider.Thumb = SliderThumb;
+Slider.Root = Slider;
+var slider_default = Slider;
+
 //#endregion
 //#region src/components/switch/switch.context.ts
 const SwitchContext = (0, react.createContext)(null);
@@ -1149,6 +1440,93 @@ Switch.Thumb = SwitchThumb;
 Switch.Root = Switch;
 var switch_default = Switch;
 
+//#endregion
+//#region src/components/table/table.context.ts
+const TableContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/components/table/table.variants.ts
+const tableVariants = (0, tailwind_variants.tv)({ slots: {
+	root: "table",
+	tbody: "table__tbody",
+	td: "table__td",
+	tfoot: "table__tfoot",
+	th: "table__th",
+	thead: "table__thead",
+	tr: "table__tr"
+} });
+
+//#endregion
+//#region src/components/table/use-table.ts
+const useTable = () => {
+	const context = (0, react.useContext)(TableContext);
+	if (!context) throw new Error("useTable must be used within a TableProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/table/table.tsx
+const Table = ({ className, ...props }) => {
+	const slots = (0, react.useMemo)(() => tableVariants(), []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableContext, {
+		value: { slots },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("table", {
+			className: (0, tailwind_variants.cn)(className, slots.root()),
+			...props
+		})
+	});
+};
+const TableHead = ({ className, ...props }) => {
+	const { slots } = useTable();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", {
+		className: (0, tailwind_variants.cn)(className, slots.thead()),
+		...props
+	});
+};
+const TableRow = ({ className, ...props }) => {
+	const { slots } = useTable();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
+		className: (0, tailwind_variants.cn)(className, slots.tr()),
+		...props
+	});
+};
+const TableHeaderCell = ({ className, ...props }) => {
+	const { slots } = useTable();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+		className: (0, tailwind_variants.cn)(className, slots.th()),
+		...props
+	});
+};
+const TableBody = ({ className, ...props }) => {
+	const { slots } = useTable();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", {
+		className: (0, tailwind_variants.cn)(className, slots.tbody()),
+		...props
+	});
+};
+const TableDataCell = ({ className, ...props }) => {
+	const { slots } = useTable();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+		className: (0, tailwind_variants.cn)(className, slots.td()),
+		...props
+	});
+};
+const TableFooter = ({ className, ...props }) => {
+	const { slots } = useTable();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tfoot", {
+		className: (0, tailwind_variants.cn)(className, slots.tfoot()),
+		...props
+	});
+};
+Table.Root = Table;
+Table.Head = TableHead;
+Table.Row = TableRow;
+Table.HeaderCell = TableHeaderCell;
+Table.Body = TableBody;
+Table.DataCell = TableDataCell;
+Table.Footer = TableFooter;
+var table_default = Table;
+
 //#endregion
 //#region src/components/tabs/tabs.context.ts
 const TabsContext = (0, react.createContext)(null);
@@ -1272,6 +1650,7 @@ var toggle_button_default = ToggleButton;
 
 //#endregion
 exports.Accordion = accordion_default;
+exports.AlertDialog = alert_dialog_default;
 exports.Avatar = avatar_default;
 exports.Button = button_default;
 exports.ButtonGroup = button_group_default;
@@ -1282,6 +1661,7 @@ exports.Chip = chip_default;
 exports.Container = container_default;
 exports.Dialog = dialog_default;
 exports.Field = field_default;
+exports.Fieldset = fieldset_default;
 exports.Form = form_default;
 exports.Input = input_default;
 exports.Label = label_default;
@@ -1290,13 +1670,17 @@ exports.List = list_default;
 exports.Menu = menu_default;
 exports.Meter = meter_default;
 exports.Navbar = navbar_default;
+exports.Progress = progress_default;
 exports.Separator = separator_default;
+exports.Slider = slider_default;
 exports.Switch = switch_default;
+exports.Table = table_default;
 exports.Tabs = tabs_default;
 exports.Text = text_default;
 exports.Textarea = textarea_default;
 exports.ToggleButton = toggle_button_default;
 exports.accordionVariants = accordionVariants;
+exports.alertDialogVariants = alertDialogVariants;
 exports.avatarVariants = avatarVariants;
 exports.buttonGroupVariants = buttonGroupVariants;
 exports.buttonVariants = buttonVariants;
@@ -1313,6 +1697,7 @@ Object.defineProperty(exports, 'cn', {
 exports.containerVariants = containerVariants;
 exports.dialogVariants = dialogVariants;
 exports.fieldVariants = fieldVariants;
+exports.fieldsetVariants = fieldsetVariants;
 exports.formVariants = formVariants;
 exports.inputVariants = inputVariants;
 exports.labelVariants = labelVariants;
@@ -1321,8 +1706,11 @@ exports.listVariants = listVariants;
 exports.menuVariants = menuVariants;
 exports.meterVariants = meterVariants;
 exports.navbarVariants = navbarVariants;
+exports.progressVariants = progressVariants;
 exports.separatorVariants = separatorVariants;
+exports.sliderVariants = sliderVariants;
 exports.switchVariants = switchVariants;
+exports.tableVariants = tableVariants;
 exports.tabsVariants = tabsVariants;
 exports.textVariants = textVariants;
 exports.textareaVariants = textareaVariants;