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

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { cn, cn as cn$1, tv } from "tailwind-variants";
-import { Accordion, Avatar, Button, Checkbox, CheckboxGroup, Dialog, Field, Input, Menu, Meter, Separator, Switch, Tabs, Toggle } from "@base-ui/react";
-import { LucideCheck, LucideMenu, LucidePlus, LucideX } from "lucide-react";
+import { Accordion, AlertDialog, Avatar, Button, Checkbox, CheckboxGroup, Dialog, Field, Fieldset, Input, Menu, Meter, Progress, Separator, Slider, Switch, Tabs, Toggle } from "@base-ui/react";
+import { LucideCheck, LucideChevronDown, LucideMenu, LucideX } from "lucide-react";
 import React, { createContext, useCallback, useContext, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
@@ -62,7 +62,7 @@ const AccordionTrigger = ({ className, ...props }) => {
 };
 const AccordionTriggerIcon = ({ className, ...props }) => {
 	const { slots } = useAccordion();
-	return /* @__PURE__ */ jsx(LucidePlus, {
+	return /* @__PURE__ */ jsx(LucideChevronDown, {
 		className: cn$1(className, slots.triggerIcon()),
 		...props
 	});
@@ -90,6 +90,108 @@ Accordion$1.Trigger = AccordionTrigger;
 Accordion$1.TriggerIcon = AccordionTriggerIcon;
 var accordion_default = Accordion$1;
 
+//#endregion
+//#region src/components/alert-dialog/alert-dialog.context.ts
+const AlertDialogContext = createContext(null);
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog.variants.ts
+const alertDialogVariants = 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 = 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$1 = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(AlertDialogContext, {
+		value: { slots: useMemo(() => alertDialogVariants(), []) },
+		children: /* @__PURE__ */ jsx(AlertDialog.Root, { ...props })
+	});
+};
+const AlertDialogTrigger = ({ className, ...props }) => {
+	const { slots } = useAlertDialog();
+	return /* @__PURE__ */ jsx(AlertDialog.Trigger, {
+		className: cn$1(slots.trigger(), className),
+		...props
+	});
+};
+const AlertDialogPortal = ({ className, ...props }) => {
+	const { slots } = useAlertDialog();
+	return /* @__PURE__ */ jsx(AlertDialog.Portal, {
+		className: cn$1(slots.portal(), className),
+		...props
+	});
+};
+const AlertDialogBackdrop = ({ className, ...props }) => {
+	const { slots } = useAlertDialog();
+	return /* @__PURE__ */ jsx(AlertDialog.Backdrop, {
+		className: cn$1(slots.backdrop(), className),
+		...props
+	});
+};
+const AlertDialogViewport = ({ className, ...props }) => {
+	const { slots } = useAlertDialog();
+	return /* @__PURE__ */ jsx(AlertDialog.Viewport, {
+		className: cn$1(slots.viewport(), className),
+		...props
+	});
+};
+const AlertDialogPopup = ({ className, ...props }) => {
+	const { slots } = useAlertDialog();
+	return /* @__PURE__ */ jsx(AlertDialog.Popup, {
+		className: cn$1(slots.popup(), className),
+		...props
+	});
+};
+const AlertDialogTitle = ({ className, ...props }) => {
+	const { slots } = useAlertDialog();
+	return /* @__PURE__ */ jsx(AlertDialog.Title, {
+		className: cn$1(slots.title(), className),
+		...props
+	});
+};
+const AlertDialogDescription = ({ className, ...props }) => {
+	const { slots } = useAlertDialog();
+	return /* @__PURE__ */ jsx(AlertDialog.Description, {
+		className: cn$1(slots.description(), className),
+		...props
+	});
+};
+const AlertDialogClose = ({ className, children, ...props }) => {
+	const { slots } = useAlertDialog();
+	return /* @__PURE__ */ jsx(AlertDialog.Close, {
+		className: cn$1(slots.close(), className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(LucideX, {})
+	});
+};
+AlertDialog$1.Root = AlertDialog$1;
+AlertDialog$1.Trigger = AlertDialogTrigger;
+AlertDialog$1.Portal = AlertDialogPortal;
+AlertDialog$1.Backdrop = AlertDialogBackdrop;
+AlertDialog$1.Viewport = AlertDialogViewport;
+AlertDialog$1.Popup = AlertDialogPopup;
+AlertDialog$1.Title = AlertDialogTitle;
+AlertDialog$1.Description = AlertDialogDescription;
+AlertDialog$1.Close = AlertDialogClose;
+var alert_dialog_default = AlertDialog$1;
+
 //#endregion
 //#region src/components/avatar/avatar.context.ts
 const AvatarContext = createContext(null);
@@ -580,6 +682,48 @@ Field$1.Label = FieldLabel;
 Field$1.Root = Field$1;
 var field_default = Field$1;
 
+//#endregion
+//#region src/components/fieldset/fieldset.context.ts
+const FieldsetContext = createContext(null);
+
+//#endregion
+//#region src/components/fieldset/fieldset.variants.ts
+const fieldsetVariants = tv({ slots: {
+	legend: "fieldset__legend",
+	root: "fieldset"
+} });
+
+//#endregion
+//#region src/components/fieldset/use-fieldset.ts
+const useFieldset = () => {
+	const context = 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$1 = ({ className, ...props }) => {
+	const slots = useMemo(() => fieldsetVariants(), []);
+	return /* @__PURE__ */ jsx(FieldsetContext, {
+		value: { slots },
+		children: /* @__PURE__ */ jsx(Fieldset.Root, {
+			className: cn$1(className, slots.root()),
+			...props
+		})
+	});
+};
+const FieldsetLegend = ({ className, ...props }) => {
+	const { slots } = useFieldset();
+	return /* @__PURE__ */ jsx(Fieldset.Legend, {
+		className: cn$1(slots.legend(), className),
+		...props
+	});
+};
+Fieldset$1.Root = Fieldset$1;
+Fieldset$1.Legend = FieldsetLegend;
+var fieldset_default = Fieldset$1;
+
 //#endregion
 //#region src/components/form/form.variants.ts
 const formVariants = tv({ base: "form" });
@@ -1050,6 +1194,75 @@ Navbar.Menu = NavbarMenu;
 Navbar.MenuItem = NavbarMenuItem;
 var navbar_default = Navbar;
 
+//#endregion
+//#region src/components/progress/progress.context.ts
+const ProgressContext = createContext(null);
+
+//#endregion
+//#region src/components/progress/progress.variants.ts
+const progressVariants = 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 = 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$1 = ({ className, ...props }) => {
+	const slots = useMemo(() => progressVariants(), []);
+	return /* @__PURE__ */ jsx(ProgressContext, {
+		value: { slots },
+		children: /* @__PURE__ */ jsx(Progress.Root, {
+			className: cn$1(className, slots.root()),
+			...props
+		})
+	});
+};
+const ProgressLabel = ({ className, ...props }) => {
+	const { slots } = useProgress();
+	return /* @__PURE__ */ jsx(Progress.Label, {
+		className: cn$1(className, slots.label()),
+		...props
+	});
+};
+const ProgressValue = ({ className, ...props }) => {
+	const { slots } = useProgress();
+	return /* @__PURE__ */ jsx(Progress.Value, {
+		className: cn$1(className, slots.value()),
+		...props
+	});
+};
+const ProgressTrack = ({ className, ...props }) => {
+	const { slots } = useProgress();
+	return /* @__PURE__ */ jsx(Progress.Track, {
+		className: cn$1(className, slots.track()),
+		...props
+	});
+};
+const ProgressIndicator = ({ className, ...props }) => {
+	const { slots } = useProgress();
+	return /* @__PURE__ */ jsx(Progress.Indicator, {
+		className: cn$1(className, slots.indicator()),
+		...props
+	});
+};
+Progress$1.Label = ProgressLabel;
+Progress$1.Value = ProgressValue;
+Progress$1.Track = ProgressTrack;
+Progress$1.Indicator = ProgressIndicator;
+Progress$1.Root = Progress$1;
+var progress_default = Progress$1;
+
 //#endregion
 //#region src/components/separator/separator.variants.ts
 const separatorVariants = tv({
@@ -1071,6 +1284,84 @@ const Separator$1 = ({ className, orientation, ...props }) => {
 };
 var separator_default = Separator$1;
 
+//#endregion
+//#region src/components/slider/slider.context.ts
+const SliderContext = createContext(null);
+
+//#endregion
+//#region src/components/slider/slider.variants.ts
+const sliderVariants = 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 = 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$1 = ({ className, ...props }) => {
+	const slots = useMemo(() => sliderVariants(), []);
+	return /* @__PURE__ */ jsx(SliderContext, {
+		value: { slots },
+		children: /* @__PURE__ */ jsx(Slider.Root, {
+			className: cn$1(className, slots.root()),
+			...props
+		})
+	});
+};
+const SliderValue = ({ className, ...props }) => {
+	const { slots } = useSlider();
+	return /* @__PURE__ */ jsx(Slider.Value, {
+		className: cn$1(className, slots.value()),
+		...props
+	});
+};
+const SliderControl = ({ className, ...props }) => {
+	const { slots } = useSlider();
+	return /* @__PURE__ */ jsx(Slider.Control, {
+		className: cn$1(className, slots.control()),
+		...props
+	});
+};
+const SliderTrack = ({ className, ...props }) => {
+	const { slots } = useSlider();
+	return /* @__PURE__ */ jsx(Slider.Track, {
+		className: cn$1(className, slots.track()),
+		...props
+	});
+};
+const SliderIndicator = ({ className, ...props }) => {
+	const { slots } = useSlider();
+	return /* @__PURE__ */ jsx(Slider.Indicator, {
+		className: cn$1(className, slots.indicator()),
+		...props
+	});
+};
+const SliderThumb = ({ className, ...props }) => {
+	const { slots } = useSlider();
+	return /* @__PURE__ */ jsx(Slider.Thumb, {
+		className: cn$1(className, slots.thumb()),
+		...props
+	});
+};
+Slider$1.Value = SliderValue;
+Slider$1.Control = SliderControl;
+Slider$1.Track = SliderTrack;
+Slider$1.Indicator = SliderIndicator;
+Slider$1.Thumb = SliderThumb;
+Slider$1.Root = Slider$1;
+var slider_default = Slider$1;
+
 //#endregion
 //#region src/components/switch/switch.context.ts
 const SwitchContext = createContext(null);
@@ -1121,6 +1412,93 @@ Switch$1.Thumb = SwitchThumb;
 Switch$1.Root = Switch$1;
 var switch_default = Switch$1;
 
+//#endregion
+//#region src/components/table/table.context.ts
+const TableContext = createContext(null);
+
+//#endregion
+//#region src/components/table/table.variants.ts
+const tableVariants = 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 = 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 = useMemo(() => tableVariants(), []);
+	return /* @__PURE__ */ jsx(TableContext, {
+		value: { slots },
+		children: /* @__PURE__ */ jsx("table", {
+			className: cn$1(className, slots.root()),
+			...props
+		})
+	});
+};
+const TableHead = ({ className, ...props }) => {
+	const { slots } = useTable();
+	return /* @__PURE__ */ jsx("thead", {
+		className: cn$1(className, slots.thead()),
+		...props
+	});
+};
+const TableRow = ({ className, ...props }) => {
+	const { slots } = useTable();
+	return /* @__PURE__ */ jsx("tr", {
+		className: cn$1(className, slots.tr()),
+		...props
+	});
+};
+const TableHeaderCell = ({ className, ...props }) => {
+	const { slots } = useTable();
+	return /* @__PURE__ */ jsx("th", {
+		className: cn$1(className, slots.th()),
+		...props
+	});
+};
+const TableBody = ({ className, ...props }) => {
+	const { slots } = useTable();
+	return /* @__PURE__ */ jsx("tbody", {
+		className: cn$1(className, slots.tbody()),
+		...props
+	});
+};
+const TableDataCell = ({ className, ...props }) => {
+	const { slots } = useTable();
+	return /* @__PURE__ */ jsx("td", {
+		className: cn$1(className, slots.td()),
+		...props
+	});
+};
+const TableFooter = ({ className, ...props }) => {
+	const { slots } = useTable();
+	return /* @__PURE__ */ jsx("tfoot", {
+		className: cn$1(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 = createContext(null);
@@ -1243,5 +1621,5 @@ const ToggleButton = ({ className, variant, size, ...props }) => {
 var toggle_button_default = ToggleButton;
 
 //#endregion
-export { accordion_default as Accordion, avatar_default as Avatar, button_default as Button, button_group_default as ButtonGroup, card_default as Card, checkbox_default as Checkbox, checkbox_group_default as CheckboxGroup, chip_default as Chip, container_default as Container, dialog_default as Dialog, field_default as Field, form_default as Form, input_default as Input, label_default as Label, link_default as Link, list_default as List, menu_default as Menu, meter_default as Meter, navbar_default as Navbar, separator_default as Separator, switch_default as Switch, tabs_default as Tabs, text_default as Text, textarea_default as Textarea, toggle_button_default as ToggleButton, accordionVariants, avatarVariants, buttonGroupVariants, buttonVariants, cardVariants, checkboxGroupVariants, checkboxVariants, chipVariants, cn, containerVariants, dialogVariants, fieldVariants, formVariants, inputVariants, labelVariants, linkVariants, listVariants, menuVariants, meterVariants, navbarVariants, separatorVariants, switchVariants, tabsVariants, textVariants, textareaVariants, toggleButtonVariants };
+export { accordion_default as Accordion, alert_dialog_default as AlertDialog, avatar_default as Avatar, button_default as Button, button_group_default as ButtonGroup, card_default as Card, checkbox_default as Checkbox, checkbox_group_default as CheckboxGroup, chip_default as Chip, container_default as Container, dialog_default as Dialog, field_default as Field, fieldset_default as Fieldset, form_default as Form, input_default as Input, label_default as Label, link_default as Link, list_default as List, menu_default as Menu, meter_default as Meter, navbar_default as Navbar, progress_default as Progress, separator_default as Separator, slider_default as Slider, switch_default as Switch, table_default as Table, tabs_default as Tabs, text_default as Text, textarea_default as Textarea, toggle_button_default as ToggleButton, accordionVariants, alertDialogVariants, avatarVariants, buttonGroupVariants, buttonVariants, cardVariants, checkboxGroupVariants, checkboxVariants, chipVariants, cn, containerVariants, dialogVariants, fieldVariants, fieldsetVariants, formVariants, inputVariants, labelVariants, linkVariants, listVariants, menuVariants, meterVariants, navbarVariants, progressVariants, separatorVariants, sliderVariants, switchVariants, tableVariants, tabsVariants, textVariants, textareaVariants, toggleButtonVariants };
 //# sourceMappingURL=index.mjs.map