@pathscale/ui 0.0.9 → 0.0.10
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/chunk/3FBDYV4P.js +143 -0
- package/dist/chunk/55B7Q4NT.jsx +258 -0
- package/dist/chunk/{6B7HOWQD.js → EE4HXMKA.js} +5 -5
- package/dist/chunk/{YAQK2KFY.jsx → GA2HCFRS.jsx} +35 -1
- package/dist/chunk/{5R7S7TXL.jsx → GWFGP2JQ.jsx} +5 -5
- package/dist/chunk/{TFLJI242.js → NZZRKP74.js} +25 -1
- package/dist/chunk/OJRG4ZAB.jsx +143 -0
- package/dist/chunk/{5KABSQPM.js → OYAKKETQ.js} +1 -1
- package/dist/chunk/P653OZ5D.js +224 -0
- package/dist/chunk/{YM2NLFQE.jsx → R6COBCN7.jsx} +1 -1
- package/dist/components/button/index.js +1 -1
- package/dist/components/button/index.jsx +1 -2
- package/dist/components/dropdown/index.d.ts +17 -33
- package/dist/components/dropdown/index.js +1 -1
- package/dist/components/dropdown/index.jsx +4 -3
- package/dist/components/navbar/index.d.ts +18 -56
- package/dist/components/navbar/index.js +1 -1
- package/dist/components/navbar/index.jsx +1 -1
- package/dist/components/switch/index.js +1 -1
- package/dist/components/switch/index.jsx +1 -1
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tooltip/index.jsx +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +5 -5
- package/dist/index.jsx +16 -15
- package/package.json +1 -1
- package/dist/chunk/7ROVLN3J.js +0 -175
- package/dist/chunk/BBDVIXAH.jsx +0 -194
- package/dist/chunk/D2BEL4SM.jsx +0 -169
- package/dist/chunk/OSJ3P7PI.js +0 -189
- package/dist/chunk/SCJSBRV2.jsx +0 -39
- package/dist/chunk/YMO6RPS6.js +0 -26
package/dist/chunk/OSJ3P7PI.js
DELETED
|
@@ -1,189 +0,0 @@
|
|
|
1
|
-
import { cva, classes } from './HKS7ET6T.js';
|
|
2
|
-
import { template, spread, mergeProps, insert, createComponent, Dynamic, effect, className } from 'solid-js/web';
|
|
3
|
-
import { splitProps, Show } from 'solid-js';
|
|
4
|
-
|
|
5
|
-
// src/components/navbar/Navbar.styles.ts
|
|
6
|
-
var navbarStyles = cva("flex items-center px-4", {
|
|
7
|
-
variants: {
|
|
8
|
-
color: {
|
|
9
|
-
info: "bg-blue-500 text-white",
|
|
10
|
-
primary: "bg-indigo-600 text-white",
|
|
11
|
-
success: "bg-green-500 text-white",
|
|
12
|
-
light: "bg-white text-gray-800"
|
|
13
|
-
}
|
|
14
|
-
},
|
|
15
|
-
defaultVariants: {
|
|
16
|
-
color: "info"
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
var navbarItemStyles = cva(
|
|
20
|
-
"px-3 py-2 rounded transition-colors",
|
|
21
|
-
{
|
|
22
|
-
variants: {
|
|
23
|
-
active: {
|
|
24
|
-
true: "font-semibold border-b-2 border-current",
|
|
25
|
-
false: "hover:bg-gray-200"
|
|
26
|
-
},
|
|
27
|
-
tag: {
|
|
28
|
-
div: "",
|
|
29
|
-
a: ""
|
|
30
|
-
}
|
|
31
|
-
},
|
|
32
|
-
defaultVariants: {
|
|
33
|
-
active: false,
|
|
34
|
-
tag: "div"
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
);
|
|
38
|
-
var navbarDropdownStyles = cva("relative", {
|
|
39
|
-
variants: {
|
|
40
|
-
hoverable: {
|
|
41
|
-
true: "group",
|
|
42
|
-
false: ""
|
|
43
|
-
}
|
|
44
|
-
},
|
|
45
|
-
defaultVariants: {
|
|
46
|
-
hoverable: false
|
|
47
|
-
}
|
|
48
|
-
});
|
|
49
|
-
var dropdownMenuStyles = cva(
|
|
50
|
-
"absolute mt-2 bg-white text-gray-800 rounded shadow-lg hidden group-hover:block",
|
|
51
|
-
{
|
|
52
|
-
variants: {
|
|
53
|
-
align: {
|
|
54
|
-
left: "left-0",
|
|
55
|
-
right: "right-0"
|
|
56
|
-
}
|
|
57
|
-
},
|
|
58
|
-
defaultVariants: {
|
|
59
|
-
align: "left"
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
);
|
|
63
|
-
cva("", {
|
|
64
|
-
variants: {
|
|
65
|
-
rounded: {
|
|
66
|
-
true: "rounded-full",
|
|
67
|
-
false: ""
|
|
68
|
-
},
|
|
69
|
-
size: {
|
|
70
|
-
sm: "w-6 h-6",
|
|
71
|
-
md: "w-8 h-8",
|
|
72
|
-
lg: "w-12 h-12"
|
|
73
|
-
},
|
|
74
|
-
bordered: {
|
|
75
|
-
true: "border border-gray-200",
|
|
76
|
-
false: ""
|
|
77
|
-
}
|
|
78
|
-
},
|
|
79
|
-
defaultVariants: {
|
|
80
|
-
rounded: false,
|
|
81
|
-
size: "md",
|
|
82
|
-
bordered: false
|
|
83
|
-
}
|
|
84
|
-
});
|
|
85
|
-
|
|
86
|
-
// src/components/navbar/Navbar.tsx
|
|
87
|
-
var _tmpl$ = /* @__PURE__ */ template(`<div class="flex-shrink-0 mr-4">`);
|
|
88
|
-
var _tmpl$2 = /* @__PURE__ */ template(`<div class="flex-1 flex items-center space-x-2">`);
|
|
89
|
-
var _tmpl$3 = /* @__PURE__ */ template(`<div class="flex-1 flex justify-end space-x-2">`);
|
|
90
|
-
var _tmpl$4 = /* @__PURE__ */ template(`<nav>`);
|
|
91
|
-
var Navbar = (props) => {
|
|
92
|
-
const [local, variantProps, other] = splitProps(props, ["class", "className", "brand", "start", "end"], Object.keys(navbarStyles.variantKeys ?? {}));
|
|
93
|
-
return (() => {
|
|
94
|
-
var _el$ = _tmpl$4();
|
|
95
|
-
spread(_el$, mergeProps({
|
|
96
|
-
get ["class"]() {
|
|
97
|
-
return classes(navbarStyles({
|
|
98
|
-
color: variantProps.color
|
|
99
|
-
}), local.class, local.className);
|
|
100
|
-
}
|
|
101
|
-
}, other), false, true);
|
|
102
|
-
insert(_el$, createComponent(Show, {
|
|
103
|
-
get when() {
|
|
104
|
-
return local.brand;
|
|
105
|
-
},
|
|
106
|
-
get children() {
|
|
107
|
-
var _el$2 = _tmpl$();
|
|
108
|
-
insert(_el$2, () => local.brand);
|
|
109
|
-
return _el$2;
|
|
110
|
-
}
|
|
111
|
-
}), null);
|
|
112
|
-
insert(_el$, createComponent(Show, {
|
|
113
|
-
get when() {
|
|
114
|
-
return local.start;
|
|
115
|
-
},
|
|
116
|
-
get children() {
|
|
117
|
-
var _el$3 = _tmpl$2();
|
|
118
|
-
insert(_el$3, () => local.start);
|
|
119
|
-
return _el$3;
|
|
120
|
-
}
|
|
121
|
-
}), null);
|
|
122
|
-
insert(_el$, createComponent(Show, {
|
|
123
|
-
get when() {
|
|
124
|
-
return local.end;
|
|
125
|
-
},
|
|
126
|
-
get children() {
|
|
127
|
-
var _el$4 = _tmpl$3();
|
|
128
|
-
insert(_el$4, () => local.end);
|
|
129
|
-
return _el$4;
|
|
130
|
-
}
|
|
131
|
-
}), null);
|
|
132
|
-
return _el$;
|
|
133
|
-
})();
|
|
134
|
-
};
|
|
135
|
-
var Navbar_default = Navbar;
|
|
136
|
-
var NavbarItem = (props) => {
|
|
137
|
-
const [local, variantProps, other] = splitProps(props, ["class", "className", "active", "href", "tag", "to", "children"], Object.keys(navbarItemStyles.variantKeys ?? {}));
|
|
138
|
-
const Tag = local.tag === "a" || local.href || local.to ? "a" : "div";
|
|
139
|
-
return createComponent(Dynamic, mergeProps({
|
|
140
|
-
component: Tag,
|
|
141
|
-
get ["class"]() {
|
|
142
|
-
return classes(navbarItemStyles({
|
|
143
|
-
active: !!local.active,
|
|
144
|
-
tag: local.tag ?? (Tag === "a" ? "a" : "div")
|
|
145
|
-
}), local.class, local.className);
|
|
146
|
-
},
|
|
147
|
-
get href() {
|
|
148
|
-
return local.href ?? local.to;
|
|
149
|
-
}
|
|
150
|
-
}, other, {
|
|
151
|
-
get children() {
|
|
152
|
-
return local.children;
|
|
153
|
-
}
|
|
154
|
-
}));
|
|
155
|
-
};
|
|
156
|
-
var NavbarItem_default = NavbarItem;
|
|
157
|
-
var _tmpl$5 = /* @__PURE__ */ template(`<div>`);
|
|
158
|
-
var _tmpl$22 = /* @__PURE__ */ template(`<div><div class=cursor-pointer>`);
|
|
159
|
-
var NavbarDropdown = (props) => {
|
|
160
|
-
const [local, variantProps, other] = splitProps(props, ["class", "className", "label", "hoverable", "children"], [...Object.keys(navbarDropdownStyles.variantKeys ?? {}), ...Object.keys(dropdownMenuStyles.variantKeys ?? {})]);
|
|
161
|
-
return (() => {
|
|
162
|
-
var _el$ = _tmpl$22(), _el$2 = _el$.firstChild;
|
|
163
|
-
spread(_el$, mergeProps({
|
|
164
|
-
get ["class"]() {
|
|
165
|
-
return classes(navbarDropdownStyles({
|
|
166
|
-
hoverable: !!local.hoverable
|
|
167
|
-
}), local.class, local.className);
|
|
168
|
-
}
|
|
169
|
-
}, other), false, true);
|
|
170
|
-
insert(_el$2, () => local.label);
|
|
171
|
-
insert(_el$, createComponent(Show, {
|
|
172
|
-
get when() {
|
|
173
|
-
return local.hoverable;
|
|
174
|
-
},
|
|
175
|
-
get children() {
|
|
176
|
-
var _el$3 = _tmpl$5();
|
|
177
|
-
insert(_el$3, () => local.children);
|
|
178
|
-
effect(() => className(_el$3, dropdownMenuStyles({
|
|
179
|
-
align: variantProps.align
|
|
180
|
-
})));
|
|
181
|
-
return _el$3;
|
|
182
|
-
}
|
|
183
|
-
}), null);
|
|
184
|
-
return _el$;
|
|
185
|
-
})();
|
|
186
|
-
};
|
|
187
|
-
var NavbarDropdown_default = NavbarDropdown;
|
|
188
|
-
|
|
189
|
-
export { NavbarDropdown_default, NavbarItem_default, Navbar_default };
|
package/dist/chunk/SCJSBRV2.jsx
DELETED
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
buttonVariants
|
|
3
|
-
} from "./YAQK2KFY.jsx";
|
|
4
|
-
import {
|
|
5
|
-
PolymorphicButton_default
|
|
6
|
-
} from "./KACNXPUM.jsx";
|
|
7
|
-
|
|
8
|
-
// src/components/button/Button.tsx
|
|
9
|
-
import {
|
|
10
|
-
mergeProps,
|
|
11
|
-
splitProps,
|
|
12
|
-
createMemo
|
|
13
|
-
} from "solid-js";
|
|
14
|
-
var Button = (props) => {
|
|
15
|
-
const defaultedProps = mergeProps(
|
|
16
|
-
{
|
|
17
|
-
color: "primary"
|
|
18
|
-
},
|
|
19
|
-
props
|
|
20
|
-
);
|
|
21
|
-
const [variantProps, otherProps] = splitProps(defaultedProps, [
|
|
22
|
-
"class",
|
|
23
|
-
...buttonVariants.variantKeys
|
|
24
|
-
]);
|
|
25
|
-
const classes = createMemo(() => buttonVariants(variantProps));
|
|
26
|
-
return <PolymorphicButton_default
|
|
27
|
-
class={classes()}
|
|
28
|
-
aria-busy={variantProps.loading ? "true" : void 0}
|
|
29
|
-
{...otherProps}
|
|
30
|
-
/>;
|
|
31
|
-
};
|
|
32
|
-
var Button_default = Button;
|
|
33
|
-
|
|
34
|
-
// src/components/button/index.ts
|
|
35
|
-
var button_default = Button_default;
|
|
36
|
-
|
|
37
|
-
export {
|
|
38
|
-
button_default
|
|
39
|
-
};
|
package/dist/chunk/YMO6RPS6.js
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { buttonVariants } from './TFLJI242.js';
|
|
2
|
-
import { PolymorphicButton_default } from './G6RG4LR7.js';
|
|
3
|
-
import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
|
|
4
|
-
import { mergeProps, splitProps, createMemo } from 'solid-js';
|
|
5
|
-
|
|
6
|
-
var Button = (props) => {
|
|
7
|
-
const defaultedProps = mergeProps({
|
|
8
|
-
color: "primary"
|
|
9
|
-
}, props);
|
|
10
|
-
const [variantProps, otherProps] = splitProps(defaultedProps, ["class", ...buttonVariants.variantKeys]);
|
|
11
|
-
const classes = createMemo(() => buttonVariants(variantProps));
|
|
12
|
-
return createComponent(PolymorphicButton_default, mergeProps$1({
|
|
13
|
-
get ["class"]() {
|
|
14
|
-
return classes();
|
|
15
|
-
},
|
|
16
|
-
get ["aria-busy"]() {
|
|
17
|
-
return variantProps.loading ? "true" : void 0;
|
|
18
|
-
}
|
|
19
|
-
}, otherProps));
|
|
20
|
-
};
|
|
21
|
-
var Button_default = Button;
|
|
22
|
-
|
|
23
|
-
// src/components/button/index.ts
|
|
24
|
-
var button_default = Button_default;
|
|
25
|
-
|
|
26
|
-
export { button_default };
|