@libreapps/ui 5.4.1

package/dist/src/navigation/index.d.ts

@@ -0,0 +1,18 @@
+export { default as AdvancedNavigationBar } from "./advanced-navigation-bar";
+export { default as AIModelSelectorNavigationBar } from "./ai-model-selector-navigation-bar";
+export { default as AppSwitcherNavigationBar } from "./app-switcher-navigation-bar";
+export { default as BreadcrumbAndFiltersNavigationBar } from "./breadcrumb-and-filters-navigation-bar";
+export { default as BreadcrumbNavigationBar } from "./breadcrumb-navigation-bar";
+export { default as CenteredLogoNavigationBar } from "./centered-logo-navigation-bar";
+export { default as CollaborationNavigationBar } from "./collaboration-navigation-bar";
+export { default as CommunicationNavigationBar } from "./communication-navigation-bar";
+export { default as ContextSwitcherNavigationBar } from "./context-switcher-navigation-bar";
+export { default as DashboardNavigationBar } from "./dashboard-navigation-bar";
+export { default as ECommerceNavigationBar } from "./e-commerce-navigation-bar";
+export { default as IconNavigationBar } from "./icon-navigation-bar";
+export { default as SearchAndToggleNavigationBar } from "./search-and-toggle-navigation-bar";
+export { default as SimpleNavigationBar } from "./simple-navigation-bar";
+export { default as StatusDashboardNavigationBar } from "./status-dashboard-navigation-bar";
+export { default as TeamSwitcherNavigationBar } from "./team-switcher-navigation-bar";
+export { default as TwoTierNavigationBar } from "./two-tier-navigation-bar";
+export { default as UnderlineNavigationBar } from "./underline-navigation-bar";

package/dist/src/navigation/search-and-toggle-navigation-bar.d.ts

@@ -0,0 +1 @@
+export default function Component(): import("react/jsx-runtime").JSX.Element;

package/dist/src/navigation/simple-navigation-bar.d.ts

@@ -0,0 +1 @@
+export default function Component(): import("react/jsx-runtime").JSX.Element;

package/dist/src/navigation/status-dashboard-navigation-bar.d.ts

@@ -0,0 +1 @@
+export default function Component(): import("react/jsx-runtime").JSX.Element;

package/dist/src/navigation/team-switcher-navigation-bar.d.ts

@@ -0,0 +1 @@
+export default function Component(): import("react/jsx-runtime").JSX.Element;

package/dist/src/navigation/two-tier-navigation-bar.d.ts

@@ -0,0 +1 @@
+export default function Component(): import("react/jsx-runtime").JSX.Element;

package/dist/src/navigation/underline-navigation-bar.d.ts

@@ -0,0 +1 @@
+export default function Component(): import("react/jsx-runtime").JSX.Element;

package/dist/src/pattern/grid.d.ts

