@cerberus-design/react 0.0.0-next-bd980a6d9bd07d60e8d7200bd4d56624754e936c

package/dist/components/select/select.d.cts

@@ -0,0 +1,63 @@
+import { SelectRootProps } from './primitives';
+/**
+ * This module contains the Select components.
+ * @module 'react/select'
+ */
+export interface SelectCollectionItem {
+    /**
+     * What is displayed in the dropdown list.
+     */
+    label: string;
+    /**
+     * The value of the selected item used in the form.
+     */
+    value: string;
+    /**
+     * If the item is disabled.
+     */
+    disabled?: boolean;
+}
+export interface SelectCollection {
+    /**
+     * The items to be displayed in the dropdown list.
+     */
+    items: SelectCollectionItem[];
+}
+export interface SelectProps extends Omit<SelectRootProps, 'container'> {
+    /**
+     * The placeholder text when no option is selected.
+     */
+    placeholder?: string;
+}
+/**
+ * The Select component is a dropdown list that allows users to select an
+ * option from a list.
+ * @definition [Select docs](https://cerberus.digitalu.design/react/select)
+ * @definition [ARK docs](https://ark-ui.com/react/docs/components/select)
+ * @example
+ * ```tsx
+ * import { Select, Option, createListCollection } from '@cerberus-design/react'
+ *
+ * export function SelectBasicPreview() {
+ *  const collection = createListCollection({
+ *   items: [
+ *    { label: 'Hades', value: 'hades' },
+ *    { label: 'Persephone', value: 'persephone' },
+ *    { label: 'Zeus', value: 'zeus', disabled: true },
+ *   ]
+ *  })
+ *
+ *  return (
+ *   <Select
+ *    collection={collection}
+ *    label="Select Relative"
+ *    placeholder="Choose option"
+ *   >
+ *   {collection.items.map((item) => (
+ *    <Option key={item.value} item={item} />
+ *   ))}
+ *  </Select>
+ *  )
+ * }
+ */
+export declare function Select(props: SelectProps): import("react").JSX.Element;

package/dist/components/select/select.d.ts

@@ -0,0 +1,63 @@
+import { SelectRootProps } from './primitives';
+/**
+ * This module contains the Select components.
+ * @module 'react/select'
+ */
+export interface SelectCollectionItem {
+    /**
+     * What is displayed in the dropdown list.
+     */
+    label: string;
+    /**
+     * The value of the selected item used in the form.
+     */
+    value: string;
+    /**
+     * If the item is disabled.
+     */
+    disabled?: boolean;
+}
+export interface SelectCollection {
+    /**
+     * The items to be displayed in the dropdown list.
+     */
+    items: SelectCollectionItem[];
+}
+export interface SelectProps extends Omit<SelectRootProps, 'container'> {
+    /**
+     * The placeholder text when no option is selected.
+     */
+    placeholder?: string;
+}
+/**
+ * The Select component is a dropdown list that allows users to select an
+ * option from a list.
+ * @definition [Select docs](https://cerberus.digitalu.design/react/select)
+ * @definition [ARK docs](https://ark-ui.com/react/docs/components/select)
+ * @example
+ * ```tsx
+ * import { Select, Option, createListCollection } from '@cerberus-design/react'
+ *
+ * export function SelectBasicPreview() {
+ *  const collection = createListCollection({
+ *   items: [
+ *    { label: 'Hades', value: 'hades' },
+ *    { label: 'Persephone', value: 'persephone' },
+ *    { label: 'Zeus', value: 'zeus', disabled: true },
+ *   ]
+ *  })
+ *
+ *  return (
+ *   <Select
+ *    collection={collection}
+ *    label="Select Relative"
+ *    placeholder="Choose option"
+ *   >
+ *   {collection.items.map((item) => (
+ *    <Option key={item.value} item={item} />
+ *   ))}
+ *  </Select>
+ *  )
+ * }
+ */
+export declare function Select(props: SelectProps): import("react").JSX.Element;

package/dist/components/select/select.js

