@blenx-dev/components 0.0.0

package/dist/components/Input/input.js

@@ -0,0 +1,31 @@
+import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { input, inputError, label } from "./input.css.js";
+import { jsx } from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+import { Input } from "@base-ui/react/input";
+import { useId } from "react";
+//#region src/components/Input/input.tsx
+function Label({ render, className, style, ...props }) {
+	return useRender({
+		defaultTagName: "label",
+		props: {
+			className: clsx(label, className),
+			style,
+			"data-slot": "label",
+			...props
+		},
+		render
+	});
+}
+function Input$1({ error, className, style, size = "default", ...props }) {
+	const generatedId = useId();
+	return /* @__PURE__ */ jsx(Input, {
+		id: props.id ?? generatedId,
+		"data-slot": "input",
+		className: clsx(input, size === "sm" && "avbcvo2", size === "lg" && "avbcvo3", error ? inputError : null, className),
+		style,
+		...props
+	});
+}
+//#endregion
+export { Input$1 as Input, Label };

package/dist/components/InputGroup/input-group.css.js

@@ -0,0 +1,16 @@
+/* empty css                                               */
+/* empty css                                             */
+/* empty css                           */
+//#region src/components/InputGroup/input-group.css.ts
+var group = "_1p8n6dl0";
+var addon = "_1p8n6dl1";
+var addonInlineStart = "_1p8n6dl2";
+var addonInlineEnd = "_1p8n6dl3";
+var addonBlockStart = "_1p8n6dl4";
+var addonBlockEnd = "_1p8n6dl5";
+var text = "_1p8n6dl6";
+var menu = "_1p8n6dl7";
+var input = "_1p8n6dl8";
+var textarea = "_1p8n6dl9";
+//#endregion
+export { addon, addonBlockEnd, addonBlockStart, addonInlineEnd, addonInlineStart, group, input, menu, text, textarea };

package/dist/components/InputGroup/input-group.js

@@ -0,0 +1,70 @@
+"use client";
+import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { addon, group, input, menu, text, textarea } from "./input-group.css.js";
+import { jsx } from "react/jsx-runtime";
+import { Input } from "@base-ui/react/input";
+import { useRender } from "@base-ui/react";
+import { Checkbox } from "@base-ui/react/checkbox";
+import { Radio } from "@base-ui/react/radio";
+import { RadioGroup } from "@base-ui/react/radio-group";
+//#region src/components/InputGroup/input-group.tsx
+function InputGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("fieldset", {
+		className: clsx(group, className),
+		"data-slot": "input-group",
+		...props
+	});
+}
+function InputGroupAddon({ align = "inline-start", className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: clsx(addon, align === "inline-start" && "_1p8n6dl2", align === "inline-end" && "_1p8n6dl3", align === "block-start" && "_1p8n6dl4", align === "block-end" && "_1p8n6dl5", className),
+		"data-align": align,
+		"data-slot": "input-group-addon",
+		role: "presentation",
+		onMouseDown: (e) => {
+			if (e.target.closest("button, a, input, select, textarea, [role='button'], [role='combobox'], [role='listbox'], [data-slot='select-trigger']")) return;
+			e.preventDefault();
+			const parent = e.currentTarget.parentElement;
+			const input = parent?.querySelector("input, textarea");
+			if (input && !parent?.querySelector("input:focus, textarea:focus")) input.focus();
+		},
+		...props
+	});
+}
+function InputGroupText({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: clsx(text, className),
+		...props
+	});
+}
+function InputGroupInput({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Input, {
+		className: clsx(input, className),
+		"data-slot": "input-control",
+		...props
+	});
+}
+function InputGroupTextarea({ ...props }) {
+	return /* @__PURE__ */ jsx("textarea", {
+		className: textarea,
+		rows: 4,
+		"data-slot": "textarea-control",
+		...props
+	});
+}
+function InputGroupMenu({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "nav",
+		props: {
+			className: clsx(menu, className),
+			"data-slot": "input-group-menu",
+			...props
+		},
+		render
+	});
+}
+var InputGroupCheckboxItem = Checkbox.Root;
+var InputGroupRadioGroup = RadioGroup;
+var InputGroupRadioItem = Radio.Root;
+//#endregion
+export { InputGroup, InputGroupAddon, InputGroupCheckboxItem, InputGroupInput, InputGroupMenu, InputGroupRadioGroup, InputGroupRadioItem, InputGroupText, InputGroupTextarea };

