@kuzenbo/core 0.0.1-alpha.1 → 0.0.1-alpha.3

package/dist/sidebar.d.ts

@@ -0,0 +1,245 @@
+import "./accordion-trigger-B51W3Rdg.js";
+import "./alert-title-W1oau4D6.js";
+import { ButtonProps } from "./button.js";
+import { C as SidebarContent, S as SidebarFooter, _ as SidebarHeader, a as SidebarProvider, b as SidebarGroupAction, c as SidebarMenuSub, d as SidebarMenuButton, f as SidebarMenuBadge, g as SidebarInput, h as SidebarInset, i as SidebarRail, l as SidebarMenuSkeleton, m as SidebarMenu, n as SidebarTrigger, o as SidebarMenuSubItem, p as SidebarMenuAction, r as SidebarSeparator, s as SidebarMenuSubButton, t as useSidebar, u as SidebarMenuItem, v as SidebarGroupLabel, x as SidebarGroup, y as SidebarGroupContent } from "./use-sidebar-CYBPR0ue.js";
+import "./announcement-title-3cikJ44S.js";
+import "./autocomplete-value-DUN1Jprs.js";
+import "./avatar-image-DPunh5Hd.js";
+import "./breadcrumb-separator-C6zfQJ5p.js";
+import { SeparatorProps } from "./separator.js";
+import "./card-title-Dk0akcFR.js";
+import "./collapsible-trigger-DjL8pGgf.js";
+import "./use-combobox-anchor-DKwvfnFx.js";
+import "./dialog-trigger-B5HeOikl.js";
+import "./context-menu-trigger-DHPhlnvV.js";
+import "./drawer-viewport-DejmWgmc.js";
+import "./dropdown-menu-trigger-DEdnOFwc.js";
+import "./dropzone-context-DNiJThhB.js";
+import "./emoji-picker-skin-tone-selector-amzh0Wk6.js";
+import "./empty-title-CcQlXOlP.js";
+import "./hover-card-trigger-CRzFaoL4.js";
+import { InputProps } from "./input.js";
+import "./input-otp-slot-B19cyjk_.js";
+import "./kbd-group-PUw0yaIv.js";
+import "./marquee-item-BCswidMf.js";
+import "./menubar-trigger-Gx-lmpr9.js";
+import "./meter-value-FRDEI8VE.js";
+import "./navigation-menu-trigger-ryYftbUl.js";
+import "./number-field-scrub-area-cursor-BIS4ObSL.js";
+import "./pagination-previous-NpFopV3e.js";
+import "./pill-status-BS75xd9Z.js";
+import "./popover-trigger-C8pR26Xp.js";
+import "./progress-value-BGhNh_xb.js";
+import "./radio-group-item-DCXseC2o.js";
+import "./rating-star-CxVJUZmc.js";
+import "./resizable-panel-D4Brid-G.js";
+import "./scroll-bar-L-sXig2v.js";
+import "./select-value-D8pFrPKG.js";
+import "./sheet-trigger-B_N_tXmj.js";
+import "./tooltip-trigger-B43yfWhK.js";
+import "./table-row-BSEIkZEJ.js";
+import "./tabs-trigger-ChutNdGI.js";
+import "./use-timeline-Dcj9DR0I.js";
+import "./toggle-group-item-CrPxpOF5.js";
+import "./toolbar-separator-DbkRIfIA.js";
+import "./typography-ul-Dy8wQB_p.js";
+import "./index.js";
+import * as tailwind_variants0 from "tailwind-variants";
+import * as react from "react";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _base_ui_react0 from "@base-ui/react";
+
+//#region src/ui/sidebar/sidebar.d.ts
+declare const Sidebar: {
+  ({
+    side,
+    variant,
+    collapsible,
+    className,
+    children,
+    ...props
+  }: ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offExamples" | "icon" | "none";
+  }): react_jsx_runtime0.JSX.Element;
+  Content: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Footer: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Group: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  GroupAction: ({
+    className,
+    render,
+    ...props
+  }: _base_ui_react0.useRender.ComponentProps<"button"> & ComponentProps<"button">) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  GroupContent: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  GroupLabel: ({
+    className,
+    render,
+    ...props
+  }: _base_ui_react0.useRender.ComponentProps<"div"> & ComponentProps<"div">) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  Header: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  Input: ({
+    className,
+    ...props
+  }: ComponentProps<({
+    className,
+    type,
+    ...props
+  }: InputProps) => react_jsx_runtime0.JSX.Element>) => react_jsx_runtime0.JSX.Element;
+  Inset: ({
+    className,
+    ...props
+  }: ComponentProps<"main">) => react_jsx_runtime0.JSX.Element;
+  Menu: ({
+    className,
+    ...props
+  }: ComponentProps<"ul">) => react_jsx_runtime0.JSX.Element;
+  MenuAction: ({
+    className,
+    render,
+    showOnHover,
+    ...props
+  }: _base_ui_react0.useRender.ComponentProps<"button"> & ComponentProps<"button"> & {
+    showOnHover?: boolean;
+  }) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  MenuBadge: ({
+    className,
+    ...props
+  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  MenuButton: ({
+    render,
+    isActive,
+    variant,
+    size,
+    tooltip,
+    className,
+    ...props
+  }: _base_ui_react0.useRender.ComponentProps<"button"> & ComponentProps<"button"> & {
+    isActive?: boolean;
+    tooltip?: string | ComponentProps<({
+      className,
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      children,
+      ...props
+    }: _base_ui_react0.TooltipPopup.Props & Pick<_base_ui_react0.TooltipPositioner.Props, "align" | "alignOffset" | "side" | "sideOffset">) => react_jsx_runtime0.JSX.Element>;
+  } & tailwind_variants0.VariantProps<tailwind_variants0.TVReturnType<{
+    variant: {
+      default: string;
+      outline: string;
+    };
+    size: {
+      default: string;
+      sm: string;
+      lg: string;
+    };
+  }, undefined, "peer/menu-button group/menu-button flex w-full cursor-pointer items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate", {
+    variant: {
+      default: string;
+      outline: string;
+    };
+    size: {
+      default: string;
+      sm: string;
+      lg: string;
+    };
+  }, undefined, tailwind_variants0.TVReturnType<{
+    variant: {
+      default: string;
+      outline: string;
+    };
+    size: {
+      default: string;
+      sm: string;
+      lg: string;
+    };
+  }, undefined, "peer/menu-button group/menu-button flex w-full cursor-pointer items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-active:bg-sidebar-accent data-active:font-medium data-active:text-sidebar-accent-foreground data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate", unknown, unknown, undefined>>>) => react_jsx_runtime0.JSX.Element;
+  MenuItem: ({
+    className,
+    ...props
+  }: ComponentProps<"li">) => react_jsx_runtime0.JSX.Element;
+  MenuSkeleton: ({
+    className,
+    showIcon,
+    ...props
+  }: ComponentProps<"div"> & {
+    showIcon?: boolean;
+  }) => react_jsx_runtime0.JSX.Element;
+  MenuSub: ({
+    className,
+    ...props
+  }: ComponentProps<"ul">) => react_jsx_runtime0.JSX.Element;
+  MenuSubButton: ({
+    render,
+    size,
+    isActive,
+    className,
+    ...props
+  }: _base_ui_react0.useRender.ComponentProps<"a"> & ComponentProps<"a"> & {
+    size?: "sm" | "md";
+    isActive?: boolean;
+  }) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+  MenuSubItem: ({
+    className,
+    ...props
+  }: ComponentProps<"li">) => react_jsx_runtime0.JSX.Element;
+  Provider: ({
+    defaultOpen,
+    open: openProp,
+    onOpenChange: setOpenProp,
+    className,
+    style,
+    children,
+    ...props
+  }: ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+  }) => react_jsx_runtime0.JSX.Element;
+  Rail: ({
+    className,
+    ...props
+  }: ComponentProps<"button">) => react_jsx_runtime0.JSX.Element;
+  Separator: ({
+    className,
+    ...props
+  }: ComponentProps<({
+    className,
+    orientation,
+    ...props
+  }: SeparatorProps) => react_jsx_runtime0.JSX.Element>) => react_jsx_runtime0.JSX.Element;
+  Trigger: ({
+    className,
+    onClick,
+    ...props
+  }: ComponentProps<({
+    className,
+    variant,
+    size,
+    isLoading,
+    children,
+    disabled,
+    ...props
+  }: ButtonProps) => react_jsx_runtime0.JSX.Element>) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };
+//# sourceMappingURL=sidebar.d.ts.map