@@ -0,0 +1,61 @@
+"use client";
+import { splitProps } from "../../utils/index.js";
+import { Show } from "../show/show.js";
+import { useCerberusContext } from "../../context/cerberus.js";
+import { SelectParts } from "./parts.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { HStack } from "styled-system/jsx";
+//#region src/components/select/select.tsx
+/**
+* The Select component is a dropdown list that allows users to select an
+* option from a list.
+* @definition [Select docs](https://cerberus.digitalu.design/react/select)
+* @definition [ARK docs](https://ark-ui.com/react/docs/components/select)
+* @example
+* ```tsx
+* import { Select, Option, createListCollection } from '@cerberus-design/react'
+*
+* export function SelectBasicPreview() {
+*  const collection = createListCollection({
+*   items: [
+*    { label: 'Hades', value: 'hades' },
+*    { label: 'Persephone', value: 'persephone' },
+*    { label: 'Zeus', value: 'zeus', disabled: true },
+*   ]
+*  })
+*
+*  return (
+*   <Select
+*    collection={collection}
+*    label="Select Relative"
+*    placeholder="Choose option"
+*   >
+*   {collection.items.map((item) => (
+*    <Option key={item.value} item={item} />
+*   ))}
+*  </Select>
+*  )
+* }
+*/
+function Select(props) {
+	const [{ collection, placeholder }, rootProps] = splitProps(props, ["collection", "placeholder"]);
+	const { icons } = useCerberusContext();
+	const { selectArrow: SelectArrow, invalid: InvalidIcon } = icons;
+	return /* @__PURE__ */ jsxs(SelectParts.Root, {
+		collection,
+		...rootProps,
+		children: [
+			/* @__PURE__ */ jsx(SelectParts.Control, { children: /* @__PURE__ */ jsxs(SelectParts.Trigger, { children: [/* @__PURE__ */ jsx(SelectParts.ValueText, { placeholder }), /* @__PURE__ */ jsxs(HStack, { children: [/* @__PURE__ */ jsx(Show, {
+				when: props.invalid,
+				children: /* @__PURE__ */ jsx(InvalidIcon, { "data-part": "invalid-icon" })
+			}), /* @__PURE__ */ jsx(SelectParts.Indicator, { children: /* @__PURE__ */ jsx(SelectArrow, {}) })] })] }) }),
+			/* @__PURE__ */ jsx(SelectParts.Positioner, { children: /* @__PURE__ */ jsx(SelectParts.Content, {
+				size: rootProps.size,
+				children: props.children
+			}) }),
+			/* @__PURE__ */ jsx(SelectParts.HiddenSelect, {})
+		]
+	});
+}
+//#endregion
+export { Select };

package/dist/components/show/index.cjs

@@ -0,0 +1,3 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_show = require("./show.cjs");
+exports.Show = require_show.Show;

package/dist/components/show/index.d.cts

@@ -0,0 +1 @@
+export * from './show';

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

@@ -0,0 +1 @@
+export * from './show';

package/dist/components/show/index.js

@@ -0,0 +1,2 @@
+import { Show } from "./show.js";
+export { Show };

package/dist/components/show/show.cjs

@@ -0,0 +1,23 @@
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/show/show.tsx
+/**
+* Conditionally render a memoized version of the children or optional fallback
+* content.
+* @see https://cerberus.digitalu.design/react/show
+* @example
+* ```tsx
+* <Show when={isLoggedIn} fallback={<Navigate to="/login" />}>
+*   <Dashboard />
+* </Show>
+*/
+function Show(props) {
+	const { when, children, fallback } = props;
+	if (when) {
+		if (typeof children === "function") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: children() });
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
+	}
+	if (fallback) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: fallback });
+	return null;
+}
+//#endregion
+exports.Show = Show;

package/dist/components/show/show.d.cts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+/**
+ * This module contains the Show component.
+ * @module
+ */
+export interface ShowProps<T> {
+    /**
+     * The children to render when the condition is true.
+     * This can be a ReactNode or a function that returns a ReactNode. Passing a
+     * function will lazy render the children only when needed.
+     */
+    children: ReactNode | (() => ReactNode);
+    /**
+     * The condition to render memoized children or the fallback content.
+     */
+    when: T | boolean | null | undefined;
+    /**
+     * The children to render when the condition is false.
+     */
+    fallback?: ReactNode;
+}
+/**
+ * Conditionally render a memoized version of the children or optional fallback
+ * content.
+ * @see https://cerberus.digitalu.design/react/show
+ * @example
+ * ```tsx
+ * <Show when={isLoggedIn} fallback={<Navigate to="/login" />}>
+ *   <Dashboard />
+ * </Show>
+ */
+export declare function Show<T>(props: ShowProps<T>): import("react").JSX.Element | null;

