@boxcustodia/library 1.2.2 → 1.3.1-canary.0

package/dist/index.es902.js

@@ -1,16 +1,16 @@
-var t = {};
-t = {
-  deselectedItem: (e) => `${e.item} nije izabrano.`,
-  longPressToSelect: "Dugo pritisnite za ulazak u režim biranja.",
-  select: "Izaberite",
-  selectedAll: "Izabrane su sve stavke.",
-  selectedCount: (e, a) => `${a.plural(e.count, {
-    "=0": "Nije izabrana nijedna stavka",
-    one: () => `Izabrana je ${a.number(e.count)} stavka`,
-    other: () => `Izabrano je ${a.number(e.count)} stavki`
-  })}.`,
-  selectedItem: (e) => `${e.item} je izabrano.`
+var E = {};
+E = {
+  deselectedItem: (u) => `未选择 ${u.item}。`,
+  longPressToSelect: "长按以进入选择模式。",
+  select: "选择",
+  selectedAll: "已选择所有项目。",
+  selectedCount: (u, e) => `${e.plural(u.count, {
+    "=0": "未选择项目",
+    one: () => `已选择 ${e.number(u.count)} 个项目`,
+    other: () => `已选择 ${e.number(u.count)} 个项目`
+  })}。`,
+  selectedItem: (u) => `已选择 ${u.item}。`
 };
 export {
-  t as default
+  E as default
 };

package/dist/index.es903.js

@@ -1,16 +1,16 @@
-var a = {};
-a = {
-  deselectedItem: (e) => `${e.item} ej markerat.`,
-  longPressToSelect: "Tryck länge när du vill öppna väljarläge.",
-  select: "Markera",
-  selectedAll: "Alla markerade objekt.",
-  selectedCount: (e, t) => `${t.plural(e.count, {
-    "=0": "Inga markerade objekt",
-    one: () => `${t.number(e.count)} markerat objekt`,
-    other: () => `${t.number(e.count)} markerade objekt`
-  })}.`,
-  selectedItem: (e) => `${e.item} markerat.`
+var t = {};
+t = {
+  deselectedItem: (u) => `未選取「${u.item}」。`,
+  longPressToSelect: "長按以進入選擇模式。",
+  select: "選取",
+  selectedAll: "已選取所有項目。",
+  selectedCount: (u, e) => `${e.plural(u.count, {
+    "=0": "未選取任何項目",
+    one: () => `已選取 ${e.number(u.count)} 個項目`,
+    other: () => `已選取 ${e.number(u.count)} 個項目`
+  })}。`,
+  selectedItem: (u) => `已選取「${u.item}」。`
 };
 export {
-  a as default
+  t as default
 };

package/dist/index.es904.js

@@ -1,16 +1,25 @@
-var l = {};
-l = {
-  deselectedItem: (e) => `${e.item} seçilmedi.`,
-  longPressToSelect: "Seçim moduna girmek için uzun basın.",
-  select: "Seç",
-  selectedAll: "Tüm ögeler seçildi.",
-  selectedCount: (e, i) => `${i.plural(e.count, {
-    "=0": "Hiçbir öge seçilmedi",
-    one: () => `${i.number(e.count)} öge seçildi`,
-    other: () => `${i.number(e.count)} öge seçildi`
-  })}.`,
-  selectedItem: (e) => `${e.item} seçildi.`
+var a = {
+  left: 0,
+  top: 0,
+  right: 0,
+  gap: 0
+}, e = function(t) {
+  return parseInt(t || "", 10) || 0;
+}, o = function(t) {
+  var n = window.getComputedStyle(document.body), i = n[t === "padding" ? "paddingLeft" : "marginLeft"], r = n[t === "padding" ? "paddingTop" : "marginTop"], d = n[t === "padding" ? "paddingRight" : "marginRight"];
+  return [e(i), e(r), e(d)];
+}, f = function(t) {
+  if (t === void 0 && (t = "margin"), typeof window > "u")
+    return a;
+  var n = o(t), i = document.documentElement.clientWidth, r = window.innerWidth;
+  return {
+    left: n[0],
+    top: n[1],
+    right: n[2],
+    gap: Math.max(0, r - i + n[2] - n[0])
+  };
 };
 export {
-  l as default
+  f as getGapWidth,
+  a as zeroGap
 };

package/dist/index.es905.js

@@ -1,16 +1,15 @@
-var D = {};
-D = {
-  deselectedItem: (u) => `${u.item} не вибрано.`,
-  longPressToSelect: "Виконайте довге натиснення, щоб перейти в режим вибору.",
-  select: "Вибрати",
-  selectedAll: "Усі елементи вибрано.",
-  selectedCount: (u, e) => `${e.plural(u.count, {
-    "=0": "Жодних елементів не вибрано",
-    one: () => `${e.number(u.count)} елемент вибрано`,
-    other: () => `Вибрано елементів: ${e.number(u.count)}`
-  })}.`,
-  selectedItem: (u) => `${u.item} вибрано.`
+import * as o from "react";
+import { stylesheetSingleton as r } from "./index.es906.js";
+var i = function() {
+  var t = r();
+  return function(e, n) {
+    o.useEffect(function() {
+      return t.add(e), function() {
+        t.remove();
+      };
+    }, [e && n]);
+  };
 };
 export {
-  D as default
+  i as styleHookSingleton
 };

package/dist/index.es906.js

@@ -1,16 +1,30 @@
-var E = {};
-E = {
-  deselectedItem: (u) => `未选择 ${u.item}。`,
-  longPressToSelect: "长按以进入选择模式。",
-  select: "选择",
-  selectedAll: "已选择所有项目。",
-  selectedCount: (u, e) => `${e.plural(u.count, {
-    "=0": "未选择项目",
-    one: () => `已选择 ${e.number(u.count)} 个项目`,
-    other: () => `已选择 ${e.number(u.count)} 个项目`
-  })}。`,
-  selectedItem: (u) => `已选择 ${u.item}。`
+import { getNonce as o } from "./index.es907.js";
+function r() {
+  if (!document)
+    return null;
+  var t = document.createElement("style");
+  t.type = "text/css";
+  var e = o();
+  return e && t.setAttribute("nonce", e), t;
+}
+function l(t, e) {
+  t.styleSheet ? t.styleSheet.cssText = e : t.appendChild(document.createTextNode(e));
+}
+function a(t) {
+  var e = document.head || document.getElementsByTagName("head")[0];
+  e.appendChild(t);
+}
+var c = function() {
+  var t = 0, e = null;
+  return {
+    add: function(n) {
+      t == 0 && (e = r()) && (l(e, n), a(e)), t++;
+    },
+    remove: function() {
+      t--, !t && e && (e.parentNode && e.parentNode.removeChild(e), e = null);
+    }
+  };
 };
 export {
-  E as default
+  c as stylesheetSingleton
 };

package/dist/index.es907.js

@@ -1,16 +1,7 @@
-var t = {};
-t = {
-  deselectedItem: (u) => `未選取「${u.item}」。`,
-  longPressToSelect: "長按以進入選擇模式。",
-  select: "選取",
-  selectedAll: "已選取所有項目。",
-  selectedCount: (u, e) => `${e.plural(u.count, {
-    "=0": "未選取任何項目",
-    one: () => `已選取 ${e.number(u.count)} 個項目`,
-    other: () => `已選取 ${e.number(u.count)} 個項目`
-  })}。`,
-  selectedItem: (u) => `已選取「${u.item}」。`
+var e = function() {
+  if (typeof __webpack_nonce__ < "u")
+    return __webpack_nonce__;
 };
 export {
-  t as default
+  e as getNonce
 };

package/dist/index.es91.js

@@ -1,5 +1,5 @@
-import { clsx as e } from "./index.es101.js";
-import { extendTailwindMerge as t } from "./index.es102.js";
+import { clsx as e } from "./index.es102.js";
+import { extendTailwindMerge as t } from "./index.es103.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.es104.js";
+import { j as n } from "./index.es107.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.es104.js";
+import { j as o } from "./index.es107.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.es166.js";
+import { act as o } from "./index.es106.js";
 const i = (c) => o(() => c.click());
 export {
   i as click

package/dist/styles.css

@@ -0,0 +1,2 @@
+/*! 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))}}

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@boxcustodia/library",
-  "version": "1.2.2",
+  "version": "1.3.1-canary.0",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
   "sideEffects": false,
   "files": [
-    "/dist"
+    "/dist",
+    "dist/styles.css"
   ],
   "publishConfig": {
     "access": "public",
@@ -17,20 +18,25 @@
     "format": "prettier --write --parser typescript '**/*.{ts,tsx}'",
     "lint": "eslint . --ext .ts,.tsx --ignore-path .gitignore --fix",
     "prettier": "prettier --write .",
-    "build": "tsc && vite build && npm run copy:theme",
-    "copy:theme": "copy .\\src\\styles\\theme.css .\\dist || cp ./src/styles/theme.css ./dist",
+    "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",
     "test": "vitest run",
     "test-watch": "vitest",
     "test:ui": "vitest --ui",
+    "pre-storybook": "node scripts/toggle-vite-config.js disable",
+    "post-storybook": "node scripts/toggle-vite-config.js enable",
     "storybook": "storybook dev -p 6006",
+    "storybook:build": "npm run pre-storybook && storybook build && npm run post-storybook",
+    "storybook:deploy": "npm run storybook:build && netlify deploy --prod --dir=storybook-static",
     "dev": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
     "prepare-husky": "husky",
     "generate": "plop",
     "commit": "npx cz",
     "pre-commit": "lint-staged",
-    "release": "npm run build && npx standard-version && git push --follow-tags origin develop && npm publish",
-    "release:push": "npm run build && git push --follow-tags origin develop && npm publish"
+    "release": "npm run build && npx standard-version && git push --follow-tags origin develop && npm publish && npm run storybook:deploy",
+    "release:push": "npm run build && git push --follow-tags origin develop && npm publish",
+    "release:canary": "npm run build && npx standard-version --prerelease canary && git push --follow-tags origin develop && npm publish --tag canary"
   },
   "lint-staged": {
     "*.{ts,tsx}": [

package/dist/theme.css

@@ -1,248 +0,0 @@
-@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;
-  }
-}