@blinkdotnew/ui 0.3.0 → 0.4.0
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.d.mts +293 -66
- package/dist/index.d.ts +293 -66
- package/dist/index.js +907 -24
- package/dist/index.mjs +836 -2
- package/package.json +2 -1
package/dist/index.mjs
CHANGED
|
@@ -6,7 +6,7 @@ import { twMerge } from 'tailwind-merge';
|
|
|
6
6
|
import { Slot, createSlot } from '@radix-ui/react-slot';
|
|
7
7
|
import { cva } from 'class-variance-authority';
|
|
8
8
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
9
|
-
import { ChevronDown, ChevronUp, Check, Circle, X, ChevronRight, ChevronLeft, Menu, EyeOff, Eye, Search, ArrowLeft, ArrowRight, Upload, Calendar, Plus, ArrowUp, ArrowDown, ArrowUpDown, TrendingUp, TrendingDown, Loader2, LayoutDashboard, FolderOpen, Users, Settings, BarChart2, CreditCard, HelpCircle, Bell, Pencil, User, LogOut, Send, MoreHorizontal, Info, XCircle, AlertTriangle, CheckCircle2, FileText, Archive, Film, FileCode, Image, File, Download, Trash2 } from 'lucide-react';
|
|
9
|
+
import { ChevronDown, ChevronUp, Check, Circle, X, ChevronRight, ChevronLeft, Menu, EyeOff, Eye, Search, ArrowLeft, ArrowRight, Minus, Upload, Calendar, Plus, ArrowUp, ArrowDown, ArrowUpDown, TrendingUp, TrendingDown, Loader2, LayoutDashboard, FolderOpen, Users, Settings, BarChart2, CreditCard, HelpCircle, Bell, Pencil, User, LogOut, Send, MoreHorizontal, ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon, GripVertical, Loader2Icon, Info, XCircle, AlertTriangle, CheckCircle2, FileText, Archive, Film, FileCode, Image, File, Download, Trash2 } from 'lucide-react';
|
|
10
10
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
11
11
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
12
12
|
import * as SwitchPrimitive from '@radix-ui/react-switch';
|
|
@@ -30,6 +30,7 @@ export { toast } from 'sonner';
|
|
|
30
30
|
import { useSensors, useSensor, PointerSensor, DndContext, DragOverlay } from '@dnd-kit/core';
|
|
31
31
|
import { useSortable, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
|
|
32
32
|
import { CSS } from '@dnd-kit/utilities';
|
|
33
|
+
import * as RechartsPrimitive from 'recharts';
|
|
33
34
|
import { ResponsiveContainer, AreaChart as AreaChart$1, CartesianGrid, XAxis, YAxis, Tooltip as Tooltip$1, Legend, Area, BarChart as BarChart$1, Bar, LineChart as LineChart$1, Line } from 'recharts';
|
|
34
35
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
35
36
|
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
@@ -42,6 +43,12 @@ import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
|
42
43
|
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
43
44
|
import * as TogglePrimitive from '@radix-ui/react-toggle';
|
|
44
45
|
import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
|
|
46
|
+
import { getDefaultClassNames, DayPicker } from 'react-day-picker';
|
|
47
|
+
import { Command as Command$1 } from 'cmdk';
|
|
48
|
+
import { Drawer as Drawer$1 } from 'vaul';
|
|
49
|
+
import { OTPInput, OTPInputContext } from 'input-otp';
|
|
50
|
+
import * as MenubarPrimitive from '@radix-ui/react-menubar';
|
|
51
|
+
import * as ResizablePrimitive from 'react-resizable-panels';
|
|
45
52
|
|
|
46
53
|
// src/provider/blink-ui-provider.tsx
|
|
47
54
|
var BlinkUIContext = createContext(null);
|
|
@@ -4708,7 +4715,834 @@ var ToggleGroupItem = React66.forwardRef(({ className, children, variant, size,
|
|
|
4708
4715
|
);
|
|
4709
4716
|
});
|
|
4710
4717
|
ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
|
|
4718
|
+
function Calendar3({
|
|
4719
|
+
className,
|
|
4720
|
+
classNames,
|
|
4721
|
+
showOutsideDays = true,
|
|
4722
|
+
captionLayout = "label",
|
|
4723
|
+
buttonVariant = "ghost",
|
|
4724
|
+
formatters,
|
|
4725
|
+
components,
|
|
4726
|
+
...props
|
|
4727
|
+
}) {
|
|
4728
|
+
const defaultClassNames = getDefaultClassNames();
|
|
4729
|
+
return /* @__PURE__ */ jsx(
|
|
4730
|
+
DayPicker,
|
|
4731
|
+
{
|
|
4732
|
+
showOutsideDays,
|
|
4733
|
+
className: cn(
|
|
4734
|
+
"bg-background group/calendar p-3 [--cell-size:2rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
|
|
4735
|
+
String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
|
|
4736
|
+
String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
|
|
4737
|
+
className
|
|
4738
|
+
),
|
|
4739
|
+
captionLayout,
|
|
4740
|
+
formatters: {
|
|
4741
|
+
formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
|
|
4742
|
+
...formatters
|
|
4743
|
+
},
|
|
4744
|
+
classNames: {
|
|
4745
|
+
root: cn("w-fit", defaultClassNames.root),
|
|
4746
|
+
months: cn(
|
|
4747
|
+
"relative flex flex-col gap-4 md:flex-row",
|
|
4748
|
+
defaultClassNames.months
|
|
4749
|
+
),
|
|
4750
|
+
month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
|
|
4751
|
+
nav: cn(
|
|
4752
|
+
"absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
|
|
4753
|
+
defaultClassNames.nav
|
|
4754
|
+
),
|
|
4755
|
+
button_previous: cn(
|
|
4756
|
+
buttonVariants({ variant: buttonVariant }),
|
|
4757
|
+
"h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
|
|
4758
|
+
defaultClassNames.button_previous
|
|
4759
|
+
),
|
|
4760
|
+
button_next: cn(
|
|
4761
|
+
buttonVariants({ variant: buttonVariant }),
|
|
4762
|
+
"h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
|
|
4763
|
+
defaultClassNames.button_next
|
|
4764
|
+
),
|
|
4765
|
+
month_caption: cn(
|
|
4766
|
+
"flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]",
|
|
4767
|
+
defaultClassNames.month_caption
|
|
4768
|
+
),
|
|
4769
|
+
dropdowns: cn(
|
|
4770
|
+
"flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium",
|
|
4771
|
+
defaultClassNames.dropdowns
|
|
4772
|
+
),
|
|
4773
|
+
dropdown_root: cn(
|
|
4774
|
+
"has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border",
|
|
4775
|
+
defaultClassNames.dropdown_root
|
|
4776
|
+
),
|
|
4777
|
+
dropdown: cn(
|
|
4778
|
+
"bg-popover absolute inset-0 opacity-0",
|
|
4779
|
+
defaultClassNames.dropdown
|
|
4780
|
+
),
|
|
4781
|
+
caption_label: cn(
|
|
4782
|
+
"select-none font-medium",
|
|
4783
|
+
captionLayout === "label" ? "text-sm" : "[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5",
|
|
4784
|
+
defaultClassNames.caption_label
|
|
4785
|
+
),
|
|
4786
|
+
table: "w-full border-collapse",
|
|
4787
|
+
weekdays: cn("flex", defaultClassNames.weekdays),
|
|
4788
|
+
weekday: cn(
|
|
4789
|
+
"text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal",
|
|
4790
|
+
defaultClassNames.weekday
|
|
4791
|
+
),
|
|
4792
|
+
week: cn("mt-2 flex w-full", defaultClassNames.week),
|
|
4793
|
+
week_number_header: cn(
|
|
4794
|
+
"w-[--cell-size] select-none",
|
|
4795
|
+
defaultClassNames.week_number_header
|
|
4796
|
+
),
|
|
4797
|
+
week_number: cn(
|
|
4798
|
+
"text-muted-foreground select-none text-[0.8rem]",
|
|
4799
|
+
defaultClassNames.week_number
|
|
4800
|
+
),
|
|
4801
|
+
day: cn(
|
|
4802
|
+
"group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md",
|
|
4803
|
+
defaultClassNames.day
|
|
4804
|
+
),
|
|
4805
|
+
range_start: cn(
|
|
4806
|
+
"bg-accent rounded-l-md",
|
|
4807
|
+
defaultClassNames.range_start
|
|
4808
|
+
),
|
|
4809
|
+
range_middle: cn("rounded-none", defaultClassNames.range_middle),
|
|
4810
|
+
range_end: cn("bg-accent rounded-r-md", defaultClassNames.range_end),
|
|
4811
|
+
today: cn(
|
|
4812
|
+
"bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
|
|
4813
|
+
defaultClassNames.today
|
|
4814
|
+
),
|
|
4815
|
+
outside: cn(
|
|
4816
|
+
"text-muted-foreground aria-selected:text-muted-foreground",
|
|
4817
|
+
defaultClassNames.outside
|
|
4818
|
+
),
|
|
4819
|
+
disabled: cn(
|
|
4820
|
+
"text-muted-foreground opacity-50",
|
|
4821
|
+
defaultClassNames.disabled
|
|
4822
|
+
),
|
|
4823
|
+
hidden: cn("invisible", defaultClassNames.hidden),
|
|
4824
|
+
...classNames
|
|
4825
|
+
},
|
|
4826
|
+
components: {
|
|
4827
|
+
Root: ({ className: className2, rootRef, ...props2 }) => {
|
|
4828
|
+
return /* @__PURE__ */ jsx(
|
|
4829
|
+
"div",
|
|
4830
|
+
{
|
|
4831
|
+
"data-slot": "calendar",
|
|
4832
|
+
ref: rootRef,
|
|
4833
|
+
className: cn(className2),
|
|
4834
|
+
...props2
|
|
4835
|
+
}
|
|
4836
|
+
);
|
|
4837
|
+
},
|
|
4838
|
+
Chevron: ({ className: className2, orientation, ...props2 }) => {
|
|
4839
|
+
if (orientation === "left") {
|
|
4840
|
+
return /* @__PURE__ */ jsx(ChevronLeftIcon, { className: cn("size-4", className2), ...props2 });
|
|
4841
|
+
}
|
|
4842
|
+
if (orientation === "right") {
|
|
4843
|
+
return /* @__PURE__ */ jsx(
|
|
4844
|
+
ChevronRightIcon,
|
|
4845
|
+
{
|
|
4846
|
+
className: cn("size-4", className2),
|
|
4847
|
+
...props2
|
|
4848
|
+
}
|
|
4849
|
+
);
|
|
4850
|
+
}
|
|
4851
|
+
return /* @__PURE__ */ jsx(ChevronDownIcon, { className: cn("size-4", className2), ...props2 });
|
|
4852
|
+
},
|
|
4853
|
+
DayButton: CalendarDayButton,
|
|
4854
|
+
WeekNumber: ({ children, ...props2 }) => {
|
|
4855
|
+
return /* @__PURE__ */ jsx("td", { ...props2, children: /* @__PURE__ */ jsx("div", { className: "flex size-[--cell-size] items-center justify-center text-center", children }) });
|
|
4856
|
+
},
|
|
4857
|
+
...components
|
|
4858
|
+
},
|
|
4859
|
+
...props
|
|
4860
|
+
}
|
|
4861
|
+
);
|
|
4862
|
+
}
|
|
4863
|
+
function CalendarDayButton({
|
|
4864
|
+
className,
|
|
4865
|
+
day,
|
|
4866
|
+
modifiers,
|
|
4867
|
+
...props
|
|
4868
|
+
}) {
|
|
4869
|
+
const defaultClassNames = getDefaultClassNames();
|
|
4870
|
+
const ref = React66.useRef(null);
|
|
4871
|
+
React66.useEffect(() => {
|
|
4872
|
+
if (modifiers.focused)
|
|
4873
|
+
ref.current?.focus();
|
|
4874
|
+
}, [modifiers.focused]);
|
|
4875
|
+
return /* @__PURE__ */ jsx(
|
|
4876
|
+
Button,
|
|
4877
|
+
{
|
|
4878
|
+
ref,
|
|
4879
|
+
variant: "ghost",
|
|
4880
|
+
size: "icon",
|
|
4881
|
+
"data-day": day.date.toLocaleDateString(),
|
|
4882
|
+
"data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
|
|
4883
|
+
"data-range-start": modifiers.range_start,
|
|
4884
|
+
"data-range-end": modifiers.range_end,
|
|
4885
|
+
"data-range-middle": modifiers.range_middle,
|
|
4886
|
+
className: cn(
|
|
4887
|
+
"data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",
|
|
4888
|
+
defaultClassNames.day,
|
|
4889
|
+
className
|
|
4890
|
+
),
|
|
4891
|
+
...props
|
|
4892
|
+
}
|
|
4893
|
+
);
|
|
4894
|
+
}
|
|
4895
|
+
var THEMES = { light: "", dark: ".dark" };
|
|
4896
|
+
var ChartContext = React66.createContext(null);
|
|
4897
|
+
function useChart() {
|
|
4898
|
+
const context = React66.useContext(ChartContext);
|
|
4899
|
+
if (!context) {
|
|
4900
|
+
throw new Error("useChart must be used within a <ChartContainer />");
|
|
4901
|
+
}
|
|
4902
|
+
return context;
|
|
4903
|
+
}
|
|
4904
|
+
var ChartContainer = React66.forwardRef(({ id, className, children, config, ...props }, ref) => {
|
|
4905
|
+
const uniqueId = React66.useId();
|
|
4906
|
+
const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
|
|
4907
|
+
return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
|
|
4908
|
+
"div",
|
|
4909
|
+
{
|
|
4910
|
+
"data-chart": chartId,
|
|
4911
|
+
ref,
|
|
4912
|
+
className: cn(
|
|
4913
|
+
"flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
|
|
4914
|
+
className
|
|
4915
|
+
),
|
|
4916
|
+
...props,
|
|
4917
|
+
children: [
|
|
4918
|
+
/* @__PURE__ */ jsx(ChartStyle, { id: chartId, config }),
|
|
4919
|
+
/* @__PURE__ */ jsx(RechartsPrimitive.ResponsiveContainer, { children })
|
|
4920
|
+
]
|
|
4921
|
+
}
|
|
4922
|
+
) });
|
|
4923
|
+
});
|
|
4924
|
+
ChartContainer.displayName = "Chart";
|
|
4925
|
+
var ChartStyle = ({ id, config }) => {
|
|
4926
|
+
const colorConfig = Object.entries(config).filter(
|
|
4927
|
+
([, config2]) => config2.theme || config2.color
|
|
4928
|
+
);
|
|
4929
|
+
if (!colorConfig.length) {
|
|
4930
|
+
return null;
|
|
4931
|
+
}
|
|
4932
|
+
return /* @__PURE__ */ jsx(
|
|
4933
|
+
"style",
|
|
4934
|
+
{
|
|
4935
|
+
dangerouslySetInnerHTML: {
|
|
4936
|
+
__html: Object.entries(THEMES).map(
|
|
4937
|
+
([theme, prefix]) => `
|
|
4938
|
+
${prefix} [data-chart=${id}] {
|
|
4939
|
+
${colorConfig.map(([key, itemConfig]) => {
|
|
4940
|
+
const color = itemConfig.theme?.[theme] || itemConfig.color;
|
|
4941
|
+
return color ? ` --color-${key}: ${color};` : null;
|
|
4942
|
+
}).join("\n")}
|
|
4943
|
+
}
|
|
4944
|
+
`
|
|
4945
|
+
).join("\n")
|
|
4946
|
+
}
|
|
4947
|
+
}
|
|
4948
|
+
);
|
|
4949
|
+
};
|
|
4950
|
+
var ChartTooltip = RechartsPrimitive.Tooltip;
|
|
4951
|
+
var ChartTooltipContent = React66.forwardRef(
|
|
4952
|
+
({
|
|
4953
|
+
active,
|
|
4954
|
+
payload,
|
|
4955
|
+
className,
|
|
4956
|
+
indicator = "dot",
|
|
4957
|
+
hideLabel = false,
|
|
4958
|
+
hideIndicator = false,
|
|
4959
|
+
label,
|
|
4960
|
+
labelFormatter,
|
|
4961
|
+
labelClassName,
|
|
4962
|
+
formatter,
|
|
4963
|
+
color,
|
|
4964
|
+
nameKey,
|
|
4965
|
+
labelKey
|
|
4966
|
+
}, ref) => {
|
|
4967
|
+
const { config } = useChart();
|
|
4968
|
+
const tooltipLabel = React66.useMemo(() => {
|
|
4969
|
+
if (hideLabel || !payload?.length) {
|
|
4970
|
+
return null;
|
|
4971
|
+
}
|
|
4972
|
+
const [item] = payload;
|
|
4973
|
+
const key = `${labelKey || item?.dataKey || item?.name || "value"}`;
|
|
4974
|
+
const itemConfig = getPayloadConfigFromPayload(config, item, key);
|
|
4975
|
+
const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
|
|
4976
|
+
if (labelFormatter) {
|
|
4977
|
+
return /* @__PURE__ */ jsx("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
|
|
4978
|
+
}
|
|
4979
|
+
if (!value) {
|
|
4980
|
+
return null;
|
|
4981
|
+
}
|
|
4982
|
+
return /* @__PURE__ */ jsx("div", { className: cn("font-medium", labelClassName), children: value });
|
|
4983
|
+
}, [
|
|
4984
|
+
label,
|
|
4985
|
+
labelFormatter,
|
|
4986
|
+
payload,
|
|
4987
|
+
hideLabel,
|
|
4988
|
+
labelClassName,
|
|
4989
|
+
config,
|
|
4990
|
+
labelKey
|
|
4991
|
+
]);
|
|
4992
|
+
if (!active || !payload?.length) {
|
|
4993
|
+
return null;
|
|
4994
|
+
}
|
|
4995
|
+
const nestLabel = payload.length === 1 && indicator !== "dot";
|
|
4996
|
+
return /* @__PURE__ */ jsxs(
|
|
4997
|
+
"div",
|
|
4998
|
+
{
|
|
4999
|
+
ref,
|
|
5000
|
+
className: cn(
|
|
5001
|
+
"grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
|
|
5002
|
+
className
|
|
5003
|
+
),
|
|
5004
|
+
children: [
|
|
5005
|
+
!nestLabel ? tooltipLabel : null,
|
|
5006
|
+
/* @__PURE__ */ jsx("div", { className: "grid gap-1.5", children: payload.filter((item) => item.type !== "none").map((item, index) => {
|
|
5007
|
+
const key = `${nameKey || item.name || item.dataKey || "value"}`;
|
|
5008
|
+
const itemConfig = getPayloadConfigFromPayload(config, item, key);
|
|
5009
|
+
const indicatorColor = color || item.payload.fill || item.color;
|
|
5010
|
+
return /* @__PURE__ */ jsx(
|
|
5011
|
+
"div",
|
|
5012
|
+
{
|
|
5013
|
+
className: cn(
|
|
5014
|
+
"flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
|
|
5015
|
+
indicator === "dot" && "items-center"
|
|
5016
|
+
),
|
|
5017
|
+
children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
5018
|
+
itemConfig?.icon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx(
|
|
5019
|
+
"div",
|
|
5020
|
+
{
|
|
5021
|
+
className: cn(
|
|
5022
|
+
"shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]",
|
|
5023
|
+
{
|
|
5024
|
+
"h-2.5 w-2.5": indicator === "dot",
|
|
5025
|
+
"w-1": indicator === "line",
|
|
5026
|
+
"w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
|
|
5027
|
+
"my-0.5": nestLabel && indicator === "dashed"
|
|
5028
|
+
}
|
|
5029
|
+
),
|
|
5030
|
+
style: {
|
|
5031
|
+
"--color-bg": indicatorColor,
|
|
5032
|
+
"--color-border": indicatorColor
|
|
5033
|
+
}
|
|
5034
|
+
}
|
|
5035
|
+
),
|
|
5036
|
+
/* @__PURE__ */ jsxs(
|
|
5037
|
+
"div",
|
|
5038
|
+
{
|
|
5039
|
+
className: cn(
|
|
5040
|
+
"flex flex-1 justify-between leading-none",
|
|
5041
|
+
nestLabel ? "items-end" : "items-center"
|
|
5042
|
+
),
|
|
5043
|
+
children: [
|
|
5044
|
+
/* @__PURE__ */ jsxs("div", { className: "grid gap-1.5", children: [
|
|
5045
|
+
nestLabel ? tooltipLabel : null,
|
|
5046
|
+
/* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
|
|
5047
|
+
] }),
|
|
5048
|
+
item.value && /* @__PURE__ */ jsx("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
|
|
5049
|
+
]
|
|
5050
|
+
}
|
|
5051
|
+
)
|
|
5052
|
+
] })
|
|
5053
|
+
},
|
|
5054
|
+
item.dataKey
|
|
5055
|
+
);
|
|
5056
|
+
}) })
|
|
5057
|
+
]
|
|
5058
|
+
}
|
|
5059
|
+
);
|
|
5060
|
+
}
|
|
5061
|
+
);
|
|
5062
|
+
ChartTooltipContent.displayName = "ChartTooltip";
|
|
5063
|
+
var ChartLegend = RechartsPrimitive.Legend;
|
|
5064
|
+
var ChartLegendContent = React66.forwardRef(
|
|
5065
|
+
({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
|
|
5066
|
+
const { config } = useChart();
|
|
5067
|
+
if (!payload?.length) {
|
|
5068
|
+
return null;
|
|
5069
|
+
}
|
|
5070
|
+
return /* @__PURE__ */ jsx(
|
|
5071
|
+
"div",
|
|
5072
|
+
{
|
|
5073
|
+
ref,
|
|
5074
|
+
className: cn(
|
|
5075
|
+
"flex items-center justify-center gap-4",
|
|
5076
|
+
verticalAlign === "top" ? "pb-3" : "pt-3",
|
|
5077
|
+
className
|
|
5078
|
+
),
|
|
5079
|
+
children: payload.filter((item) => item.type !== "none").map((item) => {
|
|
5080
|
+
const key = `${nameKey || item.dataKey || "value"}`;
|
|
5081
|
+
const itemConfig = getPayloadConfigFromPayload(config, item, key);
|
|
5082
|
+
return /* @__PURE__ */ jsxs(
|
|
5083
|
+
"div",
|
|
5084
|
+
{
|
|
5085
|
+
className: cn(
|
|
5086
|
+
"flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
|
|
5087
|
+
),
|
|
5088
|
+
children: [
|
|
5089
|
+
itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsx(
|
|
5090
|
+
"div",
|
|
5091
|
+
{
|
|
5092
|
+
className: "h-2 w-2 shrink-0 rounded-[2px]",
|
|
5093
|
+
style: {
|
|
5094
|
+
backgroundColor: item.color
|
|
5095
|
+
}
|
|
5096
|
+
}
|
|
5097
|
+
),
|
|
5098
|
+
itemConfig?.label
|
|
5099
|
+
]
|
|
5100
|
+
},
|
|
5101
|
+
item.value
|
|
5102
|
+
);
|
|
5103
|
+
})
|
|
5104
|
+
}
|
|
5105
|
+
);
|
|
5106
|
+
}
|
|
5107
|
+
);
|
|
5108
|
+
ChartLegendContent.displayName = "ChartLegend";
|
|
5109
|
+
function getPayloadConfigFromPayload(config, payload, key) {
|
|
5110
|
+
if (typeof payload !== "object" || payload === null) {
|
|
5111
|
+
return void 0;
|
|
5112
|
+
}
|
|
5113
|
+
const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
|
|
5114
|
+
let configLabelKey = key;
|
|
5115
|
+
if (key in payload && typeof payload[key] === "string") {
|
|
5116
|
+
configLabelKey = payload[key];
|
|
5117
|
+
} else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") {
|
|
5118
|
+
configLabelKey = payloadPayload[key];
|
|
5119
|
+
}
|
|
5120
|
+
return configLabelKey in config ? config[configLabelKey] : config[key];
|
|
5121
|
+
}
|
|
5122
|
+
var Command = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5123
|
+
Command$1,
|
|
5124
|
+
{
|
|
5125
|
+
ref,
|
|
5126
|
+
className: cn(
|
|
5127
|
+
"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
|
|
5128
|
+
className
|
|
5129
|
+
),
|
|
5130
|
+
...props
|
|
5131
|
+
}
|
|
5132
|
+
));
|
|
5133
|
+
Command.displayName = Command$1.displayName;
|
|
5134
|
+
var CommandDialog = ({ children, ...props }) => {
|
|
5135
|
+
return /* @__PURE__ */ jsx(Dialog, { ...props, children: /* @__PURE__ */ jsx(DialogContent, { className: "overflow-hidden p-0", children: /* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
|
|
5136
|
+
};
|
|
5137
|
+
var CommandInput = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
|
|
5138
|
+
/* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
|
|
5139
|
+
/* @__PURE__ */ jsx(
|
|
5140
|
+
Command$1.Input,
|
|
5141
|
+
{
|
|
5142
|
+
ref,
|
|
5143
|
+
className: cn(
|
|
5144
|
+
"flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
|
|
5145
|
+
className
|
|
5146
|
+
),
|
|
5147
|
+
...props
|
|
5148
|
+
}
|
|
5149
|
+
)
|
|
5150
|
+
] }));
|
|
5151
|
+
CommandInput.displayName = Command$1.Input.displayName;
|
|
5152
|
+
var CommandList = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5153
|
+
Command$1.List,
|
|
5154
|
+
{
|
|
5155
|
+
ref,
|
|
5156
|
+
className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
|
|
5157
|
+
...props
|
|
5158
|
+
}
|
|
5159
|
+
));
|
|
5160
|
+
CommandList.displayName = Command$1.List.displayName;
|
|
5161
|
+
var CommandEmpty = React66.forwardRef((props, ref) => /* @__PURE__ */ jsx(
|
|
5162
|
+
Command$1.Empty,
|
|
5163
|
+
{
|
|
5164
|
+
ref,
|
|
5165
|
+
className: "py-6 text-center text-sm",
|
|
5166
|
+
...props
|
|
5167
|
+
}
|
|
5168
|
+
));
|
|
5169
|
+
CommandEmpty.displayName = Command$1.Empty.displayName;
|
|
5170
|
+
var CommandGroup = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5171
|
+
Command$1.Group,
|
|
5172
|
+
{
|
|
5173
|
+
ref,
|
|
5174
|
+
className: cn(
|
|
5175
|
+
"overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
|
|
5176
|
+
className
|
|
5177
|
+
),
|
|
5178
|
+
...props
|
|
5179
|
+
}
|
|
5180
|
+
));
|
|
5181
|
+
CommandGroup.displayName = Command$1.Group.displayName;
|
|
5182
|
+
var CommandSeparator = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5183
|
+
Command$1.Separator,
|
|
5184
|
+
{
|
|
5185
|
+
ref,
|
|
5186
|
+
className: cn("-mx-1 h-px bg-border", className),
|
|
5187
|
+
...props
|
|
5188
|
+
}
|
|
5189
|
+
));
|
|
5190
|
+
CommandSeparator.displayName = Command$1.Separator.displayName;
|
|
5191
|
+
var CommandItem2 = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5192
|
+
Command$1.Item,
|
|
5193
|
+
{
|
|
5194
|
+
ref,
|
|
5195
|
+
className: cn(
|
|
5196
|
+
"relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
|
|
5197
|
+
className
|
|
5198
|
+
),
|
|
5199
|
+
...props
|
|
5200
|
+
}
|
|
5201
|
+
));
|
|
5202
|
+
CommandItem2.displayName = Command$1.Item.displayName;
|
|
5203
|
+
var Drawer = ({
|
|
5204
|
+
shouldScaleBackground = true,
|
|
5205
|
+
...props
|
|
5206
|
+
}) => /* @__PURE__ */ jsx(
|
|
5207
|
+
Drawer$1.Root,
|
|
5208
|
+
{
|
|
5209
|
+
shouldScaleBackground,
|
|
5210
|
+
...props
|
|
5211
|
+
}
|
|
5212
|
+
);
|
|
5213
|
+
Drawer.displayName = "Drawer";
|
|
5214
|
+
var DrawerTrigger = Drawer$1.Trigger;
|
|
5215
|
+
var DrawerPortal = Drawer$1.Portal;
|
|
5216
|
+
var DrawerClose = Drawer$1.Close;
|
|
5217
|
+
var DrawerOverlay = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5218
|
+
Drawer$1.Overlay,
|
|
5219
|
+
{
|
|
5220
|
+
ref,
|
|
5221
|
+
className: cn("fixed inset-0 z-50 bg-black/80", className),
|
|
5222
|
+
...props
|
|
5223
|
+
}
|
|
5224
|
+
));
|
|
5225
|
+
DrawerOverlay.displayName = Drawer$1.Overlay.displayName;
|
|
5226
|
+
var DrawerContent = React66.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DrawerPortal, { children: [
|
|
5227
|
+
/* @__PURE__ */ jsx(DrawerOverlay, {}),
|
|
5228
|
+
/* @__PURE__ */ jsxs(
|
|
5229
|
+
Drawer$1.Content,
|
|
5230
|
+
{
|
|
5231
|
+
ref,
|
|
5232
|
+
className: cn(
|
|
5233
|
+
"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
|
|
5234
|
+
className
|
|
5235
|
+
),
|
|
5236
|
+
...props,
|
|
5237
|
+
children: [
|
|
5238
|
+
/* @__PURE__ */ jsx("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
|
|
5239
|
+
children
|
|
5240
|
+
]
|
|
5241
|
+
}
|
|
5242
|
+
)
|
|
5243
|
+
] }));
|
|
5244
|
+
DrawerContent.displayName = "DrawerContent";
|
|
5245
|
+
var DrawerHeader = ({
|
|
5246
|
+
className,
|
|
5247
|
+
...props
|
|
5248
|
+
}) => /* @__PURE__ */ jsx(
|
|
5249
|
+
"div",
|
|
5250
|
+
{
|
|
5251
|
+
className: cn("grid gap-1.5 p-4 text-center sm:text-left", className),
|
|
5252
|
+
...props
|
|
5253
|
+
}
|
|
5254
|
+
);
|
|
5255
|
+
DrawerHeader.displayName = "DrawerHeader";
|
|
5256
|
+
var DrawerFooter = ({
|
|
5257
|
+
className,
|
|
5258
|
+
...props
|
|
5259
|
+
}) => /* @__PURE__ */ jsx(
|
|
5260
|
+
"div",
|
|
5261
|
+
{
|
|
5262
|
+
className: cn("mt-auto flex flex-col gap-2 p-4", className),
|
|
5263
|
+
...props
|
|
5264
|
+
}
|
|
5265
|
+
);
|
|
5266
|
+
DrawerFooter.displayName = "DrawerFooter";
|
|
5267
|
+
var DrawerTitle = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5268
|
+
Drawer$1.Title,
|
|
5269
|
+
{
|
|
5270
|
+
ref,
|
|
5271
|
+
className: cn(
|
|
5272
|
+
"text-lg font-semibold leading-none tracking-tight",
|
|
5273
|
+
className
|
|
5274
|
+
),
|
|
5275
|
+
...props
|
|
5276
|
+
}
|
|
5277
|
+
));
|
|
5278
|
+
DrawerTitle.displayName = Drawer$1.Title.displayName;
|
|
5279
|
+
var DrawerDescription = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5280
|
+
Drawer$1.Description,
|
|
5281
|
+
{
|
|
5282
|
+
ref,
|
|
5283
|
+
className: cn("text-sm text-muted-foreground", className),
|
|
5284
|
+
...props
|
|
5285
|
+
}
|
|
5286
|
+
));
|
|
5287
|
+
DrawerDescription.displayName = Drawer$1.Description.displayName;
|
|
5288
|
+
var InputOTP = React66.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5289
|
+
OTPInput,
|
|
5290
|
+
{
|
|
5291
|
+
ref,
|
|
5292
|
+
containerClassName: cn(
|
|
5293
|
+
"flex items-center gap-2 has-[:disabled]:opacity-50",
|
|
5294
|
+
containerClassName
|
|
5295
|
+
),
|
|
5296
|
+
className: cn("disabled:cursor-not-allowed", className),
|
|
5297
|
+
...props
|
|
5298
|
+
}
|
|
5299
|
+
));
|
|
5300
|
+
InputOTP.displayName = "InputOTP";
|
|
5301
|
+
var InputOTPGroup = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props }));
|
|
5302
|
+
InputOTPGroup.displayName = "InputOTPGroup";
|
|
5303
|
+
var InputOTPSlot = React66.forwardRef(({ index, className, ...props }, ref) => {
|
|
5304
|
+
const inputOTPContext = React66.useContext(OTPInputContext);
|
|
5305
|
+
const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
|
|
5306
|
+
return /* @__PURE__ */ jsxs(
|
|
5307
|
+
"div",
|
|
5308
|
+
{
|
|
5309
|
+
ref,
|
|
5310
|
+
className: cn(
|
|
5311
|
+
"relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
|
|
5312
|
+
isActive && "z-10 ring-1 ring-ring",
|
|
5313
|
+
className
|
|
5314
|
+
),
|
|
5315
|
+
...props,
|
|
5316
|
+
children: [
|
|
5317
|
+
char,
|
|
5318
|
+
hasFakeCaret && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
|
|
5319
|
+
]
|
|
5320
|
+
}
|
|
5321
|
+
);
|
|
5322
|
+
});
|
|
5323
|
+
InputOTPSlot.displayName = "InputOTPSlot";
|
|
5324
|
+
var InputOTPSeparator = React66.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx(Minus, {}) }));
|
|
5325
|
+
InputOTPSeparator.displayName = "InputOTPSeparator";
|
|
5326
|
+
function MenubarMenu({
|
|
5327
|
+
...props
|
|
5328
|
+
}) {
|
|
5329
|
+
return /* @__PURE__ */ jsx(MenubarPrimitive.Menu, { ...props });
|
|
5330
|
+
}
|
|
5331
|
+
function MenubarGroup({
|
|
5332
|
+
...props
|
|
5333
|
+
}) {
|
|
5334
|
+
return /* @__PURE__ */ jsx(MenubarPrimitive.Group, { ...props });
|
|
5335
|
+
}
|
|
5336
|
+
function MenubarPortal({
|
|
5337
|
+
...props
|
|
5338
|
+
}) {
|
|
5339
|
+
return /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { ...props });
|
|
5340
|
+
}
|
|
5341
|
+
function MenubarRadioGroup({
|
|
5342
|
+
...props
|
|
5343
|
+
}) {
|
|
5344
|
+
return /* @__PURE__ */ jsx(MenubarPrimitive.RadioGroup, { ...props });
|
|
5345
|
+
}
|
|
5346
|
+
function MenubarSub({
|
|
5347
|
+
...props
|
|
5348
|
+
}) {
|
|
5349
|
+
return /* @__PURE__ */ jsx(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
|
|
5350
|
+
}
|
|
5351
|
+
var Menubar = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5352
|
+
MenubarPrimitive.Root,
|
|
5353
|
+
{
|
|
5354
|
+
ref,
|
|
5355
|
+
className: cn(
|
|
5356
|
+
"flex h-9 items-center space-x-1 rounded-md border bg-background p-1 shadow-sm",
|
|
5357
|
+
className
|
|
5358
|
+
),
|
|
5359
|
+
...props
|
|
5360
|
+
}
|
|
5361
|
+
));
|
|
5362
|
+
Menubar.displayName = MenubarPrimitive.Root.displayName;
|
|
5363
|
+
var MenubarTrigger = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5364
|
+
MenubarPrimitive.Trigger,
|
|
5365
|
+
{
|
|
5366
|
+
ref,
|
|
5367
|
+
className: cn(
|
|
5368
|
+
"flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
|
|
5369
|
+
className
|
|
5370
|
+
),
|
|
5371
|
+
...props
|
|
5372
|
+
}
|
|
5373
|
+
));
|
|
5374
|
+
MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
|
|
5375
|
+
var MenubarSubTrigger = React66.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
5376
|
+
MenubarPrimitive.SubTrigger,
|
|
5377
|
+
{
|
|
5378
|
+
ref,
|
|
5379
|
+
className: cn(
|
|
5380
|
+
"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
|
|
5381
|
+
inset && "pl-8",
|
|
5382
|
+
className
|
|
5383
|
+
),
|
|
5384
|
+
...props,
|
|
5385
|
+
children: [
|
|
5386
|
+
children,
|
|
5387
|
+
/* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })
|
|
5388
|
+
]
|
|
5389
|
+
}
|
|
5390
|
+
));
|
|
5391
|
+
MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
|
|
5392
|
+
var MenubarSubContent = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5393
|
+
MenubarPrimitive.SubContent,
|
|
5394
|
+
{
|
|
5395
|
+
ref,
|
|
5396
|
+
className: cn(
|
|
5397
|
+
"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 origin-[--radix-menubar-content-transform-origin]",
|
|
5398
|
+
className
|
|
5399
|
+
),
|
|
5400
|
+
...props
|
|
5401
|
+
}
|
|
5402
|
+
));
|
|
5403
|
+
MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
|
|
5404
|
+
var MenubarContent = React66.forwardRef(
|
|
5405
|
+
({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(
|
|
5406
|
+
MenubarPrimitive.Content,
|
|
5407
|
+
{
|
|
5408
|
+
ref,
|
|
5409
|
+
align,
|
|
5410
|
+
alignOffset,
|
|
5411
|
+
sideOffset,
|
|
5412
|
+
className: cn(
|
|
5413
|
+
"z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-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 origin-[--radix-menubar-content-transform-origin]",
|
|
5414
|
+
className
|
|
5415
|
+
),
|
|
5416
|
+
...props
|
|
5417
|
+
}
|
|
5418
|
+
) })
|
|
5419
|
+
);
|
|
5420
|
+
MenubarContent.displayName = MenubarPrimitive.Content.displayName;
|
|
5421
|
+
var MenubarItem = React66.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5422
|
+
MenubarPrimitive.Item,
|
|
5423
|
+
{
|
|
5424
|
+
ref,
|
|
5425
|
+
className: cn(
|
|
5426
|
+
"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
5427
|
+
inset && "pl-8",
|
|
5428
|
+
className
|
|
5429
|
+
),
|
|
5430
|
+
...props
|
|
5431
|
+
}
|
|
5432
|
+
));
|
|
5433
|
+
MenubarItem.displayName = MenubarPrimitive.Item.displayName;
|
|
5434
|
+
var MenubarCheckboxItem = React66.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
5435
|
+
MenubarPrimitive.CheckboxItem,
|
|
5436
|
+
{
|
|
5437
|
+
ref,
|
|
5438
|
+
className: cn(
|
|
5439
|
+
"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
5440
|
+
className
|
|
5441
|
+
),
|
|
5442
|
+
checked,
|
|
5443
|
+
...props,
|
|
5444
|
+
children: [
|
|
5445
|
+
/* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
|
|
5446
|
+
children
|
|
5447
|
+
]
|
|
5448
|
+
}
|
|
5449
|
+
));
|
|
5450
|
+
MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
|
|
5451
|
+
var MenubarRadioItem = React66.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
5452
|
+
MenubarPrimitive.RadioItem,
|
|
5453
|
+
{
|
|
5454
|
+
ref,
|
|
5455
|
+
className: cn(
|
|
5456
|
+
"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
5457
|
+
className
|
|
5458
|
+
),
|
|
5459
|
+
...props,
|
|
5460
|
+
children: [
|
|
5461
|
+
/* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-4 w-4 fill-current" }) }) }),
|
|
5462
|
+
children
|
|
5463
|
+
]
|
|
5464
|
+
}
|
|
5465
|
+
));
|
|
5466
|
+
MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
|
|
5467
|
+
var MenubarLabel = React66.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5468
|
+
MenubarPrimitive.Label,
|
|
5469
|
+
{
|
|
5470
|
+
ref,
|
|
5471
|
+
className: cn(
|
|
5472
|
+
"px-2 py-1.5 text-sm font-semibold",
|
|
5473
|
+
inset && "pl-8",
|
|
5474
|
+
className
|
|
5475
|
+
),
|
|
5476
|
+
...props
|
|
5477
|
+
}
|
|
5478
|
+
));
|
|
5479
|
+
MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
|
|
5480
|
+
var MenubarSeparator = React66.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
5481
|
+
MenubarPrimitive.Separator,
|
|
5482
|
+
{
|
|
5483
|
+
ref,
|
|
5484
|
+
className: cn("-mx-1 my-1 h-px bg-muted", className),
|
|
5485
|
+
...props
|
|
5486
|
+
}
|
|
5487
|
+
));
|
|
5488
|
+
MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;
|
|
5489
|
+
var MenubarShortcut = ({
|
|
5490
|
+
className,
|
|
5491
|
+
...props
|
|
5492
|
+
}) => {
|
|
5493
|
+
return /* @__PURE__ */ jsx(
|
|
5494
|
+
"span",
|
|
5495
|
+
{
|
|
5496
|
+
className: cn(
|
|
5497
|
+
"ml-auto text-xs tracking-widest text-muted-foreground",
|
|
5498
|
+
className
|
|
5499
|
+
),
|
|
5500
|
+
...props
|
|
5501
|
+
}
|
|
5502
|
+
);
|
|
5503
|
+
};
|
|
5504
|
+
MenubarShortcut.displayname = "MenubarShortcut";
|
|
5505
|
+
var ResizablePanelGroup = ({
|
|
5506
|
+
className,
|
|
5507
|
+
...props
|
|
5508
|
+
}) => /* @__PURE__ */ jsx(
|
|
5509
|
+
ResizablePrimitive.PanelGroup,
|
|
5510
|
+
{
|
|
5511
|
+
className: cn(
|
|
5512
|
+
"flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
|
|
5513
|
+
className
|
|
5514
|
+
),
|
|
5515
|
+
...props
|
|
5516
|
+
}
|
|
5517
|
+
);
|
|
5518
|
+
var ResizablePanel = ResizablePrimitive.Panel;
|
|
5519
|
+
var ResizableHandle = ({
|
|
5520
|
+
withHandle,
|
|
5521
|
+
className,
|
|
5522
|
+
...props
|
|
5523
|
+
}) => /* @__PURE__ */ jsx(
|
|
5524
|
+
ResizablePrimitive.PanelResizeHandle,
|
|
5525
|
+
{
|
|
5526
|
+
className: cn(
|
|
5527
|
+
"relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
|
|
5528
|
+
className
|
|
5529
|
+
),
|
|
5530
|
+
...props,
|
|
5531
|
+
children: withHandle && /* @__PURE__ */ jsx("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx(GripVertical, { className: "h-2.5 w-2.5" }) })
|
|
5532
|
+
}
|
|
5533
|
+
);
|
|
5534
|
+
function Spinner({ className, ...props }) {
|
|
5535
|
+
return /* @__PURE__ */ jsx(
|
|
5536
|
+
Loader2Icon,
|
|
5537
|
+
{
|
|
5538
|
+
role: "status",
|
|
5539
|
+
"aria-label": "Loading",
|
|
5540
|
+
className: cn("size-4 animate-spin", className),
|
|
5541
|
+
...props
|
|
5542
|
+
}
|
|
5543
|
+
);
|
|
5544
|
+
}
|
|
4711
5545
|
|
|
4712
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppShell, AppShellMain, AppShellSidebar, AreaChart, ArrayField, AspectRatio, AutoForm, Avatar, AvatarFallback, AvatarImage, Badge, Banner, BarChart, Beacon, BlinkUIProvider, Breadcrumb, BreadcrumbItem, BreadcrumbPage, BreadcrumbSeparator, BulkActions, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChatDetail, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, CommandBar, CommandBarEmpty, CommandBarGroup, CommandBarItem, CommandItem, Container, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataGrid, DataTable, DataTableColumnHeader, DataTablePagination, DataTableToolbar, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateIcon, FeedbackModal, Field, FieldDescription, FieldError, FieldLabel, FileCards, FileUpload, FileUploadPreview, FilesList, FilterBadge, Filters, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HStack, HotkeyBadge, Hotkeys, HoverCard, HoverCardContent, HoverCardTrigger, IconBadge, Input, IntegrationCard, InviteModal, Kanban, KanbanCard, KanbanColumn, Label5 as Label, LineChart, LoadingOverlay, ManageTagsModal, MessagesCard, MetricCard, MetricCardWithButton, MetricCardWithIcon, MobileSidebarTrigger, Navbar, NavbarBrand, NavbarContent, NavbarItem, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NotificationSettings, ObjectField, OrgMenu, Page, PageActions, PageBody, PageDescription, PageHeader, PageTitle, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PasswordInput, Persona, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, PropertyItem, PropertyList, RadioGroup, RadioGroupItem, ResizeBox, ResizeHandle, RolesMenu, ScrollArea, ScrollBar, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectUsersModal, SelectValue, Separator4 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarItem, SidebarLayoutDashboard, SidebarLayoutGroups, SidebarLayoutMinimal, SidebarLayoutSearch, SidebarLayoutUser, SidebarSeparator, Skeleton, Slider, SortableTaskList, Sparkline, SplitPage, SplitPageDetail, SplitPageList, Stack, StackedLayoutBranded, StackedLayoutTabs, Stat, StatGroup, StepForm, StepFormNavigation, StepFormStep, Stepper, StructuredList, StructuredListItem, StructuredListSection, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TaskCard, TaskCardWithLabels, Textarea, Timeline, TimelineConnector, TimelineContent, TimelineItem, Toaster, Toggle, ToggleButton, ToggleButtonGroup, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, TourStep, UserMenu, VStack, WorkspaceMembers, badgeVariants, buttonVariants, cn, navigationMenuTriggerStyle, toggleVariants, useAppShell, useBlinkUI, useCommandBar, useFormField, useTour };
|
|
5546
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppShell, AppShellMain, AppShellSidebar, AreaChart, ArrayField, AspectRatio, AutoForm, Avatar, AvatarFallback, AvatarImage, Badge, Banner, BarChart, Beacon, BlinkUIProvider, Breadcrumb, BreadcrumbItem, BreadcrumbPage, BreadcrumbSeparator, BulkActions, Button, Calendar3 as Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, ChatDetail, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, CommandBar, CommandBarEmpty, CommandBarGroup, CommandBarItem, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, Command as CommandPrimitive, CommandSeparator, Container, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataGrid, DataTable, DataTableColumnHeader, DataTablePagination, DataTableToolbar, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateIcon, FeedbackModal, Field, FieldDescription, FieldError, FieldLabel, FileCards, FileUpload, FileUploadPreview, FilesList, FilterBadge, Filters, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HStack, HotkeyBadge, Hotkeys, HoverCard, HoverCardContent, HoverCardTrigger, IconBadge, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, IntegrationCard, InviteModal, Kanban, KanbanCard, KanbanColumn, Label5 as Label, LineChart, LoadingOverlay, ManageTagsModal, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessagesCard, MetricCard, MetricCardWithButton, MetricCardWithIcon, MobileSidebarTrigger, Navbar, NavbarBrand, NavbarContent, NavbarItem, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NotificationSettings, ObjectField, OrgMenu, Page, PageActions, PageBody, PageDescription, PageHeader, PageTitle, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PasswordInput, Persona, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, PropertyItem, PropertyList, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResizeBox, ResizeHandle, RolesMenu, ScrollArea, ScrollBar, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectUsersModal, SelectValue, Separator4 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarItem, SidebarLayoutDashboard, SidebarLayoutGroups, SidebarLayoutMinimal, SidebarLayoutSearch, SidebarLayoutUser, SidebarSeparator, Skeleton, Slider, SortableTaskList, Sparkline, Spinner, SplitPage, SplitPageDetail, SplitPageList, Stack, StackedLayoutBranded, StackedLayoutTabs, Stat, StatGroup, StepForm, StepFormNavigation, StepFormStep, Stepper, StructuredList, StructuredListItem, StructuredListSection, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TaskCard, TaskCardWithLabels, Textarea, Timeline, TimelineConnector, TimelineContent, TimelineItem, Toaster, Toggle, ToggleButton, ToggleButtonGroup, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, TourStep, UserMenu, VStack, WorkspaceMembers, badgeVariants, buttonVariants, cn, navigationMenuTriggerStyle, toggleVariants, useAppShell, useBlinkUI, useCommandBar, useFormField, useTour };
|
|
4713
5547
|
//# sourceMappingURL=out.js.map
|
|
4714
5548
|
//# sourceMappingURL=index.mjs.map
|