@boxcustodia/library 1.3.1-canary.0 → 1.3.1

package/dist/index.es867.js

@@ -1,25 +1,4 @@
-import { useState as u } from "react";
-function n(c, r) {
-  var e = u(function() {
-    return {
-      // value
-      value: c,
-      // last callback
-      callback: r,
-      // "memoized" public interface
-      facade: {
-        get current() {
-          return e.value;
-        },
-        set current(a) {
-          var t = e.value;
-          t !== a && (e.value = a, e.callback(a, t));
-        }
-      }
-    };
-  })[0];
-  return e.callback = r, e.facade;
-}
+var e = {};
 export {
-  n as useCallbackRef
+  e as __exports
 };

package/dist/index.es868.js

@@ -1,4 +1,6 @@
-var r = {};
+function i(n, t) {
+  return typeof n == "function" ? n(t) : n && (n.current = t), n;
+}
 export {
-  r as __exports
+  i as assignRef
 };

package/dist/index.es869.js

@@ -1,4 +1,25 @@
-var e = {};
+import { useState as u } from "react";
+function n(c, r) {
+  var e = u(function() {
+    return {
+      // value
+      value: c,
+      // last callback
+      callback: r,
+      // "memoized" public interface
+      facade: {
+        get current() {
+          return e.value;
+        },
+        set current(a) {
+          var t = e.value;
+          t !== a && (e.value = a, e.callback(a, t));
+        }
+      }
+    };
+  })[0];
+  return e.callback = r, e.facade;
+}
 export {
-  e as __exports
+  n as useCallbackRef
 };

package/dist/index.es87.js