package/dist/sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","names":[],"sources":["../src/ui/sidebar/sidebar.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAoCM,OAAA;EAAA;;;;;;;KAOH,cAAA;IACD,IAAA;IACA,OAAA;IACA,WAAA;EAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAOsC,cAAA;MAAA,SAAA;MAAA,IAAA;MAAA,UAAA;MAAA,KAAA;MAAA,WAAA;MAAA,QAAA;MAAA,GAAA;IAAA,GAAA,eAAA,CAAA,YAAA,CAAA,KAAA,GAAA,IAAA,CAAA,eAAA,CAAA,iBAAA,CAAA,KAAA,uDAAA,kBAAA,CAAA,GAAA,CAAA,OAAA;EAAA;;;;;;;;;;;;;;;;;;;;gBAAA,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAnCH,IAAA;EAAA"}

package/dist/sidebar.js

@@ -0,0 +1,84 @@
+import { a as SheetDescription, n as SheetTitle, o as SheetContent, r as SheetHeader } from "./sheet-trigger-CkQbW5Y7.js";
+import { Sheet } from "./sheet.js";
+import { C as SidebarContent, S as SidebarFooter, _ as SidebarHeader, a as SidebarMenuSubItem, b as SidebarGroupAction, c as SidebarMenuSkeleton, d as useSidebar, f as SidebarMenuBadge, g as SidebarInput, h as SidebarInset, i as SidebarProvider, l as SidebarMenuItem, m as SidebarMenu, n as SidebarSeparator, o as SidebarMenuSubButton, p as SidebarMenuAction, r as SidebarRail, s as SidebarMenuSub, t as SidebarTrigger, u as SidebarMenuButton, v as SidebarGroupLabel, w as SIDEBAR_WIDTH_MOBILE, x as SidebarGroup, y as SidebarGroupContent } from "./sidebar-trigger-C_fOu1p2.js";
+import { cn } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/ui/sidebar/sidebar.tsx
+const Sidebar = ({ side = "left", variant = "sidebar", collapsible = "offExamples", className, children, ...props }) => {
+	const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+	if (collapsible === "none") return /* @__PURE__ */ jsx("div", {
+		className: cn("flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground", className),
+		"data-slot": "sidebar",
+		...props,
+		children
+	});
+	if (isMobile) return /* @__PURE__ */ jsx(Sheet, {
+		onOpenChange: setOpenMobile,
+		open: openMobile,
+		...props,
+		children: /* @__PURE__ */ jsxs(SheetContent, {
+			className: "w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
+			"data-mobile": "true",
+			"data-sidebar": "sidebar",
+			"data-slot": "sidebar",
+			side,
+			style: { "--sidebar-width": SIDEBAR_WIDTH_MOBILE },
+			children: [/* @__PURE__ */ jsxs(SheetHeader, {
+				className: "sr-only",
+				children: [/* @__PURE__ */ jsx(SheetTitle, { children: "Sidebar" }), /* @__PURE__ */ jsx(SheetDescription, { children: "Displays the mobile sidebar." })]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "flex h-full w-full flex-col",
+				children
+			})]
+		})
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "group peer hidden text-sidebar-foreground md:block",
+		"data-collapsible": state === "collapsed" ? collapsible : "",
+		"data-side": side,
+		"data-slot": "sidebar",
+		"data-state": state,
+		"data-variant": variant,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: cn("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offExamples]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"),
+			"data-slot": "sidebar-gap"
+		}), /* @__PURE__ */ jsx("div", {
+			className: cn("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex", side === "left" ? "left-0 group-data-[collapsible=offExamples]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offExamples]:right-[calc(var(--sidebar-width)*-1)]", variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", className),
+			"data-slot": "sidebar-container",
+			...props,
+			children: /* @__PURE__ */ jsx("div", {
+				className: "flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border",
+				"data-sidebar": "sidebar",
+				"data-slot": "sidebar-inner",
+				children
+			})
+		})]
+	});
+};
+Sidebar.Content = SidebarContent;
+Sidebar.Footer = SidebarFooter;
+Sidebar.Group = SidebarGroup;
+Sidebar.GroupAction = SidebarGroupAction;
+Sidebar.GroupContent = SidebarGroupContent;
+Sidebar.GroupLabel = SidebarGroupLabel;
+Sidebar.Header = SidebarHeader;
+Sidebar.Input = SidebarInput;
+Sidebar.Inset = SidebarInset;
+Sidebar.Menu = SidebarMenu;
+Sidebar.MenuAction = SidebarMenuAction;
+Sidebar.MenuBadge = SidebarMenuBadge;
+Sidebar.MenuButton = SidebarMenuButton;
+Sidebar.MenuItem = SidebarMenuItem;
+Sidebar.MenuSkeleton = SidebarMenuSkeleton;
+Sidebar.MenuSub = SidebarMenuSub;
+Sidebar.MenuSubButton = SidebarMenuSubButton;
+Sidebar.MenuSubItem = SidebarMenuSubItem;
+Sidebar.Provider = SidebarProvider;
+Sidebar.Rail = SidebarRail;
+Sidebar.Separator = SidebarSeparator;
+Sidebar.Trigger = SidebarTrigger;
+
+//#endregion
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };
+//# sourceMappingURL=sidebar.js.map

