laif-ds 0.2.68 → 0.2.70

package/dist/components/ui/textarea.js

@@ -1,35 +1,36 @@
 "use client";
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { designTokens as t } from "../design-tokens.js";
-import { Label as m } from "./label.js";
-import { cn as s } from "../../lib/utils.js";
-function b({
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { designTokens as e } from "../design-tokens.js";
+import { Label as x } from "./label.js";
+import { cn as a } from "../../lib/utils.js";
+function h({
   wrpClassName: o,
-  className: a,
-  label: e,
+  className: s,
+  label: t,
   labelClassName: n,
   id: d,
   ...l
 }) {
-  const i = d || (e ? `textarea-${Math.random().toString(36).substring(2, 9)}` : void 0);
-  return /* @__PURE__ */ c("div", { className: s("space-y-1.5", o), children: [
-    e && /* @__PURE__ */ r(m, { htmlFor: i, className: n, children: e }),
+  const i = d || (t ? `textarea-${Math.random().toString(36).substring(2, 9)}` : void 0);
+  return /* @__PURE__ */ m("div", { className: a("space-y-1.5", o), children: [
+    t && /* @__PURE__ */ r(x, { htmlFor: i, className: n, children: t }),
     /* @__PURE__ */ r(
       "textarea",
       {
         id: i,
         "data-slot": "textarea",
-        className: s(
-          t.input.base,
-          t.radius.default,
-          t.text.base,
-          t.text.placeholder,
-          t.interaction.disabled,
-          "flex field-sizing-content min-h-16 w-full px-3 py-2 shadow-xs transition-[color,box-shadow] outline-none md:text-sm",
+        className: a(
+          e.input.base,
+          e.radius.default,
+          e.text.base,
+          e.text.placeholder,
+          e.interaction.disabled,
+          "flex min-h-16 w-full min-w-0 max-w-full px-3 py-2 shadow-xs transition-[color,box-shadow] outline-none md:text-sm",
+          "whitespace-pre-wrap break-words overflow-x-hidden",
           // Focus states
           "focus-visible:ring-d-ring/50 focus-visible:border-d-ring focus-visible:ring-[3px]",
-          t.input.invalid,
-          a
+          e.input.invalid,
+          s
         ),
         ...l
       }
@@ -37,5 +38,5 @@ function b({
   ] });
 }
 export {
-  b as Textarea
+  h as Textarea
 };

package/dist/components/ui/toaster.js

@@ -1,26 +1,71 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import { useTheme as s } from "../../node_modules/next-themes/dist/index.js";
-import { Toaster as e } from "../../node_modules/sonner/dist/index.js";
-const g = ({ ...o }) => {
-  const { theme: t = "system" } = s();
-  return /* @__PURE__ */ r(
-    e,
+import { jsx as a } from "react/jsx-runtime";
+import { useTheme as u } from "../../node_modules/next-themes/dist/index.js";
+import { Toaster as n } from "../../node_modules/sonner/dist/index.js";
+import { toast as w } from "../../node_modules/sonner/dist/index.js";
+import { Icon as o } from "./icon.js";
+import { Spinner as l } from "./spinner.js";
+import { cn as e } from "../../lib/utils.js";
+const x = ({ toastOptions: r, icons: t, theme: c, ...s }) => {
+  const { theme: d = "system" } = u();
+  return /* @__PURE__ */ a(
+    n,
     {
-      theme: t,
-      className: "toaster group",
+      theme: c ?? d,
+      className: e("group/toaster", s.className),
       toastOptions: {
+        ...r,
         classNames: {
-          toast: "group toast group-[.toaster]:bg-d-background group-[.toaster]:text-d-foreground group-[.toaster]:border-d-border group-[.toaster]:shadow-lg",
-          description: "group-[.toast]:text-d-secondary-foreground",
-          actionButton: "group-[.toast]:bg-d-primary group-[.toast]:text-d-primary-foreground",
-          cancelButton: "group-[.toast]:bg-d-secondary group-[.toast]:text-d-secondary-foreground"
+          closeButton: e(
+            "!bg-d-background !text-d-foreground !border-d-border",
+            r?.classNames?.closeButton
+          ),
+          toast: e(
+            "group/toast !bg-d-background/85 backdrop-blur-md !text-d-foreground !border-d-border !shadow-lg",
+            r?.classNames?.toast
+          ),
+          description: e(
+            "!text-d-muted-foreground group-data-[rich-colors=true]/toast:group-data-[type=error]/toast:!text-d-destructive-foreground group-data-[rich-colors=true]/toast:group-data-[type=warning]/toast:!text-d-warning-foreground group-data-[rich-colors=true]/toast:group-data-[type=info]/toast:!text-d-muted-foreground group-data-[rich-colors=true]/toast:group-data-[type=success]/toast:!text-d-success-foreground",
+            r?.classNames?.description
+          ),
+          actionButton: e(
+            "bg-d-primary text-d-primary-foreground",
+            r?.classNames?.actionButton
+          ),
+          cancelButton: e(
+            "bg-d-secondary text-d-secondary-foreground",
+            r?.classNames?.cancelButton
+          ),
+          error: e(
+            "data-[rich-colors=true]:!bg-d-destructive/85 data-[rich-colors=true]:!text-d-destructive-foreground data-[rich-colors=true]:!border-d-destructive data-[rich-colors=false]:!text-d-destructive",
+            r?.classNames?.error
+          ),
+          warning: e(
+            "data-[rich-colors=true]:!bg-d-warning-background/85 data-[rich-colors=true]:!text-d-warning-foreground data-[rich-colors=true]:!border-d-warning data-[rich-colors=false]:!text-d-warning",
+            r?.classNames?.warning
+          ),
+          success: e(
+            "data-[rich-colors=true]:!bg-d-success-background/85 data-[rich-colors=true]:!text-d-success-foreground data-[rich-colors=true]:!border-d-success data-[rich-colors=false]:!text-d-success",
+            r?.classNames?.success
+          ),
+          loader: e("", r?.classNames?.loader),
+          icon: e("!size-5 !mx-0", r?.classNames?.icon),
+          ...r?.classNames
         }
       },
-      ...o
+      icons: {
+        success: /* @__PURE__ */ a(o, { name: "Check", className: "size-5" }),
+        info: /* @__PURE__ */ a(o, { name: "Info", className: "size-5" }),
+        warning: /* @__PURE__ */ a(o, { name: "TriangleAlert", className: "size-5" }),
+        error: /* @__PURE__ */ a(o, { name: "OctagonAlert", className: "size-5" }),
+        loading: /* @__PURE__ */ a(l, { className: "size-5" }),
+        ...t
+      },
+      ...s
     }
   );
 };
 export {
-  g as Toaster
+  x as Toaster,
+  w as toast
 };

package/dist/index.d.ts

@@ -54,6 +54,7 @@ import * as SliderPrimitive from '@radix-ui/react-slider';
 import { Slot } from '@radix-ui/react-slot';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { toast } from 'sonner';
 import { Toaster as Toaster_2 } from 'sonner';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
@@ -263,6 +264,7 @@ export declare function AppKanban<T = any>({ columns, initialTasks, onTaskMove,
 export declare type AppKanbanColumn = {
     id: string;
     label: string;
+    disabled?: boolean;
 };
 
 export declare type AppKanbanConfig<T = any> = {
@@ -2731,9 +2733,11 @@ declare type ThemeSwitcherProps = {
     className?: string;
 };
 
-export declare const Toaster: ({ ...props }: ToasterProps) => JSX.Element;
+export { toast }
+
+export declare const Toaster: ({ toastOptions, icons, theme, ...props }: ToasterProps) => JSX.Element;
 
-declare type ToasterProps = React.ComponentProps<typeof Toaster_2>;
+export declare type ToasterProps = React.ComponentProps<typeof Toaster_2>;
 
 export declare function Toggle({ className, variant, size, ...props }: React_2.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): JSX.Element;