package/dist/components/show/show.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+/**
+ * This module contains the Show component.
+ * @module
+ */
+export interface ShowProps<T> {
+    /**
+     * The children to render when the condition is true.
+     * This can be a ReactNode or a function that returns a ReactNode. Passing a
+     * function will lazy render the children only when needed.
+     */
+    children: ReactNode | (() => ReactNode);
+    /**
+     * The condition to render memoized children or the fallback content.
+     */
+    when: T | boolean | null | undefined;
+    /**
+     * The children to render when the condition is false.
+     */
+    fallback?: ReactNode;
+}
+/**
+ * Conditionally render a memoized version of the children or optional fallback
+ * content.
+ * @see https://cerberus.digitalu.design/react/show
+ * @example
+ * ```tsx
+ * <Show when={isLoggedIn} fallback={<Navigate to="/login" />}>
+ *   <Dashboard />
+ * </Show>
+ */
+export declare function Show<T>(props: ShowProps<T>): import("react").JSX.Element | null;

package/dist/components/show/show.js

@@ -0,0 +1,23 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+//#region src/components/show/show.tsx
+/**
+* Conditionally render a memoized version of the children or optional fallback
+* content.
+* @see https://cerberus.digitalu.design/react/show
+* @example
+* ```tsx
+* <Show when={isLoggedIn} fallback={<Navigate to="/login" />}>
+*   <Dashboard />
+* </Show>
+*/
+function Show(props) {
+	const { when, children, fallback } = props;
+	if (when) {
+		if (typeof children === "function") return /* @__PURE__ */ jsx(Fragment, { children: children() });
+		return /* @__PURE__ */ jsx(Fragment, { children });
+	}
+	if (fallback) return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+	return null;
+}
+//#endregion
+export { Show };

package/dist/components/spinner/index.cjs

@@ -0,0 +1,3 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_spinner = require("./spinner.cjs");
+exports.Spinner = require_spinner.Spinner;

package/dist/components/spinner/index.d.cts

@@ -0,0 +1 @@
+export * from './spinner';

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

@@ -0,0 +1 @@
+export * from './spinner';

package/dist/components/spinner/index.js

@@ -0,0 +1,2 @@
+import { Spinner } from "./spinner.js";
+export { Spinner };

package/dist/components/spinner/spinner.cjs

@@ -0,0 +1,65 @@
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/spinner/spinner.tsx
+/**
+* The Spinner component is used to display a loading indicator. Typically used
+* in buttons, modals, and other components that require a loading state.
+* @see https://cerberus.digitalu.design/react/loading-states/
+* @example
+* ```tsx
+* <Button>
+*   <Show when={loading} fallback={<>Save</>}>
+*      Saving
+*      <Spinner size={24} />
+*   </Show>
+* </Button>
+* ```
+*/
+function Spinner(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		"aria-busy": "true",
+		"data-scope": "spinner",
+		"data-part": "root",
+		role: "status",
+		xmlns: "http://www.w3.org/2000/svg",
+		height: props.size,
+		width: props.size,
+		viewBox: "0 0 24 24",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", {
+			fill: "none",
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("path", {
+				strokeDasharray: 16,
+				strokeDashoffset: 16,
+				d: "M12 3c4.97 0 9 4.03 9 9",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("animate", {
+					fill: "freeze",
+					attributeName: "stroke-dashoffset",
+					dur: "0.15s",
+					values: "16;0"
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("animateTransform", {
+					attributeName: "transform",
+					dur: "0.75s",
+					repeatCount: "indefinite",
+					type: "rotate",
+					values: "0 12 12;360 12 12"
+				})]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				strokeDasharray: 64,
+				strokeDashoffset: 64,
+				strokeOpacity: .3,
+				d: "M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("animate", {
+					fill: "freeze",
+					attributeName: "stroke-dashoffset",
+					dur: "0.6s",
+					values: "64;0"
+				})
+			})]
+		})
+	});
+}
+//#endregion
+exports.Spinner = Spinner;

package/dist/components/spinner/spinner.d.cts

@@ -0,0 +1,25 @@
+/**
+ * This module contains the Spinner component.
+ * @module
+ */
+export interface SpinnerProps {
+    /**
+     * The size of the spinner
+     */
+    size?: number | string;
+}
+/**
+ * The Spinner component is used to display a loading indicator. Typically used
+ * in buttons, modals, and other components that require a loading state.
+ * @see https://cerberus.digitalu.design/react/loading-states/
+ * @example
+ * ```tsx
+ * <Button>
+ *   <Show when={loading} fallback={<>Save</>}>
+ *      Saving
+ *      <Spinner size={24} />
+ *   </Show>
+ * </Button>
+ * ```
+ */
+export declare function Spinner(props: SpinnerProps): import("react").JSX.Element;

package/dist/components/spinner/spinner.d.ts

