@miozu/jera 0.6.2 → 0.6.3
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/llms.txt
CHANGED
|
@@ -64,7 +64,47 @@
|
|
|
64
64
|
- [Tabs](/src/components/navigation/Tabs.svelte): Tab navigation
|
|
65
65
|
- [Accordion](/src/components/navigation/Accordion.svelte): Collapsible sections
|
|
66
66
|
- [Sidebar](/src/components/navigation/Sidebar.svelte): App sidebar
|
|
67
|
-
|
|
67
|
+
|
|
68
|
+
#### LeftBar System (1:1 match with dash.selify.ai WorkspaceSidebar)
|
|
69
|
+
- [LeftBar](/src/components/navigation/LeftBar.svelte): Collapsible sidebar container with context
|
|
70
|
+
- [LeftBarSection](/src/components/navigation/LeftBarSection.svelte): Grouped navigation with optional title
|
|
71
|
+
- [LeftBarItem](/src/components/navigation/LeftBarItem.svelte): Nav item with subroutes support
|
|
72
|
+
- [LeftBarPopover](/src/components/navigation/LeftBarPopover.svelte): Hover popover for collapsed state
|
|
73
|
+
|
|
74
|
+
## LeftBar API (v0.6.2+)
|
|
75
|
+
|
|
76
|
+
```svelte
|
|
77
|
+
<LeftBar bind:collapsed persistKey="my-sidebar">
|
|
78
|
+
{#snippet header()}
|
|
79
|
+
<DropdownContainer {themeState} />
|
|
80
|
+
{/snippet}
|
|
81
|
+
{#snippet navigation()}
|
|
82
|
+
<LeftBarSection title="Main">
|
|
83
|
+
<LeftBarItem href="/" icon={Home} label="Dashboard" active={true} />
|
|
84
|
+
<LeftBarItem
|
|
85
|
+
label="Services"
|
|
86
|
+
icon={Server}
|
|
87
|
+
expandable
|
|
88
|
+
bind:expanded={servicesOpen}
|
|
89
|
+
subroutes={[
|
|
90
|
+
{ label: 'Overview', href: '/services' },
|
|
91
|
+
{ label: 'Errors', href: '/errors' }
|
|
92
|
+
]}
|
|
93
|
+
/>
|
|
94
|
+
</LeftBarSection>
|
|
95
|
+
{/snippet}
|
|
96
|
+
{#snippet footer()}
|
|
97
|
+
<LeftBarToggle />
|
|
98
|
+
{/snippet}
|
|
99
|
+
</LeftBar>
|
|
100
|
+
```
|
|
101
|
+
|
|
102
|
+
Context API (provided by LeftBar):
|
|
103
|
+
- `collapsed`: boolean - Current collapsed state
|
|
104
|
+
- `toggle()`: Toggle collapsed state
|
|
105
|
+
- `showPopover(id, event)`: Show hover popover (collapsed mode)
|
|
106
|
+
- `hidePopover()`: Hide popover with delay
|
|
107
|
+
- `keepPopoverOpen()`: Cancel hide delay (on popover enter)
|
|
68
108
|
|
|
69
109
|
## Actions
|
|
70
110
|
- [clickOutside](/src/actions/index.js): Detect clicks outside element
|
package/package.json
CHANGED
|
@@ -156,6 +156,7 @@
|
|
|
156
156
|
align-items: center;
|
|
157
157
|
gap: 0.5rem;
|
|
158
158
|
font-size: 0.875rem;
|
|
159
|
+
line-height: 1.25rem;
|
|
159
160
|
color: var(--color-base06);
|
|
160
161
|
cursor: pointer;
|
|
161
162
|
border-radius: 0.375rem;
|
|
@@ -243,6 +244,7 @@
|
|
|
243
244
|
display: block;
|
|
244
245
|
padding: 0.25rem 0.5rem;
|
|
245
246
|
font-size: 0.875rem;
|
|
247
|
+
line-height: 1.25rem;
|
|
246
248
|
color: var(--color-base05);
|
|
247
249
|
transition: all 150ms;
|
|
248
250
|
width: 100%;
|
|
@@ -87,6 +87,7 @@
|
|
|
87
87
|
.popover-header {
|
|
88
88
|
padding: 0.5rem 1rem;
|
|
89
89
|
font-size: 0.75rem;
|
|
90
|
+
line-height: 1rem;
|
|
90
91
|
font-weight: 600;
|
|
91
92
|
color: var(--color-base06);
|
|
92
93
|
text-transform: uppercase;
|
|
@@ -105,6 +106,7 @@
|
|
|
105
106
|
display: block;
|
|
106
107
|
padding: 0.5rem 1rem;
|
|
107
108
|
font-size: 0.875rem;
|
|
109
|
+
line-height: 1.25rem;
|
|
108
110
|
color: var(--color-base06);
|
|
109
111
|
transition: all 150ms;
|
|
110
112
|
cursor: pointer;
|