@@ -0,0 +1,110 @@
+import * as React from "react";
+export interface GridPatternProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Grid pattern variant */
+    variant?: "dots" | "lines" | "crosses" | "plus" | "squares";
+    /** Size of grid elements */
+    size?: number | {
+        width?: number;
+        height?: number;
+    };
+    /** Spacing between grid elements */
+    gap?: number | {
+        x?: number;
+        y?: number;
+    };
+    /** Color of grid elements */
+    color?: string;
+    /** Opacity of grid elements */
+    opacity?: number;
+    /** Stroke width for line-based patterns */
+    strokeWidth?: number;
+    /** Enable fade effect */
+    fade?: boolean | "edges" | "center" | "radial";
+    /** Gradient overlay */
+    gradient?: {
+        from?: string;
+        via?: string;
+        to?: string;
+        opacity?: number;
+    };
+    /** Animation configuration */
+    animation?: {
+        duration?: number;
+        direction?: "normal" | "reverse" | "alternate";
+        timing?: "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out";
+    };
+    /** Position offset */
+    offset?: {
+        x?: number;
+        y?: number;
+    };
+    /** Maximum render area (for performance) */
+    maxArea?: {
+        width?: number;
+        height?: number;
+    };
+}
+declare const GridPattern: React.ForwardRefExoticComponent<GridPatternProps & React.RefAttributes<HTMLDivElement>>;
+export declare const GridPatternPresets: {
+    dotMatrix: {
+        variant: "dots";
+        size: number;
+        gap: number;
+        opacity: number;
+    };
+    fineDots: {
+        variant: "dots";
+        size: number;
+        gap: number;
+        opacity: number;
+    };
+    gridLines: {
+        variant: "lines";
+        gap: number;
+        strokeWidth: number;
+        opacity: number;
+    };
+    crosshatch: {
+        variant: "crosses";
+        size: number;
+        gap: number;
+        strokeWidth: number;
+        opacity: number;
+    };
+    blueprint: {
+        variant: "lines";
+        gap: number;
+        strokeWidth: number;
+        color: string;
+        opacity: number;
+    };
+    graph: {
+        variant: "lines";
+        gap: {
+            x: number;
+            y: number;
+        };
+        strokeWidth: number;
+        opacity: number;
+        fade: "edges";
+    };
+    isometric: {
+        variant: "lines";
+        gap: {
+            x: number;
+            y: number;
+        };
+        strokeWidth: number;
+        opacity: number;
+    };
+    hexagon: {
+        variant: "dots";
+        size: number;
+        gap: {
+            x: number;
+            y: number;
+        };
+        opacity: number;
+    };
+};
+export { GridPattern };

package/dist/src/pattern/index.d.ts

@@ -0,0 +1,2 @@
+export { GridPattern, GridPatternPresets } from "./grid";
+export type { GridPatternProps } from "./grid";

package/dist/src/primitives-export.d.ts

@@ -0,0 +1,8 @@
+export { default as Container } from './primitives/container';
+export { default as Box } from './primitives/box';
+export { default as Heading } from './primitives/heading';
+export { default as Text } from './primitives/text';
+export { default as Button } from './primitives/button';
+export { default as Link } from './primitives/link';
+export { default as Stack } from './primitives/stack';
+export { default as Grid } from './primitives/grid';

package/dist/src/project/gantt.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+export interface GanttProps extends React.HTMLAttributes<HTMLDivElement> {
+    tasks?: Array<{
+        id: string;
+        name: string;
+        start: Date;
+        end: Date;
+        progress?: number;
+    }>;
+}
+declare const Gantt: React.ForwardRefExoticComponent<GanttProps & React.RefAttributes<HTMLDivElement>>;
+export { Gantt };

package/dist/src/project/index.d.ts

@@ -0,0 +1,3 @@
+export { Gantt, type GanttProps } from "./gantt";
+export { KanbanBoard, type KanbanBoardProps, type KanbanCard, type KanbanLabel, type KanbanColumn, type KanbanBoard as KanbanBoardType, } from "./kanban";
+export { List, ListItem } from "./list";

package/dist/src/project/kanban.d.ts

@@ -0,0 +1,35 @@
+export interface KanbanCard {
+    id: string;
+    title: string;
+    description?: string;
+    labels?: KanbanLabel[];
+    priority?: "low" | "medium" | "high" | "urgent";
+    assignee?: string;
+    dueDate?: string;
+    createdAt: string;
+    updatedAt: string;
+}
+export interface KanbanLabel {
+    id: string;
+    name: string;
+    color: string;
+}
+export interface KanbanColumn {
+    id: string;
+    title: string;
+    cards: KanbanCard[];
+    limit?: number;
+}
+export interface KanbanBoard {
+    id: string;
+    title: string;
+    columns: KanbanColumn[];
+    labels: KanbanLabel[];
+}
+export interface KanbanBoardProps {
+    board: KanbanBoard;
+    onUpdateBoard: (board: KanbanBoard) => void;
+    className?: string;
+}
+export declare function KanbanBoard({ board, onUpdateBoard, className, }: KanbanBoardProps): import("react/jsx-runtime").JSX.Element;
+export default KanbanBoard;

