@nexub/react 2.9.0 → 3.1.0

package/dist/{chunk-MQGBAWSJ.js → components/Toast/Toaster.js}

@@ -1,192 +1,34 @@
-'use client';
-import {
-  useIsomorphicLayoutEffect
-} from "./chunk-NHUQLIHL.js";
-import {
-  useLocale,
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Toast/Toast.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadixToast from "@radix-ui/react-toast";
-import { jsx } from "react/jsx-runtime";
-function Provider2({ swipeDirection, ...props }) {
-  const { dir } = useLocale();
-  return /* @__PURE__ */ jsx(RadixToast.Provider, { swipeDirection: swipeDirection ?? (dir === "rtl" ? "left" : "right"), ...props });
-}
-Provider2.displayName = "Toast.Provider";
-var Viewport2 = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    RadixToast.Viewport,
-    {
-      ref,
-      className: cn(
-        "fixed top-0 end-0 z-[var(--z-toast,2000)] flex max-h-screen w-full flex-col-reverse p-4 sm:max-w-sm gap-2",
-        className
-      ),
-      ...props
-    }
-  )
-);
-Viewport2.displayName = "Toast.Viewport";
-var Root2 = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    RadixToast.Root,
-    {
-      ref,
-      className: cn(
-        // Snackbar: the inverse surface stands out from any page, light or dark.
-        "group pointer-events-auto relative flex w-full items-center justify-between gap-3 overflow-hidden rounded-shape-container bg-[var(--color-inverse-surface)] py-3 ps-4 pe-2 text-[var(--color-inverse-on-surface)] shadow-elevation-2",
-        "duration-spatial-default ease-spatial-default data-[state=closed]:duration-effects-fast",
-        // Follow the finger (Radix's signed swipe offsets), snap back on cancel, leave from where it was let go.
-        "data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none",
-        // Enter/exit slide from the right edge, where the viewport sits.
-        "nx-motion [--nx-x:calc(100%+1rem)] rtl:[--nx-x:calc(-100%-1rem)]",
-        className
-      ),
-      ...props
-    }
-  )
-);
-Root2.displayName = "Toast.Root";
-var Title2 = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadixToast.Title, { ref, className: cn("text-title-sm", className), ...props })
-);
-Title2.displayName = "Toast.Title";
-var Description2 = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    RadixToast.Description,
-    {
-      ref,
-      className: cn("text-body-sm text-[color-mix(in_srgb,var(--color-inverse-on-surface)_80%,transparent)]", className),
-      ...props
-    }
-  )
-);
-Description2.displayName = "Toast.Description";
-var Action2 = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    RadixToast.Action,
-    {
-      ref,
-      className: cn(
-        "nx-state-layer relative inline-flex min-h-[44px] min-w-[44px] shrink-0 items-center justify-center rounded-shape-control px-3 text-label-lg text-[var(--color-inverse-primary)]",
-        className
-      ),
-      ...props
-    }
-  )
-);
-Action2.displayName = "Toast.Action";
-var Close2 = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadixToast.Close, { ref, className: cn("nx-state-layer relative grid h-8 w-8 place-items-center rounded-full", className), ...props })
-);
-Close2.displayName = "Toast.Close";
-var Toast = { Provider: Provider2, Viewport: Viewport2, Root: Root2, Title: Title2, Description: Description2, Action: Action2, Close: Close2 };
-
-// src/components/Toast/Toaster.tsx
-import * as React2 from "react";
-import * as RadixToast2 from "@radix-ui/react-toast";
 import { X } from "@nexub/icons";
