@blenx-dev/components 0.0.0

package/dist/components/Accordion/accordion.css.js

@@ -0,0 +1,13 @@
+/* empty css                                               */
+/* empty css                                             */
+/* empty css                         */
+//#region src/components/Accordion/accordion.css.ts
+var root = "_9jlp5q0";
+var rootVertical = "_9jlp5q1";
+var item = "_9jlp5q2";
+var itemDisabled = "_9jlp5q3";
+var trigger = "_9jlp5q4";
+var triggerIcon = "_9jlp5q5";
+var panel = "_9jlp5q6";
+//#endregion
+export { item, itemDisabled, panel, root, rootVertical, trigger, triggerIcon };

package/dist/components/Accordion/accordion.js

@@ -0,0 +1,54 @@
+"use client";
+import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { item, panel, root, trigger, triggerIcon } from "./accordion.css.js";
+import { Accordion } from "@base-ui/react/accordion";
+import { CaretDownIcon } from "@phosphor-icons/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/Accordion/accordion.tsx
+function AccordionRoot({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion.Root, {
+		className: (state) => clsx(root, state.orientation === "vertical" && "_9jlp5q1", className),
+		...props,
+		children
+	});
+}
+function AccordionItem({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion.Item, {
+		className: (state) => clsx(item, state.disabled && "_9jlp5q3", className),
+		...props,
+		children
+	});
+}
+function AccordionHeader({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion.Header, {
+		className,
+		...props,
+		children
+	});
+}
+function AccordionTrigger({ children, className, ...props }) {
+	return /* @__PURE__ */ jsxs(Accordion.Trigger, {
+		className: clsx(trigger, className),
+		...props,
+		children: [/* @__PURE__ */ jsx(CaretDownIcon, {
+			size: 16,
+			className: triggerIcon
+		}), children]
+	});
+}
+function AccordionPanel({ children, className, ...props }) {
+	return /* @__PURE__ */ jsx(Accordion.Panel, {
+		className: clsx(panel, className),
+		...props,
+		children
+	});
+}
+var Accordion$1 = {
+	Root: AccordionRoot,
+	Item: AccordionItem,
+	Header: AccordionHeader,
+	Trigger: AccordionTrigger,
+	Panel: AccordionPanel
+};
+//#endregion
+export { Accordion$1 as Accordion, AccordionHeader, AccordionItem, AccordionPanel, AccordionRoot, AccordionTrigger };

package/dist/components/Alert/alert.css.js

@@ -0,0 +1,17 @@
+/* empty css                                               */
+import { createRuntimeFn } from "../../node_modules/.bun/@vanilla-extract_recipes@0.5.7_19e937df7e0b57ed/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
+/* empty css                     */
+//#region src/components/Alert/alert.css.ts
+var alertVariants = createRuntimeFn({
+	defaultClassName: "_18yu1cw0",
+	variantClassNames: { variant: {
+		info: "_18yu1cw1",
+		success: "_18yu1cw2",
+		warning: "_18yu1cw3",
+		error: "_18yu1cw4"
+	} },
+	defaultVariants: {},
+	compoundVariants: []
+});
+//#endregion
+export { alertVariants };

package/dist/components/Alert/alert.js

@@ -0,0 +1,38 @@
+import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { Text } from "../Text/text.js";
+import "../Text/index.js";
+import { alertVariants } from "./alert.css.js";
+import { Box } from "../Box/box.js";
+import { HStack, VStack } from "../Stack/stack.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/Alert/alert.tsx
+function Alert({ variant = "info", icon, title, description, children, className }) {
+	return /* @__PURE__ */ jsxs(HStack, {
+		align: icon ? "start" : "center",
+		gap: "xsmall",
+		p: "small",
+		className: clsx(alertVariants({ variant }), className),
+		children: [/* @__PURE__ */ jsx(Box, {
+			p: "xxs",
+			children: icon
+		}), /* @__PURE__ */ jsxs(VStack, {
+			gap: "xxsmall",
+			children: [
+				title ? /* @__PURE__ */ jsx(Text, {
+					variant: "h6",
+					padding: "none",
+					margin: "none",
+					color: variant,
+					children: title
+				}) : null,
+				description ? /* @__PURE__ */ jsx("span", {
+					style: { color: "currentColor" },
+					children: description
+				}) : null,
+				children
+			]
+		})]
+	});
+}
+//#endregion
+export { Alert };

