moduix 0.10.0 → 0.11.1

package/dist/components/SnapCarousel/SnapCarousel.js

@@ -0,0 +1,125 @@
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon } from "../../icons/ui/Icons.js";
+import SnapCarousel_module_default from "./SnapCarousel.module.js";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { Children, createContext, useCallback, useContext, useRef } from "react";
+//#region src/components/SnapCarousel/SnapCarousel.tsx
+const SnapCarouselContext = createContext(null);
+const SnapCarouselViewportPresenceContext = createContext(false);
+function useSnapCarouselContext(componentName) {
+	const context = useContext(SnapCarouselContext);
+	if (!context) throw new Error(`${componentName} must be used within SnapCarousel.`);
+	return context;
+}
+function SnapCarousel({ align = "start", className, orientation = "horizontal", ...props }) {
+	const viewportRef = useRef(null);
+	const setViewport = useCallback((viewport) => {
+		viewportRef.current = viewport;
+	}, []);
+	const scrollViewport = useCallback((direction) => {
+		if (!viewportRef.current) return;
+		const viewport = viewportRef.current;
+		const distance = (orientation === "horizontal" ? viewport.clientWidth : viewport.clientHeight) * .85;
+		const scrollDistance = direction === "previous" ? -distance : distance;
+		viewport.scrollBy(orientation === "horizontal" ? {
+			behavior: "smooth",
+			left: scrollDistance
+		} : {
+			behavior: "smooth",
+			top: scrollDistance
+		});
+	}, [orientation]);
+	return /* @__PURE__ */ jsx(SnapCarouselContext.Provider, {
+		value: {
+			orientation,
+			scrollViewport,
+			setViewport
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			"data-slot": "snap-carousel-root",
+			"data-align": align,
+			"data-orientation": orientation,
+			className: clsx(SnapCarousel_module_default.root, className),
+			...props
+		})
+	});
+}
+function SnapCarouselViewport({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className, role, tabIndex = 0, ...props }) {
+	const context = useSnapCarouselContext("SnapCarouselViewport");
+	const resolvedRole = role ?? (ariaLabel || ariaLabelledBy ? "region" : void 0);
+	return /* @__PURE__ */ jsx(SnapCarouselViewportPresenceContext.Provider, {
+		value: true,
+		children: /* @__PURE__ */ jsx("div", {
+			"data-slot": "snap-carousel-viewport",
+			"aria-label": ariaLabel,
+			"aria-labelledby": ariaLabelledBy,
+			role: resolvedRole,
+			tabIndex,
+			className: clsx(SnapCarousel_module_default.viewport, className),
+			...props,
+			ref: context.setViewport
+		})
+	});
+}
+function SnapCarouselContent({ "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children, className, itemClassName, onKeyDown, tabIndex, ...props }) {
+	const isInsideViewport = useContext(SnapCarouselViewportPresenceContext);
+	const contentChildren = isInsideViewport ? children : Children.map(children, (child) => /* @__PURE__ */ jsx(SnapCarouselItem, {
+		className: itemClassName,
+		children: child
+	}));
+	const content = /* @__PURE__ */ jsx("div", {
+		"data-slot": "snap-carousel-content",
+		className: clsx(SnapCarousel_module_default.content, className),
+		...props,
+		children: contentChildren
+	});
+	if (isInsideViewport) return content;
+	return /* @__PURE__ */ jsx(SnapCarouselViewport, {
+		"aria-describedby": ariaDescribedBy,
+		"aria-label": ariaLabel,
+		"aria-labelledby": ariaLabelledBy,
+		tabIndex,
+		onKeyDown,
+		children: content
+	});
+}
+function SnapCarouselItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "snap-carousel-item",
+		className: clsx(SnapCarousel_module_default.item, className),
+		...props
+	});
+}
+function SnapCarouselControl({ children, className, direction, onClick, type = "button", "aria-label": ariaLabel, ...props }) {
+	const context = useSnapCarouselContext(direction === "previous" ? "SnapCarouselPrevious" : "SnapCarouselNext");
+	const isPrevious = direction === "previous";
+	const Icon = isPrevious ? context.orientation === "vertical" ? ChevronUpIcon : ChevronLeftIcon : context.orientation === "vertical" ? ChevronDownIcon : ChevronRightIcon;
+	const handleClick = (event) => {
+		onClick?.(event);
+		if (event.defaultPrevented) return;
+		context.scrollViewport(direction);
+	};
+	return /* @__PURE__ */ jsx("button", {
+		"data-slot": `snap-carousel-${direction}`,
+		"aria-label": children ? ariaLabel : ariaLabel ?? (isPrevious ? "Previous slide" : "Next slide"),
+		className: clsx(SnapCarousel_module_default.control, isPrevious ? SnapCarousel_module_default.previous : SnapCarousel_module_default.next, className),
+		type,
+		onClick: handleClick,
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(Icon, {})
+	});
+}
+function SnapCarouselPrevious(props) {
+	return /* @__PURE__ */ jsx(SnapCarouselControl, {
+		direction: "previous",
+		...props
+	});
+}
+function SnapCarouselNext(props) {
+	return /* @__PURE__ */ jsx(SnapCarouselControl, {
+		direction: "next",
+		...props
+	});
+}
+//#endregion
+export { SnapCarousel, SnapCarouselContent, SnapCarouselItem, SnapCarouselNext, SnapCarouselPrevious, SnapCarouselViewport };