package/dist/components/Menu/menu.css.js

@@ -0,0 +1,14 @@
+/* empty css                                               */
+/* empty css                                             */
+/* empty css                    */
+//#region src/components/Menu/menu.css.ts
+var trigger = "_125mr870";
+var popup = "_125mr871";
+var item = "_125mr872";
+var itemDestructive = "_125mr873";
+var separator = "_125mr874";
+var groupLabel = "_125mr875";
+var inset = "_125mr876";
+var shortcut = "_125mr877";
+//#endregion
+export { groupLabel, inset, item, itemDestructive, popup, separator, shortcut, trigger };

package/dist/components/Menu/menu.js

@@ -0,0 +1,54 @@
+import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { groupLabel, item, popup, separator, shortcut, trigger } from "./menu.css.js";
+import { jsx } from "react/jsx-runtime";
+import { Menu } from "@base-ui/react/menu";
+//#region src/components/Menu/menu.tsx
+var Menu$1 = Menu.Root;
+function MenuTrigger({ className, style, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Trigger, {
+		className: clsx(trigger, className),
+		style,
+		...props
+	});
+}
+function MenuPopup({ align = "start", sideOffset = 4, className, style, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
+		align,
+		sideOffset,
+		children: /* @__PURE__ */ jsx(Menu.Popup, {
+			className: clsx(popup, className),
+			style,
+			...props
+		})
+	}) });
+}
+function MenuItem({ variant = "default", className, style, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Item, {
+		className: clsx(item, variant === "destructive" && "_125mr873", className),
+		style,
+		...props
+	});
+}
+function MenuSeparator({ className, style, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.Separator, {
+		className: clsx(separator, className),
+		style,
+		...props
+	});
+}
+function MenuGroupLabel({ inset: hasInset, className, style, ...props }) {
+	return /* @__PURE__ */ jsx(Menu.GroupLabel, {
+		className: clsx(groupLabel, hasInset && "_125mr876", className),
+		style,
+		...props
+	});
+}
+function MenuShortcut({ children, className, style }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: clsx(shortcut, className),
+		style,
+		children
+	});
+}
+//#endregion
+export { Menu$1 as Menu, MenuGroupLabel, MenuItem, MenuPopup, MenuSeparator, MenuShortcut, MenuTrigger };

package/dist/components/OTPField/otp-field.css.js

@@ -0,0 +1,18 @@
+/* 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/OTPField/otp-field.css.ts
+var root = "es79nz0";
+var input = createRuntimeFn({
+	defaultClassName: "es79nz1",
+	variantClassNames: { size: {
+		"default": "es79nz2",
+		lg: "es79nz3"
+	} },
+	defaultVariants: { size: "default" },
+	compoundVariants: []
+});
+var separator = "es79nz4";
+//#endregion
+export { input, root, separator };

package/dist/components/OTPField/otp-field.js

@@ -0,0 +1,23 @@
+import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { input, root, separator } from "./otp-field.css.js";
+import { jsx } from "react/jsx-runtime";
+import { OTPField } from "@base-ui/react/otp-field";
+//#region src/components/OTPField/otp-field.tsx
+function OTPField$1({ size = "default", className, ...props }) {
+	return /* @__PURE__ */ jsx(OTPField.Root, {
+		className: clsx(root, className),
+		"data-size": size,
+		...props
+	});
+}
+function OTPFieldInput({ size = "default", className, ...props }) {
+	return /* @__PURE__ */ jsx(OTPField.Input, {
+		className: clsx(input({ size }), className),
+		...props
+	});
+}
+function OTPFieldSeparator({ className }) {
+	return /* @__PURE__ */ jsx(OTPField.Separator, { render: /* @__PURE__ */ jsx("div", { className: clsx(separator, className) }) });
+}
+//#endregion
+export { OTPField$1 as OTPField, OTPFieldInput, OTPFieldSeparator };