package/dist/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","names":[],"sources":["../src/ui/sidebar/sidebar.tsx"],"sourcesContent":["import type { ComponentProps, CSSProperties } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from \"../sheet/sheet\";\nimport { SIDEBAR_WIDTH_MOBILE } from \"./constants\";\nimport { SidebarContent } from \"./sidebar-content\";\nimport { SidebarFooter } from \"./sidebar-footer\";\nimport { SidebarGroup } from \"./sidebar-group\";\nimport { SidebarGroupAction } from \"./sidebar-group-action\";\nimport { SidebarGroupContent } from \"./sidebar-group-content\";\nimport { SidebarGroupLabel } from \"./sidebar-group-label\";\nimport { SidebarHeader } from \"./sidebar-header\";\nimport { SidebarInput } from \"./sidebar-input\";\nimport { SidebarInset } from \"./sidebar-inset\";\nimport { SidebarMenu } from \"./sidebar-menu\";\nimport { SidebarMenuAction } from \"./sidebar-menu-action\";\nimport { SidebarMenuBadge } from \"./sidebar-menu-badge\";\nimport { SidebarMenuButton } from \"./sidebar-menu-button\";\nimport { SidebarMenuItem } from \"./sidebar-menu-item\";\nimport { SidebarMenuSkeleton } from \"./sidebar-menu-skeleton\";\nimport { SidebarMenuSub } from \"./sidebar-menu-sub\";\nimport { SidebarMenuSubButton } from \"./sidebar-menu-sub-button\";\nimport { SidebarMenuSubItem } from \"./sidebar-menu-sub-item\";\nimport { SidebarProvider } from \"./sidebar-provider\";\nimport { SidebarRail } from \"./sidebar-rail\";\nimport { SidebarSeparator } from \"./sidebar-separator\";\nimport { SidebarTrigger } from \"./sidebar-trigger\";\nimport { useSidebar } from \"./use-sidebar\";\n\nconst Sidebar = ({\n  side = \"left\",\n  variant = \"sidebar\",\n  collapsible = \"offExamples\",\n  className,\n  children,\n  ...props\n}: ComponentProps<\"div\"> & {\n  side?: \"left\" | \"right\";\n  variant?: \"sidebar\" | \"floating\" | \"inset\";\n  collapsible?: \"offExamples\" | \"icon\" | \"none\";\n}) => {\n  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();\n\n  if (collapsible === \"none\") {\n    return (\n      <div\n        className={cn(\n          \"flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground\",\n          className\n        )}\n        data-slot=\"sidebar\"\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n\n  if (isMobile) {\n    return (\n      <Sheet onOpenChange={setOpenMobile} open={openMobile} {...props}>\n        <SheetContent\n          className=\"w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden\"\n          data-mobile=\"true\"\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar\"\n          side={side}\n          style={\n            {\n              \"--sidebar-width\": SIDEBAR_WIDTH_MOBILE,\n            } as CSSProperties\n          }\n        >\n          <SheetHeader className=\"sr-only\">\n            <SheetTitle>Sidebar</SheetTitle>\n            <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n          </SheetHeader>\n          <div className=\"flex h-full w-full flex-col\">{children}</div>\n        </SheetContent>\n      </Sheet>\n    );\n  }\n\n  return (\n    <div\n      className=\"group peer hidden text-sidebar-foreground md:block\"\n      data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n      data-side={side}\n      data-slot=\"sidebar\"\n      data-state={state}\n      data-variant={variant}\n    >\n      {/* This is what handles the sidebar gap on desktop */}\n      <div\n        className={cn(\n          \"relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear\",\n          \"group-data-[collapsible=offExamples]:w-0\",\n          \"group-data-[side=right]:rotate-180\",\n          variant === \"floating\" || variant === \"inset\"\n            ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n            : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\"\n        )}\n        data-slot=\"sidebar-gap\"\n      />\n      <div\n        className={cn(\n          \"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex\",\n          side === \"left\"\n            ? \"left-0 group-data-[collapsible=offExamples]:left-[calc(var(--sidebar-width)*-1)]\"\n            : \"right-0 group-data-[collapsible=offExamples]:right-[calc(var(--sidebar-width)*-1)]\",\n          // Adjust the padding for floating and inset variants.\n          variant === \"floating\" || variant === \"inset\"\n            ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n            : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n          className\n        )}\n        data-slot=\"sidebar-container\"\n        {...props}\n      >\n        <div\n          className=\"flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border\"\n          data-sidebar=\"sidebar\"\n          data-slot=\"sidebar-inner\"\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSidebar.Content = SidebarContent;\nSidebar.Footer = SidebarFooter;\nSidebar.Group = SidebarGroup;\nSidebar.GroupAction = SidebarGroupAction;\nSidebar.GroupContent = SidebarGroupContent;\nSidebar.GroupLabel = SidebarGroupLabel;\nSidebar.Header = SidebarHeader;\nSidebar.Input = SidebarInput;\nSidebar.Inset = SidebarInset;\nSidebar.Menu = SidebarMenu;\nSidebar.MenuAction = SidebarMenuAction;\nSidebar.MenuBadge = SidebarMenuBadge;\nSidebar.MenuButton = SidebarMenuButton;\nSidebar.MenuItem = SidebarMenuItem;\nSidebar.MenuSkeleton = SidebarMenuSkeleton;\nSidebar.MenuSub = SidebarMenuSub;\nSidebar.MenuSubButton = SidebarMenuSubButton;\nSidebar.MenuSubItem = SidebarMenuSubItem;\nSidebar.Provider = SidebarProvider;\nSidebar.Rail = SidebarRail;\nSidebar.Separator = SidebarSeparator;\nSidebar.Trigger = SidebarTrigger;\n\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n  SidebarRail,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar,\n};\n"],"mappings":";;;;;;;AAoCA,MAAM,WAAW,EACf,OAAO,QACP,UAAU,WACV,cAAc,eACd,WACA,UACA,GAAG,YAKC;CACJ,MAAM,EAAE,UAAU,OAAO,YAAY,kBAAkB,YAAY;AAEnE,KAAI,gBAAgB,OAClB,QACE,oBAAC;EACC,WAAW,GACT,+EACA,UACD;EACD,aAAU;EACV,GAAI;EAEH;GACG;AAIV,KAAI,SACF,QACE,oBAAC;EAAM,cAAc;EAAe,MAAM;EAAY,GAAI;YACxD,qBAAC;GACC,WAAU;GACV,eAAY;GACZ,gBAAa;GACb,aAAU;GACJ;GACN,OACE,EACE,mBAAmB,sBACpB;cAGH,qBAAC;IAAY,WAAU;eACrB,oBAAC,wBAAW,YAAoB,EAChC,oBAAC,8BAAiB,iCAA+C;KACrD,EACd,oBAAC;IAAI,WAAU;IAA+B;KAAe;IAChD;GACT;AAIZ,QACE,qBAAC;EACC,WAAU;EACV,oBAAkB,UAAU,cAAc,cAAc;EACxD,aAAW;EACX,aAAU;EACV,cAAY;EACZ,gBAAc;aAGd,oBAAC;GACC,WAAW,GACT,2FACA,4CACA,sCACA,YAAY,cAAc,YAAY,UAClC,qFACA,yDACL;GACD,aAAU;IACV,EACF,oBAAC;GACC,WAAW,GACT,wHACA,SAAS,SACL,qFACA,sFAEJ,YAAY,cAAc,YAAY,UAClC,6FACA,2HACJ,UACD;GACD,aAAU;GACV,GAAI;aAEJ,oBAAC;IACC,WAAU;IACV,gBAAa;IACb,aAAU;IAET;KACG;IACF;GACF;;AAIV,QAAQ,UAAU;AAClB,QAAQ,SAAS;AACjB,QAAQ,QAAQ;AAChB,QAAQ,cAAc;AACtB,QAAQ,eAAe;AACvB,QAAQ,aAAa;AACrB,QAAQ,SAAS;AACjB,QAAQ,QAAQ;AAChB,QAAQ,QAAQ;AAChB,QAAQ,OAAO;AACf,QAAQ,aAAa;AACrB,QAAQ,YAAY;AACpB,QAAQ,aAAa;AACrB,QAAQ,WAAW;AACnB,QAAQ,eAAe;AACvB,QAAQ,UAAU;AAClB,QAAQ,gBAAgB;AACxB,QAAQ,cAAc;AACtB,QAAQ,WAAW;AACnB,QAAQ,OAAO;AACf,QAAQ,YAAY;AACpB,QAAQ,UAAU"}