package/dist/components/SnapCarousel/SnapCarousel.module.cjs

@@ -0,0 +1,13 @@
+import './SnapCarousel.css';
+//#region src/components/SnapCarousel/SnapCarousel.module.css
+var SnapCarousel_module_default = {
+	"content": "_4RLCYW_content",
+	"control": "_4RLCYW_control",
+	"item": "_4RLCYW_item",
+	"next": "_4RLCYW_next",
+	"previous": "_4RLCYW_previous",
+	"root": "_4RLCYW_root",
+	"viewport": "_4RLCYW_viewport"
+};
+//#endregion
+exports.default = SnapCarousel_module_default;

package/dist/components/SnapCarousel/SnapCarousel.module.js

@@ -0,0 +1,13 @@
+import './SnapCarousel.css';
+//#region src/components/SnapCarousel/SnapCarousel.module.css
+var SnapCarousel_module_default = {
+	"content": "_4RLCYW_content",
+	"control": "_4RLCYW_control",
+	"item": "_4RLCYW_item",
+	"next": "_4RLCYW_next",
+	"previous": "_4RLCYW_previous",
+	"root": "_4RLCYW_root",
+	"viewport": "_4RLCYW_viewport"
+};
+//#endregion
+export { SnapCarousel_module_default as default };

package/dist/components/SnapCarousel/index.d.ts

@@ -0,0 +1 @@
+import { SnapCarousel, SnapCarouselAlign, SnapCarouselContent, SnapCarouselContentProps, SnapCarouselItem, SnapCarouselNext, SnapCarouselOrientation, SnapCarouselPrevious, SnapCarouselProps, SnapCarouselViewport } from "./SnapCarousel.js";

package/dist/components/Spinner/Spinner.cjs

@@ -0,0 +1,30 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_Spinner_module = require("./Spinner.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+clsx = require_runtime.__toESM(clsx);
+//#region src/components/Spinner/Spinner.tsx
+function Spinner({ className, size = "md", decorative = false, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }) {
+	const accessibleLabel = decorative ? void 0 : ariaLabel ?? (ariaLabelledBy ? void 0 : "Loading");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		...props,
+		"data-slot": "spinner-root",
+		"data-size": size,
+		role: decorative ? "presentation" : "status",
+		"aria-hidden": decorative ? true : void 0,
+		"aria-label": accessibleLabel,
+		"aria-labelledby": decorative ? void 0 : ariaLabelledBy,
+		className: (0, clsx.default)(require_Spinner_module.default.root, className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			"data-slot": "spinner-indicator",
+			className: require_Spinner_module.default.indicator,
+			"aria-hidden": "true",
+			children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				"data-slot": "spinner-ring",
+				className: require_Spinner_module.default.ring
+			})
+		})
+	});
+}
+//#endregion
+exports.Spinner = Spinner;

package/dist/components/Spinner/Spinner.css

