@cfasim-ui/components 0.6.1 → 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/dist/index.css +1 -1
- package/dist/index.js +25 -21
- package/package.json +2 -2
package/dist/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.box[data-v-d7342c02]{font-size:var(--font-size-sm);border-radius:.375em;padding:.75em 1.25em}.box-info[data-v-d7342c02]{background-color:var(--color-box-info-bg);color:var(--color-box-info-text)}.box-success[data-v-d7342c02]{background-color:var(--color-box-success-bg);color:var(--color-box-success-text)}.box-warning[data-v-d7342c02]{background-color:var(--color-box-warning-bg);color:var(--color-box-warning-text)}.box-error[data-v-d7342c02]{background-color:var(--color-box-error-bg);color:var(--color-box-error-text)}.button[data-v-250eab18]{min-height:2.5em;font-size:var(--font-size-sm);background-color:var(--color-primary);color:var(--color-text-on-primary);border:none;border-radius:.375em;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;padding:0 1em;font-weight:500;display:inline-flex}.button[data-v-250eab18]:hover{cursor:pointer;background-color:var(--color-primary-hover)}.button[data-v-250eab18]:active{background-color:var(--color-primary-active)}.button[data-v-250eab18]:focus-visible{box-shadow:var(--shadow-focus);outline:none}.button[data-v-250eab18]:disabled{opacity:.5;cursor:not-allowed}.button[data-variant=secondary][data-v-250eab18]{color:var(--color-primary);border:1px solid var(--color-primary);background-color:#0000}.button[data-variant=secondary][data-v-250eab18]:hover{background-color:color-mix(in srgb, var(--color-primary) 10%, transparent)}.button[data-variant=secondary][data-v-250eab18]:active{background-color:color-mix(in srgb, var(--color-primary) 15%, transparent)}.select-box[data-v-6210bde2]{flex-direction:column;gap:.25em;display:flex}.select-label[data-v-6210bde2]{font-size:var(--font-size-sm)}.select-trigger[data-v-6210bde2]{font-size:var(--font-size-sm);border:1px solid var(--color-border);background:var(--color-bg-0);cursor:pointer;width:auto;height:2.5em;color:inherit;border-radius:.375em;justify-content:space-between;align-items:center;gap:.5em;padding:0 .75em;font-family:inherit;line-height:1.4;display:inline-flex}.select-trigger[data-v-6210bde2]:hover{border-color:var(--color-border-hover)}.select-trigger[data-v-6210bde2]:focus-visible{outline:2px solid var(--color-primary);outline-offset:-1px}.select-trigger[data-placeholder][data-v-6210bde2]{color:var(--color-text-secondary)}.select-anchor[data-v-6210bde2]{height:2.5em;font-size:var(--font-size-sm);background:var(--color-bg-0);border:1px solid var(--color-border);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:.375em;align-items:center;gap:.5em;padding:0 .5em 0 .75em;display:flex}.select-anchor[data-v-6210bde2]:hover{border-color:var(--color-border-hover)}.select-anchor[data-v-6210bde2]:focus-within{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}.select-input[data-v-6210bde2]{min-width:0;height:100%;color:inherit;font:inherit;background:0 0;border:none;flex:1;padding:0}.select-input[data-v-6210bde2]:focus{outline:none}.select-input[data-v-6210bde2]::placeholder{color:var(--color-text-secondary)}.select-icon-button[data-v-6210bde2]{color:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;display:inline-flex}.select-icon[data-v-6210bde2]{flex-shrink:0;align-items:center;display:flex}.select-content{z-index:100;background:var(--color-bg-0);border:1px solid var(--color-border);min-width:var(--reka-select-trigger-width);max-height:var(--reka-select-content-available-height);border-radius:.25em;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.select-content-autocomplete{width:var(--reka-combobox-trigger-width);max-height:var(--reka-combobox-content-available-height)}.select-viewport{padding:.25em}.select-empty{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;padding:.5em}.select-item{font-size:var(--font-size-sm);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.25em;outline:none;justify-content:space-between;align-items:center;gap:.5em;padding:.25em .5em;display:flex}.select-item[data-highlighted]{background:var(--color-primary);color:#fff}.select-item[data-state=checked]{font-weight:600}.select-indicator{flex-shrink:0;align-items:center;display:flex}.button-group[data-v-f3bd45a3]{display:inline-flex}.button-group[data-orientation=vertical][data-v-f3bd45a3]{flex-direction:column}.button-group[data-v-f3bd45a3]>*{border-radius:0;align-self:stretch}.button-group[data-orientation=horizontal][data-v-f3bd45a3]>:not(:first-child){margin-left:-1px}.button-group[data-orientation=vertical][data-v-f3bd45a3]>:not(:first-child){margin-top:-1px}.button-group[data-v-f3bd45a3]>:hover,.button-group[data-v-f3bd45a3]>:focus-visible,.button-group[data-v-f3bd45a3]>:focus{z-index:1;position:relative}.button-group[data-orientation=horizontal][data-v-f3bd45a3] .button[data-variant=primary]+.button[data-variant=primary]{border-left:1px solid color-mix(in srgb, var(--color-text-on-primary) 35%, transparent)}.button-group[data-orientation=vertical][data-v-f3bd45a3] .button[data-variant=primary]+.button[data-variant=primary]{border-top:1px solid color-mix(in srgb, var(--color-text-on-primary) 35%, transparent)}.button-group[data-orientation=horizontal][data-v-f3bd45a3]>:first-child{border-top-left-radius:.375em;border-bottom-left-radius:.375em}.button-group[data-orientation=horizontal][data-v-f3bd45a3]>:last-child{border-top-right-radius:.375em;border-bottom-right-radius:.375em}.button-group[data-orientation=vertical][data-v-f3bd45a3]>:first-child{border-top-left-radius:.375em;border-top-right-radius:.375em}.button-group[data-orientation=vertical][data-v-f3bd45a3]>:last-child{border-bottom-right-radius:.375em;border-bottom-left-radius:.375em}.container[data-v-bff01edb]{flex-direction:column;min-width:0;display:flex}.container-horizontal[data-v-bff01edb]{flex-flow:wrap;align-items:center}.container-border[data-v-bff01edb]{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md)}.container-scrollable[data-v-bff01edb]{overflow:auto}.expander-trigger[data-v-39e4acd0]{cursor:pointer;width:100%;font:inherit;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);background:0 0;border:none;align-items:center;gap:.5em;padding:.5em 0;font-weight:600;display:flex}.expander-trigger[data-v-39e4acd0]:hover{color:var(--color-text)}.expander-caret[data-v-39e4acd0]{border-top:.3em solid #0000;border-bottom:.3em solid #0000;border-left:.35em solid;width:0;height:0;transition:transform .15s;display:inline-block}.expander-caret.open[data-v-39e4acd0]{transform:rotate(90deg)}.expander-content[data-v-39e4acd0]{flex-direction:column;gap:.75em;display:flex;overflow:hidden}.expander-content[data-state=open][data-v-39e4acd0]{animation:.2s ease-out slideDown-39e4acd0}.expander-content[data-state=closed][data-v-39e4acd0]{animation:.2s ease-out slideUp-39e4acd0}@keyframes slideDown-39e4acd0{0%{height:0}to{height:var(--reka-collapsible-content-height)}}@keyframes slideUp-39e4acd0{0%{height:var(--reka-collapsible-content-height)}to{height:0}}.grid-wrapper[data-v-7ae87f0f]{width:100%;min-width:0;container-type:inline-size}.grid[data-v-7ae87f0f]{min-width:0;display:grid}.grid[data-v-7ae87f0f]>*{min-width:0}.Icon{width:24px;height:24px;color:inherit;flex:none;justify-content:center;align-items:center;display:inline-flex}.Icon svg{fill:currentColor;width:100%;height:100%;display:block}.Icon[data-size=sm]{width:20px;height:20px}.Icon[data-size=md]{width:24px;height:24px}.Icon[data-size=lg]{width:28px;height:28px}.Icon[data-size=xl]{width:32px;height:32px}.Icon[data-inline=true]{vertical-align:-.125em;width:1em;height:1em}.HintTrigger[data-v-9dbf1c25]{width:1.25em;height:1.25em;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.HintTrigger[data-v-9dbf1c25]:hover{color:var(--color-text)}.HintTrigger[data-v-9dbf1c25]:focus-visible{box-shadow:var(--shadow-focus);outline:none}.HintContent{max-width:15rem;font-size:var(--font-size-xs);color:var(--color-bg-0);background-color:var(--color-text);box-shadow:var(--shadow-md);z-index:100;border-radius:.25em;padding:.5em .75em;line-height:1.4}.HintArrow{fill:var(--color-text)}.light-dark-toggle[data-v-4c423498]{border:1px solid var(--color-border);background:var(--color-bg-0);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);border-radius:.25em;justify-content:center;align-items:center;display:flex}.light-dark-toggle[data-v-4c423498]:hover{color:var(--color-text);background:var(--color-bg-1)}.multi-select[data-v-14e1dc47]{flex-direction:column;gap:.25em;display:flex}.multi-select-label[data-v-14e1dc47]{font-size:var(--font-size-sm);justify-content:space-between;align-items:center;display:flex}.multi-select-anchor[data-v-14e1dc47]{min-height:2.5em;font-size:var(--font-size-sm);background:var(--color-bg-0);border:1px solid var(--color-border);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:.375em;align-items:center;gap:.25em;padding:.25em .5em;display:flex}.multi-select-anchor[data-v-14e1dc47]:hover{border-color:var(--color-border-hover)}.multi-select-anchor[data-v-14e1dc47]:focus-within{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}.multi-select-field[data-v-14e1dc47]{flex-wrap:wrap;flex:1;align-items:center;gap:.25em;min-width:0;display:flex}.multi-select-chips[data-v-14e1dc47]{margin:0;padding:0;list-style:none;display:contents}.multi-select-chip[data-v-14e1dc47]{background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:.25em;align-items:center;gap:.25em;margin:0;padding:.125em .25em .125em .5em;line-height:1.4;display:inline-flex}.multi-select-chip-remove[data-v-14e1dc47]{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.25em;align-items:center;padding:0;display:inline-flex}.multi-select-chip-remove[data-v-14e1dc47]:hover{color:var(--color-text)}.multi-select-chip-remove[data-v-14e1dc47]:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.multi-select-input[data-v-14e1dc47]{min-width:3em;height:1.75em;color:var(--color-text);font:inherit;background:0 0;border:none;flex:1;padding:0}.multi-select-input[data-v-14e1dc47]:focus{outline:none}.multi-select-input[data-v-14e1dc47]::placeholder{color:var(--color-text-tertiary)}.multi-select-trigger[data-v-14e1dc47]{color:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;display:inline-flex}.multi-select-icon[data-v-14e1dc47]{align-items:center;display:flex}.multi-select-content{z-index:100;background:var(--color-bg-0);border:1px solid var(--color-border);width:var(--reka-combobox-trigger-width);max-height:var(--reka-combobox-content-available-height);border-radius:.25em;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.multi-select-viewport{padding:.25em}.multi-select-empty{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;padding:.5em}.multi-select-item{font-size:var(--font-size-sm);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.25em;outline:none;justify-content:space-between;align-items:center;gap:.5em;padding:.25em .5em;display:flex}.multi-select-item[data-highlighted]{background:var(--color-primary);color:#fff}.multi-select-item[data-state=checked]{font-weight:600}.multi-select-indicator{flex-shrink:0;align-items:center;display:flex}.input-label[data-v-b123853e]{flex-direction:column;gap:.25em;display:flex}.input-label-row[data-v-b123853e]{justify-content:space-between;align-items:center;display:flex}.input-wrapper[data-v-b123853e]{align-items:center;gap:.25em;display:flex}.input-wrapper input[data-v-b123853e]{flex:1;min-width:0}input[data-v-b123853e]{width:100%;height:2.5em;font-size:inherit;background-color:var(--color-bg-0);color:var(--color-text);border:1px solid var(--color-border);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:.375em;padding:0 .75em;display:block}input[data-v-b123853e]:hover{border-color:var(--color-border-hover)}input[data-v-b123853e]:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}input[aria-invalid=true][data-v-b123853e]{border-color:var(--color-error)}input[aria-invalid=true][data-v-b123853e]:focus{border-color:var(--color-error);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-error) 25%, transparent)}input[data-v-b123853e]::placeholder{color:var(--color-text-tertiary)}.input-suffix[data-v-b123853e]{color:var(--color-text-secondary);font-size:var(--font-size-sm);flex-shrink:0}.input-error[data-v-b123853e]{color:var(--color-error);font-size:var(--font-size-xs)}.slider-container[data-v-b123853e]{flex-direction:column;gap:.25em;padding-top:1.5em;display:flex}.slider-current[data-v-b123853e]{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;pointer-events:none;margin-bottom:1px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.slider-root[data-v-b123853e]{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;width:100%;height:1.5em;display:flex;position:relative}.slider-track[data-v-b123853e]{background-color:var(--color-bg-3);border-radius:var(--radius-full);flex-grow:1;height:3px;position:relative}.slider-range[data-v-b123853e]{background-color:var(--color-primary);border-radius:var(--radius-full);height:100%;position:absolute}.slider-thumb[data-v-b123853e]{background-color:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;width:1em;height:1em;display:block;position:relative}.slider-thumb[data-v-b123853e]:hover{background-color:var(--color-primary-hover)}.slider-thumb[data-v-b123853e]:active,.slider-thumb[data-v-b123853e]:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-primary) 25%, transparent);outline:none}.slider-labels[data-v-b123853e]{font-size:var(--font-size-xs);color:var(--color-text-secondary);justify-content:space-between;margin-top:-.5em;display:flex}.Spinner{vertical-align:middle;border:2px solid;border-top-color:#0000;border-radius:50%;animation:.6s linear infinite cfa-spin;display:inline-block}.Spinner[data-size=sm]{width:14px;height:14px}.Spinner[data-size=md]{width:20px;height:20px}.Spinner[data-size=lg]{border-width:3px;width:28px;height:28px}@keyframes cfa-spin{to{transform:rotate(360deg)}}.SidebarLayout[data-v-6d59601d]{--bar-height:3rem;background-color:var(--color-bg-0);height:100dvh;color:var(--color-text);font-family:var(--font-family);display:flex;position:relative}.SidebarRail[data-v-6d59601d]{width:var(--sidebar-width);height:100%;transition:width var(--transition-normal);flex-shrink:0;position:relative;overflow:hidden}@media (width>=768px){.SidebarLayout[data-collapsed=true] .SidebarRail[data-v-6d59601d]{width:var(--toggle-size);background-color:var(--color-bg-1);border-right:1px solid var(--color-border);box-shadow:var(--shadow-sm)}}.Sidebar[data-v-6d59601d]{font-size:var(--font-size-sm);width:var(--sidebar-width);height:100%;transition:transform var(--transition-normal);display:flex;transform:translate(0)}.SidebarLayout[data-collapsed=true] .Sidebar[data-v-6d59601d]{transform:translate(-100%)}.SidebarScroll[data-v-6d59601d]{min-width:0;padding:var(--space-4);background-color:var(--color-bg-1);border-right:1px solid var(--color-border);box-shadow:var(--shadow-sm);scrollbar-width:thin;scrollbar-color:transparent transparent;gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.SidebarScroll[data-v-6d59601d]:hover{scrollbar-color:var(--color-border) transparent}.SidebarScroll[data-v-6d59601d] h2{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:var(--space-4) 0 var(--space-2);font-weight:600}.SidebarScroll[data-v-6d59601d]>h2:first-child{margin-top:0}.Toggle[data-v-6d59601d]{width:var(--toggle-size);height:var(--toggle-size);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.Toggle[data-v-6d59601d]:hover{color:var(--color-text);background-color:var(--color-bg-2)}.Toggle[data-v-6d59601d]:focus-visible{box-shadow:var(--shadow-focus);outline:none}.SidebarHeader[data-v-6d59601d]{margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) calc(-1 * var(--space-3));justify-content:flex-end;display:flex}.Toggle--expand[data-v-6d59601d]{opacity:0;pointer-events:none;transition:opacity var(--transition-fast);position:absolute;top:0;left:50%;transform:translate(-50%)}.SidebarLayout[data-collapsed=true] .Toggle--expand[data-v-6d59601d]{opacity:1;pointer-events:auto}.Main[data-v-6d59601d]{background-color:var(--color-bg-0);min-width:0;font-size:var(--font-size-md);flex-direction:column;flex:1;display:flex;overflow:hidden;container-type:inline-size}.Topbar[data-v-6d59601d]{min-height:var(--bar-height);padding:0 var(--space-4);flex-shrink:0;align-items:center;display:flex}.TopbarEnd[data-v-6d59601d]{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}@container (width>=768px){.Topbar[data-v-6d59601d]{padding:0 var(--space-4) 0 var(--space-20)}}.MainScroll[data-v-6d59601d]{min-height:0;padding:var(--space-6) 0;scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;overflow:hidden auto}.MainScroll[data-v-6d59601d]:hover{scrollbar-color:var(--color-border) transparent}.MainContent[data-v-6d59601d]{max-width:1024px;padding:0 var(--space-4)}@container (width>=768px){.MainContent[data-v-6d59601d]{padding:0 var(--space-4) 0 var(--space-20)}}@media (width<=767px){.SidebarLayout[data-v-6d59601d]{transition:transform var(--transition-normal)}.SidebarLayout[data-collapsed=true][data-v-6d59601d]{transform:translateX(calc(-1 * var(--sidebar-width)))}.SidebarLayout[data-collapsed=true] .Sidebar[data-v-6d59601d]{transform:translate(0)}.SidebarRail[data-v-6d59601d]{min-width:var(--sidebar-width)}.Main[data-v-6d59601d]{min-width:100vw}.Toggle--expand[data-v-6d59601d]{display:none}}.TabsLayout[data-v-6d59601d]{flex-direction:column;flex:1;min-height:0;display:flex}.TabsBar[data-v-6d59601d]{min-height:var(--bar-height);border-bottom:1px solid var(--color-border);padding:0 var(--space-4);flex-shrink:0;align-items:center;display:flex}.TabsBarEnd[data-v-6d59601d]{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.TabsList[data-v-6d59601d]{gap:var(--space-1);align-self:stretch;display:flex;position:relative}.TabsTrigger[data-v-6d59601d]{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);border-radius:var(--radius-md) var(--radius-md) 0 0;background:0 0;border:none;font-family:inherit;font-weight:500;position:relative}.TabsTrigger[data-v-6d59601d]:hover{color:var(--color-text);background-color:var(--color-bg-1)}.TabsTrigger[data-state=active][data-v-6d59601d]{color:var(--color-text)}.TabsTrigger[data-v-6d59601d]:focus-visible{box-shadow:var(--shadow-focus);outline:none}.TabsIndicator[data-v-6d59601d]{background-color:var(--color-text);height:2px;transition:width var(--transition-fast), left var(--transition-fast);position:absolute;bottom:0}.input-label[data-v-3f3d20cc]{font-size:var(--font-size-sm);flex-direction:column;gap:.25em;display:flex}.input-label-row[data-v-3f3d20cc]{justify-content:space-between;align-items:center;display:flex}input[data-v-3f3d20cc]{width:100%;height:2.5em;font-size:inherit;background-color:var(--color-bg-0);color:var(--color-text);border:1px solid var(--color-border);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:.375em;padding:0 .75em;display:block}input[data-v-3f3d20cc]:hover{border-color:var(--color-border-hover)}input[data-v-3f3d20cc]:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}input[data-v-3f3d20cc]::placeholder{color:var(--color-text-tertiary)}.toggle[data-v-9916c71e]{align-items:center;gap:.5em;display:flex}.toggle label[data-v-9916c71e]{-webkit-user-select:none;user-select:none}.switch[data-v-9916c71e]{--switch-w:2.25em;--switch-h:1.25em;--thumb-size:1em;--thumb-offset:.125em;width:var(--switch-w);height:var(--switch-h);background:var(--color-border-hover);border-radius:var(--switch-h);cursor:pointer;border:none;flex-shrink:0;padding:0;transition:background .15s;position:relative}.switch[data-state=checked][data-v-9916c71e]{background:var(--color-primary)}.switch[data-disabled][data-v-9916c71e]{opacity:.5;cursor:not-allowed}.thumb[data-v-9916c71e]{width:var(--thumb-size);height:var(--thumb-size);top:var(--thumb-offset);left:var(--thumb-offset);background:#fff;border-radius:50%;transition:transform .15s;display:block;position:absolute}.switch[data-state=checked] .thumb[data-v-9916c71e]{transform:translateX(calc(var(--switch-w) - var(--thumb-size) - var(--thumb-offset) * 2))}.toggle-group-field[data-v-efb7da4d]{flex-direction:column;align-items:flex-start;gap:.25em;display:flex}.toggle-group-label[data-v-efb7da4d]{font-size:var(--font-size-sm);align-items:center;gap:.25em;display:flex}.toggle-group[data-v-efb7da4d]{background:var(--color-border);border:1px solid var(--color-border);border-radius:.375em;gap:1px;display:inline-flex;overflow:hidden}.toggle-group--vertical[data-v-efb7da4d]{flex-direction:column}.toggle-group-item[data-v-efb7da4d]{appearance:none;background:var(--color-bg-0);min-height:2.5em;color:var(--color-text);font:inherit;font-size:var(--font-size-sm);white-space:nowrap;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;justify-content:center;align-items:center;margin:0;padding:0 1em;font-weight:500;display:inline-flex}.toggle-group-item[data-v-efb7da4d]:hover:not([data-disabled]){background:var(--color-bg-2)}.toggle-group-item[data-state=on][data-v-efb7da4d]{background:var(--color-primary);color:var(--color-text-on-primary)}.toggle-group-item[data-state=on][data-v-efb7da4d]:hover:not([data-disabled]){background:var(--color-primary-hover)}.toggle-group-item[data-v-efb7da4d]:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;z-index:1}.toggle-group-item[data-disabled][data-v-efb7da4d]{opacity:.5;cursor:not-allowed}.param-editor[data-v-e824be07]{flex-direction:column;gap:.5em;min-width:0;display:flex}.param-editor-toolbar[data-v-e824be07]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5em;display:flex}.param-editor-actions[data-v-e824be07]{gap:.25em;display:flex}.param-editor-file-input[data-v-e824be07]{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.param-editor-cm[data-v-e824be07]{border:1px solid var(--color-border);border-radius:.375em;overflow:hidden}.param-editor-cm[data-v-e824be07] .cm-editor{outline:none;height:100%}.param-editor-cm[data-v-e824be07] .cm-editor.cm-focused{outline:none}.param-editor-cm[data-v-e824be07] .cm-scroller{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.param-editor-error[data-v-e824be07]{white-space:pre-wrap;word-break:break-word}.param-editor-shortcut-hint[data-v-e824be07]{font-size:var(--font-size-xs,.75em);color:var(--color-text-secondary,#666);margin:0}.param-editor-shortcut-hint kbd[data-v-e824be07]{border:1px solid var(--color-border);background:var(--color-bg-1,transparent);border-radius:.25em;padding:.1em .35em;font-family:inherit;font-size:.95em}
|
|
1
|
+
.box[data-v-d7342c02]{font-size:var(--font-size-sm);border-radius:.375em;padding:.75em 1.25em}.box-info[data-v-d7342c02]{background-color:var(--color-box-info-bg);color:var(--color-box-info-text)}.box-success[data-v-d7342c02]{background-color:var(--color-box-success-bg);color:var(--color-box-success-text)}.box-warning[data-v-d7342c02]{background-color:var(--color-box-warning-bg);color:var(--color-box-warning-text)}.box-error[data-v-d7342c02]{background-color:var(--color-box-error-bg);color:var(--color-box-error-text)}.button[data-v-250eab18]{min-height:2.5em;font-size:var(--font-size-sm);background-color:var(--color-primary);color:var(--color-text-on-primary);border:none;border-radius:.375em;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;padding:0 1em;font-weight:500;display:inline-flex}.button[data-v-250eab18]:hover{cursor:pointer;background-color:var(--color-primary-hover)}.button[data-v-250eab18]:active{background-color:var(--color-primary-active)}.button[data-v-250eab18]:focus-visible{box-shadow:var(--shadow-focus);outline:none}.button[data-v-250eab18]:disabled{opacity:.5;cursor:not-allowed}.button[data-variant=secondary][data-v-250eab18]{color:var(--color-primary);border:1px solid var(--color-primary);background-color:#0000}.button[data-variant=secondary][data-v-250eab18]:hover{background-color:color-mix(in srgb, var(--color-primary) 10%, transparent)}.button[data-variant=secondary][data-v-250eab18]:active{background-color:color-mix(in srgb, var(--color-primary) 15%, transparent)}.select-box[data-v-6210bde2]{flex-direction:column;gap:.25em;display:flex}.select-label[data-v-6210bde2]{font-size:var(--font-size-sm)}.select-trigger[data-v-6210bde2]{font-size:var(--font-size-sm);border:1px solid var(--color-border);background:var(--color-bg-0);cursor:pointer;width:auto;height:2.5em;color:inherit;border-radius:.375em;justify-content:space-between;align-items:center;gap:.5em;padding:0 .75em;font-family:inherit;line-height:1.4;display:inline-flex}.select-trigger[data-v-6210bde2]:hover{border-color:var(--color-border-hover)}.select-trigger[data-v-6210bde2]:focus-visible{outline:2px solid var(--color-primary);outline-offset:-1px}.select-trigger[data-placeholder][data-v-6210bde2]{color:var(--color-text-secondary)}.select-anchor[data-v-6210bde2]{height:2.5em;font-size:var(--font-size-sm);background:var(--color-bg-0);border:1px solid var(--color-border);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:.375em;align-items:center;gap:.5em;padding:0 .5em 0 .75em;display:flex}.select-anchor[data-v-6210bde2]:hover{border-color:var(--color-border-hover)}.select-anchor[data-v-6210bde2]:focus-within{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}.select-input[data-v-6210bde2]{min-width:0;height:100%;color:inherit;font:inherit;background:0 0;border:none;flex:1;padding:0}.select-input[data-v-6210bde2]:focus{outline:none}.select-input[data-v-6210bde2]::placeholder{color:var(--color-text-secondary)}.select-icon-button[data-v-6210bde2]{color:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;display:inline-flex}.select-icon[data-v-6210bde2]{flex-shrink:0;align-items:center;display:flex}.select-content{z-index:100;background:var(--color-bg-0);border:1px solid var(--color-border);min-width:var(--reka-select-trigger-width);max-height:var(--reka-select-content-available-height);border-radius:.25em;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.select-content-autocomplete{width:var(--reka-combobox-trigger-width);max-height:var(--reka-combobox-content-available-height)}.select-viewport{padding:.25em}.select-empty{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;padding:.5em}.select-item{font-size:var(--font-size-sm);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.25em;outline:none;justify-content:space-between;align-items:center;gap:.5em;padding:.25em .5em;display:flex}.select-item[data-highlighted]{background:var(--color-primary);color:#fff}.select-item[data-state=checked]{font-weight:600}.select-indicator{flex-shrink:0;align-items:center;display:flex}.button-group[data-v-f3bd45a3]{display:inline-flex}.button-group[data-orientation=vertical][data-v-f3bd45a3]{flex-direction:column}.button-group[data-v-f3bd45a3]>*{border-radius:0;align-self:stretch}.button-group[data-orientation=horizontal][data-v-f3bd45a3]>:not(:first-child){margin-left:-1px}.button-group[data-orientation=vertical][data-v-f3bd45a3]>:not(:first-child){margin-top:-1px}.button-group[data-v-f3bd45a3]>:hover,.button-group[data-v-f3bd45a3]>:focus-visible,.button-group[data-v-f3bd45a3]>:focus{z-index:1;position:relative}.button-group[data-orientation=horizontal][data-v-f3bd45a3] .button[data-variant=primary]+.button[data-variant=primary]{border-left:1px solid color-mix(in srgb, var(--color-text-on-primary) 35%, transparent)}.button-group[data-orientation=vertical][data-v-f3bd45a3] .button[data-variant=primary]+.button[data-variant=primary]{border-top:1px solid color-mix(in srgb, var(--color-text-on-primary) 35%, transparent)}.button-group[data-orientation=horizontal][data-v-f3bd45a3]>:first-child{border-top-left-radius:.375em;border-bottom-left-radius:.375em}.button-group[data-orientation=horizontal][data-v-f3bd45a3]>:last-child{border-top-right-radius:.375em;border-bottom-right-radius:.375em}.button-group[data-orientation=vertical][data-v-f3bd45a3]>:first-child{border-top-left-radius:.375em;border-top-right-radius:.375em}.button-group[data-orientation=vertical][data-v-f3bd45a3]>:last-child{border-bottom-right-radius:.375em;border-bottom-left-radius:.375em}.container[data-v-bff01edb]{flex-direction:column;min-width:0;display:flex}.container-horizontal[data-v-bff01edb]{flex-flow:wrap;align-items:center}.container-border[data-v-bff01edb]{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md)}.container-scrollable[data-v-bff01edb]{overflow:auto}.expander-trigger[data-v-39e4acd0]{cursor:pointer;width:100%;font:inherit;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);background:0 0;border:none;align-items:center;gap:.5em;padding:.5em 0;font-weight:600;display:flex}.expander-trigger[data-v-39e4acd0]:hover{color:var(--color-text)}.expander-caret[data-v-39e4acd0]{border-top:.3em solid #0000;border-bottom:.3em solid #0000;border-left:.35em solid;width:0;height:0;transition:transform .15s;display:inline-block}.expander-caret.open[data-v-39e4acd0]{transform:rotate(90deg)}.expander-content[data-v-39e4acd0]{flex-direction:column;gap:.75em;display:flex;overflow:hidden}.expander-content[data-state=open][data-v-39e4acd0]{animation:.2s ease-out slideDown-39e4acd0}.expander-content[data-state=closed][data-v-39e4acd0]{animation:.2s ease-out slideUp-39e4acd0}@keyframes slideDown-39e4acd0{0%{height:0}to{height:var(--reka-collapsible-content-height)}}@keyframes slideUp-39e4acd0{0%{height:var(--reka-collapsible-content-height)}to{height:0}}.grid-wrapper[data-v-7ae87f0f]{width:100%;min-width:0;container-type:inline-size}.grid[data-v-7ae87f0f]{min-width:0;display:grid}.grid[data-v-7ae87f0f]>*{min-width:0}.Icon{width:24px;height:24px;color:inherit;flex:none;justify-content:center;align-items:center;display:inline-flex}.Icon svg{fill:currentColor;width:100%;height:100%;display:block}.Icon[data-size=sm]{width:20px;height:20px}.Icon[data-size=md]{width:24px;height:24px}.Icon[data-size=lg]{width:28px;height:28px}.Icon[data-size=xl]{width:32px;height:32px}.Icon[data-inline=true]{vertical-align:-.125em;width:1em;height:1em}.HintTrigger[data-v-9dbf1c25]{width:1.25em;height:1.25em;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.HintTrigger[data-v-9dbf1c25]:hover{color:var(--color-text)}.HintTrigger[data-v-9dbf1c25]:focus-visible{box-shadow:var(--shadow-focus);outline:none}.HintContent{max-width:15rem;font-size:var(--font-size-xs);color:var(--color-bg-0);background-color:var(--color-text);box-shadow:var(--shadow-md);z-index:100;border-radius:.25em;padding:.5em .75em;line-height:1.4}.HintArrow{fill:var(--color-text)}.light-dark-toggle[data-v-4c423498]{border:1px solid var(--color-border);background:var(--color-bg-0);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);border-radius:.25em;justify-content:center;align-items:center;display:flex}.light-dark-toggle[data-v-4c423498]:hover{color:var(--color-text);background:var(--color-bg-1)}.multi-select[data-v-14e1dc47]{flex-direction:column;gap:.25em;display:flex}.multi-select-label[data-v-14e1dc47]{font-size:var(--font-size-sm);justify-content:space-between;align-items:center;display:flex}.multi-select-anchor[data-v-14e1dc47]{min-height:2.5em;font-size:var(--font-size-sm);background:var(--color-bg-0);border:1px solid var(--color-border);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:.375em;align-items:center;gap:.25em;padding:.25em .5em;display:flex}.multi-select-anchor[data-v-14e1dc47]:hover{border-color:var(--color-border-hover)}.multi-select-anchor[data-v-14e1dc47]:focus-within{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}.multi-select-field[data-v-14e1dc47]{flex-wrap:wrap;flex:1;align-items:center;gap:.25em;min-width:0;display:flex}.multi-select-chips[data-v-14e1dc47]{margin:0;padding:0;list-style:none;display:contents}.multi-select-chip[data-v-14e1dc47]{background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:.25em;align-items:center;gap:.25em;margin:0;padding:.125em .25em .125em .5em;line-height:1.4;display:inline-flex}.multi-select-chip-remove[data-v-14e1dc47]{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:.25em;align-items:center;padding:0;display:inline-flex}.multi-select-chip-remove[data-v-14e1dc47]:hover{color:var(--color-text)}.multi-select-chip-remove[data-v-14e1dc47]:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.multi-select-input[data-v-14e1dc47]{min-width:3em;height:1.75em;color:var(--color-text);font:inherit;background:0 0;border:none;flex:1;padding:0}.multi-select-input[data-v-14e1dc47]:focus{outline:none}.multi-select-input[data-v-14e1dc47]::placeholder{color:var(--color-text-tertiary)}.multi-select-trigger[data-v-14e1dc47]{color:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;display:inline-flex}.multi-select-icon[data-v-14e1dc47]{align-items:center;display:flex}.multi-select-content{z-index:100;background:var(--color-bg-0);border:1px solid var(--color-border);width:var(--reka-combobox-trigger-width);max-height:var(--reka-combobox-content-available-height);border-radius:.25em;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.multi-select-viewport{padding:.25em}.multi-select-empty{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;padding:.5em}.multi-select-item{font-size:var(--font-size-sm);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.25em;outline:none;justify-content:space-between;align-items:center;gap:.5em;padding:.25em .5em;display:flex}.multi-select-item[data-highlighted]{background:var(--color-primary);color:#fff}.multi-select-item[data-state=checked]{font-weight:600}.multi-select-indicator{flex-shrink:0;align-items:center;display:flex}.input-label[data-v-b123853e]{flex-direction:column;gap:.25em;display:flex}.input-label-row[data-v-b123853e]{justify-content:space-between;align-items:center;display:flex}.input-wrapper[data-v-b123853e]{align-items:center;gap:.25em;display:flex}.input-wrapper input[data-v-b123853e]{flex:1;min-width:0}input[data-v-b123853e]{width:100%;height:2.5em;font-size:inherit;background-color:var(--color-bg-0);color:var(--color-text);border:1px solid var(--color-border);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:.375em;padding:0 .75em;display:block}input[data-v-b123853e]:hover{border-color:var(--color-border-hover)}input[data-v-b123853e]:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}input[aria-invalid=true][data-v-b123853e]{border-color:var(--color-error)}input[aria-invalid=true][data-v-b123853e]:focus{border-color:var(--color-error);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-error) 25%, transparent)}input[data-v-b123853e]::placeholder{color:var(--color-text-tertiary)}.input-suffix[data-v-b123853e]{color:var(--color-text-secondary);font-size:var(--font-size-sm);flex-shrink:0}.input-error[data-v-b123853e]{color:var(--color-error);font-size:var(--font-size-xs)}.slider-container[data-v-b123853e]{flex-direction:column;gap:.25em;padding-top:1.5em;display:flex}.slider-current[data-v-b123853e]{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;pointer-events:none;margin-bottom:1px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.slider-root[data-v-b123853e]{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;width:100%;height:1.5em;display:flex;position:relative}.slider-track[data-v-b123853e]{background-color:var(--color-bg-3);border-radius:var(--radius-full);flex-grow:1;height:3px;position:relative}.slider-range[data-v-b123853e]{background-color:var(--color-primary);border-radius:var(--radius-full);height:100%;position:absolute}.slider-thumb[data-v-b123853e]{background-color:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;width:1em;height:1em;display:block;position:relative}.slider-thumb[data-v-b123853e]:hover{background-color:var(--color-primary-hover)}.slider-thumb[data-v-b123853e]:active,.slider-thumb[data-v-b123853e]:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-primary) 25%, transparent);outline:none}.slider-labels[data-v-b123853e]{font-size:var(--font-size-xs);color:var(--color-text-secondary);justify-content:space-between;margin-top:-.5em;display:flex}.Spinner{vertical-align:middle;border:2px solid;border-top-color:#0000;border-radius:50%;animation:.6s linear infinite cfa-spin;display:inline-block}.Spinner[data-size=sm]{width:14px;height:14px}.Spinner[data-size=md]{width:20px;height:20px}.Spinner[data-size=lg]{border-width:3px;width:28px;height:28px}@keyframes cfa-spin{to{transform:rotate(360deg)}}.SidebarLayout[data-v-d8602726]{--bar-height:3rem;background-color:var(--color-bg-0);height:100dvh;color:var(--color-text);font-family:var(--font-family);display:flex;position:relative}.SidebarRail[data-v-d8602726]{width:var(--sidebar-width);height:100%;transition:width var(--transition-normal);flex-shrink:0;position:relative;overflow:hidden}@media (width>=768px){.SidebarLayout[data-collapsed=true] .SidebarRail[data-v-d8602726]{width:var(--toggle-size);background-color:var(--color-bg-1);border-right:1px solid var(--color-border);box-shadow:var(--shadow-sm)}}.Sidebar[data-v-d8602726]{font-size:var(--font-size-sm);width:var(--sidebar-width);height:100%;transition:transform var(--transition-normal);display:flex;transform:translate(0)}.SidebarLayout[data-collapsed=true] .Sidebar[data-v-d8602726]{transform:translate(-100%)}.SidebarScroll[data-v-d8602726]{min-width:0;padding:var(--space-4);background-color:var(--color-bg-1);border-right:1px solid var(--color-border);box-shadow:var(--shadow-sm);scrollbar-width:thin;scrollbar-color:transparent transparent;gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.SidebarScroll[data-v-d8602726]:hover{scrollbar-color:var(--color-border) transparent}.SidebarScroll[data-v-d8602726] h2{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:var(--space-4) 0 var(--space-2);font-weight:600}.SidebarScroll[data-v-d8602726]>h2:first-child{margin-top:0}.Toggle[data-v-d8602726]{width:var(--toggle-size);height:var(--toggle-size);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.Toggle[data-v-d8602726]:hover{color:var(--color-text);background-color:var(--color-bg-2)}.Toggle[data-v-d8602726]:focus-visible{box-shadow:var(--shadow-focus);outline:none}.SidebarHeader[data-v-d8602726]{margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-4)) calc(-1 * var(--space-3));justify-content:flex-end;display:flex}.Toggle--expand[data-v-d8602726]{opacity:0;pointer-events:none;transition:opacity var(--transition-fast);position:absolute;top:0;left:50%;transform:translate(-50%)}.SidebarLayout[data-collapsed=true] .Toggle--expand[data-v-d8602726]{opacity:1;pointer-events:auto}.Main[data-v-d8602726]{background-color:var(--color-bg-0);min-width:0;font-size:var(--font-size-md);flex-direction:column;flex:1;display:flex;overflow:hidden;container-type:inline-size}.Topbar[data-v-d8602726]{min-height:var(--bar-height);padding:0 var(--space-4);flex-shrink:0;align-items:center;display:flex}.TopbarEnd[data-v-d8602726]{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}@container (width>=768px){.Topbar[data-v-d8602726]{padding:0 var(--space-4) 0 var(--space-20)}}.MainScroll[data-v-d8602726]{min-height:0;padding:var(--space-6) 0;scrollbar-width:thin;scrollbar-color:transparent transparent;flex:1;overflow:hidden auto}.MainScroll[data-v-d8602726]:hover{scrollbar-color:var(--color-border) transparent}.MainContent[data-v-d8602726]{max-width:1024px;padding:0 var(--space-4)}@container (width>=768px){.MainContent[data-v-d8602726]{padding:0 var(--space-4) 0 var(--space-20)}}@media (width<=767px){.SidebarLayout[data-v-d8602726]{transition:transform var(--transition-normal)}.SidebarLayout[data-collapsed=true][data-v-d8602726]{transform:translateX(calc(-1 * var(--sidebar-width)))}.SidebarLayout[data-collapsed=true] .Sidebar[data-v-d8602726]{transform:translate(0)}.SidebarRail[data-v-d8602726]{min-width:var(--sidebar-width)}.Main[data-v-d8602726]{min-width:100vw}.Toggle--expand[data-v-d8602726]{display:none}}.TabsLayout[data-v-d8602726]{flex-direction:column;flex:1;min-height:0;display:flex}.TabsBar[data-v-d8602726]{min-height:var(--bar-height);border-bottom:1px solid var(--color-border);padding:0 var(--space-4);flex-shrink:0;align-items:center;display:flex}.TabsBarEnd[data-v-d8602726]{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.TabsList[data-v-d8602726]{gap:var(--space-1);align-self:stretch;display:flex;position:relative}.TabsTrigger[data-v-d8602726]{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);border-radius:var(--radius-md) var(--radius-md) 0 0;background:0 0;border:none;font-family:inherit;font-weight:500;position:relative}.TabsTrigger[data-v-d8602726]:hover{color:var(--color-text);background-color:var(--color-bg-1)}.TabsTrigger[data-state=active][data-v-d8602726]{color:var(--color-text)}.TabsTrigger[data-v-d8602726]:focus-visible{box-shadow:var(--shadow-focus);outline:none}.TabsIndicator[data-v-d8602726]{background-color:var(--color-text);height:2px;transition:width var(--transition-fast), left var(--transition-fast);position:absolute;bottom:0}.input-label[data-v-3f3d20cc]{font-size:var(--font-size-sm);flex-direction:column;gap:.25em;display:flex}.input-label-row[data-v-3f3d20cc]{justify-content:space-between;align-items:center;display:flex}input[data-v-3f3d20cc]{width:100%;height:2.5em;font-size:inherit;background-color:var(--color-bg-0);color:var(--color-text);border:1px solid var(--color-border);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:.375em;padding:0 .75em;display:block}input[data-v-3f3d20cc]:hover{border-color:var(--color-border-hover)}input[data-v-3f3d20cc]:focus{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus);outline:none}input[data-v-3f3d20cc]::placeholder{color:var(--color-text-tertiary)}.toggle[data-v-9916c71e]{align-items:center;gap:.5em;display:flex}.toggle label[data-v-9916c71e]{-webkit-user-select:none;user-select:none}.switch[data-v-9916c71e]{--switch-w:2.25em;--switch-h:1.25em;--thumb-size:1em;--thumb-offset:.125em;width:var(--switch-w);height:var(--switch-h);background:var(--color-border-hover);border-radius:var(--switch-h);cursor:pointer;border:none;flex-shrink:0;padding:0;transition:background .15s;position:relative}.switch[data-state=checked][data-v-9916c71e]{background:var(--color-primary)}.switch[data-disabled][data-v-9916c71e]{opacity:.5;cursor:not-allowed}.thumb[data-v-9916c71e]{width:var(--thumb-size);height:var(--thumb-size);top:var(--thumb-offset);left:var(--thumb-offset);background:#fff;border-radius:50%;transition:transform .15s;display:block;position:absolute}.switch[data-state=checked] .thumb[data-v-9916c71e]{transform:translateX(calc(var(--switch-w) - var(--thumb-size) - var(--thumb-offset) * 2))}.toggle-group-field[data-v-efb7da4d]{flex-direction:column;align-items:flex-start;gap:.25em;display:flex}.toggle-group-label[data-v-efb7da4d]{font-size:var(--font-size-sm);align-items:center;gap:.25em;display:flex}.toggle-group[data-v-efb7da4d]{background:var(--color-border);border:1px solid var(--color-border);border-radius:.375em;gap:1px;display:inline-flex;overflow:hidden}.toggle-group--vertical[data-v-efb7da4d]{flex-direction:column}.toggle-group-item[data-v-efb7da4d]{appearance:none;background:var(--color-bg-0);min-height:2.5em;color:var(--color-text);font:inherit;font-size:var(--font-size-sm);white-space:nowrap;cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;justify-content:center;align-items:center;margin:0;padding:0 1em;font-weight:500;display:inline-flex}.toggle-group-item[data-v-efb7da4d]:hover:not([data-disabled]){background:var(--color-bg-2)}.toggle-group-item[data-state=on][data-v-efb7da4d]{background:var(--color-primary);color:var(--color-text-on-primary)}.toggle-group-item[data-state=on][data-v-efb7da4d]:hover:not([data-disabled]){background:var(--color-primary-hover)}.toggle-group-item[data-v-efb7da4d]:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;z-index:1}.toggle-group-item[data-disabled][data-v-efb7da4d]{opacity:.5;cursor:not-allowed}.param-editor[data-v-e824be07]{flex-direction:column;gap:.5em;min-width:0;display:flex}.param-editor-toolbar[data-v-e824be07]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5em;display:flex}.param-editor-actions[data-v-e824be07]{gap:.25em;display:flex}.param-editor-file-input[data-v-e824be07]{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.param-editor-cm[data-v-e824be07]{border:1px solid var(--color-border);border-radius:.375em;overflow:hidden}.param-editor-cm[data-v-e824be07] .cm-editor{outline:none;height:100%}.param-editor-cm[data-v-e824be07] .cm-editor.cm-focused{outline:none}.param-editor-cm[data-v-e824be07] .cm-scroller{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.param-editor-error[data-v-e824be07]{white-space:pre-wrap;word-break:break-word}.param-editor-shortcut-hint[data-v-e824be07]{font-size:var(--font-size-xs,.75em);color:var(--color-text-secondary,#666);margin:0}.param-editor-shortcut-hint kbd[data-v-e824be07]{border:1px solid var(--color-border);background:var(--color-bg-1,transparent);border-radius:.25em;padding:.1em .35em;font-family:inherit;font-size:.95em}
|
|
2
2
|
/*$vite$:1*/
|
package/dist/index.js
CHANGED
|
@@ -1136,7 +1136,7 @@ var An = {
|
|
|
1136
1136
|
"filename"
|
|
1137
1137
|
]));
|
|
1138
1138
|
}
|
|
1139
|
-
}), Vn = ["data-collapsed"], Hn = { class: "SidebarRail" }, Un =
|
|
1139
|
+
}), Vn = ["data-collapsed"], Hn = { class: "SidebarRail" }, Un = ["inert"], Wn = { class: "SidebarScroll" }, Gn = { class: "SidebarHeader" }, Kn = ["inert"], qn = { class: "Main" }, Jn = { class: "TabsBar" }, Yn = { class: "TabsBarEnd" }, Xn = { class: "MainScroll" }, Zn = { class: "MainContent" }, Qn = { class: "Topbar" }, $n = { class: "TopbarEnd" }, er = { class: "MainScroll" }, tr = { class: "MainContent" }, nr = /* @__PURE__ */ e(/* @__PURE__ */ p({
|
|
1140
1140
|
__name: "SidebarLayout",
|
|
1141
1141
|
props: /* @__PURE__ */ h({
|
|
1142
1142
|
hideTopbar: { type: Boolean },
|
|
@@ -1177,7 +1177,10 @@ var An = {
|
|
|
1177
1177
|
}, { immediate: !0 }), (t, n) => (b(), c("div", {
|
|
1178
1178
|
class: "SidebarLayout",
|
|
1179
1179
|
"data-collapsed": g.value
|
|
1180
|
-
}, [l("div", Hn, [l("aside",
|
|
1180
|
+
}, [l("div", Hn, [l("aside", {
|
|
1181
|
+
class: "Sidebar",
|
|
1182
|
+
inert: g.value
|
|
1183
|
+
}, [l("div", Wn, [l("div", Gn, [l("button", {
|
|
1181
1184
|
type: "button",
|
|
1182
1185
|
class: "Toggle",
|
|
1183
1186
|
"aria-label": "Collapse sidebar",
|
|
@@ -1186,22 +1189,23 @@ var An = {
|
|
|
1186
1189
|
}, [d(Q, {
|
|
1187
1190
|
icon: "keyboard_double_arrow_left",
|
|
1188
1191
|
size: "sm"
|
|
1189
|
-
})])]), C(t.$slots, "sidebar", {}, void 0, !0)])]), l("button", {
|
|
1192
|
+
})])]), C(t.$slots, "sidebar", {}, void 0, !0)])], 8, Un), l("button", {
|
|
1190
1193
|
type: "button",
|
|
1191
1194
|
class: "Toggle Toggle--expand",
|
|
1195
|
+
inert: !g.value,
|
|
1192
1196
|
"aria-label": "Expand sidebar",
|
|
1193
1197
|
title: "Expand sidebar",
|
|
1194
1198
|
onClick: v
|
|
1195
1199
|
}, [d(Q, {
|
|
1196
1200
|
icon: "keyboard_double_arrow_right",
|
|
1197
1201
|
size: "sm"
|
|
1198
|
-
})])]), l("main",
|
|
1202
|
+
})], 8, Kn)]), l("main", qn, [e.tabs?.length ? (b(), o(E(U), {
|
|
1199
1203
|
key: 0,
|
|
1200
1204
|
"model-value": O.value,
|
|
1201
1205
|
class: "TabsLayout",
|
|
1202
1206
|
"onUpdate:modelValue": n[0] ||= (e) => O.value = e
|
|
1203
1207
|
}, {
|
|
1204
|
-
default: A(() => [l("div",
|
|
1208
|
+
default: A(() => [l("div", Jn, [
|
|
1205
1209
|
h.value && g.value ? (b(), c("button", {
|
|
1206
1210
|
key: 0,
|
|
1207
1211
|
type: "button",
|
|
@@ -1233,10 +1237,10 @@ var An = {
|
|
|
1233
1237
|
})]),
|
|
1234
1238
|
_: 1
|
|
1235
1239
|
}),
|
|
1236
|
-
l("div",
|
|
1237
|
-
]), l("div",
|
|
1240
|
+
l("div", Yn, [C(t.$slots, "topbar", {}, void 0, !0), e.hideTopbar ? s("", !0) : (b(), o(gn, { key: 0 }))])
|
|
1241
|
+
]), l("div", Xn, [l("div", Zn, [C(t.$slots, "default", {}, void 0, !0)])])]),
|
|
1238
1242
|
_: 3
|
|
1239
|
-
}, 8, ["model-value"])) : (b(), c(i, { key: 1 }, [l("div",
|
|
1243
|
+
}, 8, ["model-value"])) : (b(), c(i, { key: 1 }, [l("div", Qn, [h.value && g.value ? (b(), c("button", {
|
|
1240
1244
|
key: 0,
|
|
1241
1245
|
type: "button",
|
|
1242
1246
|
class: "Toggle",
|
|
@@ -1246,12 +1250,12 @@ var An = {
|
|
|
1246
1250
|
}, [d(Q, {
|
|
1247
1251
|
icon: "keyboard_double_arrow_right",
|
|
1248
1252
|
size: "sm"
|
|
1249
|
-
})])) : s("", !0), l("div",
|
|
1253
|
+
})])) : s("", !0), l("div", $n, [C(t.$slots, "topbar", {}, void 0, !0), e.hideTopbar ? s("", !0) : (b(), o(gn, { key: 0 }))])]), l("div", er, [l("div", tr, [C(t.$slots, "default", {}, void 0, !0)])])], 64))])], 8, Vn));
|
|
1250
1254
|
}
|
|
1251
|
-
}), [["__scopeId", "data-v-
|
|
1255
|
+
}), [["__scopeId", "data-v-d8602726"]]), rr = {
|
|
1252
1256
|
key: 0,
|
|
1253
1257
|
class: "input-label"
|
|
1254
|
-
},
|
|
1258
|
+
}, ir = ["placeholder"], ar = { key: 1 }, or = ["placeholder"], sr = /* @__PURE__ */ e(/* @__PURE__ */ p({
|
|
1255
1259
|
__name: "TextInput",
|
|
1256
1260
|
props: /* @__PURE__ */ h({
|
|
1257
1261
|
label: {},
|
|
@@ -1272,7 +1276,7 @@ var An = {
|
|
|
1272
1276
|
t.value = n.value;
|
|
1273
1277
|
}
|
|
1274
1278
|
let i = e;
|
|
1275
|
-
return (e, t) => i.label ? (b(), c("label",
|
|
1279
|
+
return (e, t) => i.label ? (b(), c("label", rr, [l("span", { class: _(["input-label-row", { "visually-hidden": i.hideLabel }]) }, [u(T(i.label) + " ", 1), i.hint && !i.hideLabel ? (b(), o($, {
|
|
1276
1280
|
key: 0,
|
|
1277
1281
|
text: i.hint
|
|
1278
1282
|
}, null, 8, ["text"])) : s("", !0)], 2), te(l("input", {
|
|
@@ -1281,15 +1285,15 @@ var An = {
|
|
|
1281
1285
|
placeholder: i.placeholder,
|
|
1282
1286
|
onBlur: r,
|
|
1283
1287
|
onKeydown: j(r, ["enter"])
|
|
1284
|
-
}, null, 40,
|
|
1288
|
+
}, null, 40, ir), [[O, n.value]])])) : (b(), c("div", ar, [te(l("input", {
|
|
1285
1289
|
type: "text",
|
|
1286
1290
|
"onUpdate:modelValue": t[1] ||= (e) => n.value = e,
|
|
1287
1291
|
placeholder: i.placeholder,
|
|
1288
1292
|
onBlur: r,
|
|
1289
1293
|
onKeydown: j(r, ["enter"])
|
|
1290
|
-
}, null, 40,
|
|
1294
|
+
}, null, 40, or), [[O, n.value]])]));
|
|
1291
1295
|
}
|
|
1292
|
-
}), [["__scopeId", "data-v-3f3d20cc"]]),
|
|
1296
|
+
}), [["__scopeId", "data-v-3f3d20cc"]]), cr = { class: "toggle" }, lr = ["for"], ur = /* @__PURE__ */ e(/* @__PURE__ */ p({
|
|
1293
1297
|
__name: "Toggle",
|
|
1294
1298
|
props: /* @__PURE__ */ h({
|
|
1295
1299
|
label: {},
|
|
@@ -1302,8 +1306,8 @@ var An = {
|
|
|
1302
1306
|
emits: ["update:modelValue"],
|
|
1303
1307
|
setup(e) {
|
|
1304
1308
|
let t = D(e, "modelValue"), n = e, r = J();
|
|
1305
|
-
return (i, a) => (b(), c("div",
|
|
1306
|
-
l("label", { for: E(r) }, T(e.label), 9,
|
|
1309
|
+
return (i, a) => (b(), c("div", cr, [
|
|
1310
|
+
l("label", { for: E(r) }, T(e.label), 9, lr),
|
|
1307
1311
|
n.hint ? (b(), o($, {
|
|
1308
1312
|
key: 0,
|
|
1309
1313
|
text: n.hint
|
|
@@ -1324,7 +1328,7 @@ var An = {
|
|
|
1324
1328
|
])
|
|
1325
1329
|
]));
|
|
1326
1330
|
}
|
|
1327
|
-
}), [["__scopeId", "data-v-9916c71e"]]),
|
|
1331
|
+
}), [["__scopeId", "data-v-9916c71e"]]), dr = { class: "toggle-group-field" }, fr = ["id"], pr = /* @__PURE__ */ e(/* @__PURE__ */ p({
|
|
1328
1332
|
__name: "ToggleGroup",
|
|
1329
1333
|
props: /* @__PURE__ */ h({
|
|
1330
1334
|
options: {},
|
|
@@ -1342,14 +1346,14 @@ var An = {
|
|
|
1342
1346
|
emits: ["update:modelValue"],
|
|
1343
1347
|
setup(e) {
|
|
1344
1348
|
let t = D(e, "modelValue"), n = e, r = J(), l = a(() => n.multiple ? "multiple" : "single");
|
|
1345
|
-
return (n, a) => (b(), c("div",
|
|
1349
|
+
return (n, a) => (b(), c("div", dr, [e.label ? (b(), c("label", {
|
|
1346
1350
|
key: 0,
|
|
1347
1351
|
id: `${E(r)}-label`,
|
|
1348
1352
|
class: _(["toggle-group-label", { "visually-hidden": e.hideLabel }])
|
|
1349
1353
|
}, [u(T(e.label) + " ", 1), e.hint && !e.hideLabel ? (b(), o($, {
|
|
1350
1354
|
key: 0,
|
|
1351
1355
|
text: e.hint
|
|
1352
|
-
}, null, 8, ["text"])) : s("", !0)], 10,
|
|
1356
|
+
}, null, 8, ["text"])) : s("", !0)], 10, fr)) : s("", !0), d(E(pe), {
|
|
1353
1357
|
modelValue: t.value,
|
|
1354
1358
|
"onUpdate:modelValue": a[0] ||= (e) => t.value = e,
|
|
1355
1359
|
type: l.value,
|
|
@@ -1381,4 +1385,4 @@ var An = {
|
|
|
1381
1385
|
}
|
|
1382
1386
|
}), [["__scopeId", "data-v-efb7da4d"]]);
|
|
1383
1387
|
//#endregion
|
|
1384
|
-
export { n as Box, t as Button, ye as ButtonGroup, xe as Container, Se as Expander, ke as Grid, $ as Hint, Q as Icon, gn as LightDarkToggle, Sn as MultiSelect, Ln as NumberInput, Bn as ParamEditor, r as SelectBox,
|
|
1388
|
+
export { n as Box, t as Button, ye as ButtonGroup, xe as Container, Se as Expander, ke as Grid, $ as Hint, Q as Icon, gn as LightDarkToggle, Sn as MultiSelect, Ln as NumberInput, Bn as ParamEditor, r as SelectBox, nr as SidebarLayout, zn as Spinner, sr as TextInput, ur as Toggle, pr as ToggleGroup, Pe as hasIcon, Me as registerIcons };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cfasim-ui/components",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.3",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Vue 3 UI components for cfasim-ui",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"smol-toml": "^1.6.1",
|
|
39
39
|
"vue-codemirror": "^6.1.1",
|
|
40
40
|
"yaml": "^2.9.0",
|
|
41
|
-
"@cfasim-ui/shared": "0.6.
|
|
41
|
+
"@cfasim-ui/shared": "0.6.3"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
44
|
"vue": "^3.5.0"
|