package/dist/skeleton.d.ts

@@ -0,0 +1,12 @@
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/skeleton/skeleton.d.ts
+type SkeletonProps = ComponentProps<"div">;
+declare const Skeleton: ({
+  className,
+  ...props
+}: SkeletonProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Skeleton, SkeletonProps };
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","names":[],"sources":["../src/ui/skeleton/skeleton.tsx"],"mappings":";;;;KAIY,aAAA,GAAgB,cAAA;AAAA,cAEtB,QAAA;EAAY,SAAA;EAAA,GAAA;AAAA,GAAyB,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/skeleton.js

@@ -0,0 +1,13 @@
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ui/skeleton/skeleton.tsx
+const Skeleton = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("animate-pulse rounded-md bg-muted", className),
+	"data-slot": "skeleton",
+	...props
+});
+
+//#endregion
+export { Skeleton };
+//# sourceMappingURL=skeleton.js.map

package/dist/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","names":[],"sources":["../src/ui/skeleton/skeleton.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nexport type SkeletonProps = ComponentProps<\"div\">;\n\nconst Skeleton = ({ className, ...props }: SkeletonProps) => (\n  <div\n    className={cn(\"animate-pulse rounded-md bg-muted\", className)}\n    data-slot=\"skeleton\"\n    {...props}\n  />\n);\n\nexport { Skeleton };\n"],"mappings":";;;;AAMA,MAAM,YAAY,EAAE,WAAW,GAAG,YAChC,oBAAC;CACC,WAAW,GAAG,qCAAqC,UAAU;CAC7D,aAAU;CACV,GAAI;EACJ"}

