@moduix/react 2.1.0 → 2.2.4

package/dist/components/timer/Timer_module.css

@@ -0,0 +1,102 @@
+@layer moduix.components {
+  .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;
+  }
+
+  .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;
+  }
+
+  .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);
+  }
+
+  .separator-l7BCkv {
+    color: var(--moduix-timer-separator-color, var(--moduix-color-muted-foreground));
+  }
+
+  .control-KNVBXy {
+    align-items: center;
+    gap: var(--moduix-timer-control-gap, var(--moduix-spacing-2));
+    flex-wrap: wrap;
+    display: inline-flex;
+  }
+
+  .actionTrigger-kFCEw_ {
+    box-sizing: border-box;
+    justify-content: center;
+    align-items: center;
+    gap: var(--moduix-timer-action-trigger-gap, var(--moduix-spacing-2));
+    min-height: var(--moduix-timer-action-trigger-height, var(--moduix-size-md));
+    border: var(--moduix-timer-action-trigger-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-timer-action-trigger-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-timer-action-trigger-radius, var(--moduix-radius-md));
+    padding-block: var(--moduix-timer-action-trigger-padding-y, var(--moduix-spacing-1-5));
+    padding-inline: var(--moduix-timer-action-trigger-padding-x, var(--moduix-spacing-3));
+    background-color: var(--moduix-timer-action-trigger-bg, var(--moduix-color-background));
+    color: var(--moduix-timer-action-trigger-color, var(--moduix-color-foreground));
+    appearance: none;
+    font: inherit;
+    font-size: var(--moduix-timer-action-trigger-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-timer-action-trigger-font-weight, var(--moduix-weight-medium));
+    line-height: var(--moduix-timer-action-trigger-line-height, var(--moduix-line-height-text-sm));
+    white-space: nowrap;
+    cursor: pointer;
+    transition: background-color
+        var(--moduix-timer-action-trigger-transition, var(--moduix-transition-default)),
+      border-color var(--moduix-timer-action-trigger-transition, var(--moduix-transition-default)),
+      color var(--moduix-timer-action-trigger-transition, var(--moduix-transition-default)),
+      opacity var(--moduix-timer-action-trigger-transition, var(--moduix-transition-default)),
+      box-shadow var(--moduix-timer-action-trigger-transition, var(--moduix-transition-default));
+    margin: 0;
+    display: inline-flex;
+  }
+
+  @media (hover: hover) {
+    .actionTrigger-kFCEw_:hover {
+      background-color: var(--moduix-timer-action-trigger-bg-hover, var(--moduix-color-accent));
+    }
+  }
+
+  .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));
+  }
+
+  .actionTrigger-kFCEw_:is(:disabled, [aria-disabled="true"]) {
+    opacity: var(--moduix-timer-action-trigger-disabled-opacity, var(--moduix-opacity-disabled));
+    cursor: default;
+    pointer-events: none;
+  }
+
+  .actionTrigger-kFCEw_[hidden] {
+    display: none;
+  }
+
+  .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_module.css