-
-// src/components/Toast/useToast.ts
-import { useState, useEffect } from "react";
-var g = typeof window !== "undefined" ? (() => {
-  const _g = globalThis;
-  _g.__nexub_toast_items ??= [];
-  _g.__nexub_toast_listeners ??= /* @__PURE__ */ new Set();
-  _g.__nexub_toast_counter ??= 0;
-  return _g;
-})() : { __nexub_toast_items: [], __nexub_toast_listeners: /* @__PURE__ */ new Set(), __nexub_toast_counter: 0 };
-function notify() {
-  g.__nexub_toast_listeners.forEach((l) => l([...g.__nexub_toast_items]));
-}
-function add(item) {
-  const id = String(++g.__nexub_toast_counter);
-  g.__nexub_toast_items = [...g.__nexub_toast_items, { ...item, id }];
-  notify();
-  return id;
-}
-function useToastStore() {
-  const [state, setState] = useState([...g.__nexub_toast_items]);
-  useEffect(() => {
-    g.__nexub_toast_listeners.add(setState);
-    return () => {
-      g.__nexub_toast_listeners.delete(setState);
-    };
-  }, []);
-  return state;
-}
-var closeFired = /* @__PURE__ */ new Set();
-function fireToastClose(item) {
-  if (closeFired.has(item.id)) return;
-  closeFired.add(item.id);
-  item.onClose?.();
-}
-function dismiss(id) {
-  const removed = id ? g.__nexub_toast_items.filter((i) => i.id === id) : g.__nexub_toast_items;
-  g.__nexub_toast_items = id ? g.__nexub_toast_items.filter((i) => i.id !== id) : [];
-  notify();
-  for (const item of removed) {
-    fireToastClose(item);
-    closeFired.delete(item.id);
-  }
-}
-function undoable(title, { onUndo, onCommit, undoLabel, description, duration }) {
-  let undone = false;
-  return add({
-    title,
-    tone: "neutral",
-    description,
-    duration,
-    undo: { label: undoLabel, onUndo: () => {
-      undone = true;
-      onUndo();
-    } },
-    onClose: () => {
-      if (!undone) onCommit?.();
-    }
-  });
-}
-var toast = {
-  success: (title, opts) => add({ title, tone: "success", ...opts }),
-  error: (title, opts) => add({ title, tone: "error", ...opts }),
-  info: (title, opts) => add({ title, tone: "info", ...opts }),
-  warning: (title, opts) => add({ title, tone: "warning", ...opts }),
-  custom: (title, opts) => add({ title, tone: "neutral", ...opts }),
-  /** A toast with an Undo action: Undo calls `onUndo`; any other close calls `onCommit`, once. */
-  undoable,
-  dismiss
-};
-
-// src/components/Toast/Toaster.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var toneMap = {
+import { cn } from "../../utils/cn.js";
+import { useIsomorphicLayoutEffect } from "../../hooks/useIsomorphicLayoutEffect.js";
+import { useLocale, useNexubMessages } from "../NexubProvider/NexubProvider.js";
+import { fireToastClose, toast, useToastStore } from "./useToast.js";
+const toneMap = {
   success: "border-s-4 border-[var(--color-success)]",
   error: "border-s-4 border-[var(--color-error)]",
   warning: "border-s-4 border-[var(--color-warning)]",
   info: "border-s-4 border-[var(--color-info)]",
   neutral: ""
 };
