@vuer-ai/vuer-uikit 0.0.105 → 0.0.108
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/SyncScroll/SyncScroll.cjs +1 -1
- package/dist/SyncScroll/SyncScroll.mjs +1 -1
- package/dist/SyncScroll/index.cjs +1 -1
- package/dist/SyncScroll/index.mjs +1 -1
- package/dist/chunk-2X6CAFVD.mjs +134 -0
- package/dist/{chunk-SLBFCX35.mjs → chunk-3OLRPUTL.mjs} +3 -3
- package/dist/chunk-4JAEMFDN.mjs +21 -0
- package/dist/{chunk-BXBSZOBU.cjs → chunk-5PHGYFZ3.cjs} +1 -1
- package/dist/chunk-A5VRTIX4.cjs +23 -0
- package/dist/{chunk-SPRBKXGP.cjs → chunk-BFFOS7Z3.cjs} +61 -6
- package/dist/{chunk-M3XTCMOA.cjs → chunk-GZBZMYJM.cjs} +3 -3
- package/dist/{chunk-L6ZZKK4B.cjs → chunk-OYQJVHKA.cjs} +2 -2
- package/dist/{chunk-HJAKKWNJ.mjs → chunk-R2WPT5VM.mjs} +2 -2
- package/dist/{chunk-TYXRHZZG.mjs → chunk-TPAV6PXI.mjs} +1 -1
- package/dist/dial/DialPanel.cjs +8 -8
- package/dist/dial/DialPanel.d.cts +1 -1
- package/dist/dial/DialPanel.d.ts +1 -1
- package/dist/dial/DialPanel.mjs +7 -7
- package/dist/dial/index.cjs +24 -24
- package/dist/dial/index.mjs +7 -7
- package/dist/dial/wrapped-inputs/ControlledInputs.cjs +12 -12
- package/dist/dial/wrapped-inputs/ControlledInputs.mjs +7 -7
- package/dist/dial/wrapped-inputs/DialInputs.cjs +21 -21
- package/dist/dial/wrapped-inputs/DialInputs.mjs +7 -7
- package/dist/dial/wrapped-inputs/DialPresetsInput.cjs +8 -8
- package/dist/dial/wrapped-inputs/DialPresetsInput.mjs +7 -7
- package/dist/dial/wrapped-inputs/DialVectorInput.cjs +8 -8
- package/dist/dial/wrapped-inputs/DialVectorInput.mjs +7 -7
- package/dist/dial/wrapped-inputs/index.cjs +28 -28
- package/dist/dial/wrapped-inputs/index.mjs +7 -7
- package/dist/highlight-cursor/enhanced-components.cjs +1 -1
- package/dist/highlight-cursor/enhanced-components.mjs +1 -1
- package/dist/highlight-cursor/index.cjs +1 -1
- package/dist/highlight-cursor/index.mjs +1 -1
- package/dist/hooks/index.cjs +5 -5
- package/dist/hooks/index.mjs +1 -1
- package/dist/index.cjs +45 -45
- package/dist/index.mjs +7 -7
- package/dist/ui/DialBadge.cjs +6 -6
- package/dist/ui/DialBadge.mjs +2 -2
- package/dist/ui/UIKitBadge.cjs +6 -6
- package/dist/ui/UIKitBadge.mjs +2 -2
- package/dist/ui/avatar.cjs +1 -1
- package/dist/ui/avatar.mjs +1 -1
- package/dist/ui/badge.cjs +1 -1
- package/dist/ui/badge.d.cts +1 -1
- package/dist/ui/badge.d.ts +1 -1
- package/dist/ui/badge.mjs +1 -1
- package/dist/ui/button.cjs +1 -1
- package/dist/ui/button.mjs +1 -1
- package/dist/ui/card.cjs +1 -1
- package/dist/ui/card.mjs +1 -1
- package/dist/ui/checkbox.cjs +1 -1
- package/dist/ui/checkbox.mjs +1 -1
- package/dist/ui/collapsible.cjs +1 -1
- package/dist/ui/collapsible.mjs +1 -1
- package/dist/ui/drawer.cjs +1 -1
- package/dist/ui/drawer.mjs +1 -1
- package/dist/ui/dropdown.cjs +1 -1
- package/dist/ui/dropdown.mjs +1 -1
- package/dist/ui/index.cjs +14 -14
- package/dist/ui/index.mjs +5 -5
- package/dist/ui/inputs/color-input.cjs +1 -1
- package/dist/ui/inputs/color-input.mjs +1 -1
- package/dist/ui/inputs/index.cjs +1 -1
- package/dist/ui/inputs/index.mjs +1 -1
- package/dist/ui/inputs/input-numbers.cjs +1 -1
- package/dist/ui/inputs/input-numbers.mjs +1 -1
- package/dist/ui/inputs/input.cjs +1 -1
- package/dist/ui/inputs/input.d.cts +1 -1
- package/dist/ui/inputs/input.d.ts +1 -1
- package/dist/ui/inputs/input.mjs +1 -1
- package/dist/ui/inputs/number-inputs/CmInput.cjs +1 -1
- package/dist/ui/inputs/number-inputs/CmInput.mjs +1 -1
- package/dist/ui/inputs/number-inputs/DegInput.cjs +1 -1
- package/dist/ui/inputs/number-inputs/DegInput.mjs +1 -1
- package/dist/ui/inputs/number-inputs/EulerDegInput.cjs +1 -1
- package/dist/ui/inputs/number-inputs/EulerDegInput.mjs +1 -1
- package/dist/ui/inputs/number-inputs/EulerInput.cjs +1 -1
- package/dist/ui/inputs/number-inputs/EulerInput.mjs +1 -1
- package/dist/ui/inputs/number-inputs/EulerRadInput.cjs +1 -1
- package/dist/ui/inputs/number-inputs/EulerRadInput.mjs +1 -1
- package/dist/ui/inputs/number-inputs/InchInput.cjs +1 -1
- package/dist/ui/inputs/number-inputs/InchInput.mjs +1 -1
- package/dist/ui/inputs/number-inputs/IntInput.cjs +1 -1
- package/dist/ui/inputs/number-inputs/IntInput.mjs +1 -1
- package/dist/ui/inputs/number-inputs/KVectorInput.cjs +1 -1
- package/dist/ui/inputs/number-inputs/KVectorInput.mjs +1 -1
- package/dist/ui/inputs/number-inputs/QuaternionInput.cjs +1 -1
- package/dist/ui/inputs/number-inputs/QuaternionInput.mjs +1 -1
- package/dist/ui/inputs/number-inputs/RadInput.cjs +1 -1
- package/dist/ui/inputs/number-inputs/RadInput.mjs +1 -1
- package/dist/ui/inputs/number-inputs/TimeInput.cjs +1 -1
- package/dist/ui/inputs/number-inputs/TimeInput.mjs +1 -1
- package/dist/ui/inputs/number-inputs/Vec3Input.cjs +1 -1
- package/dist/ui/inputs/number-inputs/Vec3Input.mjs +1 -1
- package/dist/ui/inputs/number-inputs/VectorInput.cjs +1 -1
- package/dist/ui/inputs/number-inputs/VectorInput.mjs +1 -1
- package/dist/ui/inputs/number-inputs/index.cjs +1 -1
- package/dist/ui/inputs/number-inputs/index.mjs +1 -1
- package/dist/ui/inputs/presets-input.cjs +1 -1
- package/dist/ui/inputs/presets-input.mjs +1 -1
- package/dist/ui/inputs/presets-rad-input.cjs +1 -1
- package/dist/ui/inputs/presets-rad-input.mjs +1 -1
- package/dist/ui/inputs/text-input.cjs +1 -1
- package/dist/ui/inputs/text-input.mjs +1 -1
- package/dist/ui/label.cjs +1 -1
- package/dist/ui/label.mjs +1 -1
- package/dist/ui/layout.cjs +1 -1
- package/dist/ui/layout.mjs +1 -1
- package/dist/ui/layouts/dock-layout/DockLayoutView.cjs +1 -1
- package/dist/ui/layouts/dock-layout/DockLayoutView.mjs +1 -1
- package/dist/ui/layouts/dock-layout/LayoutSlots.cjs +1 -1
- package/dist/ui/layouts/dock-layout/LayoutSlots.mjs +1 -1
- package/dist/ui/layouts/dock-layout/index.cjs +1 -1
- package/dist/ui/layouts/dock-layout/index.mjs +1 -1
- package/dist/ui/layouts/index.cjs +4 -4
- package/dist/ui/layouts/index.mjs +3 -3
- package/dist/ui/layouts/liquid-layout/LayoutSlots.cjs +8 -8
- package/dist/ui/layouts/liquid-layout/LayoutSlots.mjs +2 -2
- package/dist/ui/layouts/liquid-layout/LiquidLayoutView.cjs +4 -4
- package/dist/ui/layouts/liquid-layout/LiquidLayoutView.d.cts +1 -11
- package/dist/ui/layouts/liquid-layout/LiquidLayoutView.d.ts +1 -11
- package/dist/ui/layouts/liquid-layout/LiquidLayoutView.mjs +3 -3
- package/dist/ui/layouts/liquid-layout/index.cjs +4 -4
- package/dist/ui/layouts/liquid-layout/index.mjs +3 -3
- package/dist/ui/modal.cjs +1 -1
- package/dist/ui/modal.mjs +1 -1
- package/dist/ui/navigation.cjs +1 -1
- package/dist/ui/navigation.mjs +1 -1
- package/dist/ui/pagination.cjs +1 -1
- package/dist/ui/pagination.mjs +1 -1
- package/dist/ui/panel.cjs +1 -1
- package/dist/ui/panel.mjs +1 -1
- package/dist/ui/popover.cjs +1 -1
- package/dist/ui/popover.mjs +1 -1
- package/dist/ui/radio-group.cjs +1 -1
- package/dist/ui/radio-group.mjs +1 -1
- package/dist/ui/resizable.cjs +1 -1
- package/dist/ui/resizable.mjs +1 -1
- package/dist/ui/select.cjs +1 -1
- package/dist/ui/select.d.cts +1 -1
- package/dist/ui/select.d.ts +1 -1
- package/dist/ui/select.mjs +1 -1
- package/dist/ui/separator.cjs +1 -1
- package/dist/ui/separator.mjs +1 -1
- package/dist/ui/sheet.cjs +1 -1
- package/dist/ui/sheet.mjs +1 -1
- package/dist/ui/sidebar.cjs +1 -1
- package/dist/ui/sidebar.mjs +1 -1
- package/dist/ui/simple-tree-view.cjs +1 -1
- package/dist/ui/simple-tree-view.mjs +1 -1
- package/dist/ui/skeleton.cjs +1 -1
- package/dist/ui/skeleton.mjs +1 -1
- package/dist/ui/slider.cjs +1 -1
- package/dist/ui/slider.mjs +1 -1
- package/dist/ui/switch.cjs +1 -1
- package/dist/ui/switch.mjs +1 -1
- package/dist/ui/table.cjs +1 -1
- package/dist/ui/table.mjs +1 -1
- package/dist/ui/tabs.cjs +1 -1
- package/dist/ui/tabs.mjs +1 -1
- package/dist/ui/textarea.cjs +1 -1
- package/dist/ui/textarea.d.cts +1 -1
- package/dist/ui/textarea.d.ts +1 -1
- package/dist/ui/textarea.mjs +1 -1
- package/dist/ui/theme/ThemeToggles.cjs +1 -1
- package/dist/ui/theme/ThemeToggles.mjs +1 -1
- package/dist/ui/theme/index.cjs +1 -1
- package/dist/ui/theme/index.mjs +1 -1
- package/dist/ui/toggle-buttons.cjs +1 -1
- package/dist/ui/toggle-buttons.mjs +1 -1
- package/dist/ui/toggle-group.cjs +1 -1
- package/dist/ui/toggle-group.mjs +1 -1
- package/dist/ui/toggle.cjs +1 -1
- package/dist/ui/toggle.mjs +1 -1
- package/dist/ui/toolbar.cjs +1 -1
- package/dist/ui/toolbar.mjs +1 -1
- package/dist/ui/tooltip.cjs +1 -1
- package/dist/ui/tooltip.mjs +1 -1
- package/dist/ui/tree-view/TreeSearchBar.cjs +1 -1
- package/dist/ui/tree-view/TreeSearchBar.mjs +1 -1
- package/dist/ui/tree-view/TreeView.cjs +1 -1
- package/dist/ui/tree-view/TreeView.mjs +1 -1
- package/dist/ui/tree-view/index.cjs +1 -1
- package/dist/ui/tree-view/index.mjs +1 -1
- package/dist/ui/tree-view-legacy.cjs +1 -1
- package/dist/ui/tree-view-legacy.mjs +1 -1
- package/dist/ui/waterfall/CursorOverlay.cjs +1 -1
- package/dist/ui/waterfall/CursorOverlay.mjs +1 -1
- package/dist/ui/waterfall/TimelineEvent.cjs +1 -1
- package/dist/ui/waterfall/TimelineEvent.mjs +1 -1
- package/dist/ui/waterfall/TimelineProcessBar.cjs +1 -1
- package/dist/ui/waterfall/TimelineProcessBar.mjs +1 -1
- package/dist/ui/waterfall/Wedges.cjs +1 -1
- package/dist/ui/waterfall/Wedges.mjs +1 -1
- package/dist/ui/waterfall/index.cjs +1 -1
- package/dist/ui/waterfall/index.mjs +1 -1
- package/package.json +1 -1
- package/src/dial/DialPanel.tsx +4 -4
- package/src/ui/layouts/liquid-layout/LayoutSlots.tsx +60 -6
- package/src/ui/layouts/liquid-layout/LiquidLayoutView.tsx +5 -25
- package/dist/chunk-H6MFBIRB.cjs +0 -35
- package/dist/chunk-PIC2EJWA.mjs +0 -79
- package/dist/chunk-THMYDDZF.mjs +0 -33
package/dist/ui/theme/index.mjs
CHANGED
|
@@ -5,6 +5,7 @@ export { ThemeScript } from '../../chunk-5KJP6A6C.mjs';
|
|
|
5
5
|
import '../../chunk-5MBEK77I.mjs';
|
|
6
6
|
import '../../chunk-CZ4GQOXG.mjs';
|
|
7
7
|
import '../../chunk-F7ZHPSLA.mjs';
|
|
8
|
+
import '../../chunk-IDUVYPN7.mjs';
|
|
8
9
|
import '../../chunk-3QT5VABC.mjs';
|
|
9
10
|
import '../../chunk-XHJDRQD7.mjs';
|
|
10
11
|
import '../../chunk-LQOPO4KU.mjs';
|
|
@@ -12,5 +13,4 @@ import '../../chunk-U3LN5NB6.mjs';
|
|
|
12
13
|
import '../../chunk-IZARTVYN.mjs';
|
|
13
14
|
import '../../chunk-VA4LUFKD.mjs';
|
|
14
15
|
import '../../chunk-4F2GSF2T.mjs';
|
|
15
|
-
import '../../chunk-IDUVYPN7.mjs';
|
|
16
16
|
import '../../chunk-HMN4IKTG.mjs';
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var chunkNZOZ3KKM_cjs = require('../chunk-NZOZ3KKM.cjs');
|
|
4
4
|
require('../chunk-QN4N4I3Z.cjs');
|
|
5
|
+
require('../chunk-LBWMTA5T.cjs');
|
|
5
6
|
require('../chunk-Q7E73DVJ.cjs');
|
|
6
7
|
require('../chunk-JR4TVE43.cjs');
|
|
7
8
|
require('../chunk-VXZURKMQ.cjs');
|
|
@@ -9,7 +10,6 @@ require('../chunk-Q4XH2Z5M.cjs');
|
|
|
9
10
|
require('../chunk-6BOWMGFG.cjs');
|
|
10
11
|
require('../chunk-YZIR6LIY.cjs');
|
|
11
12
|
require('../chunk-RPTRTGC2.cjs');
|
|
12
|
-
require('../chunk-LBWMTA5T.cjs');
|
|
13
13
|
require('../chunk-OHIB3TEN.cjs');
|
|
14
14
|
|
|
15
15
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { ToggleButton, ToggleButtons, toggleButtonHighlightVariants, toggleButtonVariants, toggleButtonsVariants } from '../chunk-JRBTIFM6.mjs';
|
|
2
2
|
import '../chunk-F7ZHPSLA.mjs';
|
|
3
|
+
import '../chunk-IDUVYPN7.mjs';
|
|
3
4
|
import '../chunk-3QT5VABC.mjs';
|
|
4
5
|
import '../chunk-XHJDRQD7.mjs';
|
|
5
6
|
import '../chunk-LQOPO4KU.mjs';
|
|
@@ -7,5 +8,4 @@ import '../chunk-U3LN5NB6.mjs';
|
|
|
7
8
|
import '../chunk-IZARTVYN.mjs';
|
|
8
9
|
import '../chunk-VA4LUFKD.mjs';
|
|
9
10
|
import '../chunk-4F2GSF2T.mjs';
|
|
10
|
-
import '../chunk-IDUVYPN7.mjs';
|
|
11
11
|
import '../chunk-HMN4IKTG.mjs';
|
package/dist/ui/toggle-group.cjs
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var chunk3TZL7ET3_cjs = require('../chunk-3TZL7ET3.cjs');
|
|
4
4
|
require('../chunk-QN4N4I3Z.cjs');
|
|
5
|
+
require('../chunk-LBWMTA5T.cjs');
|
|
5
6
|
require('../chunk-Q7E73DVJ.cjs');
|
|
6
7
|
require('../chunk-JR4TVE43.cjs');
|
|
7
8
|
require('../chunk-VXZURKMQ.cjs');
|
|
@@ -9,7 +10,6 @@ require('../chunk-Q4XH2Z5M.cjs');
|
|
|
9
10
|
require('../chunk-6BOWMGFG.cjs');
|
|
10
11
|
require('../chunk-YZIR6LIY.cjs');
|
|
11
12
|
require('../chunk-RPTRTGC2.cjs');
|
|
12
|
-
require('../chunk-LBWMTA5T.cjs');
|
|
13
13
|
require('../chunk-OHIB3TEN.cjs');
|
|
14
14
|
|
|
15
15
|
|
package/dist/ui/toggle-group.mjs
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { ToggleGroup, ToggleGroupItem, toggleGroupVariants } from '../chunk-ABLQ4QRY.mjs';
|
|
2
2
|
import '../chunk-F7ZHPSLA.mjs';
|
|
3
|
+
import '../chunk-IDUVYPN7.mjs';
|
|
3
4
|
import '../chunk-3QT5VABC.mjs';
|
|
4
5
|
import '../chunk-XHJDRQD7.mjs';
|
|
5
6
|
import '../chunk-LQOPO4KU.mjs';
|
|
@@ -7,5 +8,4 @@ import '../chunk-U3LN5NB6.mjs';
|
|
|
7
8
|
import '../chunk-IZARTVYN.mjs';
|
|
8
9
|
import '../chunk-VA4LUFKD.mjs';
|
|
9
10
|
import '../chunk-4F2GSF2T.mjs';
|
|
10
|
-
import '../chunk-IDUVYPN7.mjs';
|
|
11
11
|
import '../chunk-HMN4IKTG.mjs';
|
package/dist/ui/toggle.cjs
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var chunkL5JZRGNH_cjs = require('../chunk-L5JZRGNH.cjs');
|
|
4
4
|
require('../chunk-QN4N4I3Z.cjs');
|
|
5
|
+
require('../chunk-LBWMTA5T.cjs');
|
|
5
6
|
require('../chunk-Q7E73DVJ.cjs');
|
|
6
7
|
require('../chunk-JR4TVE43.cjs');
|
|
7
8
|
require('../chunk-VXZURKMQ.cjs');
|
|
@@ -9,7 +10,6 @@ require('../chunk-Q4XH2Z5M.cjs');
|
|
|
9
10
|
require('../chunk-6BOWMGFG.cjs');
|
|
10
11
|
require('../chunk-YZIR6LIY.cjs');
|
|
11
12
|
require('../chunk-RPTRTGC2.cjs');
|
|
12
|
-
require('../chunk-LBWMTA5T.cjs');
|
|
13
13
|
require('../chunk-OHIB3TEN.cjs');
|
|
14
14
|
|
|
15
15
|
|
package/dist/ui/toggle.mjs
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { Toggle, toggleVariants } from '../chunk-4FLE5S5Z.mjs';
|
|
2
2
|
import '../chunk-F7ZHPSLA.mjs';
|
|
3
|
+
import '../chunk-IDUVYPN7.mjs';
|
|
3
4
|
import '../chunk-3QT5VABC.mjs';
|
|
4
5
|
import '../chunk-XHJDRQD7.mjs';
|
|
5
6
|
import '../chunk-LQOPO4KU.mjs';
|
|
@@ -7,5 +8,4 @@ import '../chunk-U3LN5NB6.mjs';
|
|
|
7
8
|
import '../chunk-IZARTVYN.mjs';
|
|
8
9
|
import '../chunk-VA4LUFKD.mjs';
|
|
9
10
|
import '../chunk-4F2GSF2T.mjs';
|
|
10
|
-
import '../chunk-IDUVYPN7.mjs';
|
|
11
11
|
import '../chunk-HMN4IKTG.mjs';
|
package/dist/ui/toolbar.cjs
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var chunkWZGZX3S2_cjs = require('../chunk-WZGZX3S2.cjs');
|
|
4
4
|
require('../chunk-QN4N4I3Z.cjs');
|
|
5
|
+
require('../chunk-LBWMTA5T.cjs');
|
|
5
6
|
require('../chunk-Q7E73DVJ.cjs');
|
|
6
7
|
require('../chunk-JR4TVE43.cjs');
|
|
7
8
|
require('../chunk-VXZURKMQ.cjs');
|
|
@@ -9,7 +10,6 @@ require('../chunk-Q4XH2Z5M.cjs');
|
|
|
9
10
|
require('../chunk-6BOWMGFG.cjs');
|
|
10
11
|
require('../chunk-YZIR6LIY.cjs');
|
|
11
12
|
require('../chunk-RPTRTGC2.cjs');
|
|
12
|
-
require('../chunk-LBWMTA5T.cjs');
|
|
13
13
|
require('../chunk-OHIB3TEN.cjs');
|
|
14
14
|
|
|
15
15
|
|
package/dist/ui/toolbar.mjs
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { Toolbar, ToolbarGroup, ToolbarSeparator } from '../chunk-OPYMZDEZ.mjs';
|
|
2
2
|
import '../chunk-F7ZHPSLA.mjs';
|
|
3
|
+
import '../chunk-IDUVYPN7.mjs';
|
|
3
4
|
import '../chunk-3QT5VABC.mjs';
|
|
4
5
|
import '../chunk-XHJDRQD7.mjs';
|
|
5
6
|
import '../chunk-LQOPO4KU.mjs';
|
|
@@ -7,5 +8,4 @@ import '../chunk-U3LN5NB6.mjs';
|
|
|
7
8
|
import '../chunk-IZARTVYN.mjs';
|
|
8
9
|
import '../chunk-VA4LUFKD.mjs';
|
|
9
10
|
import '../chunk-4F2GSF2T.mjs';
|
|
10
|
-
import '../chunk-IDUVYPN7.mjs';
|
|
11
11
|
import '../chunk-HMN4IKTG.mjs';
|
package/dist/ui/tooltip.cjs
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var chunkLFSCJLL2_cjs = require('../chunk-LFSCJLL2.cjs');
|
|
4
4
|
require('../chunk-QN4N4I3Z.cjs');
|
|
5
|
+
require('../chunk-LBWMTA5T.cjs');
|
|
5
6
|
require('../chunk-Q7E73DVJ.cjs');
|
|
6
7
|
require('../chunk-JR4TVE43.cjs');
|
|
7
8
|
require('../chunk-VXZURKMQ.cjs');
|
|
@@ -9,7 +10,6 @@ require('../chunk-Q4XH2Z5M.cjs');
|
|
|
9
10
|
require('../chunk-6BOWMGFG.cjs');
|
|
10
11
|
require('../chunk-YZIR6LIY.cjs');
|
|
11
12
|
require('../chunk-RPTRTGC2.cjs');
|
|
12
|
-
require('../chunk-LBWMTA5T.cjs');
|
|
13
13
|
require('../chunk-OHIB3TEN.cjs');
|
|
14
14
|
|
|
15
15
|
|
package/dist/ui/tooltip.mjs
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../chunk-5MBEK77I.mjs';
|
|
2
2
|
import '../chunk-F7ZHPSLA.mjs';
|
|
3
|
+
import '../chunk-IDUVYPN7.mjs';
|
|
3
4
|
import '../chunk-3QT5VABC.mjs';
|
|
4
5
|
import '../chunk-XHJDRQD7.mjs';
|
|
5
6
|
import '../chunk-LQOPO4KU.mjs';
|
|
@@ -7,5 +8,4 @@ import '../chunk-U3LN5NB6.mjs';
|
|
|
7
8
|
import '../chunk-IZARTVYN.mjs';
|
|
8
9
|
import '../chunk-VA4LUFKD.mjs';
|
|
9
10
|
import '../chunk-4F2GSF2T.mjs';
|
|
10
|
-
import '../chunk-IDUVYPN7.mjs';
|
|
11
11
|
import '../chunk-HMN4IKTG.mjs';
|
|
@@ -4,6 +4,7 @@ var chunk5JPYU5A6_cjs = require('../../chunk-5JPYU5A6.cjs');
|
|
|
4
4
|
require('../../chunk-LFSCJLL2.cjs');
|
|
5
5
|
require('../../chunk-LQGXG373.cjs');
|
|
6
6
|
require('../../chunk-QN4N4I3Z.cjs');
|
|
7
|
+
require('../../chunk-LBWMTA5T.cjs');
|
|
7
8
|
require('../../chunk-Q7E73DVJ.cjs');
|
|
8
9
|
require('../../chunk-JR4TVE43.cjs');
|
|
9
10
|
require('../../chunk-VXZURKMQ.cjs');
|
|
@@ -11,7 +12,6 @@ require('../../chunk-Q4XH2Z5M.cjs');
|
|
|
11
12
|
require('../../chunk-6BOWMGFG.cjs');
|
|
12
13
|
require('../../chunk-YZIR6LIY.cjs');
|
|
13
14
|
require('../../chunk-RPTRTGC2.cjs');
|
|
14
|
-
require('../../chunk-LBWMTA5T.cjs');
|
|
15
15
|
require('../../chunk-OHIB3TEN.cjs');
|
|
16
16
|
|
|
17
17
|
|
|
@@ -2,6 +2,7 @@ export { TreeSearchBar } from '../../chunk-SUEFWFPX.mjs';
|
|
|
2
2
|
import '../../chunk-5MBEK77I.mjs';
|
|
3
3
|
import '../../chunk-LRSDE62T.mjs';
|
|
4
4
|
import '../../chunk-F7ZHPSLA.mjs';
|
|
5
|
+
import '../../chunk-IDUVYPN7.mjs';
|
|
5
6
|
import '../../chunk-3QT5VABC.mjs';
|
|
6
7
|
import '../../chunk-XHJDRQD7.mjs';
|
|
7
8
|
import '../../chunk-LQOPO4KU.mjs';
|
|
@@ -9,5 +10,4 @@ import '../../chunk-U3LN5NB6.mjs';
|
|
|
9
10
|
import '../../chunk-IZARTVYN.mjs';
|
|
10
11
|
import '../../chunk-VA4LUFKD.mjs';
|
|
11
12
|
import '../../chunk-4F2GSF2T.mjs';
|
|
12
|
-
import '../../chunk-IDUVYPN7.mjs';
|
|
13
13
|
import '../../chunk-HMN4IKTG.mjs';
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var chunkHAVTMZR3_cjs = require('../../chunk-HAVTMZR3.cjs');
|
|
4
4
|
require('../../chunk-QN4N4I3Z.cjs');
|
|
5
|
+
require('../../chunk-LBWMTA5T.cjs');
|
|
5
6
|
require('../../chunk-Q7E73DVJ.cjs');
|
|
6
7
|
require('../../chunk-JR4TVE43.cjs');
|
|
7
8
|
require('../../chunk-VXZURKMQ.cjs');
|
|
@@ -9,7 +10,6 @@ require('../../chunk-Q4XH2Z5M.cjs');
|
|
|
9
10
|
require('../../chunk-6BOWMGFG.cjs');
|
|
10
11
|
require('../../chunk-YZIR6LIY.cjs');
|
|
11
12
|
require('../../chunk-RPTRTGC2.cjs');
|
|
12
|
-
require('../../chunk-LBWMTA5T.cjs');
|
|
13
13
|
require('../../chunk-OHIB3TEN.cjs');
|
|
14
14
|
|
|
15
15
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { TreeEntryItem, TreeView } from '../../chunk-VQPJ7TLB.mjs';
|
|
2
2
|
import '../../chunk-F7ZHPSLA.mjs';
|
|
3
|
+
import '../../chunk-IDUVYPN7.mjs';
|
|
3
4
|
import '../../chunk-3QT5VABC.mjs';
|
|
4
5
|
import '../../chunk-XHJDRQD7.mjs';
|
|
5
6
|
import '../../chunk-LQOPO4KU.mjs';
|
|
@@ -7,5 +8,4 @@ import '../../chunk-U3LN5NB6.mjs';
|
|
|
7
8
|
import '../../chunk-IZARTVYN.mjs';
|
|
8
9
|
import '../../chunk-VA4LUFKD.mjs';
|
|
9
10
|
import '../../chunk-4F2GSF2T.mjs';
|
|
10
|
-
import '../../chunk-IDUVYPN7.mjs';
|
|
11
11
|
import '../../chunk-HMN4IKTG.mjs';
|
|
@@ -8,6 +8,7 @@ var chunkHAVTMZR3_cjs = require('../../chunk-HAVTMZR3.cjs');
|
|
|
8
8
|
require('../../chunk-LFSCJLL2.cjs');
|
|
9
9
|
require('../../chunk-LQGXG373.cjs');
|
|
10
10
|
require('../../chunk-QN4N4I3Z.cjs');
|
|
11
|
+
require('../../chunk-LBWMTA5T.cjs');
|
|
11
12
|
require('../../chunk-Q7E73DVJ.cjs');
|
|
12
13
|
require('../../chunk-JR4TVE43.cjs');
|
|
13
14
|
require('../../chunk-VXZURKMQ.cjs');
|
|
@@ -15,7 +16,6 @@ require('../../chunk-Q4XH2Z5M.cjs');
|
|
|
15
16
|
require('../../chunk-6BOWMGFG.cjs');
|
|
16
17
|
require('../../chunk-YZIR6LIY.cjs');
|
|
17
18
|
require('../../chunk-RPTRTGC2.cjs');
|
|
18
|
-
require('../../chunk-LBWMTA5T.cjs');
|
|
19
19
|
require('../../chunk-OHIB3TEN.cjs');
|
|
20
20
|
|
|
21
21
|
|
|
@@ -6,6 +6,7 @@ export { TreeEntryItem, TreeView } from '../../chunk-VQPJ7TLB.mjs';
|
|
|
6
6
|
import '../../chunk-5MBEK77I.mjs';
|
|
7
7
|
import '../../chunk-LRSDE62T.mjs';
|
|
8
8
|
import '../../chunk-F7ZHPSLA.mjs';
|
|
9
|
+
import '../../chunk-IDUVYPN7.mjs';
|
|
9
10
|
import '../../chunk-3QT5VABC.mjs';
|
|
10
11
|
import '../../chunk-XHJDRQD7.mjs';
|
|
11
12
|
import '../../chunk-LQOPO4KU.mjs';
|
|
@@ -13,5 +14,4 @@ import '../../chunk-U3LN5NB6.mjs';
|
|
|
13
14
|
import '../../chunk-IZARTVYN.mjs';
|
|
14
15
|
import '../../chunk-VA4LUFKD.mjs';
|
|
15
16
|
import '../../chunk-4F2GSF2T.mjs';
|
|
16
|
-
import '../../chunk-IDUVYPN7.mjs';
|
|
17
17
|
import '../../chunk-HMN4IKTG.mjs';
|
|
@@ -6,6 +6,7 @@ require('../chunk-LQGXG373.cjs');
|
|
|
6
6
|
require('../chunk-JMCH2AFN.cjs');
|
|
7
7
|
require('../chunk-G5JZGNKY.cjs');
|
|
8
8
|
require('../chunk-QN4N4I3Z.cjs');
|
|
9
|
+
require('../chunk-LBWMTA5T.cjs');
|
|
9
10
|
require('../chunk-Q7E73DVJ.cjs');
|
|
10
11
|
require('../chunk-JR4TVE43.cjs');
|
|
11
12
|
require('../chunk-VXZURKMQ.cjs');
|
|
@@ -13,7 +14,6 @@ require('../chunk-Q4XH2Z5M.cjs');
|
|
|
13
14
|
require('../chunk-6BOWMGFG.cjs');
|
|
14
15
|
require('../chunk-YZIR6LIY.cjs');
|
|
15
16
|
require('../chunk-RPTRTGC2.cjs');
|
|
16
|
-
require('../chunk-LBWMTA5T.cjs');
|
|
17
17
|
require('../chunk-OHIB3TEN.cjs');
|
|
18
18
|
require('../chunk-G4FJGNY5.cjs');
|
|
19
19
|
|
|
@@ -4,6 +4,7 @@ import '../chunk-LRSDE62T.mjs';
|
|
|
4
4
|
import '../chunk-BNDRHLLZ.mjs';
|
|
5
5
|
import '../chunk-PDOFOJ4P.mjs';
|
|
6
6
|
import '../chunk-F7ZHPSLA.mjs';
|
|
7
|
+
import '../chunk-IDUVYPN7.mjs';
|
|
7
8
|
import '../chunk-3QT5VABC.mjs';
|
|
8
9
|
import '../chunk-XHJDRQD7.mjs';
|
|
9
10
|
import '../chunk-LQOPO4KU.mjs';
|
|
@@ -11,6 +12,5 @@ import '../chunk-U3LN5NB6.mjs';
|
|
|
11
12
|
import '../chunk-IZARTVYN.mjs';
|
|
12
13
|
import '../chunk-VA4LUFKD.mjs';
|
|
13
14
|
import '../chunk-4F2GSF2T.mjs';
|
|
14
|
-
import '../chunk-IDUVYPN7.mjs';
|
|
15
15
|
import '../chunk-HMN4IKTG.mjs';
|
|
16
16
|
import '../chunk-SAGQV2YZ.mjs';
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var chunk2J75MYQA_cjs = require('../../chunk-2J75MYQA.cjs');
|
|
4
4
|
require('../../chunk-QN4N4I3Z.cjs');
|
|
5
|
+
require('../../chunk-LBWMTA5T.cjs');
|
|
5
6
|
require('../../chunk-Q7E73DVJ.cjs');
|
|
6
7
|
require('../../chunk-JR4TVE43.cjs');
|
|
7
8
|
require('../../chunk-VXZURKMQ.cjs');
|
|
@@ -9,7 +10,6 @@ require('../../chunk-Q4XH2Z5M.cjs');
|
|
|
9
10
|
require('../../chunk-6BOWMGFG.cjs');
|
|
10
11
|
require('../../chunk-YZIR6LIY.cjs');
|
|
11
12
|
require('../../chunk-RPTRTGC2.cjs');
|
|
12
|
-
require('../../chunk-LBWMTA5T.cjs');
|
|
13
13
|
require('../../chunk-OHIB3TEN.cjs');
|
|
14
14
|
|
|
15
15
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { CursorOverlay } from '../../chunk-SA5WKLYB.mjs';
|
|
2
2
|
import '../../chunk-F7ZHPSLA.mjs';
|
|
3
|
+
import '../../chunk-IDUVYPN7.mjs';
|
|
3
4
|
import '../../chunk-3QT5VABC.mjs';
|
|
4
5
|
import '../../chunk-XHJDRQD7.mjs';
|
|
5
6
|
import '../../chunk-LQOPO4KU.mjs';
|
|
@@ -7,5 +8,4 @@ import '../../chunk-U3LN5NB6.mjs';
|
|
|
7
8
|
import '../../chunk-IZARTVYN.mjs';
|
|
8
9
|
import '../../chunk-VA4LUFKD.mjs';
|
|
9
10
|
import '../../chunk-4F2GSF2T.mjs';
|
|
10
|
-
import '../../chunk-IDUVYPN7.mjs';
|
|
11
11
|
import '../../chunk-HMN4IKTG.mjs';
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
var chunkTUYG6BYZ_cjs = require('../../chunk-TUYG6BYZ.cjs');
|
|
4
4
|
require('../../chunk-G2ZYONQO.cjs');
|
|
5
5
|
require('../../chunk-QN4N4I3Z.cjs');
|
|
6
|
+
require('../../chunk-LBWMTA5T.cjs');
|
|
6
7
|
require('../../chunk-Q7E73DVJ.cjs');
|
|
7
8
|
require('../../chunk-JR4TVE43.cjs');
|
|
8
9
|
require('../../chunk-VXZURKMQ.cjs');
|
|
@@ -10,7 +11,6 @@ require('../../chunk-Q4XH2Z5M.cjs');
|
|
|
10
11
|
require('../../chunk-6BOWMGFG.cjs');
|
|
11
12
|
require('../../chunk-YZIR6LIY.cjs');
|
|
12
13
|
require('../../chunk-RPTRTGC2.cjs');
|
|
13
|
-
require('../../chunk-LBWMTA5T.cjs');
|
|
14
14
|
require('../../chunk-OHIB3TEN.cjs');
|
|
15
15
|
|
|
16
16
|
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { TimelineEvent } from '../../chunk-N6DSPSMM.mjs';
|
|
2
2
|
import '../../chunk-4U232QAX.mjs';
|
|
3
3
|
import '../../chunk-F7ZHPSLA.mjs';
|
|
4
|
+
import '../../chunk-IDUVYPN7.mjs';
|
|
4
5
|
import '../../chunk-3QT5VABC.mjs';
|
|
5
6
|
import '../../chunk-XHJDRQD7.mjs';
|
|
6
7
|
import '../../chunk-LQOPO4KU.mjs';
|
|
@@ -8,5 +9,4 @@ import '../../chunk-U3LN5NB6.mjs';
|
|
|
8
9
|
import '../../chunk-IZARTVYN.mjs';
|
|
9
10
|
import '../../chunk-VA4LUFKD.mjs';
|
|
10
11
|
import '../../chunk-4F2GSF2T.mjs';
|
|
11
|
-
import '../../chunk-IDUVYPN7.mjs';
|
|
12
12
|
import '../../chunk-HMN4IKTG.mjs';
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
var chunkYXFHJKNW_cjs = require('../../chunk-YXFHJKNW.cjs');
|
|
4
4
|
require('../../chunk-G2ZYONQO.cjs');
|
|
5
5
|
require('../../chunk-QN4N4I3Z.cjs');
|
|
6
|
+
require('../../chunk-LBWMTA5T.cjs');
|
|
6
7
|
require('../../chunk-Q7E73DVJ.cjs');
|
|
7
8
|
require('../../chunk-JR4TVE43.cjs');
|
|
8
9
|
require('../../chunk-VXZURKMQ.cjs');
|
|
@@ -10,7 +11,6 @@ require('../../chunk-Q4XH2Z5M.cjs');
|
|
|
10
11
|
require('../../chunk-6BOWMGFG.cjs');
|
|
11
12
|
require('../../chunk-YZIR6LIY.cjs');
|
|
12
13
|
require('../../chunk-RPTRTGC2.cjs');
|
|
13
|
-
require('../../chunk-LBWMTA5T.cjs');
|
|
14
14
|
require('../../chunk-OHIB3TEN.cjs');
|
|
15
15
|
|
|
16
16
|
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { TimelineProcessBar } from '../../chunk-CO6EASQO.mjs';
|
|
2
2
|
import '../../chunk-4U232QAX.mjs';
|
|
3
3
|
import '../../chunk-F7ZHPSLA.mjs';
|
|
4
|
+
import '../../chunk-IDUVYPN7.mjs';
|
|
4
5
|
import '../../chunk-3QT5VABC.mjs';
|
|
5
6
|
import '../../chunk-XHJDRQD7.mjs';
|
|
6
7
|
import '../../chunk-LQOPO4KU.mjs';
|
|
@@ -8,5 +9,4 @@ import '../../chunk-U3LN5NB6.mjs';
|
|
|
8
9
|
import '../../chunk-IZARTVYN.mjs';
|
|
9
10
|
import '../../chunk-VA4LUFKD.mjs';
|
|
10
11
|
import '../../chunk-4F2GSF2T.mjs';
|
|
11
|
-
import '../../chunk-IDUVYPN7.mjs';
|
|
12
12
|
import '../../chunk-HMN4IKTG.mjs';
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var chunk5MNZYCN2_cjs = require('../../chunk-5MNZYCN2.cjs');
|
|
4
4
|
require('../../chunk-QN4N4I3Z.cjs');
|
|
5
|
+
require('../../chunk-LBWMTA5T.cjs');
|
|
5
6
|
require('../../chunk-Q7E73DVJ.cjs');
|
|
6
7
|
require('../../chunk-JR4TVE43.cjs');
|
|
7
8
|
require('../../chunk-VXZURKMQ.cjs');
|
|
@@ -9,7 +10,6 @@ require('../../chunk-Q4XH2Z5M.cjs');
|
|
|
9
10
|
require('../../chunk-6BOWMGFG.cjs');
|
|
10
11
|
require('../../chunk-YZIR6LIY.cjs');
|
|
11
12
|
require('../../chunk-RPTRTGC2.cjs');
|
|
12
|
-
require('../../chunk-LBWMTA5T.cjs');
|
|
13
13
|
require('../../chunk-OHIB3TEN.cjs');
|
|
14
14
|
|
|
15
15
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { LeftWedge, RightWedge } from '../../chunk-IR334P7F.mjs';
|
|
2
2
|
import '../../chunk-F7ZHPSLA.mjs';
|
|
3
|
+
import '../../chunk-IDUVYPN7.mjs';
|
|
3
4
|
import '../../chunk-3QT5VABC.mjs';
|
|
4
5
|
import '../../chunk-XHJDRQD7.mjs';
|
|
5
6
|
import '../../chunk-LQOPO4KU.mjs';
|
|
@@ -7,5 +8,4 @@ import '../../chunk-U3LN5NB6.mjs';
|
|
|
7
8
|
import '../../chunk-IZARTVYN.mjs';
|
|
8
9
|
import '../../chunk-VA4LUFKD.mjs';
|
|
9
10
|
import '../../chunk-4F2GSF2T.mjs';
|
|
10
|
-
import '../../chunk-IDUVYPN7.mjs';
|
|
11
11
|
import '../../chunk-HMN4IKTG.mjs';
|
|
@@ -23,6 +23,7 @@ require('../../chunk-LQGXG373.cjs');
|
|
|
23
23
|
require('../../chunk-JMCH2AFN.cjs');
|
|
24
24
|
require('../../chunk-G5JZGNKY.cjs');
|
|
25
25
|
require('../../chunk-QN4N4I3Z.cjs');
|
|
26
|
+
require('../../chunk-LBWMTA5T.cjs');
|
|
26
27
|
require('../../chunk-Q7E73DVJ.cjs');
|
|
27
28
|
require('../../chunk-JR4TVE43.cjs');
|
|
28
29
|
require('../../chunk-VXZURKMQ.cjs');
|
|
@@ -30,7 +31,6 @@ require('../../chunk-Q4XH2Z5M.cjs');
|
|
|
30
31
|
require('../../chunk-6BOWMGFG.cjs');
|
|
31
32
|
require('../../chunk-YZIR6LIY.cjs');
|
|
32
33
|
require('../../chunk-RPTRTGC2.cjs');
|
|
33
|
-
require('../../chunk-LBWMTA5T.cjs');
|
|
34
34
|
require('../../chunk-OHIB3TEN.cjs');
|
|
35
35
|
require('../../chunk-G4FJGNY5.cjs');
|
|
36
36
|
|
|
@@ -21,6 +21,7 @@ import '../../chunk-LRSDE62T.mjs';
|
|
|
21
21
|
import '../../chunk-BNDRHLLZ.mjs';
|
|
22
22
|
import '../../chunk-PDOFOJ4P.mjs';
|
|
23
23
|
import '../../chunk-F7ZHPSLA.mjs';
|
|
24
|
+
import '../../chunk-IDUVYPN7.mjs';
|
|
24
25
|
import '../../chunk-3QT5VABC.mjs';
|
|
25
26
|
import '../../chunk-XHJDRQD7.mjs';
|
|
26
27
|
import '../../chunk-LQOPO4KU.mjs';
|
|
@@ -28,6 +29,5 @@ import '../../chunk-U3LN5NB6.mjs';
|
|
|
28
29
|
import '../../chunk-IZARTVYN.mjs';
|
|
29
30
|
import '../../chunk-VA4LUFKD.mjs';
|
|
30
31
|
import '../../chunk-4F2GSF2T.mjs';
|
|
31
|
-
import '../../chunk-IDUVYPN7.mjs';
|
|
32
32
|
import '../../chunk-HMN4IKTG.mjs';
|
|
33
33
|
import '../../chunk-SAGQV2YZ.mjs';
|
package/package.json
CHANGED
package/src/dial/DialPanel.tsx
CHANGED
|
@@ -19,10 +19,10 @@ import {
|
|
|
19
19
|
interface DialSchemaRendererProps {
|
|
20
20
|
schemas: DialSchema[];
|
|
21
21
|
groups?: DialGroupConfig[];
|
|
22
|
-
|
|
22
|
+
labelLayout?: LabelPositionT;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
export const DialPanel: React.FC<DialSchemaRendererProps> = ({ schemas, groups: groupConfigs,
|
|
25
|
+
export const DialPanel: React.FC<DialSchemaRendererProps> = ({ schemas, groups: groupConfigs, labelLayout }) => {
|
|
26
26
|
// Create a map of group configurations for easy lookup
|
|
27
27
|
const groupConfigMap: Record<string, DialGroupConfig> = {};
|
|
28
28
|
|
|
@@ -65,8 +65,8 @@ export const DialPanel: React.FC<DialSchemaRendererProps> = ({ schemas, groups:
|
|
|
65
65
|
// Render a single schema item as an input component
|
|
66
66
|
const renderSchemaInput = (schema: DialSchema) => {
|
|
67
67
|
const { name, dtype, min, max, step, options, tags } = schema;
|
|
68
|
-
// Use schema's label position if specified, otherwise fall back to panel's
|
|
69
|
-
const effectiveLabelPosition = (tags?.labelPosition as LabelPositionT) ||
|
|
68
|
+
// Use schema's label position if specified, otherwise fall back to panel's labelLayout prop
|
|
69
|
+
const effectiveLabelPosition = (tags?.labelPosition as LabelPositionT) || labelLayout;
|
|
70
70
|
const label = schema.label || (name.charAt(0).toUpperCase() + name.slice(1));
|
|
71
71
|
|
|
72
72
|
// Choose the right input component based on dtype
|
|
@@ -8,7 +8,20 @@ export function LiquidLayout({ className, ...props }: Readonly<ComponentProps<"d
|
|
|
8
8
|
<div
|
|
9
9
|
{...props}
|
|
10
10
|
className={cn(
|
|
11
|
-
|
|
11
|
+
[
|
|
12
|
+
"pointer-events-none",
|
|
13
|
+
"relative",
|
|
14
|
+
"z-1",
|
|
15
|
+
"grid",
|
|
16
|
+
"h-full",
|
|
17
|
+
"w-full",
|
|
18
|
+
"grid-cols-3",
|
|
19
|
+
"grid-rows-[1fr_auto]",
|
|
20
|
+
"flex-col",
|
|
21
|
+
"justify-between",
|
|
22
|
+
"overflow-hidden",
|
|
23
|
+
"p-4",
|
|
24
|
+
],
|
|
12
25
|
className,
|
|
13
26
|
)}
|
|
14
27
|
/>
|
|
@@ -20,7 +33,15 @@ interface LiquidLayoutChildProps extends ComponentProps<"div"> {
|
|
|
20
33
|
}
|
|
21
34
|
|
|
22
35
|
export function LiquidLayoutContent({ className, ...props }: Readonly<ComponentProps<"div">>) {
|
|
23
|
-
return
|
|
36
|
+
return (
|
|
37
|
+
<div
|
|
38
|
+
{...props}
|
|
39
|
+
className={cn(
|
|
40
|
+
["pointer-events-auto", "absolute", "inset-0", "-z-1"],
|
|
41
|
+
className,
|
|
42
|
+
)}
|
|
43
|
+
/>
|
|
44
|
+
);
|
|
24
45
|
}
|
|
25
46
|
|
|
26
47
|
export function LiquidLayoutLeft({ className, ...props }: Readonly<ComponentProps<"div">>) {
|
|
@@ -28,7 +49,16 @@ export function LiquidLayoutLeft({ className, ...props }: Readonly<ComponentProp
|
|
|
28
49
|
<div
|
|
29
50
|
{...props}
|
|
30
51
|
className={cn(
|
|
31
|
-
|
|
52
|
+
[
|
|
53
|
+
"order-2",
|
|
54
|
+
"col-start-1",
|
|
55
|
+
"flex",
|
|
56
|
+
"flex-col",
|
|
57
|
+
"items-start",
|
|
58
|
+
"gap-4",
|
|
59
|
+
"overflow-y-auto",
|
|
60
|
+
"[&>*]:pointer-events-auto",
|
|
61
|
+
],
|
|
32
62
|
className,
|
|
33
63
|
)}
|
|
34
64
|
/>
|
|
@@ -40,7 +70,14 @@ export function LiquidLayoutTop({ className, ...props }: Readonly<ComponentProps
|
|
|
40
70
|
<div
|
|
41
71
|
{...props}
|
|
42
72
|
className={cn(
|
|
43
|
-
|
|
73
|
+
[
|
|
74
|
+
"order-3",
|
|
75
|
+
"col-start-2",
|
|
76
|
+
"flex",
|
|
77
|
+
"items-start",
|
|
78
|
+
"justify-center",
|
|
79
|
+
"[&>*]:pointer-events-auto",
|
|
80
|
+
],
|
|
44
81
|
className,
|
|
45
82
|
)}
|
|
46
83
|
/>
|
|
@@ -57,7 +94,17 @@ export function LiquidLayoutRight({
|
|
|
57
94
|
<Comp
|
|
58
95
|
{...props}
|
|
59
96
|
className={cn(
|
|
60
|
-
|
|
97
|
+
[
|
|
98
|
+
"order-4",
|
|
99
|
+
"col-start-3",
|
|
100
|
+
"flex",
|
|
101
|
+
"flex-col",
|
|
102
|
+
"items-end",
|
|
103
|
+
"gap-4",
|
|
104
|
+
"justify-self-end",
|
|
105
|
+
"overflow-y-auto",
|
|
106
|
+
"[&>*]:pointer-events-auto",
|
|
107
|
+
],
|
|
61
108
|
className,
|
|
62
109
|
)}
|
|
63
110
|
/>
|
|
@@ -74,7 +121,14 @@ export function LiquidLayoutBottom({
|
|
|
74
121
|
<Comp
|
|
75
122
|
{...props}
|
|
76
123
|
className={cn(
|
|
77
|
-
|
|
124
|
+
[
|
|
125
|
+
"order-5",
|
|
126
|
+
"col-span-3",
|
|
127
|
+
"col-start-1",
|
|
128
|
+
"flex",
|
|
129
|
+
"justify-center",
|
|
130
|
+
"[&>*]:pointer-events-auto",
|
|
131
|
+
],
|
|
78
132
|
className,
|
|
79
133
|
)}
|
|
80
134
|
/>
|
|
@@ -8,7 +8,6 @@ import {
|
|
|
8
8
|
LiquidLayoutRight,
|
|
9
9
|
LiquidLayoutTop,
|
|
10
10
|
} from "./LayoutSlots";
|
|
11
|
-
import { cn } from "../../../hooks";
|
|
12
11
|
|
|
13
12
|
/**
|
|
14
13
|
* Props for the LiquidLayoutView component
|
|
@@ -26,16 +25,6 @@ interface LiquidLayoutViewProps {
|
|
|
26
25
|
children?: ReactNode;
|
|
27
26
|
/** Additional CSS classes to apply to the root element */
|
|
28
27
|
className?: string;
|
|
29
|
-
/** CSS classes to apply to the left slot */
|
|
30
|
-
leftClassName?: string;
|
|
31
|
-
/** CSS classes to apply to the right slot */
|
|
32
|
-
rightClassName?: string;
|
|
33
|
-
/** CSS classes to apply to the top slot */
|
|
34
|
-
topClassName?: string;
|
|
35
|
-
/** CSS classes to apply to the bottom slot */
|
|
36
|
-
bottomClassName?: string;
|
|
37
|
-
/** CSS classes to apply to the content slot */
|
|
38
|
-
contentClassName?: string;
|
|
39
28
|
}
|
|
40
29
|
|
|
41
30
|
/**
|
|
@@ -52,25 +41,16 @@ export const LiquidLayoutView = ({
|
|
|
52
41
|
bottom,
|
|
53
42
|
children,
|
|
54
43
|
className,
|
|
55
|
-
leftClassName,
|
|
56
|
-
rightClassName,
|
|
57
|
-
topClassName,
|
|
58
|
-
bottomClassName,
|
|
59
|
-
contentClassName,
|
|
60
44
|
}: LiquidLayoutViewProps) => {
|
|
61
45
|
return (
|
|
62
46
|
<LiquidLayout className={className}>
|
|
63
|
-
<LiquidLayoutContent
|
|
64
|
-
className={cn("absolute flex flex-col items-center justify-center", contentClassName)}
|
|
65
|
-
>
|
|
47
|
+
<LiquidLayoutContent className="absolute flex flex-col items-center justify-center">
|
|
66
48
|
{children}
|
|
67
49
|
</LiquidLayoutContent>
|
|
68
|
-
{bottom &&
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
{
|
|
72
|
-
{left && <LiquidLayoutLeft className={leftClassName}>{left}</LiquidLayoutLeft>}
|
|
73
|
-
{top && <LiquidLayoutTop className={topClassName}>{top}</LiquidLayoutTop>}
|
|
50
|
+
{bottom && <LiquidLayoutBottom className="mt-4">{bottom}</LiquidLayoutBottom>}
|
|
51
|
+
{right && <LiquidLayoutRight className="max-w-75">{right}</LiquidLayoutRight>}
|
|
52
|
+
{top && <LiquidLayoutTop>{top}</LiquidLayoutTop>}
|
|
53
|
+
{left && <LiquidLayoutLeft className="max-w-75">{left}</LiquidLayoutLeft>}
|
|
74
54
|
</LiquidLayout>
|
|
75
55
|
);
|
|
76
56
|
};
|