@@ -1,4 +1,4 @@
-import { j as r } from "./index.es107.js";
+import { j as r } from "./index.es104.js";
 import { TreeRoot as c, TreeItem as d, TreeItemContent as s, TreeItemIndicator as x, TreeItemLabel as h } from "./index.es89.js";
 import { Collection as j } from "./index.es88.js";
 function u({ items: n, ...i }) {

package/dist/index.es88.js

@@ -1,11 +1,11 @@
-import { BaseCollection as h } from "./index.es359.js";
-import { Document as w } from "./index.es360.js";
-import { useCachedChildren as P } from "./index.es281.js";
-import { Hidden as y } from "./index.es271.js";
+import { BaseCollection as h } from "./index.es405.js";
+import { Document as w } from "./index.es406.js";
+import { useCachedChildren as P } from "./index.es312.js";
+import { Hidden as y } from "./index.es302.js";
 import { createPortal as g } from "react-dom";
 import c, { useContext as d, createContext as f, useMemo as v, forwardRef as p, useCallback as s, useState as D, useRef as B } from "react";
-import { useIsSSR as C } from "./index.es361.js";
-import { useLayoutEffect as N } from "./index.es362.js";
+import { useIsSSR as C } from "./index.es407.js";
+import { useLayoutEffect as N } from "./index.es408.js";
 import { s as F } from "./index.es181.js";
 const x = /* @__PURE__ */ f(!1), $ = /* @__PURE__ */ f(null);
 function K(t) {

package/dist/index.es89.js

@@ -1,9 +1,9 @@
-import { j as e } from "./index.es107.js";
-import { Button as c } from "./index.es161.js";
-import { composeRenderProps as s } from "./index.es162.js";
-import { UNSTABLE_TreeItem as i, UNSTABLE_TreeItemContent as l, UNSTABLE_Tree as d } from "./index.es163.js";
-import { tv as n } from "./index.es164.js";
-import m from "./index.es139.js";
+import { j as e } from "./index.es104.js";
+import { Button as c } from "./index.es158.js";
+import { composeRenderProps as s } from "./index.es159.js";
+import { UNSTABLE_TreeItem as i, UNSTABLE_TreeItemContent as l, UNSTABLE_Tree as d } from "./index.es160.js";
+import { tv as n } from "./index.es161.js";
+import m from "./index.es147.js";
 const f = n({
   base: "flex py-2 rounded-lg bg-bg cursor-default lg:text-sm flex-col overflow-auto outline-none",
   variants: {

package/dist/index.es90.js

@@ -1,5 +1,5 @@
 import * as l from "react";
-import { useCallbackRef as f } from "./index.es101.js";
+import { useCallbackRef as f } from "./index.es103.js";
 function R({
   prop: t,
   defaultProp: r,

package/dist/index.es91.js

@@ -1,5 +1,5 @@
-import { clsx as e } from "./index.es102.js";
-import { extendTailwindMerge as t } from "./index.es103.js";
+import { clsx as e } from "./index.es101.js";
+import { extendTailwindMerge as t } from "./index.es102.js";
 const n = t({});
 function c(...r) {
   return n(e(r));

package/dist/index.es92.js

@@ -1,4 +1,4 @@
-import { j as n } from "./index.es107.js";
+import { j as n } from "./index.es104.js";
 import { useContext as s, createContext as m } from "react";
 const t = {}, o = m({ theme: t }), u = () => s(o), h = ({
   children: e,

package/dist/index.es96.js

@@ -1,4 +1,4 @@
-import { j as o } from "./index.es107.js";
+import { j as o } from "./index.es104.js";
 import { isValidElement as f } from "react";
 const x = ({
   children: t,

package/dist/index.es99.js

@@ -1,4 +1,4 @@
-import { act as o } from "./index.es106.js";
+import { act as o } from "./index.es105.js";
 const i = (c) => o(() => c.click());
 export {
   i as click

package/dist/theme.css

@@ -0,0 +1,248 @@
+@plugin "tailwindcss-animate";
+@custom-variant open (&[data-state="open"]);
+@custom-variant closed (&[data-state="closed"]);
+@custom-variant invalid (&[aria-invalid="true"]);
+
+@theme {
+  --color-background: oklch(100% 0 0);
+  --color-foreground: oklch(13.63% 0.036 259.2);
+
+  --color-popover: oklch(100% 0 0);
+  --color-popover-foreground: oklch(13.63% 0.036 259.2);
+
+  --color-primary: oklch(59.5% 0.195 270.48);
+  --color-primary-foreground: oklch(100% 0 0);
+
+  --color-secondary: oklch(96.83% 0.007 247.9);
+  --color-secondary-foreground: oklch(20.77% 0.04 265.75);
+
+  --color-muted: oklch(96.83% 0.007 247.9);
+  --color-muted-foreground: oklch(55.44% 0.041 257.42);
+
+  --color-accent: oklch(96.74% 0.001 286.38);
+  --color-accent-foreground: oklch(19.06% 0.003 247.96);
+
+  --color-error: oklch(63.68% 0.208 25.33);
+  --color-error-foreground: oklch(98.42% 0.003 247.86);
+
+  --color-success: oklch(70.1% 0.146 156.33);
+  --color-success-foreground: oklch(98.42% 0.003 247.86);
+
+  --color-input: oklch(76.68% 0 0);
+  --color-checkbox: var(--color-primary);
+  --color-ring: oklch(13.63% 0.036 259.2);
+
+  --radius: 0.5rem;
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: calc(var(--radius));
+  --radius-xl: calc(var(--radius) + 4px);
+  --radius-tag: 0.375rem;
+  --radius-checkbox: 0.25rem;
+
+  --icon-size: 1rem;
+}
+@layer base {
+  body {
+    background-color: var(--color-background);
+    color: var(--color-foreground);
+  }
+  * {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+  }
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentColor);
+  }
+
+  input:disabled,
+  button:disabled,
+  textarea:disabled,
+  select:disabled,
+  [data-disabled="true"] {
+    pointer-events: none;
+    opacity: 0.5;
+  }
+  button:not(:disabled),
+  [role="button"]:not(:disabled) {
+    cursor: pointer;
+  }
+
+  .field-error {
+    border-color: var(--color-error);
+  }
+
+  .lucide {
+    width: var(--icon-size);
+    height: var(--icon-size);
+  }
+
+  @keyframes pulse {
+    0%,
+    100% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.9;
+    }
+  }
+
+  @keyframes fadeIn {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+
+  /* Accordion */
+  .accordion {
+    display: grid;
+    transition: grid-template-rows 0.2s ease-out;
+  }
+
+  .accordion > :first-child {
+    overflow: hidden;
+    position: relative;
+  }
+
+  .accordion-enter {
+    grid-template-rows: 0fr;
+  }
+
+  .accordion-enter-active {
+    grid-template-rows: 1fr;
+  }
+
+  .accordion-exit {
+    grid-template-rows: 1fr;
+  }
+
+  .accordion-exit-active {
+    grid-template-rows: 0fr;
+  }
+
+  /* Btn loader */
+  .btn-loader-enter,
+  .btn-loader-exit {
+    overflow: hidden;
+  }
+
+  .btn-loader-enter {
+    width: 0;
+    opacity: 0;
+  }
+
+  .btn-loader-enter-active {
+    width: var(--icon-size);
+    opacity: 1;
+    transition:
+      width 0.3s ease,
+      opacity 0.3s ease;
+  }
+
+  .btn-loader-exit {
+    width: var(--icon-size);
+    opacity: 1;
+  }
+
+  .btn-loader-exit-active {
+    width: 0;
+    opacity: 0;
+    transition:
+      width 0.15s ease,
+      opacity 0.25s ease;
+  }
+
+  /* Fade */
+  .fade-enter {
+    opacity: 0;
+    transform: scale(0.8);
+  }
+
+  .fade-enter-active {
+    opacity: 1;
+    transform: scale(1);
+    transition:
+      opacity 0.1s ease,
+      transform 0.1s ease;
+  }
+
+  .fade-exit {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  .fade-exit-active {
+    opacity: 0;
+    transform: scale(0.8);
+    transition:
+      opacity 0.2s ease,
+      transform 0.2s ease;
+  }
+
+  .toast-enter {
+    opacity: 0;
+    transform: translateX(120%) scale(0.85) rotate(5deg);
+    filter: blur(2px);
+  }
+
+  .toast-enter-active {
+    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 {
+    opacity: 1;
+    transform: translateX(0) scale(1) rotate(0);
+    filter: blur(0);
+  }
+
+  .toast-exit-active {
+    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 {
+    /* Chrome, Safari, Edge, Opera */
+    &::-webkit-outer-spin-button,
+    &::-webkit-inner-spin-button {
+      -webkit-appearance: none;
+      margin: -1;
+    }
+
+    /* Firefox */
+    &[type="number"] {
+      -moz-appearance: textfield;
+    }
+  }
+
+  .space-y-6 > :not([hidden]) ~ :not([hidden]) {
+    margin-top: 1.5rem;
+  }
+  .space-y-4 > :not([hidden]) ~ :not([hidden]) {
+    margin-top: 1rem;
+  }
+  .space-y-2 > :not([hidden]) ~ :not([hidden]) {
+    margin-top: 0.5rem;
+  }
+  .space-y-1 > :not([hidden]) ~ :not([hidden]) {
+    margin-top: 0.275rem;
+  }
+}

package/package.json

@@ -1,14 +1,13 @@
 {
   "name": "@boxcustodia/library",
-  "version": "1.3.1-canary.0",
+  "version": "1.3.1",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,
   "files": [
-    "/dist",
-    "dist/styles.css"
+    "/dist"
   ],
   "publishConfig": {
     "access": "public",
@@ -18,9 +17,8 @@
     "format": "prettier --write --parser typescript '**/*.{ts,tsx}'",
     "lint": "eslint . --ext .ts,.tsx --ignore-path .gitignore --fix",
     "prettier": "prettier --write .",
-    "build": "vite build && npm run build:css",
-    "build:css": "npx @tailwindcss/cli -i src/styles/theme.css -o dist/styles.css --minify",
-    "verify:css": "npx @tailwindcss/cli --content 'src/**/*.{ts,tsx}' --verify",
+    "build": "tsc && vite build && npm run copy:theme",
+    "copy:theme": "copy .\\src\\styles\\theme.css .\\dist || cp ./src/styles/theme.css ./dist",
     "test": "vitest run",
     "test-watch": "vitest",
     "test:ui": "vitest --ui",

package/dist/styles.css

@@ -1,2 +0,0 @@
-/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
-:root,:host{--color-background:oklch(100% 0 0);--color-foreground:oklch(13.63% .036 259.2);--color-error:oklch(63.68% .208 25.33);--icon-size:1rem}@layer base{body{background-color:var(--color-background);color:var(--color-foreground)}*{box-sizing:border-box;margin:0;padding:0}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentColor)}::file-selector-button{border-color:var(--color-gray-200,currentColor)}input:disabled,button:disabled,textarea:disabled,select:disabled,[data-disabled=true]{pointer-events:none;opacity:.5}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}.field-error{border-color:var(--color-error)}.lucide{width:var(--icon-size);height:var(--icon-size)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.9}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.accordion{transition:grid-template-rows .2s ease-out;display:grid}.accordion>:first-child{position:relative;overflow:hidden}.accordion-enter{grid-template-rows:0fr}.accordion-enter-active,.accordion-exit{grid-template-rows:1fr}.accordion-exit-active{grid-template-rows:0fr}.btn-loader-enter,.btn-loader-exit{overflow:hidden}.btn-loader-enter{opacity:0;width:0}.btn-loader-enter-active{width:var(--icon-size);opacity:1;transition:width .3s,opacity .3s}.btn-loader-exit{width:var(--icon-size);opacity:1}.btn-loader-exit-active{opacity:0;width:0;transition:width .15s,opacity .25s}.fade-enter{opacity:0;transform:scale(.8)}.fade-enter-active{opacity:1;transition:opacity .1s,transform .1s;transform:scale(1)}.fade-exit{opacity:1;transform:scale(1)}.fade-exit-active{opacity:0;transition:opacity .2s,transform .2s;transform:scale(.8)}.toast-enter{opacity:0;filter:blur(2px);transform:translate(120%)scale(.85)rotate(5deg)}.toast-enter-active{opacity:1;filter:blur();transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease-out,filter .3s ease-out;transform:translate(0)scale(1)rotate(0)}.toast-exit{opacity:1;filter:blur();transform:translate(0)scale(1)rotate(0)}.toast-exit-active{opacity:0;filter:blur(3px);transition:transform .35s cubic-bezier(.34,0,.64,1),opacity .25s ease-in,filter .25s ease-in;transform:translate(120%)scale(.75)rotate(-5deg)}.numberInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:-1px}.numberInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:-1px}.numberInput[type=number]{-moz-appearance:textfield}.space-y-6>:not([hidden])~:not([hidden]){margin-top:1.5rem}.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}.space-y-1>:not([hidden])~:not([hidden]){margin-top:.275rem}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}