-var GAP = 8;
+const GAP = 8;
 function Toaster({ expand = false, visibleToasts = 3 }) {
   const toasts = useToastStore();
   const messages = useNexubMessages();
   const { dir } = useLocale();
-  const [closed, setClosed] = React2.useState(() => /* @__PURE__ */ new Set());
-  const [hovered, setHovered] = React2.useState(false);
-  const [focused, setFocused] = React2.useState(false);
+  const [closed, setClosed] = React.useState(() => /* @__PURE__ */ new Set());
+  const [hovered, setHovered] = React.useState(false);
+  const [focused, setFocused] = React.useState(false);
   const order = toasts.filter((t) => !closed.has(t.id)).map((t) => t.id).reverse();
   const expanded = expand || order.length > 0 && (hovered || focused);
-  const viewportRef = React2.useRef(null);
-  const heights = React2.useRef(/* @__PURE__ */ new Map());
-  const state = React2.useRef({ order, expanded, visibleToasts });
+  const viewportRef = React.useRef(null);
+  const heights = React.useRef(/* @__PURE__ */ new Map());
+  const state = React.useRef({ order, expanded, visibleToasts });
   state.current = { order, expanded, visibleToasts };
-  const layout = React2.useCallback(() => {
+  const layout = React.useCallback(() => {
     const ol = viewportRef.current;
     if (!ol) return;
     const { order: order2, expanded: expanded2, visibleToasts: visibleToasts2 } = state.current;
@@ -239,18 +81,18 @@ function Toaster({ expand = false, visibleToasts = 3 }) {
       region.removeEventListener("focusout", focusOut);
     };
   }, [layout]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (order.length === 0) {
       setHovered(false);
       setFocused(false);
     }
   }, [order.length]);
-  return /* @__PURE__ */ jsxs(RadixToast2.Provider, { swipeDirection: dir === "rtl" ? "left" : "right", children: [
+  return /* @__PURE__ */ jsxs(RadixToast.Provider, { swipeDirection: dir === "rtl" ? "left" : "right", children: [
     toasts.map((t) => {
       const i = order.indexOf(t.id);
       const action = t.action ?? (t.undo && { label: t.undo.label ?? messages.undo, onClick: t.undo.onUndo });
       return /* @__PURE__ */ jsxs(
-        RadixToast2.Root,
+        RadixToast.Root,
         {
           "data-toast-id": t.id,
           "data-front": i === -1 ? void 0 : i === 0,
@@ -292,11 +134,11 @@ function Toaster({ expand = false, visibleToasts = 3 }) {
           duration: t.duration ?? 5e3,
           children: [
             /* @__PURE__ */ jsxs("div", { className: "grid gap-1", children: [
-              /* @__PURE__ */ jsx2(RadixToast2.Title, { className: "text-title-sm", children: t.title }),
-              t.description && /* @__PURE__ */ jsx2(RadixToast2.Description, { className: "text-body-sm text-[color-mix(in_srgb,var(--color-inverse-on-surface)_80%,transparent)]", children: t.description })
+              /* @__PURE__ */ jsx(RadixToast.Title, { className: "text-title-sm", children: t.title }),
+              t.description && /* @__PURE__ */ jsx(RadixToast.Description, { className: "text-body-sm text-[color-mix(in_srgb,var(--color-inverse-on-surface)_80%,transparent)]", children: t.description })
             ] }),
-            action && /* @__PURE__ */ jsx2(
-              RadixToast2.Action,
+            action && /* @__PURE__ */ jsx(
+              RadixToast.Action,
               {
                 altText: action.label,
                 onClick: action.onClick,
@@ -304,17 +146,17 @@ function Toaster({ expand = false, visibleToasts = 3 }) {
                 children: action.label
               }
             ),
-            /* @__PURE__ */ jsxs(RadixToast2.Close, { className: "nx-state-layer relative grid h-8 w-8 place-items-center rounded-full transition-opacity [@media(hover:hover)]:opacity-0 group-hover:opacity-100 focus-visible:opacity-100", children: [
-              /* @__PURE__ */ jsx2(X, { size: "sm", "aria-hidden": "true" }),
-              /* @__PURE__ */ jsx2("span", { className: "sr-only", children: messages.close })
+            /* @__PURE__ */ jsxs(RadixToast.Close, { className: "nx-state-layer relative grid h-8 w-8 place-items-center rounded-full transition-opacity [@media(hover:hover)]:opacity-0 group-hover:opacity-100 focus-visible:opacity-100", children: [
+              /* @__PURE__ */ jsx(X, { size: "sm", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: messages.close })
             ] })
           ]
         },
         t.id
       );
     }),
-    /* @__PURE__ */ jsx2(
-      RadixToast2.Viewport,
+    /* @__PURE__ */ jsx(
+      RadixToast.Viewport,
       {
         ref: viewportRef,
         label: messages.notifications,
@@ -330,10 +172,6 @@ function Toaster({ expand = false, visibleToasts = 3 }) {
   ] });
 }
 Toaster.displayName = "Toaster";
-
 export {
-  Toast,
-  useToastStore,
-  toast,
   Toaster
 };

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

@@ -0,0 +1,5 @@
+export { Toast } from './Toast.js';
+export { Toaster } from './Toaster.js';
+export type { ToasterProps } from './Toaster.js';
+export { toast, useToastStore } from './useToast.js';
+export type { ToastItem, ToastTone, UndoableToastOptions } from './useToast.js';

package/dist/components/Toast/index.js

@@ -1,13 +1,6 @@
-'use client';
-import {
-  Toast,
-  Toaster,
-  toast,
-  useToastStore
-} from "../../chunk-MQGBAWSJ.js";
-import "../../chunk-NHUQLIHL.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { Toast } from "./Toast.js";
+import { Toaster } from "./Toaster.js";
+import { toast, useToastStore } from "./useToast.js";
 export {
   Toast,
   Toaster,

package/dist/components/Toast/useToast.d.ts

@@ -0,0 +1,45 @@
+export type ToastTone = 'success' | 'error' | 'warning' | 'info' | 'neutral';
+export interface ToastItem {
+    id: string;
+    title: string;
+    description?: string;
+    tone?: ToastTone;
+    duration?: number;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    /** An Undo action; its label defaults to the `undo` message. Set by `toast.undoable`. */
+    undo?: {
+        label?: string;
+        onUndo: () => void;
+    };
+    /** Called once when the toast closes, however it closes (timer, swipe, close, action, dismiss). */
+    onClose?: () => void;
+}
+export interface UndoableToastOptions {
+    /** Called when Undo is clicked; the toast then closes. */
+    onUndo: () => void;
+    /** Called once when the toast closes any other way — the change is final. */
+    onCommit?: () => void;
+    /** @default the `undo` message ('Undo') */
+    undoLabel?: string;
+    description?: string;
+    duration?: number;
+}
+export declare function useToastStore(): ToastItem[];
+/** Runs a toast's onClose at most once. Internal: the Toaster calls it when Radix closes a toast. */
+export declare function fireToastClose(item: ToastItem): void;
+declare function dismiss(id?: string): void;
+declare function undoable(title: string, { onUndo, onCommit, undoLabel, description, duration }: UndoableToastOptions): string;
+export declare const toast: {
+    success: (title: string, opts?: Partial<Omit<ToastItem, "id" | "title" | "tone">>) => string;
+    error: (title: string, opts?: Partial<Omit<ToastItem, "id" | "title" | "tone">>) => string;
+    info: (title: string, opts?: Partial<Omit<ToastItem, "id" | "title" | "tone">>) => string;
+    warning: (title: string, opts?: Partial<Omit<ToastItem, "id" | "title" | "tone">>) => string;
+    custom: (title: string, opts?: Partial<Omit<ToastItem, "id" | "title" | "tone">>) => string;
+    /** A toast with an Undo action: Undo calls `onUndo`; any other close calls `onCommit`, once. */
+    undoable: typeof undoable;
+    dismiss: typeof dismiss;
+};
+export {};

package/dist/components/Toast/useToast.js

@@ -0,0 +1,74 @@
+"use client";
+import { useState, useEffect } from "react";
+const g = typeof window !== "undefined" ? (() => {
+  const _g = globalThis;
+  _g.__nexub_toast_items ??= [];
+  _g.__nexub_toast_listeners ??= /* @__PURE__ */ new Set();
+  _g.__nexub_toast_counter ??= 0;
+  return _g;
+})() : { __nexub_toast_items: [], __nexub_toast_listeners: /* @__PURE__ */ new Set(), __nexub_toast_counter: 0 };
+function notify() {
+  g.__nexub_toast_listeners.forEach((l) => l([...g.__nexub_toast_items]));
+}
+function add(item) {
+  const id = String(++g.__nexub_toast_counter);
+  g.__nexub_toast_items = [...g.__nexub_toast_items, { ...item, id }];
+  notify();
+  return id;
+}
+function useToastStore() {
+  const [state, setState] = useState([...g.__nexub_toast_items]);
+  useEffect(() => {
+    g.__nexub_toast_listeners.add(setState);
+    return () => {
+      g.__nexub_toast_listeners.delete(setState);
+    };
+  }, []);
+  return state;
+}
+const closeFired = /* @__PURE__ */ new Set();
+function fireToastClose(item) {
+  if (closeFired.has(item.id)) return;
+  closeFired.add(item.id);
+  item.onClose?.();
+}
+function dismiss(id) {
+  const removed = id ? g.__nexub_toast_items.filter((i) => i.id === id) : g.__nexub_toast_items;
+  g.__nexub_toast_items = id ? g.__nexub_toast_items.filter((i) => i.id !== id) : [];
+  notify();
+  for (const item of removed) {
+    fireToastClose(item);
+    closeFired.delete(item.id);
+  }
+}
+function undoable(title, { onUndo, onCommit, undoLabel, description, duration }) {
+  let undone = false;
+  return add({
+    title,
+    tone: "neutral",
+    description,
+    duration,
+    undo: { label: undoLabel, onUndo: () => {
+      undone = true;
+      onUndo();
+    } },
+    onClose: () => {
+      if (!undone) onCommit?.();
+    }
+  });
+}
+const toast = {
+  success: (title, opts) => add({ title, tone: "success", ...opts }),
+  error: (title, opts) => add({ title, tone: "error", ...opts }),
+  info: (title, opts) => add({ title, tone: "info", ...opts }),
+  warning: (title, opts) => add({ title, tone: "warning", ...opts }),
+  custom: (title, opts) => add({ title, tone: "neutral", ...opts }),
+  /** A toast with an Undo action: Undo calls `onUndo`; any other close calls `onCommit`, once. */
+  undoable,
+  dismiss
+};
+export {
+  fireToastClose,
+  toast,
+  useToastStore
+};

package/dist/components/Toggle/Toggle.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import * as RadixToggle from '@radix-ui/react-toggle';
+import { type VariantProps } from 'class-variance-authority';
+export declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ToggleProps extends RadixToggle.ToggleProps, VariantProps<typeof toggleVariants> {
+}
+export declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/{chunk-NMSQDI4A.js → components/Toggle/Toggle.js}

@@ -1,14 +1,10 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Toggle/Toggle.tsx
+"use client";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadixToggle from "@radix-ui/react-toggle";
 import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var toggleVariants = cva(
+import { cn } from "../../utils/cn.js";
+const toggleVariants = cva(
   [
     // Pressable capsule; on = the secondary container (tonal selection).
     "nx-state-layer nx-press relative inline-flex items-center justify-center gap-2 rounded-shape-control select-none",
@@ -31,7 +27,7 @@ var toggleVariants = cva(
     defaultVariants: { variant: "default", size: "md" }
   }
 );
-var Toggle = React.forwardRef(
+const Toggle = React.forwardRef(
   ({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
     RadixToggle.Root,
     {
@@ -42,8 +38,7 @@ var Toggle = React.forwardRef(
   )
 );
 Toggle.displayName = "Toggle";
-
 export {
-  toggleVariants,
-  Toggle
+  Toggle,
+  toggleVariants
 };

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

@@ -0,0 +1,2 @@
+export { Toggle, toggleVariants } from './Toggle.js';
+export type { ToggleProps } from './Toggle.js';

package/dist/components/Toggle/index.js

@@ -1,10 +1,4 @@
-'use client';
-import "../../chunk-YJU4ZRQZ.js";
-import {
-  Toggle,
-  toggleVariants
-} from "../../chunk-NMSQDI4A.js";
-import "../../chunk-WRVFNYO3.js";
+import { Toggle, toggleVariants } from "./Toggle.js";
 export {
   Toggle,
   toggleVariants

package/dist/components/ToggleGroup/ToggleGroup.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import * as RadixToggleGroup from '@radix-ui/react-toggle-group';
+import { toggleVariants } from '../Toggle/Toggle.js';
+import type { VariantProps } from 'class-variance-authority';
+type RootProps = (RadixToggleGroup.ToggleGroupSingleProps | RadixToggleGroup.ToggleGroupMultipleProps) & {
+    variant?: VariantProps<typeof toggleVariants>['variant'];
+    size?: VariantProps<typeof toggleVariants>['size'];
+};
+export declare const ToggleGroup: {
+    Root: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<RadixToggleGroup.ToggleGroupItemProps & VariantProps<(props?: ({
+        variant?: "default" | "outline" | null | undefined;
+        size?: "sm" | "md" | "lg" | null | undefined;
+    } & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+};
+export {};

package/dist/{chunk-UOBWHPXG.js → components/ToggleGroup/ToggleGroup.js}

@@ -1,17 +1,11 @@
-'use client';
-import {
-  toggleVariants
-} from "./chunk-NMSQDI4A.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/ToggleGroup/ToggleGroup.tsx
+"use client";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadixToggleGroup from "@radix-ui/react-toggle-group";
-import { jsx } from "react/jsx-runtime";
-var ToggleGroupContext = React.createContext({});
-var Root2 = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+import { toggleVariants } from "../Toggle/Toggle.js";
+const ToggleGroupContext = React.createContext({});
+const Root = React.forwardRef(
   ({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children: /* @__PURE__ */ jsx(
     RadixToggleGroup.Root,
     {
@@ -21,8 +15,8 @@ var Root2 = React.forwardRef(
     }
   ) })
 );
-Root2.displayName = "ToggleGroup.Root";
-var Item2 = React.forwardRef(
+Root.displayName = "ToggleGroup.Root";
+const Item = React.forwardRef(
   ({ className, variant, size, ...props }, ref) => {
     const ctx = React.useContext(ToggleGroupContext);
     return /* @__PURE__ */ jsx(
@@ -35,9 +29,8 @@ var Item2 = React.forwardRef(
     );
   }
 );
-Item2.displayName = "ToggleGroup.Item";
-var ToggleGroup = { Root: Root2, Item: Item2 };
-
+Item.displayName = "ToggleGroup.Item";
+const ToggleGroup = { Root, Item };
 export {
   ToggleGroup
 };

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

@@ -0,0 +1 @@
+export { ToggleGroup } from './ToggleGroup.js';

package/dist/components/ToggleGroup/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  ToggleGroup
-} from "../../chunk-UOBWHPXG.js";
-import "../../chunk-NMSQDI4A.js";
-import "../../chunk-WRVFNYO3.js";
+import { ToggleGroup } from "./ToggleGroup.js";
 export {
   ToggleGroup
 };

package/dist/components/Toolbar/Toolbar.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import * as RadixToolbar from '@radix-ui/react-toolbar';
+export interface ToolbarRootProps extends RadixToolbar.ToolbarProps {
+    /**
+     * Floating toolbar (Apple / M3 Expressive): a glass capsule for the control
+     * layer above content, e.g. editor or selection actions.
+     */
+    floating?: boolean;
+    /** With `floating`: pin it to the bottom centre of the viewport. */
+    placement?: 'bottom';
+}
+export declare const Toolbar: {
+    Root: React.ForwardRefExoticComponent<ToolbarRootProps & React.RefAttributes<HTMLDivElement>>;
+    Button: React.ForwardRefExoticComponent<RadixToolbar.ToolbarButtonProps & React.RefAttributes<HTMLButtonElement>>;
+    Separator: React.ForwardRefExoticComponent<RadixToolbar.ToolbarSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+    ToggleGroup: React.ForwardRefExoticComponent<(RadixToolbar.ToolbarToggleGroupSingleProps | RadixToolbar.ToolbarToggleGroupMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+    ToggleItem: React.ForwardRefExoticComponent<RadixToolbar.ToolbarToggleItemProps & React.RefAttributes<HTMLButtonElement>>;
+};

package/dist/{chunk-WGW7TZOV.js → components/Toolbar/Toolbar.js}

@@ -1,16 +1,10 @@
-'use client';
-import {
-  glassSurfaceClass
-} from "./chunk-DEIBF3P7.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Toolbar/Toolbar.tsx
+"use client";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadixToolbar from "@radix-ui/react-toolbar";
-import { jsx } from "react/jsx-runtime";
-var Root2 = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+import { glassSurfaceClass } from "../../utils/glass.js";
+const Root = React.forwardRef(
   ({ className, floating = false, placement, ...props }, ref) => /* @__PURE__ */ jsx(
     RadixToolbar.Root,
     {
@@ -26,16 +20,16 @@ var Root2 = React.forwardRef(
     }
   )
 );
-Root2.displayName = "Toolbar.Root";
-var item = [
+Root.displayName = "Toolbar.Root";
+const item = [
   "nx-state-layer nx-press relative inline-flex h-control-sm items-center justify-center gap-1.5 rounded-shape-control text-label-lg text-[var(--color-on-surface)] select-none",
   "disabled:pointer-events-none disabled:text-[var(--color-text-disabled)]"
 ].join(" ");
-var ToolbarButton = React.forwardRef(
+const ToolbarButton = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadixToolbar.Button, { ref, className: cn(item, "px-3", className), ...props })
 );
 ToolbarButton.displayName = "Toolbar.Button";
-var Separator2 = React.forwardRef(
+const Separator = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     RadixToolbar.Separator,
     {
@@ -45,8 +39,8 @@ var Separator2 = React.forwardRef(
     }
   )
 );
-Separator2.displayName = "Toolbar.Separator";
-var ToggleGroup2 = React.forwardRef(
+Separator.displayName = "Toolbar.Separator";
+const ToggleGroup = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     RadixToolbar.ToggleGroup,
     {
@@ -56,8 +50,8 @@ var ToggleGroup2 = React.forwardRef(
     }
   )
 );
-ToggleGroup2.displayName = "Toolbar.ToggleGroup";
-var ToggleItem2 = React.forwardRef(
+ToggleGroup.displayName = "Toolbar.ToggleGroup";
+const ToggleItem = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     RadixToolbar.ToggleItem,
     {
@@ -71,9 +65,8 @@ var ToggleItem2 = React.forwardRef(
     }
   )
 );
-ToggleItem2.displayName = "Toolbar.ToggleItem";
-var Toolbar = { Root: Root2, Button: ToolbarButton, Separator: Separator2, ToggleGroup: ToggleGroup2, ToggleItem: ToggleItem2 };
-
+ToggleItem.displayName = "Toolbar.ToggleItem";
+const Toolbar = { Root, Button: ToolbarButton, Separator, ToggleGroup, ToggleItem };
 export {
   Toolbar
 };