package/dist/components/AlertDialog/alert-dialog.css.js

@@ -0,0 +1,18 @@
+/* empty css                                               */
+/* empty css                                             */
+/* empty css                            */
+//#region src/components/AlertDialog/alert-dialog.css.ts
+var backdrop = "_1pcfnqb0";
+var viewport = "_1pcfnqb1";
+var popup = "_1pcfnqb2";
+var viewportShellBottomStickOnMobile = "_1pcfnqb3";
+var popupBottomStickOnMobile = "_1pcfnqb4";
+var header = "_1pcfnqb6";
+var footer = "_1pcfnqb7";
+var footerDefault = "_1pcfnqb8";
+var footerBare = "_1pcfnqb9";
+var title = "_1pcfnqba";
+var description = "_1pcfnqbb";
+var panel = "_1pcfnqbc";
+//#endregion
+export { backdrop, description, footer, footerBare, footerDefault, header, panel, popup, popupBottomStickOnMobile, title, viewport, viewportShellBottomStickOnMobile };

package/dist/components/AlertDialog/alert-dialog.js

@@ -0,0 +1,117 @@
+"use client";
+import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { Box } from "../Box/box.js";
+import { ScrollArea } from "../ScrollArea/scroll-area.js";
+import { backdrop, description, footer, header, panel, popup, title, viewport } from "./alert-dialog.css.js";
+import { CloseButton } from "../CloseButton/close-button.js";
+import "../CloseButton/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+//#region src/components/AlertDialog/alert-dialog.tsx
+function AlertDialog$1(props) {
+	return /* @__PURE__ */ jsx(AlertDialog.Root, { ...props });
+}
+function AlertDialogTrigger(props) {
+	return /* @__PURE__ */ jsx(AlertDialog.Trigger, {
+		"data-slot": "alert-dialog-trigger",
+		...props
+	});
+}
+function AlertDialogClose(props) {
+	return /* @__PURE__ */ jsx(AlertDialog.Close, {
+		"data-slot": "alert-dialog-close",
+		...props
+	});
+}
+function AlertDialogPortal(props) {
+	return /* @__PURE__ */ jsx(AlertDialog.Portal, { ...props });
+}
+function AlertDialogBackdrop(props) {
+	return /* @__PURE__ */ jsx(AlertDialog.Backdrop, {
+		className: backdrop,
+		"data-slot": "alert-dialog-backdrop",
+		...props
+	});
+}
+function AlertDialogViewport(props) {
+	const { bottomStickOnMobile, className, ...restProps } = props;
+	return /* @__PURE__ */ jsx(AlertDialog.Viewport, {
+		className: clsx(viewport, bottomStickOnMobile && "_1pcfnqb3", className),
+		"data-slot": "alert-dialog-viewport",
+		...restProps
+	});
+}
+function AlertDialogPopup({ children, bottomStickOnMobile = true, showCloseButton = true, closeProps, className, ...props }) {
+	return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [/* @__PURE__ */ jsx(AlertDialogBackdrop, {}), /* @__PURE__ */ jsx(AlertDialogViewport, {
+		bottomStickOnMobile,
+		children: /* @__PURE__ */ jsxs(AlertDialog.Popup, {
+			className: clsx(popup, bottomStickOnMobile && "_1pcfnqb4", className),
+			"data-slot": "alert-dialog-popup",
+			...props,
+			children: [showCloseButton && /* @__PURE__ */ jsx(Box, {
+				position: "absolute",
+				right: "xsmall",
+				top: "xsmall",
+				children: /* @__PURE__ */ jsx(AlertDialog.Close, {
+					"aria-label": "Close",
+					render: /* @__PURE__ */ jsx(CloseButton, { variant: "ghost" }),
+					...closeProps
+				})
+			}), children]
+		})
+	})] });
+}
+function AlertDialogHeader({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: {
+			className: clsx(header, className),
+			"data-slot": "alert-dialog-header",
+			...props
+		},
+		render
+	});
+}
+function AlertDialogFooter({ className, variant = "default", render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		props: {
+			className: clsx(footer, variant === "default" && "_1pcfnqb8", variant === "bare" && "_1pcfnqb9", className),
+			"data-slot": "alert-dialog-footer",
+			...props
+		},
+		render
+	});
+}
+function AlertDialogTitle(props) {
+	return /* @__PURE__ */ jsx(AlertDialog.Title, {
+		className: title,
+		"data-slot": "alert-dialog-title",
+		...props
+	});
+}
+function AlertDialogDescription(props) {
+	return /* @__PURE__ */ jsx(AlertDialog.Description, {
+		className: description,
+		"data-slot": "alert-dialog-description",
+		...props
+	});
+}
+function AlertDialogPanel({ scrollFade = true, render, className, ...props }) {
+	return /* @__PURE__ */ jsx(ScrollArea, {
+		scrollFade,
+		height: "fit-content",
+		children: useRender({
+			defaultTagName: "div",
+			props: {
+				className: clsx(panel, className),
+				"data-slot": "alert-dialog-panel",
+				...props
+			},
+			render
+		})
+	});
+}
+//#endregion
+export { AlertDialog$1 as AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPanel, AlertDialogPopup, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport };

package/dist/components/Autocomplete/autocomplete.css.js

@@ -0,0 +1,28 @@
+/* empty css                                               */
+/* empty css                                             */
+/* empty css                            */
+//#region src/components/Autocomplete/autocomplete.css.ts
+var inputGroup = "hsaad60";
+var inputSizeSm = "hsaad62";
+var inputSizeDefault = "hsaad63";
+var inputSizeLg = "hsaad64";
+var startAddon = "hsaad65";
+var startAddonDefault = "hsaad66";
+var startAddonSmall = "hsaad67";
+var adornment = "hsaad68";
+var adornmentSmall = "hsaad69";
+var adornmentDefault = "hsaad6a";
+var adornmentEndSmall = "hsaad6b";
+var adornmentEndDefault = "hsaad6c";
+var positioner = "hsaad6d";
+var popupShell = "hsaad6e";
+var popup = "hsaad6f";
+var group = "hsaad6g";
+var separator = "hsaad6h";
+var groupLabel = "hsaad6i";
+var empty = "hsaad6j";
+var list = "hsaad6k";
+var status = "hsaad6l";
+var item = "hsaad6m";
+//#endregion
+export { adornment, adornmentDefault, adornmentEndDefault, adornmentEndSmall, adornmentSmall, empty, group, groupLabel, inputGroup, inputSizeDefault, inputSizeLg, inputSizeSm, item, list, popup, popupShell, positioner, separator, startAddon, startAddonDefault, startAddonSmall, status };

package/dist/components/Autocomplete/autocomplete.js