@@ -0,0 +1,25 @@
+/**
+ * This module contains the Spinner component.
+ * @module
+ */
+export interface SpinnerProps {
+    /**
+     * The size of the spinner
+     */
+    size?: number | string;
+}
+/**
+ * The Spinner component is used to display a loading indicator. Typically used
+ * in buttons, modals, and other components that require a loading state.
+ * @see https://cerberus.digitalu.design/react/loading-states/
+ * @example
+ * ```tsx
+ * <Button>
+ *   <Show when={loading} fallback={<>Save</>}>
+ *      Saving
+ *      <Spinner size={24} />
+ *   </Show>
+ * </Button>
+ * ```
+ */
+export declare function Spinner(props: SpinnerProps): import("react").JSX.Element;

package/dist/components/spinner/spinner.js

@@ -0,0 +1,65 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/spinner/spinner.tsx
+/**
+* The Spinner component is used to display a loading indicator. Typically used
+* in buttons, modals, and other components that require a loading state.
+* @see https://cerberus.digitalu.design/react/loading-states/
+* @example
+* ```tsx
+* <Button>
+*   <Show when={loading} fallback={<>Save</>}>
+*      Saving
+*      <Spinner size={24} />
+*   </Show>
+* </Button>
+* ```
+*/
+function Spinner(props) {
+	return /* @__PURE__ */ jsx("svg", {
+		"aria-busy": "true",
+		"data-scope": "spinner",
+		"data-part": "root",
+		role: "status",
+		xmlns: "http://www.w3.org/2000/svg",
+		height: props.size,
+		width: props.size,
+		viewBox: "0 0 24 24",
+		children: /* @__PURE__ */ jsxs("g", {
+			fill: "none",
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			children: [/* @__PURE__ */ jsxs("path", {
+				strokeDasharray: 16,
+				strokeDashoffset: 16,
+				d: "M12 3c4.97 0 9 4.03 9 9",
+				children: [/* @__PURE__ */ jsx("animate", {
+					fill: "freeze",
+					attributeName: "stroke-dashoffset",
+					dur: "0.15s",
+					values: "16;0"
+				}), /* @__PURE__ */ jsx("animateTransform", {
+					attributeName: "transform",
+					dur: "0.75s",
+					repeatCount: "indefinite",
+					type: "rotate",
+					values: "0 12 12;360 12 12"
+				})]
+			}), /* @__PURE__ */ jsx("path", {
+				strokeDasharray: 64,
+				strokeDashoffset: 64,
+				strokeOpacity: .3,
+				d: "M12 3c4.97 0 9 4.03 9 9c0 4.97 -4.03 9 -9 9c-4.97 0 -9 -4.03 -9 -9c0 -4.97 4.03 -9 9 -9Z",
+				children: /* @__PURE__ */ jsx("animate", {
+					fill: "freeze",
+					attributeName: "stroke-dashoffset",
+					dur: "0.6s",
+					values: "64;0"
+				})
+			})]
+		})
+	});
+}
+//#endregion
+export { Spinner };

package/dist/components/split-button/button.cjs

@@ -0,0 +1,41 @@
+"use client";
+const require_index = require("../../utils/index.cjs");
+const require_cerberus = require("../../context/cerberus.cjs");
+const require_parts = require("../button/parts.cjs");
+const require_primitives = require("../button/primitives.cjs");
+const require_button = require("../icon-button/button.cjs");
+const require_menu = require("../menu/menu.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/split-button/button.tsx
+/**
+* A SplitButton component that combines a primary action button with a
+* dropdown menu for additional actions.
+* @definition [Cerberus docs](https://cerberus.digitalu.designdocs/components/split-button)
+*/
+function SplitButton(props) {
+	const [elProps, { usage = "filled", actionText }, actionProps] = require_index.splitProps(props, ["children"], ["usage", "actionText"]);
+	const { icons } = require_cerberus.useCerberusContext();
+	const { selectArrow: SelectArrow } = icons;
+	const iconShape = (0, react.useMemo)(() => {
+		return actionProps.shape === "rounded" ? "circle" : "square";
+	}, [actionProps.shape]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_primitives.ButtonGroup, {
+		layout: "attached",
+		shape: actionProps.shape,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_parts.ButtonParts.Root, {
+			usage,
+			...actionProps,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.ButtonParts.Icon, {}), actionText]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_menu.Menu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_menu.MenuTrigger, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.IconButton, {
+			ariaLabel: "More options",
+			palette: actionProps.palette,
+			disabled: actionProps.pending,
+			shape: iconShape,
+			usage,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectArrow, {})
+		}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_menu.MenuContent, { children: elProps.children })] })]
+	});
+}
+//#endregion
+exports.SplitButton = SplitButton;