package/dist/components/Popover/popover.css.js

@@ -0,0 +1,13 @@
+/* empty css                                               */
+/* empty css                                             */
+/* empty css                       */
+//#region src/components/Popover/popover.css.ts
+var backdrop = "bugbt10";
+var positioner = "bugbt11";
+var popup = "bugbt12";
+var arrow = "bugbt13";
+var arrowFill = "bugbt14";
+var title = "bugbt15";
+var description = "bugbt16";
+//#endregion
+export { arrow, arrowFill, backdrop, description, popup, positioner, title };

package/dist/components/Popover/popover.js

@@ -0,0 +1,89 @@
+"use client";
+import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { arrow, arrowFill, backdrop, description, popup, positioner, title } from "./popover.css.js";
+import { jsx } from "react/jsx-runtime";
+import { Popover } from "@base-ui/react/popover";
+//#region src/components/Popover/popover.tsx
+var PopoverCreateHandle = Popover.createHandle;
+function Popover$1(props) {
+	return /* @__PURE__ */ jsx(Popover.Root, { ...props });
+}
+function PopoverTrigger(props) {
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		"data-slot": "popover-trigger",
+		...props
+	});
+}
+function PopoverClose(props) {
+	return /* @__PURE__ */ jsx(Popover.Close, {
+		"data-slot": "popover-close",
+		...props
+	});
+}
+function PopoverPortal(props) {
+	return /* @__PURE__ */ jsx(Popover.Portal, { ...props });
+}
+function PopoverPositioner({ sideOffset = 4, side = "bottom", align = "center", className, style, ...props }) {
+	return /* @__PURE__ */ jsx(Popover.Positioner, {
+		sideOffset,
+		side,
+		align,
+		className: clsx(positioner, className),
+		style,
+		"data-slot": "popover-positioner",
+		...props
+	});
+}
+function PopoverPopup({ className, style, ...props }) {
+	return /* @__PURE__ */ jsx(PopoverPortal, { children: /* @__PURE__ */ jsx(PopoverPositioner, { children: /* @__PURE__ */ jsx(Popover.Popup, {
+		className: clsx(popup, className),
+		style,
+		"data-slot": "popover-popup",
+		...props
+	}) }) });
+}
+function PopoverArrow(props) {
+	return /* @__PURE__ */ jsx(Popover.Arrow, {
+		className: arrow,
+		"data-slot": "popover-arrow",
+		...props,
+		children: /* @__PURE__ */ jsx("div", { className: arrowFill })
+	});
+}
+function PopoverBackdrop(props) {
+	return /* @__PURE__ */ jsx(Popover.Backdrop, {
+		className: backdrop,
+		"data-slot": "popover-backdrop",
+		...props
+	});
+}
+function PopoverTitle(props) {
+	return /* @__PURE__ */ jsx(Popover.Title, {
+		className: title,
+		"data-slot": "popover-title",
+		...props
+	});
+}
+function PopoverDescription(props) {
+	return /* @__PURE__ */ jsx(Popover.Description, {
+		className: description,
+		"data-slot": "popover-description",
+		...props
+	});
+}
+var PopoverRoot = Popover$1;
+var PopoverCompound = {
+	Root: Popover$1,
+	Trigger: PopoverTrigger,
+	Close: PopoverClose,
+	Portal: PopoverPortal,
+	Positioner: PopoverPositioner,
+	Popup: PopoverPopup,
+	Arrow: PopoverArrow,
+	Backdrop: PopoverBackdrop,
+	Title: PopoverTitle,
+	Description: PopoverDescription,
+	createHandle: PopoverCreateHandle
+};
+//#endregion
+export { Popover$1 as Popover, PopoverArrow, PopoverBackdrop, PopoverClose, PopoverCompound, PopoverCreateHandle, PopoverDescription, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger };

package/dist/components/Progress/progress.css.js