@@ -0,0 +1,171 @@
+@layer moduix.components {
+  .toaster-m5bxJd {
+    z-index: var(--moduix-toast-z-index, var(--moduix-z-toast));
+  }
+
+  .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);
+    --moduix-toast-trigger-color-default: var(--moduix-color-foreground);
+    --moduix-toast-trigger-focus-ring-color-default: var(--moduix-color-ring);
+    box-sizing: border-box;
+    width: var(--moduix-toast-width, 20rem);
+    max-width: calc(100vw - (var(--moduix-toast-viewport-inset, var(--moduix-spacing-4)) * 2));
+    min-height: var(--moduix-toast-min-height, 0);
+    align-items: start;
+    gap: var(--moduix-toast-content-gap, var(--moduix-spacing-1));
+    border: var(--moduix-toast-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-toast-border-color, var(--moduix-toast-border-color-default, var(--moduix-color-border)));
+    border-radius: var(--moduix-toast-radius, var(--moduix-radius-lg));
+    background-color: var(--moduix-toast-bg, var(--moduix-toast-bg-default, var(--moduix-color-popover)));
+    color: var(--moduix-toast-color, var(--moduix-toast-color-default, var(--moduix-color-popover-foreground)));
+    box-shadow: var(--moduix-toast-shadow, var(--moduix-shadow-lg));
+    padding: var(--moduix-toast-padding, var(--moduix-spacing-4));
+    pointer-events: auto;
+    translate: var(--x) var(--y);
+    scale: var(--scale);
+    z-index: var(--z-index);
+    height: var(--height);
+    opacity: var(--opacity);
+    will-change: translate, opacity, scale;
+    transition: translate var(--moduix-toast-transition, var(--moduix-duration-slow)),
+      scale var(--moduix-toast-transition, var(--moduix-duration-slow)),
+      opacity var(--moduix-toast-transition, var(--moduix-duration-slow)),
+      height var(--moduix-toast-transition, var(--moduix-duration-slow)),
+      box-shadow var(--moduix-transition-fast);
+    background-clip: padding-box;
+    padding-inline-end: calc(var(--moduix-toast-padding, var(--moduix-spacing-4)) +
+        var(--moduix-toast-close-size, var(--moduix-spacing-7)));
+    transition-timing-function: cubic-bezier(.21, 1.02, .73, 1);
+    display: grid;
+  }
+
+  .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);
+  }
+
+  .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,
+        var(--moduix-color-success) 34%,
+        transparent);
+    --moduix-toast-color-default: var(--moduix-color-foreground);
+    --moduix-toast-description-color-default: var(--moduix-color-muted-foreground);
+  }
+
+  .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,
+        var(--moduix-color-warning) 38%,
+        transparent);
+    --moduix-toast-color-default: var(--moduix-color-foreground);
+    --moduix-toast-description-color-default: var(--moduix-color-muted-foreground);
+  }
+
+  .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,
+        var(--moduix-color-destructive) 35%,
+        transparent);
+    --moduix-toast-color-default: var(--moduix-color-foreground);
+    --moduix-toast-description-color-default: var(--moduix-color-muted-foreground);
+  }
+
+  .title-MTy3zi {
+    align-items: center;
+    gap: var(--moduix-toast-title-gap, var(--moduix-spacing-2));
+    color: inherit;
+    font-size: var(--moduix-toast-title-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-toast-title-font-weight, var(--moduix-weight-semibold));
+    line-height: var(--moduix-toast-title-line-height, var(--moduix-line-height-text-sm));
+    margin: 0;
+    display: flex;
+  }
+
+  .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;
+  }
+
+  .actionTrigger-ftU5e1 {
+    justify-content: center;
+    align-items: center;
+    gap: var(--moduix-toast-action-gap, var(--moduix-spacing-2));
+    width: max-content;
+    min-height: var(--moduix-toast-action-min-height, var(--moduix-size-xs));
+    margin-top: var(--moduix-toast-action-margin-top, var(--moduix-spacing-2));
+    border: var(--moduix-toast-action-border-width, var(--moduix-toast-border-width, var(--moduix-border-width-sm)))
+      solid
+      var(--moduix-toast-action-border-color, var(--moduix-toast-trigger-border-color-default));
+    border-radius: var(--moduix-toast-action-radius, var(--moduix-radius-sm));
+    background: var(--moduix-toast-action-bg, var(--moduix-toast-trigger-bg-default));
+    color: var(--moduix-toast-action-color, var(--moduix-toast-trigger-color-default));
+    padding: var(--moduix-toast-action-padding-y, var(--moduix-spacing-1))
+      var(--moduix-toast-action-padding-x, var(--moduix-spacing-2));
+    font: inherit;
+    font-size: var(--moduix-toast-action-font-size, var(--moduix-text-xs));
+    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;
+  }
+
+  .actionTrigger-ftU5e1:hover {
+    background: var(--moduix-toast-action-bg-hover, var(--moduix-toast-trigger-bg-hover-default));
+  }
+
+  .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);
+  }
+
+  .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));
+    --moduix-close-button-bg: var(--moduix-toast-close-bg, transparent);
+    --moduix-close-button-bg-hover: var(--moduix-toast-close-bg-hover, var(--moduix-color-muted));
+    --moduix-close-button-color: var(--moduix-toast-close-color, var(--moduix-color-muted-foreground));
+    --moduix-close-button-color-hover: var(--moduix-toast-close-color-hover, var(--moduix-color-foreground));
+    --moduix-close-button-focus-ring-color: var(--moduix-toast-focus-ring-color, var(--moduix-color-ring));
+    --moduix-close-button-focus-ring-offset: var(--moduix-toast-close-focus-ring-offset, var(--moduix-focus-ring-offset));
+    --moduix-close-button-focus-ring-width: var(--moduix-toast-close-focus-ring-width, var(--moduix-focus-ring-width, var(--moduix-border-width-md)));
+    --moduix-close-button-transition: var(--moduix-toast-close-transition, var(--moduix-transition-default));
+    position: absolute;
+    inset-block-start: var(--moduix-toast-close-offset-top, var(--moduix-spacing-2));
+    inset-inline-end: var(--moduix-toast-close-offset-right, var(--moduix-spacing-2));
+  }
+
+  @media (max-width: 40rem) {
+    .toaster-m5bxJd {
+      width: 100%;
+    }
+
+    .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 };