package/dist/slider.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Slider as Slider$1 } from "@base-ui/react/slider";
+
+//#region src/ui/slider/slider.d.ts
+type SliderProps = Slider$1.Root.Props;
+declare const Slider: ({
+  className,
+  defaultValue,
+  value,
+  min,
+  max,
+  ...props
+}: SliderProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Slider, SliderProps };
+//# sourceMappingURL=slider.d.ts.map

package/dist/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","names":[],"sources":["../src/ui/slider/slider.tsx"],"mappings":";;;;KAMY,WAAA,GAAc,QAAA,CAAgB,IAAA,CAAK,KAAA;AAAA,cAEzC,MAAA;EAAU,SAAA;EAAA,YAAA;EAAA,KAAA;EAAA,GAAA;EAAA,GAAA;EAAA,GAAA;AAAA,GAOb,WAAA,KAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/slider.js

@@ -0,0 +1,48 @@
+"use client";
+
+import { cn } from "tailwind-variants";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Slider as Slider$1 } from "@base-ui/react/slider";
+
+//#region src/ui/slider/slider.tsx
+const Slider = ({ className, defaultValue, value, min = 0, max = 100, ...props }) => {
+	const _values = useMemo(() => {
+		if (Array.isArray(value)) return value;
+		if (Array.isArray(defaultValue)) return defaultValue;
+		return [min, max];
+	}, [
+		value,
+		defaultValue,
+		min,
+		max
+	]);
+	return /* @__PURE__ */ jsx(Slider$1.Root, {
+		className: "data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full",
+		"data-slot": "slider",
+		defaultValue,
+		max,
+		min,
+		thumbAlignment: "edge",
+		value,
+		...props,
+		children: /* @__PURE__ */ jsxs(Slider$1.Control, {
+			className: cn("relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", className),
+			children: [/* @__PURE__ */ jsx(Slider$1.Track, {
+				className: "relative overflow-hidden rounded-sm bg-muted select-none data-[orientation=horizontal]:h-4 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-9",
+				"data-slot": "slider-track",
+				children: /* @__PURE__ */ jsx(Slider$1.Indicator, {
+					className: "rounded-sm bg-primary select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full",
+					"data-slot": "slider-range"
+				})
+			}), Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ jsx(Slider$1.Thumb, {
+				className: "relative block h-5 w-5 shrink-0 cursor-pointer rounded-sm border border-ring/20 bg-white shadow-md ring-ring/50 transition-[color,box-shadow] select-none hover:ring-[3px] focus-visible:ring-[3px] focus-visible:outline-hidden active:ring-[3px] disabled:pointer-events-none disabled:opacity-50",
+				"data-slot": "slider-thumb"
+			}, index))]
+		})
+	});
+};
+
+//#endregion
+export { Slider };
+//# sourceMappingURL=slider.js.map

