@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.
Files changed (38) hide show
  1. package/components/alert.css +15 -0
  2. package/{dist/components → components}/button.css +0 -4
  3. package/{dist/components → components}/dialog.css +0 -4
  4. package/{dist/components → components}/pagination.css +0 -4
  5. package/{dist/components.css → components.css} +0 -4
  6. package/{dist/components.d.ts → components.d.ts} +31 -21
  7. package/{dist/components.js → components.js} +90 -90
  8. package/package.json +15 -43
  9. package/LICENSE +0 -21
  10. package/README.md +0 -9
  11. /package/{dist/addons.css → addons.css} +0 -0
  12. /package/{dist/addons.d.ts → addons.d.ts} +0 -0
  13. /package/{dist/addons.js → addons.js} +0 -0
  14. /package/{dist/base.css → base.css} +0 -0
  15. /package/{dist/components → components}/accordion.css +0 -0
  16. /package/{dist/components → components}/avatar.css +0 -0
  17. /package/{dist/components → components}/badge.css +0 -0
  18. /package/{dist/components → components}/card.css +0 -0
  19. /package/{dist/components → components}/checkbox.css +0 -0
  20. /package/{dist/components → components}/collapsible.css +0 -0
  21. /package/{dist/components → components}/combobox.css +0 -0
  22. /package/{dist/components → components}/dropdown.css +0 -0
  23. /package/{dist/components → components}/editable.css +0 -0
  24. /package/{dist/components → components}/icon.css +0 -0
  25. /package/{dist/components → components}/inputs.css +0 -0
  26. /package/{dist/components → components}/inset.css +0 -0
  27. /package/{dist/components → components}/popover.css +0 -0
  28. /package/{dist/components → components}/quota.css +0 -0
  29. /package/{dist/components → components}/radio.css +0 -0
  30. /package/{dist/components → components}/scrollarea.css +0 -0
  31. /package/{dist/components → components}/select.css +0 -0
  32. /package/{dist/components → components}/separator.css +0 -0
  33. /package/{dist/components → components}/spinner.css +0 -0
  34. /package/{dist/components → components}/switch.css +0 -0
  35. /package/{dist/components → components}/table.css +0 -0
  36. /package/{dist/components → components}/tabs.css +0 -0
  37. /package/{dist/components → components}/toggle.css +0 -0
  38. /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 { AlertDialogDescription } from 'reka-ui';
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 declare const AlertDialogContent: __VLS_WithTemplateSlots_10<DefineComponent<AlertDialogContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
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 { AlertDialogDescription }
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: __VLS_WithTemplateSlots_32<DefineComponent<RadioGroupRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
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 { _default as RadioCardsRoot }
789
- export { _default as RadioGroupRoot }
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, AlertDialogPortal, AlertDialogOverlay, AlertDialogContent, injectDialogRootContext, useForwardExpose, DialogPortal, DialogOverlay, DialogContent, DialogClose, 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, AlertDialogDescription, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, CollapsibleRoot, CollapsibleTrigger, ComboboxEmpty, ComboboxGroup, DialogClose as DialogClose2, DialogRoot, DialogTrigger, DropdownMenuRoot, DropdownMenuTrigger, PopoverClose, PopoverRoot, PopoverTrigger, RadioGroupItem as RadioGroupItem2, SelectGroup, TabsContent, TabsRoot } from "reka-ui";
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$P = /* @__PURE__ */ defineComponent({
514
+ const _sfc_main$N = /* @__PURE__ */ defineComponent({
469
515
  ...{
470
516
  inheritAttrs: false
471
517
  },
472
- __name: "AlertDialogContent",
518
+ __name: "DialogContent",
473
519
  props: {
474
520
  to: {},
475
521
  size: { default: "3" },
476
522
  width: {},
477
523
  minWidth: {},
478
- maxWidth: { default: "450px" },
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(AlertDialogPortal), {
552
+ return openBlock(), createBlock(unref(DialogPortal), {
505
553
  to: props.to
506
554
  }, {
507
555
  default: withCtx(() => [
508
- createVNode(_sfc_main$Q, null, {
556
+ createVNode(_sfc_main$O, null, {
509
557
  default: withCtx(() => [
510
- createVNode(unref(AlertDialogOverlay), { class: "ui-DialogOverlay" }, {
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(AlertDialogContent), mergeProps({
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: "DialogContent",
616
+ __name: "AlertDialogContent",
601
617
  props: {
602
618
  to: {},
603
619
  size: { default: "3" },
604
620
  width: {},
605
621
  minWidth: {},
606
- maxWidth: { default: "600px" },
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(DialogPortal), {
648
+ return openBlock(), createBlock(unref(AlertDialogPortal), {
635
649
  to: props.to
636
650
  }, {
637
651
  default: withCtx(() => [
638
- createVNode(_sfc_main$Q, null, {
652
+ createVNode(_sfc_main$O, null, {
639
653
  default: withCtx(() => [
640
- createVNode(unref(DialogOverlay), { class: "ui-DialogOverlay" }, {
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(DialogContent), mergeProps({
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$Q, {
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$Q, null, {
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$Q, {
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$Q, {
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$Q, null, {
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$P as AlertDialogContent,
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$M as DialogContent,
2976
- _sfc_main$N as DialogDescription,
2975
+ _sfc_main$N as DialogContent,
2976
+ _sfc_main$P as DialogDescription,
2977
2977
  DialogRoot,
2978
- _sfc_main$O as DialogTitle,
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.7",
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": "./dist/components.js",
13
- "types": "./dist/components.d.ts",
12
+ "module": "./components.js",
13
+ "types": "./components.d.ts",
14
14
  "exports": {
15
15
  ".": {
16
- "types": "./dist/components.d.ts",
17
- "import": "./dist/components.js"
16
+ "types": "./components.d.ts",
17
+ "import": "./components.js"
18
18
  },
19
19
  "./components": {
20
- "types": "./dist/components.d.ts",
21
- "import": "./dist/components.js"
20
+ "types": "./components.d.ts",
21
+ "import": "./components.js"
22
22
  },
23
23
  "./addons": {
24
- "types": "./dist/addons.d.ts",
25
- "import": "./dist/addons.js"
24
+ "types": "./addons.d.ts",
25
+ "import": "./addons.js"
26
26
  },
27
- "./base.css": "./dist/base.css",
28
- "./components.css": "./dist/components.css",
29
- "./addons.css": "./dist/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/": "./dist/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
@@ -1,9 +0,0 @@
1
- # @typlog/ui
2
-
3
- An open-source Vue component library optimized for fast development,
4
- built on top of Reka UI and Radix Colors.
5
-
6
- ## Credits
7
-
8
- - [Radix UI](https://radix-ui.com/)
9
- - [Reka UI](https://reka-ui.com/)
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