package/dist/src/project/list.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+declare const List: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>>;
+declare const ListItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
+export { List, ListItem };

package/dist/src/registry/api.d.ts

@@ -0,0 +1,37 @@
+import { RegistryItem, Registry } from "./index";
+/**
+ * Gets the full registry URL based on the registry name or URL provided
+ * @param registry - Registry name, URL, or file path
+ * @returns The complete registry URL
+ */
+export declare function getRegistryUrl(registry: string): string;
+/**
+ * Fetches a specific registry item by URL
+ * @param itemUrl - The URL of the item to fetch
+ * @param basePath - Base path for resolving imports
+ * @returns The registry item or null if not found
+ */
+export declare function getRegistryItem(itemUrl: string, basePath: string): Promise<RegistryItem | null>;
+/**
+ * Resolves an import path relative to a base path
+ * @param importPath - The import path to resolve
+ * @param basePath - The base path to resolve against
+ * @returns The resolved import path
+ */
+export declare function resolveImport(importPath: string, basePath: string): string;
+/**
+ * Fetches registry data from one or more paths
+ * @param paths - Array of registry paths to fetch
+ * @param options - Options for fetching the registry
+ * @returns Array of registry data
+ */
+export declare function fetchRegistry(paths: string[], options?: {
+    useCache?: boolean;
+}): Promise<Registry[]>;
+/**
+ * Gets the URL for a specific registry item
+ * @param itemName - The name of the registry item
+ * @param registryUrl - The base registry URL
+ * @returns The URL for the specific registry item
+ */
+export declare function getRegistryItemUrl(itemName: string, registryUrl: string): string;

package/dist/src/registry/index.d.ts