package/dist/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","names":["SliderPrimitive"],"sources":["../src/ui/slider/slider.tsx"],"sourcesContent":["\"use client\";\n\nimport { Slider as SliderPrimitive } from \"@base-ui/react/slider\";\nimport { useMemo } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nexport type SliderProps = SliderPrimitive.Root.Props;\n\nconst Slider = ({\n  className,\n  defaultValue,\n  value,\n  min = 0,\n  max = 100,\n  ...props\n}: SliderProps) => {\n  const _values = useMemo(() => {\n    if (Array.isArray(value)) {\n      return value;\n    }\n    if (Array.isArray(defaultValue)) {\n      return defaultValue;\n    }\n    return [min, max];\n  }, [value, defaultValue, min, max]);\n\n  return (\n    <SliderPrimitive.Root\n      className=\"data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full\"\n      data-slot=\"slider\"\n      defaultValue={defaultValue}\n      max={max}\n      min={min}\n      thumbAlignment=\"edge\"\n      value={value}\n      {...props}\n    >\n      <SliderPrimitive.Control\n        className={cn(\n          \"relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-40 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col\",\n          className\n        )}\n      >\n        <SliderPrimitive.Track\n          className=\"relative overflow-hidden rounded-sm bg-muted select-none data-[orientation=horizontal]:h-4 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-9\"\n          data-slot=\"slider-track\"\n        >\n          <SliderPrimitive.Indicator\n            className=\"rounded-sm bg-primary select-none data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full\"\n            data-slot=\"slider-range\"\n          />\n        </SliderPrimitive.Track>\n        {Array.from({ length: _values.length }, (_, index) => (\n          <SliderPrimitive.Thumb\n            className=\"relative block h-5 w-5 shrink-0 cursor-pointer rounded-sm border border-ring/20 bg-white shadow-md ring-ring/50 transition-[color,box-shadow] select-none hover:ring-[3px] focus-visible:ring-[3px] focus-visible:outline-hidden active:ring-[3px] disabled:pointer-events-none disabled:opacity-50\"\n            data-slot=\"slider-thumb\"\n            key={index}\n          />\n        ))}\n      </SliderPrimitive.Control>\n    </SliderPrimitive.Root>\n  );\n};\n\nexport { Slider };\n"],"mappings":";;;;;;;;AAQA,MAAM,UAAU,EACd,WACA,cACA,OACA,MAAM,GACN,MAAM,KACN,GAAG,YACc;CACjB,MAAM,UAAU,cAAc;AAC5B,MAAI,MAAM,QAAQ,MAAM,CACtB,QAAO;AAET,MAAI,MAAM,QAAQ,aAAa,CAC7B,QAAO;AAET,SAAO,CAAC,KAAK,IAAI;IAChB;EAAC;EAAO;EAAc;EAAK;EAAI,CAAC;AAEnC,QACE,oBAACA,SAAgB;EACf,WAAU;EACV,aAAU;EACI;EACT;EACA;EACL,gBAAe;EACR;EACP,GAAI;YAEJ,qBAACA,SAAgB;GACf,WAAW,GACT,qOACA,UACD;cAED,oBAACA,SAAgB;IACf,WAAU;IACV,aAAU;cAEV,oBAACA,SAAgB;KACf,WAAU;KACV,aAAU;MACV;KACoB,EACvB,MAAM,KAAK,EAAE,QAAQ,QAAQ,QAAQ,GAAG,GAAG,UAC1C,oBAACA,SAAgB;IACf,WAAU;IACV,aAAU;MACL,MACL,CACF;IACsB;GACL"}

