@pathscale/ui 0.0.1 → 0.0.2
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/dist/Accordion-nwuRbRRw.d.ts +27 -0
- package/dist/Checkbox-BjaweaOH.d.ts +40 -0
- package/dist/Pagination-BlrjElGg.d.ts +43 -0
- package/dist/Progress-a616LgE0.d.ts +5 -0
- package/dist/Select-CP-TUHJv.d.ts +44 -0
- package/dist/Switch-3IXS_68H.d.ts +72 -0
- package/dist/Tabs-BNR3p92D.d.ts +42 -0
- package/dist/Tag-BPrhn-Ne.d.ts +42 -0
- package/dist/Tooltip-BfPongoz.d.ts +53 -0
- package/dist/Upload-BrFuZ4JA.d.ts +39 -0
- package/dist/chunk/3IHANYRN.js +98 -0
- package/dist/chunk/4TWLQ3IA.js +103 -0
- package/dist/chunk/6SBH3KSM.jsx +96 -0
- package/dist/chunk/CJZGTNJZ.js +115 -0
- package/dist/chunk/DBQ7IOPU.js +189 -0
- package/dist/chunk/DNTGSCVF.jsx +100 -0
- package/dist/chunk/ELRAUORW.jsx +179 -0
- package/dist/chunk/FPUQ25SO.js +137 -0
- package/dist/chunk/GLEAR2TS.jsx +160 -0
- package/dist/chunk/KV6LTJHI.jsx +175 -0
- package/dist/chunk/LI3HCFL7.jsx +132 -0
- package/dist/chunk/MMTAND25.jsx +126 -0
- package/dist/chunk/MXG3MBEN.jsx +148 -0
- package/dist/chunk/NZKPDBTE.js +118 -0
- package/dist/chunk/P2L6LFLS.js +144 -0
- package/dist/chunk/QLESLIWS.jsx +110 -0
- package/dist/chunk/QNOJ6PCD.js +278 -0
- package/dist/chunk/QONDPQ2I.jsx +105 -0
- package/dist/chunk/S3ZDSQSV.js +98 -0
- package/dist/chunk/V6Y5E7BL.js +133 -0
- package/dist/chunk/WCBMW2TP.jsx +203 -0
- package/dist/chunk/WOT36Q7O.js +166 -0
- package/dist/components/Progress/index.d.ts +2 -3
- package/dist/components/Progress/index.js +1 -278
- package/dist/components/Progress/index.jsx +7 -194
- package/dist/components/accordion/index.d.ts +5 -24
- package/dist/components/accordion/index.js +1 -118
- package/dist/components/accordion/index.jsx +3 -100
- package/dist/components/breadcrumb/index.d.ts +2 -2
- package/dist/components/breadcrumb/index.js +1 -133
- package/dist/components/breadcrumb/index.jsx +4 -120
- package/dist/components/checkbox/index.d.ts +5 -37
- package/dist/components/checkbox/index.js +1 -137
- package/dist/components/checkbox/index.jsx +3 -143
- package/dist/components/pagination/index.d.ts +5 -40
- package/dist/components/pagination/index.js +1 -189
- package/dist/components/pagination/index.jsx +3 -174
- package/dist/components/select/index.d.ts +5 -41
- package/dist/components/select/index.js +1 -98
- package/dist/components/select/index.jsx +3 -91
- package/dist/components/switch/index.d.ts +5 -69
- package/dist/components/switch/index.js +1 -144
- package/dist/components/switch/index.jsx +3 -155
- package/dist/components/tabs/index.d.ts +5 -39
- package/dist/components/tabs/index.js +1 -166
- package/dist/components/tabs/index.jsx +3 -170
- package/dist/components/tag/index.d.ts +5 -39
- package/dist/components/tag/index.js +1 -115
- package/dist/components/tag/index.jsx +3 -127
- package/dist/components/tooltip/index.d.ts +5 -50
- package/dist/components/tooltip/index.js +1 -103
- package/dist/components/tooltip/index.jsx +3 -95
- package/dist/components/upload/index.d.ts +5 -36
- package/dist/components/upload/index.js +1 -98
- package/dist/components/upload/index.jsx +3 -105
- package/dist/index.d.ts +11 -0
- package/dist/index.js +12 -1
- package/dist/index.jsx +47 -1
- package/package.json +1 -1
|
@@ -1,109 +1,7 @@
|
|
|
1
1
|
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
// src/components/upload/Upload.tsx
|
|
7
|
-
import { splitProps, Show } from "solid-js";
|
|
8
|
-
|
|
9
|
-
// src/components/upload/Upload.styles.ts
|
|
10
|
-
var uploadWrapperVariants = cva("", {
|
|
11
|
-
variants: {
|
|
12
|
-
style: {
|
|
13
|
-
boxed: "flex flex-col items-center justify-center border border-gray-300 rounded-md p-4 bg-white dark:bg-gray-800 text-gray-700 hover:text-gray-900 text-center",
|
|
14
|
-
button: "px-4 py-2 rounded inline-flex items-center gap-2 text-white transition-colors"
|
|
15
|
-
},
|
|
16
|
-
color: {
|
|
17
|
-
primary: "bg-blue-500 hover:bg-blue-600",
|
|
18
|
-
success: "bg-green-500 hover:bg-green-600",
|
|
19
|
-
info: "bg-sky-500 hover:bg-sky-600",
|
|
20
|
-
warning: "bg-yellow-500 hover:bg-yellow-600",
|
|
21
|
-
danger: "bg-red-500 hover:bg-red-600",
|
|
22
|
-
gray: ""
|
|
23
|
-
// usado solo en style="boxed"
|
|
24
|
-
},
|
|
25
|
-
size: {
|
|
26
|
-
sm: "text-sm",
|
|
27
|
-
md: "text-base",
|
|
28
|
-
lg: "text-lg"
|
|
29
|
-
}
|
|
30
|
-
},
|
|
31
|
-
defaultVariants: {
|
|
32
|
-
style: "boxed",
|
|
33
|
-
color: "gray",
|
|
34
|
-
size: "md"
|
|
35
|
-
}
|
|
36
|
-
});
|
|
37
|
-
var fileInputClass = "absolute inset-0 w-full h-full opacity-0 cursor-pointer";
|
|
38
|
-
var fileIconClass = "w-6 h-6";
|
|
39
|
-
var fileLabelClass = "font-medium";
|
|
40
|
-
|
|
41
|
-
// src/components/upload/Upload.tsx
|
|
42
|
-
var Upload = (props) => {
|
|
43
|
-
const [local, variantProps, otherProps] = splitProps(
|
|
44
|
-
props,
|
|
45
|
-
[
|
|
46
|
-
"icon",
|
|
47
|
-
"label",
|
|
48
|
-
"multiple",
|
|
49
|
-
"disabled",
|
|
50
|
-
"accept",
|
|
51
|
-
"dragDrop",
|
|
52
|
-
"name",
|
|
53
|
-
"onChange"
|
|
54
|
-
],
|
|
55
|
-
["style", "color", "size"]
|
|
56
|
-
);
|
|
57
|
-
const handleChange = (e) => {
|
|
58
|
-
const files = e.target.files;
|
|
59
|
-
if (!files || files.length === 0) return;
|
|
60
|
-
const result = local.multiple ? Array.from(files) : files[0];
|
|
61
|
-
if (result) {
|
|
62
|
-
local.onChange?.(result);
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
|
-
const handleDrop = (e) => {
|
|
66
|
-
if (!local.dragDrop) return;
|
|
67
|
-
e.preventDefault();
|
|
68
|
-
const files = e.dataTransfer?.files;
|
|
69
|
-
if (!files || files.length === 0) return;
|
|
70
|
-
const result = local.multiple ? Array.from(files) : files[0];
|
|
71
|
-
if (result) {
|
|
72
|
-
local.onChange?.(result);
|
|
73
|
-
}
|
|
74
|
-
};
|
|
75
|
-
const handleDragOver = (e) => {
|
|
76
|
-
if (local.dragDrop) e.preventDefault();
|
|
77
|
-
};
|
|
78
|
-
return <div class={uploadWrapperVariants(variantProps)}>
|
|
79
|
-
<label class="cursor-pointer relative w-full h-full">
|
|
80
|
-
<input
|
|
81
|
-
type="file"
|
|
82
|
-
class={fileInputClass}
|
|
83
|
-
name={local.name}
|
|
84
|
-
multiple={local.multiple}
|
|
85
|
-
accept={local.accept}
|
|
86
|
-
disabled={local.disabled}
|
|
87
|
-
onChange={handleChange}
|
|
88
|
-
{...otherProps}
|
|
89
|
-
/>
|
|
90
|
-
<div
|
|
91
|
-
class={classes(
|
|
92
|
-
variantProps.style === "boxed" ? "flex flex-col items-center justify-center gap-2" : "flex flex-row items-center justify-center gap-2"
|
|
93
|
-
)}
|
|
94
|
-
>
|
|
95
|
-
<Show when={local.icon}>
|
|
96
|
-
<span class={fileIconClass}>{local.icon}</span>
|
|
97
|
-
</Show>
|
|
98
|
-
<span class={fileLabelClass}>{local.label}</span>
|
|
99
|
-
</div>
|
|
100
|
-
</label>
|
|
101
|
-
</div>;
|
|
102
|
-
};
|
|
103
|
-
var Upload_default = Upload;
|
|
104
|
-
|
|
105
|
-
// src/components/upload/index.ts
|
|
106
|
-
var upload_default = Upload_default;
|
|
2
|
+
upload_default
|
|
3
|
+
} from "../../chunk/QLESLIWS.jsx";
|
|
4
|
+
import "../../chunk/P7WPLZNA.jsx";
|
|
107
5
|
export {
|
|
108
6
|
upload_default as default
|
|
109
7
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -2,6 +2,17 @@ export { A as Avatar } from './Avatar-CzIirpVq.js';
|
|
|
2
2
|
export { B as Button } from './Button-B50OLXuV.js';
|
|
3
3
|
export { I as Input } from './Input-BQbTzjIO.js';
|
|
4
4
|
export { T as Textarea } from './Textarea-Cpdk7m6S.js';
|
|
5
|
+
export { P as Progress } from './Progress-a616LgE0.js';
|
|
6
|
+
export { U as Upload } from './Upload-BrFuZ4JA.js';
|
|
7
|
+
export { A as Accordion } from './Accordion-nwuRbRRw.js';
|
|
8
|
+
export { P as Pagination } from './Pagination-BlrjElGg.js';
|
|
9
|
+
export { T as Tabs } from './Tabs-BNR3p92D.js';
|
|
10
|
+
export { T as Tooltip } from './Tooltip-BfPongoz.js';
|
|
11
|
+
export { T as Tag } from './Tag-BPrhn-Ne.js';
|
|
12
|
+
export { S as Select } from './Select-CP-TUHJv.js';
|
|
13
|
+
export { S as Switch } from './Switch-3IXS_68H.js';
|
|
14
|
+
export { C as Checkbox } from './Checkbox-BjaweaOH.js';
|
|
15
|
+
export { Breadcrumb, BreadcrumbItem } from './components/breadcrumb/index.js';
|
|
5
16
|
import 'solid-js';
|
|
6
17
|
import './classes-B_S9K-9I.js';
|
|
7
18
|
import './components/polymorphic/index.js';
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,15 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { tooltip_default as Tooltip } from './chunk/4TWLQ3IA.js';
|
|
2
|
+
export { upload_default as Upload } from './chunk/S3ZDSQSV.js';
|
|
3
|
+
export { Breadcrumb_default as Breadcrumb, BreadcrumbItem_default as BreadcrumbItem } from './chunk/V6Y5E7BL.js';
|
|
4
|
+
export { pagination_default as Pagination } from './chunk/DBQ7IOPU.js';
|
|
5
|
+
export { select_default as Select } from './chunk/3IHANYRN.js';
|
|
6
|
+
export { tabs_default as Tabs } from './chunk/WOT36Q7O.js';
|
|
7
|
+
export { tag_default as Tag } from './chunk/CJZGTNJZ.js';
|
|
2
8
|
export { textarea_default as Textarea } from './chunk/EB7KXR65.js';
|
|
9
|
+
export { switch_default as Switch } from './chunk/P2L6LFLS.js';
|
|
3
10
|
export { Avatar_default as Avatar } from './chunk/2JGZSAW5.js';
|
|
11
|
+
export { Progress_default as Progress } from './chunk/QNOJ6PCD.js';
|
|
12
|
+
export { accordion_default as Accordion } from './chunk/NZKPDBTE.js';
|
|
13
|
+
export { button_default as Button } from './chunk/NZZRKP74.js';
|
|
14
|
+
export { checkbox_default as Checkbox } from './chunk/FPUQ25SO.js';
|
|
4
15
|
export { input_default as Input } from './chunk/T2DPPLBQ.js';
|
package/dist/index.jsx
CHANGED
|
@@ -1,20 +1,66 @@
|
|
|
1
|
+
import {
|
|
2
|
+
tooltip_default
|
|
3
|
+
} from "./chunk/DNTGSCVF.jsx";
|
|
4
|
+
import {
|
|
5
|
+
upload_default
|
|
6
|
+
} from "./chunk/QLESLIWS.jsx";
|
|
1
7
|
import {
|
|
2
8
|
input_default
|
|
3
9
|
} from "./chunk/N7BXP7EI.jsx";
|
|
10
|
+
import {
|
|
11
|
+
pagination_default
|
|
12
|
+
} from "./chunk/ELRAUORW.jsx";
|
|
13
|
+
import {
|
|
14
|
+
select_default
|
|
15
|
+
} from "./chunk/6SBH3KSM.jsx";
|
|
16
|
+
import {
|
|
17
|
+
switch_default
|
|
18
|
+
} from "./chunk/GLEAR2TS.jsx";
|
|
19
|
+
import {
|
|
20
|
+
tabs_default
|
|
21
|
+
} from "./chunk/KV6LTJHI.jsx";
|
|
22
|
+
import {
|
|
23
|
+
tag_default
|
|
24
|
+
} from "./chunk/LI3HCFL7.jsx";
|
|
4
25
|
import {
|
|
5
26
|
textarea_default
|
|
6
27
|
} from "./chunk/WB6NEEQV.jsx";
|
|
7
28
|
import {
|
|
8
29
|
Avatar_default
|
|
9
30
|
} from "./chunk/4RCWSX7S.jsx";
|
|
31
|
+
import {
|
|
32
|
+
Progress_default
|
|
33
|
+
} from "./chunk/WCBMW2TP.jsx";
|
|
34
|
+
import {
|
|
35
|
+
accordion_default
|
|
36
|
+
} from "./chunk/QONDPQ2I.jsx";
|
|
37
|
+
import {
|
|
38
|
+
BreadcrumbItem_default,
|
|
39
|
+
Breadcrumb_default
|
|
40
|
+
} from "./chunk/MMTAND25.jsx";
|
|
10
41
|
import {
|
|
11
42
|
button_default
|
|
12
43
|
} from "./chunk/GA2HCFRS.jsx";
|
|
13
44
|
import "./chunk/KACNXPUM.jsx";
|
|
45
|
+
import {
|
|
46
|
+
checkbox_default
|
|
47
|
+
} from "./chunk/MXG3MBEN.jsx";
|
|
14
48
|
import "./chunk/P7WPLZNA.jsx";
|
|
15
49
|
export {
|
|
50
|
+
accordion_default as Accordion,
|
|
16
51
|
Avatar_default as Avatar,
|
|
52
|
+
Breadcrumb_default as Breadcrumb,
|
|
53
|
+
BreadcrumbItem_default as BreadcrumbItem,
|
|
17
54
|
button_default as Button,
|
|
55
|
+
checkbox_default as Checkbox,
|
|
18
56
|
input_default as Input,
|
|
19
|
-
|
|
57
|
+
pagination_default as Pagination,
|
|
58
|
+
Progress_default as Progress,
|
|
59
|
+
select_default as Select,
|
|
60
|
+
switch_default as Switch,
|
|
61
|
+
tabs_default as Tabs,
|
|
62
|
+
tag_default as Tag,
|
|
63
|
+
textarea_default as Textarea,
|
|
64
|
+
tooltip_default as Tooltip,
|
|
65
|
+
upload_default as Upload
|
|
20
66
|
};
|