laif-ds 0.1.88 → 0.1.90

package/dist/components/ui/multiple-selector.js

@@ -3,12 +3,12 @@ import { jsx as r, jsxs as L, Fragment as G } from "react/jsx-runtime";
 import { Command as ue, useCommandState as ce } from "../../node_modules/cmdk/dist/index.js";
 import * as o from "react";
 import { useEffect as C, forwardRef as fe } from "react";
-import { Popover as me, PopoverTrigger as he, PopoverContent as ge } from "./popover.js";
+import { Popover as me, PopoverTrigger as ge, PopoverContent as he } from "./popover.js";
 import { Badge as pe } from "./badge.js";
 import { CommandItem as I, Command as q, CommandList as ve, CommandGroup as be } from "./command.js";
 import { cn as p } from "../../lib/utils.js";
-import { Label as xe } from "./label.js";
-import { Icon as we } from "./icon.js";
+import { Label as we } from "./label.js";
+import { Icon as xe } from "./icon.js";
 import Ne from "../../node_modules/lucide-react/dist/esm/icons/x.js";
 function ye(s, l) {
   const [i, u] = o.useState(s);
@@ -84,23 +84,23 @@ const Oe = o.forwardRef(
     hideClearAllButton: ee = !1,
     label: W
   }, te) => {
-    const h = o.useRef(null), [f, S] = o.useState(!1), [ne, z] = o.useState(!1), [H, $] = o.useState(!1), [re, oe] = o.useState(
+    const g = o.useRef(null), [f, S] = o.useState(!1), [ne, z] = o.useState(!1), [H, $] = o.useState(!1), [re, oe] = o.useState(
       void 0
     ), j = o.useRef(null), F = o.useRef(null), [t, y] = o.useState(s || []), [b, J] = o.useState(
       T(u, v)
-    ), [g, K] = o.useState(""), x = ye(g, V || 500);
+    ), [h, K] = o.useState(""), w = ye(h, V || 500);
     o.useImperativeHandle(
       te,
       () => ({
         selectedValue: [...t],
-        input: h.current,
-        focus: () => h?.current?.focus(),
+        input: g.current,
+        focus: () => g?.current?.focus(),
         reset: () => y([])
       }),
       [t]
     );
-    const w = (e) => {
-      j.current && !j.current.contains(e.target) && h.current && !h.current.contains(e.target) && (S(!1), h.current.blur());
+    const x = (e) => {
+      j.current && !j.current.contains(e.target) && g.current && !g.current.contains(e.target) && (S(!1), g.current.blur());
     }, M = o.useCallback(
       (e) => {
         const n = t.filter((d) => d.value !== e.value);
@@ -109,17 +109,17 @@ const Oe = o.forwardRef(
       [l, t]
     ), se = o.useCallback(
       (e) => {
-        const n = h.current;
+        const n = g.current;
         n && ((e.key === "Delete" || e.key === "Backspace") && n.value === "" && t.length > 0 && (t[t.length - 1].fixed || M(t[t.length - 1])), e.key === "Escape" && n.blur());
       },
       [M, t]
     );
     C(() => {
       if (typeof document < "u")
-        return f ? (document.addEventListener("mousedown", w), document.addEventListener("touchend", w)) : (document.removeEventListener("mousedown", w), document.removeEventListener("touchend", w)), () => {
-          document.removeEventListener("mousedown", w), document.removeEventListener("touchend", w);
+        return f ? (document.addEventListener("mousedown", x), document.addEventListener("touchend", x)) : (document.removeEventListener("mousedown", x), document.removeEventListener("touchend", x)), () => {
+          document.removeEventListener("mousedown", x), document.removeEventListener("touchend", x);
         };
-    }, [f, w]), C(() => {
+    }, [f, x]), C(() => {
       s && y(s);
     }, [s]), C(() => {
       if (!a || c)
@@ -128,34 +128,34 @@ const Oe = o.forwardRef(
       JSON.stringify(e) !== JSON.stringify(b) && J(e);
     }, [u, a, v, c, b]), C(() => {
       const e = () => {
-        const d = X?.(x);
+        const d = X?.(w);
         J(T(d || [], v));
       };
       (async () => {
-        !X || !f || (R && e(), x && e());
+        !X || !f || (R && e(), w && e());
       })();
-    }, [x, v, f, R]), C(() => {
+    }, [w, v, f, R]), C(() => {
       const e = async () => {
         $(!0);
-        const d = await c?.(x);
+        const d = await c?.(w);
         J(T(d || [], v)), $(!1);
       };
       (async () => {
-        !c || !f || (R && await e(), x && await e());
+        !c || !f || (R && await e(), w && await e());
       })();
-    }, [x, v, f, R]), o.useEffect(() => {
+    }, [w, v, f, R]), o.useEffect(() => {
       if (f && F.current) {
         const e = F.current.getBoundingClientRect();
         oe(e.width);
       }
     }, [f]);
     const le = () => {
-      if (!E || Ee(b, [{ value: g, label: g }]) || t.find((n) => n.value === g))
+      if (!E || Ee(b, [{ value: h, label: h }]) || t.find((n) => n.value === h))
         return;
       const e = /* @__PURE__ */ r(
         I,
         {
-          value: g,
+          value: h,
           className: "cursor-pointer",
           onMouseDown: (n) => {
             n.preventDefault(), n.stopPropagation();
@@ -169,10 +169,10 @@ const Oe = o.forwardRef(
             const d = [...t, { value: n, label: n }];
             y(d), l?.(d);
           },
-          children: `Create "${g}"`
+          children: `Create "${h}"`
         }
       );
-      if (!c && g.length > 0 || c && x.length > 0 && !H)
+      if (!c && h.length > 0 || c && w.length > 0 && !H)
         return e;
     }, ie = o.useCallback(() => {
       if (D)
@@ -187,7 +187,7 @@ const Oe = o.forwardRef(
         return (e, n) => e.toLowerCase().includes(n.toLowerCase()) ? 1 : -1;
     }, [E, m?.filter]);
     return /* @__PURE__ */ L("div", { className: "flex flex-col space-y-1.5", children: [
-      W && /* @__PURE__ */ r(xe, { children: W }),
+      W && /* @__PURE__ */ r(we, { className: "w-fit", children: W }),
       /* @__PURE__ */ r(
         q,
         {
@@ -197,19 +197,21 @@ const Oe = o.forwardRef(
             se(e), m?.onKeyDown?.(e);
           },
           className: p(
-            "bg-d-input border-d-border h-auto overflow-visible shadow-sm",
+            "bg-d-input border-d-border h-auto overflow-visible",
             m?.className
           ),
           shouldFilter: m?.shouldFilter !== void 0 ? m.shouldFilter : !c,
           filter: ae(),
           children: /* @__PURE__ */ L(me, { open: f, onOpenChange: S, children: [
-            /* @__PURE__ */ r(he, { asChild: !0, children: /* @__PURE__ */ r(
+            /* @__PURE__ */ r(ge, { asChild: !0, children: /* @__PURE__ */ r(
               "div",
               {
                 ref: F,
                 className: p(
-                  // asyncSelectTriggerVariants({ size: "default" }),
-                  "border-d-input ring-offset-d-background focus-within:ring-d-ring min-h-10 rounded-md border text-base focus-within:ring-1 md:text-sm",
+                  "border-d-border/50 ring-offset-d-background min-h-10 rounded-md border text-base md:text-sm",
+                  "focus-within:outline-none",
+                  "focus-visible-within:ring-d-ring focus-visible-within:ring-1",
+                  f && "ring-d-ring ring-1",
                   {
                     "px-3 py-2": t.length !== 0,
                     "cursor-text": !N && t.length !== 0,
@@ -256,8 +258,8 @@ const Oe = o.forwardRef(
                     ue.Input,
                     {
                       ...O,
-                      ref: h,
-                      value: g,
+                      ref: g,
+                      value: h,
                       disabled: N,
                       onValueChange: (e) => {
                         K(e), O?.onValueChange?.(e);
@@ -292,7 +294,7 @@ const Oe = o.forwardRef(
                       },
                       "aria-label": "Clear selection",
                       children: /* @__PURE__ */ r(
-                        we,
+                        xe,
                         {
                           name: "X",
                           size: "xs",
@@ -305,9 +307,9 @@ const Oe = o.forwardRef(
               }
             ) }),
             /* @__PURE__ */ r(
-              ge,
+              he,
               {
-                className: "border-none p-0 shadow-lg",
+                className: "border-none p-0 shadow-sm",
                 style: { width: re },
                 onWheel: (e) => e.stopPropagation(),
                 children: /* @__PURE__ */ r(q, { shouldFilter: !1, className: "w-full", children: /* @__PURE__ */ r(
@@ -321,7 +323,7 @@ const Oe = o.forwardRef(
                       z(!0);
                     },
                     onMouseUp: () => {
-                      h?.current?.focus();
+                      g?.current?.focus();
                     },
                     children: H ? /* @__PURE__ */ r(G, { children: Y }) : /* @__PURE__ */ L(G, { children: [
                       ie(),

package/dist/components/ui/select.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import * as c from "react";
-import { Root as p, Group as f, Value as g, Trigger as x, Icon as h, Portal as v, Content as b, Viewport as y, Label as S, Item as w, ItemIndicator as z, ItemText as N, Separator as C, ScrollUpButton as I, ScrollDownButton as _ } from "../../node_modules/@radix-ui/react-select/dist/index.js";
-import { cn as o } from "../../lib/utils.js";
+import { Root as p, Group as f, Value as g, Trigger as x, Icon as h, Portal as v, Content as b, Viewport as y, Label as S, Item as z, ItemIndicator as w, ItemText as N, Separator as C, ScrollUpButton as I, ScrollDownButton as _ } from "../../node_modules/@radix-ui/react-select/dist/index.js";
+import { cn as s } from "../../lib/utils.js";
 import { Label as j } from "./label.js";
 import u from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
 import k from "../../node_modules/lucide-react/dist/esm/icons/check.js";
@@ -10,13 +10,13 @@ import B from "../../node_modules/lucide-react/dist/esm/icons/chevron-up.js";
 function q({
   size: t = "default",
   label: a,
-  className: s,
-  labelClassName: r,
+  className: r,
+  labelClassName: o,
   ...d
 }) {
   const n = c.useId();
-  return /* @__PURE__ */ i("div", { className: o("space-y-1.5", s), children: [
-    a && /* @__PURE__ */ e(j, { htmlFor: n, className: r, children: a }),
+  return /* @__PURE__ */ i("div", { className: s("space-y-1.5", r), children: [
+    a && /* @__PURE__ */ e(j, { htmlFor: n, className: o, children: a }),
     /* @__PURE__ */ e(m.Provider, { value: { size: t, id: n }, children: /* @__PURE__ */ e(p, { "data-slot": "select", ...d }) })
   ] });
 }
@@ -34,8 +34,8 @@ function E({
 function H({
   className: t,
   size: a,
-  children: s,
-  ...r
+  children: r,
+  ...o
 }) {
   const { size: d, id: n } = L(), l = a || d;
   return /* @__PURE__ */ i(
@@ -44,19 +44,24 @@ function H({
       id: n,
       "data-slot": "select-trigger",
       "data-size": l,
-      className: o(
-        "border-d-input ring-offset-background data-[placeholder]:text-d-muted-foreground focus:ring-ring bg-d-input flex items-center justify-between rounded-md border px-3 py-2 whitespace-nowrap shadow-sm focus:ring-1 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className: s(
+        "border-d-border/50 ring-offset-background data-[placeholder]:text-d-muted-foreground bg-d-input flex items-center justify-between rounded-md border px-3 py-2 whitespace-nowrap focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+        "focus-visible:ring-d-ring focus-visible:ring-1",
+        // Ring solo con tastiera
+        "data-[state=open]:ring-d-ring data-[state=open]:ring-1",
+        // Ring quando dropdown è aperto
         "aria-invalid:ring-d-destructive/20 dark:aria-invalid:ring-d-destructive/40 aria-invalid:border-d-destructive",
         "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         "*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2",
+        "transition-all duration-300",
         l === "default" && "h-9 text-sm",
         l === "sm" && "h-8 text-xs",
         l === "lg" && "h-10 text-lg",
         t
       ),
-      ...r,
+      ...o,
       children: [
-        s,
+        r,
         /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "size-4 opacity-50" }) })
       ]
     }
@@ -65,28 +70,28 @@ function H({
 function J({
   className: t,
   children: a,
-  position: s = "popper",
-  ...r
+  position: r = "popper",
+  ...o
 }) {
   return /* @__PURE__ */ e(v, { children: /* @__PURE__ */ i(
     b,
     {
       "data-slot": "select-content",
-      className: o(
+      className: s(
         "bg-d-popover text-d-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border-d-border relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
-        s === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         t
       ),
-      position: s,
-      ...r,
+      position: r,
+      ...o,
       children: [
         /* @__PURE__ */ e(D, {}),
         /* @__PURE__ */ e(
           y,
           {
-            className: o(
+            className: s(
               "p-1",
-              s === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+              r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
             ),
             children: a
           }
@@ -104,7 +109,7 @@ function K({
     S,
     {
       "data-slot": "select-label",
-      className: o(
+      className: s(
         "text-d-secondary-foreground px-2 py-1.5 text-xs",
         t
       ),
@@ -115,19 +120,19 @@ function K({
 function M({
   className: t,
   children: a,
-  ...s
+  ...r
 }) {
   return /* @__PURE__ */ i(
-    w,
+    z,
     {
       "data-slot": "select-item",
-      className: o(
+      className: s(
         "focus:bg-d-accent focus:text-d-accent-foreground [&_svg:not([class*='text-'])]:text-d-secondary-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         t
       ),
-      ...s,
+      ...r,
       children: [
-        /* @__PURE__ */ e("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(k, { className: "size-4" }) }) }),
+        /* @__PURE__ */ e("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(k, { className: "size-4" }) }) }),
         /* @__PURE__ */ e(N, { children: a })
       ]
     }
@@ -141,7 +146,7 @@ function O({
     C,
     {
       "data-slot": "select-separator",
-      className: o(
+      className: s(
         "bg-d-border pointer-events-none -mx-1 my-1 h-px",
         t
       ),
@@ -157,7 +162,7 @@ function D({
     I,
     {
       "data-slot": "select-scroll-up-button",
-      className: o(
+      className: s(
         "flex cursor-default items-center justify-center py-1",
         t
       ),
@@ -174,7 +179,7 @@ function R({
     _,
     {
       "data-slot": "select-scroll-down-button",
-      className: o(
+      className: s(
         "flex cursor-default items-center justify-center py-1",
         t
       ),

package/dist/components/ui/switch.js

@@ -11,7 +11,7 @@ function c({
     {
       "data-slot": "switch",
       className: t(
-        "peer data-[state=checked]:bg-d-primary data-[state=unchecked]:bg-d-input focus-visible:border-d-ring focus-visible:ring-d-ring/50 dark:data-[state=unchecked]:bg-d-foreground/20 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        "peer data-[state=checked]:bg-d-primary data-[state=unchecked]:bg-d-input focus-visible:border-d-ring focus-visible:ring-d-ring/50 dark:data-[state=unchecked]:bg-d-foreground/20 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent transition-all duration-300 outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
         r
       ),
       ...a,

package/dist/index.d.ts

@@ -151,12 +151,13 @@ export declare interface AppMultipleSelectOption {
     disabled?: boolean;
 }
 
-export declare function AppSelect<T = AppSelectOption>({ options, placeholder, children, label, className, labelKey, valueKey, descriptionKey, isOptionDisabled, ...props }: AppSelectProps<T>): JSX.Element;
+export declare function AppSelect<T = AppSelectOption>({ options, placeholder, children, label, className, labelKey, valueKey, descriptionKey, groupNameKey, isOptionDisabled, ...props }: AppSelectProps<T>): JSX.Element;
 
 export declare interface AppSelectOption {
     value: string | number;
     label: string | React_2.ReactNode;
     disabled?: boolean;
+    groupName?: string;
 }
 
 export declare interface AppSelectProps<T = AppSelectOption> extends React_2.ComponentProps<typeof Select> {
@@ -166,6 +167,7 @@ export declare interface AppSelectProps<T = AppSelectOption> extends React_2.Com
     labelKey?: keyof T;
     valueKey?: keyof T;
     descriptionKey?: keyof T;
+    groupNameKey?: keyof T;
     isOptionDisabled?: (option: T) => boolean;
 }
 
@@ -189,7 +191,7 @@ declare type AspectRatioProps = React.ComponentProps<typeof AspectRatioPrimitive
 
 export declare function AsyncSelect<T>({ fetcher, preload, filterFn, renderOption, getOptionValue, getDisplayValue, notFound, loadingSkeleton, label, labelClassName, placeholder, value, onChange, disabled, width, triggerClassName, noResultsMessage, clearable, size, }: AsyncSelectProps<T>): JSX.Element;
 
-declare interface AsyncSelectProps<T> extends VariantProps<typeof asyncSelectTriggerVariants> {
+declare interface AsyncSelectProps<T> extends VariantProps<typeof selectTriggerVariants> {
     fetcher: (query?: string) => Promise<T[]>;
     preload?: boolean;
     filterFn?: (option: T, query: string) => boolean;
@@ -210,10 +212,6 @@ declare interface AsyncSelectProps<T> extends VariantProps<typeof asyncSelectTri
     clearable?: boolean;
 }
 
-declare const asyncSelectTriggerVariants: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & ClassProp) | undefined) => string;
-
 declare interface Attachment {
     name?: string;
     contentType?: string;
@@ -1465,6 +1463,10 @@ export declare function SelectTrigger({ className, size: sizeProp, children, ...
     size?: SelectSizeType;
 }): JSX.Element;
 
+declare const selectTriggerVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare function SelectValue({ ...props }: React_2.ComponentProps<typeof SelectPrimitive.Value>): JSX.Element;
 
 export declare function Separator({ className, orientation, decorative, ...props }: React_2.ComponentProps<typeof SeparatorPrimitive.Root>): JSX.Element;

package/dist/node_modules/hast-util-to-jsx-runtime/lib/index.js

@@ -3,7 +3,7 @@ import { stringify as w } from "../../comma-separated-tokens/index.js";
 import { ok as u } from "../../devlop/lib/default.js";
 import { svg as m, html as C } from "../../property-information/index.js";
 import { stringify as N } from "../../space-separated-tokens/index.js";
-import S from "../../../_virtual/index4.js";
+import S from "../../../_virtual/index5.js";
 import { whitespace as j } from "../../hast-util-whitespace/lib/index.js";
 import { name as x } from "../../estree-util-is-identifier-name/lib/index.js";
 import { VFileMessage as h } from "../../vfile-message/lib/index.js";

package/dist/node_modules/unified/lib/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { bail as P } from "../../bail/index.js";
-import y from "../../../_virtual/index5.js";
+import y from "../../../_virtual/index4.js";
 import z from "../../is-plain-obj/index.js";
 import { CallableInstance as C } from "./callable-instance.js";
 import { trough as A } from "../../trough/lib/index.js";

package/dist/styles.css

@@ -1 +1 @@
-@import "tailwindcss";@import "tw-animate-css";:root{--d-radius:6px;--d-background:#fafafa;--d-foreground:#2e2e2e;--d-card:#fafafa;--d-card-foreground:#2e2e2e;--d-popover:#fff;--d-popover-foreground:#2e2e2e;--d-primary:#64c2d1;--d-primary-foreground:#1f1f1f;--d-secondary:#f5f5f5;--d-secondary-foreground:#2e2e2e;--d-muted:#e0e0e0;--d-muted-foreground:#7a7a7a;--d-accent:#f4f4f4;--d-accent-foreground:#2e2e2e;--d-destructive:#ec2842;--d-destructive-foreground:#85202d;--d-border:#e0e0e0;--d-input:#fff;--d-ring:#64c2d1;--d-chart-1:#64c2d1;--d-chart-2:#39f283;--d-chart-3:orange;--d-chart-4:orange;--d-chart-5:#eb576a;--d-sidebar:#f5f5f5;--d-sidebar-foreground:#2e2e2e;--d-sidebar-primary:#64c2d1;--d-sidebar-primary-foreground:#1f1f1f;--d-sidebar-accent:#e0e0e066;--d-sidebar-accent-foreground:#2e2e2e;--d-sidebar-border:#e0e0e0;--d-sidebar-ring:#64c2d1}.dark{--d-radius:6px;--d-background:#1f1f1f;--d-foreground:#e0e0e0;--d-card:#1f1f1f;--d-card-foreground:#e0e0e0;--d-popover:#1f1f1f;--d-popover-foreground:#e0e0e0;--d-primary:#64c2d1;--d-primary-foreground:#1f1f1f;--d-secondary:#2e2e2e;--d-secondary-foreground:#e0e0e0;--d-muted:#474747;--d-muted-foreground:#7a7a7a;--d-accent:#474747;--d-accent-foreground:#e0e0e0;--d-destructive:#85202d;--d-destructive-foreground:#e0e0e0;--d-border:#2e2e2e;--d-input:#2e2e2e;--d-ring:#64c2d1;--d-chart-1:#64c2d1;--d-chart-2:#39f283;--d-chart-3:orange;--d-chart-4:orange;--d-chart-5:#eb576a;--d-sidebar:#141414;--d-sidebar-foreground:#e0e0e0;--d-sidebar-primary:#64c2d1;--d-sidebar-primary-foreground:#1f1f1f;--d-sidebar-accent:#47474766;--d-sidebar-accent-foreground:#e0e0e0;--d-sidebar-border:#2e2e2e;--d-sidebar-ring:#64c2d1}.tangerine{--d-background:oklch(0.26 0.03 262.67);--d-foreground:oklch(0.92 0 0);--d-card:oklch(0.31 0.03 268.64);--d-card-foreground:oklch(0.92 0 0);--d-popover:oklch(0.29 0.02 268.4);--d-popover-foreground:oklch(0.92 0 0);--d-primary:oklch(0.64 0.17 36.44);--d-primary-foreground:oklch(1 0 0);--d-secondary:oklch(0.31 0.03 266.71);--d-secondary-foreground:oklch(0.92 0 0);--d-muted:oklch(0.31 0.03 266.71);--d-muted-foreground:oklch(0.72 0 0);--d-accent:oklch(0.34 0.06 267.59);--d-accent-foreground:oklch(0.88 0.06 254.13);--d-destructive:oklch(0.64 0.21 25.33);--d-destructive-foreground:oklch(1 0 0);--d-border:oklch(0.38 0.03 269.73);--d-input:oklch(0.38 0.03 269.73);--d-ring:oklch(0.64 0.17 36.44);--d-chart-1:oklch(0.72 0.06 248.68);--d-chart-2:oklch(0.77 0.09 34.19);--d-chart-3:oklch(0.58 0.08 254.16);--d-chart-4:oklch(0.5 0.08 259.49);--d-chart-5:oklch(0.42 0.1 264.03);--d-sidebar:oklch(0.31 0.03 267.74);--d-sidebar-foreground:oklch(0.92 0 0);--d-sidebar-primary:oklch(0.64 0.17 36.44);--d-sidebar-primary-foreground:oklch(1 0 0);--d-sidebar-accent:oklch(0.34 0.06 267.59);--d-sidebar-accent-foreground:oklch(0.88 0.06 254.13);--d-sidebar-border:oklch(0.38 0.03 269.73);--d-sidebar-ring:oklch(0.64 0.17 36.44);--d-font-sans:Inter,sans-serif;--d-font-serif:Source Serif 4,serif;--d-font-mono:JetBrains Mono,monospace;--d-radius:0.75rem;--d-shadow-2xs:0px 1px 3px 0px #0000000d;--d-shadow-xs:0px 1px 3px 0px #0000000d;--d-shadow-sm:0px 1px 3px 0px #0000001a,0px 1px 2px -1px #0000001a;--d-shadow:0px 1px 3px 0px #0000001a,0px 1px 2px -1px #0000001a;--d-shadow-md:0px 1px 3px 0px #0000001a,0px 2px 4px -1px #0000001a;--d-shadow-lg:0px 1px 3px 0px #0000001a,0px 4px 6px -1px #0000001a;--d-shadow-xl:0px 1px 3px 0px #0000001a,0px 8px 10px -1px #0000001a;--d-shadow-2xl:0px 1px 3px 0px #00000040}.claymorphism{--d-background:#1e1b18;--d-foreground:#e2e8f0;--d-card:#2c2825;--d-card-foreground:#e2e8f0;--d-popover:#2c2825;--d-popover-foreground:#e2e8f0;--d-primary:#818cf8;--d-primary-foreground:#1e1b18;--d-secondary:#3a3633;--d-secondary-foreground:#d1d5db;--d-muted:#2c2825;--d-muted-foreground:#9ca3af;--d-accent:#484441;--d-accent-foreground:#d1d5db;--d-destructive:#ef4444;--d-destructive-foreground:#1e1b18;--d-border:#3a3633;--d-input:#3a3633;--d-ring:#818cf8;--d-chart-1:#818cf8;--d-chart-2:#6366f1;--d-chart-3:#4f46e5;--d-chart-4:#4338ca;--d-chart-5:#3730a3;--d-sidebar:#3a3633;--d-sidebar-foreground:#e2e8f0;--d-sidebar-primary:#818cf8;--d-sidebar-primary-foreground:#1e1b18;--d-sidebar-accent:#484441;--d-sidebar-accent-foreground:#d1d5db;--d-sidebar-border:#3a3633;--d-sidebar-ring:#818cf8;--d-font-sans:Plus Jakarta Sans,sans-serif;--d-font-serif:Lora,serif;--d-font-mono:Roboto Mono,monospace;--d-radius:1.25rem;--d-shadow-2xs:2px 2px 10px 4px #00000017;--d-shadow-xs:2px 2px 10px 4px #00000017;--d-shadow-sm:2px 2px 10px 4px #0000002e,2px 1px 2px 3px #0000002e;--d-shadow:2px 2px 10px 4px #0000002e,2px 1px 2px 3px #0000002e;--d-shadow-md:2px 2px 10px 4px #0000002e,2px 2px 4px 3px #0000002e;--d-shadow-lg:2px 2px 10px 4px #0000002e,2px 4px 6px 3px #0000002e;--d-shadow-xl:2px 2px 10px 4px #0000002e,2px 8px 10px 3px #0000002e;--d-shadow-2xl:2px 2px 10px 4px #00000073}@theme inline{--radius-d-sm:calc(var(--d-radius) - 4px);--radius-d-md:calc(var(--d-radius) - 2px);--radius-d-lg:var(--d-radius);--radius-d-xl:calc(var(--d-radius) + 4px);--color-d-background:var(--d-background);--color-d-foreground:var(--d-foreground);--color-d-card:var(--d-card);--color-d-card-foreground:var(--d-card-foreground);--color-d-popover:var(--d-popover);--color-d-popover-foreground:var(--d-popover-foreground);--color-d-primary:var(--d-primary);--color-d-primary-foreground:var(--d-primary-foreground);--color-d-secondary:var(--d-secondary);--color-d-secondary-foreground:var(--d-secondary-foreground);--color-d-muted:var(--d-muted);--color-d-muted-foreground:var(--d-muted-foreground);--color-d-accent:var(--d-accent);--color-d-accent-foreground:var(--d-accent-foreground);--color-d-destructive:var(--d-destructive);--color-d-border:var(--d-border);--color-d-input:var(--d-input);--color-d-ring:var(--d-ring);--color-d-chart-1:var(--d-chart-1);--color-d-chart-2:var(--d-chart-2);--color-d-chart-3:var(--d-chart-3);--color-d-chart-4:var(--d-chart-4);--color-d-chart-5:var(--d-chart-5);--color-d-sidebar:var(--d-sidebar);--color-d-sidebar-foreground:var(--d-sidebar-foreground);--color-d-sidebar-primary:var(--d-sidebar-primary);--color-d-sidebar-primary-foreground:var(--d-sidebar-primary-foreground);--color-d-sidebar-accent:var(--d-sidebar-accent);--color-d-sidebar-accent-foreground:var(--d-sidebar-accent-foreground);--color-d-sidebar-border:var(--d-sidebar-border);--color-d-sidebar-ring:var(--d-sidebar-ring)}*{outline-color:color-mix(in oklab,var(--d-ring) 50%,#0000)}body{background-color:var(--d-background);color:var(--d-foreground)}
+@import "tailwindcss";@import "tw-animate-css";:root{--d-radius:6px;--d-background:#fafafa;--d-foreground:#2e2e2e;--d-card:#fafafa;--d-card-foreground:#2e2e2e;--d-popover:#fff;--d-popover-foreground:#2e2e2e;--d-primary:#64c2d1;--d-primary-foreground:#1f1f1f;--d-secondary:#f5f5f5;--d-secondary-foreground:#2e2e2e;--d-muted:#e0e0e0;--d-muted-foreground:#7a7a7a;--d-accent:#f4f4f4;--d-accent-foreground:#2e2e2e;--d-destructive:#ec2842;--d-destructive-foreground:#85202d;--d-border:#e0e0e0;--d-input:#fff;--d-ring:#090909;--d-chart-1:#64c2d1;--d-chart-2:#39f283;--d-chart-3:orange;--d-chart-4:orange;--d-chart-5:#eb576a;--d-sidebar:#f5f5f5;--d-sidebar-foreground:#2e2e2e;--d-sidebar-primary:#64c2d1;--d-sidebar-primary-foreground:#1f1f1f;--d-sidebar-accent:#e0e0e066;--d-sidebar-accent-foreground:#2e2e2e;--d-sidebar-border:#e0e0e0;--d-sidebar-ring:#64c2d1}.dark{--d-radius:6px;--d-background:#1f1f1f;--d-foreground:#e0e0e0;--d-card:#1f1f1f;--d-card-foreground:#e0e0e0;--d-popover:#1f1f1f;--d-popover-foreground:#e0e0e0;--d-primary:#64c2d1;--d-primary-foreground:#1f1f1f;--d-secondary:#2e2e2e;--d-secondary-foreground:#e0e0e0;--d-muted:#474747;--d-muted-foreground:#7a7a7a;--d-accent:#474747;--d-accent-foreground:#e0e0e0;--d-destructive:#85202d;--d-destructive-foreground:#e0e0e0;--d-border:#2e2e2e;--d-input:#2e2e2e;--d-ring:#64c2d1;--d-chart-1:#64c2d1;--d-chart-2:#39f283;--d-chart-3:orange;--d-chart-4:orange;--d-chart-5:#eb576a;--d-sidebar:#141414;--d-sidebar-foreground:#e0e0e0;--d-sidebar-primary:#64c2d1;--d-sidebar-primary-foreground:#1f1f1f;--d-sidebar-accent:#47474766;--d-sidebar-accent-foreground:#e0e0e0;--d-sidebar-border:#2e2e2e;--d-sidebar-ring:#64c2d1}.tangerine{--d-background:oklch(0.26 0.03 262.67);--d-foreground:oklch(0.92 0 0);--d-card:oklch(0.31 0.03 268.64);--d-card-foreground:oklch(0.92 0 0);--d-popover:oklch(0.29 0.02 268.4);--d-popover-foreground:oklch(0.92 0 0);--d-primary:oklch(0.64 0.17 36.44);--d-primary-foreground:oklch(1 0 0);--d-secondary:oklch(0.31 0.03 266.71);--d-secondary-foreground:oklch(0.92 0 0);--d-muted:oklch(0.31 0.03 266.71);--d-muted-foreground:oklch(0.72 0 0);--d-accent:oklch(0.34 0.06 267.59);--d-accent-foreground:oklch(0.88 0.06 254.13);--d-destructive:oklch(0.64 0.21 25.33);--d-destructive-foreground:oklch(1 0 0);--d-border:oklch(0.38 0.03 269.73);--d-input:oklch(0.38 0.03 269.73);--d-ring:oklch(0.64 0.17 36.44);--d-chart-1:oklch(0.72 0.06 248.68);--d-chart-2:oklch(0.77 0.09 34.19);--d-chart-3:oklch(0.58 0.08 254.16);--d-chart-4:oklch(0.5 0.08 259.49);--d-chart-5:oklch(0.42 0.1 264.03);--d-sidebar:oklch(0.31 0.03 267.74);--d-sidebar-foreground:oklch(0.92 0 0);--d-sidebar-primary:oklch(0.64 0.17 36.44);--d-sidebar-primary-foreground:oklch(1 0 0);--d-sidebar-accent:oklch(0.34 0.06 267.59);--d-sidebar-accent-foreground:oklch(0.88 0.06 254.13);--d-sidebar-border:oklch(0.38 0.03 269.73);--d-sidebar-ring:oklch(0.64 0.17 36.44);--d-font-sans:Inter,sans-serif;--d-font-serif:Source Serif 4,serif;--d-font-mono:JetBrains Mono,monospace;--d-radius:0.75rem;--d-shadow-2xs:0px 1px 3px 0px #0000000d;--d-shadow-xs:0px 1px 3px 0px #0000000d;--d-shadow-sm:0px 1px 3px 0px #0000001a,0px 1px 2px -1px #0000001a;--d-shadow:0px 1px 3px 0px #0000001a,0px 1px 2px -1px #0000001a;--d-shadow-md:0px 1px 3px 0px #0000001a,0px 2px 4px -1px #0000001a;--d-shadow-lg:0px 1px 3px 0px #0000001a,0px 4px 6px -1px #0000001a;--d-shadow-xl:0px 1px 3px 0px #0000001a,0px 8px 10px -1px #0000001a;--d-shadow-2xl:0px 1px 3px 0px #00000040}.claymorphism{--d-background:#1e1b18;--d-foreground:#e2e8f0;--d-card:#2c2825;--d-card-foreground:#e2e8f0;--d-popover:#2c2825;--d-popover-foreground:#e2e8f0;--d-primary:#818cf8;--d-primary-foreground:#1e1b18;--d-secondary:#3a3633;--d-secondary-foreground:#d1d5db;--d-muted:#2c2825;--d-muted-foreground:#9ca3af;--d-accent:#484441;--d-accent-foreground:#d1d5db;--d-destructive:#ef4444;--d-destructive-foreground:#1e1b18;--d-border:#3a3633;--d-input:#3a3633;--d-ring:#818cf8;--d-chart-1:#818cf8;--d-chart-2:#6366f1;--d-chart-3:#4f46e5;--d-chart-4:#4338ca;--d-chart-5:#3730a3;--d-sidebar:#3a3633;--d-sidebar-foreground:#e2e8f0;--d-sidebar-primary:#818cf8;--d-sidebar-primary-foreground:#1e1b18;--d-sidebar-accent:#484441;--d-sidebar-accent-foreground:#d1d5db;--d-sidebar-border:#3a3633;--d-sidebar-ring:#818cf8;--d-font-sans:Plus Jakarta Sans,sans-serif;--d-font-serif:Lora,serif;--d-font-mono:Roboto Mono,monospace;--d-radius:1.25rem;--d-shadow-2xs:2px 2px 10px 4px #00000017;--d-shadow-xs:2px 2px 10px 4px #00000017;--d-shadow-sm:2px 2px 10px 4px #0000002e,2px 1px 2px 3px #0000002e;--d-shadow:2px 2px 10px 4px #0000002e,2px 1px 2px 3px #0000002e;--d-shadow-md:2px 2px 10px 4px #0000002e,2px 2px 4px 3px #0000002e;--d-shadow-lg:2px 2px 10px 4px #0000002e,2px 4px 6px 3px #0000002e;--d-shadow-xl:2px 2px 10px 4px #0000002e,2px 8px 10px 3px #0000002e;--d-shadow-2xl:2px 2px 10px 4px #00000073}@theme inline{--radius-d-sm:calc(var(--d-radius) - 4px);--radius-d-md:calc(var(--d-radius) - 2px);--radius-d-lg:var(--d-radius);--radius-d-xl:calc(var(--d-radius) + 4px);--color-d-background:var(--d-background);--color-d-foreground:var(--d-foreground);--color-d-card:var(--d-card);--color-d-card-foreground:var(--d-card-foreground);--color-d-popover:var(--d-popover);--color-d-popover-foreground:var(--d-popover-foreground);--color-d-primary:var(--d-primary);--color-d-primary-foreground:var(--d-primary-foreground);--color-d-secondary:var(--d-secondary);--color-d-secondary-foreground:var(--d-secondary-foreground);--color-d-muted:var(--d-muted);--color-d-muted-foreground:var(--d-muted-foreground);--color-d-accent:var(--d-accent);--color-d-accent-foreground:var(--d-accent-foreground);--color-d-destructive:var(--d-destructive);--color-d-border:var(--d-border);--color-d-input:var(--d-input);--color-d-ring:var(--d-ring);--color-d-chart-1:var(--d-chart-1);--color-d-chart-2:var(--d-chart-2);--color-d-chart-3:var(--d-chart-3);--color-d-chart-4:var(--d-chart-4);--color-d-chart-5:var(--d-chart-5);--color-d-sidebar:var(--d-sidebar);--color-d-sidebar-foreground:var(--d-sidebar-foreground);--color-d-sidebar-primary:var(--d-sidebar-primary);--color-d-sidebar-primary-foreground:var(--d-sidebar-primary-foreground);--color-d-sidebar-accent:var(--d-sidebar-accent);--color-d-sidebar-accent-foreground:var(--d-sidebar-accent-foreground);--color-d-sidebar-border:var(--d-sidebar-border);--color-d-sidebar-ring:var(--d-sidebar-ring)}*{outline-color:color-mix(in oklab,var(--d-ring) 50%,#0000)}body{background-color:var(--d-background);color:var(--d-foreground)}