package/dist/spacer.d.ts

@@ -0,0 +1,19 @@
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/spacer/spacer.d.ts
+type SpacerOrientation = "horizontal" | "vertical";
+type SpacerProps = ComponentProps<"div"> & {
+  orientation?: SpacerOrientation;
+  size?: string | number;
+};
+declare const Spacer: ({
+  orientation,
+  size,
+  style,
+  className,
+  ...props
+}: SpacerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Spacer, SpacerOrientation, SpacerProps };
+//# sourceMappingURL=spacer.d.ts.map

package/dist/spacer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacer.d.ts","names":[],"sources":["../src/ui/spacer/spacer.tsx"],"mappings":";;;;KAMY,iBAAA;AAAA,KAEA,WAAA,GAAc,cAAA;EACxB,WAAA,GAAc,iBAAA;EACd,IAAA;AAAA;AAAA,cAGW,MAAA;EAAU,WAAA;EAAA,IAAA;EAAA,KAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAMpB,WAAA,KAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/spacer.js

@@ -0,0 +1,26 @@
+"use client";
+
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ui/spacer/spacer.tsx
+const Spacer = ({ orientation = "horizontal", size, style = {}, className, ...props }) => {
+	const computedStyle = {
+		...style,
+		...orientation === "horizontal" && !size && { flex: 1 },
+		...size && {
+			width: orientation === "vertical" ? "1px" : size,
+			height: orientation === "horizontal" ? "1px" : size
+		}
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(className),
+		"data-slot": "spacer",
+		style: computedStyle,
+		...props
+	});
+};
+
+//#endregion
+export { Spacer };
+//# sourceMappingURL=spacer.js.map

package/dist/spacer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacer.js","names":[],"sources":["../src/ui/spacer/spacer.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nexport type SpacerOrientation = \"horizontal\" | \"vertical\";\n\nexport type SpacerProps = ComponentProps<\"div\"> & {\n  orientation?: SpacerOrientation;\n  size?: string | number;\n};\n\nexport const Spacer = ({\n  orientation = \"horizontal\",\n  size,\n  style = {},\n  className,\n  ...props\n}: SpacerProps) => {\n  const computedStyle = {\n    ...style,\n    ...(orientation === \"horizontal\" && !size && { flex: 1 }),\n    ...(size && {\n      width: orientation === \"vertical\" ? \"1px\" : size,\n      height: orientation === \"horizontal\" ? \"1px\" : size,\n    }),\n  };\n\n  return (\n    <div\n      className={cn(className)}\n      data-slot=\"spacer\"\n      style={computedStyle}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;;;AAaA,MAAa,UAAU,EACrB,cAAc,cACd,MACA,QAAQ,EAAE,EACV,WACA,GAAG,YACc;CACjB,MAAM,gBAAgB;EACpB,GAAG;EACH,GAAI,gBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG;EACxD,GAAI,QAAQ;GACV,OAAO,gBAAgB,aAAa,QAAQ;GAC5C,QAAQ,gBAAgB,eAAe,QAAQ;GAChD;EACF;AAED,QACE,oBAAC;EACC,WAAW,GAAG,UAAU;EACxB,aAAU;EACV,OAAO;EACP,GAAI;GACJ"}

package/dist/spinner.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/spinner/spinner.d.ts
+type SpinnerProps = ComponentProps<"svg">;
+declare const Spinner: ({
+  className,
+  strokeWidth,
+  ...props
+}: SpinnerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Spinner, SpinnerProps };
+//# sourceMappingURL=spinner.d.ts.map

package/dist/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","names":[],"sources":["../src/ui/spinner/spinner.tsx"],"mappings":";;;;KAMY,YAAA,GAAe,cAAA;AAAA,cAErB,OAAA;EAAW,SAAA;EAAA,WAAA;EAAA,GAAA;AAAA,GAA0C,YAAA,KAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/spinner.js