@@ -0,0 +1,157 @@
+import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { ScrollArea } from "../ScrollArea/scroll-area.js";
+import { CloseButton } from "../CloseButton/close-button.js";
+import "../CloseButton/index.js";
+import { Input } from "../Input/input.js";
+import { empty, group, groupLabel, inputGroup, inputSizeDefault, inputSizeLg, inputSizeSm, item, list, popup, popupShell, positioner, separator, status } from "./autocomplete.css.js";
+import { CaretUpDownIcon } from "@phosphor-icons/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Autocomplete } from "@base-ui/react/autocomplete";
+//#region src/components/Autocomplete/autocomplete.tsx
+var Autocomplete$1 = Autocomplete.Root;
+function AutocompleteItem(props) {
+	return /* @__PURE__ */ jsx(Autocomplete.Item, {
+		className: item,
+		"data-slot": "autocomplete-item",
+		...props
+	});
+}
+function AutocompleteSeparator(props) {
+	return /* @__PURE__ */ jsx(Autocomplete.Separator, {
+		className: separator,
+		"data-slot": "autocomplete-separator",
+		...props
+	});
+}
+function AutocompleteGroup(props) {
+	return /* @__PURE__ */ jsx(Autocomplete.Group, {
+		className: group,
+		"data-slot": "autocomplete-group",
+		...props
+	});
+}
+function AutocompleteInput({ showTrigger = false, showClear = false, startAddon: startAddonNode, size, triggerProps, clearProps, render: renderProp, className, ...props }) {
+	const resolvedSize = size ?? "default";
+	const inputCls = clsx(resolvedSize === "sm" ? inputSizeSm : resolvedSize === "lg" ? inputSizeLg : inputSizeDefault, className);
+	return /* @__PURE__ */ jsxs(Autocomplete.InputGroup, {
+		className: inputGroup,
+		"data-slot": "autocomplete-input-group",
+		children: [
+			startAddonNode && /* @__PURE__ */ jsx("div", {
+				"aria-hidden": "true",
+				className: clsx("hsaad65", resolvedSize === "sm" ? "hsaad67" : "hsaad66"),
+				"data-slot": "autocomplete-start-addon",
+				children: startAddonNode
+			}),
+			/* @__PURE__ */ jsx(Autocomplete.Input, {
+				"data-slot": "autocomplete-input",
+				render: renderProp ?? /* @__PURE__ */ jsx(Input, {}),
+				className: inputCls,
+				...props
+			}),
+			showTrigger && /* @__PURE__ */ jsx(Autocomplete.Trigger, {
+				className: clsx("hsaad68", resolvedSize === "sm" ? "hsaad69" : "hsaad6a", resolvedSize === "sm" ? "hsaad6b" : "hsaad6c"),
+				"data-slot": "autocomplete-trigger",
+				...triggerProps,
+				children: /* @__PURE__ */ jsx(CaretUpDownIcon, {
+					size: resolvedSize === "sm" ? 16 : 18,
+					weight: "regular"
+				})
+			}),
+			showClear && /* @__PURE__ */ jsx(Autocomplete.Clear, {
+				className: clsx("hsaad68", resolvedSize === "sm" ? "hsaad69" : "hsaad6a", resolvedSize === "sm" ? "hsaad6b" : "hsaad6c"),
+				"data-slot": "autocomplete-clear",
+				render: /* @__PURE__ */ jsx(CloseButton, {}),
+				...clearProps
+			})
+		]
+	});
+}
+function AutocompletePopup({ className, children, side = "bottom", sideOffset = 4, alignOffset, align = "start", anchor, portalProps, ...props }) {
+	return /* @__PURE__ */ jsx(Autocomplete.Portal, {
+		...portalProps,
+		children: /* @__PURE__ */ jsx(Autocomplete.Positioner, {
+			align,
+			alignOffset,
+			anchor,
+			className: positioner,
+			"data-slot": "autocomplete-positioner",
+			side,
+			sideOffset,
+			children: /* @__PURE__ */ jsx("span", {
+				className: clsx(popupShell, className),
+				children: /* @__PURE__ */ jsx(Autocomplete.Popup, {
+					className: popup,
+					"data-slot": "autocomplete-popup",
+					...props,
+					children
+				})
+			})
+		})
+	});
+}
+function AutocompleteGroupLabel(props) {
+	return /* @__PURE__ */ jsx(Autocomplete.GroupLabel, {
+		className: groupLabel,
+		"data-slot": "autocomplete-group-label",
+		...props
+	});
+}
+function AutocompleteEmpty(props) {
+	return /* @__PURE__ */ jsx(Autocomplete.Empty, {
+		className: empty,
+		"data-slot": "autocomplete-empty",
+		...props
+	});
+}
+function AutocompleteRow(props) {
+	return /* @__PURE__ */ jsx(Autocomplete.Row, {
+		"data-slot": "autocomplete-row",
+		...props
+	});
+}
+function AutocompleteValue(props) {
+	return /* @__PURE__ */ jsx(Autocomplete.Value, {
+		"data-slot": "autocomplete-value",
+		...props
+	});
+}
+function AutocompleteList(props) {
+	return /* @__PURE__ */ jsx(ScrollArea, {
+		scrollbarGutter: true,
+		scrollFade: true,
+		children: /* @__PURE__ */ jsx(Autocomplete.List, {
+			className: list,
+			"data-slot": "autocomplete-list",
+			...props
+		})
+	});
+}
+function AutocompleteClear(props) {
+	return /* @__PURE__ */ jsx(Autocomplete.Clear, {
+		"data-slot": "autocomplete-clear",
+		...props
+	});
+}
+function AutocompleteStatus(props) {
+	return /* @__PURE__ */ jsx(Autocomplete.Status, {
+		className: status,
+		"data-slot": "autocomplete-status",
+		...props
+	});
+}
+function AutocompleteCollection(props) {
+	return /* @__PURE__ */ jsx(Autocomplete.Collection, {
+		"data-slot": "autocomplete-collection",
+		...props
+	});
+}
+function AutocompleteTrigger(props) {
+	return /* @__PURE__ */ jsx(Autocomplete.Trigger, {
+		"data-slot": "autocomplete-trigger",
+		...props
+	});
+}
+var useAutocompleteFilter = Autocomplete.useFilter;
+//#endregion
+export { Autocomplete$1 as Autocomplete, AutocompleteClear, AutocompleteCollection, AutocompleteEmpty, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteInput, AutocompleteItem, AutocompleteList, AutocompletePopup, AutocompleteRow, AutocompleteSeparator, AutocompleteStatus, AutocompleteTrigger, AutocompleteValue, useAutocompleteFilter };

