@krak-stack/registry 0.1.3 → 0.1.4

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.
@@ -12,57 +12,57 @@ function cn(...inputs) {
12
12
  }
13
13
 
14
14
  // ../../src/components/ui/card.tsx
15
- import { jsxDEV } from "react/jsx-dev-runtime";
15
+ import { jsx } from "react/jsx-runtime";
16
16
  function Card({
17
17
  className,
18
18
  size = "default",
19
19
  ...props
20
20
  }) {
21
- return /* @__PURE__ */ jsxDEV("div", {
21
+ return /* @__PURE__ */ jsx("div", {
22
22
  "data-slot": "card",
23
23
  "data-size": size,
24
24
  className: cn("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground shadow-xs ring-1 ring-foreground/10 [--card-spacing:--spacing(6)] has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(4)] *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className),
25
25
  ...props
26
- }, undefined, false, undefined, this);
26
+ });
27
27
  }
28
28
  function CardHeader({ className, ...props }) {
29
- return /* @__PURE__ */ jsxDEV("div", {
29
+ return /* @__PURE__ */ jsx("div", {
30
30
  "data-slot": "card-header",
31
31
  className: cn("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", className),
32
32
  ...props
33
- }, undefined, false, undefined, this);
33
+ });
34
34
  }
35
35
  function CardTitle({ className, ...props }) {
36
- return /* @__PURE__ */ jsxDEV("div", {
36
+ return /* @__PURE__ */ jsx("div", {
37
37
  "data-slot": "card-title",
38
38
  className: cn("text-base leading-normal font-medium group-data-[size=sm]/card:text-sm", className),
39
39
  ...props
40
- }, undefined, false, undefined, this);
40
+ });
41
41
  }
42
42
  function CardDescription({ className, ...props }) {
43
- return /* @__PURE__ */ jsxDEV("div", {
43
+ return /* @__PURE__ */ jsx("div", {
44
44
  "data-slot": "card-description",
45
45
  className: cn("text-sm text-muted-foreground", className),
46
46
  ...props
47
- }, undefined, false, undefined, this);
47
+ });
48
48
  }
49
49
  function CardContent({ className, ...props }) {
50
- return /* @__PURE__ */ jsxDEV("div", {
50
+ return /* @__PURE__ */ jsx("div", {
51
51
  "data-slot": "card-content",
52
52
  className: cn("px-(--card-spacing)", className),
53
53
  ...props
54
- }, undefined, false, undefined, this);
54
+ });
55
55
  }
56
56
  function CardFooter({ className, ...props }) {
57
- return /* @__PURE__ */ jsxDEV("div", {
57
+ return /* @__PURE__ */ jsx("div", {
58
58
  "data-slot": "card-footer",
59
59
  className: cn("flex items-center rounded-b-xl px-(--card-spacing) [.border-t]:pt-(--card-spacing)", className),
60
60
  ...props
61
- }, undefined, false, undefined, this);
61
+ });
62
62
  }
63
63
 
64
64
  // ../../src/components/ui/stats-card.tsx
65
- import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
65
+ import { jsx as jsx2, jsxs } from "react/jsx-runtime";
66
66
  var normalizeIcon = (icon) => {
67
67
  if (!isValidElement(icon))
68
68
  return icon;
@@ -81,44 +81,44 @@ var StatsCard = ({
81
81
  valueClassName
82
82
  }) => {
83
83
  const normalizedIcon = normalizeIcon(icon);
84
- return /* @__PURE__ */ jsxDEV2(Card, {
84
+ return /* @__PURE__ */ jsxs(Card, {
85
85
  size,
86
86
  className: [
87
87
  "group-hover/card-link:ring-foreground/20 @container/card h-full flex-1 gap-4 transition-all duration-200 group-hover/card-link:-translate-y-0.5 group-hover/card-link:shadow-md",
88
88
  className
89
89
  ].filter(Boolean).join(" "),
90
90
  children: [
91
- /* @__PURE__ */ jsxDEV2(CardHeader, {
91
+ /* @__PURE__ */ jsxs(CardHeader, {
92
92
  className: "relative",
93
93
  children: [
94
- /* @__PURE__ */ jsxDEV2(CardDescription, {
94
+ /* @__PURE__ */ jsxs(CardDescription, {
95
95
  className: "flex items-center justify-between gap-2",
96
96
  children: [
97
97
  title,
98
98
  normalizedIcon
99
99
  ]
100
- }, undefined, true, undefined, this),
101
- /* @__PURE__ */ jsxDEV2(CardTitle, {
100
+ }),
101
+ /* @__PURE__ */ jsx2(CardTitle, {
102
102
  className: [
103
103
  "justify-center font-semibold text-2xl tabular-nums @[250px]/card:text-3xl",
104
104
  valueClassName
105
105
  ].filter(Boolean).join(" "),
106
106
  children: value
107
- }, undefined, false, undefined, this)
107
+ })
108
108
  ]
109
- }, undefined, true, undefined, this),
110
- children ? /* @__PURE__ */ jsxDEV2(CardContent, {
109
+ }),
110
+ children ? /* @__PURE__ */ jsx2(CardContent, {
111
111
  children
112
- }, undefined, false, undefined, this) : null,
113
- /* @__PURE__ */ jsxDEV2(CardFooter, {
112
+ }) : null,
113
+ /* @__PURE__ */ jsx2(CardFooter, {
114
114
  className: "flex-col items-start gap-1 text-sm",
115
- children: /* @__PURE__ */ jsxDEV2("div", {
115
+ children: /* @__PURE__ */ jsx2("div", {
116
116
  className: "text-muted-foreground text-xs",
117
117
  children: description
118
- }, undefined, false, undefined, this)
119
- }, undefined, false, undefined, this)
118
+ })
119
+ })
120
120
  ]
121
- }, title, true, undefined, this);
121
+ }, title);
122
122
  };
123
123
  export {
124
124
  StatsCard
@@ -22,7 +22,7 @@ function cn(...inputs) {
22
22
  }
23
23
 
24
24
  // ../../src/components/ui/button.tsx
25
- import { jsxDEV } from "react/jsx-dev-runtime";
25
+ import { jsx } from "react/jsx-runtime";
26
26
  var buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
27
27
  variants: {
28
28
  variant: {
@@ -55,28 +55,28 @@ function Button({
55
55
  size = "default",
56
56
  ...props
57
57
  }) {
58
- return /* @__PURE__ */ jsxDEV(ButtonPrimitive, {
58
+ return /* @__PURE__ */ jsx(ButtonPrimitive, {
59
59
  "data-slot": "button",
60
60
  className: cn(buttonVariants({ variant, size, className })),
61
61
  ...props
62
- }, undefined, false, undefined, this);
62
+ });
63
63
  }
64
64
 
65
65
  // ../../src/components/ui/dropdown-menu.tsx
66
66
  import { Menu as MenuPrimitive } from "@base-ui/react/menu";
67
67
  import { ChevronRightIcon, CheckIcon } from "lucide-react";
68
- import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
68
+ import { jsx as jsx2, jsxs } from "react/jsx-runtime";
69
69
  function DropdownMenu({ ...props }) {
70
- return /* @__PURE__ */ jsxDEV2(MenuPrimitive.Root, {
70
+ return /* @__PURE__ */ jsx2(MenuPrimitive.Root, {
71
71
  "data-slot": "dropdown-menu",
72
72
  ...props
73
- }, undefined, false, undefined, this);
73
+ });
74
74
  }
75
75
  function DropdownMenuTrigger({ ...props }) {
76
- return /* @__PURE__ */ jsxDEV2(MenuPrimitive.Trigger, {
76
+ return /* @__PURE__ */ jsx2(MenuPrimitive.Trigger, {
77
77
  "data-slot": "dropdown-menu-trigger",
78
78
  ...props
79
- }, undefined, false, undefined, this);
79
+ });
80
80
  }
81
81
  function DropdownMenuContent({
82
82
  align = "start",
@@ -86,44 +86,44 @@ function DropdownMenuContent({
86
86
  className,
87
87
  ...props
88
88
  }) {
89
- return /* @__PURE__ */ jsxDEV2(MenuPrimitive.Portal, {
90
- children: /* @__PURE__ */ jsxDEV2(MenuPrimitive.Positioner, {
89
+ return /* @__PURE__ */ jsx2(MenuPrimitive.Portal, {
90
+ children: /* @__PURE__ */ jsx2(MenuPrimitive.Positioner, {
91
91
  className: "isolate z-50 outline-none",
92
92
  align,
93
93
  alignOffset,
94
94
  side,
95
95
  sideOffset,
96
- children: /* @__PURE__ */ jsxDEV2(MenuPrimitive.Popup, {
96
+ children: /* @__PURE__ */ jsx2(MenuPrimitive.Popup, {
97
97
  "data-slot": "dropdown-menu-content",
98
98
  className: cn("z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95", className),
99
99
  ...props
100
- }, undefined, false, undefined, this)
101
- }, undefined, false, undefined, this)
102
- }, undefined, false, undefined, this);
100
+ })
101
+ })
102
+ });
103
103
  }
104
104
  function DropdownMenuGroup({ ...props }) {
105
- return /* @__PURE__ */ jsxDEV2(MenuPrimitive.Group, {
105
+ return /* @__PURE__ */ jsx2(MenuPrimitive.Group, {
106
106
  "data-slot": "dropdown-menu-group",
107
107
  ...props
108
- }, undefined, false, undefined, this);
108
+ });
109
109
  }
110
110
  function DropdownMenuLabel({
111
111
  className,
112
112
  inset,
113
113
  ...props
114
114
  }) {
115
- return /* @__PURE__ */ jsxDEV2(MenuPrimitive.GroupLabel, {
115
+ return /* @__PURE__ */ jsx2(MenuPrimitive.GroupLabel, {
116
116
  "data-slot": "dropdown-menu-label",
117
117
  "data-inset": inset,
118
118
  className: cn("px-2 py-1.5 text-xs font-medium text-muted-foreground data-inset:pl-8", className),
119
119
  ...props
120
- }, undefined, false, undefined, this);
120
+ });
121
121
  }
122
122
  function DropdownMenuRadioGroup({ ...props }) {
123
- return /* @__PURE__ */ jsxDEV2(MenuPrimitive.RadioGroup, {
123
+ return /* @__PURE__ */ jsx2(MenuPrimitive.RadioGroup, {
124
124
  "data-slot": "dropdown-menu-radio-group",
125
125
  ...props
126
- }, undefined, false, undefined, this);
126
+ });
127
127
  }
128
128
  function DropdownMenuRadioItem({
129
129
  className,
@@ -131,22 +131,22 @@ function DropdownMenuRadioItem({
131
131
  inset,
132
132
  ...props
133
133
  }) {
134
- return /* @__PURE__ */ jsxDEV2(MenuPrimitive.RadioItem, {
134
+ return /* @__PURE__ */ jsxs(MenuPrimitive.RadioItem, {
135
135
  "data-slot": "dropdown-menu-radio-item",
136
136
  "data-inset": inset,
137
137
  className: cn("relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
138
138
  ...props,
139
139
  children: [
140
- /* @__PURE__ */ jsxDEV2("span", {
140
+ /* @__PURE__ */ jsx2("span", {
141
141
  className: "pointer-events-none absolute right-2 flex items-center justify-center",
142
142
  "data-slot": "dropdown-menu-radio-item-indicator",
143
- children: /* @__PURE__ */ jsxDEV2(MenuPrimitive.RadioItemIndicator, {
144
- children: /* @__PURE__ */ jsxDEV2(CheckIcon, {}, undefined, false, undefined, this)
145
- }, undefined, false, undefined, this)
146
- }, undefined, false, undefined, this),
143
+ children: /* @__PURE__ */ jsx2(MenuPrimitive.RadioItemIndicator, {
144
+ children: /* @__PURE__ */ jsx2(CheckIcon, {})
145
+ })
146
+ }),
147
147
  children
148
148
  ]
149
- }, undefined, true, undefined, this);
149
+ });
150
150
  }
151
151
 
152
152
  // ../../src/paraglide/runtime.js
@@ -578,7 +578,7 @@ function isCustomStrategy(strategy2) {
578
578
  }
579
579
 
580
580
  // ../../src/components/ui/theme-switcher.tsx
581
- import { jsxDEV as jsxDEV3, Fragment } from "react/jsx-dev-runtime";
581
+ import { jsx as jsx3, jsxs as jsxs2, Fragment } from "react/jsx-runtime";
582
582
  var messages = {
583
583
  en: {
584
584
  title: "Switch theme",
@@ -675,17 +675,17 @@ var ThemeProvider = ({
675
675
  theme,
676
676
  setTheme: (theme2) => updateTheme({ theme: theme2, systemTheme })
677
677
  }), [systemTheme, theme, updateTheme]);
678
- return /* @__PURE__ */ jsxDEV3(Fragment, {
678
+ return /* @__PURE__ */ jsxs2(Fragment, {
679
679
  children: [
680
- scriptDisabled ? null : /* @__PURE__ */ jsxDEV3(ScriptOnce, {
680
+ scriptDisabled ? null : /* @__PURE__ */ jsx3(ScriptOnce, {
681
681
  children: themeScript
682
- }, undefined, false, undefined, this),
683
- /* @__PURE__ */ jsxDEV3(ThemeProviderContext.Provider, {
682
+ }),
683
+ /* @__PURE__ */ jsx3(ThemeProviderContext.Provider, {
684
684
  value,
685
685
  children
686
- }, undefined, false, undefined, this)
686
+ })
687
687
  ]
688
- }, undefined, true, undefined, this);
688
+ });
689
689
  };
690
690
  var useTheme = () => {
691
691
  const context = useContext(ThemeProviderContext);
@@ -700,41 +700,41 @@ var ThemeSwitcher = ({
700
700
  onChange
701
701
  }) => {
702
702
  const labels = themeMessages(messages2);
703
- return /* @__PURE__ */ jsxDEV3(DropdownMenu, {
703
+ return /* @__PURE__ */ jsxs2(DropdownMenu, {
704
704
  children: [
705
- /* @__PURE__ */ jsxDEV3(DropdownMenuTrigger, {
706
- render: /* @__PURE__ */ jsxDEV3(Button, {
705
+ /* @__PURE__ */ jsx3(DropdownMenuTrigger, {
706
+ render: /* @__PURE__ */ jsxs2(Button, {
707
707
  variant: "outline",
708
708
  size: "icon",
709
709
  "aria-label": labels.title,
710
710
  children: [
711
- /* @__PURE__ */ jsxDEV3(Sun, {
711
+ /* @__PURE__ */ jsx3(Sun, {
712
712
  "aria-hidden": "true",
713
713
  className: "hidden [[data-theme=light]_&]:block"
714
- }, undefined, false, undefined, this),
715
- /* @__PURE__ */ jsxDEV3(Moon, {
714
+ }),
715
+ /* @__PURE__ */ jsx3(Moon, {
716
716
  "aria-hidden": "true",
717
717
  className: "hidden [[data-theme=dark]_&]:block"
718
- }, undefined, false, undefined, this),
719
- /* @__PURE__ */ jsxDEV3(Monitor, {
718
+ }),
719
+ /* @__PURE__ */ jsx3(Monitor, {
720
720
  "aria-hidden": "true",
721
721
  className: "[[data-theme=dark]_&]:hidden [[data-theme=light]_&]:hidden"
722
- }, undefined, false, undefined, this),
723
- /* @__PURE__ */ jsxDEV3("span", {
722
+ }),
723
+ /* @__PURE__ */ jsx3("span", {
724
724
  className: "sr-only",
725
725
  children: labels.title
726
- }, undefined, false, undefined, this)
726
+ })
727
727
  ]
728
- }, undefined, true, undefined, this)
729
- }, undefined, false, undefined, this),
730
- /* @__PURE__ */ jsxDEV3(DropdownMenuContent, {
728
+ })
729
+ }),
730
+ /* @__PURE__ */ jsx3(DropdownMenuContent, {
731
731
  className: "w-32",
732
- children: /* @__PURE__ */ jsxDEV3(DropdownMenuGroup, {
732
+ children: /* @__PURE__ */ jsxs2(DropdownMenuGroup, {
733
733
  children: [
734
- /* @__PURE__ */ jsxDEV3(DropdownMenuLabel, {
734
+ /* @__PURE__ */ jsx3(DropdownMenuLabel, {
735
735
  children: labels.title
736
- }, undefined, false, undefined, this),
737
- /* @__PURE__ */ jsxDEV3(DropdownMenuRadioGroup, {
736
+ }),
737
+ /* @__PURE__ */ jsx3(DropdownMenuRadioGroup, {
738
738
  "aria-label": labels.title,
739
739
  value,
740
740
  onValueChange: (theme) => {
@@ -742,30 +742,30 @@ var ThemeSwitcher = ({
742
742
  if (selected)
743
743
  onChange(selected);
744
744
  },
745
- children: options.map((theme) => /* @__PURE__ */ jsxDEV3(DropdownMenuRadioItem, {
745
+ children: options.map((theme) => /* @__PURE__ */ jsxs2(DropdownMenuRadioItem, {
746
746
  value: theme,
747
747
  children: [
748
- /* @__PURE__ */ jsxDEV3(ThemeOptionIcon, {
748
+ /* @__PURE__ */ jsx3(ThemeOptionIcon, {
749
749
  theme
750
- }, undefined, false, undefined, this),
751
- /* @__PURE__ */ jsxDEV3("span", {
750
+ }),
751
+ /* @__PURE__ */ jsx3("span", {
752
752
  children: labels[theme]
753
- }, undefined, false, undefined, this)
753
+ })
754
754
  ]
755
- }, theme, true, undefined, this))
756
- }, undefined, false, undefined, this)
755
+ }, theme))
756
+ })
757
757
  ]
758
- }, undefined, true, undefined, this)
759
- }, undefined, false, undefined, this)
758
+ })
759
+ })
760
760
  ]
761
- }, undefined, true, undefined, this);
761
+ });
762
762
  };
763
763
  var ThemeOptionIcon = ({ theme }) => {
764
764
  const Icon = iconForTheme[theme];
765
- return /* @__PURE__ */ jsxDEV3(Icon, {
765
+ return /* @__PURE__ */ jsx3(Icon, {
766
766
  "aria-hidden": "true",
767
767
  className: "text-muted-foreground"
768
- }, undefined, false, undefined, this);
768
+ });
769
769
  };
770
770
  export {
771
771
  useTheme,