@mivabyte/ui 26.9.21 → 26.10.3

package/dist/components/ui/toast.js

@@ -1,3 +1,274 @@
-export { Toaster as Toast, toast } from 'sonner';
+import { Toast as Toast$1 } from '@base-ui/react/toast';
+import { XIcon, CircleCheckIcon, InfoIcon, TriangleAlertIcon, OctagonXIcon, Loader2Icon } from 'lucide-react';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var buttonVariants = cva(
+  "ui-button ui-focus inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium select-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "border border-primary-border bg-primary text-primary-foreground shadow-surface hover:bg-primary-hover",
+        primary: "border border-primary-border bg-primary text-primary-foreground shadow-surface hover:bg-primary-hover",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline: "border border-input bg-surface shadow-surface hover:bg-accent hover:text-accent-foreground",
+        secondary: "border border-secondary-border bg-secondary text-secondary-foreground shadow-surface hover:bg-secondary-hover",
+        accent: "bg-accent-muted text-accent-foreground hover:bg-accent shadow-surface",
+        subtle: "bg-accent text-accent-foreground hover:bg-accent-muted",
+        inverse: "bg-foreground text-background shadow-sm hover:bg-foreground/90",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        navigation: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-link underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-[var(--control-height)] px-4 py-2",
+        compact: "h-8 px-3 text-xs",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-12 rounded-md px-6",
+        xs: "h-7 rounded px-2 text-xs",
+        icon: "size-[var(--control-height)]",
+        "icon-xs": "h-7 w-7",
+        "icon-lg": "size-12"
+      },
+      wrap: {
+        true: "whitespace-normal text-wrap",
+        false: "whitespace-nowrap"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    wrap,
+    asChild = false,
+    loading = false,
+    render,
+    disabled,
+    children,
+    onClickCapture,
+    tabIndex,
+    type,
+    ...props
+  }, ref) => {
+    const isDisabled = Boolean(disabled || loading);
+    const slotted = asChild || Boolean(render);
+    const Comp = slotted ? Slot : "button";
+    const content = render ? React.cloneElement(
+      render,
+      void 0,
+      children ?? render.props.children
+    ) : children;
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ...props,
+        ref,
+        "data-slot": props["data-slot"] ?? "button",
+        className: cn(buttonVariants({ variant, size, wrap, className })),
+        type,
+        disabled: isDisabled,
+        "aria-disabled": isDisabled || void 0,
+        "aria-busy": loading || props["aria-busy"],
+        tabIndex: isDisabled && slotted ? -1 : tabIndex,
+        ...isDisabled ? {
+          onClickCapture: (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+          }
+        } : onClickCapture ? { onClickCapture } : {},
+        children: content
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var toast = Toast$1.createToastManager();
+function ToastProvider({ ...props }) {
+  return /* @__PURE__ */ jsx(Toast$1.Provider, { ...props });
+}
+function ToastPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(Toast$1.Portal, { "data-slot": "toast-portal", ...props });
+}
+function ToastViewport({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Toast$1.Viewport,
+    {
+      "data-slot": "toast-viewport",
+      className: cn(
+        "pointer-events-none fixed inset-x-4 bottom-4 z-50 mx-auto w-auto max-w-sm outline-none sm:right-4 sm:left-auto sm:mx-0 sm:w-full",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Toast({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Toast$1.Root,
+    {
+      "data-slot": "toast",
+      className: cn(
+        "group/toast pointer-events-auto absolute right-0 bottom-0 z-[calc(1000-var(--toast-index))] w-full origin-bottom rounded-lg border bg-popover text-popover-foreground shadow-overlay will-change-transform outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+        "[--gap:0.75rem] [--height:var(--toast-frontmost-height,var(--toast-height))] [--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))] [--shrink:calc(1-var(--scale))]",
+        "h-(--height) [transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))] [transition:transform_500ms_cubic-bezier(0.22,1,0.36,1),opacity_500ms,height_150ms]",
+        "after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']",
+        "data-expanded:h-(--toast-height) data-expanded:[transform:translateX(var(--toast-swipe-movement-x))_translateY(var(--offset-y))]",
+        "data-limited:opacity-0 data-starting-style:[transform:translateY(150%)]",
+        "[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(150%)]",
+        "data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]",
+        "data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]",
+        "data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]",
+        "data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]",
+        "data-expanded:data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]",
+        "data-expanded:data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]",
+        "data-expanded:data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]",
+        "data-expanded:data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ToastContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Toast$1.Content,
+    {
+      "data-slot": "toast-content",
+      className: cn(
+        "flex h-full items-center gap-3 overflow-hidden p-4 transition-opacity duration-250 ease-[cubic-bezier(0.22,1,0.36,1)] data-behind:opacity-0 data-expanded:opacity-100",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ToastTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Toast$1.Title,
+    {
+      "data-slot": "toast-title",
+      className: cn("text-sm font-medium", className),
+      ...props
+    }
+  );
+}
+function ToastDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Toast$1.Description,
+    {
+      "data-slot": "toast-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function ToastAction({
+  className,
+  render = /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm" }),
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Toast$1.Action,
+    {
+      "data-slot": "toast-action",
+      render,
+      className: cn("shrink-0", className),
+      ...props
+    }
+  );
+}
+function ToastClose({
+  className,
+  children,
+  render = /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon-xs" }),
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Toast$1.Close,
+    {
+      "data-slot": "toast-close",
+      "aria-label": "Close toast",
+      render,
+      className: cn(
+        "relative shrink-0 text-muted-foreground after:absolute after:-inset-2 after:content-[''] hover:text-foreground",
+        className
+      ),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx(XIcon, { "aria-hidden": "true" })
+    }
+  );
+}
+function ToastIcon({ type }) {
+  let icon = null;
+  if (type === "success") {
+    icon = /* @__PURE__ */ jsx(CircleCheckIcon, { className: "text-success", "aria-hidden": "true" });
+  }
+  if (type === "info") {
+    icon = /* @__PURE__ */ jsx(InfoIcon, { className: "text-info", "aria-hidden": "true" });
+  }
+  if (type === "warning") {
+    icon = /* @__PURE__ */ jsx(TriangleAlertIcon, { className: "text-warning", "aria-hidden": "true" });
+  }
+  if (type === "error") {
+    icon = /* @__PURE__ */ jsx(OctagonXIcon, { className: "text-destructive", "aria-hidden": "true" });
+  }
+  if (type === "loading") {
+    icon = /* @__PURE__ */ jsx(Loader2Icon, { className: "animate-spin text-link", "aria-hidden": "true" });
+  }
+  if (!icon) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "toast-icon",
+      className: "shrink-0 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+      children: icon
+    }
+  );
+}
+function ToastList() {
+  const { toasts } = Toast$1.useToastManager();
+  return toasts.map((toastItem) => /* @__PURE__ */ jsx(Toast, { toast: toastItem, children: /* @__PURE__ */ jsxs(ToastContent, { children: [
+    /* @__PURE__ */ jsx(ToastIcon, { type: toastItem.type }),
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+      /* @__PURE__ */ jsx(ToastTitle, {}),
+      /* @__PURE__ */ jsx(ToastDescription, {})
+    ] }),
+    /* @__PURE__ */ jsx(ToastAction, {}),
+    /* @__PURE__ */ jsx(ToastClose, {})
+  ] }) }, toastItem.id));
+}
+function Toaster({
+  children,
+  toastManager = toast,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(ToastProvider, { toastManager, ...props, children: [
+    children,
+    /* @__PURE__ */ jsx(ToastPortal, { children: /* @__PURE__ */ jsx(ToastViewport, { children: /* @__PURE__ */ jsx(ToastList, {}) }) })
+  ] });
+}
+var createToastManager = Toast$1.createToastManager;
+var useToastManager = Toast$1.useToastManager;
+
+export { Toast, ToastAction, ToastClose, ToastContent, ToastDescription, ToastPortal, ToastProvider, ToastTitle, ToastViewport, Toaster, createToastManager, toast, useToastManager };
 //# sourceMappingURL=toast.js.map
 //# sourceMappingURL=toast.js.map

package/dist/components/ui/toast.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"toast.js","sourcesContent":[]}
+{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/ui/button.tsx","../../../src/components/ui/toast.tsx"],"names":["ToastPrimitive","jsx"],"mappings":";;;;;;;;;AAGO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;ACCA,IAAM,cAAA,GAAiB,GAAA;AAAA,EACrB,2LAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EACE,uGAAA;AAAA,QACF,OAAA,EACE,uGAAA;AAAA,QACF,WAAA,EACE,8EAAA;AAAA,QACF,OAAA,EACE,4FAAA;AAAA,QACF,SAAA,EACE,+GAAA;AAAA,QACF,MAAA,EACE,uEAAA;AAAA,QACF,MAAA,EAAQ,wDAAA;AAAA,QACR,OAAA,EACE,gEAAA;AAAA,QACF,KAAA,EAAO,8CAAA;AAAA,QACP,UAAA,EAAY,8CAAA;AAAA,QACZ,IAAA,EAAM;AAAA,OACR;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,qCAAA;AAAA,QACT,OAAA,EAAS,kBAAA;AAAA,QACT,EAAA,EAAI,6BAAA;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,EAAA,EAAI,0BAAA;AAAA,QACJ,IAAA,EAAM,8BAAA;AAAA,QACN,SAAA,EAAW,SAAA;AAAA,QACX,SAAA,EAAW;AAAA,OACb;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM,6BAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ,CAAA;AAaA,IAAM,MAAA,GAAe,KAAA,CAAA,UAAA;AAAA,EACnB,CACE;AAAA,IACE,SAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA,GAAU,KAAA;AAAA,IACV,OAAA,GAAU,KAAA;AAAA,IACV,MAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,UAAA,GAAa,OAAA,CAAQ,QAAA,IAAY,OAAO,CAAA;AAC9C,IAAA,MAAM,OAAA,GAAU,OAAA,IAAW,OAAA,CAAQ,MAAM,CAAA;AACzC,IAAA,MAAM,IAAA,GAAO,UAAU,IAAA,GAAO,QAAA;AAC9B,IAAA,MAAM,UAAU,MAAA,GACN,KAAA,CAAA,YAAA;AAAA,MACJ,MAAA;AAAA,MACA,MAAA;AAAA,MACA,QAAA,IAAa,OAAO,KAAA,CAAyC;AAAA,KAC/D,GACA,QAAA;AACJ,IAAA,uBACE,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,GAAA;AAAA,QACA,WAAA,EAAW,KAAA,CAAM,WAAW,CAAA,IAAK,QAAA;AAAA,QACjC,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,IAAA,EAAM,SAAA,EAAW,CAAC,CAAA;AAAA,QAChE,IAAA;AAAA,QACA,QAAA,EAAU,UAAA;AAAA,QACV,iBAAe,UAAA,IAAc,MAAA;AAAA,QAC7B,WAAA,EAAW,OAAA,IAAW,KAAA,CAAM,WAAW,CAAA;AAAA,QACvC,QAAA,EAAU,UAAA,IAAc,OAAA,GAAU,EAAA,GAAK,QAAA;AAAA,QACtC,GAAI,UAAA,GACD;AAAA,UACE,cAAA,EAAgB,CAAC,KAAA,KAA4B;AAC3C,YAAA,KAAA,CAAM,cAAA,EAAe;AACrB,YAAA,KAAA,CAAM,eAAA,EAAgB;AAAA,UACxB;AAAA,SACF,GACA,cAAA,GACE,EAAE,cAAA,KACF,EAAC;AAAA,QAEN,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AACF,CAAA;AACA,MAAA,CAAO,WAAA,GAAc,QAAA;ACvGrB,IAAM,KAAA,GAAQA,QAAe,kBAAA;AAE7B,SAAS,aAAA,CAAc,EAAE,GAAG,KAAA,EAAM,EAAkC;AAClE,EAAA,uBAAOC,GAAAA,CAACD,OAAA,CAAe,QAAA,EAAf,EAAyB,GAAG,KAAA,EAAO,CAAA;AAC7C;AAEA,SAAS,WAAA,CAAY,EAAE,GAAG,KAAA,EAAM,EAAgC;AAC9D,EAAA,uBAAOC,IAACD,OAAA,CAAe,MAAA,EAAf,EAAsB,WAAA,EAAU,cAAA,EAAgB,GAAG,KAAA,EAAO,CAAA;AACpE;AAEA,SAAS,aAAA,CAAc,EAAE,SAAA,EAAW,GAAG,OAAM,EAAkC;AAC7E,EAAA,uBACEC,GAAAA;AAAA,IAACD,OAAA,CAAe,QAAA;AAAA,IAAf;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,kIAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,KAAA,CAAM,EAAE,SAAA,EAAW,GAAG,OAAM,EAA8B;AACjE,EAAA,uBACEC,GAAAA;AAAA,IAACD,OAAA,CAAe,IAAA;AAAA,IAAf;AAAA,MACC,WAAA,EAAU,OAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,mTAAA;AAAA,QACA,kSAAA;AAAA,QACA,2RAAA;AAAA,QACA,2GAAA;AAAA,QACA,kIAAA;AAAA,QACA,yEAAA;AAAA,QACA,qGAAA;AAAA,QACA,gHAAA;AAAA,QACA,4IAAA;AAAA,QACA,6IAAA;AAAA,QACA,8GAAA;AAAA,QACA,8HAAA;AAAA,QACA,0JAAA;AAAA,QACA,2JAAA;AAAA,QACA,4HAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,YAAA,CAAa,EAAE,SAAA,EAAW,GAAG,OAAM,EAAiC;AAC3E,EAAA,uBACEC,GAAAA;AAAA,IAACD,OAAA,CAAe,OAAA;AAAA,IAAf;AAAA,MACC,WAAA,EAAU,eAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,uKAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,UAAA,CAAW,EAAE,SAAA,EAAW,GAAG,OAAM,EAA+B;AACvE,EAAA,uBACEC,GAAAA;AAAA,IAACD,OAAA,CAAe,KAAA;AAAA,IAAf;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA;AAAA,MAC7C,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,gBAAA,CAAiB;AAAA,EACxB,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAqC;AACnC,EAAA,uBACEC,GAAAA;AAAA,IAACD,OAAA,CAAe,WAAA;AAAA,IAAf;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,+BAAA,EAAiC,SAAS,CAAA;AAAA,MACvD,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,WAAA,CAAY;AAAA,EACnB,SAAA;AAAA,EACA,yBAASC,GAAAA,CAAC,UAAO,OAAA,EAAQ,SAAA,EAAU,MAAK,IAAA,EAAK,CAAA;AAAA,EAC7C,GAAG;AACL,CAAA,EAAgC;AAC9B,EAAA,uBACEA,GAAAA;AAAA,IAACD,OAAA,CAAe,MAAA;AAAA,IAAf;AAAA,MACC,WAAA,EAAU,cAAA;AAAA,MACV,MAAA;AAAA,MACA,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA;AAAA,MAClC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,UAAA,CAAW;AAAA,EAClB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,yBAASC,GAAAA,CAAC,UAAO,OAAA,EAAQ,OAAA,EAAQ,MAAK,SAAA,EAAU,CAAA;AAAA,EAChD,GAAG;AACL,CAAA,EAA+B;AAC7B,EAAA,uBACEA,GAAAA;AAAA,IAACD,OAAA,CAAe,KAAA;AAAA,IAAf;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,YAAA,EAAW,aAAA;AAAA,MACX,MAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,gHAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA,QAAA,oBAAYC,GAAAA,CAAC,KAAA,EAAA,EAAM,eAAY,MAAA,EAAO;AAAA;AAAA,GACzC;AAEJ;AAEA,SAAS,SAAA,CAAU,EAAE,IAAA,EAAK,EAAiC;AACzD,EAAA,IAAI,IAAA,GAAwB,IAAA;AAE5B,EAAA,IAAI,SAAS,SAAA,EAAW;AACtB,IAAA,IAAA,mBAAOA,GAAAA,CAAC,eAAA,EAAA,EAAgB,SAAA,EAAU,cAAA,EAAe,eAAY,MAAA,EAAO,CAAA;AAAA,EACtE;AAEA,EAAA,IAAI,SAAS,MAAA,EAAQ;AACnB,IAAA,IAAA,mBAAOA,GAAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,WAAA,EAAY,eAAY,MAAA,EAAO,CAAA;AAAA,EAC5D;AAEA,EAAA,IAAI,SAAS,SAAA,EAAW;AACtB,IAAA,IAAA,mBAAOA,GAAAA,CAAC,iBAAA,EAAA,EAAkB,SAAA,EAAU,cAAA,EAAe,eAAY,MAAA,EAAO,CAAA;AAAA,EACxE;AAEA,EAAA,IAAI,SAAS,OAAA,EAAS;AACpB,IAAA,IAAA,mBAAOA,GAAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAU,kBAAA,EAAmB,eAAY,MAAA,EAAO,CAAA;AAAA,EACvE;AAEA,EAAA,IAAI,SAAS,SAAA,EAAW;AACtB,IAAA,IAAA,mBAAOA,GAAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAU,wBAAA,EAAyB,eAAY,MAAA,EAAO,CAAA;AAAA,EAC5E;AAEA,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACEA,GAAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,YAAA;AAAA,MACV,SAAA,EAAU,2EAAA;AAAA,MAET,QAAA,EAAA;AAAA;AAAA,GACH;AAEJ;AAEA,SAAS,SAAA,GAAY;AACnB,EAAA,MAAM,EAAE,MAAA,EAAO,GAAID,OAAA,CAAe,eAAA,EAAgB;AAElD,EAAA,OAAO,MAAA,CAAO,GAAA,CAAI,CAAC,SAAA,qBACjBC,IAAC,KAAA,EAAA,EAAyB,KAAA,EAAO,SAAA,EAC/B,QAAA,kBAAA,IAAA,CAAC,YAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAAA,GAAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAM,SAAA,CAAU,IAAA,EAAM,CAAA;AAAA,oBACjC,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oCAAA,EACb,QAAA,EAAA;AAAA,sBAAAA,IAAC,UAAA,EAAA,EAAW,CAAA;AAAA,sBACZA,IAAC,gBAAA,EAAA,EAAiB;AAAA,KAAA,EACpB,CAAA;AAAA,oBACAA,IAAC,WAAA,EAAA,EAAY,CAAA;AAAA,oBACbA,IAAC,UAAA,EAAA,EAAW;AAAA,GAAA,EACd,CAAA,EAAA,EATU,SAAA,CAAU,EAUtB,CACD,CAAA;AACH;AAEA,SAAS,OAAA,CAAQ;AAAA,EACf,QAAA;AAAA,EACA,YAAA,GAAe,KAAA;AAAA,EACf,GAAG;AACL,CAAA,EAAkC;AAChC,EAAA,uBACE,IAAA,CAAC,aAAA,EAAA,EAAc,YAAA,EAA6B,GAAG,KAAA,EAC5C,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,oBACDA,GAAAA,CAAC,WAAA,EAAA,EACC,QAAA,kBAAAA,GAAAA,CAAC,iBACC,QAAA,kBAAAA,GAAAA,CAAC,SAAA,EAAA,EAAU,CAAA,EACb,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AAEA,IAAM,qBAAqBD,OAAA,CAAe;AAC1C,IAAM,kBAAkBA,OAAA,CAAe","file":"toast.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst buttonVariants = cva(\n  \"ui-button ui-focus inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium select-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border border-primary-border bg-primary text-primary-foreground shadow-surface hover:bg-primary-hover\",\n        primary:\n          \"border border-primary-border bg-primary text-primary-foreground shadow-surface hover:bg-primary-hover\",\n        destructive:\n          \"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-surface shadow-surface hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"border border-secondary-border bg-secondary text-secondary-foreground shadow-surface hover:bg-secondary-hover\",\n        accent:\n          \"bg-accent-muted text-accent-foreground hover:bg-accent shadow-surface\",\n        subtle: \"bg-accent text-accent-foreground hover:bg-accent-muted\",\n        inverse:\n          \"bg-foreground text-background shadow-sm hover:bg-foreground/90\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        navigation: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-link underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-[var(--control-height)] px-4 py-2\",\n        compact: \"h-8 px-3 text-xs\",\n        sm: \"h-8 rounded-md px-3 text-xs\",\n        lg: \"h-12 rounded-md px-6\",\n        xs: \"h-7 rounded px-2 text-xs\",\n        icon: \"size-[var(--control-height)]\",\n        \"icon-xs\": \"h-7 w-7\",\n        \"icon-lg\": \"size-12\",\n      },\n      wrap: {\n        true: \"whitespace-normal text-wrap\",\n        false: \"whitespace-nowrap\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n  wrap?: boolean\n  loading?: boolean\n  render?: React.ReactElement\n  \"data-slot\"?: string\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      wrap,\n      asChild = false,\n      loading = false,\n      render,\n      disabled,\n      children,\n      onClickCapture,\n      tabIndex,\n      type,\n      ...props\n    },\n    ref\n  ) => {\n    const isDisabled = Boolean(disabled || loading)\n    const slotted = asChild || Boolean(render)\n    const Comp = slotted ? Slot : \"button\"\n    const content = render\n      ? React.cloneElement(\n          render as React.ReactElement<{ children?: React.ReactNode }>,\n          undefined,\n          children ?? (render.props as { children?: React.ReactNode }).children\n        )\n      : children\n    return (\n      <Comp\n        {...props}\n        ref={ref}\n        data-slot={props[\"data-slot\"] ?? \"button\"}\n        className={cn(buttonVariants({ variant, size, wrap, className }))}\n        type={type}\n        disabled={isDisabled}\n        aria-disabled={isDisabled || undefined}\n        aria-busy={loading || props[\"aria-busy\"]}\n        tabIndex={isDisabled && slotted ? -1 : tabIndex}\n        {...(isDisabled\n          ? {\n              onClickCapture: (event: React.MouseEvent) => {\n                event.preventDefault()\n                event.stopPropagation()\n              },\n            }\n          : onClickCapture\n            ? { onClickCapture }\n            : {})}\n      >\n        {content}\n      </Comp>\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n","\"use client\"\n\nimport * as React from \"react\"\nimport { Toast as ToastPrimitive } from \"@base-ui/react/toast\"\nimport {\n  CircleCheckIcon,\n  InfoIcon,\n  Loader2Icon,\n  OctagonXIcon,\n  TriangleAlertIcon,\n  XIcon,\n} from \"lucide-react\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { cn } from \"@/lib/utils\"\n\nconst toast = ToastPrimitive.createToastManager()\n\nfunction ToastProvider({ ...props }: ToastPrimitive.Provider.Props) {\n  return <ToastPrimitive.Provider {...props} />\n}\n\nfunction ToastPortal({ ...props }: ToastPrimitive.Portal.Props) {\n  return <ToastPrimitive.Portal data-slot=\"toast-portal\" {...props} />\n}\n\nfunction ToastViewport({ className, ...props }: ToastPrimitive.Viewport.Props) {\n  return (\n    <ToastPrimitive.Viewport\n      data-slot=\"toast-viewport\"\n      className={cn(\n        \"pointer-events-none fixed inset-x-4 bottom-4 z-50 mx-auto w-auto max-w-sm outline-none sm:right-4 sm:left-auto sm:mx-0 sm:w-full\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction Toast({ className, ...props }: ToastPrimitive.Root.Props) {\n  return (\n    <ToastPrimitive.Root\n      data-slot=\"toast\"\n      className={cn(\n        \"group/toast pointer-events-auto absolute right-0 bottom-0 z-[calc(1000-var(--toast-index))] w-full origin-bottom rounded-lg border bg-popover text-popover-foreground shadow-overlay will-change-transform outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50\",\n        \"[--gap:0.75rem] [--height:var(--toast-frontmost-height,var(--toast-height))] [--offset-y:calc(var(--toast-offset-y)*-1+calc(var(--toast-index)*var(--gap)*-1)+var(--toast-swipe-movement-y))] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))] [--shrink:calc(1-var(--scale))]\",\n        \"h-(--height) [transform:translateX(var(--toast-swipe-movement-x))_translateY(calc(var(--toast-swipe-movement-y)-(var(--toast-index)*var(--peek))-(var(--shrink)*var(--height))))_scale(var(--scale))] [transition:transform_500ms_cubic-bezier(0.22,1,0.36,1),opacity_500ms,height_150ms]\",\n        \"after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-['']\",\n        \"data-expanded:h-(--toast-height) data-expanded:[transform:translateX(var(--toast-swipe-movement-x))_translateY(var(--offset-y))]\",\n        \"data-limited:opacity-0 data-starting-style:[transform:translateY(150%)]\",\n        \"[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:[transform:translateY(150%)]\",\n        \"data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]\",\n        \"data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]\",\n        \"data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]\",\n        \"data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]\",\n        \"data-expanded:data-ending-style:data-[swipe-direction=down]:[transform:translateY(calc(var(--toast-swipe-movement-y)+150%))]\",\n        \"data-expanded:data-ending-style:data-[swipe-direction=left]:[transform:translateX(calc(var(--toast-swipe-movement-x)-150%))_translateY(var(--offset-y))]\",\n        \"data-expanded:data-ending-style:data-[swipe-direction=right]:[transform:translateX(calc(var(--toast-swipe-movement-x)+150%))_translateY(var(--offset-y))]\",\n        \"data-expanded:data-ending-style:data-[swipe-direction=up]:[transform:translateY(calc(var(--toast-swipe-movement-y)-150%))]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ToastContent({ className, ...props }: ToastPrimitive.Content.Props) {\n  return (\n    <ToastPrimitive.Content\n      data-slot=\"toast-content\"\n      className={cn(\n        \"flex h-full items-center gap-3 overflow-hidden p-4 transition-opacity duration-250 ease-[cubic-bezier(0.22,1,0.36,1)] data-behind:opacity-0 data-expanded:opacity-100\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction ToastTitle({ className, ...props }: ToastPrimitive.Title.Props) {\n  return (\n    <ToastPrimitive.Title\n      data-slot=\"toast-title\"\n      className={cn(\"text-sm font-medium\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ToastDescription({\n  className,\n  ...props\n}: ToastPrimitive.Description.Props) {\n  return (\n    <ToastPrimitive.Description\n      data-slot=\"toast-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ToastAction({\n  className,\n  render = <Button variant=\"outline\" size=\"sm\" />,\n  ...props\n}: ToastPrimitive.Action.Props) {\n  return (\n    <ToastPrimitive.Action\n      data-slot=\"toast-action\"\n      render={render}\n      className={cn(\"shrink-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction ToastClose({\n  className,\n  children,\n  render = <Button variant=\"ghost\" size=\"icon-xs\" />,\n  ...props\n}: ToastPrimitive.Close.Props) {\n  return (\n    <ToastPrimitive.Close\n      data-slot=\"toast-close\"\n      aria-label=\"Close toast\"\n      render={render}\n      className={cn(\n        \"relative shrink-0 text-muted-foreground after:absolute after:-inset-2 after:content-[''] hover:text-foreground\",\n        className\n      )}\n      {...props}\n    >\n      {children ?? <XIcon aria-hidden=\"true\" />}\n    </ToastPrimitive.Close>\n  )\n}\n\nfunction ToastIcon({ type }: { type: string | undefined }) {\n  let icon: React.ReactNode = null\n\n  if (type === \"success\") {\n    icon = <CircleCheckIcon className=\"text-success\" aria-hidden=\"true\" />\n  }\n\n  if (type === \"info\") {\n    icon = <InfoIcon className=\"text-info\" aria-hidden=\"true\" />\n  }\n\n  if (type === \"warning\") {\n    icon = <TriangleAlertIcon className=\"text-warning\" aria-hidden=\"true\" />\n  }\n\n  if (type === \"error\") {\n    icon = <OctagonXIcon className=\"text-destructive\" aria-hidden=\"true\" />\n  }\n\n  if (type === \"loading\") {\n    icon = <Loader2Icon className=\"animate-spin text-link\" aria-hidden=\"true\" />\n  }\n\n  if (!icon) {\n    return null\n  }\n\n  return (\n    <span\n      data-slot=\"toast-icon\"\n      className=\"shrink-0 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\"\n    >\n      {icon}\n    </span>\n  )\n}\n\nfunction ToastList() {\n  const { toasts } = ToastPrimitive.useToastManager()\n\n  return toasts.map((toastItem) => (\n    <Toast key={toastItem.id} toast={toastItem}>\n      <ToastContent>\n        <ToastIcon type={toastItem.type} />\n        <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n          <ToastTitle />\n          <ToastDescription />\n        </div>\n        <ToastAction />\n        <ToastClose />\n      </ToastContent>\n    </Toast>\n  ))\n}\n\nfunction Toaster({\n  children,\n  toastManager = toast,\n  ...props\n}: ToastPrimitive.Provider.Props) {\n  return (\n    <ToastProvider toastManager={toastManager} {...props}>\n      {children}\n      <ToastPortal>\n        <ToastViewport>\n          <ToastList />\n        </ToastViewport>\n      </ToastPortal>\n    </ToastProvider>\n  )\n}\n\nconst createToastManager = ToastPrimitive.createToastManager\nconst useToastManager = ToastPrimitive.useToastManager\n\nexport {\n  Toaster,\n  Toast,\n  ToastAction,\n  ToastClose,\n  ToastContent,\n  ToastDescription,\n  ToastPortal,\n  ToastProvider,\n  ToastTitle,\n  ToastViewport,\n  createToastManager,\n  toast,\n  useToastManager,\n}\n"]}

