@doscientos/ui 0.1.29 → 0.1.30
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.cjs +243 -140
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +22 -1
- package/dist/index.d.ts +22 -1
- package/dist/index.js +218 -121
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -156,6 +156,12 @@ __export(index_exports, {
|
|
|
156
156
|
InputGroupInput: () => InputGroupInput,
|
|
157
157
|
InputGroupText: () => InputGroupText,
|
|
158
158
|
InputGroupTextarea: () => InputGroupTextarea,
|
|
159
|
+
KanbanColumn: () => KanbanColumn,
|
|
160
|
+
KanbanColumnBody: () => KanbanColumnBody,
|
|
161
|
+
KanbanColumnHeader: () => KanbanColumnHeader,
|
|
162
|
+
KanbanColumnTitle: () => KanbanColumnTitle,
|
|
163
|
+
KanbanEmpty: () => KanbanEmpty,
|
|
164
|
+
KanbanViewport: () => KanbanViewport,
|
|
159
165
|
Kbd: () => Kbd,
|
|
160
166
|
KbdGroup: () => KbdGroup,
|
|
161
167
|
Label: () => Label2,
|
|
@@ -2702,10 +2708,101 @@ function InputGroupTextarea({ className, ...props }) {
|
|
|
2702
2708
|
);
|
|
2703
2709
|
}
|
|
2704
2710
|
|
|
2705
|
-
// src/ui/
|
|
2711
|
+
// src/ui/kanban/kanban.tsx
|
|
2706
2712
|
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
2707
|
-
|
|
2713
|
+
var columnSize = {
|
|
2714
|
+
compact: "w-56",
|
|
2715
|
+
default: "w-72",
|
|
2716
|
+
wide: "w-80"
|
|
2717
|
+
};
|
|
2718
|
+
function KanbanViewport({
|
|
2719
|
+
children,
|
|
2720
|
+
className,
|
|
2721
|
+
contentClassName,
|
|
2722
|
+
...props
|
|
2723
|
+
}) {
|
|
2724
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
2725
|
+
"div",
|
|
2726
|
+
{
|
|
2727
|
+
"data-slot": "kanban-viewport",
|
|
2728
|
+
className: cn("-mx-1 overflow-x-auto pb-3", className),
|
|
2729
|
+
...props,
|
|
2730
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
2731
|
+
"div",
|
|
2732
|
+
{
|
|
2733
|
+
"data-slot": "kanban-viewport-content",
|
|
2734
|
+
className: cn("flex min-w-max items-start gap-3 px-1", contentClassName),
|
|
2735
|
+
children
|
|
2736
|
+
}
|
|
2737
|
+
)
|
|
2738
|
+
}
|
|
2739
|
+
);
|
|
2740
|
+
}
|
|
2741
|
+
function KanbanColumn({
|
|
2742
|
+
className,
|
|
2743
|
+
size = "default",
|
|
2744
|
+
...props
|
|
2745
|
+
}) {
|
|
2746
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
2747
|
+
"section",
|
|
2748
|
+
{
|
|
2749
|
+
"data-slot": "kanban-column",
|
|
2750
|
+
"data-size": size,
|
|
2751
|
+
className: cn("shrink-0 rounded-lg border border-border/70 p-2", columnSize[size], className),
|
|
2752
|
+
...props
|
|
2753
|
+
}
|
|
2754
|
+
);
|
|
2755
|
+
}
|
|
2756
|
+
function KanbanColumnHeader({ className, ...props }) {
|
|
2757
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
2758
|
+
"header",
|
|
2759
|
+
{
|
|
2760
|
+
"data-slot": "kanban-column-header",
|
|
2761
|
+
className: cn("mb-2 flex items-center justify-between gap-2 px-1 py-1", className),
|
|
2762
|
+
...props
|
|
2763
|
+
}
|
|
2764
|
+
);
|
|
2765
|
+
}
|
|
2766
|
+
function KanbanColumnTitle({ className, ...props }) {
|
|
2767
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
2768
|
+
"span",
|
|
2769
|
+
{
|
|
2770
|
+
"data-slot": "kanban-column-title",
|
|
2771
|
+
className: cn(
|
|
2772
|
+
"text-foreground truncate text-[11px] font-semibold tracking-wide uppercase",
|
|
2773
|
+
className
|
|
2774
|
+
),
|
|
2775
|
+
...props
|
|
2776
|
+
}
|
|
2777
|
+
);
|
|
2778
|
+
}
|
|
2779
|
+
function KanbanColumnBody({ className, ...props }) {
|
|
2780
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { "data-slot": "kanban-column-body", className: cn("space-y-2", className), ...props });
|
|
2781
|
+
}
|
|
2782
|
+
function KanbanEmpty({
|
|
2783
|
+
className,
|
|
2784
|
+
compact = false,
|
|
2785
|
+
...props
|
|
2786
|
+
}) {
|
|
2708
2787
|
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
2788
|
+
"p",
|
|
2789
|
+
{
|
|
2790
|
+
"data-slot": "kanban-empty",
|
|
2791
|
+
"data-compact": compact || void 0,
|
|
2792
|
+
className: cn(
|
|
2793
|
+
"border-border text-muted-foreground rounded-md border border-dashed py-6 text-center",
|
|
2794
|
+
compact ? "px-2 text-[11px]" : "px-3 text-xs",
|
|
2795
|
+
className
|
|
2796
|
+
),
|
|
2797
|
+
...props
|
|
2798
|
+
}
|
|
2799
|
+
);
|
|
2800
|
+
}
|
|
2801
|
+
|
|
2802
|
+
// src/ui/kbd/kbd.tsx
|
|
2803
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
2804
|
+
function Kbd({ className, ...props }) {
|
|
2805
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
2709
2806
|
"kbd",
|
|
2710
2807
|
{
|
|
2711
2808
|
"data-slot": "kbd",
|
|
@@ -2718,7 +2815,7 @@ function Kbd({ className, ...props }) {
|
|
|
2718
2815
|
);
|
|
2719
2816
|
}
|
|
2720
2817
|
function KbdGroup({ className, ...props }) {
|
|
2721
|
-
return /* @__PURE__ */ (0,
|
|
2818
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
2722
2819
|
"span",
|
|
2723
2820
|
{
|
|
2724
2821
|
"data-slot": "kbd-group",
|
|
@@ -2730,13 +2827,13 @@ function KbdGroup({ className, ...props }) {
|
|
|
2730
2827
|
|
|
2731
2828
|
// src/ui/loading-overlay/loading-overlay.tsx
|
|
2732
2829
|
var import_lucide_react8 = require("lucide-react");
|
|
2733
|
-
var
|
|
2830
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
2734
2831
|
function LoadingOverlay({
|
|
2735
2832
|
label = "Cargando",
|
|
2736
2833
|
className,
|
|
2737
2834
|
...props
|
|
2738
2835
|
}) {
|
|
2739
|
-
return /* @__PURE__ */ (0,
|
|
2836
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
2740
2837
|
"output",
|
|
2741
2838
|
{
|
|
2742
2839
|
"aria-live": "polite",
|
|
@@ -2745,9 +2842,9 @@ function LoadingOverlay({
|
|
|
2745
2842
|
className
|
|
2746
2843
|
),
|
|
2747
2844
|
...props,
|
|
2748
|
-
children: /* @__PURE__ */ (0,
|
|
2749
|
-
/* @__PURE__ */ (0,
|
|
2750
|
-
/* @__PURE__ */ (0,
|
|
2845
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "border-border bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm shadow-sm", children: [
|
|
2846
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react8.LoaderCircle, { className: "animate-spin", "aria-hidden": "true" }),
|
|
2847
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { children: label })
|
|
2751
2848
|
] })
|
|
2752
2849
|
}
|
|
2753
2850
|
);
|
|
@@ -2755,10 +2852,10 @@ function LoadingOverlay({
|
|
|
2755
2852
|
|
|
2756
2853
|
// src/ui/menu/menu.tsx
|
|
2757
2854
|
var import_react_aria_components18 = require("react-aria-components");
|
|
2758
|
-
var
|
|
2855
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
2759
2856
|
var MenuTrigger = import_react_aria_components18.MenuTrigger;
|
|
2760
2857
|
function MenuContent({ className, ...props }) {
|
|
2761
|
-
return /* @__PURE__ */ (0,
|
|
2858
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
2762
2859
|
import_react_aria_components18.Popover,
|
|
2763
2860
|
{
|
|
2764
2861
|
"data-slot": "menu-content",
|
|
@@ -2771,10 +2868,10 @@ function MenuContent({ className, ...props }) {
|
|
|
2771
2868
|
);
|
|
2772
2869
|
}
|
|
2773
2870
|
function Menu({ className, ...props }) {
|
|
2774
|
-
return /* @__PURE__ */ (0,
|
|
2871
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_aria_components18.Menu, { "data-slot": "menu", className: cn("outline-none", className), ...props });
|
|
2775
2872
|
}
|
|
2776
2873
|
function MenuItem({ className, children, ...props }) {
|
|
2777
|
-
return /* @__PURE__ */ (0,
|
|
2874
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
2778
2875
|
import_react_aria_components18.MenuItem,
|
|
2779
2876
|
{
|
|
2780
2877
|
"data-slot": "menu-item",
|
|
@@ -2789,7 +2886,7 @@ function MenuItem({ className, children, ...props }) {
|
|
|
2789
2886
|
}
|
|
2790
2887
|
|
|
2791
2888
|
// src/ui/metric-card/metric-card.tsx
|
|
2792
|
-
var
|
|
2889
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
2793
2890
|
function MetricCard({
|
|
2794
2891
|
className,
|
|
2795
2892
|
label,
|
|
@@ -2799,11 +2896,11 @@ function MetricCard({
|
|
|
2799
2896
|
tone = "default",
|
|
2800
2897
|
...props
|
|
2801
2898
|
}) {
|
|
2802
|
-
return /* @__PURE__ */ (0,
|
|
2803
|
-
icon ? /* @__PURE__ */ (0,
|
|
2804
|
-
/* @__PURE__ */ (0,
|
|
2805
|
-
/* @__PURE__ */ (0,
|
|
2806
|
-
/* @__PURE__ */ (0,
|
|
2899
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Card, { "data-slot": "metric-card", "data-tone": tone, className: cn("min-w-0", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(CardContent, { className: "flex items-start gap-3", children: [
|
|
2900
|
+
icon ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { "data-slot": "metric-card-icon", className: "text-muted-foreground shrink-0", children: icon }) : null,
|
|
2901
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "min-w-0", children: [
|
|
2902
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { "data-slot": "metric-card-label", className: "text-muted-foreground text-sm", children: label }),
|
|
2903
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
2807
2904
|
"strong",
|
|
2808
2905
|
{
|
|
2809
2906
|
"data-slot": "metric-card-value",
|
|
@@ -2811,7 +2908,7 @@ function MetricCard({
|
|
|
2811
2908
|
children: value
|
|
2812
2909
|
}
|
|
2813
2910
|
),
|
|
2814
|
-
description ? /* @__PURE__ */ (0,
|
|
2911
|
+
description ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { "data-slot": "metric-card-description", className: "text-muted-foreground mt-1 text-xs", children: description }) : null
|
|
2815
2912
|
] })
|
|
2816
2913
|
] }) });
|
|
2817
2914
|
}
|
|
@@ -2819,7 +2916,7 @@ function MetricCard({
|
|
|
2819
2916
|
// src/ui/otp-input/otp-input.tsx
|
|
2820
2917
|
var import_react11 = require("react");
|
|
2821
2918
|
var import_react_aria_components19 = require("react-aria-components");
|
|
2822
|
-
var
|
|
2919
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
2823
2920
|
function normalizeOtp(value, length) {
|
|
2824
2921
|
return value.replace(/[^0-9]/g, "").slice(0, length);
|
|
2825
2922
|
}
|
|
@@ -2871,7 +2968,7 @@ var OtpInputImpl = (0, import_react11.forwardRef)(function OtpInput({
|
|
|
2871
2968
|
input.setSelectionRange(position, position);
|
|
2872
2969
|
setSelectionStart(position);
|
|
2873
2970
|
}
|
|
2874
|
-
return /* @__PURE__ */ (0,
|
|
2971
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
2875
2972
|
"div",
|
|
2876
2973
|
{
|
|
2877
2974
|
"data-slot": "otp-input",
|
|
@@ -2881,7 +2978,7 @@ var OtpInputImpl = (0, import_react11.forwardRef)(function OtpInput({
|
|
|
2881
2978
|
style: { gridTemplateColumns: `repeat(${slotCount}, minmax(0, 2.5rem))` },
|
|
2882
2979
|
onPointerDown: handlePointerDown,
|
|
2883
2980
|
children: [
|
|
2884
|
-
/* @__PURE__ */ (0,
|
|
2981
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
2885
2982
|
import_react_aria_components19.Input,
|
|
2886
2983
|
{
|
|
2887
2984
|
...props,
|
|
@@ -2921,7 +3018,7 @@ var OtpInputImpl = (0, import_react11.forwardRef)(function OtpInput({
|
|
|
2921
3018
|
}
|
|
2922
3019
|
}
|
|
2923
3020
|
),
|
|
2924
|
-
slots.map((slot, index) => /* @__PURE__ */ (0,
|
|
3021
|
+
slots.map((slot, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
2925
3022
|
"span",
|
|
2926
3023
|
{
|
|
2927
3024
|
"aria-hidden": "true",
|
|
@@ -2944,9 +3041,9 @@ var OtpInputImpl = (0, import_react11.forwardRef)(function OtpInput({
|
|
|
2944
3041
|
var OtpInput2 = OtpInputImpl;
|
|
2945
3042
|
|
|
2946
3043
|
// src/ui/page-header/page-header.tsx
|
|
2947
|
-
var
|
|
3044
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
2948
3045
|
function PageHeader({ className, ...props }) {
|
|
2949
|
-
return /* @__PURE__ */ (0,
|
|
3046
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
2950
3047
|
"header",
|
|
2951
3048
|
{
|
|
2952
3049
|
"data-slot": "page-header",
|
|
@@ -2959,10 +3056,10 @@ function PageHeader({ className, ...props }) {
|
|
|
2959
3056
|
);
|
|
2960
3057
|
}
|
|
2961
3058
|
function PageHeaderHeading({ className, ...props }) {
|
|
2962
|
-
return /* @__PURE__ */ (0,
|
|
3059
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { "data-slot": "page-header-heading", className: cn("min-w-0", className), ...props });
|
|
2963
3060
|
}
|
|
2964
3061
|
function PageHeaderTitle({ className, children, ...props }) {
|
|
2965
|
-
return /* @__PURE__ */ (0,
|
|
3062
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
2966
3063
|
"h1",
|
|
2967
3064
|
{
|
|
2968
3065
|
"data-slot": "page-header-title",
|
|
@@ -2973,7 +3070,7 @@ function PageHeaderTitle({ className, children, ...props }) {
|
|
|
2973
3070
|
);
|
|
2974
3071
|
}
|
|
2975
3072
|
function PageHeaderDescription({ className, ...props }) {
|
|
2976
|
-
return /* @__PURE__ */ (0,
|
|
3073
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
2977
3074
|
"p",
|
|
2978
3075
|
{
|
|
2979
3076
|
"data-slot": "page-header-description",
|
|
@@ -2983,7 +3080,7 @@ function PageHeaderDescription({ className, ...props }) {
|
|
|
2983
3080
|
);
|
|
2984
3081
|
}
|
|
2985
3082
|
function PageHeaderActions({ className, ...props }) {
|
|
2986
|
-
return /* @__PURE__ */ (0,
|
|
3083
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
2987
3084
|
"div",
|
|
2988
3085
|
{
|
|
2989
3086
|
"data-slot": "page-header-actions",
|
|
@@ -2996,7 +3093,7 @@ function PageHeaderActions({ className, ...props }) {
|
|
|
2996
3093
|
// src/ui/pagination/pagination.tsx
|
|
2997
3094
|
var import_lucide_react9 = require("lucide-react");
|
|
2998
3095
|
var React6 = __toESM(require("react"), 1);
|
|
2999
|
-
var
|
|
3096
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
3000
3097
|
function visiblePages(page, pageCount, siblingCount) {
|
|
3001
3098
|
return [
|
|
3002
3099
|
.../* @__PURE__ */ new Set([
|
|
@@ -3017,15 +3114,15 @@ function Pagination({
|
|
|
3017
3114
|
}) {
|
|
3018
3115
|
if (pageCount <= 1) return null;
|
|
3019
3116
|
const pages = visiblePages(page, pageCount, siblingCount);
|
|
3020
|
-
return /* @__PURE__ */ (0,
|
|
3117
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
|
|
3021
3118
|
"nav",
|
|
3022
3119
|
{
|
|
3023
3120
|
"aria-label": ariaLabel,
|
|
3024
3121
|
className: cn("flex flex-wrap items-center justify-between gap-4", className),
|
|
3025
3122
|
children: [
|
|
3026
|
-
/* @__PURE__ */ (0,
|
|
3027
|
-
/* @__PURE__ */ (0,
|
|
3028
|
-
/* @__PURE__ */ (0,
|
|
3123
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-muted-foreground text-sm", children: summary ?? `P\xE1gina ${page} de ${pageCount}` }),
|
|
3124
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-1", children: [
|
|
3125
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
3029
3126
|
Button,
|
|
3030
3127
|
{
|
|
3031
3128
|
"aria-label": "P\xE1gina anterior",
|
|
@@ -3033,14 +3130,14 @@ function Pagination({
|
|
|
3033
3130
|
onPress: () => onPageChange(page - 1),
|
|
3034
3131
|
size: "icon",
|
|
3035
3132
|
variant: "ghost",
|
|
3036
|
-
children: /* @__PURE__ */ (0,
|
|
3133
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react9.ChevronLeft, {})
|
|
3037
3134
|
}
|
|
3038
3135
|
),
|
|
3039
3136
|
pages.map((item, index) => {
|
|
3040
3137
|
const previousPage = pages[index - 1];
|
|
3041
|
-
return /* @__PURE__ */ (0,
|
|
3042
|
-
previousPage !== void 0 && item > previousPage + 1 ? /* @__PURE__ */ (0,
|
|
3043
|
-
/* @__PURE__ */ (0,
|
|
3138
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(React6.Fragment, { children: [
|
|
3139
|
+
previousPage !== void 0 && item > previousPage + 1 ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { "aria-hidden": "true", className: "text-muted-foreground px-1", children: "\u2026" }) : null,
|
|
3140
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
3044
3141
|
Button,
|
|
3045
3142
|
{
|
|
3046
3143
|
"aria-current": item === page ? "page" : void 0,
|
|
@@ -3053,7 +3150,7 @@ function Pagination({
|
|
|
3053
3150
|
)
|
|
3054
3151
|
] }, item);
|
|
3055
3152
|
}),
|
|
3056
|
-
/* @__PURE__ */ (0,
|
|
3153
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
3057
3154
|
Button,
|
|
3058
3155
|
{
|
|
3059
3156
|
"aria-label": "P\xE1gina siguiente",
|
|
@@ -3061,7 +3158,7 @@ function Pagination({
|
|
|
3061
3158
|
onPress: () => onPageChange(page + 1),
|
|
3062
3159
|
size: "icon",
|
|
3063
3160
|
variant: "ghost",
|
|
3064
|
-
children: /* @__PURE__ */ (0,
|
|
3161
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react9.ChevronRight, {})
|
|
3065
3162
|
}
|
|
3066
3163
|
)
|
|
3067
3164
|
] })
|
|
@@ -3072,10 +3169,10 @@ function Pagination({
|
|
|
3072
3169
|
|
|
3073
3170
|
// src/ui/popover/popover.tsx
|
|
3074
3171
|
var import_react_aria_components20 = require("react-aria-components");
|
|
3075
|
-
var
|
|
3172
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
3076
3173
|
var PopoverTrigger = import_react_aria_components20.DialogTrigger;
|
|
3077
3174
|
function PopoverContent({ className, ...props }) {
|
|
3078
|
-
return /* @__PURE__ */ (0,
|
|
3175
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
3079
3176
|
import_react_aria_components20.Popover,
|
|
3080
3177
|
{
|
|
3081
3178
|
"data-slot": "popover",
|
|
@@ -3089,19 +3186,19 @@ function PopoverContent({ className, ...props }) {
|
|
|
3089
3186
|
);
|
|
3090
3187
|
}
|
|
3091
3188
|
function Popover4(props) {
|
|
3092
|
-
if (!("trigger" in props)) return /* @__PURE__ */ (0,
|
|
3189
|
+
if (!("trigger" in props)) return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PopoverContent, { ...props });
|
|
3093
3190
|
const { children, trigger, triggerProps, defaultOpen, isOpen, onOpenChange, ...contentProps } = props;
|
|
3094
|
-
const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ (0,
|
|
3095
|
-
return /* @__PURE__ */ (0,
|
|
3191
|
+
const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Button, { ...triggerProps, children: trigger }) : trigger;
|
|
3192
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(PopoverTrigger, { defaultOpen, isOpen, onOpenChange, children: [
|
|
3096
3193
|
triggerElement,
|
|
3097
|
-
/* @__PURE__ */ (0,
|
|
3194
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PopoverContent, { ...contentProps, children })
|
|
3098
3195
|
] });
|
|
3099
3196
|
}
|
|
3100
3197
|
|
|
3101
3198
|
// src/ui/quantity-input/quantity-input.tsx
|
|
3102
3199
|
var import_lucide_react10 = require("lucide-react");
|
|
3103
3200
|
var import_react_aria_components21 = require("react-aria-components");
|
|
3104
|
-
var
|
|
3201
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
3105
3202
|
function QuantityInput({
|
|
3106
3203
|
className,
|
|
3107
3204
|
inputClassName,
|
|
@@ -3111,7 +3208,7 @@ function QuantityInput({
|
|
|
3111
3208
|
step = 1,
|
|
3112
3209
|
...props
|
|
3113
3210
|
}) {
|
|
3114
|
-
return /* @__PURE__ */ (0,
|
|
3211
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
3115
3212
|
import_react_aria_components21.NumberField,
|
|
3116
3213
|
{
|
|
3117
3214
|
...props,
|
|
@@ -3122,23 +3219,23 @@ function QuantityInput({
|
|
|
3122
3219
|
"group/quantity-input inline-flex min-w-0 data-disabled:cursor-not-allowed data-disabled:opacity-50",
|
|
3123
3220
|
className
|
|
3124
3221
|
),
|
|
3125
|
-
children: /* @__PURE__ */ (0,
|
|
3222
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
|
|
3126
3223
|
import_react_aria_components21.Group,
|
|
3127
3224
|
{
|
|
3128
3225
|
"data-slot": "quantity-input-group",
|
|
3129
3226
|
className: "border-border bg-background text-foreground focus-within:border-ring focus-within:ring-ring/50 group-data-invalid/quantity-input:border-destructive flex h-8 min-w-0 items-stretch overflow-hidden rounded-lg border transition-[border-color,box-shadow] focus-within:ring-3",
|
|
3130
3227
|
children: [
|
|
3131
|
-
/* @__PURE__ */ (0,
|
|
3228
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
3132
3229
|
import_react_aria_components21.Button,
|
|
3133
3230
|
{
|
|
3134
3231
|
slot: "decrement",
|
|
3135
3232
|
"aria-label": decrementAriaLabel,
|
|
3136
3233
|
"data-slot": "quantity-input-decrement",
|
|
3137
3234
|
className: "border-border text-muted-foreground hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted flex size-8 shrink-0 cursor-pointer items-center justify-center border-r transition-colors outline-none data-disabled:pointer-events-none",
|
|
3138
|
-
children: /* @__PURE__ */ (0,
|
|
3235
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react10.Minus, { "aria-hidden": "true", className: "size-4" })
|
|
3139
3236
|
}
|
|
3140
3237
|
),
|
|
3141
|
-
/* @__PURE__ */ (0,
|
|
3238
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
3142
3239
|
import_react_aria_components21.Input,
|
|
3143
3240
|
{
|
|
3144
3241
|
"data-slot": "quantity-input-value",
|
|
@@ -3148,14 +3245,14 @@ function QuantityInput({
|
|
|
3148
3245
|
)
|
|
3149
3246
|
}
|
|
3150
3247
|
),
|
|
3151
|
-
/* @__PURE__ */ (0,
|
|
3248
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
3152
3249
|
import_react_aria_components21.Button,
|
|
3153
3250
|
{
|
|
3154
3251
|
slot: "increment",
|
|
3155
3252
|
"aria-label": incrementAriaLabel,
|
|
3156
3253
|
"data-slot": "quantity-input-increment",
|
|
3157
3254
|
className: "border-border text-muted-foreground hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted flex size-8 shrink-0 cursor-pointer items-center justify-center border-l transition-colors outline-none data-disabled:pointer-events-none",
|
|
3158
|
-
children: /* @__PURE__ */ (0,
|
|
3255
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react10.Plus, { "aria-hidden": "true", className: "size-4" })
|
|
3159
3256
|
}
|
|
3160
3257
|
)
|
|
3161
3258
|
]
|
|
@@ -3168,10 +3265,10 @@ function QuantityInput({
|
|
|
3168
3265
|
// src/ui/select/select.tsx
|
|
3169
3266
|
var import_lucide_react11 = require("lucide-react");
|
|
3170
3267
|
var import_react_aria_components22 = require("react-aria-components");
|
|
3171
|
-
var
|
|
3268
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
3172
3269
|
var Select = import_react_aria_components22.Select;
|
|
3173
3270
|
function SelectTrigger({ className, children, ...props }) {
|
|
3174
|
-
return /* @__PURE__ */ (0,
|
|
3271
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
3175
3272
|
import_react_aria_components22.Button,
|
|
3176
3273
|
{
|
|
3177
3274
|
"data-slot": "select-trigger",
|
|
@@ -3180,9 +3277,9 @@ function SelectTrigger({ className, children, ...props }) {
|
|
|
3180
3277
|
className
|
|
3181
3278
|
),
|
|
3182
3279
|
...props,
|
|
3183
|
-
children: (state) => /* @__PURE__ */ (0,
|
|
3280
|
+
children: (state) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
|
|
3184
3281
|
typeof children === "function" ? children(state) : children,
|
|
3185
|
-
/* @__PURE__ */ (0,
|
|
3282
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
3186
3283
|
import_lucide_react11.ChevronDown,
|
|
3187
3284
|
{
|
|
3188
3285
|
"aria-hidden": "true",
|
|
@@ -3194,7 +3291,7 @@ function SelectTrigger({ className, children, ...props }) {
|
|
|
3194
3291
|
);
|
|
3195
3292
|
}
|
|
3196
3293
|
function SelectValue({ className, ...props }) {
|
|
3197
|
-
return /* @__PURE__ */ (0,
|
|
3294
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
3198
3295
|
import_react_aria_components22.SelectValue,
|
|
3199
3296
|
{
|
|
3200
3297
|
"data-slot": "select-value",
|
|
@@ -3204,7 +3301,7 @@ function SelectValue({ className, ...props }) {
|
|
|
3204
3301
|
);
|
|
3205
3302
|
}
|
|
3206
3303
|
function SelectContent({ className, ...props }) {
|
|
3207
|
-
return /* @__PURE__ */ (0,
|
|
3304
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
3208
3305
|
import_react_aria_components22.Popover,
|
|
3209
3306
|
{
|
|
3210
3307
|
"data-slot": "select-content",
|
|
@@ -3217,7 +3314,7 @@ function SelectContent({ className, ...props }) {
|
|
|
3217
3314
|
);
|
|
3218
3315
|
}
|
|
3219
3316
|
function SelectList({ className, ...props }) {
|
|
3220
|
-
return /* @__PURE__ */ (0,
|
|
3317
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
3221
3318
|
import_react_aria_components22.ListBox,
|
|
3222
3319
|
{
|
|
3223
3320
|
"data-slot": "select-list",
|
|
@@ -3231,7 +3328,7 @@ function SelectItem({
|
|
|
3231
3328
|
children,
|
|
3232
3329
|
...props
|
|
3233
3330
|
}) {
|
|
3234
|
-
return /* @__PURE__ */ (0,
|
|
3331
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
3235
3332
|
import_react_aria_components22.ListBoxItem,
|
|
3236
3333
|
{
|
|
3237
3334
|
"data-slot": "select-item",
|
|
@@ -3248,12 +3345,12 @@ function SelectItem({
|
|
|
3248
3345
|
// src/ui/sheet/sheet.tsx
|
|
3249
3346
|
var import_lucide_react12 = require("lucide-react");
|
|
3250
3347
|
var import_react_aria_components23 = require("react-aria-components");
|
|
3251
|
-
var
|
|
3348
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
3252
3349
|
function SheetTrigger({ ...props }) {
|
|
3253
|
-
return /* @__PURE__ */ (0,
|
|
3350
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_aria_components23.DialogTrigger, { "data-slot": "sheet-trigger", ...props });
|
|
3254
3351
|
}
|
|
3255
3352
|
function SheetClose({ className, variant = "outline", size = "default", ...props }) {
|
|
3256
|
-
return /* @__PURE__ */ (0,
|
|
3353
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3257
3354
|
Button,
|
|
3258
3355
|
{
|
|
3259
3356
|
slot: "close",
|
|
@@ -3270,7 +3367,7 @@ function SheetOverlay({
|
|
|
3270
3367
|
children,
|
|
3271
3368
|
...props
|
|
3272
3369
|
}) {
|
|
3273
|
-
return /* @__PURE__ */ (0,
|
|
3370
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3274
3371
|
import_react_aria_components23.ModalOverlay,
|
|
3275
3372
|
{
|
|
3276
3373
|
"data-slot": "sheet-overlay",
|
|
@@ -3291,7 +3388,7 @@ function Sheet({
|
|
|
3291
3388
|
showCloseButton = true,
|
|
3292
3389
|
...props
|
|
3293
3390
|
}) {
|
|
3294
|
-
return /* @__PURE__ */ (0,
|
|
3391
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SheetOverlay, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3295
3392
|
import_react_aria_components23.Modal,
|
|
3296
3393
|
{
|
|
3297
3394
|
"data-slot": "sheet-content",
|
|
@@ -3300,16 +3397,16 @@ function Sheet({
|
|
|
3300
3397
|
"fixed z-50 flex flex-col gap-4 border-border bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-entering:opacity-0 data-exiting:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-entering:translate-y-10 data-[side=bottom]:data-exiting:translate-y-10 data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-entering:-translate-x-10 data-[side=left]:data-exiting:-translate-x-10 data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-entering:translate-x-10 data-[side=right]:data-exiting:translate-x-10 data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-entering:-translate-y-10 data-[side=top]:data-exiting:-translate-y-10 data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm",
|
|
3301
3398
|
className
|
|
3302
3399
|
),
|
|
3303
|
-
children: /* @__PURE__ */ (0,
|
|
3400
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
|
|
3304
3401
|
import_react_aria_components23.Dialog,
|
|
3305
3402
|
{
|
|
3306
3403
|
"data-slot": "sheet",
|
|
3307
3404
|
className: "[display:inherit] h-full max-h-[inherit] [flex-direction:inherit] gap-[inherit] outline-none",
|
|
3308
3405
|
children: [
|
|
3309
3406
|
children,
|
|
3310
|
-
showCloseButton && /* @__PURE__ */ (0,
|
|
3311
|
-
/* @__PURE__ */ (0,
|
|
3312
|
-
/* @__PURE__ */ (0,
|
|
3407
|
+
showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(SheetClose, { variant: "ghost", className: "absolute top-3 right-3", size: "icon-sm", children: [
|
|
3408
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react12.XIcon, {}),
|
|
3409
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "sr-only", children: "Cerrar" })
|
|
3313
3410
|
] })
|
|
3314
3411
|
]
|
|
3315
3412
|
}
|
|
@@ -3324,7 +3421,7 @@ function SheetContent({
|
|
|
3324
3421
|
showCloseButton = true,
|
|
3325
3422
|
...props
|
|
3326
3423
|
}) {
|
|
3327
|
-
return /* @__PURE__ */ (0,
|
|
3424
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Sheet, { className, side, showCloseButton, ...props, children });
|
|
3328
3425
|
}
|
|
3329
3426
|
function Drawer({
|
|
3330
3427
|
children,
|
|
@@ -3335,14 +3432,14 @@ function Drawer({
|
|
|
3335
3432
|
onOpenChange,
|
|
3336
3433
|
...contentProps
|
|
3337
3434
|
}) {
|
|
3338
|
-
const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ (0,
|
|
3339
|
-
return /* @__PURE__ */ (0,
|
|
3435
|
+
const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Button, { ...triggerProps, children: trigger }) : trigger;
|
|
3436
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(SheetTrigger, { defaultOpen, isOpen, onOpenChange, children: [
|
|
3340
3437
|
triggerElement,
|
|
3341
|
-
/* @__PURE__ */ (0,
|
|
3438
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SheetContent, { ...contentProps, children })
|
|
3342
3439
|
] });
|
|
3343
3440
|
}
|
|
3344
3441
|
function SheetHeader({ className, ...props }) {
|
|
3345
|
-
return /* @__PURE__ */ (0,
|
|
3442
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3346
3443
|
"div",
|
|
3347
3444
|
{
|
|
3348
3445
|
"data-slot": "sheet-header",
|
|
@@ -3352,7 +3449,7 @@ function SheetHeader({ className, ...props }) {
|
|
|
3352
3449
|
);
|
|
3353
3450
|
}
|
|
3354
3451
|
function SheetFooter({ className, ...props }) {
|
|
3355
|
-
return /* @__PURE__ */ (0,
|
|
3452
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3356
3453
|
"div",
|
|
3357
3454
|
{
|
|
3358
3455
|
"data-slot": "sheet-footer",
|
|
@@ -3362,7 +3459,7 @@ function SheetFooter({ className, ...props }) {
|
|
|
3362
3459
|
);
|
|
3363
3460
|
}
|
|
3364
3461
|
function SheetTitle({ className, ...props }) {
|
|
3365
|
-
return /* @__PURE__ */ (0,
|
|
3462
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3366
3463
|
import_react_aria_components23.Heading,
|
|
3367
3464
|
{
|
|
3368
3465
|
slot: "title",
|
|
@@ -3376,7 +3473,7 @@ function SheetDescription({
|
|
|
3376
3473
|
className,
|
|
3377
3474
|
...props
|
|
3378
3475
|
}) {
|
|
3379
|
-
return /* @__PURE__ */ (0,
|
|
3476
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
3380
3477
|
import_react_aria_components23.Text,
|
|
3381
3478
|
{
|
|
3382
3479
|
slot: "description",
|
|
@@ -3409,7 +3506,7 @@ function useSidebar() {
|
|
|
3409
3506
|
}
|
|
3410
3507
|
|
|
3411
3508
|
// src/ui/sidebar/sidebar.tsx
|
|
3412
|
-
var
|
|
3509
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
3413
3510
|
function SidebarProvider({
|
|
3414
3511
|
defaultCollapsed = false,
|
|
3415
3512
|
children
|
|
@@ -3423,11 +3520,11 @@ function SidebarProvider({
|
|
|
3423
3520
|
}),
|
|
3424
3521
|
[collapsed]
|
|
3425
3522
|
);
|
|
3426
|
-
return /* @__PURE__ */ (0,
|
|
3523
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SidebarContext.Provider, { value, children });
|
|
3427
3524
|
}
|
|
3428
3525
|
function Sidebar({ className, ...props }) {
|
|
3429
3526
|
const { collapsed } = useSidebar();
|
|
3430
|
-
return /* @__PURE__ */ (0,
|
|
3527
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3431
3528
|
"aside",
|
|
3432
3529
|
{
|
|
3433
3530
|
"data-slot": "sidebar",
|
|
@@ -3441,7 +3538,7 @@ function Sidebar({ className, ...props }) {
|
|
|
3441
3538
|
);
|
|
3442
3539
|
}
|
|
3443
3540
|
function SidebarHeader({ className, ...props }) {
|
|
3444
|
-
return /* @__PURE__ */ (0,
|
|
3541
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3445
3542
|
"div",
|
|
3446
3543
|
{
|
|
3447
3544
|
"data-slot": "sidebar-header",
|
|
@@ -3456,7 +3553,7 @@ function SidebarSearch({
|
|
|
3456
3553
|
className,
|
|
3457
3554
|
...props
|
|
3458
3555
|
}) {
|
|
3459
|
-
return /* @__PURE__ */ (0,
|
|
3556
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
|
|
3460
3557
|
"button",
|
|
3461
3558
|
{
|
|
3462
3559
|
type: "button",
|
|
@@ -3467,15 +3564,15 @@ function SidebarSearch({
|
|
|
3467
3564
|
),
|
|
3468
3565
|
...props,
|
|
3469
3566
|
children: [
|
|
3470
|
-
/* @__PURE__ */ (0,
|
|
3471
|
-
/* @__PURE__ */ (0,
|
|
3472
|
-
/* @__PURE__ */ (0,
|
|
3567
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react13.Search, { className: "size-4 shrink-0" }),
|
|
3568
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "flex-1 text-left", children: label }),
|
|
3569
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("kbd", { className: "bg-secondary text-muted-foreground rounded px-1.5 py-0.5 font-mono text-[10px]", children: shortcut })
|
|
3473
3570
|
]
|
|
3474
3571
|
}
|
|
3475
3572
|
);
|
|
3476
3573
|
}
|
|
3477
3574
|
function SidebarContent({ className, ...props }) {
|
|
3478
|
-
return /* @__PURE__ */ (0,
|
|
3575
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3479
3576
|
"nav",
|
|
3480
3577
|
{
|
|
3481
3578
|
"data-slot": "sidebar-content",
|
|
@@ -3486,7 +3583,7 @@ function SidebarContent({ className, ...props }) {
|
|
|
3486
3583
|
);
|
|
3487
3584
|
}
|
|
3488
3585
|
function SidebarFooter({ className, ...props }) {
|
|
3489
|
-
return /* @__PURE__ */ (0,
|
|
3586
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3490
3587
|
"div",
|
|
3491
3588
|
{
|
|
3492
3589
|
"data-slot": "sidebar-footer",
|
|
@@ -3502,8 +3599,8 @@ function SidebarGroup({
|
|
|
3502
3599
|
...props
|
|
3503
3600
|
}) {
|
|
3504
3601
|
const { collapsed } = useSidebar();
|
|
3505
|
-
return /* @__PURE__ */ (0,
|
|
3506
|
-
label && /* @__PURE__ */ (0,
|
|
3602
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("section", { "data-slot": "sidebar-group", className: cn("mb-4 last:mb-0", className), ...props, children: [
|
|
3603
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3507
3604
|
"h2",
|
|
3508
3605
|
{
|
|
3509
3606
|
className: cn(
|
|
@@ -3527,7 +3624,7 @@ function SidebarItem({
|
|
|
3527
3624
|
}) {
|
|
3528
3625
|
const { collapsed } = useSidebar();
|
|
3529
3626
|
const content = typeof children === "function" ? label : children ?? label;
|
|
3530
|
-
return /* @__PURE__ */ (0,
|
|
3627
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3531
3628
|
import_react_aria_components24.Link,
|
|
3532
3629
|
{
|
|
3533
3630
|
"data-slot": "sidebar-item",
|
|
@@ -3539,16 +3636,16 @@ function SidebarItem({
|
|
|
3539
3636
|
typeof className === "function" ? className : className
|
|
3540
3637
|
),
|
|
3541
3638
|
...props,
|
|
3542
|
-
children: (values) => /* @__PURE__ */ (0,
|
|
3543
|
-
/* @__PURE__ */ (0,
|
|
3544
|
-
/* @__PURE__ */ (0,
|
|
3545
|
-
badge && !collapsed && /* @__PURE__ */ (0,
|
|
3639
|
+
children: (values) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
|
|
3640
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "flex size-4 shrink-0 items-center justify-center", children: icon }),
|
|
3641
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: cn("min-w-0 flex-1 truncate", collapsed && "sr-only"), children: typeof children === "function" ? children(values) : content }),
|
|
3642
|
+
badge && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-muted-foreground text-xs", children: badge })
|
|
3546
3643
|
] })
|
|
3547
3644
|
}
|
|
3548
3645
|
);
|
|
3549
3646
|
}
|
|
3550
3647
|
function SidebarSeparator({ className, ...props }) {
|
|
3551
|
-
return /* @__PURE__ */ (0,
|
|
3648
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3552
3649
|
"hr",
|
|
3553
3650
|
{
|
|
3554
3651
|
"data-slot": "sidebar-separator",
|
|
@@ -3559,7 +3656,7 @@ function SidebarSeparator({ className, ...props }) {
|
|
|
3559
3656
|
}
|
|
3560
3657
|
function SidebarTrigger({ className, ...props }) {
|
|
3561
3658
|
const { collapsed, toggle } = useSidebar();
|
|
3562
|
-
return /* @__PURE__ */ (0,
|
|
3659
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3563
3660
|
Button,
|
|
3564
3661
|
{
|
|
3565
3662
|
"aria-label": collapsed ? "Expandir navegaci\xF3n" : "Colapsar navegaci\xF3n",
|
|
@@ -3568,13 +3665,13 @@ function SidebarTrigger({ className, ...props }) {
|
|
|
3568
3665
|
variant: "ghost",
|
|
3569
3666
|
className: cn("ml-auto", className),
|
|
3570
3667
|
...props,
|
|
3571
|
-
children: collapsed ? /* @__PURE__ */ (0,
|
|
3668
|
+
children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react13.ChevronRight, {}) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react13.ChevronLeft, {})
|
|
3572
3669
|
}
|
|
3573
3670
|
);
|
|
3574
3671
|
}
|
|
3575
3672
|
function SidebarRail({ className, ...props }) {
|
|
3576
3673
|
const { toggle } = useSidebar();
|
|
3577
|
-
return /* @__PURE__ */ (0,
|
|
3674
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3578
3675
|
"button",
|
|
3579
3676
|
{
|
|
3580
3677
|
type: "button",
|
|
@@ -3589,7 +3686,7 @@ function SidebarRail({ className, ...props }) {
|
|
|
3589
3686
|
);
|
|
3590
3687
|
}
|
|
3591
3688
|
function SidebarMore({ className, ...props }) {
|
|
3592
|
-
return /* @__PURE__ */ (0,
|
|
3689
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3593
3690
|
Button,
|
|
3594
3691
|
{
|
|
3595
3692
|
"aria-label": "M\xE1s opciones",
|
|
@@ -3597,15 +3694,15 @@ function SidebarMore({ className, ...props }) {
|
|
|
3597
3694
|
variant: "ghost",
|
|
3598
3695
|
className: cn("size-7", className),
|
|
3599
3696
|
...props,
|
|
3600
|
-
children: /* @__PURE__ */ (0,
|
|
3697
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react13.Ellipsis, {})
|
|
3601
3698
|
}
|
|
3602
3699
|
);
|
|
3603
3700
|
}
|
|
3604
3701
|
|
|
3605
3702
|
// src/ui/skeleton/skeleton.tsx
|
|
3606
|
-
var
|
|
3703
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
3607
3704
|
function Skeleton({ className, ...props }) {
|
|
3608
|
-
return /* @__PURE__ */ (0,
|
|
3705
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3609
3706
|
"div",
|
|
3610
3707
|
{
|
|
3611
3708
|
"aria-hidden": "true",
|
|
@@ -3620,7 +3717,7 @@ function Skeleton({ className, ...props }) {
|
|
|
3620
3717
|
var import_lucide_react14 = require("lucide-react");
|
|
3621
3718
|
var import_react14 = require("react");
|
|
3622
3719
|
var import_react_dom = require("react-dom");
|
|
3623
|
-
var
|
|
3720
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
3624
3721
|
function assignRef(ref, node) {
|
|
3625
3722
|
if (typeof ref === "function") {
|
|
3626
3723
|
ref(node);
|
|
@@ -3655,7 +3752,7 @@ function SubmitButton({
|
|
|
3655
3752
|
if (busy) button.setAttribute("aria-busy", "true");
|
|
3656
3753
|
else button.removeAttribute("aria-busy");
|
|
3657
3754
|
}, [busy]);
|
|
3658
|
-
return /* @__PURE__ */ (0,
|
|
3755
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
3659
3756
|
Button,
|
|
3660
3757
|
{
|
|
3661
3758
|
ref: setButtonRef,
|
|
@@ -3664,8 +3761,8 @@ function SubmitButton({
|
|
|
3664
3761
|
isDisabled: busy || isDisabled,
|
|
3665
3762
|
"aria-busy": busy || void 0,
|
|
3666
3763
|
...props,
|
|
3667
|
-
children: busy ? /* @__PURE__ */ (0,
|
|
3668
|
-
/* @__PURE__ */ (0,
|
|
3764
|
+
children: busy ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
|
|
3765
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react14.LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
|
|
3669
3766
|
label
|
|
3670
3767
|
] }) : children
|
|
3671
3768
|
}
|
|
@@ -3675,7 +3772,7 @@ function SubmitButton({
|
|
|
3675
3772
|
// src/ui/switch/switch.tsx
|
|
3676
3773
|
var import_react15 = require("react");
|
|
3677
3774
|
var import_react_aria_components25 = require("react-aria-components");
|
|
3678
|
-
var
|
|
3775
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
3679
3776
|
var switchSizes = {
|
|
3680
3777
|
sm: {
|
|
3681
3778
|
control: "h-4 w-[1.875rem] p-0.5",
|
|
@@ -3732,7 +3829,7 @@ function Switch({
|
|
|
3732
3829
|
ownerDocument.addEventListener("keydown", handleDirectionalKey);
|
|
3733
3830
|
return () => ownerDocument.removeEventListener("keydown", handleDirectionalKey);
|
|
3734
3831
|
}, [isDisabled, isReadOnly, resolvedInputRef]);
|
|
3735
|
-
return /* @__PURE__ */ (0,
|
|
3832
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
3736
3833
|
import_react_aria_components25.Switch,
|
|
3737
3834
|
{
|
|
3738
3835
|
"data-slot": "switch",
|
|
@@ -3749,8 +3846,8 @@ function Switch({
|
|
|
3749
3846
|
children: (state) => {
|
|
3750
3847
|
const isThumbPressed = state.isPressed;
|
|
3751
3848
|
const thumbOffset = state.isSelected ? isThumbPressed ? styles.activeSelectedOffset : styles.selectedOffset : "0";
|
|
3752
|
-
return /* @__PURE__ */ (0,
|
|
3753
|
-
/* @__PURE__ */ (0,
|
|
3849
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
|
|
3850
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
3754
3851
|
"span",
|
|
3755
3852
|
{
|
|
3756
3853
|
"aria-hidden": "true",
|
|
@@ -3764,7 +3861,7 @@ function Switch({
|
|
|
3764
3861
|
"group-data-focus-visible/switch:ring-3 group-data-focus-visible/switch:ring-ring/50",
|
|
3765
3862
|
styles.control
|
|
3766
3863
|
),
|
|
3767
|
-
children: /* @__PURE__ */ (0,
|
|
3864
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
3768
3865
|
"span",
|
|
3769
3866
|
{
|
|
3770
3867
|
"data-slot": "switch-thumb",
|
|
@@ -3784,9 +3881,9 @@ function Switch({
|
|
|
3784
3881
|
)
|
|
3785
3882
|
}
|
|
3786
3883
|
),
|
|
3787
|
-
children || description ? /* @__PURE__ */ (0,
|
|
3788
|
-
children ? /* @__PURE__ */ (0,
|
|
3789
|
-
description ? /* @__PURE__ */ (0,
|
|
3884
|
+
children || description ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "grid gap-0.5 leading-tight", children: [
|
|
3885
|
+
children ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { "data-slot": "switch-label", className: "font-medium", children: typeof children === "function" ? children(state) : children }) : null,
|
|
3886
|
+
description ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
3790
3887
|
"span",
|
|
3791
3888
|
{
|
|
3792
3889
|
"data-slot": "switch-description",
|
|
@@ -3802,9 +3899,9 @@ function Switch({
|
|
|
3802
3899
|
}
|
|
3803
3900
|
|
|
3804
3901
|
// src/ui/table/table.tsx
|
|
3805
|
-
var
|
|
3902
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
3806
3903
|
function Table({ className, ...props }) {
|
|
3807
|
-
return /* @__PURE__ */ (0,
|
|
3904
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
3808
3905
|
"table",
|
|
3809
3906
|
{
|
|
3810
3907
|
"data-slot": "table",
|
|
@@ -3814,10 +3911,10 @@ function Table({ className, ...props }) {
|
|
|
3814
3911
|
) });
|
|
3815
3912
|
}
|
|
3816
3913
|
function TableHeader({ className, ...props }) {
|
|
3817
|
-
return /* @__PURE__ */ (0,
|
|
3914
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props });
|
|
3818
3915
|
}
|
|
3819
3916
|
function TableBody({ className, ...props }) {
|
|
3820
|
-
return /* @__PURE__ */ (0,
|
|
3917
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
3821
3918
|
"tbody",
|
|
3822
3919
|
{
|
|
3823
3920
|
"data-slot": "table-body",
|
|
@@ -3827,7 +3924,7 @@ function TableBody({ className, ...props }) {
|
|
|
3827
3924
|
);
|
|
3828
3925
|
}
|
|
3829
3926
|
function TableRow({ className, ...props }) {
|
|
3830
|
-
return /* @__PURE__ */ (0,
|
|
3927
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
3831
3928
|
"tr",
|
|
3832
3929
|
{
|
|
3833
3930
|
"data-slot": "table-row",
|
|
@@ -3840,7 +3937,7 @@ function TableRow({ className, ...props }) {
|
|
|
3840
3937
|
);
|
|
3841
3938
|
}
|
|
3842
3939
|
function TableHead({ className, ...props }) {
|
|
3843
|
-
return /* @__PURE__ */ (0,
|
|
3940
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
3844
3941
|
"th",
|
|
3845
3942
|
{
|
|
3846
3943
|
"data-slot": "table-head",
|
|
@@ -3853,7 +3950,7 @@ function TableHead({ className, ...props }) {
|
|
|
3853
3950
|
);
|
|
3854
3951
|
}
|
|
3855
3952
|
function TableCell({ className, ...props }) {
|
|
3856
|
-
return /* @__PURE__ */ (0,
|
|
3953
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
3857
3954
|
"td",
|
|
3858
3955
|
{
|
|
3859
3956
|
"data-slot": "table-cell",
|
|
@@ -3863,7 +3960,7 @@ function TableCell({ className, ...props }) {
|
|
|
3863
3960
|
);
|
|
3864
3961
|
}
|
|
3865
3962
|
function TableCaption({ className, ...props }) {
|
|
3866
|
-
return /* @__PURE__ */ (0,
|
|
3963
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
3867
3964
|
"caption",
|
|
3868
3965
|
{
|
|
3869
3966
|
"data-slot": "table-caption",
|
|
@@ -3873,7 +3970,7 @@ function TableCaption({ className, ...props }) {
|
|
|
3873
3970
|
);
|
|
3874
3971
|
}
|
|
3875
3972
|
function TableFooter({ className, ...props }) {
|
|
3876
|
-
return /* @__PURE__ */ (0,
|
|
3973
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
3877
3974
|
"tfoot",
|
|
3878
3975
|
{
|
|
3879
3976
|
"data-slot": "table-footer",
|
|
@@ -3888,9 +3985,9 @@ function TableFooter({ className, ...props }) {
|
|
|
3888
3985
|
|
|
3889
3986
|
// src/ui/tabs/tabs.tsx
|
|
3890
3987
|
var import_react_aria_components26 = require("react-aria-components");
|
|
3891
|
-
var
|
|
3988
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
3892
3989
|
function Tabs({ className, ...props }) {
|
|
3893
|
-
return /* @__PURE__ */ (0,
|
|
3990
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
3894
3991
|
import_react_aria_components26.Tabs,
|
|
3895
3992
|
{
|
|
3896
3993
|
"data-slot": "tabs",
|
|
@@ -3900,7 +3997,7 @@ function Tabs({ className, ...props }) {
|
|
|
3900
3997
|
);
|
|
3901
3998
|
}
|
|
3902
3999
|
function TabsList({ className, ...props }) {
|
|
3903
|
-
return /* @__PURE__ */ (0,
|
|
4000
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
3904
4001
|
import_react_aria_components26.TabList,
|
|
3905
4002
|
{
|
|
3906
4003
|
"data-slot": "tabs-list",
|
|
@@ -3916,7 +4013,7 @@ function TabsList({ className, ...props }) {
|
|
|
3916
4013
|
);
|
|
3917
4014
|
}
|
|
3918
4015
|
function TabsTrigger({ className, ...props }) {
|
|
3919
|
-
return /* @__PURE__ */ (0,
|
|
4016
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
3920
4017
|
import_react_aria_components26.Tab,
|
|
3921
4018
|
{
|
|
3922
4019
|
"data-slot": "tabs-trigger",
|
|
@@ -3932,10 +4029,10 @@ function TabsTrigger({ className, ...props }) {
|
|
|
3932
4029
|
);
|
|
3933
4030
|
}
|
|
3934
4031
|
function TabsPanels({ className, ...props }) {
|
|
3935
|
-
return /* @__PURE__ */ (0,
|
|
4032
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_aria_components26.TabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", className), ...props });
|
|
3936
4033
|
}
|
|
3937
4034
|
function TabsContent({ className, ...props }) {
|
|
3938
|
-
return /* @__PURE__ */ (0,
|
|
4035
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
3939
4036
|
import_react_aria_components26.TabPanel,
|
|
3940
4037
|
{
|
|
3941
4038
|
"data-slot": "tabs-content",
|
|
@@ -3999,15 +4096,15 @@ function useToast() {
|
|
|
3999
4096
|
}
|
|
4000
4097
|
|
|
4001
4098
|
// src/ui/toast/toast.tsx
|
|
4002
|
-
var
|
|
4099
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
4003
4100
|
function ToastProvider({ children }) {
|
|
4004
|
-
return /* @__PURE__ */ (0,
|
|
4101
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
|
|
4005
4102
|
children,
|
|
4006
|
-
/* @__PURE__ */ (0,
|
|
4103
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Toaster, {})
|
|
4007
4104
|
] });
|
|
4008
4105
|
}
|
|
4009
4106
|
function Toaster({ position }) {
|
|
4010
|
-
return /* @__PURE__ */ (0,
|
|
4107
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_sileo2.Toaster, { position, options: { fill: "var(--ui-secondary)" } });
|
|
4011
4108
|
}
|
|
4012
4109
|
function ToastViewport({
|
|
4013
4110
|
position,
|
|
@@ -4016,7 +4113,7 @@ function ToastViewport({
|
|
|
4016
4113
|
}) {
|
|
4017
4114
|
void className;
|
|
4018
4115
|
if (visiblePosition && visiblePosition !== position) return null;
|
|
4019
|
-
return /* @__PURE__ */ (0,
|
|
4116
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Toaster, { position });
|
|
4020
4117
|
}
|
|
4021
4118
|
function Toast({
|
|
4022
4119
|
id,
|
|
@@ -4041,9 +4138,9 @@ function Toast({
|
|
|
4041
4138
|
}
|
|
4042
4139
|
|
|
4043
4140
|
// src/ui/toolbar/toolbar.tsx
|
|
4044
|
-
var
|
|
4141
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
4045
4142
|
function Toolbar({ className, ...props }) {
|
|
4046
|
-
return /* @__PURE__ */ (0,
|
|
4143
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
4047
4144
|
"div",
|
|
4048
4145
|
{
|
|
4049
4146
|
role: "toolbar",
|
|
@@ -4054,7 +4151,7 @@ function Toolbar({ className, ...props }) {
|
|
|
4054
4151
|
);
|
|
4055
4152
|
}
|
|
4056
4153
|
function ToolbarGroup({ className, ...props }) {
|
|
4057
|
-
return /* @__PURE__ */ (0,
|
|
4154
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
|
|
4058
4155
|
"div",
|
|
4059
4156
|
{
|
|
4060
4157
|
"data-slot": "toolbar-group",
|
|
@@ -4064,7 +4161,7 @@ function ToolbarGroup({ className, ...props }) {
|
|
|
4064
4161
|
);
|
|
4065
4162
|
}
|
|
4066
4163
|
function ToolbarSpacer({ className, ...props }) {
|
|
4067
|
-
return /* @__PURE__ */ (0,
|
|
4164
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { "aria-hidden": "true", className: cn("hidden flex-1 sm:block", className), ...props });
|
|
4068
4165
|
}
|
|
4069
4166
|
// Annotate the CommonJS export names for ESM import in node:
|
|
4070
4167
|
0 && (module.exports = {
|
|
@@ -4193,6 +4290,12 @@ function ToolbarSpacer({ className, ...props }) {
|
|
|
4193
4290
|
InputGroupInput,
|
|
4194
4291
|
InputGroupText,
|
|
4195
4292
|
InputGroupTextarea,
|
|
4293
|
+
KanbanColumn,
|
|
4294
|
+
KanbanColumnBody,
|
|
4295
|
+
KanbanColumnHeader,
|
|
4296
|
+
KanbanColumnTitle,
|
|
4297
|
+
KanbanEmpty,
|
|
4298
|
+
KanbanViewport,
|
|
4196
4299
|
Kbd,
|
|
4197
4300
|
KbdGroup,
|
|
4198
4301
|
Label,
|