package/dist/components/Avatar/avatar.css.js

@@ -0,0 +1,37 @@
+/* empty css                                               */
+/* empty css                                             */
+import { createRuntimeFn } from "../../node_modules/.bun/@vanilla-extract_recipes@0.5.7_19e937df7e0b57ed/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
+/* empty css                      */
+//#region src/components/Avatar/avatar.css.ts
+var root = "_13ftsqr0";
+var image = "_13ftsqr1";
+var fallback = "_13ftsqr2";
+var size = createRuntimeFn({
+	defaultClassName: "_13ftsqr3",
+	variantClassNames: { size: {
+		small: "_13ftsqr4",
+		medium: "_13ftsqr5",
+		large: "_13ftsqr6",
+		xlarge: "_13ftsqr7",
+		hero: "_13ftsqr8"
+	} },
+	defaultVariants: {},
+	compoundVariants: []
+});
+var radius = createRuntimeFn({
+	defaultClassName: "_13ftsqr9",
+	variantClassNames: { radius: {
+		none: "_13ftsqra",
+		xsmall: "_13ftsqrb",
+		small: "_13ftsqrc",
+		medium: "_13ftsqrd",
+		large: "_13ftsqre",
+		xlarge: "_13ftsqrf",
+		xxlarge: "_13ftsqrg",
+		full: "_13ftsqrh"
+	} },
+	defaultVariants: {},
+	compoundVariants: []
+});
+//#endregion
+export { fallback, image, radius, root, size };

package/dist/components/Avatar/avatar.js

@@ -0,0 +1,28 @@
+import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { fallback, image, radius, root, size } from "./avatar.css.js";
+import { jsx } from "react/jsx-runtime";
+import { Avatar } from "@base-ui/react/avatar";
+//#region src/components/Avatar/avatar.tsx
+function Avatar$1({ children, size: size$1, radius: r, className, style }) {
+	return /* @__PURE__ */ jsx(Avatar.Root, {
+		className: clsx(root, size$1 && size({ size: size$1 }), r && radius({ radius: r }), className),
+		style,
+		children
+	});
+}
+function AvatarImage({ className, style, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Image, {
+		className: clsx(image, className),
+		style,
+		...props
+	});
+}
+function AvatarFallback({ className, style, ...props }) {
+	return /* @__PURE__ */ jsx(Avatar.Fallback, {
+		className: clsx(fallback, className),
+		style,
+		...props
+	});
+}
+//#endregion
+export { Avatar$1 as Avatar, AvatarFallback, AvatarImage };

package/dist/components/Badge/badge.css.js

@@ -0,0 +1,19 @@
+/* empty css                                               */
+/* empty css                                             */
+import { createRuntimeFn } from "../../node_modules/.bun/@vanilla-extract_recipes@0.5.7_19e937df7e0b57ed/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
+/* empty css                     */
+//#region src/components/Badge/badge.css.ts
+var badgeRecipe = createRuntimeFn({
+	defaultClassName: "d0fqaw0",
+	variantClassNames: { variant: {
+		"default": "d0fqaw1",
+		primary: "d0fqaw2",
+		secondary: "d0fqaw3",
+		danger: "d0fqaw4",
+		sucess: "d0fqaw5"
+	} },
+	defaultVariants: { variant: "default" },
+	compoundVariants: []
+});
+//#endregion
+export { badgeRecipe };

