@mastra/playground-ui 60.0.0-alpha.8 → 60.0.0

package/dist/src/ds/components/Dialog/dialog-new-variant.stories.d.ts

@@ -1,64 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { TextButtonSize } from '../Button';
-declare function ConfirmationExample({ holdSeconds, buttonSize, intent, confirmation, title, description, actionLabel, cancelLabel, failFirst, longBody, }: {
-    holdSeconds?: number;
-    buttonSize?: TextButtonSize;
-    intent?: 'default' | 'destructive';
-    confirmation?: 'click' | 'hold';
-    title?: string;
-    description?: string;
-    actionLabel?: string;
-    cancelLabel?: string;
-    failFirst?: boolean;
-    longBody?: boolean;
-}): import("react").JSX.Element;
-declare const meta: {
-    title: string;
-    component: typeof ConfirmationExample;
-    parameters: {
-        layout: string;
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-    argTypes: {
-        holdSeconds: {
-            control: {
-                type: "number";
-                min: number;
-                step: number;
-            };
-        };
-        buttonSize: {
-            control: "inline-radio";
-            options: string[];
-        };
-        intent: {
-            control: "inline-radio";
-            options: string[];
-        };
-        confirmation: {
-            control: "inline-radio";
-            options: string[];
-        };
-    };
-    args: {
-        holdSeconds: number;
-        buttonSize: "md";
-        intent: "default";
-        confirmation: "click";
-        failFirst: false;
-        longBody: false;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Destructive: Story;
-export declare const PressAndHold: Story;
-export declare const LongTitleAndLabels: Story;
-export declare const ScrollingBody: Story;
-export declare const ErrorAndRetry: Story;
-export declare const WithForm: Story;

package/dist/src/ds/components/ai/chat-event/chat-event-preview.d.ts

@@ -1 +0,0 @@
-export declare function chatEventPreview(message: string): string;

package/dist/src/ds/components/ai/chat-event/chat-event.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-interface ChatEventProps {
-    label: string;
-    detail?: string;
-    icon: ReactNode;
-    children?: ReactNode;
-    defaultOpen?: boolean;
-    'aria-label': string;
-    'data-signal-kind'?: string;
-    'data-notification-state'?: string;
-    'data-skill-name'?: string;
-}
-export declare function ChatEvent({ label, detail, icon, children, defaultOpen, ...props }: ChatEventProps): import("react").JSX.Element;
-export {};

package/dist/src/ds/components/ai/chat-event/chat-notification.d.ts

@@ -1,17 +0,0 @@
-import { ReactNode } from 'react';
-export interface ChatNotificationProps {
-    label: string;
-    message: string;
-    variant?: 'row' | 'notice';
-    state?: string;
-    icon?: ReactNode;
-    priority?: string;
-    status?: string;
-    pending?: string;
-    link?: {
-        href: string;
-        label: string;
-    };
-    defaultOpen?: boolean;
-}
-export declare function ChatNotification({ label, message, variant, state, icon, priority, status, pending, link, defaultOpen, }: ChatNotificationProps): import("react").JSX.Element;

package/dist/src/ds/components/ai/chat-event/chat-signal.d.ts

@@ -1,9 +0,0 @@
-export interface ChatSignalProps {
-    kind: 'state' | 'reactive' | 'reminder';
-    label: string;
-    message: string;
-    mode?: string;
-    variant?: 'row' | 'card';
-    defaultOpen?: boolean;
-}
-export declare function ChatSignal({ kind, label, message, mode, variant, defaultOpen }: ChatSignalProps): import("react").JSX.Element;

package/dist/src/ds/components/ai/chat-event/chat-skill.d.ts

@@ -1,7 +0,0 @@
-export interface ChatSkillProps {
-    name: string;
-    arguments?: string;
-    instructions: string;
-    defaultOpen?: boolean;
-}
-export declare function ChatSkill({ name, arguments: args, instructions, defaultOpen }: ChatSkillProps): import("react").JSX.Element;

package/dist/src/ds/components/ai/chat-event/chat-time-gap.d.ts

@@ -1,3 +0,0 @@
-export declare function ChatTimeGap({ text }: {
-    text: string;
-}): import("react").JSX.Element | null;

package/dist/src/ds/components/ai/chat-event/index.d.ts

@@ -1,7 +0,0 @@
-export { ChatNotification } from './chat-notification';
-export type { ChatNotificationProps } from './chat-notification';
-export { ChatSignal } from './chat-signal';
-export type { ChatSignalProps } from './chat-signal';
-export { ChatSkill } from './chat-skill';
-export type { ChatSkillProps } from './chat-skill';
-export { ChatTimeGap } from './chat-time-gap';

package/dist/src/ds/components/ai/chat-event/notification-variant.d.ts

@@ -1,2 +0,0 @@
-import { NoticeVariant } from '../../Notice';
-export declare const getNotificationNoticeVariant: (priority: string | undefined) => NoticeVariant;

package/dist/src/ds/components/ai/chat-event/stories/notification.stories.d.ts

@@ -1,59 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { ChatNotification } from '../chat-notification';
-declare const meta: {
-    title: string;
-    component: typeof ChatNotification;
-    args: {
-        label: string;
-        message: string;
-        variant: "row";
-    };
-    argTypes: {
-        variant: {
-            control: "inline-radio";
-            options: string[];
-        };
-        priority: {
-            control: "select";
-            options: string[];
-        };
-        icon: {
-            control: false;
-        };
-    };
-    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react-vite').ReactRenderer, {
-        label: string;
-        message: string;
-        variant?: "row" | "notice" | undefined;
-        state?: string | undefined;
-        icon?: import('react').ReactNode;
-        priority?: string | undefined;
-        status?: string | undefined;
-        pending?: string | undefined;
-        link?: {
-            href: string;
-            label: string;
-        } | undefined;
-        defaultOpen?: boolean | undefined;
-    }>) => import("react").JSX.Element)[];
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const LaneChange: Story;
-export declare const Expanded: Story;
-export declare const Summary: Story;
-export declare const PullRequestMerged: Story;
-export declare const PullRequestClosed: Story;
-export declare const Notice: Story;
-export declare const Priorities: Story;
-export declare const NoticeSummary: Story;
-export declare const TitleOnly: Story;
-export declare const LongContent: Story;
-export declare const KeyboardDisclosure: Story;

package/dist/src/ds/components/ai/chat-event/stories/signal.stories.d.ts

@@ -1,46 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { ChatSignal } from '../chat-signal';
-declare const meta: {
-    title: string;
-    component: typeof ChatSignal;
-    args: {
-        kind: "state";
-        label: string;
-        message: string;
-        variant: "row";
-    };
-    argTypes: {
-        kind: {
-            control: "select";
-            options: string[];
-        };
-        variant: {
-            control: "inline-radio";
-            options: string[];
-        };
-    };
-    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react-vite').ReactRenderer, {
-        kind: "state" | "reactive" | "reminder";
-        label: string;
-        message: string;
-        mode?: string | undefined;
-        variant?: "row" | "card" | undefined;
-        defaultOpen?: boolean | undefined;
-    }>) => import("react").JSX.Element)[];
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const State: Story;
-export declare const Expanded: Story;
-export declare const Reactive: Story;
-export declare const Reminder: Story;
-export declare const StateCard: Story;
-export declare const ReactiveCard: Story;
-export declare const NoDetails: Story;