@@ -0,0 +1,60 @@
+@layer ui.components {
+  .ofoevq_root {
+    --_spinner-size: var(--spinner-size, var(--spinner-size-md, 1.25rem));
+    width: var(--_spinner-size);
+    height: var(--_spinner-size);
+    color: var(--spinner-color, currentColor);
+    vertical-align: middle;
+    flex: none;
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .ofoevq_indicator {
+    width: 100%;
+    height: 100%;
+    animation: var(--spinner-animation, var(--animation-spin));
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .ofoevq_ring {
+    box-sizing: border-box;
+    border: var(--spinner-ring-border-width, .125rem) solid
+      var(--spinner-ring-track-color, color-mix(in oklab, currentColor 22%, transparent));
+    border-block-start-color: var(--spinner-color, currentColor);
+    border-radius: var(--spinner-radius, var(--radius-full));
+    width: 100%;
+    height: 100%;
+    display: block;
+  }
+
+  .ofoevq_indicator :where(svg) {
+    width: 100%;
+    height: 100%;
+  }
+
+  .ofoevq_root[data-size="xs"] {
+    --_spinner-size: var(--spinner-size, var(--spinner-size-xs, .75rem));
+  }
+
+  .ofoevq_root[data-size="sm"] {
+    --_spinner-size: var(--spinner-size, var(--spinner-size-sm, 1rem));
+  }
+
+  .ofoevq_root[data-size="lg"] {
+    --_spinner-size: var(--spinner-size, var(--spinner-size-lg, 1.75rem));
+  }
+
+  .ofoevq_root[data-size="xl"] {
+    --_spinner-size: var(--spinner-size, var(--spinner-size-xl, 2.25rem));
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .ofoevq_indicator {
+      animation: none;
+    }
+  }
+}

package/dist/components/Spinner/Spinner.d.ts

@@ -1,7 +1,19 @@
-import { ComponentProps } from 'react';
+import { ComponentProps } from "react";
+
+//#region src/components/Spinner/Spinner.d.ts
 type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-declare function Spinner({ className, size, decorative, children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...props }: ComponentProps<'span'> & {
-    size?: SpinnerSize;
-    decorative?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export { Spinner };
+type SpinnerProps = ComponentProps<'span'> & {
+  size?: SpinnerSize;
+  decorative?: boolean;
+};
+declare function Spinner({
+  className,
+  size,
+  decorative,
+  children,
+  'aria-label': ariaLabel,
+  'aria-labelledby': ariaLabelledBy,
+  ...props
+}: SpinnerProps): import("react").JSX.Element;
+//#endregion
+export { Spinner, type SpinnerProps, type SpinnerSize };

package/dist/components/Spinner/Spinner.js

@@ -0,0 +1,28 @@
+import Spinner_module_default from "./Spinner.module.js";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+//#region src/components/Spinner/Spinner.tsx
+function Spinner({ className, size = "md", decorative = false, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, ...props }) {
+	const accessibleLabel = decorative ? void 0 : ariaLabel ?? (ariaLabelledBy ? void 0 : "Loading");
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		"data-slot": "spinner-root",
+		"data-size": size,
+		role: decorative ? "presentation" : "status",
+		"aria-hidden": decorative ? true : void 0,
+		"aria-label": accessibleLabel,
+		"aria-labelledby": decorative ? void 0 : ariaLabelledBy,
+		className: clsx$1(Spinner_module_default.root, className),
+		children: /* @__PURE__ */ jsx("span", {
+			"data-slot": "spinner-indicator",
+			className: Spinner_module_default.indicator,
+			"aria-hidden": "true",
+			children: children ?? /* @__PURE__ */ jsx("span", {
+				"data-slot": "spinner-ring",
+				className: Spinner_module_default.ring
+			})
+		})
+	});
+}
+//#endregion
+export { Spinner };

package/dist/components/Spinner/Spinner.module.cjs

@@ -0,0 +1,9 @@
+import './Spinner.css';
+//#region src/components/Spinner/Spinner.module.css
+var Spinner_module_default = {
+	"indicator": "ofoevq_indicator",
+	"ring": "ofoevq_ring",
+	"root": "ofoevq_root"
+};
+//#endregion
+exports.default = Spinner_module_default;

package/dist/components/Spinner/Spinner.module.js

@@ -0,0 +1,9 @@
+import './Spinner.css';
+//#region src/components/Spinner/Spinner.module.css
+var Spinner_module_default = {
+	"indicator": "ofoevq_indicator",
+	"ring": "ofoevq_ring",
+	"root": "ofoevq_root"
+};
+//#endregion
+export { Spinner_module_default as default };

package/dist/components/Spinner/index.d.ts

@@ -1 +1 @@
-export { Spinner } from './Spinner';
+import { Spinner, SpinnerProps, SpinnerSize } from "./Spinner.js";

package/dist/components/SplitButton/SplitButton.cjs

@@ -0,0 +1,69 @@
+const require_Icons = require("../../icons/ui/Icons.cjs");
+const require_mergeClassName = require("../../utils/mergeClassName.cjs");
+const require_Button = require("../Button/Button.cjs");
+const require_Menu = require("../Menu/Menu.cjs");
+const require_SplitButton_module = require("./SplitButton.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+let react = require("react");
+//#region src/components/SplitButton/SplitButton.tsx
+const SplitButtonContext = (0, react.createContext)(null);
+function useSplitButtonContext(componentName) {
+	const context = (0, react.useContext)(SplitButtonContext);
+	if (!context) throw new Error(`${componentName} must be used within SplitButton.`);
+	return context;
+}
+function SplitButton({ children, className, size = "md", variant = "default", ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SplitButtonContext.Provider, {
+		value: {
+			size,
+			variant
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Menu.Menu, {
+			...props,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				"data-slot": "split-button-root",
+				className: (0, clsx.clsx)(require_SplitButton_module.default.root, className),
+				children
+			})
+		})
+	});
+}
+const SplitButtonAction = (0, react.forwardRef)(function SplitButtonAction({ className, size, variant, ...props }, ref) {
+	const context = useSplitButtonContext("SplitButtonAction");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+		ref,
+		"data-slot": "split-button-action",
+		size: size ?? context.size,
+		variant: variant ?? context.variant,
+		className: require_mergeClassName.mergeClassName(className, require_SplitButton_module.default.action),
+		...props
+	});
+});
+function SplitButtonTrigger({ children, className, size, variant, "aria-label": ariaLabel, ...props }) {
+	const context = useSplitButtonContext("SplitButtonTrigger");
+	const resolvedChildren = children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icons.ChevronDownIcon, {});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Menu.MenuTrigger, {
+		"data-slot": "split-button-trigger",
+		"aria-label": children ? ariaLabel : ariaLabel ?? "More actions",
+		className: require_mergeClassName.mergeClassName(className, require_SplitButton_module.default.trigger),
+		render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
+			size: size ?? context.size,
+			variant: variant ?? context.variant
+		}),
+		...props,
+		children: resolvedChildren
+	});
+}
+function SplitButtonContent({ align = "end", sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Menu.MenuContent, {
+		align,
+		sideOffset,
+		...props
+	});
+}
+//#endregion
+exports.SplitButton = SplitButton;
+exports.SplitButtonAction = SplitButtonAction;
+exports.SplitButtonContent = SplitButtonContent;
+exports.SplitButtonTrigger = SplitButtonTrigger;