package/dist/components/toggle/Toggle.js

@@ -1,32 +1,31 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import Toggle_module_default from "./Toggle.module.js";
-import { clsx } from "clsx";
-import { forwardRef } from "react";
+"use client";
 import { jsx } from "react/jsx-runtime";
 import { Toggle, ToggleContext, useToggleContext } from "@ark-ui/react/toggle";
-//#region src/components/toggle/Toggle.tsx
-const ToggleRoot = forwardRef(function ToggleRoot({ className, variant = "default", size = "md", ...props }, ref) {
-	return /* @__PURE__ */ jsx(Toggle.Root, {
-		ref,
-		"data-slot": "toggle-root",
-		"data-variant": variant,
-		"data-size": size,
-		className: clsx(Toggle_module_default.root, normalizeClassName(className)),
-		...props
-	});
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Toggle_module from "./Toggle.module.js";
+const Toggle_ToggleRoot = /*#__PURE__*/ forwardRef(function({ className, variant = 'default', size = 'md', ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toggle.Root, {
+        ref: ref,
+        "data-slot": "toggle-root",
+        "data-variant": variant,
+        "data-size": size,
+        className: clsx(Toggle_module.root, normalizeClassName(className)),
+        ...props
+    });
 });
-const ToggleIndicator = forwardRef(function ToggleIndicator({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Toggle.Indicator, {
-		ref,
-		"data-slot": "toggle-indicator",
-		className: clsx(Toggle_module_default.indicator, normalizeClassName(className)),
-		...props
-	});
+const Toggle_ToggleIndicator = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Toggle.Indicator, {
+        ref: ref,
+        "data-slot": "toggle-indicator",
+        className: clsx(Toggle_module.indicator, normalizeClassName(className)),
+        ...props
+    });
 });
-const Toggle$1 = Object.assign(ToggleRoot, {
-	Root: ToggleRoot,
-	Indicator: ToggleIndicator,
-	Context: ToggleContext
+const Toggle_Toggle = Object.assign(Toggle_ToggleRoot, {
+    Root: Toggle_ToggleRoot,
+    Indicator: Toggle_ToggleIndicator,
+    Context: ToggleContext
 });
-//#endregion
-export { Toggle$1 as Toggle, useToggleContext };
+export { Toggle_Toggle as Toggle, useToggleContext };