package/dist/index.cjs

@@ -17,7 +17,6 @@ Object.assign(exports, require("./components/ui/checkbox.cjs"));
 Object.assign(exports, require("./components/ui/collapsible.cjs"));
 Object.assign(exports, require("./components/ui/combobox.cjs"));
 Object.assign(exports, require("./components/ui/command.cjs"));
-Object.assign(exports, require("./components/ui/container.cjs"));
 Object.assign(exports, require("./components/ui/context-menu.cjs"));
 Object.assign(exports, require("./components/ui/data-table.cjs"));
 Object.assign(exports, require("./components/ui/date-picker.cjs"));
@@ -27,12 +26,12 @@ Object.assign(exports, require("./components/ui/drawer.cjs"));
 Object.assign(exports, require("./components/ui/dropdown-menu.cjs"));
 Object.assign(exports, require("./components/ui/empty.cjs"));
 Object.assign(exports, require("./components/ui/field.cjs"));
+Object.assign(exports, require("./components/ui/form.cjs"));
 Object.assign(exports, require("./components/ui/hover-card.cjs"));
 Object.assign(exports, require("./components/ui/input-group.cjs"));
 Object.assign(exports, require("./components/ui/input-otp.cjs"));
 Object.assign(exports, require("./components/ui/input.cjs"));
 Object.assign(exports, require("./components/ui/item.cjs"));
-Object.assign(exports, require("./components/ui/kbd-group.cjs"));
 Object.assign(exports, require("./components/ui/kbd.cjs"));
 Object.assign(exports, require("./components/ui/label.cjs"));
 Object.assign(exports, require("./components/ui/marker.cjs"));
@@ -54,6 +53,8 @@ Object.assign(exports, require("./components/ui/sheet.cjs"));
 Object.assign(exports, require("./components/ui/sidebar.cjs"));
 Object.assign(exports, require("./components/ui/skeleton.cjs"));
 Object.assign(exports, require("./components/ui/slider.cjs"));
+const mod = require("./components/ui/sonner.cjs");
+exports.SonnerToaster = mod.Toaster;
 Object.assign(exports, require("./components/ui/spinner.cjs"));
 Object.assign(exports, require("./components/ui/switch.cjs"));
 Object.assign(exports, require("./components/ui/table.cjs"));