@pathscale/ui 0.0.34 → 0.0.36
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/index.js +160 -121
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3398,7 +3398,7 @@ const getDefaultConfig = ()=>{
|
|
|
3398
3398
|
]
|
|
3399
3399
|
};
|
|
3400
3400
|
};
|
|
3401
|
-
const
|
|
3401
|
+
const twMerge = /*#__PURE__*/ createTailwindMerge(getDefaultConfig);
|
|
3402
3402
|
function r(e) {
|
|
3403
3403
|
var t, f, n = "";
|
|
3404
3404
|
if ("string" == typeof e || "number" == typeof e) n += e;
|
|
@@ -3408,13 +3408,13 @@ function r(e) {
|
|
|
3408
3408
|
} else for(f in e)e[f] && (n && (n += " "), n += f);
|
|
3409
3409
|
return n;
|
|
3410
3410
|
}
|
|
3411
|
-
function
|
|
3411
|
+
function clsx() {
|
|
3412
3412
|
for(var e, t, f = 0, n = "", o = arguments.length; f < o; f++)(e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
|
|
3413
3413
|
return n;
|
|
3414
3414
|
}
|
|
3415
|
-
const dist_clsx =
|
|
3415
|
+
const dist_clsx = clsx;
|
|
3416
3416
|
var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<summary>");
|
|
3417
|
-
const classesFn = ({ className })=>
|
|
3417
|
+
const classesFn = ({ className })=>twMerge("collapse-title", className);
|
|
3418
3418
|
function CollapseTitle(props) {
|
|
3419
3419
|
return (()=>{
|
|
3420
3420
|
var _el$ = _tmpl$();
|
|
@@ -3443,7 +3443,7 @@ function Summary(props) {
|
|
|
3443
3443
|
}
|
|
3444
3444
|
var CollapseContent_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
|
|
3445
3445
|
function CollapseContent(props) {
|
|
3446
|
-
const classes =
|
|
3446
|
+
const classes = twMerge("collapse-content", props.class);
|
|
3447
3447
|
return (()=>{
|
|
3448
3448
|
var _el$ = CollapseContent_tmpl$();
|
|
3449
3449
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
|
|
@@ -3462,7 +3462,7 @@ const Accordion = (props)=>{
|
|
|
3462
3462
|
"className",
|
|
3463
3463
|
"style"
|
|
3464
3464
|
]);
|
|
3465
|
-
const classes = ()=>
|
|
3465
|
+
const classes = ()=>twMerge("collapse", clsx({
|
|
3466
3466
|
"collapse-arrow": "arrow" === local.icon,
|
|
3467
3467
|
"collapse-plus": "plus" === local.icon
|
|
3468
3468
|
}), local.class, local.className);
|
|
@@ -3503,7 +3503,7 @@ const Alert = (props)=>{
|
|
|
3503
3503
|
"className",
|
|
3504
3504
|
"style"
|
|
3505
3505
|
]);
|
|
3506
|
-
const classes = ()=>
|
|
3506
|
+
const classes = ()=>twMerge("alert", local.class, local.className, clsx({
|
|
3507
3507
|
"alert-vertical": "vertical" === local.layout,
|
|
3508
3508
|
"alert-horizontal": "horizontal" === local.layout,
|
|
3509
3509
|
"alert-info": "info" === local.status,
|
|
@@ -3558,7 +3558,7 @@ const AvatarGroup_AvatarGroup = (props)=>{
|
|
|
3558
3558
|
"children"
|
|
3559
3559
|
]);
|
|
3560
3560
|
const Tag = local.as || "div";
|
|
3561
|
-
const classes = ()=>
|
|
3561
|
+
const classes = ()=>twMerge("avatar-group -space-x-6", local.class, local.className);
|
|
3562
3562
|
const ariaLabel = `Group of ${local.children.length} avatar photos`;
|
|
3563
3563
|
if (VoidElementList.includes(Tag)) return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
|
|
3564
3564
|
component: Tag
|
|
@@ -3618,7 +3618,7 @@ const Avatar_Avatar = (props)=>{
|
|
|
3618
3618
|
"children"
|
|
3619
3619
|
]);
|
|
3620
3620
|
const Tag = local.as || "div";
|
|
3621
|
-
const containerClass = ()=>
|
|
3621
|
+
const containerClass = ()=>twMerge("avatar", local.class, local.className, clsx({
|
|
3622
3622
|
"avatar-online": local.online,
|
|
3623
3623
|
"avatar-offline": local.offline,
|
|
3624
3624
|
"avatar-placeholder": !local.src
|
|
@@ -3627,8 +3627,8 @@ const Avatar_Avatar = (props)=>{
|
|
|
3627
3627
|
width: `${local.size}px`,
|
|
3628
3628
|
height: `${local.size}px`
|
|
3629
3629
|
} : void 0;
|
|
3630
|
-
const baseInner = ()=>
|
|
3631
|
-
const imgClasses = ()=>
|
|
3630
|
+
const baseInner = ()=>twMerge(local.innerClass);
|
|
3631
|
+
const imgClasses = ()=>clsx(baseInner(), {
|
|
3632
3632
|
ring: local.border,
|
|
3633
3633
|
"ring-offset-base-100 ring-offset-2": local.border,
|
|
3634
3634
|
[`ring-${local.borderColor}`]: local.border && local.borderColor,
|
|
@@ -3639,7 +3639,7 @@ const Avatar_Avatar = (props)=>{
|
|
|
3639
3639
|
"w-14 h-14": "sm" === local.size,
|
|
3640
3640
|
"w-10 h-10": "xs" === local.size
|
|
3641
3641
|
});
|
|
3642
|
-
const placeholderClasses = ()=>
|
|
3642
|
+
const placeholderClasses = ()=>clsx(baseInner(), {
|
|
3643
3643
|
"bg-neutral-focus": !local.color,
|
|
3644
3644
|
"text-neutral-content": !local.color || "neutral" === local.color,
|
|
3645
3645
|
[`bg-${local.color}`]: !!local.color,
|
|
@@ -3738,7 +3738,7 @@ const Background = (props)=>{
|
|
|
3738
3738
|
var _el$ = Background_tmpl$();
|
|
3739
3739
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
|
|
3740
3740
|
get ["class"] () {
|
|
3741
|
-
return
|
|
3741
|
+
return twMerge("bg-base-200 min-h-screen", dist_clsx(className, classNameAlt));
|
|
3742
3742
|
}
|
|
3743
3743
|
}, rest), false, false);
|
|
3744
3744
|
return _el$;
|
|
@@ -3757,7 +3757,7 @@ const Badge_Badge = (props)=>{
|
|
|
3757
3757
|
"className",
|
|
3758
3758
|
"style"
|
|
3759
3759
|
]);
|
|
3760
|
-
const classes = ()=>
|
|
3760
|
+
const classes = ()=>twMerge("badge", local.class, local.className, clsx({
|
|
3761
3761
|
"badge-xl": "xl" === local.size,
|
|
3762
3762
|
"badge-lg": "lg" === local.size,
|
|
3763
3763
|
"badge-md": "md" === local.size,
|
|
@@ -3805,7 +3805,7 @@ const Breadcrumbs_Breadcrumbs = (props)=>{
|
|
|
3805
3805
|
"style",
|
|
3806
3806
|
"innerProps"
|
|
3807
3807
|
]);
|
|
3808
|
-
const classes = ()=>
|
|
3808
|
+
const classes = ()=>twMerge("breadcrumbs text-sm", local.class, local.className);
|
|
3809
3809
|
return (()=>{
|
|
3810
3810
|
var _el$ = Breadcrumbs_tmpl$(), _el$2 = _el$.firstChild;
|
|
3811
3811
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
@@ -3865,7 +3865,7 @@ const Loading = (props)=>{
|
|
|
3865
3865
|
"className",
|
|
3866
3866
|
"style"
|
|
3867
3867
|
]);
|
|
3868
|
-
const classes = ()=>
|
|
3868
|
+
const classes = ()=>twMerge("loading", local.class, local.className, clsx({
|
|
3869
3869
|
"loading-xl": "xl" === local.size,
|
|
3870
3870
|
"loading-lg": "lg" === local.size,
|
|
3871
3871
|
"loading-md": "md" === local.size,
|
|
@@ -3943,7 +3943,7 @@ const Button = (props)=>{
|
|
|
3943
3943
|
"style",
|
|
3944
3944
|
"as"
|
|
3945
3945
|
]);
|
|
3946
|
-
const classes = ()=>
|
|
3946
|
+
const classes = ()=>twMerge("btn", local.class, local.className, clsx((local.startIcon && !local.loading || local.endIcon) && "gap-2", {
|
|
3947
3947
|
"btn-xl": "xl" === local.size,
|
|
3948
3948
|
"btn-lg": "lg" === local.size,
|
|
3949
3949
|
"btn-md": "md" === local.size,
|
|
@@ -4050,7 +4050,7 @@ function CardActions(props) {
|
|
|
4050
4050
|
var _el$ = CardActions_tmpl$();
|
|
4051
4051
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
|
|
4052
4052
|
get ["class"] () {
|
|
4053
|
-
return
|
|
4053
|
+
return twMerge("card-actions", props.class);
|
|
4054
4054
|
}
|
|
4055
4055
|
}), false, false);
|
|
4056
4056
|
return _el$;
|
|
@@ -4062,7 +4062,7 @@ function CardBody(props) {
|
|
|
4062
4062
|
var _el$ = CardBody_tmpl$();
|
|
4063
4063
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
|
|
4064
4064
|
get ["class"] () {
|
|
4065
|
-
return
|
|
4065
|
+
return twMerge("card-body", props.class);
|
|
4066
4066
|
}
|
|
4067
4067
|
}), false, false);
|
|
4068
4068
|
return _el$;
|
|
@@ -4082,7 +4082,7 @@ function CardTitle(props) {
|
|
|
4082
4082
|
component: tag
|
|
4083
4083
|
}, rest, {
|
|
4084
4084
|
get ["class"] () {
|
|
4085
|
-
return
|
|
4085
|
+
return twMerge("card-title", className, _className);
|
|
4086
4086
|
}
|
|
4087
4087
|
}));
|
|
4088
4088
|
}
|
|
@@ -4108,7 +4108,7 @@ const Card = (props)=>{
|
|
|
4108
4108
|
"dataTheme",
|
|
4109
4109
|
"style"
|
|
4110
4110
|
]);
|
|
4111
|
-
const classes =
|
|
4111
|
+
const classes = twMerge("card", clsx({
|
|
4112
4112
|
"card-xl": "xl" === local.size,
|
|
4113
4113
|
"card-lg": "lg" === local.size,
|
|
4114
4114
|
"card-md": "md" === local.size,
|
|
@@ -4145,7 +4145,7 @@ const CarouselItem_CarouselItem = (props)=>{
|
|
|
4145
4145
|
"class",
|
|
4146
4146
|
"children"
|
|
4147
4147
|
]);
|
|
4148
|
-
const classes =
|
|
4148
|
+
const classes = twMerge("carousel-item", local.class);
|
|
4149
4149
|
return (()=>{
|
|
4150
4150
|
var _el$ = CarouselItem_tmpl$();
|
|
4151
4151
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
|
|
@@ -4164,7 +4164,7 @@ const Carousel = (props)=>{
|
|
|
4164
4164
|
"snap",
|
|
4165
4165
|
"direction"
|
|
4166
4166
|
]);
|
|
4167
|
-
const classes =
|
|
4167
|
+
const classes = twMerge("carousel", local.class, dist_clsx({
|
|
4168
4168
|
"carousel-start": "start" === local.snap || !local.snap,
|
|
4169
4169
|
"carousel-center": "center" === local.snap,
|
|
4170
4170
|
"carousel-end": "end" === local.snap,
|
|
@@ -4188,7 +4188,7 @@ const ChatBubbleHeader_ChatBubbleHeader = (props)=>(()=>{
|
|
|
4188
4188
|
var _el$ = ChatBubbleHeader_tmpl$();
|
|
4189
4189
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
|
|
4190
4190
|
get ["class"] () {
|
|
4191
|
-
return
|
|
4191
|
+
return twMerge("chat-header", props.class);
|
|
4192
4192
|
}
|
|
4193
4193
|
}), false, false);
|
|
4194
4194
|
return _el$;
|
|
@@ -4199,7 +4199,7 @@ const ChatBubbleTime = (props)=>(()=>{
|
|
|
4199
4199
|
var _el$ = ChatBubbleTime_tmpl$();
|
|
4200
4200
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
|
|
4201
4201
|
get ["class"] () {
|
|
4202
|
-
return
|
|
4202
|
+
return twMerge("text-xs opacity-50", props.class);
|
|
4203
4203
|
}
|
|
4204
4204
|
}), false, false);
|
|
4205
4205
|
return _el$;
|
|
@@ -4213,13 +4213,13 @@ const ChatBubbleAvatar = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d
|
|
|
4213
4213
|
return props.shape ?? "circle";
|
|
4214
4214
|
},
|
|
4215
4215
|
get ["class"] () {
|
|
4216
|
-
return
|
|
4216
|
+
return twMerge("chat-image", props.class);
|
|
4217
4217
|
}
|
|
4218
4218
|
}));
|
|
4219
4219
|
const chatbubble_ChatBubbleAvatar = ChatBubbleAvatar;
|
|
4220
4220
|
var ChatBubbleMessage_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
|
|
4221
4221
|
const ChatBubbleMessage_ChatBubbleMessage = (props)=>{
|
|
4222
|
-
const bubbleClass =
|
|
4222
|
+
const bubbleClass = clsx({
|
|
4223
4223
|
"chat-bubble": true,
|
|
4224
4224
|
"chat-bubble-neutral": "neutral" === props.color,
|
|
4225
4225
|
"chat-bubble-primary": "primary" === props.color,
|
|
@@ -4234,7 +4234,7 @@ const ChatBubbleMessage_ChatBubbleMessage = (props)=>{
|
|
|
4234
4234
|
var _el$ = ChatBubbleMessage_tmpl$();
|
|
4235
4235
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
|
|
4236
4236
|
get ["class"] () {
|
|
4237
|
-
return
|
|
4237
|
+
return twMerge(bubbleClass, props.class);
|
|
4238
4238
|
}
|
|
4239
4239
|
}), false, false);
|
|
4240
4240
|
return _el$;
|
|
@@ -4246,7 +4246,7 @@ const ChatBubbleFooter = (props)=>(()=>{
|
|
|
4246
4246
|
var _el$ = ChatBubbleFooter_tmpl$();
|
|
4247
4247
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
|
|
4248
4248
|
get ["class"] () {
|
|
4249
|
-
return
|
|
4249
|
+
return twMerge("chat-footer opacity-50", props.class);
|
|
4250
4250
|
}
|
|
4251
4251
|
}), false, false);
|
|
4252
4252
|
return _el$;
|
|
@@ -4261,7 +4261,7 @@ const ChatBubble = (props)=>{
|
|
|
4261
4261
|
"className",
|
|
4262
4262
|
"style"
|
|
4263
4263
|
]);
|
|
4264
|
-
const classes = ()=>
|
|
4264
|
+
const classes = ()=>twMerge("chat", `chat-${local.end ? "end" : "start"}`, local.class, local.className);
|
|
4265
4265
|
return (()=>{
|
|
4266
4266
|
var _el$ = ChatBubble_tmpl$();
|
|
4267
4267
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
@@ -4298,7 +4298,7 @@ const Checkbox = (props)=>{
|
|
|
4298
4298
|
"className",
|
|
4299
4299
|
"style"
|
|
4300
4300
|
]);
|
|
4301
|
-
const classes = ()=>
|
|
4301
|
+
const classes = ()=>twMerge("checkbox", local.class, local.className, clsx({
|
|
4302
4302
|
"checkbox-xl": "xl" === local.size,
|
|
4303
4303
|
"checkbox-lg": "lg" === local.size,
|
|
4304
4304
|
"checkbox-md": "md" === local.size,
|
|
@@ -4354,7 +4354,7 @@ const CodeMockup = (props)=>{
|
|
|
4354
4354
|
var _el$ = CodeMockup_tmpl$();
|
|
4355
4355
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
|
|
4356
4356
|
get ["class"] () {
|
|
4357
|
-
return
|
|
4357
|
+
return twMerge("mockup-code w-full", local.class);
|
|
4358
4358
|
},
|
|
4359
4359
|
get ["data-theme"] () {
|
|
4360
4360
|
return local.dataTheme;
|
|
@@ -4381,7 +4381,7 @@ const CodeMockupLine_CodeMockupLine = (props)=>{
|
|
|
4381
4381
|
"children",
|
|
4382
4382
|
"dataTheme"
|
|
4383
4383
|
]);
|
|
4384
|
-
const statusClass = ()=>
|
|
4384
|
+
const statusClass = ()=>twMerge(dist_clsx({
|
|
4385
4385
|
"bg-info": "info" === local.status,
|
|
4386
4386
|
"bg-success": "success" === local.status,
|
|
4387
4387
|
"bg-warning": "warning" === local.status,
|
|
@@ -4415,7 +4415,7 @@ const CodeMockupLine_CodeMockupLine = (props)=>{
|
|
|
4415
4415
|
const CodeMockupLine = CodeMockupLine_CodeMockupLine;
|
|
4416
4416
|
var CollapseDetails_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<details>");
|
|
4417
4417
|
function CollapseDetails_classesFn({ className, icon, open }) {
|
|
4418
|
-
return
|
|
4418
|
+
return twMerge("collapse", className, clsx({
|
|
4419
4419
|
"collapse-arrow": "arrow" === icon,
|
|
4420
4420
|
"collapse-plus": "plus" === icon,
|
|
4421
4421
|
"collapse-open": true === open,
|
|
@@ -4442,7 +4442,7 @@ function CollapseDetails(props) {
|
|
|
4442
4442
|
}
|
|
4443
4443
|
CollapseDetails.Title = Summary;
|
|
4444
4444
|
var Collapse_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), Collapse_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input type=checkbox class=peer>");
|
|
4445
|
-
const Collapse_classesFn = ({ className, icon, open })=>
|
|
4445
|
+
const Collapse_classesFn = ({ className, icon, open })=>twMerge("collapse", className, clsx({
|
|
4446
4446
|
"collapse-arrow": "arrow" === icon,
|
|
4447
4447
|
"collapse-plus": "plus" === icon,
|
|
4448
4448
|
"collapse-open": true === open,
|
|
@@ -4503,7 +4503,7 @@ const Collapse = (props)=>{
|
|
|
4503
4503
|
},
|
|
4504
4504
|
get ["class"] () {
|
|
4505
4505
|
return Collapse_classesFn({
|
|
4506
|
-
className:
|
|
4506
|
+
className: twMerge(local.class, local.className),
|
|
4507
4507
|
icon: local.icon,
|
|
4508
4508
|
open: local.open
|
|
4509
4509
|
});
|
|
@@ -4565,7 +4565,7 @@ const CopyButton = (props)=>{
|
|
|
4565
4565
|
return local.dataTheme;
|
|
4566
4566
|
},
|
|
4567
4567
|
get ["class"] () {
|
|
4568
|
-
return
|
|
4568
|
+
return twMerge("btn btn-sm btn-ghost", copied() ? "text-success" : "", local.class, local.className);
|
|
4569
4569
|
}
|
|
4570
4570
|
}, others), false, true);
|
|
4571
4571
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children || (copied() ? "Copied!" : "Copy"));
|
|
@@ -4588,7 +4588,7 @@ const Countdown = (props)=>{
|
|
|
4588
4588
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
|
|
4589
4589
|
"data-theme": dataTheme,
|
|
4590
4590
|
get ["class"] () {
|
|
4591
|
-
return
|
|
4591
|
+
return twMerge("countdown", className, classNameAlt);
|
|
4592
4592
|
}
|
|
4593
4593
|
}), false, true);
|
|
4594
4594
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_$p)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.style)(_el$2, countdownStyle, _$p));
|
|
@@ -4610,14 +4610,14 @@ const BrowserMockup = (props)=>{
|
|
|
4610
4610
|
]);
|
|
4611
4611
|
const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
|
|
4612
4612
|
const variant = ()=>local.variant ?? "border";
|
|
4613
|
-
const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>
|
|
4613
|
+
const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("mockup-browser border", dist_clsx({
|
|
4614
4614
|
"border-base-300": "border" === variant(),
|
|
4615
4615
|
"bg-base-300": "background" === variant()
|
|
4616
4616
|
}), local.class, local.className));
|
|
4617
|
-
const inputClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>
|
|
4617
|
+
const inputClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("input", dist_clsx({
|
|
4618
4618
|
"border-base-300": "border" === variant()
|
|
4619
4619
|
}), local.inputClassName));
|
|
4620
|
-
const innerClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>
|
|
4620
|
+
const innerClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("flex justify-center px-4 py-16", dist_clsx({
|
|
4621
4621
|
"border-t border-base-300": "border" === variant(),
|
|
4622
4622
|
"bg-base-200": "background" === variant()
|
|
4623
4623
|
}), local.innerClassName));
|
|
@@ -4658,7 +4658,7 @@ const Diff = (props)=>{
|
|
|
4658
4658
|
var _el$ = Diff_tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
|
|
4659
4659
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
|
|
4660
4660
|
get ["class"] () {
|
|
4661
|
-
return
|
|
4661
|
+
return twMerge("diff aspect-[16/9]", dist_clsx(local.class));
|
|
4662
4662
|
},
|
|
4663
4663
|
get ["data-theme"] () {
|
|
4664
4664
|
return local["data-theme"];
|
|
@@ -4791,7 +4791,7 @@ const Divider_Divider = (props)=>{
|
|
|
4791
4791
|
"style",
|
|
4792
4792
|
"as"
|
|
4793
4793
|
]);
|
|
4794
|
-
const classes = ()=>
|
|
4794
|
+
const classes = ()=>twMerge(dividerStyles({
|
|
4795
4795
|
horizontal: local.horizontal,
|
|
4796
4796
|
color: local.color,
|
|
4797
4797
|
position: local.position
|
|
@@ -4826,7 +4826,7 @@ const DockItem_DockItem = (props)=>{
|
|
|
4826
4826
|
"dataTheme",
|
|
4827
4827
|
"disabled"
|
|
4828
4828
|
]);
|
|
4829
|
-
const classes =
|
|
4829
|
+
const classes = twMerge(local.class, local.className, dist_clsx({
|
|
4830
4830
|
"text-neutral": "neutral" === local.color,
|
|
4831
4831
|
"text-primary": "primary" === local.color,
|
|
4832
4832
|
"text-secondary": "secondary" === local.color,
|
|
@@ -4862,7 +4862,7 @@ const DockLabel = (props)=>{
|
|
|
4862
4862
|
"class",
|
|
4863
4863
|
"className"
|
|
4864
4864
|
]);
|
|
4865
|
-
const classes =
|
|
4865
|
+
const classes = twMerge("dock-label", local.class, local.className);
|
|
4866
4866
|
return (()=>{
|
|
4867
4867
|
var _el$ = DockLabel_tmpl$();
|
|
4868
4868
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
@@ -4882,7 +4882,7 @@ const Dock_Dock = (props)=>{
|
|
|
4882
4882
|
"className",
|
|
4883
4883
|
"children"
|
|
4884
4884
|
]);
|
|
4885
|
-
const classes =
|
|
4885
|
+
const classes = twMerge("dock", dist_clsx({
|
|
4886
4886
|
"dock-lg": "lg" === local.size,
|
|
4887
4887
|
"dock-md": "md" === local.size,
|
|
4888
4888
|
"dock-sm": "sm" === local.size,
|
|
@@ -4923,13 +4923,13 @@ const Drawer_Drawer = (props)=>{
|
|
|
4923
4923
|
"onClickOverlay"
|
|
4924
4924
|
]);
|
|
4925
4925
|
const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
|
|
4926
|
-
const classes = ()=>
|
|
4926
|
+
const classes = ()=>twMerge("drawer", local.class, local.className, dist_clsx({
|
|
4927
4927
|
"drawer-end": local.end
|
|
4928
4928
|
}));
|
|
4929
|
-
const toggleClasses = ()=>
|
|
4930
|
-
const contentClasses = ()=>
|
|
4931
|
-
const sideClasses = ()=>
|
|
4932
|
-
const overlayClasses = ()=>
|
|
4929
|
+
const toggleClasses = ()=>twMerge("drawer-toggle", local.toggleClassName);
|
|
4930
|
+
const contentClasses = ()=>twMerge("drawer-content", local.contentClassName);
|
|
4931
|
+
const sideClasses = ()=>twMerge("drawer-side", local.sideClassName);
|
|
4932
|
+
const overlayClasses = ()=>twMerge("drawer-overlay", local.overlayClassName);
|
|
4933
4933
|
return (()=>{
|
|
4934
4934
|
var _el$ = Drawer_tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild;
|
|
4935
4935
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
|
|
@@ -5046,7 +5046,7 @@ const Details = (props)=>{
|
|
|
5046
5046
|
return local.dataTheme;
|
|
5047
5047
|
},
|
|
5048
5048
|
get ["class"] () {
|
|
5049
|
-
return
|
|
5049
|
+
return twMerge(classes());
|
|
5050
5050
|
},
|
|
5051
5051
|
get open () {
|
|
5052
5052
|
return local.open;
|
|
@@ -5067,7 +5067,7 @@ const DropdownMenu = (props)=>{
|
|
|
5067
5067
|
"data-theme",
|
|
5068
5068
|
"style"
|
|
5069
5069
|
]);
|
|
5070
|
-
const classes = ()=>
|
|
5070
|
+
const classes = ()=>twMerge("dropdown-content menu p-2 shadow bg-base-100 rounded-box", local.class, local.className);
|
|
5071
5071
|
return (()=>{
|
|
5072
5072
|
var _el$ = DropdownMenu_tmpl$();
|
|
5073
5073
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
@@ -5109,7 +5109,7 @@ const DropdownItem = (props)=>{
|
|
|
5109
5109
|
};
|
|
5110
5110
|
const dropdown_DropdownItem = DropdownItem;
|
|
5111
5111
|
var Dropdown_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label tabindex=0>"), Dropdown_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<ul class=dropdown-content>"), Dropdown_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div role=listbox>");
|
|
5112
|
-
const Dropdown_classesFn = ({ className, horizontal, vertical, end, hover, open })=>
|
|
5112
|
+
const Dropdown_classesFn = ({ className, horizontal, vertical, end, hover, open })=>twMerge("dropdown", className, clsx({
|
|
5113
5113
|
"dropdown-left": "left" === horizontal,
|
|
5114
5114
|
"dropdown-right": "right" === horizontal,
|
|
5115
5115
|
"dropdown-top": "top" === vertical,
|
|
@@ -5191,7 +5191,7 @@ const FileInput_FileInput = (props)=>{
|
|
|
5191
5191
|
"className",
|
|
5192
5192
|
"style"
|
|
5193
5193
|
]);
|
|
5194
|
-
const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>
|
|
5194
|
+
const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("file-input", local.class, local.className, clsx({
|
|
5195
5195
|
"file-input-xl": "xl" === local.size,
|
|
5196
5196
|
"file-input-lg": "lg" === local.size,
|
|
5197
5197
|
"file-input-md": "md" === local.size,
|
|
@@ -5328,7 +5328,7 @@ const Flex = (props)=>{
|
|
|
5328
5328
|
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
|
|
5329
5329
|
component: tag,
|
|
5330
5330
|
get ["class"] () {
|
|
5331
|
-
return
|
|
5331
|
+
return twMerge(classes);
|
|
5332
5332
|
}
|
|
5333
5333
|
}, rest, {
|
|
5334
5334
|
get children () {
|
|
@@ -5345,7 +5345,7 @@ const FooterTitle = (props)=>{
|
|
|
5345
5345
|
"className",
|
|
5346
5346
|
"dataTheme"
|
|
5347
5347
|
]);
|
|
5348
|
-
const classes = ()=>
|
|
5348
|
+
const classes = ()=>twMerge("footer-title", local.class, local.className);
|
|
5349
5349
|
return (()=>{
|
|
5350
5350
|
var _el$ = FooterTitle_tmpl$();
|
|
5351
5351
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
@@ -5371,7 +5371,7 @@ const Footer = (props)=>{
|
|
|
5371
5371
|
"horizontal",
|
|
5372
5372
|
"vertical"
|
|
5373
5373
|
]);
|
|
5374
|
-
const classes = ()=>
|
|
5374
|
+
const classes = ()=>twMerge("footer", local.class, local.className, dist_clsx({
|
|
5375
5375
|
"footer-center": local.center,
|
|
5376
5376
|
"footer-horizontal": local.horizontal,
|
|
5377
5377
|
"footer-vertical": local.vertical
|
|
@@ -5403,7 +5403,7 @@ const Label = (props)=>{
|
|
|
5403
5403
|
"class",
|
|
5404
5404
|
"className"
|
|
5405
5405
|
]);
|
|
5406
|
-
const classes = ()=>
|
|
5406
|
+
const classes = ()=>twMerge("label", local.class, local.className);
|
|
5407
5407
|
return (()=>{
|
|
5408
5408
|
var _el$ = Label_tmpl$(), _el$2 = _el$.firstChild;
|
|
5409
5409
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
@@ -5428,7 +5428,7 @@ const Form = (props)=>{
|
|
|
5428
5428
|
"class",
|
|
5429
5429
|
"className"
|
|
5430
5430
|
]);
|
|
5431
|
-
const classes = ()=>
|
|
5431
|
+
const classes = ()=>twMerge("form-control", local.class, local.className);
|
|
5432
5432
|
return (()=>{
|
|
5433
5433
|
var _el$ = Form_tmpl$();
|
|
5434
5434
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
@@ -5523,7 +5523,7 @@ const Grid = (props)=>{
|
|
|
5523
5523
|
"autoCols",
|
|
5524
5524
|
"autoRows"
|
|
5525
5525
|
]);
|
|
5526
|
-
const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>
|
|
5526
|
+
const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("grid", ...Grid_mapResponsiveProp(local.cols, colsMap), ...Grid_mapResponsiveProp(local.rows, rowsMap), ...Grid_mapResponsiveProp(local.flow, flowMap), ...Grid_mapResponsiveProp(local.gap, Grid_gapMap), ...Grid_mapResponsiveProp(local.autoCols, autoColsMap), ...Grid_mapResponsiveProp(local.autoRows, autoRowsMap), local.class, local.className));
|
|
5527
5527
|
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
|
|
5528
5528
|
get component () {
|
|
5529
5529
|
return local.as;
|
|
@@ -5543,7 +5543,7 @@ const HeroContent = (props)=>{
|
|
|
5543
5543
|
"dataTheme",
|
|
5544
5544
|
"center"
|
|
5545
5545
|
]);
|
|
5546
|
-
const classes = ()=>
|
|
5546
|
+
const classes = ()=>twMerge("hero-content", local.class, local.className, dist_clsx({
|
|
5547
5547
|
"text-center": local.center
|
|
5548
5548
|
}));
|
|
5549
5549
|
return (()=>{
|
|
@@ -5570,7 +5570,7 @@ const HeroOverlay = (props)=>{
|
|
|
5570
5570
|
"bgOpacity",
|
|
5571
5571
|
"style"
|
|
5572
5572
|
]);
|
|
5573
|
-
const classes = ()=>
|
|
5573
|
+
const classes = ()=>twMerge("hero-overlay", local.class, local.className);
|
|
5574
5574
|
const overlayStyle = ()=>{
|
|
5575
5575
|
const baseStyle = local.style || {};
|
|
5576
5576
|
return {
|
|
@@ -5605,7 +5605,7 @@ const Hero = (props)=>{
|
|
|
5605
5605
|
"minHeight",
|
|
5606
5606
|
"style"
|
|
5607
5607
|
]);
|
|
5608
|
-
const classes = ()=>
|
|
5608
|
+
const classes = ()=>twMerge("hero", local.class, local.className);
|
|
5609
5609
|
const heroStyle = ()=>{
|
|
5610
5610
|
const baseStyle = local.style || {};
|
|
5611
5611
|
return {
|
|
@@ -5650,7 +5650,7 @@ const Icon = (props)=>{
|
|
|
5650
5650
|
const height = local.height ?? 24;
|
|
5651
5651
|
const name = local.name;
|
|
5652
5652
|
const sizeClass = ()=>`${name} w-${width / 4} h-${height / 4}`;
|
|
5653
|
-
const classes = ()=>
|
|
5653
|
+
const classes = ()=>twMerge(dist_clsx(local.className ?? local.class, sizeClass()));
|
|
5654
5654
|
return (()=>{
|
|
5655
5655
|
var _el$ = Icon_tmpl$();
|
|
5656
5656
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
@@ -5679,7 +5679,7 @@ const Indicator = (props)=>{
|
|
|
5679
5679
|
"style",
|
|
5680
5680
|
"as"
|
|
5681
5681
|
]);
|
|
5682
|
-
const classes = ()=>
|
|
5682
|
+
const classes = ()=>twMerge("indicator", local.class, local.className);
|
|
5683
5683
|
const Tag = local.as || "div";
|
|
5684
5684
|
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
|
|
5685
5685
|
component: Tag
|
|
@@ -5698,7 +5698,46 @@ const Indicator = (props)=>{
|
|
|
5698
5698
|
}
|
|
5699
5699
|
}));
|
|
5700
5700
|
};
|
|
5701
|
-
const
|
|
5701
|
+
const IndicatorItem = (props)=>{
|
|
5702
|
+
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
5703
|
+
"children",
|
|
5704
|
+
"horizontal",
|
|
5705
|
+
"vertical",
|
|
5706
|
+
"dataTheme",
|
|
5707
|
+
"class",
|
|
5708
|
+
"className",
|
|
5709
|
+
"style",
|
|
5710
|
+
"as"
|
|
5711
|
+
]);
|
|
5712
|
+
const classes = ()=>twMerge("indicator-item", local.class, local.className, clsx({
|
|
5713
|
+
"indicator-start": "start" === local.horizontal,
|
|
5714
|
+
"indicator-center": "center" === local.horizontal,
|
|
5715
|
+
"indicator-end": "end" === local.horizontal,
|
|
5716
|
+
"indicator-top": "top" === local.vertical,
|
|
5717
|
+
"indicator-middle": "middle" === local.vertical,
|
|
5718
|
+
"indicator-bottom": "bottom" === local.vertical
|
|
5719
|
+
}));
|
|
5720
|
+
const Tag = local.as || "span";
|
|
5721
|
+
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
|
|
5722
|
+
component: Tag
|
|
5723
|
+
}, others, {
|
|
5724
|
+
get ["data-theme"] () {
|
|
5725
|
+
return local.dataTheme;
|
|
5726
|
+
},
|
|
5727
|
+
get ["class"] () {
|
|
5728
|
+
return classes();
|
|
5729
|
+
},
|
|
5730
|
+
get style () {
|
|
5731
|
+
return local.style;
|
|
5732
|
+
},
|
|
5733
|
+
get children () {
|
|
5734
|
+
return local.children;
|
|
5735
|
+
}
|
|
5736
|
+
}));
|
|
5737
|
+
};
|
|
5738
|
+
const indicator_Indicator = Object.assign(Indicator, {
|
|
5739
|
+
Item: IndicatorItem
|
|
5740
|
+
});
|
|
5702
5741
|
var Input_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), Input_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label><input>");
|
|
5703
5742
|
const Input = (props)=>{
|
|
5704
5743
|
const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
|
|
@@ -5717,7 +5756,7 @@ const Input = (props)=>{
|
|
|
5717
5756
|
if ("password" === local.type) return passwordVisible() ? "text" : "password";
|
|
5718
5757
|
return local.type;
|
|
5719
5758
|
});
|
|
5720
|
-
const classes = ()=>
|
|
5759
|
+
const classes = ()=>twMerge("input", local.class, local.className, clsx({
|
|
5721
5760
|
"input-xl": "xl" === local.size,
|
|
5722
5761
|
"input-lg": "lg" === local.size,
|
|
5723
5762
|
"input-md": "md" === local.size,
|
|
@@ -5788,7 +5827,7 @@ const Join = (props)=>{
|
|
|
5788
5827
|
"dataTheme",
|
|
5789
5828
|
"style"
|
|
5790
5829
|
]);
|
|
5791
|
-
const classes = ()=>
|
|
5830
|
+
const classes = ()=>twMerge("join", clsx({
|
|
5792
5831
|
"join-vertical": !local.responsive && local.vertical,
|
|
5793
5832
|
"join-horizontal": !local.responsive && local.horizontal,
|
|
5794
5833
|
"join-vertical lg:join-horizontal": local.responsive
|
|
@@ -5820,7 +5859,7 @@ const Kbd = (props)=>{
|
|
|
5820
5859
|
var _el$ = Kbd_tmpl$();
|
|
5821
5860
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
|
|
5822
5861
|
get ["class"] () {
|
|
5823
|
-
return
|
|
5862
|
+
return twMerge("kbd", clsx(local.class));
|
|
5824
5863
|
}
|
|
5825
5864
|
}), false, false);
|
|
5826
5865
|
return _el$;
|
|
@@ -5837,7 +5876,7 @@ const Link = (props)=>{
|
|
|
5837
5876
|
"class",
|
|
5838
5877
|
"data-theme"
|
|
5839
5878
|
]);
|
|
5840
|
-
const classes =
|
|
5879
|
+
const classes = twMerge("link", dist_clsx({
|
|
5841
5880
|
"link-hover": false !== local.hover,
|
|
5842
5881
|
"link-neutral": "neutral" === local.color,
|
|
5843
5882
|
"link-primary": "primary" === local.color,
|
|
@@ -5867,7 +5906,7 @@ const Link = (props)=>{
|
|
|
5867
5906
|
const link_Link = Link;
|
|
5868
5907
|
var Mask_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<img>");
|
|
5869
5908
|
function maskClassName({ className, variant } = {}) {
|
|
5870
|
-
return
|
|
5909
|
+
return twMerge("mask", className, clsx({
|
|
5871
5910
|
"mask-squircle": "squircle" === variant,
|
|
5872
5911
|
"mask-heart": "heart" === variant,
|
|
5873
5912
|
"mask-hexagon": "hexagon" === variant,
|
|
@@ -5928,7 +5967,7 @@ const MenuTitle = (props)=>{
|
|
|
5928
5967
|
"class",
|
|
5929
5968
|
"className"
|
|
5930
5969
|
]);
|
|
5931
|
-
const classes = ()=>
|
|
5970
|
+
const classes = ()=>twMerge("menu-title", local.class, local.className);
|
|
5932
5971
|
return (()=>{
|
|
5933
5972
|
var _el$ = MenuTitle_tmpl$();
|
|
5934
5973
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
@@ -5952,7 +5991,7 @@ const MenuItem = (props)=>{
|
|
|
5952
5991
|
"style",
|
|
5953
5992
|
"dataTheme"
|
|
5954
5993
|
]);
|
|
5955
|
-
const classes = ()=>
|
|
5994
|
+
const classes = ()=>twMerge(local.class, local.className, clsx({
|
|
5956
5995
|
"menu-focus": local.focus,
|
|
5957
5996
|
"menu-active": local.active,
|
|
5958
5997
|
"menu-disabled": local.disabled
|
|
@@ -5986,10 +6025,10 @@ const MenuDropdown_MenuDropdown = (props)=>{
|
|
|
5986
6025
|
"children",
|
|
5987
6026
|
"data-theme"
|
|
5988
6027
|
]);
|
|
5989
|
-
const spanClasses = ()=>
|
|
6028
|
+
const spanClasses = ()=>twMerge("menu-dropdown-toggle", local.class, local.className, clsx({
|
|
5990
6029
|
"menu-dropdown-show": local.open
|
|
5991
6030
|
}));
|
|
5992
|
-
const ulClasses = ()=>
|
|
6031
|
+
const ulClasses = ()=>clsx("menu-dropdown", {
|
|
5993
6032
|
"menu-dropdown-show": local.open
|
|
5994
6033
|
});
|
|
5995
6034
|
return [
|
|
@@ -6063,7 +6102,7 @@ const Menu = (props)=>{
|
|
|
6063
6102
|
"className",
|
|
6064
6103
|
"dataTheme"
|
|
6065
6104
|
]);
|
|
6066
|
-
const classes = ()=>
|
|
6105
|
+
const classes = ()=>twMerge("menu", local.class, local.className, clsx({
|
|
6067
6106
|
"menu-vertical lg:menu-horizontal": local.responsive,
|
|
6068
6107
|
"menu-xl": "xl" === local.size,
|
|
6069
6108
|
"menu-lg": "lg" === local.size,
|
|
@@ -6123,7 +6162,7 @@ function ModalHeader(props) {
|
|
|
6123
6162
|
var _el$ = ModalHeader_tmpl$();
|
|
6124
6163
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
|
|
6125
6164
|
get ["class"] () {
|
|
6126
|
-
return
|
|
6165
|
+
return twMerge("w-full mb-8 text-xl", props.class);
|
|
6127
6166
|
}
|
|
6128
6167
|
}), false, false);
|
|
6129
6168
|
return _el$;
|
|
@@ -6132,11 +6171,11 @@ function ModalHeader(props) {
|
|
|
6132
6171
|
var ModalLegacy_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div aria-label=Modal><div>");
|
|
6133
6172
|
function ModalLegacy(props) {
|
|
6134
6173
|
const { children, open, responsive, onClickBackdrop, dataTheme, class: classProp, className, ...rest } = props;
|
|
6135
|
-
const containerClasses =
|
|
6174
|
+
const containerClasses = twMerge("modal", clsx({
|
|
6136
6175
|
"modal-open": open,
|
|
6137
6176
|
"modal-bottom sm:modal-middle": responsive
|
|
6138
6177
|
}));
|
|
6139
|
-
const bodyClasses =
|
|
6178
|
+
const bodyClasses = twMerge("modal-box", classProp, className);
|
|
6140
6179
|
return (()=>{
|
|
6141
6180
|
var _el$ = ModalLegacy_tmpl$(), _el$2 = _el$.firstChild;
|
|
6142
6181
|
_el$.$$click = (e)=>{
|
|
@@ -6174,7 +6213,7 @@ function Modal(props) {
|
|
|
6174
6213
|
"class",
|
|
6175
6214
|
"className"
|
|
6176
6215
|
]);
|
|
6177
|
-
const containerClasses =
|
|
6216
|
+
const containerClasses = twMerge("modal", dist_clsx({
|
|
6178
6217
|
"modal-open": local.open,
|
|
6179
6218
|
"modal-end": "end" === local.position,
|
|
6180
6219
|
"modal-start": "start" === local.position,
|
|
@@ -6183,7 +6222,7 @@ function Modal(props) {
|
|
|
6183
6222
|
"modal-bottom": "bottom" === local.position,
|
|
6184
6223
|
"modal-bottom sm:modal-middle": local.responsive
|
|
6185
6224
|
}));
|
|
6186
|
-
const bodyClasses =
|
|
6225
|
+
const bodyClasses = twMerge("modal-box", local.class, local.className);
|
|
6187
6226
|
const { tabindex, tabIndex, ...rest } = others;
|
|
6188
6227
|
const normalizedProps = {
|
|
6189
6228
|
...rest,
|
|
@@ -6237,7 +6276,7 @@ const NavbarSection = (props)=>{
|
|
|
6237
6276
|
"className",
|
|
6238
6277
|
"style"
|
|
6239
6278
|
]);
|
|
6240
|
-
const classes = ()=>
|
|
6279
|
+
const classes = ()=>twMerge(local.class, local.className, clsx({
|
|
6241
6280
|
"navbar-start": "start" === local.section,
|
|
6242
6281
|
"navbar-center": "center" === local.section,
|
|
6243
6282
|
"navbar-end": "end" === local.section
|
|
@@ -6270,7 +6309,7 @@ const Navbar = (props)=>{
|
|
|
6270
6309
|
"dataTheme"
|
|
6271
6310
|
]);
|
|
6272
6311
|
const Tag = local.as || "div";
|
|
6273
|
-
const classes = ()=>
|
|
6312
|
+
const classes = ()=>twMerge("navbar", local.class, local.className);
|
|
6274
6313
|
return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
|
|
6275
6314
|
component: Tag,
|
|
6276
6315
|
role: "navigation",
|
|
@@ -6316,7 +6355,7 @@ const PhoneMockup = (props)=>{
|
|
|
6316
6355
|
"color",
|
|
6317
6356
|
"innerProps"
|
|
6318
6357
|
]);
|
|
6319
|
-
const classes = ()=>
|
|
6358
|
+
const classes = ()=>twMerge("mockup-phone", local.class, local.className, dist_clsx({
|
|
6320
6359
|
"border-primary": "primary" === local.color,
|
|
6321
6360
|
"border-secondary": "secondary" === local.color,
|
|
6322
6361
|
"border-info": "info" === local.color,
|
|
@@ -6324,7 +6363,7 @@ const PhoneMockup = (props)=>{
|
|
|
6324
6363
|
"border-warning": "warning" === local.color,
|
|
6325
6364
|
"border-error": "error" === local.color
|
|
6326
6365
|
}));
|
|
6327
|
-
const innerClasses = ()=>
|
|
6366
|
+
const innerClasses = ()=>twMerge("artboard artboard-demo phone-1", local.innerProps?.class, local.innerProps?.className);
|
|
6328
6367
|
return (()=>{
|
|
6329
6368
|
var _el$ = PhoneMockup_tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild;
|
|
6330
6369
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
@@ -6353,7 +6392,7 @@ const Progress_Progress = (props)=>{
|
|
|
6353
6392
|
"className",
|
|
6354
6393
|
"dataTheme"
|
|
6355
6394
|
]);
|
|
6356
|
-
const classes =
|
|
6395
|
+
const classes = twMerge("progress", dist_clsx({
|
|
6357
6396
|
"progress-primary": "primary" === local.color,
|
|
6358
6397
|
"progress-secondary": "secondary" === local.color,
|
|
6359
6398
|
"progress-accent": "accent" === local.color,
|
|
@@ -6390,7 +6429,7 @@ const PropsTable = (props)=>{
|
|
|
6390
6429
|
return local.dataTheme;
|
|
6391
6430
|
},
|
|
6392
6431
|
get ["class"] () {
|
|
6393
|
-
return
|
|
6432
|
+
return twMerge("overflow-x-auto", local.class, local.className);
|
|
6394
6433
|
}
|
|
6395
6434
|
}), false, true);
|
|
6396
6435
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
|
|
@@ -6440,7 +6479,7 @@ const RadialProgress = (props)=>{
|
|
|
6440
6479
|
"children"
|
|
6441
6480
|
]);
|
|
6442
6481
|
const displayedValue = Math.min(100, Math.max(0, local.value));
|
|
6443
|
-
const classes =
|
|
6482
|
+
const classes = twMerge("radial-progress", dist_clsx({
|
|
6444
6483
|
"text-primary": "primary" === local.color,
|
|
6445
6484
|
"text-secondary": "secondary" === local.color,
|
|
6446
6485
|
"text-accent": "accent" === local.color,
|
|
@@ -6479,7 +6518,7 @@ const Radio = (props)=>{
|
|
|
6479
6518
|
"type",
|
|
6480
6519
|
"data-theme"
|
|
6481
6520
|
]);
|
|
6482
|
-
const classes =
|
|
6521
|
+
const classes = twMerge("radio", local.class, dist_clsx({
|
|
6483
6522
|
"radio-xs": "xs" === local.size,
|
|
6484
6523
|
"radio-sm": "sm" === local.size,
|
|
6485
6524
|
"radio-md": "md" === local.size,
|
|
@@ -6522,7 +6561,7 @@ const Range = (props)=>{
|
|
|
6522
6561
|
"max",
|
|
6523
6562
|
"data-theme"
|
|
6524
6563
|
]);
|
|
6525
|
-
const classes =
|
|
6564
|
+
const classes = twMerge("range", local.class, dist_clsx({
|
|
6526
6565
|
"range-xs": "xs" === local.size,
|
|
6527
6566
|
"range-sm": "sm" === local.size,
|
|
6528
6567
|
"range-md": "md" === local.size,
|
|
@@ -6591,7 +6630,7 @@ const RatingHidden = (props)=>{
|
|
|
6591
6630
|
"class"
|
|
6592
6631
|
]);
|
|
6593
6632
|
const context = useRatingContext();
|
|
6594
|
-
const classes =
|
|
6633
|
+
const classes = twMerge("rating-hidden", local.class);
|
|
6595
6634
|
return (()=>{
|
|
6596
6635
|
var _el$ = RatingHidden_tmpl$();
|
|
6597
6636
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
|
|
@@ -6620,7 +6659,7 @@ const RatingItem = (props)=>{
|
|
|
6620
6659
|
"aria-label"
|
|
6621
6660
|
]);
|
|
6622
6661
|
const context = useRatingContext();
|
|
6623
|
-
const classes =
|
|
6662
|
+
const classes = twMerge("mask", local.class, dist_clsx({
|
|
6624
6663
|
[`mask-${local.mask || "star"}`]: true,
|
|
6625
6664
|
[`mask-half-${local.halfPosition}`]: context.half && local.halfPosition
|
|
6626
6665
|
}), local.color);
|
|
@@ -6678,7 +6717,7 @@ const Rating_Rating = (props)=>{
|
|
|
6678
6717
|
"half",
|
|
6679
6718
|
"readonly"
|
|
6680
6719
|
]);
|
|
6681
|
-
const classes =
|
|
6720
|
+
const classes = twMerge("rating", local.class, dist_clsx({
|
|
6682
6721
|
"rating-xs": "xs" === local.size,
|
|
6683
6722
|
"rating-sm": "sm" === local.size,
|
|
6684
6723
|
"rating-md": "md" === local.size,
|
|
@@ -6721,7 +6760,7 @@ const Select = (props)=>{
|
|
|
6721
6760
|
"className",
|
|
6722
6761
|
"style"
|
|
6723
6762
|
]);
|
|
6724
|
-
const classes = ()=>
|
|
6763
|
+
const classes = ()=>twMerge("select", local.class, local.className, clsx({
|
|
6725
6764
|
"select-xl": "xl" === local.size,
|
|
6726
6765
|
"select-lg": "lg" === local.size,
|
|
6727
6766
|
"select-md": "md" === local.size,
|
|
@@ -6780,7 +6819,7 @@ const ShowcaseSection_ShowcaseSection = (props)=>{
|
|
|
6780
6819
|
}
|
|
6781
6820
|
}, others, {
|
|
6782
6821
|
get ["class"] () {
|
|
6783
|
-
return
|
|
6822
|
+
return twMerge("p-3 bg-base-200 rounded-lg shadow-sm scroll-mt-6", local.class, local.className);
|
|
6784
6823
|
}
|
|
6785
6824
|
}), false, true);
|
|
6786
6825
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(flex_Flex, {
|
|
@@ -6842,7 +6881,7 @@ const ShowcaseBlock = (props)=>{
|
|
|
6842
6881
|
return local.dataTheme;
|
|
6843
6882
|
},
|
|
6844
6883
|
get ["class"] () {
|
|
6845
|
-
return
|
|
6884
|
+
return twMerge(local.class, local.className);
|
|
6846
6885
|
},
|
|
6847
6886
|
get children () {
|
|
6848
6887
|
var _el$ = ShowcaseBlock_tmpl$2(), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling;
|
|
@@ -6879,7 +6918,7 @@ const Sidenav_Sidenav = (props)=>{
|
|
|
6879
6918
|
const handleItemClick = (item)=>{
|
|
6880
6919
|
if (item.onClick) item.onClick();
|
|
6881
6920
|
};
|
|
6882
|
-
const sidenavClasses = ()=>
|
|
6921
|
+
const sidenavClasses = ()=>twMerge("sidenav", local.class, clsx({
|
|
6883
6922
|
"sidenav-collapsed": local.collapsed,
|
|
6884
6923
|
"sidenav-closed": !local.isOpen
|
|
6885
6924
|
}));
|
|
@@ -6934,7 +6973,7 @@ const Sidenav_Sidenav = (props)=>{
|
|
|
6934
6973
|
return _el$2;
|
|
6935
6974
|
}
|
|
6936
6975
|
}));
|
|
6937
|
-
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$,
|
|
6976
|
+
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, clsx("sidenav-item", {
|
|
6938
6977
|
"sidenav-item-active": item.active
|
|
6939
6978
|
})));
|
|
6940
6979
|
return _el$;
|
|
@@ -7042,7 +7081,7 @@ const Skeleton = (props)=>{
|
|
|
7042
7081
|
"className",
|
|
7043
7082
|
"children"
|
|
7044
7083
|
]);
|
|
7045
|
-
const classes =
|
|
7084
|
+
const classes = twMerge("skeleton", local.class, local.className);
|
|
7046
7085
|
return (()=>{
|
|
7047
7086
|
var _el$ = Skeleton_tmpl$();
|
|
7048
7087
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
@@ -7081,7 +7120,7 @@ const Stack_Stack = (props)=>{
|
|
|
7081
7120
|
return "";
|
|
7082
7121
|
}
|
|
7083
7122
|
};
|
|
7084
|
-
const classes = ()=>
|
|
7123
|
+
const classes = ()=>twMerge("stack", mapDirectionToClass(local.direction), local.class, local.className, clsx({
|
|
7085
7124
|
"stack-reverse": local.reverse
|
|
7086
7125
|
}));
|
|
7087
7126
|
const Tag = local.as || "div";
|
|
@@ -7113,7 +7152,7 @@ const StatSection_StatSection = (props)=>{
|
|
|
7113
7152
|
var _el$ = StatSection_tmpl$();
|
|
7114
7153
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
|
|
7115
7154
|
get ["class"] () {
|
|
7116
|
-
return
|
|
7155
|
+
return twMerge(clsx({
|
|
7117
7156
|
"stat-title": "title" === local.section,
|
|
7118
7157
|
"stat-value": "value" === local.section,
|
|
7119
7158
|
"stat-desc": "desc" === local.section,
|
|
@@ -7137,7 +7176,7 @@ const Stat_Stat = (props)=>{
|
|
|
7137
7176
|
var _el$ = Stat_tmpl$();
|
|
7138
7177
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
|
|
7139
7178
|
get ["class"] () {
|
|
7140
|
-
return
|
|
7179
|
+
return twMerge("stat", clsx(local.class));
|
|
7141
7180
|
},
|
|
7142
7181
|
get ["data-theme"] () {
|
|
7143
7182
|
return local["data-theme"];
|
|
@@ -7179,7 +7218,7 @@ const Stats = (props)=>{
|
|
|
7179
7218
|
var _el$ = Stats_tmpl$();
|
|
7180
7219
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
|
|
7181
7220
|
get ["class"] () {
|
|
7182
|
-
return
|
|
7221
|
+
return twMerge("stats", clsx({
|
|
7183
7222
|
"stats-horizontal": "horizontal" === local.direction,
|
|
7184
7223
|
"stats-vertical": "vertical" === local.direction
|
|
7185
7224
|
}), local.class);
|
|
@@ -7202,7 +7241,7 @@ const Status = (props)=>{
|
|
|
7202
7241
|
"color",
|
|
7203
7242
|
"size"
|
|
7204
7243
|
]);
|
|
7205
|
-
const className = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>
|
|
7244
|
+
const className = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("status", local.color && `status-${local.color}`, local.size && `status-${local.size}`, local.class, local.className));
|
|
7206
7245
|
return (()=>{
|
|
7207
7246
|
var _el$ = Status_tmpl$();
|
|
7208
7247
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
@@ -7247,7 +7286,7 @@ const Step_Step = (props)=>{
|
|
|
7247
7286
|
"data-theme"
|
|
7248
7287
|
]);
|
|
7249
7288
|
const Tag = local.as || "li";
|
|
7250
|
-
const classes = ()=>
|
|
7289
|
+
const classes = ()=>twMerge("step", local.class, local.className, clsx({
|
|
7251
7290
|
"step-neutral": "neutral" === local.color,
|
|
7252
7291
|
"step-primary": "primary" === local.color,
|
|
7253
7292
|
"step-secondary": "secondary" === local.color,
|
|
@@ -7325,7 +7364,7 @@ const Steps = (props)=>{
|
|
|
7325
7364
|
"data-theme"
|
|
7326
7365
|
]);
|
|
7327
7366
|
const Tag = local.as || "ul";
|
|
7328
|
-
const classes = ()=>
|
|
7367
|
+
const classes = ()=>twMerge("steps", local.class, local.className, clsx({
|
|
7329
7368
|
"steps-vertical": local.vertical,
|
|
7330
7369
|
"steps-horizontal": local.horizontal
|
|
7331
7370
|
}));
|
|
@@ -7392,7 +7431,7 @@ function Swap(props) {
|
|
|
7392
7431
|
"onClick",
|
|
7393
7432
|
"onChange"
|
|
7394
7433
|
]);
|
|
7395
|
-
const className = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>
|
|
7434
|
+
const className = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("swap", clsx({
|
|
7396
7435
|
"swap-active": local.active,
|
|
7397
7436
|
"swap-rotate": local.rotate,
|
|
7398
7437
|
"swap-flip": local.flip
|
|
@@ -7719,7 +7758,7 @@ const TableComponent = (props)=>{
|
|
|
7719
7758
|
"dataTheme"
|
|
7720
7759
|
]);
|
|
7721
7760
|
const Tag = local.as || "table";
|
|
7722
|
-
const classes = ()=>
|
|
7761
|
+
const classes = ()=>twMerge("table", local.class, local.className, clsx({
|
|
7723
7762
|
"table-zebra": local.zebra,
|
|
7724
7763
|
"table-xl": "xl" === local.size,
|
|
7725
7764
|
"table-lg": "lg" === local.size,
|
|
@@ -7935,7 +7974,7 @@ const Textarea = (props)=>{
|
|
|
7935
7974
|
"style",
|
|
7936
7975
|
"resize"
|
|
7937
7976
|
]);
|
|
7938
|
-
const classes = ()=>
|
|
7977
|
+
const classes = ()=>twMerge("textarea", local.class, local.className, clsx({
|
|
7939
7978
|
"textarea-xl": "xl" === local.size,
|
|
7940
7979
|
"textarea-lg": "lg" === local.size,
|
|
7941
7980
|
"textarea-md": "md" === local.size,
|
|
@@ -7984,7 +8023,7 @@ const Timeline_Timeline = (props)=>{
|
|
|
7984
8023
|
"style",
|
|
7985
8024
|
"dataTheme"
|
|
7986
8025
|
]);
|
|
7987
|
-
const classes =
|
|
8026
|
+
const classes = twMerge("timeline", dist_clsx({
|
|
7988
8027
|
"timeline-vertical": local.vertical,
|
|
7989
8028
|
"timeline-horizontal": local.horizontal,
|
|
7990
8029
|
"timeline-vertical lg:timeline-horizontal": local.responsive,
|
|
@@ -8014,7 +8053,7 @@ const TimelineEnd = (props)=>{
|
|
|
8014
8053
|
"class",
|
|
8015
8054
|
"style"
|
|
8016
8055
|
]);
|
|
8017
|
-
const classes =
|
|
8056
|
+
const classes = twMerge("timeline-end", clsx({
|
|
8018
8057
|
"timeline-box": local.box ?? true
|
|
8019
8058
|
}), local.class);
|
|
8020
8059
|
return (()=>{
|
|
@@ -8081,7 +8120,7 @@ const TimelineMiddle = (props)=>{
|
|
|
8081
8120
|
"style",
|
|
8082
8121
|
"children"
|
|
8083
8122
|
]);
|
|
8084
|
-
const classes =
|
|
8123
|
+
const classes = twMerge("timeline-middle", local.class);
|
|
8085
8124
|
return (()=>{
|
|
8086
8125
|
var _el$ = TimelineMiddle_tmpl$();
|
|
8087
8126
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
@@ -8102,7 +8141,7 @@ const TimelineStart = (props)=>{
|
|
|
8102
8141
|
"class",
|
|
8103
8142
|
"style"
|
|
8104
8143
|
]);
|
|
8105
|
-
const classes =
|
|
8144
|
+
const classes = twMerge("timeline-start", clsx({
|
|
8106
8145
|
"timeline-box": local.box
|
|
8107
8146
|
}), local.class);
|
|
8108
8147
|
return (()=>{
|
|
@@ -8153,7 +8192,7 @@ const Toast = (props)=>{
|
|
|
8153
8192
|
(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
|
|
8154
8193
|
role: "status",
|
|
8155
8194
|
get ["class"] () {
|
|
8156
|
-
return
|
|
8195
|
+
return twMerge("toast", ...positionClasses, local.class, local.className);
|
|
8157
8196
|
},
|
|
8158
8197
|
get ["data-theme"] () {
|
|
8159
8198
|
return local.dataTheme;
|
|
@@ -8177,7 +8216,7 @@ const Toggle = (props)=>{
|
|
|
8177
8216
|
"className",
|
|
8178
8217
|
"style"
|
|
8179
8218
|
]);
|
|
8180
|
-
const classes = ()=>
|
|
8219
|
+
const classes = ()=>twMerge("toggle", local.class, local.className, clsx({
|
|
8181
8220
|
"toggle-xl": "xl" === local.size,
|
|
8182
8221
|
"toggle-lg": "lg" === local.size,
|
|
8183
8222
|
"toggle-md": "md" === local.size,
|
|
@@ -8222,7 +8261,7 @@ const Tooltip = (props)=>{
|
|
|
8222
8261
|
"className",
|
|
8223
8262
|
"style"
|
|
8224
8263
|
]);
|
|
8225
|
-
const classes = ()=>
|
|
8264
|
+
const classes = ()=>twMerge("tooltip", local.class, local.className, clsx({
|
|
8226
8265
|
"tooltip-open": local.open,
|
|
8227
8266
|
"tooltip-primary": "primary" === local.color,
|
|
8228
8267
|
"tooltip-secondary": "secondary" === local.color,
|
|
@@ -8271,7 +8310,7 @@ const WindowMockup = (props)=>{
|
|
|
8271
8310
|
"frameColor"
|
|
8272
8311
|
]);
|
|
8273
8312
|
const borderColorValue = ()=>local.borderColor || local.frameColor || "neutral";
|
|
8274
|
-
const classes = ()=>
|
|
8313
|
+
const classes = ()=>twMerge("mockup-window", local.class, local.className, local.border && `border border-${borderColorValue()}`, dist_clsx({
|
|
8275
8314
|
"border-neutral": "neutral" === borderColorValue(),
|
|
8276
8315
|
"border-primary": "primary" === borderColorValue(),
|
|
8277
8316
|
"border-secondary": "secondary" === borderColorValue(),
|
|
@@ -8289,7 +8328,7 @@ const WindowMockup = (props)=>{
|
|
|
8289
8328
|
"bg-warning": "warning" === local.frameColor,
|
|
8290
8329
|
"bg-error": "error" === local.frameColor
|
|
8291
8330
|
}));
|
|
8292
|
-
const innerClasses = ()=>
|
|
8331
|
+
const innerClasses = ()=>twMerge("p-4", local.backgroundColor && `bg-${local.backgroundColor}`, local.border && `border-t border-${borderColorValue()}`, dist_clsx({
|
|
8293
8332
|
"bg-neutral": "neutral" === local.backgroundColor,
|
|
8294
8333
|
"bg-primary": "primary" === local.backgroundColor,
|
|
8295
8334
|
"bg-secondary": "secondary" === local.backgroundColor,
|
|
@@ -8307,7 +8346,7 @@ const WindowMockup = (props)=>{
|
|
|
8307
8346
|
const firstChild = childrenArray[0];
|
|
8308
8347
|
if (1 === childrenArray.length && "object" == typeof firstChild && null != firstChild && "type" in firstChild) {
|
|
8309
8348
|
const existingClass = firstChild.props?.class || firstChild.props?.className || "";
|
|
8310
|
-
const mergedClass =
|
|
8349
|
+
const mergedClass = twMerge(innerClasses(), existingClass);
|
|
8311
8350
|
return {
|
|
8312
8351
|
...firstChild,
|
|
8313
8352
|
props: {
|
|
@@ -8350,7 +8389,7 @@ const Artboard = (props)=>{
|
|
|
8350
8389
|
"className"
|
|
8351
8390
|
]);
|
|
8352
8391
|
const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
|
|
8353
|
-
const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>
|
|
8392
|
+
const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("artboard", local.class, local.className, dist_clsx({
|
|
8354
8393
|
"artboard-demo": local.demo ?? true,
|
|
8355
8394
|
"phone-1": 1 === local.size,
|
|
8356
8395
|
"phone-2": 2 === local.size,
|