@motiadev/ui 0.13.0-beta.162-945354 → 0.13.0-beta.162-080298
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 +93 -21
- package/dist/components/ui/background-effect.d.ts +4 -7
- package/dist/components/ui/background-effect.d.ts.map +1 -1
- package/dist/components/ui/background-effect.stories.d.ts +12 -0
- package/dist/components/ui/background-effect.stories.d.ts.map +1 -0
- package/dist/components/ui/badge.d.ts +8 -11
- package/dist/components/ui/badge.d.ts.map +1 -1
- package/dist/components/ui/badge.stories.d.ts +19 -0
- package/dist/components/ui/badge.stories.d.ts.map +1 -0
- package/dist/components/ui/breadcrumb.d.ts +20 -24
- package/dist/components/ui/breadcrumb.d.ts.map +1 -1
- package/dist/components/ui/breadcrumb.stories.d.ts +21 -0
- package/dist/components/ui/breadcrumb.stories.d.ts.map +1 -0
- package/dist/components/ui/button.d.ts +9 -14
- package/dist/components/ui/button.d.ts.map +1 -1
- package/dist/components/ui/button.stories.d.ts +25 -0
- package/dist/components/ui/button.stories.d.ts.map +1 -0
- package/dist/components/ui/checkbox.d.ts +3 -7
- package/dist/components/ui/checkbox.d.ts.map +1 -1
- package/dist/components/ui/checkbox.stories.d.ts +25 -0
- package/dist/components/ui/checkbox.stories.d.ts.map +1 -0
- package/dist/components/ui/collapsible-panel.d.ts +13 -17
- package/dist/components/ui/collapsible-panel.d.ts.map +1 -1
- package/dist/components/ui/collapsible-panel.stories.d.ts +12 -0
- package/dist/components/ui/collapsible-panel.stories.d.ts.map +1 -0
- package/dist/components/ui/container.d.ts +13 -17
- package/dist/components/ui/container.d.ts.map +1 -1
- package/dist/components/ui/container.stories.d.ts +10 -0
- package/dist/components/ui/container.stories.d.ts.map +1 -0
- package/dist/components/ui/dropdown-menu.d.ts +21 -23
- package/dist/components/ui/dropdown-menu.d.ts.map +1 -1
- package/dist/components/ui/dropdown-menu.stories.d.ts +18 -0
- package/dist/components/ui/dropdown-menu.stories.d.ts.map +1 -0
- package/dist/components/ui/empty.d.ts +10 -34
- package/dist/components/ui/empty.d.ts.map +1 -1
- package/dist/components/ui/input.d.ts +8 -12
- package/dist/components/ui/input.d.ts.map +1 -1
- package/dist/components/ui/input.stories.d.ts +23 -0
- package/dist/components/ui/input.stories.d.ts.map +1 -0
- package/dist/components/ui/label.d.ts +3 -7
- package/dist/components/ui/label.d.ts.map +1 -1
- package/dist/components/ui/label.stories.d.ts +17 -0
- package/dist/components/ui/label.stories.d.ts.map +1 -0
- package/dist/components/ui/level-dot.d.ts +3 -7
- package/dist/components/ui/level-dot.d.ts.map +1 -1
- package/dist/components/ui/level-dot.stories.d.ts +19 -0
- package/dist/components/ui/level-dot.stories.d.ts.map +1 -0
- package/dist/components/ui/panel.d.ts +28 -32
- package/dist/components/ui/panel.d.ts.map +1 -1
- package/dist/components/ui/panel.stories.d.ts +24 -0
- package/dist/components/ui/panel.stories.d.ts.map +1 -0
- package/dist/components/ui/select.d.ts +13 -11
- package/dist/components/ui/select.d.ts.map +1 -1
- package/dist/components/ui/select.stories.d.ts +18 -0
- package/dist/components/ui/select.stories.d.ts.map +1 -0
- package/dist/components/ui/side-panel-detail.d.ts +5 -8
- package/dist/components/ui/side-panel-detail.d.ts.map +1 -1
- package/dist/components/ui/side-panel-detail.stories.d.ts +12 -0
- package/dist/components/ui/side-panel-detail.stories.d.ts.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.stories.d.ts +13 -0
- package/dist/components/ui/side-panel.stories.d.ts.map +1 -0
- package/dist/components/ui/sidebar.d.ts +8 -12
- package/dist/components/ui/sidebar.d.ts.map +1 -1
- package/dist/components/ui/sidebar.stories.d.ts +14 -0
- package/dist/components/ui/sidebar.stories.d.ts.map +1 -0
- package/dist/components/ui/table.d.ts +4 -5
- package/dist/components/ui/table.d.ts.map +1 -1
- package/dist/components/ui/table.stories.d.ts +18 -0
- package/dist/components/ui/table.stories.d.ts.map +1 -0
- package/dist/components/ui/tabs.d.ts +6 -10
- package/dist/components/ui/tabs.d.ts.map +1 -1
- package/dist/components/ui/tabs.stories.d.ts +16 -0
- package/dist/components/ui/tabs.stories.d.ts.map +1 -0
- package/dist/components/ui/textarea.d.ts +2 -6
- package/dist/components/ui/textarea.d.ts.map +1 -1
- package/dist/components/ui/textarea.stories.d.ts +21 -0
- package/dist/components/ui/textarea.stories.d.ts.map +1 -0
- package/dist/components/ui/tooltip.d.ts +5 -10
- package/dist/components/ui/tooltip.d.ts.map +1 -1
- package/dist/components/ui/tooltip.stories.d.ts +21 -0
- package/dist/components/ui/tooltip.stories.d.ts.map +1 -0
- package/dist/index.cjs +122 -0
- package/dist/index.d.ts +24 -24
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +11031 -25
- package/dist/lib/utils.d.ts +2 -6
- package/dist/lib/utils.d.ts.map +1 -1
- package/dist/stores/use-theme-store.d.ts +17 -22
- package/dist/stores/use-theme-store.d.ts.map +1 -1
- package/dist/ui.css +1 -0
- package/package.json +15 -13
- package/dist/components/ui/background-effect.js +0 -31
- package/dist/components/ui/background-effect.js.map +0 -1
- package/dist/components/ui/badge.js +0 -57
- package/dist/components/ui/badge.js.map +0 -1
- package/dist/components/ui/breadcrumb.js +0 -168
- package/dist/components/ui/breadcrumb.js.map +0 -1
- package/dist/components/ui/button.js +0 -88
- package/dist/components/ui/button.js.map +0 -1
- package/dist/components/ui/checkbox.js +0 -53
- package/dist/components/ui/checkbox.js.map +0 -1
- package/dist/components/ui/collapsible-panel.js +0 -252
- package/dist/components/ui/collapsible-panel.js.map +0 -1
- package/dist/components/ui/container.js +0 -143
- package/dist/components/ui/container.js.map +0 -1
- package/dist/components/ui/dropdown-menu.js +0 -430
- package/dist/components/ui/dropdown-menu.js.map +0 -1
- package/dist/components/ui/empty.js +0 -219
- package/dist/components/ui/empty.js.map +0 -1
- package/dist/components/ui/input.js +0 -66
- package/dist/components/ui/input.js.map +0 -1
- package/dist/components/ui/label.js +0 -43
- package/dist/components/ui/label.js.map +0 -1
- package/dist/components/ui/level-dot.js +0 -35
- package/dist/components/ui/level-dot.js.map +0 -1
- package/dist/components/ui/panel.js +0 -284
- package/dist/components/ui/panel.js.map +0 -1
- package/dist/components/ui/select.js +0 -341
- package/dist/components/ui/select.js.map +0 -1
- package/dist/components/ui/side-panel-detail.js +0 -54
- package/dist/components/ui/side-panel-detail.js.map +0 -1
- package/dist/components/ui/side-panel.js +0 -138
- package/dist/components/ui/side-panel.js.map +0 -1
- package/dist/components/ui/sidebar.js +0 -153
- package/dist/components/ui/sidebar.js.map +0 -1
- package/dist/components/ui/table.js +0 -285
- package/dist/components/ui/table.js.map +0 -1
- package/dist/components/ui/tabs.js +0 -142
- package/dist/components/ui/tabs.js.map +0 -1
- package/dist/components/ui/textarea.js +0 -42
- package/dist/components/ui/textarea.js.map +0 -1
- package/dist/components/ui/tooltip.js +0 -54
- package/dist/components/ui/tooltip.js.map +0 -1
- package/dist/lib/utils.js +0 -11
- package/dist/lib/utils.js.map +0 -1
- package/dist/stores/use-theme-store.js +0 -30
- package/dist/stores/use-theme-store.js.map +0 -1
- package/dist/styles.css +0 -2647
- package/dist/styles.css.map +0 -1
- package/dist/styles.js +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","names":["Slot","cva","VariantProps","ButtonHTMLAttributes","forwardRef","cn","buttonVariants","variants","variant","default","accent","light","secondary","destructive","outline","ghost","link","icon","size","sm","md","lg","defaultVariants","ButtonProps","HTMLButtonElement","asChild","Button","t0","ref","$","_c","className","props","t1","undefined","Comp","t2","t3","displayName"],"sources":["../../../src/components/ui/button.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { type ButtonHTMLAttributes, forwardRef } from 'react'\n\nimport { cn } from '../../lib/utils'\n\nconst buttonVariants = cva(\n 'inline-flex items-center cursor-pointer justify-center gap-2 whitespace-nowrap rounded-md font-semibold transition-all duration-200 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n {\n variants: {\n variant: {\n default: 'bg-input text-foreground hover:bg-border active:bg-card',\n accent: 'bg-accent text-accent-foreground hover:bg-accent/90 active:bg-accent/80',\n light: 'bg-background text-foreground border border-border hover:bg-muted active:bg-muted/80',\n secondary: 'bg-secondary text-foreground shadow-sm hover:opacity-90 active:opacity-80',\n destructive: 'bg-destructive text-destructive-foreground shadow-sm hover:opacity-90 active:opacity-80',\n outline: 'border border-border bg-transparent hover:bg-muted hover:text-muted-foreground text-foreground',\n ghost: 'hover:bg-muted-foreground/20 text-foreground',\n link: 'text-primary underline-offset-4 hover:underline text-primary-foreground',\n icon: 'hover:bg-muted-foreground/20 text-foreground rounded-full bg-muted-foreground/10',\n },\n size: {\n sm: 'h-6 px-3 text-xs [&_svg]:size-3',\n default: 'h-9 px-4 text-sm [&_svg]:size-4',\n md: 'h-9 px-4 text-sm [&_svg]:size-4',\n lg: 'h-11 px-6 text-base [&_svg]:size-5',\n icon: 'h-4 w-4 [&_svg]:size-4',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'default',\n },\n },\n)\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {\n asChild?: boolean\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n ({ className, variant, size, asChild = false, ...props }, ref) => {\n const Comp = asChild ? Slot : 'button'\n return <Comp className={cn(buttonVariants({ variant, size }), className)} ref={ref} {...props} />\n },\n)\nButton.displayName = 'Button'\n"],"mappings":";;;;;;;;AAMA,MAAMM,iBAAiBL,IACrB,6SACA;CACEM,UAAU;EACRC,SAAS;GACPC,SAAS;GACTC,QAAQ;GACRC,OAAO;GACPC,WAAW;GACXC,aAAa;GACbC,SAAS;GACTC,OAAO;GACPC,MAAM;GACNC,MAAM;GACP;EACDC,MAAM;GACJC,IAAI;GACJV,SAAS;GACTW,IAAI;GACJC,IAAI;GACJJ,MAAM;GACR;EACD;CACDK,iBAAiB;EACfd,SAAS;EACTU,MAAM;EACR;CAEJ,CAAC;AAMD,MAAaQ,SAAStB,YACpBuB,IAAAC,QAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAd;CAAA,IAAAe;CAAA,IAAAzB;AAAA,KAAAqB,EAAA,OAAAF,IAAA;AAAC,GAAA,CAAAI,WAAAvB,SAAAU,MAAAO,SAAAQ,OAAAD,SAAAL;AAAuDE,IAAA,KAAAF;AAAAE,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAX;AAAAW,IAAA,KAAAI;AAAAJ,IAAA,KAAArB;QAAA;AAAAuB,cAAAF,EAAA;AAAAG,UAAAH,EAAA;AAAAX,SAAAW,EAAA;AAAAI,OAAAJ,EAAA;AAAArB,YAAAqB,EAAA;;CACtD,MAAAM,QAD2BF,OAAAC,SAAA,QAAAD,MACdjC,OAAA;CAAyB,IAAAoC;AAAA,KAAAP,EAAA,OAAAE,aAAAF,EAAA,OAAAX,QAAAW,EAAA,OAAArB,SAAA;AACd4B,OAAA/B,GAAGC,eAAe;GAAAE;GAAAU;GAAiB,CAAC,EAAEa,UAAU;AAAAF,IAAA,KAAAE;AAAAF,IAAA,KAAAX;AAAAW,IAAA,KAAArB;AAAAqB,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CAAA,IAAAQ;AAAA,KAAAR,EAAA,QAAAM,QAAAN,EAAA,QAAAG,SAAAH,EAAA,QAAAD,OAAAC,EAAA,QAAAO,IAAA;AAAjEC,OAAA,oBAAC;GAAgB,WAAAD;GAAuDR;GAAG,GAAMI;IAAS;AAAAH,IAAA,MAAAM;AAAAN,IAAA,MAAAG;AAAAH,IAAA,MAAAD;AAAAC,IAAA,MAAAO;AAAAP,IAAA,MAAAQ;OAAAA,MAAAR,EAAA;AAAA,QAA1FQ;EAEV;AACDX,OAAOY,cAAc"}
|
|
@@ -1,53 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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,252 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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,143 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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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"}
|