@boxcustodia/library 1.10.0 → 2.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs.js +88 -79
  2. package/dist/index.d.ts +349 -218
  3. package/dist/index.es.js +27222 -20871
  4. package/dist/theme.css +43 -28
  5. package/package.json +16 -10
package/dist/theme.css CHANGED
@@ -28,6 +28,15 @@
28
28
  --color-success: oklch(70.1% 0.146 156.33);
29
29
  --color-success-foreground: oklch(98.42% 0.003 247.86);
30
30
 
31
+ --color-warning: oklch(79.65% 0.16 70.08);
32
+ --color-warning-foreground: oklch(17.97% 0.034 59.63);
33
+
34
+ --color-info: oklch(62.8% 0.152 237.57);
35
+ --color-info-foreground: oklch(98.42% 0.003 247.86);
36
+
37
+ --animate-toast-bump: toast-bump 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
38
+ --animate-skeleton: skeleton 1.5s linear infinite;
39
+
31
40
  --color-input: oklch(76.68% 0 0);
32
41
  --color-checkbox: var(--color-primary);
33
42
  --color-ring: oklch(13.63% 0.036 259.2);
@@ -42,6 +51,16 @@
42
51
 
43
52
  --icon-size: 1rem;
44
53
  }
54
+ /* Tooltip enter animation — @starting-style is more reliable than data-[starting-style]
55
+ because it guarantees the browser paints the initial state before the transition fires,
56
+ avoiding the "no animation" issue caused by lost repaint frames. */
57
+ @starting-style {
58
+ [data-slot="tooltip-popup"] {
59
+ scale: 0.98;
60
+ opacity: 0;
61
+ }
62
+ }
63
+
45
64
  @layer base {
46
65
  body {
47
66
  background-color: var(--color-background);
@@ -115,7 +134,9 @@
115
134
  .btn-loader-enter-active {
116
135
  width: var(--icon-size);
117
136
  opacity: 1;
118
- transition: width 0.3s ease, opacity 0.3s ease;
137
+ transition:
138
+ width 0.3s ease,
139
+ opacity 0.3s ease;
119
140
  }
120
141
 
121
142
  .btn-loader-exit {
@@ -126,7 +147,9 @@
126
147
  .btn-loader-exit-active {
127
148
  width: 0;
128
149
  opacity: 0;
129
- transition: width 0.15s ease, opacity 0.25s ease;
150
+ transition:
151
+ width 0.15s ease,
152
+ opacity 0.25s ease;
130
153
  }
131
154
 
132
155
  /* Fade */
@@ -138,7 +161,9 @@
138
161
  .fade-enter-active {
139
162
  opacity: 1;
140
163
  transform: scale(1);
141
- transition: opacity 0.1s ease, transform 0.1s ease;
164
+ transition:
165
+ opacity 0.1s ease,
166
+ transform 0.1s ease;
142
167
  }
143
168
 
144
169
  .fade-exit {
@@ -149,35 +174,25 @@
149
174
  .fade-exit-active {
150
175
  opacity: 0;
151
176
  transform: scale(0.8);
152
- transition: opacity 0.2s ease, transform 0.2s ease;
177
+ transition:
178
+ opacity 0.2s ease,
179
+ transform 0.2s ease;
153
180
  }
154
181
 
155
- .toast-enter {
156
- opacity: 0;
157
- transform: translateX(120%) scale(0.85) rotate(5deg);
158
- filter: blur(2px);
159
- }
160
-
161
- .toast-enter-active {
162
- opacity: 1;
163
- transform: translateX(0) scale(1) rotate(0);
164
- filter: blur(0);
165
- transition: transform 400ms cubic-bezier(0.34, 1.56, 0.64, 1), opacity 300ms
166
- ease-out, filter 300ms ease-out;
167
- }
168
-
169
- .toast-exit {
170
- opacity: 1;
171
- transform: translateX(0) scale(1) rotate(0);
172
- filter: blur(0);
182
+ @keyframes skeleton {
183
+ to {
184
+ background-position: -200% 0;
185
+ }
173
186
  }
174
187
 
175
- .toast-exit-active {
176
- opacity: 0;
177
- transform: translateX(120%) scale(0.75) rotate(-5deg);
178
- filter: blur(3px);
179
- transition: transform 350ms cubic-bezier(0.34, 0, 0.64, 1), opacity 250ms
180
- ease-in, filter 250ms ease-in;
188
+ @keyframes toast-bump {
189
+ 0%,
190
+ 100% {
191
+ transform: scale(1);
192
+ }
193
+ 40% {
194
+ transform: scale(1.03);
195
+ }
181
196
  }
182
197
 
183
198
  .numberInput {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@boxcustodia/library",
3
- "version": "1.10.0",
3
+ "version": "2.0.0-alpha.1",
4
4
  "type": "module",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.es.js",
@@ -24,7 +24,7 @@
24
24
  "pre-storybook": "node scripts/toggle-vite-config.js disable",
25
25
  "post-storybook": "node scripts/toggle-vite-config.js enable",
26
26
  "storybook": "storybook dev -p 6006",
27
- "storybook:build": "npm run pre-storybook && storybook build && npm run post-storybook",
27
+ "storybook:build": "npm run pre-storybook && NODE_OPTIONS=--max-old-space-size=4096 storybook build && npm run post-storybook",
28
28
  "storybook:deploy": "npm run storybook:build && netlify deploy --prod --dir=storybook-static",
29
29
  "dev": "storybook dev -p 6006",
30
30
  "prepare-husky": "husky",
@@ -33,9 +33,11 @@
33
33
  "pre-commit": "lint-staged",
34
34
  "release": "npm run build && npx standard-version && git push --follow-tags origin develop && npm publish && npm run storybook:deploy",
35
35
  "release:push": "npm run build && git push --follow-tags origin develop && npm publish",
36
+ "release:next": "npm run build && npx standard-version --prerelease alpha && git push --follow-tags origin v2 && npm publish --tag next",
36
37
  "release:canary": "npm run build && npx standard-version --prerelease canary && git push --follow-tags origin develop && npm publish --tag canary",
37
38
  "release:minor": "npm run build && npx standard-version --release-as minor && git push --follow-tags origin develop && npm publish",
38
- "release:patch": "npm run build && npx standard-version --release-as patch && git push --follow-tags origin develop && npm publish"
39
+ "release:patch": "npm run build && npx standard-version --release-as patch && git push --follow-tags origin develop && npm publish",
40
+ "chromatic": "npx chromatic --project-token=chpt_ee5385eee6c69fb --build-script-name=storybook:build"
39
41
  },
40
42
  "lint-staged": {
41
43
  "*": [
@@ -47,6 +49,7 @@
47
49
  "license": "ISC",
48
50
  "description": "",
49
51
  "dependencies": {
52
+ "@base-ui/react": "^1.4.0",
50
53
  "@biomejs/biome": "^2.3.8",
51
54
  "@radix-ui/react-dialog": "^1.1.15",
52
55
  "@radix-ui/react-dropdown-menu": "^2.1.16",
@@ -60,12 +63,14 @@
60
63
  "vite-tsconfig-paths": "^6.0.1"
61
64
  },
62
65
  "devDependencies": {
63
- "@chromatic-com/storybook": "^4.1.3",
66
+ "@chromatic-com/storybook": "^5.1.2",
64
67
  "@faker-js/faker": "^10.1.0",
65
68
  "@hookform/resolvers": "^5.2.2",
66
- "@storybook/addon-links": "10.1.9",
67
- "@storybook/addon-onboarding": "10.1.9",
68
- "@storybook/react-vite": "10.1.9",
69
+ "@storybook/addon-docs": "10.3.5",
70
+ "@storybook/addon-links": "10.3.5",
71
+ "@storybook/addon-mcp": "^0.6.0",
72
+ "@storybook/addon-onboarding": "10.3.5",
73
+ "@storybook/react-vite": "10.3.5",
69
74
  "@tailwindcss/vite": "^4.1.18",
70
75
  "@testing-library/jest-dom": "^6.9.1",
71
76
  "@testing-library/react": "16.3.0",
@@ -77,6 +82,8 @@
77
82
  "@types/react-transition-group": "^4.4.12",
78
83
  "@vitejs/plugin-react": "^5.1.2",
79
84
  "autoprefixer": "^10.4.23",
85
+ "bunx": "^0.1.0",
86
+ "chromatic": "^16.2.0",
80
87
  "class-variance-authority": "^0.7.1",
81
88
  "clsx": "^2.1.1",
82
89
  "cmdk": "^1.1.1",
@@ -93,7 +100,7 @@
93
100
  "react-markdown": "^10.1.0",
94
101
  "react-transition-group": "^4.4.5",
95
102
  "standard-version": "^9.5.0",
96
- "storybook": "10.1.9",
103
+ "storybook": "10.3.5",
97
104
  "tailwind-merge": "^3.4.0",
98
105
  "tailwind-variants": "^3.2.2",
99
106
  "tailwindcss": "^4.1.18",
@@ -103,8 +110,7 @@
103
110
  "vite-plugin-dts": "^4.5.4",
104
111
  "vitest": "^4.0.15",
105
112
  "zod": "^4.2.0",
106
- "zustand": "^5.0.9",
107
- "@storybook/addon-docs": "10.1.9"
113
+ "zustand": "^5.0.9"
108
114
  },
109
115
  "peerDependencies": {
110
116
  "react": "^19.0.0",