@moduix/react 2.2.0 → 2.2.4

package/dist/components/timer/{Timer.css → Timer_module.css}

@@ -1,42 +1,47 @@
 @layer moduix.components {
-  .Z6b--a_root {
+  .root-B1LvxX {
     box-sizing: border-box;
     place-items: center;
     gap: var(--moduix-timer-gap, var(--moduix-spacing-3));
     width: var(--moduix-timer-width, max-content);
+    max-inline-size: 100%;
     color: var(--moduix-timer-color, var(--moduix-color-foreground));
     display: inline-grid;
   }
 
-  .Z6b--a_area {
+  .area-d816X5 {
+    justify-content: center;
     align-items: baseline;
     gap: var(--moduix-timer-area-gap, var(--moduix-spacing-1));
+    min-inline-size: 0;
+    max-inline-size: 100%;
     font-size: var(--moduix-timer-area-font-size, var(--moduix-text-2xl));
     font-weight: var(--moduix-timer-area-font-weight, var(--moduix-weight-semibold));
     line-height: var(--moduix-timer-area-line-height, var(--moduix-line-height-text-sm));
     font-variant-numeric: tabular-nums;
     letter-spacing: 0;
+    flex-wrap: wrap;
     display: inline-flex;
   }
 
-  .Z6b--a_item {
+  .item-dD6s97 {
     min-width: var(--moduix-timer-item-min-width, 2ch);
     color: var(--moduix-timer-item-color, currentColor);
     text-align: var(--moduix-timer-item-text-align, center);
   }
 
-  .Z6b--a_separator {
+  .separator-l7BCkv {
     color: var(--moduix-timer-separator-color, var(--moduix-color-muted-foreground));
   }
 
-  .Z6b--a_control {
+  .control-KNVBXy {
     align-items: center;
     gap: var(--moduix-timer-control-gap, var(--moduix-spacing-2));
     flex-wrap: wrap;
     display: inline-flex;
   }
 
-  .Z6b--a_actionTrigger {
+  .actionTrigger-kFCEw_ {
     box-sizing: border-box;
     justify-content: center;
     align-items: center;
@@ -64,33 +69,34 @@
       box-shadow var(--moduix-timer-action-trigger-transition, var(--moduix-transition-default));
     margin: 0;
     display: inline-flex;
+  }
 
-    @media (hover: hover) {
-      &:hover {
-        background-color: var(--moduix-timer-action-trigger-bg-hover, var(--moduix-color-accent));
-      }
+  @media (hover: hover) {
+    .actionTrigger-kFCEw_:hover {
+      background-color: var(--moduix-timer-action-trigger-bg-hover, var(--moduix-color-accent));
     }
+  }
 
-    &:focus-visible {
-      outline: var(--moduix-timer-action-trigger-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
+  .actionTrigger-kFCEw_:focus-visible {
+    outline: var(--moduix-timer-action-trigger-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)))
         solid var(--moduix-timer-action-trigger-focus-ring-color, var(--moduix-color-ring));
-      outline-offset: var(--moduix-timer-action-trigger-focus-ring-offset, var(--moduix-focus-ring-inset-offset));
-    }
+    outline-offset: var(--moduix-timer-action-trigger-focus-ring-offset, var(--moduix-focus-ring-inset-offset));
+  }
 
-    &:is(:disabled, [aria-disabled="true"]) {
-      opacity: var(--moduix-timer-action-trigger-disabled-opacity, var(--moduix-opacity-disabled));
-      cursor: default;
-      pointer-events: none;
-    }
+  .actionTrigger-kFCEw_:is(:disabled, [aria-disabled="true"]) {
+    opacity: var(--moduix-timer-action-trigger-disabled-opacity, var(--moduix-opacity-disabled));
+    cursor: default;
+    pointer-events: none;
+  }
 
-    &[hidden] {
-      display: none;
-    }
+  .actionTrigger-kFCEw_[hidden] {
+    display: none;
+  }
 
-    & :where(svg) {
-      width: var(--moduix-timer-action-trigger-icon-size, var(--moduix-spacing-4));
-      height: var(--moduix-timer-action-trigger-icon-size, var(--moduix-spacing-4));
-      flex-shrink: 0;
-    }
+  .actionTrigger-kFCEw_ :where(svg) {
+    width: var(--moduix-timer-action-trigger-icon-size, var(--moduix-spacing-4));
+    height: var(--moduix-timer-action-trigger-icon-size, var(--moduix-spacing-4));
+    flex-shrink: 0;
   }
 }
+

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

@@ -1,2 +1 @@
-import { Timer, useTimer, useTimerContext } from "./Timer.js";
-export { Timer, useTimer, useTimerContext };
+export { Timer, useTimer, useTimerContext } from './Timer.js';

package/dist/components/timer/index.js

@@ -0,0 +1 @@
+export { Timer, useTimer, useTimerContext } from "./Timer.js";

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

@@ -1,19 +1,17 @@
-import { OverlayPortalProps } from "../../lib/moduix/overlayPortal.js";
-import { ComponentProps } from "react";
-import { Toast, Toaster, createToaster } from "@ark-ui/react/toast";
-
-//#region src/components/toast/Toast.d.ts
-type ToasterProps = Omit<ComponentProps<typeof Toaster>, 'children'> & OverlayPortalProps & {
-  children?: ComponentProps<typeof Toaster>['children'];
+import { Toast as ToastPrimitive, Toaster as ToasterPrimitive, createToaster, useToastContext } from '@ark-ui/react/toast';
+import type { ComponentProps } from 'react';
+import type { OverlayPortalProps } from '../../internal/overlayPortal';
+type ToasterProps = Omit<ComponentProps<typeof ToasterPrimitive>, 'children'> & OverlayPortalProps & {
+    children?: ComponentProps<typeof ToasterPrimitive>['children'];
 };
-declare const Toaster$1: import("react").ForwardRefExoticComponent<Omit<ToasterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-declare const Toast$1: import("react").ForwardRefExoticComponent<Omit<Toast.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<Toast.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Title: import("react").ForwardRefExoticComponent<Omit<Toast.TitleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Description: import("react").ForwardRefExoticComponent<Omit<Toast.DescriptionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  ActionTrigger: import("react").ForwardRefExoticComponent<Omit<Toast.ActionTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  CloseTrigger: import("react").ForwardRefExoticComponent<Omit<Toast.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Toaster: import("react").ForwardRefExoticComponent<Omit<ToasterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Toaster: import("react").ForwardRefExoticComponent<Omit<ToasterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Toast: import("react").ForwardRefExoticComponent<Omit<ToastPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<ToastPrimitive.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: ToastPrimitive.ContextProps) => import("react").ReactNode;
+    Title: import("react").ForwardRefExoticComponent<Omit<ToastPrimitive.TitleProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Description: import("react").ForwardRefExoticComponent<Omit<ToastPrimitive.DescriptionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    ActionTrigger: import("react").ForwardRefExoticComponent<Omit<ToastPrimitive.ActionTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    CloseTrigger: import("react").ForwardRefExoticComponent<Omit<ToastPrimitive.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Toaster: import("react").ForwardRefExoticComponent<Omit<ToasterProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 };
-//#endregion
-export { Toast$1 as Toast, Toaster$1 as Toaster, createToaster };
+export { Toast, Toaster, createToaster, useToastContext };

package/dist/components/toast/Toast.js

@@ -1,101 +1,107 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import { CloseButton } from "../close-button/CloseButton.js";
-import Toast_module_default from "./Toast.module.js";
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Portal } from "@ark-ui/react/portal";
+import { Toast, Toaster as toast_Toaster, createToaster, useToastContext } from "@ark-ui/react/toast";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Toast, Toaster, createToaster, useToastContext } from "@ark-ui/react/toast";
-//#region src/components/toast/Toast.tsx
-const DEFAULT_CLOSE_TRIGGER_LABEL = "Close toast";
-const Toaster$1 = forwardRef(function Toaster$2({ className, portalled = true, portalRef, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Portal, {
-		disabled: !portalled,
-		container: portalRef,
-		children: /* @__PURE__ */ jsx(Toaster, {
-			ref,
-			"data-slot": "toast-toaster",
-			className: clsx(Toast_module_default.toaster, normalizeClassName(className)),
-			...props,
-			children: props.children ?? ((toast) => /* @__PURE__ */ jsx(DefaultToast, { toast }))
-		})
-	});
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import { CloseButton } from "../close-button/index.js";
+import Toast_module from "./Toast.module.js";
+const DEFAULT_CLOSE_TRIGGER_LABEL = 'Close toast';
+const Toast_Toaster = /*#__PURE__*/ forwardRef(function({ className, portalled = true, portalRef, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Portal, {
+        disabled: !portalled,
+        container: portalRef,
+        children: /*#__PURE__*/ jsx(toast_Toaster, {
+            ref: ref,
+            "data-slot": "toast-toaster",
+            className: clsx(Toast_module.toaster, normalizeClassName(className)),
+            ...props,
+            children: props.children ?? ((toast)=>/*#__PURE__*/ jsx(DefaultToast, {
+                    toast: toast
+                }))
+        })
+    });
 });
 function DefaultToast({ toast }) {
-	return /* @__PURE__ */ jsxs(ToastRoot, { children: [
-		toast.title != null ? /* @__PURE__ */ jsx(ToastTitle, {}) : null,
-		toast.description != null ? /* @__PURE__ */ jsx(ToastDescription, {}) : null,
-		toast.action ? /* @__PURE__ */ jsx(ToastActionTrigger, { children: toast.action.label }) : null,
-		toast.closable !== false ? /* @__PURE__ */ jsx(ToastCloseTrigger, {}) : null
-	] }, toast.id);
+    return /*#__PURE__*/ jsxs(Toast_ToastRoot, {
+        children: [
+            null != toast.title ? /*#__PURE__*/ jsx(Toast_ToastTitle, {}) : null,
+            null != toast.description ? /*#__PURE__*/ jsx(Toast_ToastDescription, {}) : null,
+            toast.action ? /*#__PURE__*/ jsx(Toast_ToastActionTrigger, {
+                children: toast.action.label
+            }) : null,
+            false !== toast.closable ? /*#__PURE__*/ jsx(Toast_ToastCloseTrigger, {}) : null
+        ]
+    }, toast.id);
 }
-const ToastRoot = forwardRef(function ToastRoot({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Toast.Root, {
-		ref,
-		"data-slot": "toast-root",
-		className: clsx(Toast_module_default.root, normalizeClassName(className)),
-		...props
-	});
+const Toast_ToastRoot = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toast.Root, {
+        ref: ref,
+        "data-slot": "toast-root",
+        className: clsx(Toast_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const ToastTitle = forwardRef(function ToastTitle({ className, children, ...props }, ref) {
-	const toast = useToastContext();
-	return /* @__PURE__ */ jsx(Toast.Title, {
-		ref,
-		"data-slot": "toast-title",
-		className: clsx(Toast_module_default.title, normalizeClassName(className)),
-		...props,
-		children: children === void 0 ? toast.title : children
-	});
+const Toast_ToastTitle = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    const toast = useToastContext();
+    return /*#__PURE__*/ jsx(Toast.Title, {
+        ref: ref,
+        "data-slot": "toast-title",
+        className: clsx(Toast_module.title, normalizeClassName(className)),
+        ...props,
+        children: void 0 === children ? toast.title : children
+    });
 });
-const ToastDescription = forwardRef(function ToastDescription({ className, children, ...props }, ref) {
-	const toast = useToastContext();
-	return /* @__PURE__ */ jsx(Toast.Description, {
-		ref,
-		"data-slot": "toast-description",
-		className: clsx(Toast_module_default.description, normalizeClassName(className)),
-		...props,
-		children: children === void 0 ? toast.description : children
-	});
+const Toast_ToastDescription = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    const toast = useToastContext();
+    return /*#__PURE__*/ jsx(Toast.Description, {
+        ref: ref,
+        "data-slot": "toast-description",
+        className: clsx(Toast_module.description, normalizeClassName(className)),
+        ...props,
+        children: void 0 === children ? toast.description : children
+    });
 });
-const ToastActionTrigger = forwardRef(function ToastActionTrigger({ asChild, className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Toast.ActionTrigger, {
-		ref,
-		asChild,
-		"data-slot": "toast-action-trigger",
-		className: clsx(!asChild && Toast_module_default.actionTrigger, normalizeClassName(className)),
-		...props,
-		children
-	});
+const Toast_ToastActionTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toast.ActionTrigger, {
+        ref: ref,
+        asChild: asChild,
+        "data-slot": "toast-action-trigger",
+        className: clsx(!asChild && Toast_module.actionTrigger, normalizeClassName(className)),
+        ...props,
+        children: children
+    });
 });
-const ToastCloseTrigger = forwardRef(function ToastCloseTrigger({ asChild, className, children, "aria-label": ariaLabel = DEFAULT_CLOSE_TRIGGER_LABEL, ...props }, ref) {
-	if (asChild) return /* @__PURE__ */ jsx(Toast.CloseTrigger, {
-		ref,
-		asChild: true,
-		"data-slot": "toast-close-trigger",
-		"aria-label": ariaLabel,
-		className: normalizeClassName(className),
-		...props,
-		children
-	});
-	return /* @__PURE__ */ jsx(Toast.CloseTrigger, {
-		asChild: true,
-		children: /* @__PURE__ */ jsx(CloseButton.Root, {
-			ref,
-			"data-slot": "toast-close-trigger",
-			"aria-label": ariaLabel,
-			className: clsx(Toast_module_default.closeTrigger, normalizeClassName(className)),
-			...props,
-			children
-		})
-	});
+const Toast_ToastCloseTrigger = /*#__PURE__*/ forwardRef(function({ asChild, className, children, 'aria-label': ariaLabel = DEFAULT_CLOSE_TRIGGER_LABEL, ...props }, ref) {
+    if (asChild) return /*#__PURE__*/ jsx(Toast.CloseTrigger, {
+        ref: ref,
+        asChild: true,
+        "data-slot": "toast-close-trigger",
+        "aria-label": ariaLabel,
+        className: normalizeClassName(className),
+        ...props,
+        children: children
+    });
+    return /*#__PURE__*/ jsx(Toast.CloseTrigger, {
+        asChild: true,
+        children: /*#__PURE__*/ jsx(CloseButton.Root, {
+            ref: ref,
+            "data-slot": "toast-close-trigger",
+            "aria-label": ariaLabel,
+            className: clsx(Toast_module.closeTrigger, normalizeClassName(className)),
+            ...props,
+            children: children
+        })
+    });
 });
-const Toast$1 = Object.assign(ToastRoot, {
-	Root: ToastRoot,
-	Title: ToastTitle,
-	Description: ToastDescription,
-	ActionTrigger: ToastActionTrigger,
-	CloseTrigger: ToastCloseTrigger,
-	Toaster: Toaster$1
+const Toast_Toast = Object.assign(Toast_ToastRoot, {
+    Root: Toast_ToastRoot,
+    Context: Toast.Context,
+    Title: Toast_ToastTitle,
+    Description: Toast_ToastDescription,
+    ActionTrigger: Toast_ToastActionTrigger,
+    CloseTrigger: Toast_ToastCloseTrigger,
+    Toaster: Toast_Toaster
 });
-//#endregion
-export { Toast$1 as Toast, Toaster$1 as Toaster, createToaster };
+export { Toast_Toast as Toast, Toast_Toaster as Toaster, createToaster, useToastContext };

package/dist/components/toast/Toast.module.js

@@ -1,12 +1,10 @@
-import './Toast.css';
-//#region src/components/toast/Toast.module.css
-var Toast_module_default = {
-	"actionTrigger": "o69bxG_actionTrigger",
-	"closeTrigger": "o69bxG_closeTrigger",
-	"description": "o69bxG_description",
-	"root": "o69bxG_root",
-	"title": "o69bxG_title",
-	"toaster": "o69bxG_toaster"
+import "./Toast_module.css";
+const Toast_module = {
+    toaster: "toaster-m5bxJd",
+    root: "root-p_jC2T",
+    title: "title-MTy3zi",
+    description: "description-AIx4K_",
+    actionTrigger: "actionTrigger-ftU5e1",
+    closeTrigger: "closeTrigger-IYs7Wg"
 };
-//#endregion
-export { Toast_module_default as default };
+export default Toast_module;

package/dist/components/toast/{Toast.css → Toast_module.css}

@@ -1,9 +1,9 @@
 @layer moduix.components {
-  .o69bxG_toaster {
+  .toaster-m5bxJd {
     z-index: var(--moduix-toast-z-index, var(--moduix-z-toast));
   }
 
-  .o69bxG_root {
+  .root-p_jC2T {
     --moduix-toast-trigger-bg-default: transparent;
     --moduix-toast-trigger-bg-hover-default: var(--moduix-color-accent);
     --moduix-toast-trigger-border-color-default: var(--moduix-color-border);
@@ -23,7 +23,6 @@
     box-shadow: var(--moduix-toast-shadow, var(--moduix-shadow-lg));
     padding: var(--moduix-toast-padding, var(--moduix-spacing-4));
     pointer-events: auto;
-    user-select: none;
     translate: var(--x) var(--y);
     scale: var(--scale);
     z-index: var(--z-index);
@@ -40,49 +39,49 @@
         var(--moduix-toast-close-size, var(--moduix-spacing-7)));
     transition-timing-function: cubic-bezier(.21, 1.02, .73, 1);
     display: grid;
+  }
 
-    &[data-state="closed"] {
-      transition: translate var(--moduix-toast-transition-out, var(--moduix-duration-slow)),
+  .root-p_jC2T[data-state="closed"] {
+    transition: translate var(--moduix-toast-transition-out, var(--moduix-duration-slow)),
         scale var(--moduix-toast-transition-out, var(--moduix-duration-slow)),
         opacity var(--moduix-toast-opacity-transition-out, var(--moduix-duration-normal));
-      transition-timing-function: cubic-bezier(.06, .71, .55, 1);
-    }
+    transition-timing-function: cubic-bezier(.06, .71, .55, 1);
+  }
 
-    &[data-type="success"] {
-      --moduix-toast-bg-default: color-mix(in oklab,
+  .root-p_jC2T[data-type="success"] {
+    --moduix-toast-bg-default: color-mix(in oklab,
         var(--moduix-color-success) 10%,
         var(--moduix-color-background));
-      --moduix-toast-border-color-default: color-mix(in oklab,
+    --moduix-toast-border-color-default: color-mix(in oklab,
         var(--moduix-color-success) 34%,
         transparent);
-      --moduix-toast-color-default: var(--moduix-color-foreground);
-      --moduix-toast-description-color-default: var(--moduix-color-muted-foreground);
-    }
+    --moduix-toast-color-default: var(--moduix-color-foreground);
+    --moduix-toast-description-color-default: var(--moduix-color-muted-foreground);
+  }
 
-    &[data-type="warning"] {
-      --moduix-toast-bg-default: color-mix(in oklab,
+  .root-p_jC2T[data-type="warning"] {
+    --moduix-toast-bg-default: color-mix(in oklab,
         var(--moduix-color-warning) 13%,
         var(--moduix-color-background));
-      --moduix-toast-border-color-default: color-mix(in oklab,
+    --moduix-toast-border-color-default: color-mix(in oklab,
         var(--moduix-color-warning) 38%,
         transparent);
-      --moduix-toast-color-default: var(--moduix-color-foreground);
-      --moduix-toast-description-color-default: var(--moduix-color-muted-foreground);
-    }
+    --moduix-toast-color-default: var(--moduix-color-foreground);
+    --moduix-toast-description-color-default: var(--moduix-color-muted-foreground);
+  }
 
-    &[data-type="destructive"], &[data-type="error"] {
-      --moduix-toast-bg-default: color-mix(in oklab,
+  .root-p_jC2T[data-type="destructive"], .root-p_jC2T[data-type="error"] {
+    --moduix-toast-bg-default: color-mix(in oklab,
         var(--moduix-color-destructive) 9%,
         var(--moduix-color-background));
-      --moduix-toast-border-color-default: color-mix(in oklab,
+    --moduix-toast-border-color-default: color-mix(in oklab,
         var(--moduix-color-destructive) 35%,
         transparent);
-      --moduix-toast-color-default: var(--moduix-color-foreground);
-      --moduix-toast-description-color-default: var(--moduix-color-muted-foreground);
-    }
+    --moduix-toast-color-default: var(--moduix-color-foreground);
+    --moduix-toast-description-color-default: var(--moduix-color-muted-foreground);
   }
 
-  .o69bxG_title {
+  .title-MTy3zi {
     align-items: center;
     gap: var(--moduix-toast-title-gap, var(--moduix-spacing-2));
     color: inherit;
@@ -93,14 +92,14 @@
     display: flex;
   }
 
-  .o69bxG_description {
+  .description-AIx4K_ {
     color: var(--moduix-toast-description-color, var(--moduix-toast-description-color-default, var(--moduix-color-muted-foreground)));
     font-size: var(--moduix-toast-description-font-size, var(--moduix-text-sm));
     line-height: var(--moduix-toast-description-line-height, var(--moduix-line-height-text-sm));
     margin: 0;
   }
 
-  .o69bxG_actionTrigger {
+  .actionTrigger-ftU5e1 {
     justify-content: center;
     align-items: center;
     gap: var(--moduix-toast-action-gap, var(--moduix-spacing-2));
@@ -120,26 +119,27 @@
     font-weight: var(--moduix-toast-action-font-weight, var(--moduix-weight-medium));
     line-height: var(--moduix-toast-action-line-height, var(--moduix-line-height-text-xs));
     cursor: pointer;
+    -webkit-user-select: none;
     user-select: none;
     white-space: nowrap;
     transition: background var(--moduix-transition-fast),
       border-color var(--moduix-transition-fast),
       color var(--moduix-transition-fast);
     display: inline-flex;
+  }
 
-    &:hover {
-      background: var(--moduix-toast-action-bg-hover, var(--moduix-toast-trigger-bg-hover-default));
-    }
+  .actionTrigger-ftU5e1:hover {
+    background: var(--moduix-toast-action-bg-hover, var(--moduix-toast-trigger-bg-hover-default));
+  }
 
-    &:focus-visible {
-      outline: var(--moduix-toast-focus-ring-width, var(--moduix-toast-action-border-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))))
+  .actionTrigger-ftU5e1:focus-visible {
+    outline: var(--moduix-toast-focus-ring-width, var(--moduix-toast-action-border-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm))))
         solid
         var(--moduix-toast-focus-ring-color, var(--moduix-toast-trigger-focus-ring-color-default));
-      outline-offset: var(--moduix-toast-focus-ring-offset, 0);
-    }
+    outline-offset: var(--moduix-toast-focus-ring-offset, 0);
   }
 
-  .o69bxG_closeTrigger {
+  .closeTrigger-IYs7Wg {
     --moduix-close-button-size: var(--moduix-toast-close-size, var(--moduix-spacing-7));
     --moduix-close-button-icon-size: var(--moduix-toast-close-icon-size, var(--moduix-spacing-3));
     --moduix-close-button-radius: var(--moduix-toast-close-radius, var(--moduix-radius-sm));
@@ -156,15 +156,16 @@
     inset-inline-end: var(--moduix-toast-close-offset-right, var(--moduix-spacing-2));
   }
 
-  @media (width <= 40rem) {
-    .o69bxG_toaster {
+  @media (max-width: 40rem) {
+    .toaster-m5bxJd {
       width: 100%;
     }
 
-    .o69bxG_root {
+    .root-p_jC2T {
       width: calc(100% - (var(--gap) * 2));
       max-width: none;
       inset-inline: 0;
     }
   }
 }
+

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

@@ -1,2 +1 @@
-import { Toast, Toaster, createToaster } from "./Toast.js";
-export { Toast, Toaster, createToaster };
+export { Toast, Toaster, createToaster, useToastContext } from './Toast.js';

package/dist/components/toast/index.js

@@ -0,0 +1 @@
+export { Toast, Toaster, createToaster, useToastContext } from "./Toast.js";

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

@@ -1,17 +1,15 @@
-import { ComponentProps } from "react";
-import { Toggle, useToggleContext } from "@ark-ui/react/toggle";
-
-//#region src/components/toggle/Toggle.d.ts
+import { Toggle as TogglePrimitive, useToggleContext } from '@ark-ui/react/toggle';
+import type { ComponentProps } from 'react';
 type ToggleVariant = 'default' | 'outline' | 'ghost';
 type ToggleSize = 'xs' | 'sm' | 'md' | 'lg' | 'icon-sm' | 'icon-md' | 'icon-lg';
-type ToggleRootProps = ComponentProps<typeof Toggle.Root> & {
-  variant?: ToggleVariant;
-  size?: ToggleSize;
+type ToggleRootProps = ComponentProps<typeof TogglePrimitive.Root> & {
+    variant?: ToggleVariant;
+    size?: ToggleSize;
 };
-declare const Toggle$1: import("react").ForwardRefExoticComponent<Omit<ToggleRootProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<ToggleRootProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Indicator: import("react").ForwardRefExoticComponent<Omit<Toggle.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-  Context: (props: Toggle.ContextProps) => import("react").ReactNode;
+declare const Toggle: import("react").ForwardRefExoticComponent<Omit<ToggleRootProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<ToggleRootProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Indicator: import("react").ForwardRefExoticComponent<Omit<TogglePrimitive.IndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: TogglePrimitive.ContextProps) => import("react").ReactNode;
 };
-//#endregion
-export { Toggle$1 as Toggle, useToggleContext };
+export { Toggle, useToggleContext };
+export type { ToggleRootProps, ToggleSize, ToggleVariant };