@motiadev/ui 0.13.0-beta.162-846200 → 0.13.0-beta.162-415452

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.
Files changed (142) hide show
  1. package/LICENSE +93 -21
  2. package/dist/components/ui/background-effect.d.ts +4 -7
  3. package/dist/components/ui/background-effect.d.ts.map +1 -1
  4. package/dist/components/ui/background-effect.stories.d.ts +12 -0
  5. package/dist/components/ui/background-effect.stories.d.ts.map +1 -0
  6. package/dist/components/ui/badge.d.ts +8 -11
  7. package/dist/components/ui/badge.d.ts.map +1 -1
  8. package/dist/components/ui/badge.stories.d.ts +19 -0
  9. package/dist/components/ui/badge.stories.d.ts.map +1 -0
  10. package/dist/components/ui/breadcrumb.d.ts +20 -24
  11. package/dist/components/ui/breadcrumb.d.ts.map +1 -1
  12. package/dist/components/ui/breadcrumb.stories.d.ts +21 -0
  13. package/dist/components/ui/breadcrumb.stories.d.ts.map +1 -0
  14. package/dist/components/ui/button.d.ts +9 -14
  15. package/dist/components/ui/button.d.ts.map +1 -1
  16. package/dist/components/ui/button.stories.d.ts +25 -0
  17. package/dist/components/ui/button.stories.d.ts.map +1 -0
  18. package/dist/components/ui/checkbox.d.ts +3 -7
  19. package/dist/components/ui/checkbox.d.ts.map +1 -1
  20. package/dist/components/ui/checkbox.stories.d.ts +25 -0
  21. package/dist/components/ui/checkbox.stories.d.ts.map +1 -0
  22. package/dist/components/ui/collapsible-panel.d.ts +13 -17
  23. package/dist/components/ui/collapsible-panel.d.ts.map +1 -1
  24. package/dist/components/ui/collapsible-panel.stories.d.ts +12 -0
  25. package/dist/components/ui/collapsible-panel.stories.d.ts.map +1 -0
  26. package/dist/components/ui/container.d.ts +13 -17
  27. package/dist/components/ui/container.d.ts.map +1 -1
  28. package/dist/components/ui/container.stories.d.ts +10 -0
  29. package/dist/components/ui/container.stories.d.ts.map +1 -0
  30. package/dist/components/ui/dropdown-menu.d.ts +21 -23
  31. package/dist/components/ui/dropdown-menu.d.ts.map +1 -1
  32. package/dist/components/ui/dropdown-menu.stories.d.ts +18 -0
  33. package/dist/components/ui/dropdown-menu.stories.d.ts.map +1 -0
  34. package/dist/components/ui/empty.d.ts +10 -34
  35. package/dist/components/ui/empty.d.ts.map +1 -1
  36. package/dist/components/ui/input.d.ts +8 -12
  37. package/dist/components/ui/input.d.ts.map +1 -1
  38. package/dist/components/ui/input.stories.d.ts +23 -0
  39. package/dist/components/ui/input.stories.d.ts.map +1 -0
  40. package/dist/components/ui/label.d.ts +3 -7
  41. package/dist/components/ui/label.d.ts.map +1 -1
  42. package/dist/components/ui/label.stories.d.ts +17 -0
  43. package/dist/components/ui/label.stories.d.ts.map +1 -0
  44. package/dist/components/ui/level-dot.d.ts +3 -7
  45. package/dist/components/ui/level-dot.d.ts.map +1 -1
  46. package/dist/components/ui/level-dot.stories.d.ts +19 -0
  47. package/dist/components/ui/level-dot.stories.d.ts.map +1 -0
  48. package/dist/components/ui/panel.d.ts +28 -32
  49. package/dist/components/ui/panel.d.ts.map +1 -1
  50. package/dist/components/ui/panel.stories.d.ts +24 -0
  51. package/dist/components/ui/panel.stories.d.ts.map +1 -0
  52. package/dist/components/ui/select.d.ts +13 -11
  53. package/dist/components/ui/select.d.ts.map +1 -1
  54. package/dist/components/ui/select.stories.d.ts +18 -0
  55. package/dist/components/ui/select.stories.d.ts.map +1 -0
  56. package/dist/components/ui/side-panel-detail.d.ts +5 -8
  57. package/dist/components/ui/side-panel-detail.d.ts.map +1 -1
  58. package/dist/components/ui/side-panel-detail.stories.d.ts +12 -0
  59. package/dist/components/ui/side-panel-detail.stories.d.ts.map +1 -0
  60. package/dist/components/ui/side-panel.d.ts +18 -18
  61. package/dist/components/ui/side-panel.d.ts.map +1 -1
  62. package/dist/components/ui/side-panel.stories.d.ts +13 -0
  63. package/dist/components/ui/side-panel.stories.d.ts.map +1 -0
  64. package/dist/components/ui/sidebar.d.ts +8 -12
  65. package/dist/components/ui/sidebar.d.ts.map +1 -1
  66. package/dist/components/ui/sidebar.stories.d.ts +14 -0
  67. package/dist/components/ui/sidebar.stories.d.ts.map +1 -0
  68. package/dist/components/ui/table.d.ts +4 -5
  69. package/dist/components/ui/table.d.ts.map +1 -1
  70. package/dist/components/ui/table.stories.d.ts +18 -0
  71. package/dist/components/ui/table.stories.d.ts.map +1 -0
  72. package/dist/components/ui/tabs.d.ts +6 -10
  73. package/dist/components/ui/tabs.d.ts.map +1 -1
  74. package/dist/components/ui/tabs.stories.d.ts +16 -0
  75. package/dist/components/ui/tabs.stories.d.ts.map +1 -0
  76. package/dist/components/ui/textarea.d.ts +2 -6
  77. package/dist/components/ui/textarea.d.ts.map +1 -1
  78. package/dist/components/ui/textarea.stories.d.ts +21 -0
  79. package/dist/components/ui/textarea.stories.d.ts.map +1 -0
  80. package/dist/components/ui/tooltip.d.ts +5 -10
  81. package/dist/components/ui/tooltip.d.ts.map +1 -1
  82. package/dist/components/ui/tooltip.stories.d.ts +21 -0
  83. package/dist/components/ui/tooltip.stories.d.ts.map +1 -0
  84. package/dist/index.cjs +122 -0
  85. package/dist/index.d.ts +24 -24
  86. package/dist/index.d.ts.map +1 -0
  87. package/dist/index.js +11031 -25
  88. package/dist/lib/utils.d.ts +2 -6
  89. package/dist/lib/utils.d.ts.map +1 -1
  90. package/dist/stores/use-theme-store.d.ts +17 -22
  91. package/dist/stores/use-theme-store.d.ts.map +1 -1
  92. package/dist/ui.css +1 -0
  93. package/package.json +15 -13
  94. package/dist/components/ui/background-effect.js +0 -31
  95. package/dist/components/ui/background-effect.js.map +0 -1
  96. package/dist/components/ui/badge.js +0 -57
  97. package/dist/components/ui/badge.js.map +0 -1
  98. package/dist/components/ui/breadcrumb.js +0 -168
  99. package/dist/components/ui/breadcrumb.js.map +0 -1
  100. package/dist/components/ui/button.js +0 -88
  101. package/dist/components/ui/button.js.map +0 -1
  102. package/dist/components/ui/checkbox.js +0 -53
  103. package/dist/components/ui/checkbox.js.map +0 -1
  104. package/dist/components/ui/collapsible-panel.js +0 -252
  105. package/dist/components/ui/collapsible-panel.js.map +0 -1
  106. package/dist/components/ui/container.js +0 -143
  107. package/dist/components/ui/container.js.map +0 -1
  108. package/dist/components/ui/dropdown-menu.js +0 -430
  109. package/dist/components/ui/dropdown-menu.js.map +0 -1
  110. package/dist/components/ui/empty.js +0 -219
  111. package/dist/components/ui/empty.js.map +0 -1
  112. package/dist/components/ui/input.js +0 -66
  113. package/dist/components/ui/input.js.map +0 -1
  114. package/dist/components/ui/label.js +0 -43
  115. package/dist/components/ui/label.js.map +0 -1
  116. package/dist/components/ui/level-dot.js +0 -35
  117. package/dist/components/ui/level-dot.js.map +0 -1
  118. package/dist/components/ui/panel.js +0 -284
  119. package/dist/components/ui/panel.js.map +0 -1
  120. package/dist/components/ui/select.js +0 -341
  121. package/dist/components/ui/select.js.map +0 -1
  122. package/dist/components/ui/side-panel-detail.js +0 -54
  123. package/dist/components/ui/side-panel-detail.js.map +0 -1
  124. package/dist/components/ui/side-panel.js +0 -138
  125. package/dist/components/ui/side-panel.js.map +0 -1
  126. package/dist/components/ui/sidebar.js +0 -153
  127. package/dist/components/ui/sidebar.js.map +0 -1
  128. package/dist/components/ui/table.js +0 -285
  129. package/dist/components/ui/table.js.map +0 -1
  130. package/dist/components/ui/tabs.js +0 -142
  131. package/dist/components/ui/tabs.js.map +0 -1
  132. package/dist/components/ui/textarea.js +0 -42
  133. package/dist/components/ui/textarea.js.map +0 -1
  134. package/dist/components/ui/tooltip.js +0 -54
  135. package/dist/components/ui/tooltip.js.map +0 -1
  136. package/dist/lib/utils.js +0 -11
  137. package/dist/lib/utils.js.map +0 -1
  138. package/dist/stores/use-theme-store.js +0 -30
  139. package/dist/stores/use-theme-store.js.map +0 -1
  140. package/dist/styles.css +0 -2647
  141. package/dist/styles.css.map +0 -1
  142. 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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"}