@motiadev/ui 0.13.0-beta.162-125657 → 0.13.0-beta.162-846200
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/LICENSE +21 -93
- package/dist/components/ui/background-effect.d.ts +7 -4
- package/dist/components/ui/background-effect.d.ts.map +1 -1
- package/dist/components/ui/background-effect.js +31 -0
- package/dist/components/ui/background-effect.js.map +1 -0
- package/dist/components/ui/badge.d.ts +11 -8
- package/dist/components/ui/badge.d.ts.map +1 -1
- package/dist/components/ui/badge.js +57 -0
- package/dist/components/ui/badge.js.map +1 -0
- package/dist/components/ui/breadcrumb.d.ts +24 -20
- package/dist/components/ui/breadcrumb.d.ts.map +1 -1
- package/dist/components/ui/breadcrumb.js +168 -0
- package/dist/components/ui/breadcrumb.js.map +1 -0
- package/dist/components/ui/button.d.ts +14 -9
- package/dist/components/ui/button.d.ts.map +1 -1
- package/dist/components/ui/button.js +88 -0
- package/dist/components/ui/button.js.map +1 -0
- package/dist/components/ui/checkbox.d.ts +7 -3
- package/dist/components/ui/checkbox.d.ts.map +1 -1
- package/dist/components/ui/checkbox.js +53 -0
- package/dist/components/ui/checkbox.js.map +1 -0
- package/dist/components/ui/collapsible-panel.d.ts +17 -13
- package/dist/components/ui/collapsible-panel.d.ts.map +1 -1
- package/dist/components/ui/collapsible-panel.js +252 -0
- package/dist/components/ui/collapsible-panel.js.map +1 -0
- package/dist/components/ui/container.d.ts +17 -13
- package/dist/components/ui/container.d.ts.map +1 -1
- package/dist/components/ui/container.js +143 -0
- package/dist/components/ui/container.js.map +1 -0
- package/dist/components/ui/dropdown-menu.d.ts +23 -21
- package/dist/components/ui/dropdown-menu.d.ts.map +1 -1
- package/dist/components/ui/dropdown-menu.js +430 -0
- package/dist/components/ui/dropdown-menu.js.map +1 -0
- package/dist/components/ui/empty.d.ts +34 -10
- package/dist/components/ui/empty.d.ts.map +1 -1
- package/dist/components/ui/empty.js +219 -0
- package/dist/components/ui/empty.js.map +1 -0
- package/dist/components/ui/input.d.ts +12 -8
- package/dist/components/ui/input.d.ts.map +1 -1
- package/dist/components/ui/input.js +66 -0
- package/dist/components/ui/input.js.map +1 -0
- package/dist/components/ui/label.d.ts +7 -3
- package/dist/components/ui/label.d.ts.map +1 -1
- package/dist/components/ui/label.js +43 -0
- package/dist/components/ui/label.js.map +1 -0
- package/dist/components/ui/level-dot.d.ts +7 -3
- package/dist/components/ui/level-dot.d.ts.map +1 -1
- package/dist/components/ui/level-dot.js +35 -0
- package/dist/components/ui/level-dot.js.map +1 -0
- package/dist/components/ui/panel.d.ts +32 -28
- package/dist/components/ui/panel.d.ts.map +1 -1
- package/dist/components/ui/panel.js +284 -0
- package/dist/components/ui/panel.js.map +1 -0
- package/dist/components/ui/select.d.ts +11 -13
- package/dist/components/ui/select.d.ts.map +1 -1
- package/dist/components/ui/select.js +341 -0
- package/dist/components/ui/select.js.map +1 -0
- package/dist/components/ui/side-panel-detail.d.ts +8 -5
- package/dist/components/ui/side-panel-detail.d.ts.map +1 -1
- package/dist/components/ui/side-panel-detail.js +54 -0
- package/dist/components/ui/side-panel-detail.js.map +1 -0
- package/dist/components/ui/side-panel.d.ts +18 -18
- package/dist/components/ui/side-panel.d.ts.map +1 -1
- package/dist/components/ui/side-panel.js +138 -0
- package/dist/components/ui/side-panel.js.map +1 -0
- package/dist/components/ui/sidebar.d.ts +12 -8
- package/dist/components/ui/sidebar.d.ts.map +1 -1
- package/dist/components/ui/sidebar.js +153 -0
- package/dist/components/ui/sidebar.js.map +1 -0
- package/dist/components/ui/table.d.ts +5 -4
- package/dist/components/ui/table.d.ts.map +1 -1
- package/dist/components/ui/table.js +285 -0
- package/dist/components/ui/table.js.map +1 -0
- package/dist/components/ui/tabs.d.ts +10 -6
- package/dist/components/ui/tabs.d.ts.map +1 -1
- package/dist/components/ui/tabs.js +142 -0
- package/dist/components/ui/tabs.js.map +1 -0
- package/dist/components/ui/textarea.d.ts +6 -2
- package/dist/components/ui/textarea.d.ts.map +1 -1
- package/dist/components/ui/textarea.js +42 -0
- package/dist/components/ui/textarea.js.map +1 -0
- package/dist/components/ui/tooltip.d.ts +10 -5
- package/dist/components/ui/tooltip.d.ts.map +1 -1
- package/dist/components/ui/tooltip.js +54 -0
- package/dist/components/ui/tooltip.js.map +1 -0
- package/dist/index.d.ts +24 -24
- package/dist/index.js +25 -11031
- package/dist/lib/utils.d.ts +6 -2
- package/dist/lib/utils.d.ts.map +1 -1
- package/dist/lib/utils.js +11 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/stores/use-theme-store.d.ts +22 -17
- package/dist/stores/use-theme-store.d.ts.map +1 -1
- package/dist/stores/use-theme-store.js +30 -0
- package/dist/stores/use-theme-store.js.map +1 -0
- package/dist/styles.css +2647 -0
- package/dist/styles.css.map +1 -0
- package/dist/styles.js +0 -0
- package/package.json +13 -15
- package/dist/components/ui/background-effect.stories.d.ts +0 -12
- package/dist/components/ui/background-effect.stories.d.ts.map +0 -1
- package/dist/components/ui/badge.stories.d.ts +0 -19
- package/dist/components/ui/badge.stories.d.ts.map +0 -1
- package/dist/components/ui/breadcrumb.stories.d.ts +0 -21
- package/dist/components/ui/breadcrumb.stories.d.ts.map +0 -1
- package/dist/components/ui/button.stories.d.ts +0 -25
- package/dist/components/ui/button.stories.d.ts.map +0 -1
- package/dist/components/ui/checkbox.stories.d.ts +0 -25
- package/dist/components/ui/checkbox.stories.d.ts.map +0 -1
- package/dist/components/ui/collapsible-panel.stories.d.ts +0 -12
- package/dist/components/ui/collapsible-panel.stories.d.ts.map +0 -1
- package/dist/components/ui/container.stories.d.ts +0 -10
- package/dist/components/ui/container.stories.d.ts.map +0 -1
- package/dist/components/ui/dropdown-menu.stories.d.ts +0 -18
- package/dist/components/ui/dropdown-menu.stories.d.ts.map +0 -1
- package/dist/components/ui/input.stories.d.ts +0 -23
- package/dist/components/ui/input.stories.d.ts.map +0 -1
- package/dist/components/ui/label.stories.d.ts +0 -17
- package/dist/components/ui/label.stories.d.ts.map +0 -1
- package/dist/components/ui/level-dot.stories.d.ts +0 -19
- package/dist/components/ui/level-dot.stories.d.ts.map +0 -1
- package/dist/components/ui/panel.stories.d.ts +0 -24
- package/dist/components/ui/panel.stories.d.ts.map +0 -1
- package/dist/components/ui/select.stories.d.ts +0 -18
- package/dist/components/ui/select.stories.d.ts.map +0 -1
- package/dist/components/ui/side-panel-detail.stories.d.ts +0 -12
- package/dist/components/ui/side-panel-detail.stories.d.ts.map +0 -1
- package/dist/components/ui/side-panel.stories.d.ts +0 -13
- package/dist/components/ui/side-panel.stories.d.ts.map +0 -1
- package/dist/components/ui/sidebar.stories.d.ts +0 -14
- package/dist/components/ui/sidebar.stories.d.ts.map +0 -1
- package/dist/components/ui/table.stories.d.ts +0 -18
- package/dist/components/ui/table.stories.d.ts.map +0 -1
- package/dist/components/ui/tabs.stories.d.ts +0 -16
- package/dist/components/ui/tabs.stories.d.ts.map +0 -1
- package/dist/components/ui/textarea.stories.d.ts +0 -21
- package/dist/components/ui/textarea.stories.d.ts.map +0 -1
- package/dist/components/ui/tooltip.stories.d.ts +0 -21
- package/dist/components/ui/tooltip.stories.d.ts.map +0 -1
- package/dist/index.cjs +0 -122
- package/dist/index.d.ts.map +0 -1
- package/dist/ui.css +0 -1
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
import { ComponentProps, FC } from
|
|
2
|
-
import * as CheckboxPrimitive from
|
|
3
|
-
|
|
1
|
+
import { ComponentProps, FC } from "react";
|
|
2
|
+
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
3
|
+
|
|
4
|
+
//#region src/components/ui/checkbox.d.ts
|
|
5
|
+
declare const Checkbox: FC<ComponentProps<typeof CheckboxPrimitive.Root>>;
|
|
6
|
+
//#endregion
|
|
7
|
+
export { Checkbox };
|
|
4
8
|
//# sourceMappingURL=checkbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.d.ts","
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","names":[],"sources":["../../../src/components/ui/checkbox.tsx"],"sourcesContent":[],"mappings":";;;;cAKa,UAAU,GAAG,sBAAsB,iBAAA,CAAkB"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { cn } from "../../lib/utils.js";
|
|
2
|
+
import { c } from "react/compiler-runtime";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
import { CheckIcon } from "lucide-react";
|
|
5
|
+
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
6
|
+
|
|
7
|
+
//#region src/components/ui/checkbox.tsx
|
|
8
|
+
const Checkbox = (t0) => {
|
|
9
|
+
const $ = c(9);
|
|
10
|
+
let className;
|
|
11
|
+
let props;
|
|
12
|
+
if ($[0] !== t0) {
|
|
13
|
+
({className, ...props} = t0);
|
|
14
|
+
$[0] = t0;
|
|
15
|
+
$[1] = className;
|
|
16
|
+
$[2] = props;
|
|
17
|
+
} else {
|
|
18
|
+
className = $[1];
|
|
19
|
+
props = $[2];
|
|
20
|
+
}
|
|
21
|
+
let t1;
|
|
22
|
+
if ($[3] !== className) {
|
|
23
|
+
t1 = cn("cursor-pointer peer border-border dark:bg-input data-[state=checked]:bg-primary data-[state=checked]:text-white dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className);
|
|
24
|
+
$[3] = className;
|
|
25
|
+
$[4] = t1;
|
|
26
|
+
} else t1 = $[4];
|
|
27
|
+
let t2;
|
|
28
|
+
if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
|
|
29
|
+
t2 = /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, {
|
|
30
|
+
"data-slot": "checkbox-indicator",
|
|
31
|
+
className: "flex items-center justify-center text-current transition-none",
|
|
32
|
+
children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
|
|
33
|
+
});
|
|
34
|
+
$[5] = t2;
|
|
35
|
+
} else t2 = $[5];
|
|
36
|
+
let t3;
|
|
37
|
+
if ($[6] !== props || $[7] !== t1) {
|
|
38
|
+
t3 = /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
|
|
39
|
+
"data-slot": "checkbox",
|
|
40
|
+
className: t1,
|
|
41
|
+
...props,
|
|
42
|
+
children: t2
|
|
43
|
+
});
|
|
44
|
+
$[6] = props;
|
|
45
|
+
$[7] = t1;
|
|
46
|
+
$[8] = t3;
|
|
47
|
+
} else t3 = $[8];
|
|
48
|
+
return t3;
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
//#endregion
|
|
52
|
+
export { Checkbox };
|
|
53
|
+
//# sourceMappingURL=checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.js","names":["CheckboxPrimitive","CheckIcon","ComponentProps","FC","cn","Checkbox","Root","t0","$","_c","className","props","t1","t2","Symbol","for","t3"],"sources":["../../../src/components/ui/checkbox.tsx"],"sourcesContent":["import * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { CheckIcon } from 'lucide-react'\nimport type { ComponentProps, FC } from 'react'\nimport { cn } from '../../lib/utils'\n\nexport const Checkbox: FC<ComponentProps<typeof CheckboxPrimitive.Root>> = ({ className, ...props }) => {\n return (\n <CheckboxPrimitive.Root\n data-slot=\"checkbox\"\n className={cn(\n 'cursor-pointer peer border-border dark:bg-input data-[state=checked]:bg-primary data-[state=checked]:text-white dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',\n className,\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator\n data-slot=\"checkbox-indicator\"\n className=\"flex items-center justify-center text-current transition-none\"\n >\n <CheckIcon className=\"size-3.5\" />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n )\n}\n"],"mappings":";;;;;;;AAKA,MAAaK,YAA8DE,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAH,EAAA,OAAAD,IAAA;AAAC,GAAA,CAAAG,cAAAC,SAAAJ;AAAuBC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;AAAAF,IAAA,KAAAG;QAAA;AAAAD,cAAAF,EAAA;AAAAG,UAAAH,EAAA;;CAAA,IAAAI;AAAA,KAAAJ,EAAA,OAAAE,WAAA;AAIlFE,OAAAR,GACT,+eACAM,UACD;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;CAAA,IAAAK;AAAA,KAAAL,EAAA,OAAAM,OAAAC,IAAA,4BAAA,EAAA;AAGDF,OAAA,oBAAA,kBAAA;GACY,aAAA;GACA,WAAA;aAEV,oBAAC,aAAoB,WAAA,aACvB;IAA8B;AAAAL,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAQ;AAAA,KAAAR,EAAA,OAAAG,SAAAH,EAAA,OAAAI,IAAA;AAbhCI,OAAA,oBAAA,kBAAA;GACY,aAAA;GACC,WAAAJ;GAGV,GACGD;aAEJE;IAMuB;AAAAL,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;AAAA,QAdzBQ"}
|
|
@@ -1,15 +1,19 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
import { ContainerHeaderProps } from "./container.js";
|
|
2
|
+
import React, { PropsWithChildren, ReactNode } from "react";
|
|
3
|
+
import { PanelGroup } from "react-resizable-panels";
|
|
4
|
+
|
|
5
|
+
//#region src/components/ui/collapsible-panel.d.ts
|
|
6
|
+
interface CollapsiblePanelProps extends PropsWithChildren {
|
|
7
|
+
id: string;
|
|
8
|
+
header: ReactNode;
|
|
9
|
+
withResizeHandle?: boolean;
|
|
10
|
+
className?: string;
|
|
11
|
+
variant?: ContainerHeaderProps['variant'];
|
|
12
|
+
defaultTab?: string;
|
|
13
|
+
onTabChange?: (tab: string) => void;
|
|
12
14
|
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
+
declare const CollapsiblePanel: React.FC<CollapsiblePanelProps>;
|
|
16
|
+
declare const CollapsiblePanelGroup: React.FC<React.ComponentProps<typeof PanelGroup>>;
|
|
17
|
+
//#endregion
|
|
18
|
+
export { CollapsiblePanel, CollapsiblePanelGroup };
|
|
15
19
|
//# sourceMappingURL=collapsible-panel.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collapsible-panel.d.ts","
|
|
1
|
+
{"version":3,"file":"collapsible-panel.d.ts","names":[],"sources":["../../../src/components/ui/collapsible-panel.tsx"],"sourcesContent":[],"mappings":";;;;;UAQiB,qBAAA,SAA8B;;EAA9B,MAAA,EAEP,SAFO;EAEP,gBAAA,CAAA,EAAA,OAAA;EAGE,SAAA,CAAA,EAAA,MAAA;EALmC,OAAA,CAAA,EAKnC,oBALmC,CAAA,SAAA,CAAA;EAAiB,UAAA,CAAA,EAAA,MAAA;EAkDnD,WAAA,CAAA,EAAA,CAAA,GAAA,EA+DZ,MAAA,EAAA,GA/DuC,IAAA;AAiExC;AAAyE,cAjE5D,gBAiE4D,EAjE1C,KAAA,CAAM,EAiEoC,CAjEjC,qBAiEiC,CAAA;AAAtB,cAAtC,qBAAsC,EAAf,KAAA,CAAM,EAAS,CAAN,KAAA,CAAM,cAAA,CAAA,OAAsB,UAAtB,CAAA,CAAA"}
|
|
@@ -0,0 +1,252 @@
|
|
|
1
|
+
import { cn } from "../../lib/utils.js";
|
|
2
|
+
import { Button } from "./button.js";
|
|
3
|
+
import { Container, ContainerContent, ContainerHeader } from "./container.js";
|
|
4
|
+
import { Tabs } from "./tabs.js";
|
|
5
|
+
import { c } from "react/compiler-runtime";
|
|
6
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
+
import { ChevronDown, Equal } from "lucide-react";
|
|
8
|
+
import React, { useRef, useState } from "react";
|
|
9
|
+
import { Panel, PanelGroup, PanelResizeHandle } from "react-resizable-panels";
|
|
10
|
+
|
|
11
|
+
//#region src/components/ui/collapsible-panel.tsx
|
|
12
|
+
const PanelControls = (t0) => {
|
|
13
|
+
const $ = c(9);
|
|
14
|
+
const { header, isCollapsed, onToggle, variant: t1 } = t0;
|
|
15
|
+
const variant = t1 === void 0 ? "default" : t1;
|
|
16
|
+
let t2;
|
|
17
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
18
|
+
t2 = /* @__PURE__ */ jsx("div", { className: "flex-1" });
|
|
19
|
+
$[0] = t2;
|
|
20
|
+
} else t2 = $[0];
|
|
21
|
+
let t3;
|
|
22
|
+
if ($[1] !== isCollapsed || $[2] !== onToggle || $[3] !== variant) {
|
|
23
|
+
t3 = onToggle && /* @__PURE__ */ jsx(Button, {
|
|
24
|
+
variant: "default",
|
|
25
|
+
onClick: onToggle,
|
|
26
|
+
"aria-label": isCollapsed ? "Expand panel" : "Collapse panel",
|
|
27
|
+
className: cn("h-8 px-3 [&_svg]:size-5", { "mr-5": variant === "tabs" }),
|
|
28
|
+
children: /* @__PURE__ */ jsx(ChevronDown, { className: cn("transition-transform", { "-rotate-180": !isCollapsed }) })
|
|
29
|
+
});
|
|
30
|
+
$[1] = isCollapsed;
|
|
31
|
+
$[2] = onToggle;
|
|
32
|
+
$[3] = variant;
|
|
33
|
+
$[4] = t3;
|
|
34
|
+
} else t3 = $[4];
|
|
35
|
+
let t4;
|
|
36
|
+
if ($[5] !== header || $[6] !== t3 || $[7] !== variant) {
|
|
37
|
+
t4 = /* @__PURE__ */ jsxs(ContainerHeader, {
|
|
38
|
+
variant,
|
|
39
|
+
children: [
|
|
40
|
+
header,
|
|
41
|
+
t2,
|
|
42
|
+
t3
|
|
43
|
+
]
|
|
44
|
+
});
|
|
45
|
+
$[5] = header;
|
|
46
|
+
$[6] = t3;
|
|
47
|
+
$[7] = variant;
|
|
48
|
+
$[8] = t4;
|
|
49
|
+
} else t4 = $[8];
|
|
50
|
+
return t4;
|
|
51
|
+
};
|
|
52
|
+
const CustomResizeHandle = () => {
|
|
53
|
+
const $ = c(1);
|
|
54
|
+
let t0;
|
|
55
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
56
|
+
t0 = /* @__PURE__ */ jsx("div", {
|
|
57
|
+
className: "relative",
|
|
58
|
+
children: /* @__PURE__ */ jsx("div", {
|
|
59
|
+
className: "absolute inset-0 flex items-center justify-center",
|
|
60
|
+
children: /* @__PURE__ */ jsx(PanelResizeHandle, {
|
|
61
|
+
className: "group relative",
|
|
62
|
+
children: /* @__PURE__ */ jsx("div", {
|
|
63
|
+
className: "flex h-6 w-6 items-center justify-center rounded-full bg-background border border-border",
|
|
64
|
+
children: /* @__PURE__ */ jsx(Equal, { className: "h-4 w-4 text-muted-foreground" })
|
|
65
|
+
})
|
|
66
|
+
})
|
|
67
|
+
})
|
|
68
|
+
});
|
|
69
|
+
$[0] = t0;
|
|
70
|
+
} else t0 = $[0];
|
|
71
|
+
return t0;
|
|
72
|
+
};
|
|
73
|
+
const CollapsiblePanel = (t0) => {
|
|
74
|
+
const $ = c(27);
|
|
75
|
+
const { id, header, children, withResizeHandle, className, variant, defaultTab, onTabChange } = t0;
|
|
76
|
+
const [isCollapsed, setIsCollapsed] = useState(false);
|
|
77
|
+
const panelRef = useRef(null);
|
|
78
|
+
let t1;
|
|
79
|
+
if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
|
|
80
|
+
t1 = () => {
|
|
81
|
+
const panel = panelRef.current;
|
|
82
|
+
if (!panel) return;
|
|
83
|
+
try {
|
|
84
|
+
if (panel.isCollapsed()) panel.expand();
|
|
85
|
+
else panel.collapse();
|
|
86
|
+
} catch (t2$1) {
|
|
87
|
+
const error = t2$1;
|
|
88
|
+
console.warn("Failed to toggle panel:", error);
|
|
89
|
+
}
|
|
90
|
+
};
|
|
91
|
+
$[0] = t1;
|
|
92
|
+
} else t1 = $[0];
|
|
93
|
+
const onToggle = t1;
|
|
94
|
+
let t2;
|
|
95
|
+
if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
|
|
96
|
+
t2 = () => setIsCollapsed(true);
|
|
97
|
+
$[1] = t2;
|
|
98
|
+
} else t2 = $[1];
|
|
99
|
+
const onCollapse = t2;
|
|
100
|
+
let t3;
|
|
101
|
+
if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
|
|
102
|
+
t3 = () => setIsCollapsed(false);
|
|
103
|
+
$[2] = t3;
|
|
104
|
+
} else t3 = $[2];
|
|
105
|
+
const onExpand = t3;
|
|
106
|
+
let t4;
|
|
107
|
+
bb0: {
|
|
108
|
+
let t5$1;
|
|
109
|
+
if ($[3] !== header || $[4] !== isCollapsed || $[5] !== variant) {
|
|
110
|
+
t5$1 = /* @__PURE__ */ jsx(PanelControls, {
|
|
111
|
+
header,
|
|
112
|
+
isCollapsed,
|
|
113
|
+
variant,
|
|
114
|
+
onToggle
|
|
115
|
+
});
|
|
116
|
+
$[3] = header;
|
|
117
|
+
$[4] = isCollapsed;
|
|
118
|
+
$[5] = variant;
|
|
119
|
+
$[6] = t5$1;
|
|
120
|
+
} else t5$1 = $[6];
|
|
121
|
+
let t6$1;
|
|
122
|
+
if ($[7] !== children) {
|
|
123
|
+
t6$1 = /* @__PURE__ */ jsx(ContainerContent, { children });
|
|
124
|
+
$[7] = children;
|
|
125
|
+
$[8] = t6$1;
|
|
126
|
+
} else t6$1 = $[8];
|
|
127
|
+
let t7$1;
|
|
128
|
+
if ($[9] !== t5$1 || $[10] !== t6$1) {
|
|
129
|
+
t7$1 = /* @__PURE__ */ jsxs(Container, {
|
|
130
|
+
className: "h-full",
|
|
131
|
+
children: [t5$1, t6$1]
|
|
132
|
+
});
|
|
133
|
+
$[9] = t5$1;
|
|
134
|
+
$[10] = t6$1;
|
|
135
|
+
$[11] = t7$1;
|
|
136
|
+
} else t7$1 = $[11];
|
|
137
|
+
const container = t7$1;
|
|
138
|
+
if (variant == "tabs") {
|
|
139
|
+
let t8$1;
|
|
140
|
+
if ($[12] !== container || $[13] !== defaultTab || $[14] !== onTabChange) {
|
|
141
|
+
t8$1 = /* @__PURE__ */ jsx(Tabs, {
|
|
142
|
+
className: "h-full",
|
|
143
|
+
defaultValue: defaultTab,
|
|
144
|
+
onValueChange: onTabChange,
|
|
145
|
+
children: container
|
|
146
|
+
});
|
|
147
|
+
$[12] = container;
|
|
148
|
+
$[13] = defaultTab;
|
|
149
|
+
$[14] = onTabChange;
|
|
150
|
+
$[15] = t8$1;
|
|
151
|
+
} else t8$1 = $[15];
|
|
152
|
+
t4 = t8$1;
|
|
153
|
+
break bb0;
|
|
154
|
+
}
|
|
155
|
+
t4 = container;
|
|
156
|
+
}
|
|
157
|
+
const view = t4;
|
|
158
|
+
let t5;
|
|
159
|
+
if ($[16] !== className) {
|
|
160
|
+
t5 = cn("min-h-[42px]", className);
|
|
161
|
+
$[16] = className;
|
|
162
|
+
$[17] = t5;
|
|
163
|
+
} else t5 = $[17];
|
|
164
|
+
let t6;
|
|
165
|
+
if ($[18] !== id || $[19] !== t5 || $[20] !== view) {
|
|
166
|
+
t6 = /* @__PURE__ */ jsx(Panel, {
|
|
167
|
+
id,
|
|
168
|
+
collapsible: true,
|
|
169
|
+
ref: panelRef,
|
|
170
|
+
className: t5,
|
|
171
|
+
onCollapse,
|
|
172
|
+
onExpand,
|
|
173
|
+
children: view
|
|
174
|
+
});
|
|
175
|
+
$[18] = id;
|
|
176
|
+
$[19] = t5;
|
|
177
|
+
$[20] = view;
|
|
178
|
+
$[21] = t6;
|
|
179
|
+
} else t6 = $[21];
|
|
180
|
+
let t7;
|
|
181
|
+
if ($[22] !== withResizeHandle) {
|
|
182
|
+
t7 = withResizeHandle && /* @__PURE__ */ jsx(CustomResizeHandle, {});
|
|
183
|
+
$[22] = withResizeHandle;
|
|
184
|
+
$[23] = t7;
|
|
185
|
+
} else t7 = $[23];
|
|
186
|
+
let t8;
|
|
187
|
+
if ($[24] !== t6 || $[25] !== t7) {
|
|
188
|
+
t8 = /* @__PURE__ */ jsxs(Fragment, { children: [t6, t7] });
|
|
189
|
+
$[24] = t6;
|
|
190
|
+
$[25] = t7;
|
|
191
|
+
$[26] = t8;
|
|
192
|
+
} else t8 = $[26];
|
|
193
|
+
return t8;
|
|
194
|
+
};
|
|
195
|
+
const CollapsiblePanelGroup = (t0) => {
|
|
196
|
+
const $ = c(12);
|
|
197
|
+
let children;
|
|
198
|
+
let props;
|
|
199
|
+
if ($[0] !== t0) {
|
|
200
|
+
({children, ...props} = t0);
|
|
201
|
+
$[0] = t0;
|
|
202
|
+
$[1] = children;
|
|
203
|
+
$[2] = props;
|
|
204
|
+
} else {
|
|
205
|
+
children = $[1];
|
|
206
|
+
props = $[2];
|
|
207
|
+
}
|
|
208
|
+
const [resizeHandleCount, setResizeHandleCount] = useState(0);
|
|
209
|
+
let t1;
|
|
210
|
+
if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
|
|
211
|
+
t1 = (sizes) => {
|
|
212
|
+
setResizeHandleCount(sizes.length);
|
|
213
|
+
};
|
|
214
|
+
$[3] = t1;
|
|
215
|
+
} else t1 = $[3];
|
|
216
|
+
let t2;
|
|
217
|
+
if ($[4] !== children || $[5] !== resizeHandleCount) {
|
|
218
|
+
let t3$1;
|
|
219
|
+
if ($[7] !== resizeHandleCount) {
|
|
220
|
+
t3$1 = (child, index) => {
|
|
221
|
+
if (React.isValidElement(child)) {
|
|
222
|
+
const last = resizeHandleCount - 1 === index;
|
|
223
|
+
const hasResizeHandle = resizeHandleCount > 1;
|
|
224
|
+
return React.cloneElement(child, { withResizeHandle: hasResizeHandle && !last });
|
|
225
|
+
}
|
|
226
|
+
return child;
|
|
227
|
+
};
|
|
228
|
+
$[7] = resizeHandleCount;
|
|
229
|
+
$[8] = t3$1;
|
|
230
|
+
} else t3$1 = $[8];
|
|
231
|
+
t2 = React.Children.map(children, t3$1);
|
|
232
|
+
$[4] = children;
|
|
233
|
+
$[5] = resizeHandleCount;
|
|
234
|
+
$[6] = t2;
|
|
235
|
+
} else t2 = $[6];
|
|
236
|
+
let t3;
|
|
237
|
+
if ($[9] !== props || $[10] !== t2) {
|
|
238
|
+
t3 = /* @__PURE__ */ jsx(PanelGroup, {
|
|
239
|
+
onLayout: t1,
|
|
240
|
+
...props,
|
|
241
|
+
children: t2
|
|
242
|
+
});
|
|
243
|
+
$[9] = props;
|
|
244
|
+
$[10] = t2;
|
|
245
|
+
$[11] = t3;
|
|
246
|
+
} else t3 = $[11];
|
|
247
|
+
return t3;
|
|
248
|
+
};
|
|
249
|
+
|
|
250
|
+
//#endregion
|
|
251
|
+
export { CollapsiblePanel, CollapsiblePanelGroup };
|
|
252
|
+
//# sourceMappingURL=collapsible-panel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapsible-panel.js","names":["ChevronDown","Equal","React","PropsWithChildren","ReactNode","useCallback","useMemo","useRef","useState","ImperativePanelHandle","Panel","PanelGroup","PanelResizeHandle","cn","Button","Container","ContainerContent","ContainerHeader","ContainerHeaderProps","Tabs","CollapsiblePanelProps","id","header","withResizeHandle","className","variant","defaultTab","onTabChange","tab","PanelControlProps","isCollapsed","onToggle","PanelControls","FC","t0","$","_c","t1","undefined","t2","Symbol","for","t3","t4","CustomResizeHandle","CollapsiblePanel","children","setIsCollapsed","panelRef","panel","current","expand","collapse","error","console","warn","onCollapse","onExpand","bb0","t5","t6","t7","container","t8","view","CollapsiblePanelGroup","ComponentProps","props","resizeHandleCount","setResizeHandleCount","sizes","length","child","index","isValidElement","last","hasResizeHandle","cloneElement","Children","map"],"sources":["../../../src/components/ui/collapsible-panel.tsx"],"sourcesContent":["import { ChevronDown, Equal } from 'lucide-react'\nimport React, { type PropsWithChildren, type ReactNode, useCallback, useMemo, useRef, useState } from 'react'\nimport { type ImperativePanelHandle, Panel, PanelGroup, PanelResizeHandle } from 'react-resizable-panels'\nimport { cn } from '../../lib/utils'\nimport { Button } from './button'\nimport { Container, ContainerContent, ContainerHeader, type ContainerHeaderProps } from './container'\nimport { Tabs } from './tabs'\n\nexport interface CollapsiblePanelProps extends PropsWithChildren {\n id: string\n header: ReactNode\n withResizeHandle?: boolean\n className?: string\n variant?: ContainerHeaderProps['variant']\n defaultTab?: string\n onTabChange?: (tab: string) => void\n}\n\ninterface PanelControlProps {\n header: ReactNode\n isCollapsed: boolean\n onToggle?: () => void\n variant?: ContainerHeaderProps['variant']\n}\n\nconst PanelControls: React.FC<PanelControlProps> = ({ header, isCollapsed, onToggle, variant = 'default' }) => {\n return (\n <ContainerHeader variant={variant}>\n {header}\n <div className=\"flex-1\" />\n {onToggle && (\n <Button\n variant=\"default\"\n onClick={onToggle}\n aria-label={isCollapsed ? 'Expand panel' : 'Collapse panel'}\n className={cn('h-8 px-3 [&_svg]:size-5', { 'mr-5': variant === 'tabs' })}\n >\n <ChevronDown className={cn('transition-transform', { '-rotate-180': !isCollapsed })} />\n </Button>\n )}\n </ContainerHeader>\n )\n}\n\nconst CustomResizeHandle: React.FC = () => {\n return (\n <div className=\"relative\">\n <div className=\"absolute inset-0 flex items-center justify-center\">\n <PanelResizeHandle className=\"group relative\">\n <div className=\"flex h-6 w-6 items-center justify-center rounded-full bg-background border border-border\">\n <Equal className=\"h-4 w-4 text-muted-foreground\" />\n </div>\n </PanelResizeHandle>\n </div>\n </div>\n )\n}\n\nexport const CollapsiblePanel: React.FC<CollapsiblePanelProps> = ({\n id,\n header,\n children,\n withResizeHandle,\n className,\n variant,\n defaultTab,\n onTabChange,\n}) => {\n const [isCollapsed, setIsCollapsed] = useState(false)\n const panelRef = useRef<ImperativePanelHandle>(null)\n\n const onToggle = useCallback(() => {\n const panel = panelRef.current\n if (!panel) return\n\n try {\n if (panel.isCollapsed()) {\n panel.expand()\n } else {\n panel.collapse()\n }\n } catch (error) {\n console.warn('Failed to toggle panel:', error)\n }\n }, [])\n\n const onCollapse = useCallback(() => setIsCollapsed(true), [])\n const onExpand = useCallback(() => setIsCollapsed(false), [])\n\n const view = useMemo(() => {\n const container = (\n <Container className=\"h-full\">\n <PanelControls header={header} isCollapsed={isCollapsed} variant={variant} onToggle={onToggle} />\n <ContainerContent>{children}</ContainerContent>\n </Container>\n )\n if (variant == 'tabs') {\n return (\n <Tabs className=\"h-full\" defaultValue={defaultTab} onValueChange={onTabChange}>\n {container}\n </Tabs>\n )\n }\n return container\n }, [variant, isCollapsed, header, children, defaultTab, onToggle, onTabChange])\n\n return (\n <>\n <Panel\n id={id}\n collapsible\n ref={panelRef}\n className={cn('min-h-[42px]', className)}\n onCollapse={onCollapse}\n onExpand={onExpand}\n >\n {view}\n </Panel>\n {withResizeHandle && <CustomResizeHandle />}\n </>\n )\n}\n\nexport const CollapsiblePanelGroup: React.FC<React.ComponentProps<typeof PanelGroup>> = ({ children, ...props }) => {\n const [resizeHandleCount, setResizeHandleCount] = useState(0)\n return (\n <PanelGroup\n onLayout={(sizes) => {\n setResizeHandleCount(sizes.length)\n }}\n {...props}\n >\n {React.Children.map(children, (child, index) => {\n if (React.isValidElement<CollapsiblePanelProps>(child)) {\n const last = resizeHandleCount - 1 === index\n const hasResizeHandle = resizeHandleCount > 1\n return React.cloneElement(child, { withResizeHandle: hasResizeHandle && !last })\n }\n return child\n })}\n </PanelGroup>\n )\n}\n"],"mappings":"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"}
|
|
@@ -1,15 +1,19 @@
|
|
|
1
|
-
import { VariantProps } from
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
import { VariantProps } from "class-variance-authority";
|
|
2
|
+
import * as react1 from "react";
|
|
3
|
+
import { HTMLAttributes } from "react";
|
|
4
|
+
import * as class_variance_authority_types1 from "class-variance-authority/types";
|
|
5
|
+
|
|
6
|
+
//#region src/components/ui/container.d.ts
|
|
7
|
+
interface ContainerProps extends HTMLAttributes<HTMLDivElement> {}
|
|
8
|
+
declare const Container: react1.ForwardRefExoticComponent<ContainerProps & react1.RefAttributes<HTMLDivElement>>;
|
|
6
9
|
declare const containerHeaderVariants: (props?: ({
|
|
7
|
-
|
|
8
|
-
} &
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
} &
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
variant?: "default" | "tabs" | null | undefined;
|
|
11
|
+
} & class_variance_authority_types1.ClassProp) | undefined) => string;
|
|
12
|
+
type ContainerHeaderProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof containerHeaderVariants>;
|
|
13
|
+
declare const ContainerHeader: react1.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
14
|
+
variant?: "default" | "tabs" | null | undefined;
|
|
15
|
+
} & class_variance_authority_types1.ClassProp) | undefined) => string> & react1.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
declare const ContainerContent: react1.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react1.RefAttributes<HTMLDivElement>>;
|
|
17
|
+
//#endregion
|
|
18
|
+
export { Container, ContainerContent, ContainerHeader, ContainerHeaderProps };
|
|
15
19
|
//# sourceMappingURL=container.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.d.ts","
|
|
1
|
+
{"version":3,"file":"container.d.ts","names":[],"sources":["../../../src/components/ui/container.tsx"],"sourcesContent":[],"mappings":";;;;;;UAKU,cAAA,SAAuB,eAAe;cAEnC,WAAS,MAAA,CAAA,0BAAA,iBAAA,MAAA,CAAA,cAAA;cAgBhB,+BAHJ;EAfQ,OAAA,CAAA,EAAA,SAAe,GAAA,MAAA,GAAuB,IAAA,GAAA,SAAf;AAEjC,CAAA,GA0BE,+BAAA,CAAA,SAbA,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA;AAboB,KA4BV,oBAAA,GAAuB,cA5Bb,CA4B4B,cA5B5B,CAAA,GA4B8C,YA5B9C,CAAA,OA4BkE,uBA5BlE,CAAA;AAAA,cA8BT,eA9BS,SA8BM,yBA9BN,CA8BM,cA9BN,CA8BM,cA9BN,CAAA,GA8BM,YA9BN,CAAA,CAAA,KAAA,CAAA,EAAA,CAAA;EAAA,OAAA,CAAA,EAAA,SAAA,GAAA,MAAA,GAAA,IAAA,GAAA,SAAA;CAAA,GA8BM,+BAAA,CAAA,SA9BN,CAAA,GAAA,SAAA,EAAA,GAAA,MAAA,CAAA,uBAAA,eAAA,CAAA,CAAA;AAAA,cA0CT,gBA1CS,EA0CO,MAAA,CAAA,yBA1CP,CA0CO,cA1CP,CA0CO,cA1CP,CAAA,GA0CO,MAAA,CAAA,aA1CP,CA0CO,cA1CP,CAAA,CAAA"}
|
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
import { BackgroundEffect } from "./background-effect.js";
|
|
2
|
+
import { cn } from "../../lib/utils.js";
|
|
3
|
+
import { c } from "react/compiler-runtime";
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
import { cva } from "class-variance-authority";
|
|
6
|
+
import { forwardRef } from "react";
|
|
7
|
+
|
|
8
|
+
//#region src/components/ui/container.tsx
|
|
9
|
+
const Container = forwardRef((t0, ref) => {
|
|
10
|
+
const $ = c(11);
|
|
11
|
+
let children;
|
|
12
|
+
let className;
|
|
13
|
+
let props;
|
|
14
|
+
if ($[0] !== t0) {
|
|
15
|
+
({className, children, ...props} = t0);
|
|
16
|
+
$[0] = t0;
|
|
17
|
+
$[1] = children;
|
|
18
|
+
$[2] = className;
|
|
19
|
+
$[3] = props;
|
|
20
|
+
} else {
|
|
21
|
+
children = $[1];
|
|
22
|
+
className = $[2];
|
|
23
|
+
props = $[3];
|
|
24
|
+
}
|
|
25
|
+
let t1;
|
|
26
|
+
if ($[4] !== className) {
|
|
27
|
+
t1 = cn("relative border border-border text-foreground rounded-lg overflow-hidden flex flex-col h-full", className);
|
|
28
|
+
$[4] = className;
|
|
29
|
+
$[5] = t1;
|
|
30
|
+
} else t1 = $[5];
|
|
31
|
+
let t2;
|
|
32
|
+
if ($[6] !== children || $[7] !== props || $[8] !== ref || $[9] !== t1) {
|
|
33
|
+
t2 = /* @__PURE__ */ jsx("div", {
|
|
34
|
+
ref,
|
|
35
|
+
className: t1,
|
|
36
|
+
...props,
|
|
37
|
+
children
|
|
38
|
+
});
|
|
39
|
+
$[6] = children;
|
|
40
|
+
$[7] = props;
|
|
41
|
+
$[8] = ref;
|
|
42
|
+
$[9] = t1;
|
|
43
|
+
$[10] = t2;
|
|
44
|
+
} else t2 = $[10];
|
|
45
|
+
return t2;
|
|
46
|
+
});
|
|
47
|
+
Container.displayName = "Container";
|
|
48
|
+
const containerHeaderVariants = cva("isolate w-full bg-card flex min-h-10 items-center", {
|
|
49
|
+
variants: { variant: {
|
|
50
|
+
default: "px-5 py-2 items-center",
|
|
51
|
+
tabs: "p-0"
|
|
52
|
+
} },
|
|
53
|
+
defaultVariants: { variant: "default" }
|
|
54
|
+
});
|
|
55
|
+
const ContainerHeader = forwardRef((t0, ref) => {
|
|
56
|
+
const $ = c(14);
|
|
57
|
+
let children;
|
|
58
|
+
let className;
|
|
59
|
+
let props;
|
|
60
|
+
let variant;
|
|
61
|
+
if ($[0] !== t0) {
|
|
62
|
+
({className, variant, children, ...props} = t0);
|
|
63
|
+
$[0] = t0;
|
|
64
|
+
$[1] = children;
|
|
65
|
+
$[2] = className;
|
|
66
|
+
$[3] = props;
|
|
67
|
+
$[4] = variant;
|
|
68
|
+
} else {
|
|
69
|
+
children = $[1];
|
|
70
|
+
className = $[2];
|
|
71
|
+
props = $[3];
|
|
72
|
+
variant = $[4];
|
|
73
|
+
}
|
|
74
|
+
let t1;
|
|
75
|
+
if ($[5] !== className || $[6] !== variant) {
|
|
76
|
+
t1 = cn(containerHeaderVariants({
|
|
77
|
+
variant,
|
|
78
|
+
className
|
|
79
|
+
}));
|
|
80
|
+
$[5] = className;
|
|
81
|
+
$[6] = variant;
|
|
82
|
+
$[7] = t1;
|
|
83
|
+
} else t1 = $[7];
|
|
84
|
+
let t2;
|
|
85
|
+
if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
|
|
86
|
+
t2 = /* @__PURE__ */ jsx(BackgroundEffect, {});
|
|
87
|
+
$[8] = t2;
|
|
88
|
+
} else t2 = $[8];
|
|
89
|
+
let t3;
|
|
90
|
+
if ($[9] !== children || $[10] !== props || $[11] !== ref || $[12] !== t1) {
|
|
91
|
+
t3 = /* @__PURE__ */ jsxs("div", {
|
|
92
|
+
ref,
|
|
93
|
+
className: t1,
|
|
94
|
+
...props,
|
|
95
|
+
children: [t2, children]
|
|
96
|
+
});
|
|
97
|
+
$[9] = children;
|
|
98
|
+
$[10] = props;
|
|
99
|
+
$[11] = ref;
|
|
100
|
+
$[12] = t1;
|
|
101
|
+
$[13] = t3;
|
|
102
|
+
} else t3 = $[13];
|
|
103
|
+
return t3;
|
|
104
|
+
});
|
|
105
|
+
ContainerHeader.displayName = "ContainerHeader";
|
|
106
|
+
const ContainerContent = forwardRef((t0, ref) => {
|
|
107
|
+
const $ = c(9);
|
|
108
|
+
let className;
|
|
109
|
+
let props;
|
|
110
|
+
if ($[0] !== t0) {
|
|
111
|
+
({className, ...props} = t0);
|
|
112
|
+
$[0] = t0;
|
|
113
|
+
$[1] = className;
|
|
114
|
+
$[2] = props;
|
|
115
|
+
} else {
|
|
116
|
+
className = $[1];
|
|
117
|
+
props = $[2];
|
|
118
|
+
}
|
|
119
|
+
let t1;
|
|
120
|
+
if ($[3] !== className) {
|
|
121
|
+
t1 = cn("flex-1 overflow-auto bg-default border-border border-t", className);
|
|
122
|
+
$[3] = className;
|
|
123
|
+
$[4] = t1;
|
|
124
|
+
} else t1 = $[4];
|
|
125
|
+
let t2;
|
|
126
|
+
if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
|
|
127
|
+
t2 = /* @__PURE__ */ jsx("div", {
|
|
128
|
+
ref,
|
|
129
|
+
className: t1,
|
|
130
|
+
...props
|
|
131
|
+
});
|
|
132
|
+
$[5] = props;
|
|
133
|
+
$[6] = ref;
|
|
134
|
+
$[7] = t1;
|
|
135
|
+
$[8] = t2;
|
|
136
|
+
} else t2 = $[8];
|
|
137
|
+
return t2;
|
|
138
|
+
});
|
|
139
|
+
ContainerContent.displayName = "ContainerContent";
|
|
140
|
+
|
|
141
|
+
//#endregion
|
|
142
|
+
export { Container, ContainerContent, ContainerHeader };
|
|
143
|
+
//# sourceMappingURL=container.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"container.js","names":["cva","VariantProps","forwardRef","HTMLAttributes","cn","BackgroundEffect","ContainerProps","HTMLDivElement","Container","t0","ref","$","_c","children","className","props","t1","t2","displayName","containerHeaderVariants","variants","variant","default","tabs","defaultVariants","ContainerHeaderProps","ContainerHeader","Symbol","for","t3","ContainerContent"],"sources":["../../../src/components/ui/container.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\nimport { forwardRef, type HTMLAttributes } from 'react'\nimport { cn } from '../../lib/utils'\nimport { BackgroundEffect } from './background-effect'\n\ninterface ContainerProps extends HTMLAttributes<HTMLDivElement> {}\n\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(({ className, children, ...props }, ref) => {\n return (\n <div\n ref={ref}\n className={cn(\n 'relative border border-border text-foreground rounded-lg overflow-hidden flex flex-col h-full',\n className,\n )}\n {...props}\n >\n {children}\n </div>\n )\n})\nContainer.displayName = 'Container'\n\nconst containerHeaderVariants = cva('isolate w-full bg-card flex min-h-10 items-center', {\n variants: {\n variant: {\n default: 'px-5 py-2 items-center',\n tabs: 'p-0',\n },\n },\n defaultVariants: {\n variant: 'default',\n },\n})\n\nexport type ContainerHeaderProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof containerHeaderVariants>\n\nexport const ContainerHeader = forwardRef<HTMLDivElement, ContainerHeaderProps>(\n ({ className, variant, children, ...props }, ref) => {\n return (\n <div ref={ref} className={cn(containerHeaderVariants({ variant, className }))} {...props}>\n <BackgroundEffect />\n {children}\n </div>\n )\n },\n)\nContainerHeader.displayName = 'ContainerHeader'\n\nexport const ContainerContent = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n ({ className, ...props }, ref) => {\n return (\n <div ref={ref} className={cn('flex-1 overflow-auto bg-default border-border border-t', className)} {...props} />\n )\n },\n)\nContainerContent.displayName = 'ContainerContent'\n"],"mappings":"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"}
|
|
@@ -1,25 +1,27 @@
|
|
|
1
|
-
import { ComponentProps, FC } from
|
|
2
|
-
import * as DropdownMenuPrimitive from
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
import { ComponentProps, FC } from "react";
|
|
2
|
+
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
3
|
+
|
|
4
|
+
//#region src/components/ui/dropdown-menu.d.ts
|
|
5
|
+
declare const DropdownMenu: FC<ComponentProps<typeof DropdownMenuPrimitive.Root>>;
|
|
6
|
+
declare const DropdownMenuTrigger: FC<ComponentProps<typeof DropdownMenuPrimitive.Trigger>>;
|
|
7
|
+
declare const DropdownMenuContent: FC<ComponentProps<typeof DropdownMenuPrimitive.Content>>;
|
|
8
|
+
declare const DropdownMenuGroup: FC<ComponentProps<typeof DropdownMenuPrimitive.Group>>;
|
|
9
|
+
declare const DropdownMenuItem: FC<ComponentProps<typeof DropdownMenuPrimitive.Item> & {
|
|
10
|
+
inset?: boolean;
|
|
11
|
+
variant?: 'default' | 'destructive';
|
|
11
12
|
}>;
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
declare const DropdownMenuCheckboxItem: FC<ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>>;
|
|
14
|
+
declare const DropdownMenuRadioGroup: FC<ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>>;
|
|
15
|
+
declare const DropdownMenuRadioItem: FC<ComponentProps<typeof DropdownMenuPrimitive.RadioItem>>;
|
|
16
|
+
declare const DropdownMenuLabel: FC<ComponentProps<typeof DropdownMenuPrimitive.Label> & {
|
|
17
|
+
inset?: boolean;
|
|
17
18
|
}>;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
inset?: boolean;
|
|
19
|
+
declare const DropdownMenuSeparator: FC<ComponentProps<typeof DropdownMenuPrimitive.Separator>>;
|
|
20
|
+
declare const DropdownMenuSub: FC<ComponentProps<typeof DropdownMenuPrimitive.Sub>>;
|
|
21
|
+
declare const DropdownMenuSubTrigger: FC<ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
|
|
22
|
+
inset?: boolean;
|
|
23
23
|
}>;
|
|
24
|
-
|
|
24
|
+
declare const DropdownMenuSubContent: FC<ComponentProps<typeof DropdownMenuPrimitive.SubContent>>;
|
|
25
|
+
//#endregion
|
|
26
|
+
export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
|
|
25
27
|
//# sourceMappingURL=dropdown-menu.d.ts.map
|