@boxcustodia/library 0.3.4 → 0.3.6

package/dist/index.es96.js

@@ -1,24 +1,37 @@
 import { cva as i } from "./index.es142.js";
-const a = i(
-  "ui-overflow-hidden ui-pb-px ui-aspect-square ui-bg-muted ui-grid ui-place-items-center ui-font-semibold",
+const u = i(
+  [
+    "ui-inline-flex ui-items-center ui-justify-center ui-gap-2",
+    "ui-text-sm ui-font-medium ui-transition-all",
+    "ui-rounded-md ui-ring-offset-background",
+    "focus-visible:ui-outline-none focus-visible:ui-ring-2 focus-visible:ui-ring-ring focus-visible:ui-ring-offset-2",
+    "disabled:ui-pointer-events-none disabled:ui-opacity-50",
+    "hover:ui-brightness-105"
+  ],
   {
     variants: {
       variant: {
-        circle: "ui-rounded-full",
-        square: "ui-rounded"
+        default: "ui-bg-primary ui-text-primary-foreground",
+        error: "ui-bg-error ui-text-error-foreground",
+        success: "ui-bg-success ui-text-success-foreground",
+        outline: "ui-border ui-border-input ui-bg-background hover:ui-bg-accent hover:ui-text-accent-foreground",
+        secondary: "ui-bg-secondary ui-text-secondary-foreground hover:ui-brightness-100 hover:ui-bg-secondary/80",
+        ghost: "hover:ui-bg-accent hover:ui-brightness-100 hover:ui-text-accent-foreground",
+        link: "ui-text-primary ui-underline-offset-4 hover:ui-underline"
       },
       size: {
-        sm: "ui-w-8 ui-h-8",
-        md: "ui-w-12 ui-h-12",
-        lg: "ui-w-16 ui-h-16"
+        default: "ui-h-10 ui-px-4 ui-py-2",
+        sm: "ui-h-9 ui-rounded-md ui-px-3",
+        lg: "ui-h-11 ui-rounded-md ui-px-8",
+        icon: "ui-w-10 ui-aspect-square"
       }
     },
     defaultVariants: {
-      variant: "circle",
-      size: "md"
+      variant: "default",
+      size: "default"
     }
   }
 );
 export {
-  a as avatarVariants
+  u as buttonVariants
 };

package/dist/index.es97.js

@@ -1,37 +1,48 @@
-import { cva as i } from "./index.es142.js";
-const u = i(
-  [
-    "ui-inline-flex ui-items-center ui-justify-center ui-gap-2",
-    "ui-text-sm ui-font-medium ui-transition-all",
-    "ui-rounded-md ui-ring-offset-background",
-    "focus-visible:ui-outline-none focus-visible:ui-ring-2 focus-visible:ui-ring-ring focus-visible:ui-ring-offset-2",
-    "disabled:ui-pointer-events-none disabled:ui-opacity-50",
-    "hover:ui-brightness-105"
-  ],
-  {
-    variants: {
-      variant: {
-        default: "ui-bg-primary ui-text-primary-foreground",
-        error: "ui-bg-error ui-text-error-foreground",
-        success: "ui-bg-success ui-text-success-foreground",
-        outline: "ui-border ui-border-input ui-bg-background hover:ui-bg-accent hover:ui-text-accent-foreground",
-        secondary: "ui-bg-secondary ui-text-secondary-foreground hover:ui-brightness-100 hover:ui-bg-secondary/80",
-        ghost: "hover:ui-bg-accent hover:ui-brightness-100 hover:ui-text-accent-foreground",
-        link: "ui-text-primary ui-underline-offset-4 hover:ui-underline"
-      },
-      size: {
-        default: "ui-h-10 ui-px-4 ui-py-2",
-        sm: "ui-h-9 ui-rounded-md ui-px-3",
-        lg: "ui-h-11 ui-rounded-md ui-px-8",
-        icon: "ui-w-10 ui-aspect-square"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
+import * as l from "react";
+import { composeRefs as u } from "./index.es155.js";
+import { j as c } from "./index.es92.js";
+var d = l.forwardRef((e, n) => {
+  const { children: r, ...t } = e, o = l.Children.toArray(r), i = o.find(g);
+  if (i) {
+    const s = i.props.children, a = o.map((p) => p === i ? l.Children.count(s) > 1 ? l.Children.only(null) : l.isValidElement(s) ? s.props.children : null : p);
+    return /* @__PURE__ */ c.jsx(f, { ...t, ref: n, children: l.isValidElement(s) ? l.cloneElement(s, void 0, a) : null });
   }
-);
+  return /* @__PURE__ */ c.jsx(f, { ...t, ref: n, children: r });
+});
+d.displayName = "Slot";
+var f = l.forwardRef((e, n) => {
+  const { children: r, ...t } = e;
+  if (l.isValidElement(r)) {
+    const o = h(r);
+    return l.cloneElement(r, {
+      ...y(t, r.props),
+      // @ts-ignore
+      ref: n ? u(n, o) : o
+    });
+  }
+  return l.Children.count(r) > 1 ? l.Children.only(null) : null;
+});
+f.displayName = "SlotClone";
+var m = ({ children: e }) => /* @__PURE__ */ c.jsx(c.Fragment, { children: e });
+function g(e) {
+  return l.isValidElement(e) && e.type === m;
+}
+function y(e, n) {
+  const r = { ...n };
+  for (const t in n) {
+    const o = e[t], i = n[t];
+    /^on[A-Z]/.test(t) ? o && i ? r[t] = (...a) => {
+      i(...a), o(...a);
+    } : o && (r[t] = o) : t === "style" ? r[t] = { ...o, ...i } : t === "className" && (r[t] = [o, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...r };
+}
+function h(e) {
+  var t, o;
+  let n = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, r = n && "isReactWarning" in n && n.isReactWarning;
+  return r ? e.ref : (n = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, r = n && "isReactWarning" in n && n.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
+}
 export {
-  u as buttonVariants
+  d as Slot,
+  m as Slottable
 };

package/dist/index.es98.js

@@ -1,48 +1,32 @@
-import * as l from "react";
-import { composeRefs as u } from "./index.es156.js";
-import { j as c } from "./index.es93.js";
-var d = l.forwardRef((e, n) => {
-  const { children: r, ...t } = e, o = l.Children.toArray(r), i = o.find(g);
-  if (i) {
-    const s = i.props.children, a = o.map((p) => p === i ? l.Children.count(s) > 1 ? l.Children.only(null) : l.isValidElement(s) ? s.props.children : null : p);
-    return /* @__PURE__ */ c.jsx(f, { ...t, ref: n, children: l.isValidElement(s) ? l.cloneElement(s, void 0, a) : null });
-  }
-  return /* @__PURE__ */ c.jsx(f, { ...t, ref: n, children: r });
-});
-d.displayName = "Slot";
-var f = l.forwardRef((e, n) => {
-  const { children: r, ...t } = e;
-  if (l.isValidElement(r)) {
-    const o = h(r);
-    return l.cloneElement(r, {
-      ...y(t, r.props),
-      // @ts-ignore
-      ref: n ? u(n, o) : o
-    });
-  }
-  return l.Children.count(r) > 1 ? l.Children.only(null) : null;
-});
-f.displayName = "SlotClone";
-var m = ({ children: e }) => /* @__PURE__ */ c.jsx(c.Fragment, { children: e });
-function g(e) {
-  return l.isValidElement(e) && e.type === m;
-}
-function y(e, n) {
-  const r = { ...n };
-  for (const t in n) {
-    const o = e[t], i = n[t];
-    /^on[A-Z]/.test(t) ? o && i ? r[t] = (...a) => {
-      i(...a), o(...a);
-    } : o && (r[t] = o) : t === "style" ? r[t] = { ...o, ...i } : t === "className" && (r[t] = [o, i].filter(Boolean).join(" "));
-  }
-  return { ...e, ...r };
-}
-function h(e) {
-  var t, o;
-  let n = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, r = n && "isReactWarning" in n && n.isReactWarning;
-  return r ? e.ref : (n = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, r = n && "isReactWarning" in n && n.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
-}
+import { j as o } from "./index.es92.js";
+import { useRef as r } from "react";
+import i from "./index.es156.js";
+import a from "./index.es124.js";
+import { cn as m } from "./index.es82.js";
+const s = ({ loading: e, ...t }) => {
+  const n = r(null);
+  return /* @__PURE__ */ o.jsx(
+    i,
+    {
+      unmountOnExit: !0,
+      mountOnEnter: !0,
+      timeout: 200,
+      in: e,
+      classNames: "btn-loader",
+      nodeRef: n,
+      children: /* @__PURE__ */ o.jsx(
+        a,
+        {
+          ...t,
+          ref: n,
+          "data-testid": "btn-loader",
+          className: m("ui-animate-spin", t.className)
+        }
+      )
+    }
+  );
+};
+s.displayName = "LoadingIcon";
 export {
-  d as Slot,
-  m as Slottable
+  s as LoadingIcon
 };

package/dist/index.es99.js

@@ -1,32 +1,32 @@
-import { j as o } from "./index.es93.js";
-import { useRef as r } from "react";
-import i from "./index.es157.js";
-import a from "./index.es125.js";
-import { cn as m } from "./index.es83.js";
-const s = ({ loading: e, ...t }) => {
-  const n = r(null);
-  return /* @__PURE__ */ o.jsx(
-    i,
-    {
-      unmountOnExit: !0,
-      mountOnEnter: !0,
-      timeout: 200,
-      in: e,
-      classNames: "btn-loader",
-      nodeRef: n,
-      children: /* @__PURE__ */ o.jsx(
-        a,
-        {
-          ...t,
-          ref: n,
-          "data-testid": "btn-loader",
-          className: m("ui-animate-spin", t.className)
-        }
-      )
-    }
+import * as l from "react";
+import { useCallbackRef as f } from "./index.es157.js";
+function R({
+  prop: t,
+  defaultProp: r,
+  onChange: s = () => {
+  }
+}) {
+  const [e, n] = v({ defaultProp: r, onChange: s }), o = t !== void 0, i = o ? t : e, u = f(s), d = l.useCallback(
+    (c) => {
+      if (o) {
+        const a = typeof c == "function" ? c(t) : c;
+        a !== t && u(a);
+      } else
+        n(c);
+    },
+    [o, t, n, u]
   );
-};
-s.displayName = "LoadingIcon";
+  return [i, d];
+}
+function v({
+  defaultProp: t,
+  onChange: r
+}) {
+  const s = l.useState(t), [e] = s, n = l.useRef(e), o = f(r);
+  return l.useEffect(() => {
+    n.current !== e && (o(e), n.current = e);
+  }, [e, n, o]), s;
+}
 export {
-  s as LoadingIcon
+  R as useControllableState
 };

package/dist/style.css

@@ -134,21 +134,35 @@ select:disabled,
 }
 
 .toast-enter {
-  transform: translateX(100%);
+  opacity: 0;
+  transform: translateX(120%) scale(0.85) rotate(5deg);
+  filter: blur(2px);
 }
 
 .toast-enter-active {
-  transform: translateX(0);
-  transition: transform 200ms ease-out;
+  opacity: 1;
+  transform: translateX(0) scale(1) rotate(0);
+  filter: blur(0);
+  transition:
+    transform 400ms cubic-bezier(0.34, 1.56, 0.64, 1),
+    opacity 300ms ease-out,
+    filter 300ms ease-out;
 }
 
 .toast-exit {
-  transform: translateX(0);
+  opacity: 1;
+  transform: translateX(0) scale(1) rotate(0);
+  filter: blur(0);
 }
 
 .toast-exit-active {
-  transform: translateX(100%);
-  transition: transform 150ms ease-in;
+  opacity: 0;
+  transform: translateX(120%) scale(0.75) rotate(-5deg);
+  filter: blur(3px);
+  transition:
+    transform 350ms cubic-bezier(0.34, 0, 0.64, 1),
+    opacity 250ms ease-in,
+    filter 250ms ease-in;
 }
 
 .numberInput {
@@ -160,7 +174,7 @@ select:disabled,
   }
 
   /* Firefox */
-  &[type='number'] {
+  &[type="number"] {
     -moz-appearance: textfield;
   }
 }
@@ -774,9 +788,6 @@ video {
 .ui-visible {
   visibility: visible;
 }
-.\!ui-static {
-  position: static !important;
-}
 .ui-fixed {
   position: fixed;
 }
@@ -795,9 +806,6 @@ video {
 .ui-bottom-0 {
   bottom: 0px;
 }
-.ui-left-0 {
-  left: 0px;
-}
 .ui-left-2 {
   left: 0.5rem;
 }
@@ -1139,8 +1147,8 @@ video {
 .ui-min-w-\[var\(--radix-select-trigger-width\)\] {
   min-width: var(--radix-select-trigger-width);
 }
-.ui-max-w-\[350px\] {
-  max-width: 350px;
+.ui-max-w-\[300px\] {
+  max-width: 300px;
 }
 .ui-max-w-\[400px\] {
   max-width: 400px;
@@ -1160,10 +1168,6 @@ video {
 .ui-table-fixed {
   table-layout: fixed;
 }
-.ui--translate-x-1\/2 {
-  --tw-translate-x: -50%;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
 .ui--translate-y-1\/2 {
   --tw-translate-y: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1305,9 +1309,6 @@ video {
   margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(1rem * var(--tw-space-y-reverse));
 }
-.ui-self-center {
-  align-self: center;
-}
 .ui-overflow-auto {
   overflow: auto;
 }
@@ -1425,9 +1426,6 @@ video {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(250 250 250 / var(--tw-bg-opacity)) !important;
 }
-.\!ui-bg-transparent {
-  background-color: transparent !important;
-}
 .ui-bg-accent {
   background-color: var(--accent);
 }
@@ -1649,9 +1647,6 @@ video {
 .ui-pl-px {
   padding-left: 1px;
 }
-.ui-pr-1 {
-  padding-right: 0.25rem;
-}
 .ui-pr-12 {
   padding-right: 3rem;
 }
@@ -2058,9 +2053,6 @@ video {
 .hover\:ui-bg-background:hover {
   background-color: var(--background);
 }
-.hover\:ui-bg-black\/10:hover {
-  background-color: rgb(0 0 0 / 0.1);
-}
 .hover\:ui-bg-gray-200:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity));
@@ -2077,10 +2069,6 @@ video {
 .hover\:ui-text-error:hover {
   color: var(--error);
 }
-.hover\:ui-text-white:hover {
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
-}
 .hover\:ui-underline:hover {
   text-decoration-line: underline;
 }
@@ -2469,10 +2457,6 @@ video {
 .\[\&\:nth-last-child\(-n\+2\)\]\:ui-bg-background:nth-last-child(-n+2) {
   background-color: var(--background);
 }
-.\[\&\>\*\]\:ui-text-white>* {
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
-}
 .\[\&\>\*\]\:ui-opacity-0>* {
   opacity: 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@boxcustodia/library",
-  "version": "0.3.4",
+  "version": "0.3.6",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",