package/dist/src/ds/components/ai/chat-event/stories/skill.stories.d.ts

@@ -1,29 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { ChatSkill } from '../chat-skill';
-declare const meta: {
-    title: string;
-    component: typeof ChatSkill;
-    args: {
-        name: string;
-        instructions: string;
-    };
-    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react-vite').ReactRenderer, {
-        name: string;
-        arguments?: string | undefined;
-        instructions: string;
-        defaultOpen?: boolean | undefined;
-    }>) => import("react").JSX.Element)[];
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Collapsed: Story;
-export declare const Expanded: Story;
-export declare const WithArguments: Story;
-export declare const LongInstructions: Story;

package/dist/src/ds/components/ai/chat-event/stories/time-gap.stories.d.ts

@@ -1,16 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { ChatTimeGap } from '../chat-time-gap';
-declare const meta: {
-    title: string;
-    component: typeof ChatTimeGap;
-    args: {
-        text: string;
-    };
-    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react-vite').ReactRenderer, {
-        text: string;
-    }>) => import("react").JSX.Element)[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const WithTimestamp: Story;
-export declare const WithoutTimestamp: Story;

package/dist/src/ds/components/ai/tool-call/tool-call.d.ts

@@ -1,47 +0,0 @@
-import { LucideIcon } from 'lucide-react';
-import { ComponentProps, ReactNode } from 'react';
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../../Collapsible';
-import { Txt } from '../../Txt';
-type ToolCallStatus = 'idle' | 'running' | 'error';
-export interface ToolCallProps extends Omit<ComponentProps<typeof Collapsible>, 'defaultOpen' | 'onOpenChange' | 'open'> {
-    open?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    status?: ToolCallStatus;
-}
-export declare function ToolCall({ open: controlledOpen, defaultOpen, onOpenChange, status, className, children, ...props }: ToolCallProps): import("react").JSX.Element;
-export declare const ToolCallTrigger: ({ className, ...props }: ComponentProps<typeof CollapsibleTrigger>) => import("react").JSX.Element;
-export declare const ToolCallHeader: ({ className, children, ...props }: ComponentProps<"span">) => import("react").JSX.Element;
-export declare const ToolCallIcon: ({ className, ...props }: ComponentProps<"span">) => import("react").JSX.Element;
-export declare const ToolCallLabel: ({ className, ...props }: ComponentProps<typeof Txt>) => import("react").JSX.Element;
-export declare const ToolCallDetail: ({ className, ...props }: ComponentProps<typeof Txt>) => import("react").JSX.Element;
-export declare const ToolCallSummary: ({ className, ...props }: ComponentProps<"span">) => import("react").JSX.Element;
-export interface ToolCallSpacerProps extends ComponentProps<'span'> {
-    rule?: boolean;
-}
-export declare const ToolCallSpacer: ({ rule, className, ...props }: ToolCallSpacerProps) => import("react").JSX.Element;
-export declare const ToolCallTrailing: ({ className, ...props }: ComponentProps<"span">) => import("react").JSX.Element;
-export declare const ToolCallDisclosure: ({ className, children, ...props }: ComponentProps<"span">) => import("react").JSX.Element;
-export interface ToolCallPresentedHeaderProps extends Omit<ComponentProps<typeof ToolCallHeader>, 'children'> {
-    /** Rendered ahead of the icon, e.g. a timestamp. */
-    leading?: ReactNode;
-    icon: LucideIcon;
-    label: string;
-    detail?: string;
-    /** Replaces label and detail with plain text saying what the call does. */
-    description?: string;
-    disclosure?: boolean;
-}
-/** The canonical header of a presented tool call: icon, label, detail, failure mark, chevron. */
-export declare const ToolCallPresentedHeader: ({ leading, icon: Icon, label, detail, description, disclosure, ...props }: ToolCallPresentedHeaderProps) => import("react").JSX.Element;
-export declare const ToolCallContent: ({ className, children, ...props }: ComponentProps<typeof CollapsibleContent>) => import("react").JSX.Element;
-export interface ToolCallMonoProps extends ComponentProps<'pre'> {
-    copyText: string;
-}
-/** Monospace body block of an expanded call — arguments, command, output — with a hover copy. */
-export declare const ToolCallMono: ({ copyText, className, children, ...props }: ToolCallMonoProps) => import("react").JSX.Element;
-/** A shell command as the body shows it: `$` in the margin, the copy takes the command alone. */
-export declare const ToolCallCommand: ({ command }: {
-    command: string;
-}) => import("react").JSX.Element;
-export type { ToolCallStatus };

package/dist/src/ds/components/ai/tool-call/tool-call.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { ToolCall } from './tool-call';
-declare const meta: Meta<typeof ToolCall>;
-export default meta;
-type Story = StoryObj<typeof ToolCall>;
-export declare const Completed: Story;
-export declare const Running: Story;
-export declare const Failed: Story;
-export declare const Controlled: Story;

package/dist/src/lib/as-child.d.ts

@@ -1,22 +0,0 @@
-import * as React from 'react';
-/**
- * Transitional shim for the legacy Radix-style `asChild` boolean on our Base UI
- * wrappers.
- *
- * Base UI's native composition API is the `render` prop (`render={<Button />}`):
- * it is better typed (accepts an element OR a `(props, state) => element`
- * function, and pairs with `nativeButton` for non-`<button>` elements) and is
- * the idiom this design system is moving to. Because our trigger props already
- * extend the Base UI primitive props, `render` works today with no shim.
- *
- * This helper keeps `asChild` working by translating it into `render`, so the
- * single deprecated code path lives in one place instead of being copy-pasted
- * across every trigger/close wrapper.
- *
- * @returns `{ render }` when `asChild` should compose its child, otherwise
- * `undefined` (safe to spread as a no-op).
- * @deprecated Pass Base UI's `render` prop directly; `asChild` will be removed.
- */
-export declare function asChildRenderProps(asChild: boolean | undefined, children: React.ReactNode): {
-    render: React.ReactElement;
-} | undefined;

package/dist/switch-6125Oajw.cjs

@@ -1,124 +0,0 @@
-'use strict';
-
-require('./switch.css');const jsxRuntime = require('react/jsx-runtime');
-const _switch = require('@base-ui/react/switch');
-const React = require('react');
-const utils_cn = require('./cn-DG0X1KEP.cjs');
-
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-const Switch = React__namespace.forwardRef(
-  ({ className, asChild, children, icon, checkedIcon, uncheckedIcon, ...props }, ref) => {
-    const shouldRenderStateIcons = checkedIcon !== void 0 || uncheckedIcon !== void 0;
-    const shouldRenderIcon = icon !== void 0 || shouldRenderStateIcons;
-    const singleIcon = shouldRenderStateIcons ? void 0 : icon;
-    const onIcon = checkedIcon ?? icon;
-    const offIcon = uncheckedIcon ?? icon;
-    const renderProps = asChild && React__namespace.isValidElement(children) ? { render: children } : { render: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button" }), nativeButton: true };
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      _switch.Switch.Root,
-      {
-        ref,
-        "data-slot": "switch",
-        className: utils_cn.cn(
-          "peer group/switch inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-0 bg-fill-hover p-0.5 outline-hidden",
-          "transition-colors duration-normal ease-out-custom motion-reduce:transition-none",
-          "hover:bg-fill-active",
-          "active:bg-fill-strong",
-          "focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-border-focus focus-visible:outline-solid",
-          "data-[checked]:bg-foreground/90",
-          "data-[checked]:hover:bg-foreground",
-          "data-[checked]:active:bg-foreground/75",
-          "data-[disabled]:cursor-not-allowed data-[disabled]:bg-fill-hover data-[disabled]:hover:bg-fill-hover",
-          "data-[disabled]:data-[checked]:bg-foreground/30 data-[disabled]:data-[checked]:hover:bg-foreground/30",
-          className
-        ),
-        ...renderProps,
-        ...props,
-        children: [
-          asChild ? void 0 : children,
-          /* @__PURE__ */ jsxRuntime.jsx(
-            _switch.Switch.Thumb,
-            {
-              "data-slot": "switch-thumb",
-              className: utils_cn.cn(
-                "switch-thumb-motion pointer-events-none relative block h-4 w-5 rounded-full bg-foreground",
-                "transition-[background-color,translate,width,transform] duration-normal ease-out-custom motion-reduce:transition-none",
-                "group-active/switch:w-6 group-data-[disabled]/switch:w-5",
-                "data-[checked]:translate-x-3 data-[checked]:bg-background data-[unchecked]:translate-x-0",
-                "group-active/switch:data-[checked]:translate-x-2",
-                "data-[disabled]:data-[checked]:bg-background/75 data-[disabled]:data-[unchecked]:bg-foreground/45"
-              ),
-              children: shouldRenderIcon ? /* @__PURE__ */ jsxRuntime.jsx(SwitchThumbIcon, { checkedIcon: onIcon, icon: singleIcon, uncheckedIcon: offIcon }) : null
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Switch.displayName = "Switch";
-function SwitchThumbIcon({
-  checkedIcon,
-  icon,
-  uncheckedIcon
-}) {
-  const iconClassName = utils_cn.cn(
-    "absolute inset-0 flex items-center justify-center text-background",
-    "transition-[color,opacity] duration-normal ease-out-custom motion-reduce:transition-none",
-    "[&_svg]:stroke-2.5 [&_svg]:size-2.5"
-  );
-  if (icon !== void 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        "aria-hidden": true,
-        "data-slot": "switch-thumb-icon",
-        className: utils_cn.cn(iconClassName, "group-data-[checked]/switch:text-foreground"),
-        children: icon
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    uncheckedIcon !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        "aria-hidden": true,
-        "data-slot": "switch-thumb-icon",
-        "data-switch-icon": "unchecked",
-        className: utils_cn.cn(iconClassName, "opacity-100 group-data-[checked]/switch:opacity-0"),
-        children: uncheckedIcon
-      }
-    ) : null,
-    checkedIcon !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        "aria-hidden": true,
-        "data-slot": "switch-thumb-icon",
-        "data-switch-icon": "checked",
-        className: utils_cn.cn(iconClassName, "text-foreground opacity-0 group-data-[checked]/switch:opacity-100"),
-        children: checkedIcon
-      }
-    ) : null
-  ] });
-}
-
-exports.Switch = Switch;
-//# sourceMappingURL=switch-6125Oajw.cjs.map

package/dist/switch-6125Oajw.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"switch-6125Oajw.cjs","sources":["../src/ds/components/Switch/switch.tsx"],"sourcesContent":["import { Switch as SwitchPrimitive } from '@base-ui/react/switch';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\nimport './switch.css';\n\ntype SwitchProps = Omit<SwitchPrimitive.Root.Props, 'className'> & {\n  className?: string;\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n  icon?: React.ReactNode;\n  checkedIcon?: React.ReactNode;\n  uncheckedIcon?: React.ReactNode;\n};\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ className, asChild, children, icon, checkedIcon, uncheckedIcon, ...props }, ref) => {\n    const shouldRenderStateIcons = checkedIcon !== undefined || uncheckedIcon !== undefined;\n    const shouldRenderIcon = icon !== undefined || shouldRenderStateIcons;\n\n    const singleIcon = shouldRenderStateIcons ? undefined : icon;\n    const onIcon = checkedIcon ?? icon;\n    const offIcon = uncheckedIcon ?? icon;\n\n    // Base UI's Switch.Root defaults to a `<span>` and forwards `id` to its\n    // hidden checkbox input. Render a native `<button>` (with `nativeButton`) so\n    // the consumer's `id` — and the click target — lands on the visible control,\n    // matching the previous Radix behavior.\n    const renderProps =\n      asChild && React.isValidElement(children)\n        ? { render: children as React.ReactElement }\n        : { render: <button type=\"button\" />, nativeButton: true };\n\n    return (\n      <SwitchPrimitive.Root\n        ref={ref}\n        data-slot=\"switch\"\n        className={cn(\n          'peer group/switch inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-0 bg-fill-hover p-0.5 outline-hidden',\n          'transition-colors duration-normal ease-out-custom motion-reduce:transition-none',\n          'hover:bg-fill-active',\n          'active:bg-fill-strong',\n          'focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-border-focus focus-visible:outline-solid',\n          'data-[checked]:bg-foreground/90',\n          'data-[checked]:hover:bg-foreground',\n          'data-[checked]:active:bg-foreground/75',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:bg-fill-hover data-[disabled]:hover:bg-fill-hover',\n          'data-[disabled]:data-[checked]:bg-foreground/30 data-[disabled]:data-[checked]:hover:bg-foreground/30',\n          className,\n        )}\n        {...renderProps}\n        {...props}\n      >\n        {asChild ? undefined : children}\n        <SwitchPrimitive.Thumb\n          data-slot=\"switch-thumb\"\n          className={cn(\n            'switch-thumb-motion pointer-events-none relative block h-4 w-5 rounded-full bg-foreground',\n            'transition-[background-color,translate,width,transform] duration-normal ease-out-custom motion-reduce:transition-none',\n            'group-active/switch:w-6 group-data-[disabled]/switch:w-5',\n            'data-[checked]:translate-x-3 data-[checked]:bg-background data-[unchecked]:translate-x-0',\n            'group-active/switch:data-[checked]:translate-x-2',\n            'data-[disabled]:data-[checked]:bg-background/75 data-[disabled]:data-[unchecked]:bg-foreground/45',\n          )}\n        >\n          {shouldRenderIcon ? <SwitchThumbIcon checkedIcon={onIcon} icon={singleIcon} uncheckedIcon={offIcon} /> : null}\n        </SwitchPrimitive.Thumb>\n      </SwitchPrimitive.Root>\n    );\n  },\n);\nSwitch.displayName = 'Switch';\n\nfunction SwitchThumbIcon({\n  checkedIcon,\n  icon,\n  uncheckedIcon,\n}: {\n  checkedIcon?: React.ReactNode;\n  icon?: React.ReactNode;\n  uncheckedIcon?: React.ReactNode;\n}) {\n  const iconClassName = cn(\n    'absolute inset-0 flex items-center justify-center text-background',\n    'transition-[color,opacity] duration-normal ease-out-custom motion-reduce:transition-none',\n    '[&_svg]:stroke-2.5 [&_svg]:size-2.5',\n  );\n\n  if (icon !== undefined) {\n    return (\n      <span\n        aria-hidden\n        data-slot=\"switch-thumb-icon\"\n        className={cn(iconClassName, 'group-data-[checked]/switch:text-foreground')}\n      >\n        {icon}\n      </span>\n    );\n  }\n\n  return (\n    <>\n      {uncheckedIcon !== undefined ? (\n        <span\n          aria-hidden\n          data-slot=\"switch-thumb-icon\"\n          data-switch-icon=\"unchecked\"\n          className={cn(iconClassName, 'opacity-100 group-data-[checked]/switch:opacity-0')}\n        >\n          {uncheckedIcon}\n        </span>\n      ) : null}\n      {checkedIcon !== undefined ? (\n        <span\n          aria-hidden\n          data-slot=\"switch-thumb-icon\"\n          data-switch-icon=\"checked\"\n          className={cn(iconClassName, 'text-foreground opacity-0 group-data-[checked]/switch:opacity-100')}\n        >\n          {checkedIcon}\n        </span>\n      ) : null}\n    </>\n  );\n}\n\nexport { Switch };\nexport type { SwitchProps };\n"],"names":["React","jsx","jsxs","SwitchPrimitive","cn","Fragment"],"mappings":"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"}

package/dist/switch-CE9jTpUG.js

@@ -1,103 +0,0 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { Switch as Switch$1 } from '@base-ui/react/switch';
-import * as React from 'react';
-import { c as cn } from './cn-65Adrsfj.js';
-
-import './switch.css';const Switch = React.forwardRef(
-  ({ className, asChild, children, icon, checkedIcon, uncheckedIcon, ...props }, ref) => {
-    const shouldRenderStateIcons = checkedIcon !== void 0 || uncheckedIcon !== void 0;
-    const shouldRenderIcon = icon !== void 0 || shouldRenderStateIcons;
-    const singleIcon = shouldRenderStateIcons ? void 0 : icon;
-    const onIcon = checkedIcon ?? icon;
-    const offIcon = uncheckedIcon ?? icon;
-    const renderProps = asChild && React.isValidElement(children) ? { render: children } : { render: /* @__PURE__ */ jsx("button", { type: "button" }), nativeButton: true };
-    return /* @__PURE__ */ jsxs(
-      Switch$1.Root,
-      {
-        ref,
-        "data-slot": "switch",
-        className: cn(
-          "peer group/switch inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-0 bg-fill-hover p-0.5 outline-hidden",
-          "transition-colors duration-normal ease-out-custom motion-reduce:transition-none",
-          "hover:bg-fill-active",
-          "active:bg-fill-strong",
-          "focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-border-focus focus-visible:outline-solid",
-          "data-[checked]:bg-foreground/90",
-          "data-[checked]:hover:bg-foreground",
-          "data-[checked]:active:bg-foreground/75",
-          "data-[disabled]:cursor-not-allowed data-[disabled]:bg-fill-hover data-[disabled]:hover:bg-fill-hover",
-          "data-[disabled]:data-[checked]:bg-foreground/30 data-[disabled]:data-[checked]:hover:bg-foreground/30",
-          className
-        ),
-        ...renderProps,
-        ...props,
-        children: [
-          asChild ? void 0 : children,
-          /* @__PURE__ */ jsx(
-            Switch$1.Thumb,
-            {
-              "data-slot": "switch-thumb",
-              className: cn(
-                "switch-thumb-motion pointer-events-none relative block h-4 w-5 rounded-full bg-foreground",
-                "transition-[background-color,translate,width,transform] duration-normal ease-out-custom motion-reduce:transition-none",
-                "group-active/switch:w-6 group-data-[disabled]/switch:w-5",
-                "data-[checked]:translate-x-3 data-[checked]:bg-background data-[unchecked]:translate-x-0",
-                "group-active/switch:data-[checked]:translate-x-2",
-                "data-[disabled]:data-[checked]:bg-background/75 data-[disabled]:data-[unchecked]:bg-foreground/45"
-              ),
-              children: shouldRenderIcon ? /* @__PURE__ */ jsx(SwitchThumbIcon, { checkedIcon: onIcon, icon: singleIcon, uncheckedIcon: offIcon }) : null
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Switch.displayName = "Switch";
-function SwitchThumbIcon({
-  checkedIcon,
-  icon,
-  uncheckedIcon
-}) {
-  const iconClassName = cn(
-    "absolute inset-0 flex items-center justify-center text-background",
-    "transition-[color,opacity] duration-normal ease-out-custom motion-reduce:transition-none",
-    "[&_svg]:stroke-2.5 [&_svg]:size-2.5"
-  );
-  if (icon !== void 0) {
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        "aria-hidden": true,
-        "data-slot": "switch-thumb-icon",
-        className: cn(iconClassName, "group-data-[checked]/switch:text-foreground"),
-        children: icon
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    uncheckedIcon !== void 0 ? /* @__PURE__ */ jsx(
-      "span",
-      {
-        "aria-hidden": true,
-        "data-slot": "switch-thumb-icon",
-        "data-switch-icon": "unchecked",
-        className: cn(iconClassName, "opacity-100 group-data-[checked]/switch:opacity-0"),
-        children: uncheckedIcon
-      }
-    ) : null,
-    checkedIcon !== void 0 ? /* @__PURE__ */ jsx(
-      "span",
-      {
-        "aria-hidden": true,
-        "data-slot": "switch-thumb-icon",
-        "data-switch-icon": "checked",
-        className: cn(iconClassName, "text-foreground opacity-0 group-data-[checked]/switch:opacity-100"),
-        children: checkedIcon
-      }
-    ) : null
-  ] });
-}
-
-export { Switch as S };
-//# sourceMappingURL=switch-CE9jTpUG.js.map

package/dist/switch-CE9jTpUG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"switch-CE9jTpUG.js","sources":["../src/ds/components/Switch/switch.tsx"],"sourcesContent":["import { Switch as SwitchPrimitive } from '@base-ui/react/switch';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\nimport './switch.css';\n\ntype SwitchProps = Omit<SwitchPrimitive.Root.Props, 'className'> & {\n  className?: string;\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n  icon?: React.ReactNode;\n  checkedIcon?: React.ReactNode;\n  uncheckedIcon?: React.ReactNode;\n};\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ className, asChild, children, icon, checkedIcon, uncheckedIcon, ...props }, ref) => {\n    const shouldRenderStateIcons = checkedIcon !== undefined || uncheckedIcon !== undefined;\n    const shouldRenderIcon = icon !== undefined || shouldRenderStateIcons;\n\n    const singleIcon = shouldRenderStateIcons ? undefined : icon;\n    const onIcon = checkedIcon ?? icon;\n    const offIcon = uncheckedIcon ?? icon;\n\n    // Base UI's Switch.Root defaults to a `<span>` and forwards `id` to its\n    // hidden checkbox input. Render a native `<button>` (with `nativeButton`) so\n    // the consumer's `id` — and the click target — lands on the visible control,\n    // matching the previous Radix behavior.\n    const renderProps =\n      asChild && React.isValidElement(children)\n        ? { render: children as React.ReactElement }\n        : { render: <button type=\"button\" />, nativeButton: true };\n\n    return (\n      <SwitchPrimitive.Root\n        ref={ref}\n        data-slot=\"switch\"\n        className={cn(\n          'peer group/switch inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-0 bg-fill-hover p-0.5 outline-hidden',\n          'transition-colors duration-normal ease-out-custom motion-reduce:transition-none',\n          'hover:bg-fill-active',\n          'active:bg-fill-strong',\n          'focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-border-focus focus-visible:outline-solid',\n          'data-[checked]:bg-foreground/90',\n          'data-[checked]:hover:bg-foreground',\n          'data-[checked]:active:bg-foreground/75',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:bg-fill-hover data-[disabled]:hover:bg-fill-hover',\n          'data-[disabled]:data-[checked]:bg-foreground/30 data-[disabled]:data-[checked]:hover:bg-foreground/30',\n          className,\n        )}\n        {...renderProps}\n        {...props}\n      >\n        {asChild ? undefined : children}\n        <SwitchPrimitive.Thumb\n          data-slot=\"switch-thumb\"\n          className={cn(\n            'switch-thumb-motion pointer-events-none relative block h-4 w-5 rounded-full bg-foreground',\n            'transition-[background-color,translate,width,transform] duration-normal ease-out-custom motion-reduce:transition-none',\n            'group-active/switch:w-6 group-data-[disabled]/switch:w-5',\n            'data-[checked]:translate-x-3 data-[checked]:bg-background data-[unchecked]:translate-x-0',\n            'group-active/switch:data-[checked]:translate-x-2',\n            'data-[disabled]:data-[checked]:bg-background/75 data-[disabled]:data-[unchecked]:bg-foreground/45',\n          )}\n        >\n          {shouldRenderIcon ? <SwitchThumbIcon checkedIcon={onIcon} icon={singleIcon} uncheckedIcon={offIcon} /> : null}\n        </SwitchPrimitive.Thumb>\n      </SwitchPrimitive.Root>\n    );\n  },\n);\nSwitch.displayName = 'Switch';\n\nfunction SwitchThumbIcon({\n  checkedIcon,\n  icon,\n  uncheckedIcon,\n}: {\n  checkedIcon?: React.ReactNode;\n  icon?: React.ReactNode;\n  uncheckedIcon?: React.ReactNode;\n}) {\n  const iconClassName = cn(\n    'absolute inset-0 flex items-center justify-center text-background',\n    'transition-[color,opacity] duration-normal ease-out-custom motion-reduce:transition-none',\n    '[&_svg]:stroke-2.5 [&_svg]:size-2.5',\n  );\n\n  if (icon !== undefined) {\n    return (\n      <span\n        aria-hidden\n        data-slot=\"switch-thumb-icon\"\n        className={cn(iconClassName, 'group-data-[checked]/switch:text-foreground')}\n      >\n        {icon}\n      </span>\n    );\n  }\n\n  return (\n    <>\n      {uncheckedIcon !== undefined ? (\n        <span\n          aria-hidden\n          data-slot=\"switch-thumb-icon\"\n          data-switch-icon=\"unchecked\"\n          className={cn(iconClassName, 'opacity-100 group-data-[checked]/switch:opacity-0')}\n        >\n          {uncheckedIcon}\n        </span>\n      ) : null}\n      {checkedIcon !== undefined ? (\n        <span\n          aria-hidden\n          data-slot=\"switch-thumb-icon\"\n          data-switch-icon=\"checked\"\n          className={cn(iconClassName, 'text-foreground opacity-0 group-data-[checked]/switch:opacity-100')}\n        >\n          {checkedIcon}\n        </span>\n      ) : null}\n    </>\n  );\n}\n\nexport { Switch };\nexport type { SwitchProps };\n"],"names":["SwitchPrimitive"],"mappings":"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"}