package/dist/components/Badge/badge.js

@@ -0,0 +1,14 @@
+import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { Box } from "../Box/box.js";
+import { badgeRecipe } from "./badge.css.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Badge/badge.tsx
+function Badge({ variant = "default", className, style, ...props }) {
+	return /* @__PURE__ */ jsx(Box, {
+		className: clsx(badgeRecipe({ variant }), className),
+		style,
+		...props
+	});
+}
+//#endregion
+export { Badge };

package/dist/components/Box/box.css.js

@@ -0,0 +1,6 @@
+/* empty css                                               */
+/* empty css                   */
+//#region src/components/Box/box.css.ts
+var baseBox = "aco00s0";
+//#endregion
+export { baseBox };

package/dist/components/Box/box.js

@@ -0,0 +1,18 @@
+import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { applyBaseSprinkles } from "../../utils/ve-style.utils.js";
+import { baseBox } from "./box.css.js";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/Box/box.tsx
+function Box({ render, className, ...props }) {
+	const [styleProps, htmlProps] = applyBaseSprinkles(props);
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: {
+			...htmlProps,
+			className: clsx(baseBox, styleProps, className)
+		}
+	});
+}
+//#endregion
+export { Box };

package/dist/components/Breadcrumbs/breadcrumbs.css.js

@@ -0,0 +1,13 @@
+/* empty css                                               */
+/* empty css                           */
+//#region src/components/Breadcrumbs/breadcrumbs.css.ts
+var root = "_3aifp80";
+var list = "_3aifp81";
+var item = "_3aifp82";
+var link = "_3aifp83";
+var page = "_3aifp84";
+var separator = "_3aifp85";
+var ellipsis = "_3aifp86";
+var srOnly = "_3aifp87";
+//#endregion
+export { ellipsis, item, link, list, page, root, separator, srOnly };

package/dist/components/Breadcrumbs/breadcrumbs.js

@@ -0,0 +1,73 @@
+"use client";
+import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { ellipsis, item, link, list, page, root, separator, srOnly } from "./breadcrumbs.css.js";
+import { CaretRightIcon, DotsThreeIcon } from "@phosphor-icons/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/Breadcrumbs/breadcrumbs.tsx
+function Breadcrumb({ className, style, render, ...props }) {
+	return useRender({
+		defaultTagName: "nav",
+		props: mergeProps({
+			className: clsx(root, className),
+			style
+		}, props, { "aria-label": "breadcrumb" }),
+		render
+	});
+}
+function BreadcrumbList({ className, style, ...props }) {
+	return /* @__PURE__ */ jsx("ol", {
+		className: clsx(list, className),
+		style,
+		...props
+	});
+}
+function BreadcrumbItem({ className, style, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		className: clsx(item, className),
+		style,
+		...props
+	});
+}
+function BreadcrumbLink({ className, style, render, ...props }) {
+	return useRender({
+		defaultTagName: "a",
+		props: mergeProps({
+			className: clsx(link, className),
+			style
+		}, props),
+		render
+	});
+}
+function BreadcrumbPage({ className, style, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: clsx(page, className),
+		style,
+		"aria-current": "page",
+		...props
+	});
+}
+function BreadcrumbSeparator({ children, className, style, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		role: "presentation",
+		"aria-hidden": "true",
+		className: clsx(separator, className),
+		style,
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(CaretRightIcon, { size: 16 })
+	});
+}
+function BreadcrumbEllipsis({ className, style, ...props }) {
+	return /* @__PURE__ */ jsxs("span", {
+		role: "presentation",
+		className: clsx(ellipsis, className),
+		style,
+		...props,
+		children: [/* @__PURE__ */ jsx(DotsThreeIcon, { size: 16 }), /* @__PURE__ */ jsx("span", {
+			className: srOnly,
+			children: "More"
+		})]
+	});
+}
+//#endregion
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };