@typlog/ui 0.11.7 → 0.11.8
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/components/alert.css +15 -0
- package/{dist/components → components}/button.css +0 -4
- package/{dist/components → components}/dialog.css +0 -4
- package/{dist/components → components}/pagination.css +0 -4
- package/{dist/components.css → components.css} +0 -4
- package/{dist/components.d.ts → components.d.ts} +31 -21
- package/{dist/components.js → components.js} +90 -90
- package/package.json +15 -43
- package/LICENSE +0 -21
- package/README.md +0 -9
- /package/{dist/addons.css → addons.css} +0 -0
- /package/{dist/addons.d.ts → addons.d.ts} +0 -0
- /package/{dist/addons.js → addons.js} +0 -0
- /package/{dist/base.css → base.css} +0 -0
- /package/{dist/components → components}/accordion.css +0 -0
- /package/{dist/components → components}/avatar.css +0 -0
- /package/{dist/components → components}/badge.css +0 -0
- /package/{dist/components → components}/card.css +0 -0
- /package/{dist/components → components}/checkbox.css +0 -0
- /package/{dist/components → components}/collapsible.css +0 -0
- /package/{dist/components → components}/combobox.css +0 -0
- /package/{dist/components → components}/dropdown.css +0 -0
- /package/{dist/components → components}/editable.css +0 -0
- /package/{dist/components → components}/icon.css +0 -0
- /package/{dist/components → components}/inputs.css +0 -0
- /package/{dist/components → components}/inset.css +0 -0
- /package/{dist/components → components}/popover.css +0 -0
- /package/{dist/components → components}/quota.css +0 -0
- /package/{dist/components → components}/radio.css +0 -0
- /package/{dist/components → components}/scrollarea.css +0 -0
- /package/{dist/components → components}/select.css +0 -0
- /package/{dist/components → components}/separator.css +0 -0
- /package/{dist/components → components}/spinner.css +0 -0
- /package/{dist/components → components}/switch.css +0 -0
- /package/{dist/components → components}/table.css +0 -0
- /package/{dist/components → components}/tabs.css +0 -0
- /package/{dist/components → components}/toggle.css +0 -0
- /package/{dist/components → components}/tooltip.css +0 -0
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
|
|
2
|
+
.ui-DialogTitle {
|
|
3
|
+
font-size: var(--font-size-4);
|
|
4
|
+
font-weight: var(--font-weight-semibold);
|
|
5
|
+
line-height: var(--line-height-4);
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.ui-DialogDescription {
|
|
9
|
+
font-size: var(--font-size-3);
|
|
10
|
+
line-height: var(--line-height-2);
|
|
11
|
+
color: var(--gray-11);
|
|
12
|
+
}
|
|
13
|
+
.ui-DialogTitle + .ui-DialogDescription {
|
|
14
|
+
margin-top: var(--space-2);
|
|
15
|
+
}
|
|
@@ -130,10 +130,6 @@
|
|
|
130
130
|
.ui-Button:where(.r-variant-soft, .r-variant-ghost):where(.r-high-contrast) {
|
|
131
131
|
color: var(--accent-12);
|
|
132
132
|
}
|
|
133
|
-
.ui-Button:where(.r-variant-soft):where([data-disabled]) {
|
|
134
|
-
color: var(--gray-a8);
|
|
135
|
-
background-color: var(--gray-a3);
|
|
136
|
-
}
|
|
137
133
|
.ui-Button:where(.r-variant-soft) {
|
|
138
134
|
background-color: var(--accent-a3);
|
|
139
135
|
}
|
|
@@ -145,10 +145,6 @@
|
|
|
145
145
|
.ui-Button:where(.r-variant-soft, .r-variant-ghost):where(.r-high-contrast) {
|
|
146
146
|
color: var(--accent-12);
|
|
147
147
|
}
|
|
148
|
-
.ui-Button:where(.r-variant-soft):where([data-disabled]) {
|
|
149
|
-
color: var(--gray-a8);
|
|
150
|
-
background-color: var(--gray-a3);
|
|
151
|
-
}
|
|
152
148
|
.ui-Button:where(.r-variant-soft) {
|
|
153
149
|
background-color: var(--accent-a3);
|
|
154
150
|
}
|
|
@@ -130,10 +130,6 @@
|
|
|
130
130
|
.ui-Button:where(.r-variant-soft, .r-variant-ghost):where(.r-high-contrast) {
|
|
131
131
|
color: var(--accent-12);
|
|
132
132
|
}
|
|
133
|
-
.ui-Button:where(.r-variant-soft):where([data-disabled]) {
|
|
134
|
-
color: var(--gray-a8);
|
|
135
|
-
background-color: var(--gray-a3);
|
|
136
|
-
}
|
|
137
133
|
.ui-Button:where(.r-variant-soft) {
|
|
138
134
|
background-color: var(--accent-a3);
|
|
139
135
|
}
|
|
@@ -521,10 +521,6 @@
|
|
|
521
521
|
.ui-Button:where(.r-variant-soft, .r-variant-ghost):where(.r-high-contrast) {
|
|
522
522
|
color: var(--accent-12);
|
|
523
523
|
}
|
|
524
|
-
.ui-Button:where(.r-variant-soft):where([data-disabled]) {
|
|
525
|
-
color: var(--gray-a8);
|
|
526
|
-
background-color: var(--gray-a3);
|
|
527
|
-
}
|
|
528
524
|
.ui-Button:where(.r-variant-soft) {
|
|
529
525
|
background-color: var(--accent-a3);
|
|
530
526
|
}
|
|
@@ -4,12 +4,14 @@ import { AccordionContentProps } from 'reka-ui';
|
|
|
4
4
|
import { AccordionItemProps } from 'reka-ui';
|
|
5
5
|
import { AccordionRootProps as AccordionRootProps_2 } from 'reka-ui';
|
|
6
6
|
import { AlertDialogAction } from 'reka-ui';
|
|
7
|
+
import { AlertDialogActionProps } from 'reka-ui';
|
|
7
8
|
import { AlertDialogCancel } from 'reka-ui';
|
|
9
|
+
import { AlertDialogCancelProps } from 'reka-ui';
|
|
8
10
|
import { AlertDialogContentProps as AlertDialogContentProps_2 } from 'reka-ui';
|
|
9
|
-
import {
|
|
11
|
+
import { AlertDialogProps } from 'reka-ui';
|
|
10
12
|
import { AlertDialogRoot } from 'reka-ui';
|
|
11
|
-
import { AlertDialogTitle } from 'reka-ui';
|
|
12
13
|
import { AlertDialogTrigger } from 'reka-ui';
|
|
14
|
+
import { AlertDialogTriggerProps } from 'reka-ui';
|
|
13
15
|
import { AsTag } from 'reka-ui';
|
|
14
16
|
import { CheckboxRootProps } from 'reka-ui';
|
|
15
17
|
import { CollapsibleContentProps } from 'reka-ui';
|
|
@@ -449,9 +451,13 @@ export declare interface AccordionTriggerProps extends PrimitiveProps {
|
|
|
449
451
|
|
|
450
452
|
export { AlertDialogAction }
|
|
451
453
|
|
|
454
|
+
export { AlertDialogActionProps }
|
|
455
|
+
|
|
452
456
|
export { AlertDialogCancel }
|
|
453
457
|
|
|
454
|
-
export
|
|
458
|
+
export { AlertDialogCancelProps }
|
|
459
|
+
|
|
460
|
+
export declare const AlertDialogContent: __VLS_WithTemplateSlots_12<DefineComponent<AlertDialogContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
455
461
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
456
462
|
pointerDownOutside: (event: PointerDownOutsideEvent) => any;
|
|
457
463
|
focusOutside: (event: FocusOutsideEvent) => any;
|
|
@@ -483,14 +489,14 @@ export declare interface AlertDialogContentProps extends AlertDialogContentProps
|
|
|
483
489
|
maxHeight?: string;
|
|
484
490
|
}
|
|
485
491
|
|
|
486
|
-
export {
|
|
492
|
+
export { AlertDialogProps }
|
|
487
493
|
|
|
488
494
|
export { AlertDialogRoot }
|
|
489
495
|
|
|
490
|
-
export { AlertDialogTitle }
|
|
491
|
-
|
|
492
496
|
export { AlertDialogTrigger }
|
|
493
497
|
|
|
498
|
+
export { AlertDialogTriggerProps }
|
|
499
|
+
|
|
494
500
|
export declare const Avatar: DefineComponent<AvatarProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
|
|
495
501
|
radius: RadiusType;
|
|
496
502
|
size: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9";
|
|
@@ -775,7 +781,23 @@ export declare interface ComboboxRootProps extends ComboboxRootProps_2 {
|
|
|
775
781
|
highContrast?: boolean;
|
|
776
782
|
}
|
|
777
783
|
|
|
778
|
-
declare const _default:
|
|
784
|
+
declare const _default: __VLS_WithTemplateSlots_10<DefineComponent<PrimitiveProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PrimitiveProps> & Readonly<{}>, {
|
|
785
|
+
as: AsTag | Component;
|
|
786
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
787
|
+
default?(_: {}): any;
|
|
788
|
+
}>;
|
|
789
|
+
export { _default as AlertDialogTitle }
|
|
790
|
+
export { _default as DialogTitle }
|
|
791
|
+
|
|
792
|
+
declare const _default_2: __VLS_WithTemplateSlots_11<DefineComponent<PrimitiveProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PrimitiveProps> & Readonly<{}>, {
|
|
793
|
+
as: AsTag | Component;
|
|
794
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
795
|
+
default?(_: {}): any;
|
|
796
|
+
}>;
|
|
797
|
+
export { _default_2 as AlertDialogDescription }
|
|
798
|
+
export { _default_2 as DialogDescription }
|
|
799
|
+
|
|
800
|
+
declare const _default_3: __VLS_WithTemplateSlots_32<DefineComponent<RadioGroupRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
779
801
|
"update:modelValue": (payload: string) => any;
|
|
780
802
|
}, string, PublicProps, Readonly<RadioGroupRootProps> & Readonly<{
|
|
781
803
|
"onUpdate:modelValue"?: ((payload: string) => any) | undefined;
|
|
@@ -785,8 +807,8 @@ variant: "surface" | "soft";
|
|
|
785
807
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
786
808
|
default?(_: {}): any;
|
|
787
809
|
}>;
|
|
788
|
-
export {
|
|
789
|
-
export {
|
|
810
|
+
export { _default_3 as RadioCardsRoot }
|
|
811
|
+
export { _default_3 as RadioGroupRoot }
|
|
790
812
|
|
|
791
813
|
export { DialogClose }
|
|
792
814
|
|
|
@@ -825,22 +847,10 @@ export declare interface DialogContentProps extends DialogContentProps_2 {
|
|
|
825
847
|
closeIcon?: boolean;
|
|
826
848
|
}
|
|
827
849
|
|
|
828
|
-
export declare const DialogDescription: __VLS_WithTemplateSlots_12<DefineComponent<PrimitiveProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PrimitiveProps> & Readonly<{}>, {
|
|
829
|
-
as: AsTag | Component;
|
|
830
|
-
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
831
|
-
default?(_: {}): any;
|
|
832
|
-
}>;
|
|
833
|
-
|
|
834
850
|
export { DialogRoot }
|
|
835
851
|
|
|
836
852
|
export { DialogRootProps }
|
|
837
853
|
|
|
838
|
-
export declare const DialogTitle: __VLS_WithTemplateSlots_11<DefineComponent<PrimitiveProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PrimitiveProps> & Readonly<{}>, {
|
|
839
|
-
as: AsTag | Component;
|
|
840
|
-
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
841
|
-
default?(_: {}): any;
|
|
842
|
-
}>;
|
|
843
|
-
|
|
844
854
|
export { DialogTrigger }
|
|
845
855
|
|
|
846
856
|
export { DialogTriggerProps }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, toRefs, createBlock, openBlock, unref, withCtx, createVNode, renderSlot, computed, normalizeClass, createTextVNode, toDisplayString, createElementBlock, mergeProps, createCommentVNode, createElementVNode, mergeModels, ref, useModel, onMounted, onBeforeUnmount, useTemplateRef, withDirectives, isRef, vModelDynamic, vModelText, normalizeStyle, normalizeProps, guardReactiveProps, Fragment, watch, renderList, withModifiers, vModelRadio } from "vue";
|
|
2
|
-
import { createContext, TooltipProvider, Primitive, useForwardProps, useEmitAsProps, AvatarRoot, AvatarImage, AvatarFallback, ScrollAreaRoot, ScrollAreaViewport, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner,
|
|
3
|
-
import { AlertDialogAction, AlertDialogCancel,
|
|
2
|
+
import { createContext, TooltipProvider, Primitive, useForwardProps, useEmitAsProps, AvatarRoot, AvatarImage, AvatarFallback, ScrollAreaRoot, ScrollAreaViewport, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, injectDialogRootContext, useForwardExpose, DialogPortal, DialogOverlay, DialogContent, DialogClose, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, DropdownMenuPortal, DropdownMenuContent, DropdownMenuItem, PopoverPortal, PopoverContent, SwitchRoot, SwitchThumb, CheckboxRoot, CheckboxIndicator, Toggle, ToggleGroupRoot, ToggleGroupItem, SelectRoot, SelectPortal, SelectContent, SelectViewport, SelectTrigger, SelectValue, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, ComboboxRoot, injectComboboxRootContext as injectComboboxRootContext$1, useForwardPropsEmits as useForwardPropsEmits$1, ComboboxAnchor, ComboboxInput, ComboboxTrigger, ComboboxPortal, ComboboxContent, ComboboxViewport, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, RadioGroupRoot, RadioGroupItem, TabsList, TabsIndicator, TabsTrigger, EditableRoot, EditableArea, EditablePreview, EditableInput, AccordionRoot, AccordionItem, AccordionContent, AccordionTrigger, CollapsibleContent, TooltipRoot, TooltipTrigger, TooltipPortal, TooltipContent, TooltipArrow, ProgressRoot, ProgressIndicator } from "reka-ui";
|
|
3
|
+
import { AlertDialogAction, AlertDialogCancel, AlertDialogRoot, AlertDialogTrigger, CollapsibleRoot, CollapsibleTrigger, ComboboxEmpty, ComboboxGroup, DialogClose as DialogClose2, DialogRoot, DialogTrigger, DropdownMenuRoot, DropdownMenuTrigger, PopoverClose, PopoverRoot, PopoverTrigger, RadioGroupItem as RadioGroupItem2, SelectGroup, TabsContent, TabsRoot } from "reka-ui";
|
|
4
4
|
import { Icon } from "@iconify/vue";
|
|
5
5
|
import { Icon as Icon2 } from "@iconify/vue";
|
|
6
6
|
const [injectThemeContext, provideThemeContext] = createContext("ThemeProvider");
|
|
@@ -438,6 +438,52 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
|
|
|
438
438
|
}
|
|
439
439
|
});
|
|
440
440
|
const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
441
|
+
__name: "DialogTitle",
|
|
442
|
+
props: {
|
|
443
|
+
asChild: { type: Boolean },
|
|
444
|
+
as: { default: "h2" }
|
|
445
|
+
},
|
|
446
|
+
setup(__props) {
|
|
447
|
+
const props = __props;
|
|
448
|
+
const rootContext = injectDialogRootContext();
|
|
449
|
+
useForwardExpose();
|
|
450
|
+
return (_ctx, _cache) => {
|
|
451
|
+
return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
|
|
452
|
+
id: unref(rootContext).titleId,
|
|
453
|
+
class: "ui-DialogTitle"
|
|
454
|
+
}), {
|
|
455
|
+
default: withCtx(() => [
|
|
456
|
+
renderSlot(_ctx.$slots, "default")
|
|
457
|
+
]),
|
|
458
|
+
_: 3
|
|
459
|
+
}, 16, ["id"]);
|
|
460
|
+
};
|
|
461
|
+
}
|
|
462
|
+
});
|
|
463
|
+
const _sfc_main$P = /* @__PURE__ */ defineComponent({
|
|
464
|
+
__name: "DialogDescription",
|
|
465
|
+
props: {
|
|
466
|
+
asChild: { type: Boolean },
|
|
467
|
+
as: { default: "p" }
|
|
468
|
+
},
|
|
469
|
+
setup(__props) {
|
|
470
|
+
const props = __props;
|
|
471
|
+
useForwardExpose();
|
|
472
|
+
const rootContext = injectDialogRootContext();
|
|
473
|
+
return (_ctx, _cache) => {
|
|
474
|
+
return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
|
|
475
|
+
id: unref(rootContext).descriptionId,
|
|
476
|
+
class: "ui-DialogDescription"
|
|
477
|
+
}), {
|
|
478
|
+
default: withCtx(() => [
|
|
479
|
+
renderSlot(_ctx.$slots, "default")
|
|
480
|
+
]),
|
|
481
|
+
_: 3
|
|
482
|
+
}, 16, ["id"]);
|
|
483
|
+
};
|
|
484
|
+
}
|
|
485
|
+
});
|
|
486
|
+
const _sfc_main$O = /* @__PURE__ */ defineComponent({
|
|
441
487
|
__name: "ThemeWrapper",
|
|
442
488
|
props: {
|
|
443
489
|
accentColor: {},
|
|
@@ -465,20 +511,21 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
|
|
|
465
511
|
});
|
|
466
512
|
const _hoisted_1$j = { class: "ui-DialogWrapper" };
|
|
467
513
|
const _hoisted_2$7 = { class: "ui-DialogContainer" };
|
|
468
|
-
const _sfc_main$
|
|
514
|
+
const _sfc_main$N = /* @__PURE__ */ defineComponent({
|
|
469
515
|
...{
|
|
470
516
|
inheritAttrs: false
|
|
471
517
|
},
|
|
472
|
-
__name: "
|
|
518
|
+
__name: "DialogContent",
|
|
473
519
|
props: {
|
|
474
520
|
to: {},
|
|
475
521
|
size: { default: "3" },
|
|
476
522
|
width: {},
|
|
477
523
|
minWidth: {},
|
|
478
|
-
maxWidth: { default: "
|
|
524
|
+
maxWidth: { default: "600px" },
|
|
479
525
|
height: {},
|
|
480
526
|
minHeight: {},
|
|
481
527
|
maxHeight: {},
|
|
528
|
+
closeIcon: { type: Boolean },
|
|
482
529
|
forceMount: { type: Boolean },
|
|
483
530
|
disableOutsidePointerEvents: { type: Boolean },
|
|
484
531
|
asChild: { type: Boolean },
|
|
@@ -498,20 +545,21 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
|
|
|
498
545
|
"maxWidth",
|
|
499
546
|
"height",
|
|
500
547
|
"minHeight",
|
|
501
|
-
"maxHeight"
|
|
548
|
+
"maxHeight",
|
|
549
|
+
"closeIcon"
|
|
502
550
|
]);
|
|
503
551
|
return (_ctx, _cache) => {
|
|
504
|
-
return openBlock(), createBlock(unref(
|
|
552
|
+
return openBlock(), createBlock(unref(DialogPortal), {
|
|
505
553
|
to: props.to
|
|
506
554
|
}, {
|
|
507
555
|
default: withCtx(() => [
|
|
508
|
-
createVNode(_sfc_main$
|
|
556
|
+
createVNode(_sfc_main$O, null, {
|
|
509
557
|
default: withCtx(() => [
|
|
510
|
-
createVNode(unref(
|
|
558
|
+
createVNode(unref(DialogOverlay), { class: "ui-DialogOverlay" }, {
|
|
511
559
|
default: withCtx(() => [
|
|
512
560
|
createElementVNode("div", _hoisted_1$j, [
|
|
513
561
|
createElementVNode("div", _hoisted_2$7, [
|
|
514
|
-
createVNode(unref(
|
|
562
|
+
createVNode(unref(DialogContent), mergeProps({
|
|
515
563
|
class: ["ui-DialogContent", `r-size-${props.size}`]
|
|
516
564
|
}, {
|
|
517
565
|
..._ctx.$attrs,
|
|
@@ -527,6 +575,20 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
|
|
|
527
575
|
}
|
|
528
576
|
}), {
|
|
529
577
|
default: withCtx(() => [
|
|
578
|
+
props.closeIcon ? (openBlock(), createBlock(_sfc_main$T, {
|
|
579
|
+
key: 0,
|
|
580
|
+
class: "ui-DialogContentClose",
|
|
581
|
+
as: unref(DialogClose),
|
|
582
|
+
type: "button",
|
|
583
|
+
variant: "ghost",
|
|
584
|
+
color: "gray",
|
|
585
|
+
"aria-label": "Close"
|
|
586
|
+
}, {
|
|
587
|
+
default: withCtx(() => [
|
|
588
|
+
createVNode(unref(Icon), { icon: "lucide:x" })
|
|
589
|
+
]),
|
|
590
|
+
_: 1
|
|
591
|
+
}, 8, ["as"])) : createCommentVNode("", true),
|
|
530
592
|
renderSlot(_ctx.$slots, "default")
|
|
531
593
|
]),
|
|
532
594
|
_: 3
|
|
@@ -545,69 +607,22 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
|
|
|
545
607
|
};
|
|
546
608
|
}
|
|
547
609
|
});
|
|
548
|
-
const _sfc_main$O = /* @__PURE__ */ defineComponent({
|
|
549
|
-
__name: "DialogTitle",
|
|
550
|
-
props: {
|
|
551
|
-
asChild: { type: Boolean },
|
|
552
|
-
as: { default: "h2" }
|
|
553
|
-
},
|
|
554
|
-
setup(__props) {
|
|
555
|
-
const props = __props;
|
|
556
|
-
const rootContext = injectDialogRootContext();
|
|
557
|
-
useForwardExpose();
|
|
558
|
-
return (_ctx, _cache) => {
|
|
559
|
-
return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
|
|
560
|
-
id: unref(rootContext).titleId,
|
|
561
|
-
class: "ui-DialogTitle"
|
|
562
|
-
}), {
|
|
563
|
-
default: withCtx(() => [
|
|
564
|
-
renderSlot(_ctx.$slots, "default")
|
|
565
|
-
]),
|
|
566
|
-
_: 3
|
|
567
|
-
}, 16, ["id"]);
|
|
568
|
-
};
|
|
569
|
-
}
|
|
570
|
-
});
|
|
571
|
-
const _sfc_main$N = /* @__PURE__ */ defineComponent({
|
|
572
|
-
__name: "DialogDescription",
|
|
573
|
-
props: {
|
|
574
|
-
asChild: { type: Boolean },
|
|
575
|
-
as: { default: "p" }
|
|
576
|
-
},
|
|
577
|
-
setup(__props) {
|
|
578
|
-
const props = __props;
|
|
579
|
-
useForwardExpose();
|
|
580
|
-
const rootContext = injectDialogRootContext();
|
|
581
|
-
return (_ctx, _cache) => {
|
|
582
|
-
return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
|
|
583
|
-
id: unref(rootContext).descriptionId,
|
|
584
|
-
class: "ui-DialogDescription"
|
|
585
|
-
}), {
|
|
586
|
-
default: withCtx(() => [
|
|
587
|
-
renderSlot(_ctx.$slots, "default")
|
|
588
|
-
]),
|
|
589
|
-
_: 3
|
|
590
|
-
}, 16, ["id"]);
|
|
591
|
-
};
|
|
592
|
-
}
|
|
593
|
-
});
|
|
594
610
|
const _hoisted_1$i = { class: "ui-DialogWrapper" };
|
|
595
611
|
const _hoisted_2$6 = { class: "ui-DialogContainer" };
|
|
596
612
|
const _sfc_main$M = /* @__PURE__ */ defineComponent({
|
|
597
613
|
...{
|
|
598
614
|
inheritAttrs: false
|
|
599
615
|
},
|
|
600
|
-
__name: "
|
|
616
|
+
__name: "AlertDialogContent",
|
|
601
617
|
props: {
|
|
602
618
|
to: {},
|
|
603
619
|
size: { default: "3" },
|
|
604
620
|
width: {},
|
|
605
621
|
minWidth: {},
|
|
606
|
-
maxWidth: { default: "
|
|
622
|
+
maxWidth: { default: "450px" },
|
|
607
623
|
height: {},
|
|
608
624
|
minHeight: {},
|
|
609
625
|
maxHeight: {},
|
|
610
|
-
closeIcon: { type: Boolean },
|
|
611
626
|
forceMount: { type: Boolean },
|
|
612
627
|
disableOutsidePointerEvents: { type: Boolean },
|
|
613
628
|
asChild: { type: Boolean },
|
|
@@ -627,21 +642,20 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
|
|
|
627
642
|
"maxWidth",
|
|
628
643
|
"height",
|
|
629
644
|
"minHeight",
|
|
630
|
-
"maxHeight"
|
|
631
|
-
"closeIcon"
|
|
645
|
+
"maxHeight"
|
|
632
646
|
]);
|
|
633
647
|
return (_ctx, _cache) => {
|
|
634
|
-
return openBlock(), createBlock(unref(
|
|
648
|
+
return openBlock(), createBlock(unref(AlertDialogPortal), {
|
|
635
649
|
to: props.to
|
|
636
650
|
}, {
|
|
637
651
|
default: withCtx(() => [
|
|
638
|
-
createVNode(_sfc_main$
|
|
652
|
+
createVNode(_sfc_main$O, null, {
|
|
639
653
|
default: withCtx(() => [
|
|
640
|
-
createVNode(unref(
|
|
654
|
+
createVNode(unref(AlertDialogOverlay), { class: "ui-DialogOverlay" }, {
|
|
641
655
|
default: withCtx(() => [
|
|
642
656
|
createElementVNode("div", _hoisted_1$i, [
|
|
643
657
|
createElementVNode("div", _hoisted_2$6, [
|
|
644
|
-
createVNode(unref(
|
|
658
|
+
createVNode(unref(AlertDialogContent), mergeProps({
|
|
645
659
|
class: ["ui-DialogContent", `r-size-${props.size}`]
|
|
646
660
|
}, {
|
|
647
661
|
..._ctx.$attrs,
|
|
@@ -657,20 +671,6 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
|
|
|
657
671
|
}
|
|
658
672
|
}), {
|
|
659
673
|
default: withCtx(() => [
|
|
660
|
-
props.closeIcon ? (openBlock(), createBlock(_sfc_main$T, {
|
|
661
|
-
key: 0,
|
|
662
|
-
class: "ui-DialogContentClose",
|
|
663
|
-
as: unref(DialogClose),
|
|
664
|
-
type: "button",
|
|
665
|
-
variant: "ghost",
|
|
666
|
-
color: "gray",
|
|
667
|
-
"aria-label": "Close"
|
|
668
|
-
}, {
|
|
669
|
-
default: withCtx(() => [
|
|
670
|
-
createVNode(unref(Icon), { icon: "lucide:x" })
|
|
671
|
-
]),
|
|
672
|
-
_: 1
|
|
673
|
-
}, 8, ["as"])) : createCommentVNode("", true),
|
|
674
674
|
renderSlot(_ctx.$slots, "default")
|
|
675
675
|
]),
|
|
676
676
|
_: 3
|
|
@@ -741,7 +741,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
|
|
|
741
741
|
to: props.to
|
|
742
742
|
}, {
|
|
743
743
|
default: withCtx(() => [
|
|
744
|
-
createVNode(_sfc_main$
|
|
744
|
+
createVNode(_sfc_main$O, {
|
|
745
745
|
"accent-color": props.color
|
|
746
746
|
}, {
|
|
747
747
|
default: withCtx(() => [
|
|
@@ -850,7 +850,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
|
|
|
850
850
|
to: props.to
|
|
851
851
|
}, {
|
|
852
852
|
default: withCtx(() => [
|
|
853
|
-
createVNode(_sfc_main$
|
|
853
|
+
createVNode(_sfc_main$O, null, {
|
|
854
854
|
default: withCtx(() => [
|
|
855
855
|
createVNode(unref(PopoverContent), mergeProps({ ..._ctx.$attrs, ...unref(forwarded) }, {
|
|
856
856
|
class: ["ui-PopoverContent", `r-size-${props.size}`]
|
|
@@ -1537,7 +1537,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
|
|
|
1537
1537
|
to: props.to
|
|
1538
1538
|
}, {
|
|
1539
1539
|
default: withCtx(() => [
|
|
1540
|
-
createVNode(_sfc_main$
|
|
1540
|
+
createVNode(_sfc_main$O, {
|
|
1541
1541
|
"accent-color": unref(context).color.value
|
|
1542
1542
|
}, {
|
|
1543
1543
|
default: withCtx(() => [
|
|
@@ -1940,7 +1940,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
|
|
|
1940
1940
|
to: props.to
|
|
1941
1941
|
}, {
|
|
1942
1942
|
default: withCtx(() => [
|
|
1943
|
-
createVNode(_sfc_main$
|
|
1943
|
+
createVNode(_sfc_main$O, {
|
|
1944
1944
|
"accent-color": unref(context).color.value
|
|
1945
1945
|
}, {
|
|
1946
1946
|
default: withCtx(() => [
|
|
@@ -2780,7 +2780,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
2780
2780
|
to: props.to
|
|
2781
2781
|
}, {
|
|
2782
2782
|
default: withCtx(() => [
|
|
2783
|
-
createVNode(_sfc_main$
|
|
2783
|
+
createVNode(_sfc_main$O, null, {
|
|
2784
2784
|
default: withCtx(() => [
|
|
2785
2785
|
createVNode(unref(TooltipContent), {
|
|
2786
2786
|
class: "ui-Tooltip",
|
|
@@ -2945,10 +2945,10 @@ export {
|
|
|
2945
2945
|
_sfc_main$9 as AccordionTrigger,
|
|
2946
2946
|
AlertDialogAction,
|
|
2947
2947
|
AlertDialogCancel,
|
|
2948
|
-
_sfc_main$
|
|
2949
|
-
AlertDialogDescription,
|
|
2948
|
+
_sfc_main$M as AlertDialogContent,
|
|
2949
|
+
_sfc_main$P as AlertDialogDescription,
|
|
2950
2950
|
AlertDialogRoot,
|
|
2951
|
-
AlertDialogTitle,
|
|
2951
|
+
_sfc_main$Q as AlertDialogTitle,
|
|
2952
2952
|
AlertDialogTrigger,
|
|
2953
2953
|
_sfc_main$Z as Avatar,
|
|
2954
2954
|
_sfc_main$Y as Badge,
|
|
@@ -2972,10 +2972,10 @@ export {
|
|
|
2972
2972
|
_sfc_main$n as ComboboxLabel,
|
|
2973
2973
|
_sfc_main$r as ComboboxRoot,
|
|
2974
2974
|
DialogClose2 as DialogClose,
|
|
2975
|
-
_sfc_main$
|
|
2976
|
-
_sfc_main$
|
|
2975
|
+
_sfc_main$N as DialogContent,
|
|
2976
|
+
_sfc_main$P as DialogDescription,
|
|
2977
2977
|
DialogRoot,
|
|
2978
|
-
_sfc_main$
|
|
2978
|
+
_sfc_main$Q as DialogTitle,
|
|
2979
2979
|
DialogTrigger,
|
|
2980
2980
|
_sfc_main$L as DropdownMenuContent,
|
|
2981
2981
|
_sfc_main$K as DropdownMenuItem,
|
package/package.json
CHANGED
|
@@ -1,66 +1,38 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@typlog/ui",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.8",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
|
-
"description": "Themed components for Reka UI.",
|
|
6
|
+
"description": "Themed components for Reka UI with Radix colors.",
|
|
7
7
|
"author": "Hsiaoming Yang <me@lepture.com>",
|
|
8
8
|
"repository": {
|
|
9
9
|
"url": "https://github.com/typlog/ui"
|
|
10
10
|
},
|
|
11
11
|
"sideEffects": false,
|
|
12
|
-
"module": "./
|
|
13
|
-
"types": "./
|
|
12
|
+
"module": "./components.js",
|
|
13
|
+
"types": "./components.d.ts",
|
|
14
14
|
"exports": {
|
|
15
15
|
".": {
|
|
16
|
-
"types": "./
|
|
17
|
-
"import": "./
|
|
16
|
+
"types": "./components.d.ts",
|
|
17
|
+
"import": "./components.js"
|
|
18
18
|
},
|
|
19
19
|
"./components": {
|
|
20
|
-
"types": "./
|
|
21
|
-
"import": "./
|
|
20
|
+
"types": "./components.d.ts",
|
|
21
|
+
"import": "./components.js"
|
|
22
22
|
},
|
|
23
23
|
"./addons": {
|
|
24
|
-
"types": "./
|
|
25
|
-
"import": "./
|
|
24
|
+
"types": "./addons.d.ts",
|
|
25
|
+
"import": "./addons.js"
|
|
26
26
|
},
|
|
27
|
-
"./base.css": "./
|
|
28
|
-
"./components.css": "./
|
|
29
|
-
"./addons.css": "./
|
|
27
|
+
"./base.css": "./base.css",
|
|
28
|
+
"./components.css": "./components.css",
|
|
29
|
+
"./addons.css": "./addons.css",
|
|
30
30
|
"./tailwind.css": "./tailwind/index.css",
|
|
31
|
-
"./components/": "./
|
|
31
|
+
"./components/": "./components/"
|
|
32
32
|
},
|
|
33
|
-
"scripts": {
|
|
34
|
-
"start": "vite",
|
|
35
|
-
"build": "npm run build:vue && npm run build:css",
|
|
36
|
-
"build:vue": "vite build && node scripts/post-build.mjs",
|
|
37
|
-
"build:css": "node scripts/build-css.mjs",
|
|
38
|
-
"lint": "eslint src"
|
|
39
|
-
},
|
|
40
|
-
"files": [
|
|
41
|
-
"./LICENSE",
|
|
42
|
-
"./dist",
|
|
43
|
-
"./tailwind"
|
|
44
|
-
],
|
|
45
33
|
"dependencies": {
|
|
46
34
|
"@iconify/vue": "^5.0.0",
|
|
47
35
|
"reka-ui": "^2.0.0",
|
|
48
36
|
"vue": "^3.5.0"
|
|
49
|
-
},
|
|
50
|
-
"devDependencies": {
|
|
51
|
-
"@radix-ui/colors": "^3.0.0",
|
|
52
|
-
"@tailwindcss/vite": "^4.0.6",
|
|
53
|
-
"@types/node": "^24.0.0",
|
|
54
|
-
"@vitejs/plugin-vue": "^6.0.0",
|
|
55
|
-
"@vue/eslint-config-typescript": "^14.1.0",
|
|
56
|
-
"autoprefixer": "^10.4.15",
|
|
57
|
-
"eslint": "^9.14.0",
|
|
58
|
-
"eslint-plugin-vue": "^10.0.0",
|
|
59
|
-
"postcss": "^8.4.30",
|
|
60
|
-
"tailwindcss": "^4.0.0",
|
|
61
|
-
"typescript": "^5.7.0",
|
|
62
|
-
"vite": "^7.0.0",
|
|
63
|
-
"vite-plugin-dts": "^4.2.1",
|
|
64
|
-
"vue-tsc": "^3.0.0"
|
|
65
37
|
}
|
|
66
|
-
}
|
|
38
|
+
}
|
package/LICENSE
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
MIT License
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2024 Hsiaoming Yang
|
|
4
|
-
|
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
-
in the Software without restriction, including without limitation the rights
|
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
-
furnished to do so, subject to the following conditions:
|
|
11
|
-
|
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
|
13
|
-
copies or substantial portions of the Software.
|
|
14
|
-
|
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
-
SOFTWARE.
|
package/README.md
DELETED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|