package/dist/components/SplitButton/SplitButton.css

@@ -0,0 +1,59 @@
+@layer ui.components {
+  ._6bYSkW_root {
+    align-items: stretch;
+    display: inline-flex;
+  }
+
+  ._6bYSkW_action {
+    border-start-end-radius: 0;
+    border-end-end-radius: 0;
+  }
+
+  ._6bYSkW_trigger {
+    min-width: 0;
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
+    margin-inline-start: calc(var(--button-border-width, var(--border-width-sm)) * -1);
+    padding-inline: .75rem;
+    position: relative;
+  }
+
+  ._6bYSkW_trigger:before {
+    content: "";
+    opacity: .16;
+    pointer-events: none;
+    background-color: currentColor;
+    width: 1px;
+    position: absolute;
+    inset-block: .375rem;
+    inset-inline-start: 0;
+  }
+
+  ._6bYSkW_trigger[data-variant="outline"]:before, ._6bYSkW_trigger[data-variant="destructive-outline"]:before {
+    opacity: 0;
+  }
+
+  ._6bYSkW_trigger[data-size="xs"] {
+    padding-inline: .5rem;
+  }
+
+  ._6bYSkW_trigger[data-size="sm"] {
+    padding-inline: .625rem;
+  }
+
+  ._6bYSkW_trigger[data-size="md"] {
+    padding-inline: .75rem;
+  }
+
+  ._6bYSkW_trigger[data-size="lg"] {
+    padding-inline: .875rem;
+  }
+
+  ._6bYSkW_trigger[data-size="xl"] {
+    padding-inline: 1rem;
+  }
+
+  ._6bYSkW_trigger :where(svg) {
+    flex-shrink: 0;
+  }
+}