@@ -0,0 +1,11 @@
+/* empty css                                               */
+/* empty css                                             */
+/* empty css                        */
+//#region src/components/Progress/progress.css.ts
+var root = "vbdv8c0";
+var track = "vbdv8c1";
+var indicator = "vbdv8c2";
+var progressLabel = "vbdv8c3";
+var value = "vbdv8c4";
+//#endregion
+export { indicator, progressLabel, root, track, value };

package/dist/components/Progress/progress.js

@@ -0,0 +1,44 @@
+"use client";
+import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { indicator, progressLabel, root, track, value } from "./progress.css.js";
+import { jsx } from "react/jsx-runtime";
+import { Progress } from "@base-ui/react/progress";
+//#region src/components/Progress/progress.tsx
+function Progress$1({ children, className, style, ...props }) {
+	return /* @__PURE__ */ jsx(Progress.Root, {
+		className: clsx(root, className),
+		style,
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ProgressTrack, { children: /* @__PURE__ */ jsx(ProgressIndicator, {}) })
+	});
+}
+function ProgressLabel({ className, style, ...props }) {
+	return /* @__PURE__ */ jsx(Progress.Label, {
+		className: clsx(progressLabel, className),
+		style,
+		...props
+	});
+}
+function ProgressTrack({ className, style, ...props }) {
+	return /* @__PURE__ */ jsx(Progress.Track, {
+		className: clsx(track, className),
+		style,
+		...props
+	});
+}
+function ProgressIndicator({ className, style, ...props }) {
+	return /* @__PURE__ */ jsx(Progress.Indicator, {
+		className: clsx(indicator, className),
+		style,
+		...props
+	});
+}
+function ProgressValue({ className, style, ...props }) {
+	return /* @__PURE__ */ jsx(Progress.Value, {
+		className: clsx(value, className),
+		style,
+		...props
+	});
+}
+//#endregion
+export { Progress$1 as Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue };

package/dist/components/Radio/radio.css.js

@@ -0,0 +1,12 @@
+/* empty css                                               */
+/* empty css                                             */
+/* empty css                     */
+//#region src/components/Radio/radio.css.ts
+var root = "rq65it0";
+var rootDisabled = "rq65it1";
+var group = "rq65it2";
+var indicator = "rq65it3";
+var indicatorChecked = "rq65it4";
+var dot = "rq65it5";
+//#endregion
+export { dot, group, indicator, indicatorChecked, root, rootDisabled };

package/dist/components/Radio/radio.js

@@ -0,0 +1,32 @@
+"use client";
+import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { group, indicator, root } from "./radio.css.js";
+import { jsx } from "react/jsx-runtime";
+import { Radio } from "@base-ui/react/radio";
+import { RadioGroup } from "@base-ui/react/radio-group";
+//#region src/components/Radio/radio.tsx
+function RadioGroup$1({ className, style, ...props }) {
+	return /* @__PURE__ */ jsx(RadioGroup, {
+		className: clsx(group, className),
+		style,
+		"data-slot": "radio-group",
+		...props
+	});
+}
+function Radio$1({ className, style, ...props }) {
+	return /* @__PURE__ */ jsx(Radio.Root, {
+		...props,
+		render: (rootProps, { checked, disabled }) => /* @__PURE__ */ jsx("span", {
+			...rootProps,
+			className: clsx(root, disabled && "rq65it1", className),
+			style,
+			"data-slot": "radio",
+			children: /* @__PURE__ */ jsx(Radio.Indicator, {
+				className: clsx(indicator, checked && "rq65it4"),
+				children: checked && /* @__PURE__ */ jsx("span", { className: "rq65it5" })
+			})
+		})
+	});
+}
+//#endregion
+export { Radio$1 as Radio, RadioGroup$1 as RadioGroup };

package/dist/components/ScrollArea/scroll-area.css.js

@@ -0,0 +1,15 @@
+/* empty css                                               */
+/* empty css                                             */
+/* empty css                           */
+//#region src/components/ScrollArea/scroll-area.css.ts
+var root = "_5cw6o70";
+var viewport = "_5cw6o71";
+var viewportFade = "_5cw6o72";
+var viewportGutter = "_5cw6o73";
+var contentFill = "_5cw6o74";
+var scrollbar = "_5cw6o75";
+var scrollbarHorizontal = "_5cw6o76";
+var scrollbarVertical = "_5cw6o77";
+var thumb = "_5cw6o78";
+//#endregion
+export { contentFill, root, scrollbar, scrollbarHorizontal, scrollbarVertical, thumb, viewport, viewportFade, viewportGutter };

