@axis-ds/ui-react 1.4.0 → 1.5.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.
- package/README.md +46 -1
- package/dist/accordion/index.js +9 -27
- package/dist/accordion/index.mjs +58 -7
- package/dist/alert/index.js +9 -27
- package/dist/alert/index.mjs +54 -7
- package/dist/avatar/avatar.d.mts +24 -0
- package/dist/avatar/avatar.d.ts +24 -0
- package/dist/avatar/avatar.js +70 -0
- package/dist/{chunk-OQGMQL2A.mjs → avatar/avatar.mjs} +5 -26
- package/dist/avatar/index.d.mts +5 -26
- package/dist/avatar/index.d.ts +5 -26
- package/dist/avatar/index.js +4 -78
- package/dist/avatar/index.mjs +2 -5
- package/dist/avatar/variants.d.mts +14 -0
- package/dist/avatar/variants.d.ts +14 -0
- package/dist/avatar/variants.js +44 -0
- package/dist/avatar/variants.mjs +20 -0
- package/dist/badge/index.js +5 -23
- package/dist/badge/index.mjs +35 -5
- package/dist/breadcrumb/index.js +15 -33
- package/dist/breadcrumb/index.mjs +118 -10
- package/dist/button/index.js +5 -23
- package/dist/button/index.mjs +44 -5
- package/dist/card/index.js +13 -31
- package/dist/card/index.mjs +58 -9
- package/dist/checkbox/index.js +5 -23
- package/dist/checkbox/index.mjs +41 -4
- package/dist/collapsible/index.js +3 -5
- package/dist/collapsible/index.mjs +4 -5
- package/dist/command/index.d.mts +7 -7
- package/dist/command/index.d.ts +7 -7
- package/dist/command/index.js +16 -33
- package/dist/command/index.mjs +110 -10
- package/dist/dialog/index.js +18 -36
- package/dist/dialog/index.mjs +88 -13
- package/dist/dropdown-menu/index.js +26 -44
- package/dist/dropdown-menu/index.mjs +188 -18
- package/dist/index.d.mts +4 -10
- package/dist/index.d.ts +4 -10
- package/dist/index.js +153 -1907
- package/dist/index.mjs +105 -150
- package/dist/input/index.js +4 -22
- package/dist/input/index.mjs +28 -4
- package/dist/label/index.js +5 -23
- package/dist/label/index.mjs +17 -4
- package/dist/popover/index.js +6 -24
- package/dist/popover/index.mjs +21 -6
- package/dist/progress/index.js +7 -25
- package/dist/progress/index.mjs +71 -6
- package/dist/radio-group/index.js +6 -24
- package/dist/radio-group/index.mjs +40 -5
- package/dist/scroll-area/index.js +6 -24
- package/dist/scroll-area/index.mjs +34 -5
- package/dist/select/index.js +16 -34
- package/dist/select/index.mjs +129 -11
- package/dist/separator/index.js +4 -22
- package/dist/separator/index.mjs +21 -4
- package/dist/sheet/index.js +19 -37
- package/dist/sheet/index.mjs +122 -13
- package/dist/skeleton/index.js +4 -22
- package/dist/skeleton/index.mjs +19 -4
- package/dist/slider/index.js +4 -22
- package/dist/slider/index.mjs +34 -4
- package/dist/switch/index.js +5 -23
- package/dist/switch/index.mjs +29 -4
- package/dist/table/index.js +18 -36
- package/dist/table/index.mjs +96 -11
- package/dist/tabs/index.js +9 -27
- package/dist/tabs/index.mjs +47 -7
- package/dist/textarea/index.js +4 -22
- package/dist/textarea/index.mjs +20 -4
- package/dist/toast/index.js +16 -34
- package/dist/toast/index.mjs +94 -10
- package/dist/toggle/index.js +5 -23
- package/dist/toggle/index.mjs +34 -5
- package/dist/tooltip/index.js +7 -25
- package/dist/tooltip/index.mjs +26 -7
- package/dist/utils.d.mts +9 -0
- package/dist/utils.d.ts +9 -0
- package/dist/utils.js +40 -0
- package/dist/{chunk-ZIF4PLK3.mjs → utils.mjs} +2 -4
- package/package.json +99 -5
- package/dist/chunk-22MWNPDF.mjs +0 -44
- package/dist/chunk-2OEPKE4D.mjs +0 -69
- package/dist/chunk-2XNUJNTG.mjs +0 -43
- package/dist/chunk-3N6NG7VT.mjs +0 -11
- package/dist/chunk-4I2F2NLP.mjs +0 -111
- package/dist/chunk-4PT43LON.mjs +0 -31
- package/dist/chunk-5NWFAQBM.mjs +0 -36
- package/dist/chunk-5Z2R3IHJ.mjs +0 -28
- package/dist/chunk-AY4B3RRN.mjs +0 -144
- package/dist/chunk-C5O47K7L.mjs +0 -71
- package/dist/chunk-CNU6645Y.mjs +0 -42
- package/dist/chunk-CY72AGI2.mjs +0 -105
- package/dist/chunk-DRFCNDVQ.mjs +0 -27
- package/dist/chunk-F2WSIT7F.mjs +0 -49
- package/dist/chunk-FZFREHAE.mjs +0 -139
- package/dist/chunk-HKYKDQ6C.mjs +0 -81
- package/dist/chunk-IS7NER3O.mjs +0 -37
- package/dist/chunk-MOBW7BKD.mjs +0 -49
- package/dist/chunk-PJX5UF3Y.mjs +0 -25
- package/dist/chunk-QXQWVRXN.mjs +0 -53
- package/dist/chunk-RFB4IABR.mjs +0 -108
- package/dist/chunk-SO2QSRGV.mjs +0 -58
- package/dist/chunk-TA62Q7YX.mjs +0 -37
- package/dist/chunk-TB33GTWS.mjs +0 -43
- package/dist/chunk-YI5OZRUB.mjs +0 -132
- package/dist/chunk-YZDRNV46.mjs +0 -210
- package/dist/chunk-Z4P43F5J.mjs +0 -65
- package/dist/chunk-Z65ZMFDH.mjs +0 -123
- package/dist/chunk-ZW6GY5PO.mjs +0 -29
package/dist/tooltip/index.js
CHANGED
|
@@ -26,8 +26,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
26
26
|
mod
|
|
27
27
|
));
|
|
28
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
|
|
30
|
-
// src/tooltip/index.tsx
|
|
31
29
|
var tooltip_exports = {};
|
|
32
30
|
__export(tooltip_exports, {
|
|
33
31
|
Tooltip: () => Tooltip,
|
|
@@ -36,35 +34,19 @@ __export(tooltip_exports, {
|
|
|
36
34
|
TooltipTrigger: () => TooltipTrigger
|
|
37
35
|
});
|
|
38
36
|
module.exports = __toCommonJS(tooltip_exports);
|
|
37
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
39
38
|
var React = __toESM(require("react"));
|
|
40
39
|
var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
|
|
47
|
-
extend: {
|
|
48
|
-
classGroups: {
|
|
49
|
-
shadow: [{ shadow: [isArbitraryShadowWithHint] }]
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
});
|
|
53
|
-
function cn(...inputs) {
|
|
54
|
-
return twMerge((0, import_clsx.clsx)(inputs));
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
// src/tooltip/index.tsx
|
|
58
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
59
|
-
var TooltipProvider = TooltipPrimitive.Provider;
|
|
60
|
-
var Tooltip = TooltipPrimitive.Root;
|
|
61
|
-
var TooltipTrigger = TooltipPrimitive.Trigger;
|
|
62
|
-
var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
40
|
+
var import_utils = require("../utils.js");
|
|
41
|
+
const TooltipProvider = TooltipPrimitive.Provider;
|
|
42
|
+
const Tooltip = TooltipPrimitive.Root;
|
|
43
|
+
const TooltipTrigger = TooltipPrimitive.Trigger;
|
|
44
|
+
const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
63
45
|
TooltipPrimitive.Content,
|
|
64
46
|
{
|
|
65
47
|
ref,
|
|
66
48
|
sideOffset,
|
|
67
|
-
className: cn(
|
|
49
|
+
className: (0, import_utils.cn)(
|
|
68
50
|
"z-50 overflow-hidden rounded-md bg-[var(--axis-surface-inverse)] px-3 py-1.5 text-xs text-[var(--axis-text-inverse)]",
|
|
69
51
|
"animate-in fade-in-0 zoom-in-95",
|
|
70
52
|
"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
|
package/dist/tooltip/index.mjs
CHANGED
|
@@ -1,10 +1,29 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
4
|
+
import { cn } from "../utils.mjs";
|
|
5
|
+
const TooltipProvider = TooltipPrimitive.Provider;
|
|
6
|
+
const Tooltip = TooltipPrimitive.Root;
|
|
7
|
+
const TooltipTrigger = TooltipPrimitive.Trigger;
|
|
8
|
+
const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
|
|
9
|
+
TooltipPrimitive.Content,
|
|
10
|
+
{
|
|
11
|
+
ref,
|
|
12
|
+
sideOffset,
|
|
13
|
+
className: cn(
|
|
14
|
+
"z-50 overflow-hidden rounded-md bg-[var(--axis-surface-inverse)] px-3 py-1.5 text-xs text-[var(--axis-text-inverse)]",
|
|
15
|
+
"animate-in fade-in-0 zoom-in-95",
|
|
16
|
+
"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
|
|
17
|
+
"data-[side=bottom]:slide-in-from-top-2",
|
|
18
|
+
"data-[side=left]:slide-in-from-right-2",
|
|
19
|
+
"data-[side=right]:slide-in-from-left-2",
|
|
20
|
+
"data-[side=top]:slide-in-from-bottom-2",
|
|
21
|
+
className
|
|
22
|
+
),
|
|
23
|
+
...props
|
|
24
|
+
}
|
|
25
|
+
) }));
|
|
26
|
+
TooltipContent.displayName = "TooltipContent";
|
|
8
27
|
export {
|
|
9
28
|
Tooltip,
|
|
10
29
|
TooltipContent,
|
package/dist/utils.d.mts
ADDED
package/dist/utils.d.ts
ADDED
package/dist/utils.js
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
var utils_exports = {};
|
|
20
|
+
__export(utils_exports, {
|
|
21
|
+
cn: () => cn
|
|
22
|
+
});
|
|
23
|
+
module.exports = __toCommonJS(utils_exports);
|
|
24
|
+
var import_clsx = require("clsx");
|
|
25
|
+
var import_tailwind_merge = require("tailwind-merge");
|
|
26
|
+
const isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
|
|
27
|
+
const twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
|
|
28
|
+
extend: {
|
|
29
|
+
classGroups: {
|
|
30
|
+
shadow: [{ shadow: [isArbitraryShadowWithHint] }]
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
function cn(...inputs) {
|
|
35
|
+
return twMerge((0, import_clsx.clsx)(inputs));
|
|
36
|
+
}
|
|
37
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
38
|
+
0 && (module.exports = {
|
|
39
|
+
cn
|
|
40
|
+
});
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
// src/utils.ts
|
|
2
1
|
import { clsx } from "clsx";
|
|
3
2
|
import { extendTailwindMerge } from "tailwind-merge";
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
const isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
|
|
4
|
+
const twMerge = extendTailwindMerge({
|
|
6
5
|
extend: {
|
|
7
6
|
classGroups: {
|
|
8
7
|
shadow: [{ shadow: [isArbitraryShadowWithHint] }]
|
|
@@ -12,7 +11,6 @@ var twMerge = extendTailwindMerge({
|
|
|
12
11
|
function cn(...inputs) {
|
|
13
12
|
return twMerge(clsx(inputs));
|
|
14
13
|
}
|
|
15
|
-
|
|
16
14
|
export {
|
|
17
15
|
cn
|
|
18
16
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@axis-ds/ui-react",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.5.1",
|
|
4
4
|
"description": "AXIS Design System - Core React UI Components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -163,6 +163,100 @@
|
|
|
163
163
|
},
|
|
164
164
|
"./tailwind.css": "./tailwind.css"
|
|
165
165
|
},
|
|
166
|
+
"typesVersions": {
|
|
167
|
+
"*": {
|
|
168
|
+
"accordion": [
|
|
169
|
+
"./dist/accordion/index.d.ts"
|
|
170
|
+
],
|
|
171
|
+
"alert": [
|
|
172
|
+
"./dist/alert/index.d.ts"
|
|
173
|
+
],
|
|
174
|
+
"avatar": [
|
|
175
|
+
"./dist/avatar/index.d.ts"
|
|
176
|
+
],
|
|
177
|
+
"badge": [
|
|
178
|
+
"./dist/badge/index.d.ts"
|
|
179
|
+
],
|
|
180
|
+
"breadcrumb": [
|
|
181
|
+
"./dist/breadcrumb/index.d.ts"
|
|
182
|
+
],
|
|
183
|
+
"button": [
|
|
184
|
+
"./dist/button/index.d.ts"
|
|
185
|
+
],
|
|
186
|
+
"card": [
|
|
187
|
+
"./dist/card/index.d.ts"
|
|
188
|
+
],
|
|
189
|
+
"checkbox": [
|
|
190
|
+
"./dist/checkbox/index.d.ts"
|
|
191
|
+
],
|
|
192
|
+
"collapsible": [
|
|
193
|
+
"./dist/collapsible/index.d.ts"
|
|
194
|
+
],
|
|
195
|
+
"command": [
|
|
196
|
+
"./dist/command/index.d.ts"
|
|
197
|
+
],
|
|
198
|
+
"dialog": [
|
|
199
|
+
"./dist/dialog/index.d.ts"
|
|
200
|
+
],
|
|
201
|
+
"dropdown-menu": [
|
|
202
|
+
"./dist/dropdown-menu/index.d.ts"
|
|
203
|
+
],
|
|
204
|
+
"input": [
|
|
205
|
+
"./dist/input/index.d.ts"
|
|
206
|
+
],
|
|
207
|
+
"label": [
|
|
208
|
+
"./dist/label/index.d.ts"
|
|
209
|
+
],
|
|
210
|
+
"popover": [
|
|
211
|
+
"./dist/popover/index.d.ts"
|
|
212
|
+
],
|
|
213
|
+
"progress": [
|
|
214
|
+
"./dist/progress/index.d.ts"
|
|
215
|
+
],
|
|
216
|
+
"radio-group": [
|
|
217
|
+
"./dist/radio-group/index.d.ts"
|
|
218
|
+
],
|
|
219
|
+
"scroll-area": [
|
|
220
|
+
"./dist/scroll-area/index.d.ts"
|
|
221
|
+
],
|
|
222
|
+
"select": [
|
|
223
|
+
"./dist/select/index.d.ts"
|
|
224
|
+
],
|
|
225
|
+
"separator": [
|
|
226
|
+
"./dist/separator/index.d.ts"
|
|
227
|
+
],
|
|
228
|
+
"sheet": [
|
|
229
|
+
"./dist/sheet/index.d.ts"
|
|
230
|
+
],
|
|
231
|
+
"skeleton": [
|
|
232
|
+
"./dist/skeleton/index.d.ts"
|
|
233
|
+
],
|
|
234
|
+
"slider": [
|
|
235
|
+
"./dist/slider/index.d.ts"
|
|
236
|
+
],
|
|
237
|
+
"switch": [
|
|
238
|
+
"./dist/switch/index.d.ts"
|
|
239
|
+
],
|
|
240
|
+
"table": [
|
|
241
|
+
"./dist/table/index.d.ts"
|
|
242
|
+
],
|
|
243
|
+
"tabs": [
|
|
244
|
+
"./dist/tabs/index.d.ts"
|
|
245
|
+
],
|
|
246
|
+
"textarea": [
|
|
247
|
+
"./dist/textarea/index.d.ts"
|
|
248
|
+
],
|
|
249
|
+
"toast": [
|
|
250
|
+
"./dist/toast/index.d.ts"
|
|
251
|
+
],
|
|
252
|
+
"toggle": [
|
|
253
|
+
"./dist/toggle/index.d.ts"
|
|
254
|
+
],
|
|
255
|
+
"tooltip": [
|
|
256
|
+
"./dist/tooltip/index.d.ts"
|
|
257
|
+
]
|
|
258
|
+
}
|
|
259
|
+
},
|
|
166
260
|
"sideEffects": false,
|
|
167
261
|
"files": [
|
|
168
262
|
"dist",
|
|
@@ -198,7 +292,7 @@
|
|
|
198
292
|
"clsx": "^2.1.0",
|
|
199
293
|
"cmdk": "^1.1.1",
|
|
200
294
|
"tailwind-merge": "^2.5.0",
|
|
201
|
-
"@axis-ds/tokens": "1.
|
|
295
|
+
"@axis-ds/tokens": "1.5.1"
|
|
202
296
|
},
|
|
203
297
|
"devDependencies": {
|
|
204
298
|
"@testing-library/jest-dom": "^6.9.1",
|
|
@@ -229,10 +323,10 @@
|
|
|
229
323
|
"url": "https://github.com/IDEA-on-Action/AXIS-Design-System.git",
|
|
230
324
|
"directory": "packages/axis-ui-react"
|
|
231
325
|
},
|
|
232
|
-
"homepage": "https://axis.
|
|
326
|
+
"homepage": "https://axis-design-system.pages.dev",
|
|
233
327
|
"scripts": {
|
|
234
|
-
"build": "tsup
|
|
235
|
-
"dev": "tsup
|
|
328
|
+
"build": "tsup && node scripts/postbuild.mjs && node scripts/sync-exports.mjs && node ../../scripts/sync-types-versions.mjs --only .",
|
|
329
|
+
"dev": "tsup --watch --onSuccess \"node scripts/postbuild.mjs\"",
|
|
236
330
|
"clean": "rm -rf dist",
|
|
237
331
|
"lint": "eslint .",
|
|
238
332
|
"test": "vitest run",
|
package/dist/chunk-22MWNPDF.mjs
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
cn
|
|
3
|
-
} from "./chunk-ZIF4PLK3.mjs";
|
|
4
|
-
|
|
5
|
-
// src/badge/index.tsx
|
|
6
|
-
import * as React from "react";
|
|
7
|
-
import { cva } from "class-variance-authority";
|
|
8
|
-
import { jsx } from "react/jsx-runtime";
|
|
9
|
-
var badgeVariants = cva(
|
|
10
|
-
"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2",
|
|
11
|
-
{
|
|
12
|
-
variants: {
|
|
13
|
-
variant: {
|
|
14
|
-
default: "border-transparent bg-[var(--axis-badge-default-bg)] text-[var(--axis-badge-default-text)]",
|
|
15
|
-
secondary: "border-transparent bg-[var(--axis-surface-secondary)] text-[var(--axis-text-secondary)]",
|
|
16
|
-
destructive: "border-transparent bg-[var(--axis-badge-error-bg)] text-[var(--axis-badge-error-text)]",
|
|
17
|
-
success: "border-transparent bg-[var(--axis-badge-success-bg)] text-[var(--axis-badge-success-text)]",
|
|
18
|
-
warning: "border-transparent bg-[var(--axis-badge-warning-bg)] text-[var(--axis-badge-warning-text)]",
|
|
19
|
-
error: "border-transparent bg-[var(--axis-badge-error-bg)] text-[var(--axis-badge-error-text)]",
|
|
20
|
-
info: "border-transparent bg-[var(--axis-badge-info-bg)] text-[var(--axis-badge-info-text)]",
|
|
21
|
-
outline: "border-[var(--axis-border-default)] text-[var(--axis-text-primary)]"
|
|
22
|
-
}
|
|
23
|
-
},
|
|
24
|
-
defaultVariants: {
|
|
25
|
-
variant: "default"
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
);
|
|
29
|
-
var Badge = React.forwardRef(
|
|
30
|
-
({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
31
|
-
"div",
|
|
32
|
-
{
|
|
33
|
-
ref,
|
|
34
|
-
className: cn(badgeVariants({ variant }), className),
|
|
35
|
-
...props
|
|
36
|
-
}
|
|
37
|
-
)
|
|
38
|
-
);
|
|
39
|
-
Badge.displayName = "Badge";
|
|
40
|
-
|
|
41
|
-
export {
|
|
42
|
-
badgeVariants,
|
|
43
|
-
Badge
|
|
44
|
-
};
|
package/dist/chunk-2OEPKE4D.mjs
DELETED
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
cn
|
|
3
|
-
} from "./chunk-ZIF4PLK3.mjs";
|
|
4
|
-
|
|
5
|
-
// src/accordion/index.tsx
|
|
6
|
-
import * as React from "react";
|
|
7
|
-
import * as AccordionPrimitive from "@radix-ui/react-accordion";
|
|
8
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
9
|
-
var Accordion = AccordionPrimitive.Root;
|
|
10
|
-
var AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
11
|
-
AccordionPrimitive.Item,
|
|
12
|
-
{
|
|
13
|
-
ref,
|
|
14
|
-
className: cn("border-b border-[var(--axis-border-default)]", className),
|
|
15
|
-
...props
|
|
16
|
-
}
|
|
17
|
-
));
|
|
18
|
-
AccordionItem.displayName = "AccordionItem";
|
|
19
|
-
var AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
|
|
20
|
-
AccordionPrimitive.Trigger,
|
|
21
|
-
{
|
|
22
|
-
ref,
|
|
23
|
-
className: cn(
|
|
24
|
-
"flex flex-1 items-center justify-between py-4 font-medium transition-all",
|
|
25
|
-
"text-[var(--axis-text-primary)]",
|
|
26
|
-
"hover:underline",
|
|
27
|
-
"[&[data-state=open]>svg]:rotate-180",
|
|
28
|
-
className
|
|
29
|
-
),
|
|
30
|
-
...props,
|
|
31
|
-
children: [
|
|
32
|
-
children,
|
|
33
|
-
/* @__PURE__ */ jsx(
|
|
34
|
-
"svg",
|
|
35
|
-
{
|
|
36
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
37
|
-
width: "16",
|
|
38
|
-
height: "16",
|
|
39
|
-
viewBox: "0 0 24 24",
|
|
40
|
-
fill: "none",
|
|
41
|
-
stroke: "currentColor",
|
|
42
|
-
strokeWidth: "2",
|
|
43
|
-
strokeLinecap: "round",
|
|
44
|
-
strokeLinejoin: "round",
|
|
45
|
-
className: "shrink-0 text-[var(--axis-text-secondary)] transition-transform duration-200",
|
|
46
|
-
children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
|
|
47
|
-
}
|
|
48
|
-
)
|
|
49
|
-
]
|
|
50
|
-
}
|
|
51
|
-
) }));
|
|
52
|
-
AccordionTrigger.displayName = "AccordionTrigger";
|
|
53
|
-
var AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
54
|
-
AccordionPrimitive.Content,
|
|
55
|
-
{
|
|
56
|
-
ref,
|
|
57
|
-
className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
|
|
58
|
-
...props,
|
|
59
|
-
children: /* @__PURE__ */ jsx("div", { className: cn("pb-4 pt-0", className), children })
|
|
60
|
-
}
|
|
61
|
-
));
|
|
62
|
-
AccordionContent.displayName = "AccordionContent";
|
|
63
|
-
|
|
64
|
-
export {
|
|
65
|
-
Accordion,
|
|
66
|
-
AccordionItem,
|
|
67
|
-
AccordionTrigger,
|
|
68
|
-
AccordionContent
|
|
69
|
-
};
|
package/dist/chunk-2XNUJNTG.mjs
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
cn
|
|
3
|
-
} from "./chunk-ZIF4PLK3.mjs";
|
|
4
|
-
|
|
5
|
-
// src/scroll-area/index.tsx
|
|
6
|
-
import * as React from "react";
|
|
7
|
-
import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
|
|
8
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
9
|
-
var ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
10
|
-
ScrollAreaPrimitive.Root,
|
|
11
|
-
{
|
|
12
|
-
ref,
|
|
13
|
-
className: cn("relative overflow-hidden", className),
|
|
14
|
-
...props,
|
|
15
|
-
children: [
|
|
16
|
-
/* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
|
|
17
|
-
/* @__PURE__ */ jsx(ScrollBar, {}),
|
|
18
|
-
/* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
|
|
19
|
-
]
|
|
20
|
-
}
|
|
21
|
-
));
|
|
22
|
-
ScrollArea.displayName = "ScrollArea";
|
|
23
|
-
var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
|
|
24
|
-
ScrollAreaPrimitive.ScrollAreaScrollbar,
|
|
25
|
-
{
|
|
26
|
-
ref,
|
|
27
|
-
orientation,
|
|
28
|
-
className: cn(
|
|
29
|
-
"flex touch-none select-none transition-colors",
|
|
30
|
-
orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
|
|
31
|
-
orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
|
|
32
|
-
className
|
|
33
|
-
),
|
|
34
|
-
...props,
|
|
35
|
-
children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-[var(--axis-border-default)]" })
|
|
36
|
-
}
|
|
37
|
-
));
|
|
38
|
-
ScrollBar.displayName = "ScrollBar";
|
|
39
|
-
|
|
40
|
-
export {
|
|
41
|
-
ScrollArea,
|
|
42
|
-
ScrollBar
|
|
43
|
-
};
|
package/dist/chunk-3N6NG7VT.mjs
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
// src/collapsible/index.tsx
|
|
2
|
-
import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
|
|
3
|
-
var Collapsible = CollapsiblePrimitive.Root;
|
|
4
|
-
var CollapsibleTrigger = CollapsiblePrimitive.Trigger;
|
|
5
|
-
var CollapsibleContent = CollapsiblePrimitive.Content;
|
|
6
|
-
|
|
7
|
-
export {
|
|
8
|
-
Collapsible,
|
|
9
|
-
CollapsibleTrigger,
|
|
10
|
-
CollapsibleContent
|
|
11
|
-
};
|
package/dist/chunk-4I2F2NLP.mjs
DELETED
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
cn
|
|
3
|
-
} from "./chunk-ZIF4PLK3.mjs";
|
|
4
|
-
|
|
5
|
-
// src/table/index.tsx
|
|
6
|
-
import * as React from "react";
|
|
7
|
-
import { jsx } from "react/jsx-runtime";
|
|
8
|
-
var Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
|
|
9
|
-
"table",
|
|
10
|
-
{
|
|
11
|
-
ref,
|
|
12
|
-
className: cn(
|
|
13
|
-
"w-full caption-bottom text-sm text-[var(--axis-text-primary)]",
|
|
14
|
-
className
|
|
15
|
-
),
|
|
16
|
-
...props
|
|
17
|
-
}
|
|
18
|
-
) }));
|
|
19
|
-
Table.displayName = "Table";
|
|
20
|
-
var TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
21
|
-
"thead",
|
|
22
|
-
{
|
|
23
|
-
ref,
|
|
24
|
-
className: cn("[&_tr]:border-b", className),
|
|
25
|
-
...props
|
|
26
|
-
}
|
|
27
|
-
));
|
|
28
|
-
TableHeader.displayName = "TableHeader";
|
|
29
|
-
var TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
30
|
-
"tbody",
|
|
31
|
-
{
|
|
32
|
-
ref,
|
|
33
|
-
className: cn("[&_tr:last-child]:border-0", className),
|
|
34
|
-
...props
|
|
35
|
-
}
|
|
36
|
-
));
|
|
37
|
-
TableBody.displayName = "TableBody";
|
|
38
|
-
var TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
39
|
-
"tfoot",
|
|
40
|
-
{
|
|
41
|
-
ref,
|
|
42
|
-
className: cn(
|
|
43
|
-
"border-t bg-[var(--axis-surface-secondary)] font-medium [&>tr]:last:border-b-0",
|
|
44
|
-
className
|
|
45
|
-
),
|
|
46
|
-
...props
|
|
47
|
-
}
|
|
48
|
-
));
|
|
49
|
-
TableFooter.displayName = "TableFooter";
|
|
50
|
-
var TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
51
|
-
"tr",
|
|
52
|
-
{
|
|
53
|
-
ref,
|
|
54
|
-
className: cn(
|
|
55
|
-
"border-b border-[var(--axis-border-default)] transition-colors",
|
|
56
|
-
"hover:bg-[var(--axis-surface-secondary)]",
|
|
57
|
-
"data-[state=selected]:bg-[var(--axis-surface-tertiary)]",
|
|
58
|
-
className
|
|
59
|
-
),
|
|
60
|
-
...props
|
|
61
|
-
}
|
|
62
|
-
));
|
|
63
|
-
TableRow.displayName = "TableRow";
|
|
64
|
-
var TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
65
|
-
"th",
|
|
66
|
-
{
|
|
67
|
-
ref,
|
|
68
|
-
className: cn(
|
|
69
|
-
"h-12 px-4 text-left align-middle font-medium text-[var(--axis-text-secondary)]",
|
|
70
|
-
"[&:has([role=checkbox])]:pr-0",
|
|
71
|
-
className
|
|
72
|
-
),
|
|
73
|
-
...props
|
|
74
|
-
}
|
|
75
|
-
));
|
|
76
|
-
TableHead.displayName = "TableHead";
|
|
77
|
-
var TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
78
|
-
"td",
|
|
79
|
-
{
|
|
80
|
-
ref,
|
|
81
|
-
className: cn(
|
|
82
|
-
"p-4 align-middle [&:has([role=checkbox])]:pr-0",
|
|
83
|
-
className
|
|
84
|
-
),
|
|
85
|
-
...props
|
|
86
|
-
}
|
|
87
|
-
));
|
|
88
|
-
TableCell.displayName = "TableCell";
|
|
89
|
-
var TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
90
|
-
"caption",
|
|
91
|
-
{
|
|
92
|
-
ref,
|
|
93
|
-
className: cn(
|
|
94
|
-
"mt-4 text-sm text-[var(--axis-text-secondary)]",
|
|
95
|
-
className
|
|
96
|
-
),
|
|
97
|
-
...props
|
|
98
|
-
}
|
|
99
|
-
));
|
|
100
|
-
TableCaption.displayName = "TableCaption";
|
|
101
|
-
|
|
102
|
-
export {
|
|
103
|
-
Table,
|
|
104
|
-
TableHeader,
|
|
105
|
-
TableBody,
|
|
106
|
-
TableFooter,
|
|
107
|
-
TableRow,
|
|
108
|
-
TableHead,
|
|
109
|
-
TableCell,
|
|
110
|
-
TableCaption
|
|
111
|
-
};
|
package/dist/chunk-4PT43LON.mjs
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
cn
|
|
3
|
-
} from "./chunk-ZIF4PLK3.mjs";
|
|
4
|
-
|
|
5
|
-
// src/popover/index.tsx
|
|
6
|
-
import * as React from "react";
|
|
7
|
-
import * as PopoverPrimitive from "@radix-ui/react-popover";
|
|
8
|
-
import { jsx } from "react/jsx-runtime";
|
|
9
|
-
var Popover = PopoverPrimitive.Root;
|
|
10
|
-
var PopoverTrigger = PopoverPrimitive.Trigger;
|
|
11
|
-
var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
|
|
12
|
-
PopoverPrimitive.Content,
|
|
13
|
-
{
|
|
14
|
-
ref,
|
|
15
|
-
align,
|
|
16
|
-
sideOffset,
|
|
17
|
-
className: cn(
|
|
18
|
-
"z-50 w-72 rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] p-4 text-[var(--axis-text-primary)] shadow-md outline-none",
|
|
19
|
-
"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",
|
|
20
|
-
className
|
|
21
|
-
),
|
|
22
|
-
...props
|
|
23
|
-
}
|
|
24
|
-
) }));
|
|
25
|
-
PopoverContent.displayName = "PopoverContent";
|
|
26
|
-
|
|
27
|
-
export {
|
|
28
|
-
Popover,
|
|
29
|
-
PopoverTrigger,
|
|
30
|
-
PopoverContent
|
|
31
|
-
};
|
package/dist/chunk-5NWFAQBM.mjs
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
cn
|
|
3
|
-
} from "./chunk-ZIF4PLK3.mjs";
|
|
4
|
-
|
|
5
|
-
// src/input/index.tsx
|
|
6
|
-
import * as React from "react";
|
|
7
|
-
import { jsx } from "react/jsx-runtime";
|
|
8
|
-
var Input = React.forwardRef(
|
|
9
|
-
({ className, type, error, ...props }, ref) => {
|
|
10
|
-
return /* @__PURE__ */ jsx(
|
|
11
|
-
"input",
|
|
12
|
-
{
|
|
13
|
-
type,
|
|
14
|
-
className: cn(
|
|
15
|
-
"flex h-10 w-full rounded-md border px-3 py-2 text-sm transition-colors",
|
|
16
|
-
"bg-[var(--axis-input-bg-default)] text-[var(--axis-input-text-default)]",
|
|
17
|
-
"border-[var(--axis-input-border-default)]",
|
|
18
|
-
"placeholder:text-[var(--axis-input-text-placeholder)]",
|
|
19
|
-
"hover:border-[var(--axis-input-border-hover)]",
|
|
20
|
-
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-input-border-focus)] focus-visible:ring-offset-2",
|
|
21
|
-
"disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-[var(--axis-input-bg-disabled)]",
|
|
22
|
-
"file:border-0 file:bg-transparent file:text-sm file:font-medium",
|
|
23
|
-
error && "border-[var(--axis-input-border-error)] focus-visible:ring-[var(--axis-input-border-error)]",
|
|
24
|
-
className
|
|
25
|
-
),
|
|
26
|
-
ref,
|
|
27
|
-
...props
|
|
28
|
-
}
|
|
29
|
-
);
|
|
30
|
-
}
|
|
31
|
-
);
|
|
32
|
-
Input.displayName = "Input";
|
|
33
|
-
|
|
34
|
-
export {
|
|
35
|
-
Input
|
|
36
|
-
};
|
package/dist/chunk-5Z2R3IHJ.mjs
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
cn
|
|
3
|
-
} from "./chunk-ZIF4PLK3.mjs";
|
|
4
|
-
|
|
5
|
-
// src/textarea/index.tsx
|
|
6
|
-
import * as React from "react";
|
|
7
|
-
import { jsx } from "react/jsx-runtime";
|
|
8
|
-
var Textarea = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
9
|
-
"textarea",
|
|
10
|
-
{
|
|
11
|
-
className: cn(
|
|
12
|
-
"flex min-h-[80px] w-full rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] px-3 py-2 text-sm",
|
|
13
|
-
"text-[var(--axis-text-primary)]",
|
|
14
|
-
"ring-offset-[var(--axis-surface-default)]",
|
|
15
|
-
"placeholder:text-[var(--axis-text-tertiary)]",
|
|
16
|
-
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2",
|
|
17
|
-
"disabled:cursor-not-allowed disabled:opacity-50",
|
|
18
|
-
className
|
|
19
|
-
),
|
|
20
|
-
ref,
|
|
21
|
-
...props
|
|
22
|
-
}
|
|
23
|
-
));
|
|
24
|
-
Textarea.displayName = "Textarea";
|
|
25
|
-
|
|
26
|
-
export {
|
|
27
|
-
Textarea
|
|
28
|
-
};
|