package/dist/components/SplitButton/SplitButton.d.ts

@@ -0,0 +1,46 @@
+import { ButtonProps, ButtonSize, ButtonVariant } from "../Button/Button.js";
+import { MenuContentProps } from "../Menu/Menu.js";
+import { ReactNode } from "react";
+import { Menu } from "@base-ui/react/menu";
+
+//#region src/components/SplitButton/SplitButton.d.ts
+type SplitButtonVariant = Exclude<ButtonVariant, 'link'>;
+type SplitButtonSize = Exclude<ButtonSize, 'icon-sm' | 'icon-md' | 'icon-lg'>;
+type SplitButtonProps = Omit<Menu.Root.Props, 'children'> & {
+  children?: ReactNode;
+  className?: string;
+  size?: SplitButtonSize;
+  variant?: SplitButtonVariant;
+};
+type SplitButtonActionProps = Omit<ButtonProps, 'size' | 'variant'> & {
+  size?: SplitButtonSize;
+  variant?: SplitButtonVariant;
+};
+type SplitButtonTriggerProps = Omit<Menu.Trigger.Props, 'render'> & {
+  size?: SplitButtonSize;
+  variant?: SplitButtonVariant;
+};
+type SplitButtonContentProps = MenuContentProps;
+declare function SplitButton({
+  children,
+  className,
+  size,
+  variant,
+  ...props
+}: SplitButtonProps): import("react").JSX.Element;
+declare const SplitButtonAction: import("react").ForwardRefExoticComponent<Omit<SplitButtonActionProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+declare function SplitButtonTrigger({
+  children,
+  className,
+  size,
+  variant,
+  'aria-label': ariaLabel,
+  ...props
+}: SplitButtonTriggerProps): import("react").JSX.Element;
+declare function SplitButtonContent({
+  align,
+  sideOffset,
+  ...props
+}: SplitButtonContentProps): import("react").JSX.Element;
+//#endregion
+export { SplitButton, SplitButtonAction, type SplitButtonActionProps, SplitButtonContent, type SplitButtonContentProps, type SplitButtonProps, type SplitButtonSize, SplitButtonTrigger, type SplitButtonTriggerProps, type SplitButtonVariant };

package/dist/components/SplitButton/SplitButton.js