package/dist/components/ScrollArea/scroll-area.js

@@ -0,0 +1,50 @@
+"use client";
+import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { root, scrollbar, thumb, viewport } from "./scroll-area.css.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ScrollArea } from "@base-ui/react/scroll-area";
+//#region src/components/ScrollArea/scroll-area.tsx
+function ScrollArea$1({ children, scrollFade = false, scrollbarGutter = true, fill = true, height = "60svh", className, style, ...props }) {
+	const dynamicHeight = typeof height === "string" ? {
+		height,
+		maxHeight: height
+	} : {};
+	return /* @__PURE__ */ jsxs(ScrollArea.Root, {
+		className: clsx(root, className),
+		style: {
+			...dynamicHeight,
+			...style
+		},
+		"data-slot": "scroll-area-root",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(ScrollArea.Viewport, {
+				className: clsx(viewport, scrollFade && "_5cw6o72", scrollbarGutter && "_5cw6o73"),
+				"data-slot": "scroll-area-viewport",
+				children: /* @__PURE__ */ jsx(ScrollArea.Content, {
+					className: clsx(fill && "_5cw6o74"),
+					"data-slot": "scroll-area-content",
+					children
+				})
+			}),
+			/* @__PURE__ */ jsx(ScrollBar, { orientation: "vertical" }),
+			/* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" }),
+			/* @__PURE__ */ jsx(ScrollArea.Corner, { "data-slot": "scroll-area-corner" })
+		]
+	});
+}
+function ScrollBar({ orientation = "vertical", className, style, ...props }) {
+	return /* @__PURE__ */ jsx(ScrollArea.Scrollbar, {
+		className: clsx(scrollbar, orientation === "horizontal" && "_5cw6o76", orientation === "vertical" && "_5cw6o77", className),
+		style,
+		"data-slot": "scroll-area-scrollbar",
+		orientation,
+		...props,
+		children: /* @__PURE__ */ jsx(ScrollArea.Thumb, {
+			className: thumb,
+			"data-slot": "scroll-area-thumb"
+		})
+	});
+}
+//#endregion
+export { ScrollArea$1 as ScrollArea, ScrollBar };

package/dist/components/SegmentedControl/segmented-control.js

@@ -0,0 +1,21 @@
+import { ToggleGroup, ToggleGroupItem } from "../ToggleGroup/toggle-group.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/SegmentedControl/segmented-control.tsx
+function SegmentedControl({ value, onValueChange, options, radius, variant = "outline", ...props }) {
+	return /* @__PURE__ */ jsx(ToggleGroup, {
+		value: [value],
+		onValueChange: (values) => {
+			if (values.length === 0) return;
+			onValueChange(values[0]);
+		},
+		variant,
+		...props,
+		children: options.map((option) => /* @__PURE__ */ jsx(ToggleGroupItem, {
+			value: option.value,
+			radius,
+			children: option.label
+		}, option.value))
+	});
+}
+//#endregion
+export { SegmentedControl };

package/dist/components/Select/select.css.js

@@ -0,0 +1,17 @@
+/* empty css                                               */
+/* empty css                                             */
+/* empty css                      */
+//#region src/components/Select/select.css.ts
+var label = "_15t74bn0";
+var trigger = "_15t74bn1";
+var triggerSm = "_15t74bn2";
+var triggerLg = "_15t74bn3";
+var icon = "_15t74bn4";
+var popup = "_15t74bn5";
+var item = "_15t74bn6";
+var itemIndicator = "_15t74bn7";
+var separator = "_15t74bn8";
+var groupLabel = "_15t74bn9";
+var scrollArrow = "_15t74bna";
+//#endregion
+export { groupLabel, icon, item, itemIndicator, label, popup, scrollArrow, separator, trigger, triggerLg, triggerSm };