@bl33dz/fa814698dcde12f86a37ac31dd3aedf9 1.0.16 → 1.0.17

package/dist/perisai-ui.es.js

@@ -1180,7 +1180,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
           align: e.align,
           "side-offset": e.sideOffset,
           class: s(M)(
-            "bg-popover text-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 z-50 w-72 origin-(--reka-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+            "bg-popover text-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 z-50 w-72 origin-(--reka-popover-content-transform-origin) rounded-md border border-border p-4 shadow-md outline-hidden",
             e.class
           )
         }, a.$attrs), {
@@ -1295,7 +1295,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       default: u(() => [
         y(s(Va), b({ "data-slot": "select-content" }, { ...s(i), ...p.$attrs }, {
           class: s(S)(
-            "bg-popover text-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 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+            "!bg-neutral-800 !text-white 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 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-lg shadow-md",
             t.position === "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",
             a.class
           )
@@ -1332,7 +1332,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
     const e = t, a = D(e, "class"), o = q(a);
     return (n, i) => (r(), g(s(Aa), b({ "data-slot": "select-item" }, s(o), {
       class: s(S)(
-        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-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",
+        "!text-white hover:!bg-neutral-700 focus:!bg-neutral-700 data-[state=checked]:!bg-neutral-700 aria-selected:!bg-neutral-700 [&_svg:not([class*='text-'])]:!text-white relative flex w-full cursor-pointer items-center gap-2 rounded-md py-2 pr-8 pl-3 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",
         e.class
       )
     }), {
@@ -1412,7 +1412,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       "data-size": t.size
     }, s(o), {
       class: s(S)(
-        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "!border-neutral-600 data-[placeholder]:!text-gray-400 [&_svg:not([class*='text-'])]:!text-gray-400 focus-visible:!border-blue-500 focus-visible:!ring-blue-500/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:!bg-neutral-600 flex w-full items-center justify-between gap-2 rounded-lg !border !bg-neutral-700 px-4 py-2.5 text-sm !text-white transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         e.class
       )
     }), {
@@ -1455,7 +1455,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
     return (a, o) => (r(), g(s(lt), b({
       "data-slot": "select-content",
       class: s(M)(
-        "bg-popover text-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 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] origin-(--reka-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        "bg-gray-800 text-white 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 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] origin-(--reka-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg border border-gray-700 shadow-md p-1",
         e.position === "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",
         e.class
       ),
@@ -1490,7 +1490,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       "data-slot": "select-trigger",
       "data-size": t.size,
       class: s(M)(
-        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-select-hover flex w-full items-center justify-between gap-2 rounded-md border bg-input-background px-3 py-2 text-sm transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:min-h-9 data-[size=sm]:min-h-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 *:data-[slot=select-value]:overflow-hidden [&_[data-slot=select-value]_div]:flex [&_[data-slot=select-value]_div]:items-center [&_[data-slot=select-value]_div]:gap-2 [&_[data-slot=select-value]_.text-xs]:hidden [&_[data-slot=select-value]_svg]:shrink-0",
+        "border-gray-700 data-[placeholder]:text-gray-400 [&_svg:not([class*='text-'])]:text-gray-400 focus-visible:border-blue-500 focus-visible:ring-blue-500/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-gray-750 flex w-full items-center justify-between gap-2 rounded-lg border bg-gray-800 px-4 py-2.5 text-sm text-white transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:min-h-9 data-[size=sm]:min-h-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 *:data-[slot=select-value]:overflow-hidden [&_[data-slot=select-value]_div]:flex [&_[data-slot=select-value]_div]:items-center [&_[data-slot=select-value]_div]:gap-2 [&_[data-slot=select-value]_.text-xs]:hidden [&_[data-slot=select-value]_svg]:shrink-0",
         e.$props.class
       )
     }, e.$attrs), {
@@ -1525,7 +1525,7 @@ const Ks = Symbol("InputOTPContext"), je = Symbol("InputOTPMaskContext"), Ad = /
       value: e.value,
       "data-slot": "select-item",
       class: s(M)(
-        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-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",
+        "text-white hover:bg-gray-700 focus:bg-gray-700 [&_svg:not([class*='text-'])]:text-gray-400 relative flex w-full cursor-pointer items-center gap-2 rounded-md py-2 pr-8 pl-3 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",
         e.class
       )
     }, a.$attrs), {
@@ -1972,7 +1972,7 @@ const Wd = {
       default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/90",
       secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/90",
       destructive: "border-transparent bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-      outline: "text-foreground hover:bg-accent hover:text-accent-foreground",
+      outline: "border-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground",
       "soft-primary": "border-blue-200 bg-blue-50 text-blue-700 hover:bg-blue-100 dark:border-blue-800 dark:bg-blue-950 dark:text-blue-300 dark:hover:bg-blue-900",
       "soft-secondary": "border-gray-200 bg-gray-50 text-gray-700 hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 dark:hover:bg-gray-800",
       "soft-success": "border-green-200 bg-green-50 text-green-700 hover:bg-green-100 dark:border-green-800 dark:bg-green-950 dark:text-green-300 dark:hover:bg-green-900",
@@ -2224,12 +2224,12 @@ const Wd = {
     });
     return (n, i) => e.variant === "corner-cut" ? (r(), l("div", wo, [
       c("div", {
-        class: w(s(M)("absolute inset-0 bg-border rounded")),
+        class: w(s(M)("absolute inset-0 bg-border/60 rounded")),
         style: H({ clipPath: a.value })
       }, null, 6),
       c("div", b({
         "data-slot": "card",
-        class: s(M)("bg-card text-card-foreground flex flex-col gap-3 relative rounded", o.value, n.$attrs.class),
+        class: s(M)("bg-card text-card-foreground flex flex-col gap-3 relative rounded shadow-sm", o.value, n.$attrs.class),
         style: { clipPath: a.value, margin: "1px" }
       }, n.$attrs), [
         d(n.$slots, "default")
@@ -2237,7 +2237,7 @@ const Wd = {
     ])) : (r(), l("div", b({
       key: 1,
       "data-slot": "card",
-      class: s(M)("bg-card text-card-foreground flex flex-col gap-3 rounded-md border", n.$attrs.class)
+      class: s(M)("bg-gray-900 text-card-foreground flex flex-col gap-3 relative rounded-xl border border-gray-800 shadow-sm", n.$attrs.class)
     }, n.$attrs), [
       d(n.$slots, "default")
     ], 16));
@@ -3249,7 +3249,7 @@ const pe = /* @__PURE__ */ T(Ko, [["render", Jo]]), Zo = {
           "data-slot": "dropdown-menu-content",
           sideOffset: e.sideOffset
         }, a.$attrs, {
-          class: s(M)("bg-popover text-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 z-50 max-h-[--reka-dropdown-menu-content-available-height] min-w-[8rem] origin-[--reka-dropdown-menu-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", e.class)
+          class: s(M)("bg-popover text-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 z-50 max-h-[--reka-dropdown-menu-content-available-height] min-w-[8rem] origin-[--reka-dropdown-menu-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-md border border-border p-1 shadow-md", e.class)
         }), {
           default: u(() => [
             d(a.$slots, "default")
@@ -3370,7 +3370,7 @@ const Dc = /* @__PURE__ */ T(Tr, [["render", Vr]]), Pr = ["data-inset", "data-va
     ], 16));
   }
 }), Er = {
-  class: "absolute left-full top-0 mt-0 ml-2 min-w-[8rem] bg-popover border rounded-md shadow-md z-50",
+  class: "absolute left-full top-0 mt-0 ml-2 min-w-[8rem] bg-popover border border-border rounded-md shadow-md z-50",
   "data-slot": "dropdown-menu-sub-content"
 }, Fc = /* @__PURE__ */ f({
   __name: "dropdown-menu-sub-content",
@@ -6238,7 +6238,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
     }
   },
   setup(t) {
-    const a = M("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", t.class);
+    const a = M("bg-muted/50 border-t border-border font-medium [&>tr]:last:border-b-0", t.class);
     return (o, n) => (r(), l("tfoot", {
       "data-slot": "table-footer",
       class: w(s(a))
@@ -6351,7 +6351,7 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
     }
   },
   setup(t) {
-    const a = M("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", t.class);
+    const a = M("hover:bg-muted/50 data-[state=selected]:bg-muted border-b border-border transition-colors", t.class);
     return (o, n) => (r(), l("tr", {
       "data-slot": "table-row",
       class: w(s(a))
@@ -6361,11 +6361,11 @@ const Ti = { class: "relative isolate" }, Di = ["title"], Vi = { class: "p-4" },
   }
 }), qi = {
   "data-slot": "table-container",
-  class: "relative w-full overflow-x-auto"
+  class: "relative w-full overflow-x-auto rounded-md border border-border"
 }, Ki = {
   key: 0,
   "data-slot": "table-head",
-  class: "[&_tr]:border-b"
+  class: "[&_tr]:border-b [&_tr]:border-border"
 }, Xi = {
   key: 1,
   "data-slot": "table-body",