@@ -0,0 +1,66 @@
+import { ChevronDownIcon } from "../../icons/ui/Icons.js";
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import { Button } from "../Button/Button.js";
+import { Menu, MenuContent, MenuTrigger } from "../Menu/Menu.js";
+import SplitButton_module_default from "./SplitButton.module.js";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { createContext, forwardRef, useContext } from "react";
+//#region src/components/SplitButton/SplitButton.tsx
+const SplitButtonContext = createContext(null);
+function useSplitButtonContext(componentName) {
+	const context = useContext(SplitButtonContext);
+	if (!context) throw new Error(`${componentName} must be used within SplitButton.`);
+	return context;
+}
+function SplitButton({ children, className, size = "md", variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(SplitButtonContext.Provider, {
+		value: {
+			size,
+			variant
+		},
+		children: /* @__PURE__ */ jsx(Menu, {
+			...props,
+			children: /* @__PURE__ */ jsx("div", {
+				"data-slot": "split-button-root",
+				className: clsx(SplitButton_module_default.root, className),
+				children
+			})
+		})
+	});
+}
+const SplitButtonAction = forwardRef(function SplitButtonAction({ className, size, variant, ...props }, ref) {
+	const context = useSplitButtonContext("SplitButtonAction");
+	return /* @__PURE__ */ jsx(Button, {
+		ref,
+		"data-slot": "split-button-action",
+		size: size ?? context.size,
+		variant: variant ?? context.variant,
+		className: mergeClassName(className, SplitButton_module_default.action),
+		...props
+	});
+});
+function SplitButtonTrigger({ children, className, size, variant, "aria-label": ariaLabel, ...props }) {
+	const context = useSplitButtonContext("SplitButtonTrigger");
+	const resolvedChildren = children ?? /* @__PURE__ */ jsx(ChevronDownIcon, {});
+	return /* @__PURE__ */ jsx(MenuTrigger, {
+		"data-slot": "split-button-trigger",
+		"aria-label": children ? ariaLabel : ariaLabel ?? "More actions",
+		className: mergeClassName(className, SplitButton_module_default.trigger),
+		render: /* @__PURE__ */ jsx(Button, {
+			size: size ?? context.size,
+			variant: variant ?? context.variant
+		}),
+		...props,
+		children: resolvedChildren
+	});
+}
+function SplitButtonContent({ align = "end", sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(MenuContent, {
+		align,
+		sideOffset,
+		...props
+	});
+}
+//#endregion
+export { SplitButton, SplitButtonAction, SplitButtonContent, SplitButtonTrigger };

package/dist/components/SplitButton/SplitButton.module.cjs

@@ -0,0 +1,9 @@
+import './SplitButton.css';
+//#region src/components/SplitButton/SplitButton.module.css
+var SplitButton_module_default = {
+	"action": "_6bYSkW_action",
+	"root": "_6bYSkW_root",
+	"trigger": "_6bYSkW_trigger"
+};
+//#endregion
+exports.default = SplitButton_module_default;

package/dist/components/SplitButton/SplitButton.module.js

@@ -0,0 +1,9 @@
+import './SplitButton.css';
+//#region src/components/SplitButton/SplitButton.module.css
+var SplitButton_module_default = {
+	"action": "_6bYSkW_action",
+	"root": "_6bYSkW_root",
+	"trigger": "_6bYSkW_trigger"
+};
+//#endregion
+export { SplitButton_module_default as default };

package/dist/components/SplitButton/index.d.ts

@@ -0,0 +1 @@
+import { SplitButton, SplitButtonAction, SplitButtonActionProps, SplitButtonContent, SplitButtonContentProps, SplitButtonProps, SplitButtonSize, SplitButtonTrigger, SplitButtonTriggerProps, SplitButtonVariant } from "./SplitButton.js";

package/dist/components/Stack/Stack.cjs

@@ -0,0 +1,27 @@
+const require_Stack_module = require("./Stack.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+//#region src/components/Stack/Stack.tsx
+function Stack({ as: Root = "div", className, style, direction, gap, align, justify, wrap, fill, ...props }) {
+	const responsiveDirection = typeof direction === "string" ? {
+		mobile: direction,
+		desktop: direction
+	} : direction;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Root, {
+		...props,
+		"data-slot": "stack-root",
+		className: (0, clsx.clsx)(require_Stack_module.default.root, className),
+		style: {
+			"--stack-direction-desktop": responsiveDirection?.desktop ?? responsiveDirection?.mobile ?? "column",
+			"--stack-direction-mobile": responsiveDirection?.mobile ?? responsiveDirection?.desktop ?? "column",
+			"--stack-flex": fill ? "1 1 0" : "initial",
+			gap,
+			alignItems: align,
+			justifyContent: justify,
+			flexWrap: wrap,
+			...style
+		}
+	});
+}
+//#endregion
+exports.Stack = Stack;

package/dist/components/Stack/Stack.css

@@ -0,0 +1,13 @@
+@layer ui.components {
+  .PtMr7W_root {
+    flex: var(--stack-flex, initial);
+    flex-direction: var(--stack-direction-mobile, column);
+    display: flex;
+  }
+
+  @media (width >= 640px) {
+    .PtMr7W_root {
+      flex-direction: var(--stack-direction-desktop, var(--stack-direction-mobile, column));
+    }
+  }
+}