@@ -0,0 +1,18 @@
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { Loading03Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+
+//#region src/ui/spinner/spinner.tsx
+const Spinner = ({ className, strokeWidth = 2, ...props }) => /* @__PURE__ */ jsx(HugeiconsIcon, {
+	"aria-label": "Loading",
+	className: cn("size-4 animate-spin", className),
+	icon: Loading03Icon,
+	role: "status",
+	strokeWidth: typeof strokeWidth === "string" ? Number(strokeWidth) : strokeWidth,
+	...props
+});
+
+//#endregion
+export { Spinner };
+//# sourceMappingURL=spinner.js.map

package/dist/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","names":[],"sources":["../src/ui/spinner/spinner.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { Loading03Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn } from \"tailwind-variants\";\n\nexport type SpinnerProps = ComponentProps<\"svg\">;\n\nconst Spinner = ({ className, strokeWidth = 2, ...props }: SpinnerProps) => (\n  <HugeiconsIcon\n    aria-label=\"Loading\"\n    className={cn(\"size-4 animate-spin\", className)}\n    icon={Loading03Icon}\n    role=\"status\"\n    strokeWidth={\n      typeof strokeWidth === \"string\" ? Number(strokeWidth) : strokeWidth\n    }\n    {...props}\n  />\n);\n\nexport { Spinner };\n"],"mappings":";;;;;;AAQA,MAAM,WAAW,EAAE,WAAW,cAAc,GAAG,GAAG,YAChD,oBAAC;CACC,cAAW;CACX,WAAW,GAAG,uBAAuB,UAAU;CAC/C,MAAM;CACN,MAAK;CACL,aACE,OAAO,gBAAgB,WAAW,OAAO,YAAY,GAAG;CAE1D,GAAI;EACJ"}

package/dist/switch.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Switch as Switch$1 } from "@base-ui/react/switch";
+
+//#region src/ui/switch/switch.d.ts
+type SwitchProps = Switch$1.Root.Props & {
+  size?: "sm" | "default";
+};
+declare const Switch: ({
+  className,
+  size,
+  ...props
+}: SwitchProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Switch, SwitchProps };
+//# sourceMappingURL=switch.d.ts.map

package/dist/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","names":[],"sources":["../src/ui/switch/switch.tsx"],"mappings":";;;;KAKY,WAAA,GAAc,QAAA,CAAgB,IAAA,CAAK,KAAA;EAC7C,IAAA;AAAA;AAAA,cAGI,MAAA;EAAU,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA2C,WAAA,KAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/switch.js

@@ -0,0 +1,21 @@
+"use client";
+
+import { cn } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { Switch as Switch$1 } from "@base-ui/react/switch";
+
+//#region src/ui/switch/switch.tsx
+const Switch = ({ className, size = "default", ...props }) => /* @__PURE__ */ jsx(Switch$1.Root, {
+	className: cn("peer group/switch relative inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 data-checked:bg-primary data-disabled:cursor-not-allowed data-disabled:opacity-50 data-unchecked:bg-input data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 dark:data-unchecked:bg-input/80", className),
+	"data-size": size,
+	"data-slot": "switch",
+	...props,
+	children: /* @__PURE__ */ jsx(Switch$1.Thumb, {
+		className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground",
+		"data-slot": "switch-thumb"
+	})
+});
+
+//#endregion
+export { Switch };
+//# sourceMappingURL=switch.js.map

package/dist/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","names":["SwitchPrimitive"],"sources":["../src/ui/switch/switch.tsx"],"sourcesContent":["\"use client\";\n\nimport { Switch as SwitchPrimitive } from \"@base-ui/react/switch\";\nimport { cn } from \"tailwind-variants\";\n\nexport type SwitchProps = SwitchPrimitive.Root.Props & {\n  size?: \"sm\" | \"default\";\n};\n\nconst Switch = ({ className, size = \"default\", ...props }: SwitchProps) => (\n  <SwitchPrimitive.Root\n    className={cn(\n      \"peer group/switch relative inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 data-checked:bg-primary data-disabled:cursor-not-allowed data-disabled:opacity-50 data-unchecked:bg-input data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 dark:data-unchecked:bg-input/80\",\n      className\n    )}\n    data-size={size}\n    data-slot=\"switch\"\n    {...props}\n  >\n    <SwitchPrimitive.Thumb\n      className=\"pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-checked:bg-primary-foreground dark:data-unchecked:bg-foreground\"\n      data-slot=\"switch-thumb\"\n    />\n  </SwitchPrimitive.Root>\n);\n\nexport { Switch };\n"],"mappings":";;;;;;;AASA,MAAM,UAAU,EAAE,WAAW,OAAO,WAAW,GAAG,YAChD,oBAACA,SAAgB;CACf,WAAW,GACT,oqBACA,UACD;CACD,aAAW;CACX,aAAU;CACV,GAAI;WAEJ,oBAACA,SAAgB;EACf,WAAU;EACV,aAAU;GACV;EACmB"}