@@ -0,0 +1,86 @@
+import { z } from "zod";
+export declare const fileSchema: z.ZodObject<{
+    path: z.ZodString;
+    content: z.ZodOptional<z.ZodString>;
+    type: z.ZodString;
+    target: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export declare const registryItemSchema: z.ZodObject<{
+    name: z.ZodString;
+    type: z.ZodString;
+    description: z.ZodOptional<z.ZodString>;
+    author: z.ZodOptional<z.ZodString>;
+    dependencies: z.ZodOptional<z.ZodArray<z.ZodString>>;
+    devDependencies: z.ZodOptional<z.ZodArray<z.ZodString>>;
+    registryDependencies: z.ZodOptional<z.ZodArray<z.ZodString>>;
+    files: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        path: z.ZodString;
+        content: z.ZodOptional<z.ZodString>;
+        type: z.ZodString;
+        target: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>>;
+    meta: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>;
+    title: z.ZodOptional<z.ZodString>;
+    cssVars: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>;
+    tailwind: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>;
+    category: z.ZodOptional<z.ZodString>;
+    subcategory: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+export declare const registrySchema: z.ZodObject<{
+    $schema: z.ZodOptional<z.ZodString>;
+    name: z.ZodString;
+    homepage: z.ZodOptional<z.ZodString>;
+    style: z.ZodOptional<z.ZodString>;
+    items: z.ZodArray<z.ZodObject<{
+        name: z.ZodString;
+        type: z.ZodString;
+        description: z.ZodOptional<z.ZodString>;
+        author: z.ZodOptional<z.ZodString>;
+        dependencies: z.ZodOptional<z.ZodArray<z.ZodString>>;
+        devDependencies: z.ZodOptional<z.ZodArray<z.ZodString>>;
+        registryDependencies: z.ZodOptional<z.ZodArray<z.ZodString>>;
+        files: z.ZodOptional<z.ZodArray<z.ZodObject<{
+            path: z.ZodString;
+            content: z.ZodOptional<z.ZodString>;
+            type: z.ZodString;
+            target: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>>>;
+        meta: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>;
+        title: z.ZodOptional<z.ZodString>;
+        cssVars: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>;
+        tailwind: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>;
+        category: z.ZodOptional<z.ZodString>;
+        subcategory: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>;
+}, z.core.$strip>;
+export declare const registryWithContentSchema: z.ZodObject<{
+    $schema: z.ZodOptional<z.ZodString>;
+    name: z.ZodString;
+    homepage: z.ZodOptional<z.ZodString>;
+    style: z.ZodOptional<z.ZodString>;
+    items: z.ZodArray<z.ZodObject<{
+        name: z.ZodString;
+        type: z.ZodString;
+        description: z.ZodOptional<z.ZodString>;
+        author: z.ZodOptional<z.ZodString>;
+        dependencies: z.ZodOptional<z.ZodArray<z.ZodString>>;
+        devDependencies: z.ZodOptional<z.ZodArray<z.ZodString>>;
+        registryDependencies: z.ZodOptional<z.ZodArray<z.ZodString>>;
+        meta: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>;
+        title: z.ZodOptional<z.ZodString>;
+        cssVars: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>;
+        tailwind: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodAny>>;
+        category: z.ZodOptional<z.ZodString>;
+        subcategory: z.ZodOptional<z.ZodString>;
+        files: z.ZodArray<z.ZodObject<{
+            path: z.ZodString;
+            type: z.ZodString;
+            target: z.ZodOptional<z.ZodString>;
+            content: z.ZodString;
+        }, z.core.$strip>>;
+    }, z.core.$strip>>;
+}, z.core.$strip>;
+export type RegistryItem = z.infer<typeof registryItemSchema>;
+export type Registry = z.infer<typeof registrySchema>;
+export type RegistryWithContent = z.infer<typeof registryWithContentSchema>;
+export type RegistryFile = z.infer<typeof fileSchema>;

package/dist/src/spline/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MediaStack } from './media-stack';
+export { default as SplinePlayer } from './player';

package/dist/src/spline/media-stack.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { MediaStackDef, Dimensions } from '../../types';
+/**
+ * MediaStack with Spline 3D support
+ * Requires: npm install @splinetool/react-spline
+ *
+ * For apps that don't need 3D, use the base MediaStack from @libreapps/ui instead
+ */
+declare const MediaStack: React.FC<{
+    media: MediaStackDef;
+    constrainTo?: Dimensions;
+    clx?: string;
+}>;
+export default MediaStack;

package/dist/src/spline/player.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { Application } from '@splinetool/runtime';
+export interface SplinePlayerProps {
+    scene: string;
+    className?: string;
+    style?: React.CSSProperties;
+    onLoad?: (spline: Application) => void;
+}
+/**
+ * Spline 3D player component
+ * Requires: npm install @splinetool/react-spline
+ */
+declare const SplinePlayer: React.FC<SplinePlayerProps>;
+export default SplinePlayer;

package/dist/src/ui/announcement.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export interface AnnouncementProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+}
+declare const Announcement: React.ForwardRefExoticComponent<AnnouncementProps & React.RefAttributes<HTMLDivElement>>;
+export { Announcement };

package/dist/src/ui/avatar-group.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    items: Array<{
+        src?: string;
+        alt?: string;
+        fallback: string;
+    }>;
+    max?: number;
+}
+declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { AvatarGroup };

package/dist/src/ui/banner.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const bannerVariants: (props?: ({
+    variant?: "default" | "error" | "info" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BannerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof bannerVariants> {
+    onClose?: () => void;
+}
+declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;
+export { Banner, bannerVariants };

package/dist/src/ui/cursor.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export interface CursorProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    cursorText?: string;
+    cursorSize?: number;
+}
+declare const Cursor: React.ForwardRefExoticComponent<CursorProps & React.RefAttributes<HTMLDivElement>>;
+export { Cursor };

package/dist/src/ui/index.d.ts

@@ -0,0 +1,17 @@
+export { Announcement } from './announcement';
+export type { AnnouncementProps } from './announcement';
+export { AvatarGroup } from './avatar-group';
+export type { AvatarGroupProps } from './avatar-group';
+export { Banner, bannerVariants } from './banner';
+export type { BannerProps } from './banner';
+export { Cursor } from './cursor';
+export type { CursorProps } from './cursor';
+export { Marquee } from './marquee';
+export type { MarqueeProps } from './marquee';
+export { Pill, pillVariants } from './pill';
+export type { PillProps } from './pill';
+export { Spinner } from './spinner';
+export { Tags } from './tags';
+export type { Tag, TagsProps } from './tags';
+export { Ticker } from './ticker';
+export type { TickerProps } from './ticker';

package/dist/src/ui/marquee.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface MarqueeProps extends React.HTMLAttributes<HTMLDivElement> {
+    repeat?: number;
+    reverse?: boolean;
+    pauseOnHover?: boolean;
+    vertical?: boolean;
+}
+declare const Marquee: React.ForwardRefExoticComponent<MarqueeProps & React.RefAttributes<HTMLDivElement>>;
+export { Marquee };

package/dist/src/ui/pill.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const pillVariants: (props?: ({
+    variant?: "default" | "secondary" | "outline" | "error" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface PillProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof pillVariants> {
+    onRemove?: () => void;
+}
+declare const Pill: React.ForwardRefExoticComponent<PillProps & React.RefAttributes<HTMLSpanElement>>;
+export { Pill, pillVariants };

package/dist/src/ui/spinner.d.ts

@@ -0,0 +1,2 @@
+declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+export { Spinner };

package/dist/src/ui/tags.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+export interface Tag {
+    id: string;
+    label: string;
+}
+export interface TagsProps extends React.HTMLAttributes<HTMLDivElement> {
+    tags: Tag[];
+    onRemove?: (id: string) => void;
+    variant?: "default" | "secondary" | "outline" | "destructive";
+}
+declare const Tags: React.ForwardRefExoticComponent<TagsProps & React.RefAttributes<HTMLDivElement>>;
+export { Tags };

package/dist/src/ui/ticker.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface TickerProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    speed?: number;
+    direction?: "left" | "right";
+    pauseOnHover?: boolean;
+}
+declare const Ticker: React.ForwardRefExoticComponent<TickerProps & React.RefAttributes<HTMLDivElement>>;
+export { Ticker };

package/dist/src/utils.d.ts

@@ -0,0 +1,4 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+export declare function formatDate(input: string | number): string;
+export declare function absoluteUrl(path: string): string;

package/dist/style/theme-provider.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { ThemeProviderProps } from "next-themes";
+declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export default ThemeProvider;

package/dist/switch.js

@@ -0,0 +1,62 @@
+"use client";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var SwitchPrimitives = require('@radix-ui/react-switch');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var SwitchPrimitives__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitives);
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+__name(cn, "cn");
+var Switch = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  SwitchPrimitives__namespace.Root,
+  {
+    className: cn(
+      "data-[state=checked]:bg-brand peer data-[state=unchecked]:bg-bg-secondary inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-xs transition-colors focus-visible:ring-2 focus-visible:ring-gray-950 focus-visible:ring-offset-2 focus-visible:ring-offset-white focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      SwitchPrimitives__namespace.Thumb,
+      {
+        className: cn(
+          "pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
+  }
+), "Switch");
+Switch.displayName = SwitchPrimitives__namespace.Root.displayName;
+var switch_default = Switch;
+
+exports.Switch = Switch;
+exports.default = switch_default;

package/dist/switch.mjs

@@ -0,0 +1,37 @@
+"use client";
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+__name(cn, "cn");
+var Switch = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  SwitchPrimitives.Root,
+  {
+    className: cn(
+      "data-[state=checked]:bg-brand peer data-[state=unchecked]:bg-bg-secondary inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-xs transition-colors focus-visible:ring-2 focus-visible:ring-gray-950 focus-visible:ring-offset-2 focus-visible:ring-offset-white focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      SwitchPrimitives.Thumb,
+      {
+        className: cn(
+          "pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
+  }
+), "Switch");
+Switch.displayName = SwitchPrimitives.Root.displayName;
+var switch_default = Switch;
+
+export { Switch, switch_default as default };