package/dist/components/split-button/button.d.cts

@@ -0,0 +1,18 @@
+import { ButtonProps } from '../button/index';
+import { CerberusPrimitiveProps } from '../../system/types';
+/**
+ * This module provides an abstraction for a SplitButton component.
+ * @module SplitButton
+ */
+export interface SplitButtonProps extends ButtonProps {
+    /** T
+     * he text for the primary action button.
+     */
+    actionText: string;
+}
+/**
+ * A SplitButton component that combines a primary action button with a
+ * dropdown menu for additional actions.
+ * @definition [Cerberus docs](https://cerberus.digitalu.designdocs/components/split-button)
+ */
+export declare function SplitButton(props: CerberusPrimitiveProps<SplitButtonProps>): import("react").JSX.Element;

package/dist/components/split-button/button.d.ts

@@ -0,0 +1,18 @@
+import { ButtonProps } from '../button/index';
+import { CerberusPrimitiveProps } from '../../system/types';
+/**
+ * This module provides an abstraction for a SplitButton component.
+ * @module SplitButton
+ */
+export interface SplitButtonProps extends ButtonProps {
+    /** T
+     * he text for the primary action button.
+     */
+    actionText: string;
+}
+/**
+ * A SplitButton component that combines a primary action button with a
+ * dropdown menu for additional actions.
+ * @definition [Cerberus docs](https://cerberus.digitalu.designdocs/components/split-button)
+ */
+export declare function SplitButton(props: CerberusPrimitiveProps<SplitButtonProps>): import("react").JSX.Element;

package/dist/components/split-button/button.js

@@ -0,0 +1,41 @@
+"use client";
+import { splitProps } from "../../utils/index.js";
+import { useCerberusContext } from "../../context/cerberus.js";
+import { ButtonParts } from "../button/parts.js";
+import { ButtonGroup } from "../button/primitives.js";
+import { IconButton } from "../icon-button/button.js";
+import { Menu, MenuContent, MenuTrigger } from "../menu/menu.js";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/split-button/button.tsx
+/**
+* A SplitButton component that combines a primary action button with a
+* dropdown menu for additional actions.
+* @definition [Cerberus docs](https://cerberus.digitalu.designdocs/components/split-button)
+*/
+function SplitButton(props) {
+	const [elProps, { usage = "filled", actionText }, actionProps] = splitProps(props, ["children"], ["usage", "actionText"]);
+	const { icons } = useCerberusContext();
+	const { selectArrow: SelectArrow } = icons;
+	const iconShape = useMemo(() => {
+		return actionProps.shape === "rounded" ? "circle" : "square";
+	}, [actionProps.shape]);
+	return /* @__PURE__ */ jsxs(ButtonGroup, {
+		layout: "attached",
+		shape: actionProps.shape,
+		children: [/* @__PURE__ */ jsxs(ButtonParts.Root, {
+			usage,
+			...actionProps,
+			children: [/* @__PURE__ */ jsx(ButtonParts.Icon, {}), actionText]
+		}), /* @__PURE__ */ jsxs(Menu, { children: [/* @__PURE__ */ jsx(MenuTrigger, { children: /* @__PURE__ */ jsx(IconButton, {
+			ariaLabel: "More options",
+			palette: actionProps.palette,
+			disabled: actionProps.pending,
+			shape: iconShape,
+			usage,
+			children: /* @__PURE__ */ jsx(SelectArrow, {})
+		}) }), /* @__PURE__ */ jsx(MenuContent, { children: elProps.children })] })]
+	});
+}
+//#endregion
+export { SplitButton };

package/dist/components/split-button/index.d.cts

@@ -0,0 +1 @@
+export * from './button';

package/dist/components/split-button/index.d.ts

@@ -0,0 +1 @@
+export * from './button';

package/dist/components/switch/index.cjs

@@ -0,0 +1,11 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_primitives = require("./primitives.cjs");
+const require_parts = require("./parts.cjs");
+const require_switch = require("./switch.cjs");
+exports.Switch = require_switch.Switch;
+exports.SwitchControl = require_primitives.SwitchControl;
+exports.SwitchHiddenInput = require_primitives.SwitchHiddenInput;
+exports.SwitchLabel = require_primitives.SwitchLabel;
+exports.SwitchParts = require_parts.SwitchParts;
+exports.SwitchRoot = require_primitives.SwitchRoot;
+exports.SwitchThumb = require_primitives.SwitchThumb;

package/dist/components/switch/index.d.cts

@@ -0,0 +1,3 @@
+export * from './parts';
+export * from './primitives';
+export * from './switch';