@atelier-ui/vue 0.0.3 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/index.css +1 -1
  2. package/index.mjs +177 -172
  3. package/libs/vue/src/lib/breadcrumbs/llm-breadcrumbs.vue.d.ts +6 -1
  4. package/libs/vue/src/lib/breadcrumbs/llm-breadcrumbs.vue.d.ts.map +1 -1
  5. package/package.json +14 -4
package/index.css CHANGED
@@ -1 +1 @@
1
- .llm-accordion-group{display:block;font-family:var(--ui-font-family)}.llm-accordion-group.variant-default{border-top:1px solid var(--ui-color-border)}.llm-accordion-group.variant-default .llm-accordion-item{border-bottom:1px solid var(--ui-color-border)}.llm-accordion-group.variant-bordered{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}.llm-accordion-group.variant-bordered .llm-accordion-item:not(:last-child){border-bottom:1px solid var(--ui-color-border)}.llm-accordion-group.variant-separated{display:flex;flex-direction:column;gap:var(--ui-spacing-2)}.llm-accordion-group.variant-separated .llm-accordion-item{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}.llm-accordion-item{display:block}.accordion-heading{all:unset;display:block}.accordion-trigger{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ui-spacing-4);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text);cursor:pointer;transition:background-color var(--ui-transition-fast);-webkit-user-select:none;user-select:none}.accordion-trigger:hover:not(.is-disabled){background:var(--ui-color-surface-sunken)}.accordion-trigger:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);position:relative;z-index:1}.accordion-trigger.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.chevron{flex-shrink:0;color:var(--ui-color-text-muted);transition:transform var(--ui-duration-normal) var(--ui-ease-out)}.chevron.is-expanded{transform:rotate(180deg)}.accordion-panel-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--ui-duration-normal) var(--ui-ease-out)}.accordion-panel-wrapper.is-expanded{grid-template-rows:1fr}.accordion-panel{overflow:hidden}.accordion-panel-wrapper.is-expanded .accordion-panel{padding:0 var(--ui-spacing-4) var(--ui-spacing-4)}.accordion-panel-wrapper:not(.is-expanded) .accordion-panel{padding:0 var(--ui-spacing-4)}.llm-alert{display:flex;align-items:flex-start;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-md);border:1px solid transparent;font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);box-sizing:border-box;width:100%}.llm-alert .content{flex:1}.llm-alert.variant-info{background-color:color-mix(in srgb,var(--ui-color-info) 10%,transparent);color:var(--ui-color-info);border-color:color-mix(in srgb,var(--ui-color-info) 25%,transparent)}.llm-alert.variant-success{background-color:color-mix(in srgb,var(--ui-color-success) 10%,transparent);color:var(--ui-color-success);border-color:color-mix(in srgb,var(--ui-color-success) 25%,transparent)}.llm-alert.variant-warning{background-color:color-mix(in srgb,var(--ui-color-warning) 10%,transparent);color:var(--ui-color-warning);border-color:color-mix(in srgb,var(--ui-color-warning) 25%,transparent)}.llm-alert.variant-danger{background-color:color-mix(in srgb,var(--ui-color-danger) 10%,transparent);color:var(--ui-color-danger);border-color:color-mix(in srgb,var(--ui-color-danger) 25%,transparent)}.llm-alert .dismiss{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:.125rem;background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:inherit;opacity:.7;transition:opacity var(--ui-transition-fast),background-color var(--ui-transition-fast);line-height:1}.llm-alert .dismiss:hover{opacity:1;background-color:color-mix(in srgb,currentColor 10%,transparent)}.llm-alert .dismiss:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);opacity:1}.llm-avatar{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);background-color:color-mix(in srgb,var(--ui-color-primary) 12%,var(--ui-color-surface-sunken));color:var(--ui-color-primary);-webkit-user-select:none;user-select:none}.llm-avatar.size-xs{width:24px;height:24px;font-size:.625rem}.llm-avatar.size-sm{width:32px;height:32px;font-size:var(--ui-font-size-xs)}.llm-avatar.size-md{width:40px;height:40px;font-size:var(--ui-font-size-sm)}.llm-avatar.size-lg{width:48px;height:48px;font-size:var(--ui-font-size-md)}.llm-avatar.size-xl{width:64px;height:64px;font-size:var(--ui-font-size-lg)}.llm-avatar.shape-circle{border-radius:var(--ui-radius-full)}.llm-avatar.shape-square{border-radius:var(--ui-radius-md)}.llm-avatar img{width:100%;height:100%;object-fit:cover;display:block}.llm-avatar .initials{line-height:1;letter-spacing:.02em}.llm-avatar .icon{width:55%;height:55%;opacity:.6}.llm-avatar .status-dot{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:6px;min-height:6px;max-width:14px;max-height:14px;border-radius:var(--ui-radius-full);border:2px solid var(--ui-color-surface);box-sizing:content-box}.llm-avatar .status-dot.status-online{background-color:var(--ui-color-success)}.llm-avatar .status-dot.status-offline{background-color:var(--ui-color-text-muted)}.llm-avatar .status-dot.status-away{background-color:var(--ui-color-warning)}.llm-avatar .status-dot.status-busy{background-color:var(--ui-color-danger)}.llm-avatar-group{display:inline-flex;align-items:center;background:none;overflow:visible;padding-inline-start:4px}.llm-avatar-group>.llm-avatar{box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-full);font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge.size-xs{width:24px;height:24px;font-size:.5625rem}.overflow-badge.size-sm{width:32px;height:32px;font-size:var(--ui-font-size-xs)}.overflow-badge.size-md{width:40px;height:40px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-lg{width:48px;height:48px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-xl{width:64px;height:64px;font-size:var(--ui-font-size-md)}.llm-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ui-radius-full);font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);line-height:var(--ui-line-height-tight);white-space:nowrap;letter-spacing:.01em}.llm-badge.size-sm{padding:.1875rem var(--ui-spacing-2);font-size:var(--ui-font-size-xs)}.llm-badge.size-md{padding:.3125rem var(--ui-spacing-3);font-size:var(--ui-font-size-sm)}.llm-badge.variant-default{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:1px solid var(--ui-color-border)}.llm-badge.variant-success{background-color:color-mix(in srgb,var(--ui-color-success) 12%,transparent);color:var(--ui-color-success);border:1px solid color-mix(in srgb,var(--ui-color-success) 25%,transparent)}.llm-badge.variant-warning{background-color:color-mix(in srgb,var(--ui-color-warning) 12%,transparent);color:var(--ui-color-warning);border:1px solid color-mix(in srgb,var(--ui-color-warning) 25%,transparent)}.llm-badge.variant-danger{background-color:color-mix(in srgb,var(--ui-color-danger) 12%,transparent);color:var(--ui-color-danger);border:1px solid color-mix(in srgb,var(--ui-color-danger) 25%,transparent)}.llm-badge.variant-info{background-color:color-mix(in srgb,var(--ui-color-info) 12%,transparent);color:var(--ui-color-info);border:1px solid color-mix(in srgb,var(--ui-color-info) 25%,transparent)}.llm-breadcrumbs{display:block;font-family:var(--ui-font-family)}.breadcrumbs-list{display:flex;flex-wrap:wrap;align-items:center;gap:0;list-style:none;margin:0;padding:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted)}.llm-breadcrumb-item{display:flex;align-items:center}.llm-breadcrumb-item:after{content:"›";margin:0 var(--ui-spacing-2);color:var(--ui-color-border-hover);font-size:var(--ui-font-size-md);line-height:1}.llm-breadcrumb-item.is-current:after{display:none}.llm-breadcrumb-item .breadcrumb-link{color:var(--ui-color-text-muted);text-decoration:none;border-radius:var(--ui-radius-sm);padding:.125rem .25rem;margin:-.125rem -.25rem;transition:color var(--ui-transition-fast)}.llm-breadcrumb-item .breadcrumb-link:hover{color:var(--ui-color-text);text-decoration:underline}.llm-breadcrumb-item .breadcrumb-link:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.llm-breadcrumb-item .breadcrumb-current{color:var(--ui-color-text);font-weight:var(--ui-font-weight-semibold)}.llm-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-spacing-2);border:1px solid transparent;border-radius:var(--ui-radius-md);font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-medium);line-height:var(--ui-line-height-tight);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),transform var(--ui-transition-fast);white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none}.llm-button:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.llm-button.variant-primary{background-color:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary);box-shadow:var(--ui-shadow-xs)}.llm-button.variant-primary:hover:not(.is-disabled){background-color:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover);box-shadow:var(--ui-shadow-md);transform:translateY(-1px)}.llm-button.variant-primary:active:not(.is-disabled){background-color:var(--ui-color-primary-active);border-color:var(--ui-color-primary-active);box-shadow:var(--ui-shadow-xs);transform:scale(.97)}.llm-button.variant-secondary{background-color:var(--ui-color-secondary);color:var(--ui-color-text-on-secondary);border-color:var(--ui-color-secondary);box-shadow:var(--ui-shadow-xs)}.llm-button.variant-secondary:hover:not(.is-disabled){background-color:var(--ui-color-secondary-hover);border-color:var(--ui-color-secondary-hover);box-shadow:var(--ui-shadow-md);transform:translateY(-1px)}.llm-button.variant-secondary:active:not(.is-disabled){background-color:var(--ui-color-secondary-active);border-color:var(--ui-color-secondary-active);box-shadow:var(--ui-shadow-xs);transform:scale(.97)}.llm-button.variant-outline{background-color:transparent;color:var(--ui-color-primary);border-color:var(--ui-color-border)}.llm-button.variant-outline:hover:not(.is-disabled){background-color:var(--ui-color-primary-light);border-color:var(--ui-color-primary);transform:translateY(-1px)}.llm-button.variant-outline:active:not(.is-disabled){background-color:color-mix(in srgb,var(--ui-color-primary) 12%,transparent);transform:scale(.97)}.llm-button.size-sm{padding:var(--ui-spacing-1) var(--ui-spacing-3);font-size:var(--ui-font-size-sm)}.llm-button.size-md{padding:var(--ui-spacing-2) var(--ui-spacing-4);font-size:var(--ui-font-size-md)}.llm-button.size-lg{padding:var(--ui-spacing-3) var(--ui-spacing-6);font-size:var(--ui-font-size-lg)}.llm-button.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed;pointer-events:none}.spinner{display:inline-block;width:1em;height:1em;border:1.5px solid currentColor;border-top-color:transparent;border-radius:var(--ui-radius-full);animation:llm-spin .7s linear infinite;flex-shrink:0}@keyframes llm-spin{to{transform:rotate(360deg)}}.llm-card{display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface);overflow:hidden}.llm-card.variant-elevated{box-shadow:var(--ui-shadow-md);border:1px solid var(--ui-color-border)}.llm-card.variant-outlined{border:1px solid var(--ui-color-border);background-color:var(--ui-color-surface)}.llm-card.variant-flat{background-color:var(--ui-color-surface-sunken)}.llm-card.padding-none .llm-card-header,.llm-card.padding-none .llm-card-content,.llm-card.padding-none .llm-card-footer{padding:0}.llm-card.padding-sm .llm-card-header,.llm-card.padding-sm .llm-card-content,.llm-card.padding-sm .llm-card-footer{padding:var(--ui-spacing-3)}.llm-card.padding-md .llm-card-header,.llm-card.padding-md .llm-card-content,.llm-card.padding-md .llm-card-footer{padding:var(--ui-spacing-4)}.llm-card.padding-lg .llm-card-header,.llm-card.padding-lg .llm-card-content,.llm-card.padding-lg .llm-card-footer{padding:var(--ui-spacing-6)}.llm-card-header{display:block;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);border-bottom:1px solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}.llm-card-content{display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}.llm-card-footer{display:flex;align-items:center;gap:var(--ui-spacing-2);border-top:1px solid var(--ui-color-border)}.llm-checkbox{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-checkbox label{display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}.llm-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;flex-shrink:0;width:1.25rem;height:1.25rem;border:1.5px solid var(--ui-color-input-border);border-radius:var(--ui-radius-sm);background-color:var(--ui-color-input-bg);cursor:pointer;position:relative;transition:border-color var(--ui-transition-fast),background-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);outline:none}.llm-checkbox input[type=checkbox]:hover:not(:disabled){border-color:var(--ui-color-input-border-hover);background-color:var(--ui-color-primary-light)}.llm-checkbox input[type=checkbox]:focus-visible{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-input-border-focus)}.llm-checkbox input[type=checkbox]:checked{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}.llm-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;inset:0;margin:auto;width:.35rem;height:.6rem;border:2px solid var(--ui-color-on-primary);border-top:none;border-left:none;transform:rotate(45deg) translate(-1px,-1px);animation:llm-check-pop var(--ui-duration-normal) var(--ui-ease-spring)}.llm-checkbox input[type=checkbox]:indeterminate{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}.llm-checkbox input[type=checkbox]:indeterminate:after{content:"";position:absolute;inset:0;margin:auto;width:.5rem;height:2px;background-color:var(--ui-color-on-primary);animation:llm-check-pop var(--ui-duration-normal) var(--ui-ease-spring)}.llm-checkbox.is-invalid input[type=checkbox]{border-color:var(--ui-color-input-border-invalid)}.llm-checkbox.is-invalid input[type=checkbox]:focus-visible{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}.llm-checkbox.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-checkbox.is-disabled label,.llm-checkbox.is-disabled input[type=checkbox]{cursor:not-allowed}.llm-checkbox .errors{margin-top:var(--ui-spacing-1)}.llm-checkbox .error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}@keyframes llm-check-pop{0%{transform:rotate(45deg) translate(-1px,-1px) scale(0)}60%{transform:rotate(45deg) translate(-1px,-1px) scale(1.15)}to{transform:rotate(45deg) translate(-1px,-1px) scale(1)}}.llm-dialog{all:unset;position:fixed;inset:0;margin:auto;display:none;flex-direction:column;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;opacity:0;transform:scale(.95);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}.llm-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.llm-dialog[open]{opacity:0;transform:scale(.95)}}.llm-dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.llm-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-dialog::backdrop{background:#000000b3}}[data-theme=dark] .llm-dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.size-sm{width:min(24rem,90vw)}.size-md{width:min(36rem,90vw)}.size-lg{width:min(48rem,90vw)}.size-xl{width:min(64rem,90vw)}.size-full{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}.llm-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-4) var(--ui-spacing-5);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}.llm-dialog-content{display:block;padding:var(--ui-spacing-5);overflow-y:auto;flex:1;color:var(--ui-color-text)}.llm-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-top:1px solid var(--ui-color-border);flex-shrink:0}.llm-drawer-host{display:contents}.llm-drawer-host dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}.llm-drawer-host dialog[open]{display:flex;transform:translate(0)!important}.llm-drawer-host dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.llm-drawer-host dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-drawer-host dialog::backdrop{background:#000000b3}}[data-theme=dark] .llm-drawer-host dialog::backdrop{background:#000000b3}.llm-drawer-host .panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.llm-drawer-host.position-right dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{.llm-drawer-host.position-right dialog[open]{transform:translate(100%)}}.llm-drawer-host.position-left dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{.llm-drawer-host.position-left dialog[open]{transform:translate(-100%)}}.llm-drawer-host.position-top dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{.llm-drawer-host.position-top dialog[open]{transform:translateY(-100%)}}.llm-drawer-host.position-bottom dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{.llm-drawer-host.position-bottom dialog[open]{transform:translateY(100%)}}.llm-drawer-host.position-right.size-sm dialog,.llm-drawer-host.position-left.size-sm dialog{width:20rem}.llm-drawer-host.position-right.size-md dialog,.llm-drawer-host.position-left.size-md dialog{width:28rem}.llm-drawer-host.position-right.size-lg dialog,.llm-drawer-host.position-left.size-lg dialog{width:40rem}.llm-drawer-host.position-right.size-full dialog,.llm-drawer-host.position-left.size-full dialog{width:100vw}.llm-drawer-host.position-top.size-sm dialog,.llm-drawer-host.position-bottom.size-sm dialog{height:12rem}.llm-drawer-host.position-top.size-md dialog,.llm-drawer-host.position-bottom.size-md dialog{height:20rem}.llm-drawer-host.position-top.size-lg dialog,.llm-drawer-host.position-bottom.size-lg dialog{height:32rem}.llm-drawer-host.position-top.size-full dialog,.llm-drawer-host.position-bottom.size-full dialog{height:100dvh}.llm-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-4) var(--ui-spacing-5);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}.llm-drawer-content{display:block;padding:var(--ui-spacing-5);overflow-y:auto;flex:1;color:var(--ui-color-text)}.llm-drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.llm-input{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-input input{display:block;width:100%;padding:.625rem var(--ui-spacing-3);font-size:inherit;font-family:inherit;line-height:var(--ui-line-height-normal);color:var(--ui-color-text);background-color:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);box-shadow:inset 0 1px 2px #0000000a;transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),background-color var(--ui-transition-fast);outline:none;box-sizing:border-box}.llm-input input::placeholder{color:var(--ui-color-placeholder)}.llm-input input:hover:not(:disabled):not(:read-only){border-color:var(--ui-color-input-border-hover)}.llm-input input:focus{border-color:var(--ui-color-input-border-focus);background-color:var(--ui-color-input-bg-focus);box-shadow:var(--ui-focus-ring)}.llm-input.is-invalid input{border-color:var(--ui-color-input-border-invalid)}.llm-input.is-invalid input:focus{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}.llm-input.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-input.is-disabled input{cursor:not-allowed}.llm-input.is-readonly input{background-color:var(--ui-color-surface-sunken);cursor:default;box-shadow:none}.llm-input .errors{margin-top:var(--ui-spacing-1)}.llm-input .error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}.llm-menu{display:block;min-width:10rem;padding:var(--ui-spacing-1) 0;background:var(--ui-color-surface-raised);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-lg);font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);color:var(--ui-color-text);outline:none;overflow:hidden;animation:llm-menu-enter var(--ui-duration-normal) var(--ui-ease-out) forwards}.llm-menu.variant-compact{font-size:var(--ui-font-size-sm)}.llm-menu.variant-compact .llm-menu-item{padding:var(--ui-spacing-1) var(--ui-spacing-3)}@keyframes llm-menu-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.llm-menu-item{display:flex;align-items:center;gap:var(--ui-spacing-2);padding:var(--ui-spacing-2) var(--ui-spacing-3);cursor:pointer;color:var(--ui-color-text);transition:background var(--ui-transition-fast);outline:none;border:none;background:none;font:inherit;width:100%;text-align:start}.llm-menu-item:hover,.llm-menu-item:focus-visible{background:var(--ui-color-surface-sunken)}.llm-menu-item.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-menu-separator{display:block;height:1px;margin:var(--ui-spacing-1) 0;background:var(--ui-color-border);border:none}.llm-menu-panel{position:absolute;z-index:var(--ui-z-dropdown, 100);top:calc(100% + var(--ui-spacing-1));left:0;min-width:100%}.llm-pagination{display:block;font-family:var(--ui-font-family)}.page-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-spacing-1);list-style:none;margin:0;padding:0}.page-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--ui-radius-md);border:1px solid var(--ui-color-border);background:var(--ui-color-surface);color:var(--ui-color-text);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),color var(--ui-transition-fast)}.page-btn:hover:not(:disabled){background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}.page-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.page-btn.is-active{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary);color:var(--ui-color-text-on-primary)}.page-btn.is-active:hover{background-color:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}.page-btn.is-disabled,.page-btn:disabled{opacity:.4;pointer-events:none;cursor:default}.ellipsis{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm);-webkit-user-select:none;user-select:none}.llm-progress{display:block;width:100%;font-family:var(--ui-font-family)}.track{position:relative;width:100%;border-radius:var(--ui-radius-full);background-color:var(--ui-color-surface-sunken);overflow:hidden}.llm-progress.size-sm .track{height:4px}.llm-progress.size-md .track{height:8px}.llm-progress.size-lg .track{height:12px}.fill{height:100%;border-radius:var(--ui-radius-full);background-color:var(--ui-color-primary);transition:width var(--ui-transition-normal)}.llm-progress.variant-success .fill{background-color:var(--ui-color-success)}.llm-progress.variant-warning .fill{background-color:var(--ui-color-warning)}.llm-progress.variant-danger .fill{background-color:var(--ui-color-danger)}@keyframes progress-indeterminate{0%{transform:translate(-150%)}to{transform:translate(350%)}}.llm-progress.is-indeterminate .fill{width:40%!important;animation:progress-indeterminate 1.4s var(--ui-ease-in-out) infinite}@media(prefers-reduced-motion:reduce){.llm-progress.is-indeterminate .fill{animation:none;opacity:.5}}.llm-radio-group{display:block;font-family:var(--ui-font-family)}.llm-radio-group.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-radio-group .errors{margin-top:var(--ui-spacing-1)}.llm-radio-group .error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}.llm-radio{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-radio label,.llm-radio{display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}.llm-radio input[type=radio]{appearance:none;-webkit-appearance:none;flex-shrink:0;width:1.25rem;height:1.25rem;border:1.5px solid var(--ui-color-input-border);border-radius:50%;background-color:var(--ui-color-input-bg);cursor:pointer;position:relative;transition:border-color var(--ui-transition-fast),background-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);outline:none}.llm-radio input[type=radio]:hover:not(:disabled){border-color:var(--ui-color-input-border-hover);background-color:var(--ui-color-primary-light)}.llm-radio input[type=radio]:focus-visible{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-input-border-focus)}.llm-radio input[type=radio]:checked{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}.llm-radio input[type=radio]:checked:after{content:"";position:absolute;inset:0;margin:auto;width:.45rem;height:.45rem;border-radius:50%;background-color:var(--ui-color-on-primary);animation:llm-radio-pop var(--ui-duration-normal) var(--ui-ease-spring)}.llm-radio-group.is-invalid .llm-radio input[type=radio],.llm-radio.is-invalid input[type=radio]{border-color:var(--ui-color-input-border-invalid)}.llm-radio-group.is-invalid .llm-radio input[type=radio]:focus-visible,.llm-radio.is-invalid input[type=radio]:focus-visible{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}.llm-radio.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-radio.is-disabled input[type=radio]{cursor:not-allowed}@keyframes llm-radio-pop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.llm-select{display:inline-block;position:relative;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-select label{display:block;margin-bottom:var(--ui-spacing-1);font-size:var(--ui-font-size-sm);color:var(--ui-color-text);font-weight:var(--ui-font-weight-medium)}.llm-select .select-wrapper{position:relative;display:flex;align-items:center}.llm-select select{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ui-spacing-2) var(--ui-spacing-3);padding-inline-end:calc(var(--ui-spacing-3) + 1.25rem);background:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);color:var(--ui-color-text);font-family:inherit;font-size:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast)}.llm-select select:hover:not(:disabled){border-color:var(--ui-color-input-border-hover)}.llm-select select:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-input-border-focus)}.llm-select select:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-select.is-invalid select{border-color:var(--ui-color-input-border-invalid)}.llm-select .select-arrow{position:absolute;inset-inline-end:var(--ui-spacing-3);pointer-events:none;font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}.llm-select .errors{margin-top:var(--ui-spacing-1)}.llm-select .error-message{margin:0;font-size:var(--ui-font-size-xs);color:var(--ui-color-error-text)}.llm-skeleton{display:block;background:var(--ui-color-border);overflow:hidden;position:relative}.llm-skeleton.variant-text{border-radius:var(--ui-radius-sm)}.llm-skeleton.variant-circular{border-radius:var(--ui-radius-full, 9999px)}.llm-skeleton.variant-rectangular{border-radius:var(--ui-radius-md)}.llm-skeleton.is-animated:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.llm-skeleton.is-animated:after{animation:none}}.llm-tab-group{display:block;font-family:var(--ui-font-family)}.llm-tab-group .tablist{display:flex;gap:var(--ui-spacing-1);border-bottom:1px solid var(--ui-color-border);overflow-x:auto;scrollbar-width:none}.llm-tab-group .tablist::-webkit-scrollbar{display:none}.llm-tab-group .tablist button{all:unset;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;padding:var(--ui-spacing-2) var(--ui-spacing-4);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text-muted);cursor:pointer;transition:var(--ui-transition-fast);transition-property:color,background-color;border-radius:var(--ui-radius-md) var(--ui-radius-md) 0 0;white-space:nowrap;-webkit-user-select:none;user-select:none}.llm-tab-group .tablist button:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:transparent;border-radius:var(--ui-radius-full);transition:background var(--ui-transition-fast)}.llm-tab-group .tablist button.is-active{color:var(--ui-color-primary)}.llm-tab-group .tablist button.is-active:after{background:var(--ui-color-primary)}.llm-tab-group .tablist button:hover:not(.is-disabled):not(.is-active){color:var(--ui-color-text);background:var(--ui-color-surface-sunken)}.llm-tab-group .tablist button:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-md)}.llm-tab-group .tablist button.is-disabled{opacity:.4;cursor:not-allowed}.llm-tab-group [role=tabpanel]{padding:var(--ui-spacing-4) 0}.llm-tab-group [role=tabpanel]:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-md)}.llm-tab-group.variant-pills .tablist{border-bottom:none;gap:var(--ui-spacing-2);padding:var(--ui-spacing-1);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg)}.llm-tab-group.variant-pills .tablist button{border-radius:var(--ui-radius-md);padding:var(--ui-spacing-1) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-tab-group.variant-pills .tablist button:after{display:none}.llm-tab-group.variant-pills .tablist button.is-active{background:var(--ui-color-surface);color:var(--ui-color-text);box-shadow:var(--ui-shadow-sm)}.llm-tab-group.variant-pills .tablist button:hover:not(.is-disabled):not(.is-active){background:transparent;color:var(--ui-color-text)}.llm-textarea{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-textarea textarea{display:block;width:100%;padding:.625rem var(--ui-spacing-3);font-size:inherit;font-family:inherit;line-height:var(--ui-line-height-normal);color:var(--ui-color-text);background-color:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);box-shadow:inset 0 1px 2px #0000000a;transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),background-color var(--ui-transition-fast);outline:none;box-sizing:border-box;resize:vertical;min-height:80px}.llm-textarea textarea::placeholder{color:var(--ui-color-placeholder)}.llm-textarea textarea:hover:not(:disabled):not(:read-only){border-color:var(--ui-color-input-border-hover)}.llm-textarea textarea:focus{border-color:var(--ui-color-input-border-focus);background-color:var(--ui-color-input-bg-focus);box-shadow:var(--ui-focus-ring)}.llm-textarea.is-invalid textarea{border-color:var(--ui-color-input-border-invalid)}.llm-textarea.is-invalid textarea:focus{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}.llm-textarea.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-textarea.is-disabled textarea{cursor:not-allowed}.llm-textarea.is-readonly textarea{background-color:var(--ui-color-surface-sunken);cursor:default;box-shadow:none}.llm-textarea.is-auto-resize textarea{resize:none;overflow:hidden}.llm-textarea .errors{margin-top:var(--ui-spacing-1)}.llm-textarea .error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}.llm-toast-container{position:fixed;z-index:var(--ui-z-toast, 400);display:flex;flex-direction:column;gap:var(--ui-spacing-2);pointer-events:none;max-width:min(24rem,calc(100vw - 2rem));box-sizing:border-box}.llm-toast-container.position-bottom-right{bottom:var(--ui-spacing-4);right:var(--ui-spacing-4);align-items:flex-end}.llm-toast-container.position-bottom-center{bottom:var(--ui-spacing-4);left:50%;transform:translate(-50%);align-items:center}.llm-toast-container.position-top-right{top:var(--ui-spacing-4);right:var(--ui-spacing-4);align-items:flex-end}.llm-toast-container.position-top-center{top:var(--ui-spacing-4);left:50%;transform:translate(-50%);align-items:center}.llm-toast{display:flex;align-items:center;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-md);border-left:3px solid transparent;font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);box-shadow:var(--ui-shadow-md);background-color:var(--ui-color-surface-raised, var(--ui-color-surface));color:var(--ui-color-text);pointer-events:auto;min-width:16rem;max-width:100%;box-sizing:border-box;animation:toast-enter .3s ease-out}.llm-toast.variant-default{border-left-color:var(--ui-color-border)}.llm-toast.variant-success{border-left-color:var(--ui-color-success);background-color:color-mix(in srgb,var(--ui-color-success) 8%,var(--ui-color-surface-raised, var(--ui-color-surface)))}.llm-toast.variant-warning{border-left-color:var(--ui-color-warning);background-color:color-mix(in srgb,var(--ui-color-warning) 8%,var(--ui-color-surface-raised, var(--ui-color-surface)))}.llm-toast.variant-danger{border-left-color:var(--ui-color-danger);background-color:color-mix(in srgb,var(--ui-color-danger) 8%,var(--ui-color-surface-raised, var(--ui-color-surface)))}.llm-toast.variant-info{border-left-color:var(--ui-color-info);background-color:color-mix(in srgb,var(--ui-color-info) 8%,var(--ui-color-surface-raised, var(--ui-color-surface)))}.llm-toast .message{flex:1}.llm-toast .dismiss{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:.125rem;background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted, currentColor);opacity:.7;transition:opacity var(--ui-transition-fast, .15s),background-color var(--ui-transition-fast, .15s);line-height:1}.llm-toast .dismiss:hover{opacity:1;background-color:color-mix(in srgb,currentColor 10%,transparent)}.llm-toast .dismiss:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);opacity:1}@keyframes toast-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.llm-toast{animation:none}}.llm-toggle{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-toggle label{display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}.llm-toggle input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.llm-toggle .track{position:relative;display:inline-flex;align-items:center;flex-shrink:0;width:2.75rem;height:1.5rem;border-radius:var(--ui-radius-full);border:1.5px solid var(--ui-color-input-border);background-color:var(--ui-color-input-bg);transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);cursor:pointer}.llm-toggle .thumb{position:absolute;left:.125rem;width:1.125rem;height:1.125rem;border-radius:var(--ui-radius-full);background-color:var(--ui-color-input-border);box-shadow:var(--ui-shadow-xs);transition:transform var(--ui-transition-fast),background-color var(--ui-transition-fast)}.llm-toggle label:hover:not(:has(input:disabled)) .track{border-color:var(--ui-color-input-border-hover)}.llm-toggle input[type=checkbox]:focus-visible+.track{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-input-border-focus)}.llm-toggle.is-checked .track{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}.llm-toggle.is-checked .thumb{transform:translate(1.25rem);background-color:var(--ui-color-surface)}.llm-toggle.is-invalid .track{border-color:var(--ui-color-input-border-invalid)}.llm-toggle.is-invalid input[type=checkbox]:focus-visible+.track{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}.llm-toggle.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-toggle.is-disabled label,.llm-toggle.is-disabled .track{cursor:not-allowed}.llm-toggle .errors{margin-top:var(--ui-spacing-1)}.llm-toggle .error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}.llm-tooltip-wrapper{display:inline-block;position:relative}.llm-tooltip{position:absolute;z-index:var(--ui-z-tooltip, 200);display:block;padding:var(--ui-spacing-1) var(--ui-spacing-2);background:var(--ui-color-text);color:var(--ui-color-surface);font-family:var(--ui-font-family);font-size:var(--ui-font-size-xs);line-height:var(--ui-line-height-normal);border-radius:var(--ui-radius-sm);box-shadow:var(--ui-shadow-md);max-width:20rem;word-wrap:break-word;pointer-events:none;white-space:nowrap;animation:llm-tooltip-enter var(--ui-duration-fast) var(--ui-ease-out) forwards}.llm-tooltip.position-above{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.llm-tooltip.position-below{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.llm-tooltip.position-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.llm-tooltip.position-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}@keyframes llm-tooltip-enter{0%{opacity:0;transform:scale(.95) translate(-50%)}to{opacity:1;transform:scale(1) translate(-50%)}}.llm-tooltip.position-left,.llm-tooltip.position-right{animation:llm-tooltip-enter-side var(--ui-duration-fast) var(--ui-ease-out) forwards}@keyframes llm-tooltip-enter-side{0%{opacity:0;transform:scale(.95) translateY(-50%)}to{opacity:1;transform:scale(1) translateY(-50%)}}
1
+ .llm-accordion-group{display:block;font-family:var(--ui-font-family)}.llm-accordion-group.variant-default{border-top:1px solid var(--ui-color-border)}.llm-accordion-group.variant-default .llm-accordion-item{border-bottom:1px solid var(--ui-color-border)}.llm-accordion-group.variant-bordered{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}.llm-accordion-group.variant-bordered .llm-accordion-item:not(:last-child){border-bottom:1px solid var(--ui-color-border)}.llm-accordion-group.variant-separated{display:flex;flex-direction:column;gap:var(--ui-spacing-2)}.llm-accordion-group.variant-separated .llm-accordion-item{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);overflow:hidden}.llm-accordion-item{display:block}.accordion-heading{all:unset;display:block}.accordion-trigger{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ui-spacing-4);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text);cursor:pointer;transition:background-color var(--ui-transition-fast);-webkit-user-select:none;user-select:none}.accordion-trigger:hover:not(.is-disabled){background:var(--ui-color-surface-sunken)}.accordion-trigger:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);position:relative;z-index:1}.accordion-trigger.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.chevron{flex-shrink:0;color:var(--ui-color-text-muted);transition:transform var(--ui-duration-normal) var(--ui-ease-out)}.chevron.is-expanded{transform:rotate(180deg)}.accordion-panel-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--ui-duration-normal) var(--ui-ease-out)}.accordion-panel-wrapper.is-expanded{grid-template-rows:1fr}.accordion-panel{overflow:hidden}.accordion-panel-wrapper.is-expanded .accordion-panel{padding:0 var(--ui-spacing-4) var(--ui-spacing-4)}.accordion-panel-wrapper:not(.is-expanded) .accordion-panel{padding:0 var(--ui-spacing-4)}.llm-alert{display:flex;align-items:flex-start;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-md);border:1px solid transparent;font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);box-sizing:border-box;width:100%}.llm-alert .content{flex:1}.llm-alert.variant-info{background-color:color-mix(in srgb,var(--ui-color-info) 10%,transparent);color:var(--ui-color-info);border-color:color-mix(in srgb,var(--ui-color-info) 25%,transparent)}.llm-alert.variant-success{background-color:color-mix(in srgb,var(--ui-color-success) 10%,transparent);color:var(--ui-color-success);border-color:color-mix(in srgb,var(--ui-color-success) 25%,transparent)}.llm-alert.variant-warning{background-color:color-mix(in srgb,var(--ui-color-warning) 10%,transparent);color:var(--ui-color-warning);border-color:color-mix(in srgb,var(--ui-color-warning) 25%,transparent)}.llm-alert.variant-danger{background-color:color-mix(in srgb,var(--ui-color-danger) 10%,transparent);color:var(--ui-color-danger);border-color:color-mix(in srgb,var(--ui-color-danger) 25%,transparent)}.llm-alert .dismiss{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:.125rem;background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:inherit;opacity:.7;transition:opacity var(--ui-transition-fast),background-color var(--ui-transition-fast);line-height:1}.llm-alert .dismiss:hover{opacity:1;background-color:color-mix(in srgb,currentColor 10%,transparent)}.llm-alert .dismiss:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);opacity:1}.llm-avatar{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0;font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);background-color:color-mix(in srgb,var(--ui-color-primary) 12%,var(--ui-color-surface-sunken));color:var(--ui-color-primary);-webkit-user-select:none;user-select:none}.llm-avatar.size-xs{width:24px;height:24px;font-size:.625rem}.llm-avatar.size-sm{width:32px;height:32px;font-size:var(--ui-font-size-xs)}.llm-avatar.size-md{width:40px;height:40px;font-size:var(--ui-font-size-sm)}.llm-avatar.size-lg{width:48px;height:48px;font-size:var(--ui-font-size-md)}.llm-avatar.size-xl{width:64px;height:64px;font-size:var(--ui-font-size-lg)}.llm-avatar.shape-circle{border-radius:var(--ui-radius-full)}.llm-avatar.shape-square{border-radius:var(--ui-radius-md)}.llm-avatar img{width:100%;height:100%;object-fit:cover;display:block}.llm-avatar .initials{line-height:1;letter-spacing:.02em}.llm-avatar .icon{width:55%;height:55%;opacity:.6}.llm-avatar .status-dot{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:6px;min-height:6px;max-width:14px;max-height:14px;border-radius:var(--ui-radius-full);border:2px solid var(--ui-color-surface);box-sizing:content-box}.llm-avatar .status-dot.status-online{background-color:var(--ui-color-success)}.llm-avatar .status-dot.status-offline{background-color:var(--ui-color-text-muted)}.llm-avatar .status-dot.status-away{background-color:var(--ui-color-warning)}.llm-avatar .status-dot.status-busy{background-color:var(--ui-color-danger)}.llm-avatar-group{display:inline-flex;align-items:center;background:none;overflow:visible;padding-inline-start:4px}.llm-avatar-group>.llm-avatar{box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-full);font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);box-shadow:0 0 0 2px var(--ui-color-surface);margin-inline-start:-8px}.overflow-badge.size-xs{width:24px;height:24px;font-size:.5625rem}.overflow-badge.size-sm{width:32px;height:32px;font-size:var(--ui-font-size-xs)}.overflow-badge.size-md{width:40px;height:40px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-lg{width:48px;height:48px;font-size:var(--ui-font-size-sm)}.overflow-badge.size-xl{width:64px;height:64px;font-size:var(--ui-font-size-md)}.llm-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ui-radius-full);font-family:var(--ui-font-family);font-weight:var(--ui-font-weight-semibold);line-height:var(--ui-line-height-tight);white-space:nowrap;letter-spacing:.01em}.llm-badge.size-sm{padding:.1875rem var(--ui-spacing-2);font-size:var(--ui-font-size-xs)}.llm-badge.size-md{padding:.3125rem var(--ui-spacing-3);font-size:var(--ui-font-size-sm)}.llm-badge.variant-default{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text-muted);border:1px solid var(--ui-color-border)}.llm-badge.variant-success{background-color:color-mix(in srgb,var(--ui-color-success) 12%,transparent);color:var(--ui-color-success);border:1px solid color-mix(in srgb,var(--ui-color-success) 25%,transparent)}.llm-badge.variant-warning{background-color:color-mix(in srgb,var(--ui-color-warning) 12%,transparent);color:var(--ui-color-warning);border:1px solid color-mix(in srgb,var(--ui-color-warning) 25%,transparent)}.llm-badge.variant-danger{background-color:color-mix(in srgb,var(--ui-color-danger) 12%,transparent);color:var(--ui-color-danger);border:1px solid color-mix(in srgb,var(--ui-color-danger) 25%,transparent)}.llm-badge.variant-info{background-color:color-mix(in srgb,var(--ui-color-info) 12%,transparent);color:var(--ui-color-info);border:1px solid color-mix(in srgb,var(--ui-color-info) 25%,transparent)}.llm-breadcrumbs{display:block;font-family:var(--ui-font-family)}.breadcrumbs-list{display:flex;flex-wrap:wrap;align-items:center;gap:0;list-style:none;margin:0;padding:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-text-muted)}.llm-breadcrumb-item{display:flex;align-items:center}.llm-breadcrumb-item:after{content:var(--llm-separator, "/");margin:0 var(--ui-spacing-2);color:var(--ui-color-border-hover);font-size:var(--ui-font-size-md);line-height:1}.llm-breadcrumb-item.is-current:after{display:none}.llm-breadcrumb-item .breadcrumb-link{color:var(--ui-color-text-muted);text-decoration:none;border-radius:var(--ui-radius-sm);padding:.125rem .25rem;margin:-.125rem -.25rem;transition:color var(--ui-transition-fast)}.llm-breadcrumb-item .breadcrumb-link:hover{color:var(--ui-color-text);text-decoration:underline}.llm-breadcrumb-item .breadcrumb-link:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.llm-breadcrumb-item .breadcrumb-current{color:var(--ui-color-text);font-weight:var(--ui-font-weight-semibold)}.llm-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-spacing-2);border:1px solid transparent;border-radius:var(--ui-radius-md);font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-weight-medium);line-height:var(--ui-line-height-tight);cursor:pointer;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),transform var(--ui-transition-fast);white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none}.llm-button:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.llm-button.variant-primary{background-color:var(--ui-color-primary);color:var(--ui-color-text-on-primary);border-color:var(--ui-color-primary);box-shadow:var(--ui-shadow-xs)}.llm-button.variant-primary:hover:not(.is-disabled){background-color:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover);box-shadow:var(--ui-shadow-md);transform:translateY(-1px)}.llm-button.variant-primary:active:not(.is-disabled){background-color:var(--ui-color-primary-active);border-color:var(--ui-color-primary-active);box-shadow:var(--ui-shadow-xs);transform:scale(.97)}.llm-button.variant-secondary{background-color:var(--ui-color-secondary);color:var(--ui-color-text-on-secondary);border-color:var(--ui-color-secondary);box-shadow:var(--ui-shadow-xs)}.llm-button.variant-secondary:hover:not(.is-disabled){background-color:var(--ui-color-secondary-hover);border-color:var(--ui-color-secondary-hover);box-shadow:var(--ui-shadow-md);transform:translateY(-1px)}.llm-button.variant-secondary:active:not(.is-disabled){background-color:var(--ui-color-secondary-active);border-color:var(--ui-color-secondary-active);box-shadow:var(--ui-shadow-xs);transform:scale(.97)}.llm-button.variant-outline{background-color:transparent;color:var(--ui-color-primary);border-color:var(--ui-color-border)}.llm-button.variant-outline:hover:not(.is-disabled){background-color:var(--ui-color-primary-light);border-color:var(--ui-color-primary);transform:translateY(-1px)}.llm-button.variant-outline:active:not(.is-disabled){background-color:color-mix(in srgb,var(--ui-color-primary) 12%,transparent);transform:scale(.97)}.llm-button.size-sm{padding:var(--ui-spacing-1) var(--ui-spacing-3);font-size:var(--ui-font-size-sm)}.llm-button.size-md{padding:var(--ui-spacing-2) var(--ui-spacing-4);font-size:var(--ui-font-size-md)}.llm-button.size-lg{padding:var(--ui-spacing-3) var(--ui-spacing-6);font-size:var(--ui-font-size-lg)}.llm-button.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed;pointer-events:none}.spinner{display:inline-block;width:1em;height:1em;border:1.5px solid currentColor;border-top-color:transparent;border-radius:var(--ui-radius-full);animation:llm-spin .7s linear infinite;flex-shrink:0}@keyframes llm-spin{to{transform:rotate(360deg)}}.llm-card{display:block;border-radius:var(--ui-radius-xl);background-color:var(--ui-color-surface);overflow:hidden}.llm-card.variant-elevated{box-shadow:var(--ui-shadow-md);border:1px solid var(--ui-color-border)}.llm-card.variant-outlined{border:1px solid var(--ui-color-border);background-color:var(--ui-color-surface)}.llm-card.variant-flat{background-color:var(--ui-color-surface-sunken)}.llm-card.padding-none .llm-card-header,.llm-card.padding-none .llm-card-content,.llm-card.padding-none .llm-card-footer{padding:0}.llm-card.padding-sm .llm-card-header,.llm-card.padding-sm .llm-card-content,.llm-card.padding-sm .llm-card-footer{padding:var(--ui-spacing-3)}.llm-card.padding-md .llm-card-header,.llm-card.padding-md .llm-card-content,.llm-card.padding-md .llm-card-footer{padding:var(--ui-spacing-4)}.llm-card.padding-lg .llm-card-header,.llm-card.padding-lg .llm-card-content,.llm-card.padding-lg .llm-card-footer{padding:var(--ui-spacing-6)}.llm-card-header{display:block;font-size:var(--ui-font-size-lg);font-weight:var(--ui-font-weight-semibold);color:var(--ui-color-text);border-bottom:1px solid var(--ui-color-border);letter-spacing:var(--ui-letter-spacing-tight)}.llm-card-content{display:block;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}.llm-card-footer{display:flex;align-items:center;gap:var(--ui-spacing-2);border-top:1px solid var(--ui-color-border)}.llm-checkbox{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-checkbox label{display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}.llm-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;flex-shrink:0;width:1.25rem;height:1.25rem;border:1.5px solid var(--ui-color-input-border);border-radius:var(--ui-radius-sm);background-color:var(--ui-color-input-bg);cursor:pointer;position:relative;transition:border-color var(--ui-transition-fast),background-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);outline:none}.llm-checkbox input[type=checkbox]:hover:not(:disabled){border-color:var(--ui-color-input-border-hover);background-color:var(--ui-color-primary-light)}.llm-checkbox input[type=checkbox]:focus-visible{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-input-border-focus)}.llm-checkbox input[type=checkbox]:checked{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}.llm-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;inset:0;margin:auto;width:.35rem;height:.6rem;border:2px solid var(--ui-color-on-primary);border-top:none;border-left:none;transform:rotate(45deg) translate(-1px,-1px);animation:llm-check-pop var(--ui-duration-normal) var(--ui-ease-spring)}.llm-checkbox input[type=checkbox]:indeterminate{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}.llm-checkbox input[type=checkbox]:indeterminate:after{content:"";position:absolute;inset:0;margin:auto;width:.5rem;height:2px;background-color:var(--ui-color-on-primary);animation:llm-check-pop var(--ui-duration-normal) var(--ui-ease-spring)}.llm-checkbox.is-invalid input[type=checkbox]{border-color:var(--ui-color-input-border-invalid)}.llm-checkbox.is-invalid input[type=checkbox]:focus-visible{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}.llm-checkbox.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-checkbox.is-disabled label,.llm-checkbox.is-disabled input[type=checkbox]{cursor:not-allowed}.llm-checkbox .errors{margin-top:var(--ui-spacing-1)}.llm-checkbox .error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}@keyframes llm-check-pop{0%{transform:rotate(45deg) translate(-1px,-1px) scale(0)}60%{transform:rotate(45deg) translate(-1px,-1px) scale(1.15)}to{transform:rotate(45deg) translate(-1px,-1px) scale(1)}}.llm-dialog{all:unset;position:fixed;inset:0;margin:auto;display:none;flex-direction:column;max-height:calc(100dvh - var(--ui-spacing-8));border-radius:var(--ui-radius-lg);background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;opacity:0;transform:scale(.95);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}.llm-dialog[open]{display:flex;opacity:1;transform:scale(1)}@starting-style{.llm-dialog[open]{opacity:0;transform:scale(.95)}}.llm-dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.llm-dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-dialog::backdrop{background:#000000b3}}[data-theme=dark] .llm-dialog::backdrop{background:#000000b3}.panel{display:flex;flex-direction:column;width:100%;max-height:inherit;overflow:hidden}.size-sm{width:min(24rem,90vw)}.size-md{width:min(36rem,90vw)}.size-lg{width:min(48rem,90vw)}.size-xl{width:min(64rem,90vw)}.size-full{width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}.llm-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-4) var(--ui-spacing-5);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}.llm-dialog-content{display:block;padding:var(--ui-spacing-5);overflow-y:auto;flex:1;color:var(--ui-color-text)}.llm-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-top:1px solid var(--ui-color-border);flex-shrink:0}.llm-drawer-host{display:contents}.llm-drawer-host dialog{all:unset;position:fixed;display:none;flex-direction:column;background:var(--ui-color-surface);box-shadow:var(--ui-shadow-xl, 0 20px 60px rgba(0, 0, 0, .3));color:var(--ui-color-text);overflow:hidden;transition:transform var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}.llm-drawer-host dialog[open]{display:flex;transform:translate(0)!important}.llm-drawer-host dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity var(--ui-duration-slow) var(--ui-ease-out, ease-out),display var(--ui-duration-slow) allow-discrete,overlay var(--ui-duration-slow) allow-discrete}@starting-style{.llm-drawer-host dialog[open]::backdrop{opacity:0}}@media(prefers-color-scheme:dark){.llm-drawer-host dialog::backdrop{background:#000000b3}}[data-theme=dark] .llm-drawer-host dialog::backdrop{background:#000000b3}.llm-drawer-host .panel{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.llm-drawer-host.position-right dialog{inset:0 0 0 auto;height:100dvh;transform:translate(100%)}@starting-style{.llm-drawer-host.position-right dialog[open]{transform:translate(100%)}}.llm-drawer-host.position-left dialog{inset:0 auto 0 0;height:100dvh;transform:translate(-100%)}@starting-style{.llm-drawer-host.position-left dialog[open]{transform:translate(-100%)}}.llm-drawer-host.position-top dialog{inset:0 0 auto;width:100vw;transform:translateY(-100%)}@starting-style{.llm-drawer-host.position-top dialog[open]{transform:translateY(-100%)}}.llm-drawer-host.position-bottom dialog{inset:auto 0 0;width:100vw;transform:translateY(100%)}@starting-style{.llm-drawer-host.position-bottom dialog[open]{transform:translateY(100%)}}.llm-drawer-host.position-right.size-sm dialog,.llm-drawer-host.position-left.size-sm dialog{width:20rem}.llm-drawer-host.position-right.size-md dialog,.llm-drawer-host.position-left.size-md dialog{width:28rem}.llm-drawer-host.position-right.size-lg dialog,.llm-drawer-host.position-left.size-lg dialog{width:40rem}.llm-drawer-host.position-right.size-full dialog,.llm-drawer-host.position-left.size-full dialog{width:100vw}.llm-drawer-host.position-top.size-sm dialog,.llm-drawer-host.position-bottom.size-sm dialog{height:12rem}.llm-drawer-host.position-top.size-md dialog,.llm-drawer-host.position-bottom.size-md dialog{height:20rem}.llm-drawer-host.position-top.size-lg dialog,.llm-drawer-host.position-bottom.size-lg dialog{height:32rem}.llm-drawer-host.position-top.size-full dialog,.llm-drawer-host.position-bottom.size-full dialog{height:100dvh}.llm-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ui-spacing-4) var(--ui-spacing-5);border-bottom:1px solid var(--ui-color-border);font-size:var(--ui-font-size-xl);font-weight:600;letter-spacing:var(--ui-letter-spacing-tight);color:var(--ui-color-text);flex-shrink:0}.llm-drawer-content{display:block;padding:var(--ui-spacing-5);overflow-y:auto;flex:1;color:var(--ui-color-text)}.llm-drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-spacing-2);padding:var(--ui-spacing-4) var(--ui-spacing-5);border-top:1px solid var(--ui-color-border);flex-shrink:0}.close-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;margin-left:var(--ui-spacing-3);background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);line-height:1}.close-btn:hover{background-color:var(--ui-color-surface-sunken);color:var(--ui-color-text)}.close-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.llm-input{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-input input{display:block;width:100%;padding:.625rem var(--ui-spacing-3);font-size:inherit;font-family:inherit;line-height:var(--ui-line-height-normal);color:var(--ui-color-text);background-color:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);box-shadow:inset 0 1px 2px #0000000a;transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),background-color var(--ui-transition-fast);outline:none;box-sizing:border-box}.llm-input input::placeholder{color:var(--ui-color-placeholder)}.llm-input input:hover:not(:disabled):not(:read-only){border-color:var(--ui-color-input-border-hover)}.llm-input input:focus{border-color:var(--ui-color-input-border-focus);background-color:var(--ui-color-input-bg-focus);box-shadow:var(--ui-focus-ring)}.llm-input.is-invalid input{border-color:var(--ui-color-input-border-invalid)}.llm-input.is-invalid input:focus{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}.llm-input.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-input.is-disabled input{cursor:not-allowed}.llm-input.is-readonly input{background-color:var(--ui-color-surface-sunken);cursor:default;box-shadow:none}.llm-input .errors{margin-top:var(--ui-spacing-1)}.llm-input .error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}.llm-menu{display:block;min-width:10rem;padding:var(--ui-spacing-1) 0;background:var(--ui-color-surface-raised);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-lg);font-family:var(--ui-font-family);font-size:var(--ui-font-size-md);color:var(--ui-color-text);outline:none;overflow:hidden;animation:llm-menu-enter var(--ui-duration-normal) var(--ui-ease-out) forwards}.llm-menu.variant-compact{font-size:var(--ui-font-size-sm)}.llm-menu.variant-compact .llm-menu-item{padding:var(--ui-spacing-1) var(--ui-spacing-3)}@keyframes llm-menu-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.llm-menu-item{display:flex;align-items:center;gap:var(--ui-spacing-2);padding:var(--ui-spacing-2) var(--ui-spacing-3);cursor:pointer;color:var(--ui-color-text);transition:background var(--ui-transition-fast);outline:none;border:none;background:none;font:inherit;width:100%;text-align:start}.llm-menu-item:hover,.llm-menu-item:focus-visible{background:var(--ui-color-surface-sunken)}.llm-menu-item.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-menu-separator{display:block;height:1px;margin:var(--ui-spacing-1) 0;background:var(--ui-color-border);border:none}.llm-menu-panel{position:absolute;z-index:var(--ui-z-dropdown, 100);top:calc(100% + var(--ui-spacing-1));left:0;min-width:100%}.llm-pagination{display:block;font-family:var(--ui-font-family)}.page-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ui-spacing-1);list-style:none;margin:0;padding:0}.page-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--ui-radius-md);border:1px solid var(--ui-color-border);background:var(--ui-color-surface);color:var(--ui-color-text);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),color var(--ui-transition-fast)}.page-btn:hover:not(:disabled){background-color:var(--ui-color-surface-sunken);border-color:var(--ui-color-border-hover)}.page-btn:focus-visible{outline:none;box-shadow:var(--ui-focus-ring)}.page-btn.is-active{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary);color:var(--ui-color-text-on-primary)}.page-btn.is-active:hover{background-color:var(--ui-color-primary-hover);border-color:var(--ui-color-primary-hover)}.page-btn.is-disabled,.page-btn:disabled{opacity:.4;pointer-events:none;cursor:default}.ellipsis{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--ui-color-text-muted);font-size:var(--ui-font-size-sm);-webkit-user-select:none;user-select:none}.llm-progress{display:block;width:100%;font-family:var(--ui-font-family)}.track{position:relative;width:100%;border-radius:var(--ui-radius-full);background-color:var(--ui-color-surface-sunken);overflow:hidden}.llm-progress.size-sm .track{height:4px}.llm-progress.size-md .track{height:8px}.llm-progress.size-lg .track{height:12px}.fill{height:100%;border-radius:var(--ui-radius-full);background-color:var(--ui-color-primary);transition:width var(--ui-transition-normal)}.llm-progress.variant-success .fill{background-color:var(--ui-color-success)}.llm-progress.variant-warning .fill{background-color:var(--ui-color-warning)}.llm-progress.variant-danger .fill{background-color:var(--ui-color-danger)}@keyframes progress-indeterminate{0%{transform:translate(-150%)}to{transform:translate(350%)}}.llm-progress.is-indeterminate .fill{width:40%!important;animation:progress-indeterminate 1.4s var(--ui-ease-in-out) infinite}@media(prefers-reduced-motion:reduce){.llm-progress.is-indeterminate .fill{animation:none;opacity:.5}}.llm-radio-group{display:block;font-family:var(--ui-font-family)}.llm-radio-group.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-radio-group .errors{margin-top:var(--ui-spacing-1)}.llm-radio-group .error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}.llm-radio{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-radio label,.llm-radio{display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}.llm-radio input[type=radio]{appearance:none;-webkit-appearance:none;flex-shrink:0;width:1.25rem;height:1.25rem;border:1.5px solid var(--ui-color-input-border);border-radius:50%;background-color:var(--ui-color-input-bg);cursor:pointer;position:relative;transition:border-color var(--ui-transition-fast),background-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);outline:none}.llm-radio input[type=radio]:hover:not(:disabled){border-color:var(--ui-color-input-border-hover);background-color:var(--ui-color-primary-light)}.llm-radio input[type=radio]:focus-visible{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-input-border-focus)}.llm-radio input[type=radio]:checked{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}.llm-radio input[type=radio]:checked:after{content:"";position:absolute;inset:0;margin:auto;width:.45rem;height:.45rem;border-radius:50%;background-color:var(--ui-color-on-primary);animation:llm-radio-pop var(--ui-duration-normal) var(--ui-ease-spring)}.llm-radio-group.is-invalid .llm-radio input[type=radio],.llm-radio.is-invalid input[type=radio]{border-color:var(--ui-color-input-border-invalid)}.llm-radio-group.is-invalid .llm-radio input[type=radio]:focus-visible,.llm-radio.is-invalid input[type=radio]:focus-visible{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}.llm-radio.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-radio.is-disabled input[type=radio]{cursor:not-allowed}@keyframes llm-radio-pop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.llm-select{display:inline-block;position:relative;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-select label{display:block;margin-bottom:var(--ui-spacing-1);font-size:var(--ui-font-size-sm);color:var(--ui-color-text);font-weight:var(--ui-font-weight-medium)}.llm-select .select-wrapper{position:relative;display:flex;align-items:center}.llm-select select{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--ui-spacing-2) var(--ui-spacing-3);padding-inline-end:calc(var(--ui-spacing-3) + 1.25rem);background:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);color:var(--ui-color-text);font-family:inherit;font-size:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast)}.llm-select select:hover:not(:disabled){border-color:var(--ui-color-input-border-hover)}.llm-select select:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-input-border-focus)}.llm-select select:disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-select.is-invalid select{border-color:var(--ui-color-input-border-invalid)}.llm-select .select-arrow{position:absolute;inset-inline-end:var(--ui-spacing-3);pointer-events:none;font-size:var(--ui-font-size-xs);color:var(--ui-color-text-muted)}.llm-select .errors{margin-top:var(--ui-spacing-1)}.llm-select .error-message{margin:0;font-size:var(--ui-font-size-xs);color:var(--ui-color-error-text)}.llm-skeleton{display:block;background:var(--ui-color-border);overflow:hidden;position:relative}.llm-skeleton.variant-text{border-radius:var(--ui-radius-sm)}.llm-skeleton.variant-circular{border-radius:var(--ui-radius-full, 9999px)}.llm-skeleton.variant-rectangular{border-radius:var(--ui-radius-md)}.llm-skeleton.is-animated:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.llm-skeleton.is-animated:after{animation:none}}.llm-tab-group{display:block;font-family:var(--ui-font-family)}.llm-tab-group .tablist{display:flex;gap:var(--ui-spacing-1);border-bottom:1px solid var(--ui-color-border);overflow-x:auto;scrollbar-width:none}.llm-tab-group .tablist::-webkit-scrollbar{display:none}.llm-tab-group .tablist button{all:unset;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;padding:var(--ui-spacing-2) var(--ui-spacing-4);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-weight-medium);color:var(--ui-color-text-muted);cursor:pointer;transition:var(--ui-transition-fast);transition-property:color,background-color;border-radius:var(--ui-radius-md) var(--ui-radius-md) 0 0;white-space:nowrap;-webkit-user-select:none;user-select:none}.llm-tab-group .tablist button:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:transparent;border-radius:var(--ui-radius-full);transition:background var(--ui-transition-fast)}.llm-tab-group .tablist button.is-active{color:var(--ui-color-primary)}.llm-tab-group .tablist button.is-active:after{background:var(--ui-color-primary)}.llm-tab-group .tablist button:hover:not(.is-disabled):not(.is-active){color:var(--ui-color-text);background:var(--ui-color-surface-sunken)}.llm-tab-group .tablist button:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-md)}.llm-tab-group .tablist button.is-disabled{opacity:.4;cursor:not-allowed}.llm-tab-group [role=tabpanel]{padding:var(--ui-spacing-4) 0}.llm-tab-group [role=tabpanel]:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);border-radius:var(--ui-radius-md)}.llm-tab-group.variant-pills .tablist{border-bottom:none;gap:var(--ui-spacing-2);padding:var(--ui-spacing-1);background:var(--ui-color-surface-sunken);border-radius:var(--ui-radius-lg)}.llm-tab-group.variant-pills .tablist button{border-radius:var(--ui-radius-md);padding:var(--ui-spacing-1) var(--ui-spacing-4);font-size:var(--ui-font-size-sm)}.llm-tab-group.variant-pills .tablist button:after{display:none}.llm-tab-group.variant-pills .tablist button.is-active{background:var(--ui-color-surface);color:var(--ui-color-text);box-shadow:var(--ui-shadow-sm)}.llm-tab-group.variant-pills .tablist button:hover:not(.is-disabled):not(.is-active){background:transparent;color:var(--ui-color-text)}.llm-textarea{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-textarea textarea{display:block;width:100%;padding:.625rem var(--ui-spacing-3);font-size:inherit;font-family:inherit;line-height:var(--ui-line-height-normal);color:var(--ui-color-text);background-color:var(--ui-color-input-bg);border:1px solid var(--ui-color-input-border);border-radius:var(--ui-radius-md);box-shadow:inset 0 1px 2px #0000000a;transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),background-color var(--ui-transition-fast);outline:none;box-sizing:border-box;resize:vertical;min-height:80px}.llm-textarea textarea::placeholder{color:var(--ui-color-placeholder)}.llm-textarea textarea:hover:not(:disabled):not(:read-only){border-color:var(--ui-color-input-border-hover)}.llm-textarea textarea:focus{border-color:var(--ui-color-input-border-focus);background-color:var(--ui-color-input-bg-focus);box-shadow:var(--ui-focus-ring)}.llm-textarea.is-invalid textarea{border-color:var(--ui-color-input-border-invalid)}.llm-textarea.is-invalid textarea:focus{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}.llm-textarea.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-textarea.is-disabled textarea{cursor:not-allowed}.llm-textarea.is-readonly textarea{background-color:var(--ui-color-surface-sunken);cursor:default;box-shadow:none}.llm-textarea.is-auto-resize textarea{resize:none;overflow:hidden}.llm-textarea .errors{margin-top:var(--ui-spacing-1)}.llm-textarea .error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}.llm-toast-container{position:fixed;z-index:var(--ui-z-toast, 400);display:flex;flex-direction:column;gap:var(--ui-spacing-2);pointer-events:none;max-width:min(24rem,calc(100vw - 2rem));box-sizing:border-box}.llm-toast-container.position-bottom-right{bottom:var(--ui-spacing-4);right:var(--ui-spacing-4);align-items:flex-end}.llm-toast-container.position-bottom-center{bottom:var(--ui-spacing-4);left:50%;transform:translate(-50%);align-items:center}.llm-toast-container.position-top-right{top:var(--ui-spacing-4);right:var(--ui-spacing-4);align-items:flex-end}.llm-toast-container.position-top-center{top:var(--ui-spacing-4);left:50%;transform:translate(-50%);align-items:center}.llm-toast{display:flex;align-items:center;gap:var(--ui-spacing-3);padding:var(--ui-spacing-3) var(--ui-spacing-4);border-radius:var(--ui-radius-md);border-left:3px solid transparent;font-family:var(--ui-font-family);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-normal);box-shadow:var(--ui-shadow-md);background-color:var(--ui-color-surface-raised, var(--ui-color-surface));color:var(--ui-color-text);pointer-events:auto;min-width:16rem;max-width:100%;box-sizing:border-box;animation:toast-enter .3s ease-out}.llm-toast.variant-default{border-left-color:var(--ui-color-border)}.llm-toast.variant-success{border-left-color:var(--ui-color-success);background-color:color-mix(in srgb,var(--ui-color-success) 8%,var(--ui-color-surface-raised, var(--ui-color-surface)))}.llm-toast.variant-warning{border-left-color:var(--ui-color-warning);background-color:color-mix(in srgb,var(--ui-color-warning) 8%,var(--ui-color-surface-raised, var(--ui-color-surface)))}.llm-toast.variant-danger{border-left-color:var(--ui-color-danger);background-color:color-mix(in srgb,var(--ui-color-danger) 8%,var(--ui-color-surface-raised, var(--ui-color-surface)))}.llm-toast.variant-info{border-left-color:var(--ui-color-info);background-color:color-mix(in srgb,var(--ui-color-info) 8%,var(--ui-color-surface-raised, var(--ui-color-surface)))}.llm-toast .message{flex:1}.llm-toast .dismiss{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:.125rem;background:transparent;border:none;border-radius:var(--ui-radius-sm);cursor:pointer;color:var(--ui-color-text-muted, currentColor);opacity:.7;transition:opacity var(--ui-transition-fast, .15s),background-color var(--ui-transition-fast, .15s);line-height:1}.llm-toast .dismiss:hover{opacity:1;background-color:color-mix(in srgb,currentColor 10%,transparent)}.llm-toast .dismiss:focus-visible{outline:none;box-shadow:var(--ui-focus-ring);opacity:1}@keyframes toast-enter{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.llm-toast{animation:none}}.llm-toggle{display:block;font-family:var(--ui-font-family);font-size:var(--ui-font-size-md)}.llm-toggle label{display:inline-flex;align-items:center;gap:var(--ui-spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ui-color-text);line-height:var(--ui-line-height-normal)}.llm-toggle input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.llm-toggle .track{position:relative;display:inline-flex;align-items:center;flex-shrink:0;width:2.75rem;height:1.5rem;border-radius:var(--ui-radius-full);border:1.5px solid var(--ui-color-input-border);background-color:var(--ui-color-input-bg);transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast);cursor:pointer}.llm-toggle .thumb{position:absolute;left:.125rem;width:1.125rem;height:1.125rem;border-radius:var(--ui-radius-full);background-color:var(--ui-color-input-border);box-shadow:var(--ui-shadow-xs);transition:transform var(--ui-transition-fast),background-color var(--ui-transition-fast)}.llm-toggle label:hover:not(:has(input:disabled)) .track{border-color:var(--ui-color-input-border-hover)}.llm-toggle input[type=checkbox]:focus-visible+.track{box-shadow:var(--ui-focus-ring);border-color:var(--ui-color-input-border-focus)}.llm-toggle.is-checked .track{background-color:var(--ui-color-primary);border-color:var(--ui-color-primary)}.llm-toggle.is-checked .thumb{transform:translate(1.25rem);background-color:var(--ui-color-surface)}.llm-toggle.is-invalid .track{border-color:var(--ui-color-input-border-invalid)}.llm-toggle.is-invalid input[type=checkbox]:focus-visible+.track{border-color:var(--ui-color-input-border-invalid);box-shadow:0 0 0 2px var(--ui-color-surface),0 0 0 4px var(--ui-color-danger)}.llm-toggle.is-disabled{opacity:var(--ui-opacity-disabled);cursor:not-allowed}.llm-toggle.is-disabled label,.llm-toggle.is-disabled .track{cursor:not-allowed}.llm-toggle .errors{margin-top:var(--ui-spacing-1)}.llm-toggle .error-message{margin:0;font-size:var(--ui-font-size-sm);color:var(--ui-color-error-text);line-height:var(--ui-line-height-normal)}.llm-tooltip-wrapper{display:inline-block;position:relative}.llm-tooltip{position:absolute;z-index:var(--ui-z-tooltip, 200);display:block;padding:var(--ui-spacing-1) var(--ui-spacing-2);background:var(--ui-color-text);color:var(--ui-color-surface);font-family:var(--ui-font-family);font-size:var(--ui-font-size-xs);line-height:var(--ui-line-height-normal);border-radius:var(--ui-radius-sm);box-shadow:var(--ui-shadow-md);max-width:20rem;word-wrap:break-word;pointer-events:none;white-space:nowrap;animation:llm-tooltip-enter var(--ui-duration-fast) var(--ui-ease-out) forwards}.llm-tooltip.position-above{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.llm-tooltip.position-below{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.llm-tooltip.position-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.llm-tooltip.position-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}@keyframes llm-tooltip-enter{0%{opacity:0;transform:scale(.95) translate(-50%)}to{opacity:1;transform:scale(1) translate(-50%)}}.llm-tooltip.position-left,.llm-tooltip.position-right{animation:llm-tooltip-enter-side var(--ui-duration-fast) var(--ui-ease-out) forwards}@keyframes llm-tooltip-enter-side{0%{opacity:0;transform:scale(.95) translateY(-50%)}to{opacity:1;transform:scale(1) translateY(-50%)}}
package/index.mjs CHANGED
@@ -1,5 +1,5 @@
1
- import { defineComponent as v, ref as x, provide as D, computed as f, openBlock as n, createElementBlock as o, normalizeClass as b, renderSlot as h, useId as z, inject as I, onMounted as M, watch as S, onBeforeUnmount as A, createElementVNode as m, createCommentVNode as _, toDisplayString as w, useSlots as U, Fragment as C, renderList as T, createBlock as E, resolveDynamicComponent as N, unref as B, withModifiers as G, normalizeStyle as H, nextTick as W, onUnmounted as J } from "vue";
2
- const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
1
+ import { defineComponent as v, ref as x, provide as D, computed as f, openBlock as n, createElementBlock as o, normalizeClass as b, renderSlot as h, useId as z, inject as I, onMounted as M, watch as S, onBeforeUnmount as A, createElementVNode as m, createCommentVNode as _, toDisplayString as w, useSlots as U, Fragment as C, renderList as T, createBlock as G, resolveDynamicComponent as N, normalizeStyle as R, unref as B, withModifiers as H, nextTick as W, onUnmounted as J } from "vue";
2
+ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
3
3
  name: "LlmAccordionGroup",
4
4
  __name: "llm-accordion-group",
5
5
  props: {
@@ -34,7 +34,7 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
34
34
  h(s.$slots, "default")
35
35
  ], 2));
36
36
  }
37
- }), Q = { class: "accordion-heading" }, X = ["aria-expanded", "disabled"], ma = /* @__PURE__ */ v({
37
+ }), Q = { class: "accordion-heading" }, X = ["aria-expanded", "disabled"], ca = /* @__PURE__ */ v({
38
38
  name: "LlmAccordionItem",
39
39
  __name: "llm-accordion-item",
40
40
  props: {
@@ -121,7 +121,7 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
121
121
  ], 2)
122
122
  ], 2));
123
123
  }
124
- }), Y = { class: "accordion-header-content" }, fa = /* @__PURE__ */ v({
124
+ }), Y = { class: "accordion-header-content" }, ma = /* @__PURE__ */ v({
125
125
  name: "LlmAccordionHeader",
126
126
  __name: "llm-accordion-header",
127
127
  setup(e) {
@@ -129,7 +129,7 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
129
129
  h(t.$slots, "default")
130
130
  ]));
131
131
  }
132
- }), Z = ["aria-live"], ee = { class: "content" }, va = /* @__PURE__ */ v({
132
+ }), Z = ["aria-live"], ee = { class: "content" }, fa = /* @__PURE__ */ v({
133
133
  name: "LlmAlert",
134
134
  __name: "llm-alert",
135
135
  props: {
@@ -194,7 +194,7 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
194
194
  viewBox: "0 0 24 24",
195
195
  fill: "currentColor",
196
196
  "aria-hidden": "true"
197
- }, pa = /* @__PURE__ */ v({
197
+ }, va = /* @__PURE__ */ v({
198
198
  name: "LlmAvatar",
199
199
  __name: "llm-avatar",
200
200
  props: {
@@ -238,7 +238,7 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
238
238
  }, null, 2)) : _("", !0)
239
239
  ], 10, ae));
240
240
  }
241
- }), ne = ["aria-label"], ga = /* @__PURE__ */ v({
241
+ }), ne = ["aria-label"], pa = /* @__PURE__ */ v({
242
242
  name: "LlmAvatarGroup",
243
243
  __name: "llm-avatar-group",
244
244
  props: {
@@ -250,7 +250,7 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
250
250
  return (d, r) => (n(), o("div", {
251
251
  class: b(["llm-avatar-group", `size-${e.size}`])
252
252
  }, [
253
- (n(!0), o(C, null, T(l.value, (s, c) => (n(), E(N(s), { key: c }))), 128)),
253
+ (n(!0), o(C, null, T(l.value, (s, c) => (n(), G(N(s), { key: c }))), 128)),
254
254
  u.value > 0 ? (n(), o("div", {
255
255
  key: 0,
256
256
  class: b(`overflow-badge size-${e.size}`),
@@ -258,7 +258,7 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
258
258
  }, " +" + w(u.value), 11, ne)) : _("", !0)
259
259
  ], 2));
260
260
  }
261
- }), ha = /* @__PURE__ */ v({
261
+ }), ga = /* @__PURE__ */ v({
262
262
  name: "LlmBadge",
263
263
  __name: "llm-badge",
264
264
  props: {
@@ -278,20 +278,25 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
278
278
  h(i.$slots, "default")
279
279
  ], 2));
280
280
  }
281
- }), oe = {
282
- class: "llm-breadcrumbs",
283
- "aria-label": "Breadcrumb"
284
- }, ie = { class: "breadcrumbs-list" }, ba = /* @__PURE__ */ v({
281
+ }), oe = { class: "breadcrumbs-list" }, ha = /* @__PURE__ */ v({
285
282
  name: "LlmBreadcrumbs",
286
283
  __name: "llm-breadcrumbs",
284
+ props: {
285
+ separator: { default: "/" }
286
+ },
287
287
  setup(e) {
288
- return (t, a) => (n(), o("nav", oe, [
289
- m("ol", ie, [
290
- h(t.$slots, "default")
288
+ const t = e;
289
+ return (a, i) => (n(), o("nav", {
290
+ class: "llm-breadcrumbs",
291
+ "aria-label": "Breadcrumb",
292
+ style: R({ "--llm-separator": `'${t.separator}'` })
293
+ }, [
294
+ m("ol", oe, [
295
+ h(a.$slots, "default")
291
296
  ])
292
- ]));
297
+ ], 4));
293
298
  }
294
- }), re = ["href"], de = ["aria-current"], ya = /* @__PURE__ */ v({
299
+ }), ie = ["href"], re = ["aria-current"], ba = /* @__PURE__ */ v({
295
300
  name: "LlmBreadcrumbItem",
296
301
  __name: "llm-breadcrumb-item",
297
302
  props: {
@@ -312,20 +317,20 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
312
317
  class: "breadcrumb-link"
313
318
  }, [
314
319
  h(i.$slots, "default")
315
- ], 8, re)) : (n(), o("span", {
320
+ ], 8, ie)) : (n(), o("span", {
316
321
  key: 1,
317
322
  class: "breadcrumb-current",
318
323
  "aria-current": e.current ? "page" : void 0
319
324
  }, [
320
325
  h(i.$slots, "default")
321
- ], 8, de))
326
+ ], 8, re))
322
327
  ], 2));
323
328
  }
324
- }), ue = ["type", "disabled", "aria-disabled"], ce = {
329
+ }), de = ["type", "disabled", "aria-disabled"], ue = {
325
330
  key: 0,
326
331
  class: "spinner",
327
332
  "aria-hidden": "true"
328
- }, $a = /* @__PURE__ */ v({
333
+ }, ya = /* @__PURE__ */ v({
329
334
  name: "LlmButton",
330
335
  __name: "llm-button",
331
336
  props: {
@@ -349,11 +354,11 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
349
354
  disabled: a.value,
350
355
  "aria-disabled": a.value || void 0
351
356
  }, [
352
- e.loading ? (n(), o("span", ce)) : _("", !0),
357
+ e.loading ? (n(), o("span", ue)) : _("", !0),
353
358
  h(l.$slots, "default")
354
- ], 10, ue));
359
+ ], 10, de));
355
360
  }
356
- }), ka = /* @__PURE__ */ v({
361
+ }), $a = /* @__PURE__ */ v({
357
362
  name: "LlmCard",
358
363
  __name: "llm-card",
359
364
  props: {
@@ -372,35 +377,35 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
372
377
  h(i.$slots, "default")
373
378
  ], 2));
374
379
  }
375
- }), me = { class: "llm-card-header" }, _a = /* @__PURE__ */ v({
380
+ }), ce = { class: "llm-card-header" }, ka = /* @__PURE__ */ v({
376
381
  name: "LlmCardHeader",
377
382
  __name: "llm-card-header",
378
383
  setup(e) {
379
- return (t, a) => (n(), o("div", me, [
384
+ return (t, a) => (n(), o("div", ce, [
380
385
  h(t.$slots, "default")
381
386
  ]));
382
387
  }
383
- }), fe = { class: "llm-card-content" }, La = /* @__PURE__ */ v({
388
+ }), me = { class: "llm-card-content" }, _a = /* @__PURE__ */ v({
384
389
  name: "LlmCardContent",
385
390
  __name: "llm-card-content",
386
391
  setup(e) {
387
- return (t, a) => (n(), o("div", fe, [
392
+ return (t, a) => (n(), o("div", me, [
388
393
  h(t.$slots, "default")
389
394
  ]));
390
395
  }
391
- }), ve = { class: "llm-card-footer" }, wa = /* @__PURE__ */ v({
396
+ }), fe = { class: "llm-card-footer" }, La = /* @__PURE__ */ v({
392
397
  name: "LlmCardFooter",
393
398
  __name: "llm-card-footer",
394
399
  setup(e) {
395
- return (t, a) => (n(), o("div", ve, [
400
+ return (t, a) => (n(), o("div", fe, [
396
401
  h(t.$slots, "default")
397
402
  ]));
398
403
  }
399
- }), pe = ["for"], ge = ["id", "checked", "disabled", "readonly", "required", "name", "aria-invalid"], he = {
404
+ }), ve = ["for"], pe = ["id", "checked", "disabled", "readonly", "required", "name", "aria-invalid"], ge = {
400
405
  key: 0,
401
406
  class: "errors",
402
407
  "aria-live": "polite"
403
- }, xa = /* @__PURE__ */ v({
408
+ }, wa = /* @__PURE__ */ v({
404
409
  name: "LlmCheckbox",
405
410
  __name: "llm-checkbox",
406
411
  props: {
@@ -448,10 +453,10 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
448
453
  name: e.name,
449
454
  "aria-invalid": e.invalid || void 0,
450
455
  onChange: d
451
- }, null, 40, ge),
456
+ }, null, 40, pe),
452
457
  h(r.$slots, "default")
453
- ], 8, pe),
454
- e.errors.length ? (n(), o("ul", he, [
458
+ ], 8, ve),
459
+ e.errors.length ? (n(), o("ul", ge, [
455
460
  (n(!0), o(C, null, T(e.errors, (c, $) => (n(), o("li", {
456
461
  key: $,
457
462
  class: "error"
@@ -459,7 +464,7 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
459
464
  ])) : _("", !0)
460
465
  ], 2));
461
466
  }
462
- }), be = ["aria-label", "aria-labelledby"], F = /* @__PURE__ */ Symbol("LlmDialog"), Ba = /* @__PURE__ */ v({
467
+ }), he = ["aria-label", "aria-labelledby"], F = /* @__PURE__ */ Symbol("LlmDialog"), xa = /* @__PURE__ */ v({
463
468
  name: "LlmDialog",
464
469
  __name: "llm-dialog",
465
470
  props: {
@@ -510,14 +515,14 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
510
515
  }, [
511
516
  m("div", {
512
517
  class: b($.value),
513
- onClick: p[0] || (p[0] = G(() => {
518
+ onClick: p[0] || (p[0] = H(() => {
514
519
  }, ["stop"]))
515
520
  }, [
516
521
  h(y.$slots, "default")
517
522
  ], 2)
518
- ], 40, be));
523
+ ], 40, he));
519
524
  }
520
- }), ye = ["id"], $e = { class: "header-content" }, Ca = /* @__PURE__ */ v({
525
+ }), be = ["id"], ye = { class: "header-content" }, Ba = /* @__PURE__ */ v({
521
526
  name: "LlmDialogHeader",
522
527
  __name: "llm-dialog-header",
523
528
  setup(e) {
@@ -527,7 +532,7 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
527
532
  id: B(t).headerId,
528
533
  class: "llm-dialog-header"
529
534
  }, [
530
- m("span", $e, [
535
+ m("span", ye, [
531
536
  h(a.$slots, "default")
532
537
  ]),
533
538
  m("button", {
@@ -562,25 +567,25 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
562
567
  })
563
568
  ], -1)
564
569
  ])])
565
- ], 8, ye));
570
+ ], 8, be));
566
571
  }
567
- }), ke = { class: "llm-dialog-content" }, Ta = /* @__PURE__ */ v({
572
+ }), $e = { class: "llm-dialog-content" }, Ca = /* @__PURE__ */ v({
568
573
  name: "LlmDialogContent",
569
574
  __name: "llm-dialog-content",
570
575
  setup(e) {
571
- return (t, a) => (n(), o("div", ke, [
576
+ return (t, a) => (n(), o("div", $e, [
572
577
  h(t.$slots, "default")
573
578
  ]));
574
579
  }
575
- }), _e = { class: "llm-dialog-footer" }, Ia = /* @__PURE__ */ v({
580
+ }), ke = { class: "llm-dialog-footer" }, Ta = /* @__PURE__ */ v({
576
581
  name: "LlmDialogFooter",
577
582
  __name: "llm-dialog-footer",
578
583
  setup(e) {
579
- return (t, a) => (n(), o("div", _e, [
584
+ return (t, a) => (n(), o("div", ke, [
580
585
  h(t.$slots, "default")
581
586
  ]));
582
587
  }
583
- }), Le = ["aria-labelledby"], K = /* @__PURE__ */ Symbol("LlmDrawer"), Da = /* @__PURE__ */ v({
588
+ }), _e = ["aria-labelledby"], K = /* @__PURE__ */ Symbol("LlmDrawer"), Ia = /* @__PURE__ */ v({
584
589
  name: "LlmDrawer",
585
590
  __name: "llm-drawer",
586
591
  props: {
@@ -635,14 +640,14 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
635
640
  }, [
636
641
  m("div", {
637
642
  class: "panel",
638
- onClick: p[0] || (p[0] = G(() => {
643
+ onClick: p[0] || (p[0] = H(() => {
639
644
  }, ["stop"]))
640
645
  }, [
641
646
  h(y.$slots, "default")
642
647
  ])
643
- ], 42, Le));
648
+ ], 42, _e));
644
649
  }
645
- }), we = ["id"], xe = { class: "header-content" }, Ma = /* @__PURE__ */ v({
650
+ }), Le = ["id"], we = { class: "header-content" }, Da = /* @__PURE__ */ v({
646
651
  name: "LlmDrawerHeader",
647
652
  __name: "llm-drawer-header",
648
653
  setup(e) {
@@ -652,7 +657,7 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
652
657
  id: B(t).headerId,
653
658
  class: "llm-drawer-header"
654
659
  }, [
655
- m("span", xe, [
660
+ m("span", we, [
656
661
  h(a.$slots, "default")
657
662
  ]),
658
663
  m("button", {
@@ -687,29 +692,29 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
687
692
  })
688
693
  ], -1)
689
694
  ])])
690
- ], 8, we));
695
+ ], 8, Le));
691
696
  }
692
- }), Be = { class: "llm-drawer-content" }, Sa = /* @__PURE__ */ v({
697
+ }), xe = { class: "llm-drawer-content" }, Ma = /* @__PURE__ */ v({
693
698
  name: "LlmDrawerContent",
694
699
  __name: "llm-drawer-content",
695
700
  setup(e) {
696
- return (t, a) => (n(), o("div", Be, [
701
+ return (t, a) => (n(), o("div", xe, [
697
702
  h(t.$slots, "default")
698
703
  ]));
699
704
  }
700
- }), Ce = { class: "llm-drawer-footer" }, za = /* @__PURE__ */ v({
705
+ }), Be = { class: "llm-drawer-footer" }, Sa = /* @__PURE__ */ v({
701
706
  name: "LlmDrawerFooter",
702
707
  __name: "llm-drawer-footer",
703
708
  setup(e) {
704
- return (t, a) => (n(), o("div", Ce, [
709
+ return (t, a) => (n(), o("div", Be, [
705
710
  h(t.$slots, "default")
706
711
  ]));
707
712
  }
708
- }), Te = ["for"], Ie = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "name", "aria-invalid"], De = {
713
+ }), Ce = ["for"], Te = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "name", "aria-invalid"], Ie = {
709
714
  key: 1,
710
715
  class: "errors",
711
716
  "aria-live": "polite"
712
- }, qa = /* @__PURE__ */ v({
717
+ }, za = /* @__PURE__ */ v({
713
718
  name: "LlmInput",
714
719
  __name: "llm-input",
715
720
  props: {
@@ -738,7 +743,7 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
738
743
  key: 0,
739
744
  for: l.value,
740
745
  class: "input-label"
741
- }, w(e.label), 9, Te)) : _("", !0),
746
+ }, w(e.label), 9, Ce)) : _("", !0),
742
747
  m("input", {
743
748
  id: l.value,
744
749
  type: e.type,
@@ -750,8 +755,8 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
750
755
  name: e.name,
751
756
  "aria-invalid": e.invalid || void 0,
752
757
  onInput: u
753
- }, null, 40, Ie),
754
- e.errors.length ? (n(), o("ul", De, [
758
+ }, null, 40, Te),
759
+ e.errors.length ? (n(), o("ul", Ie, [
755
760
  (n(!0), o(C, null, T(e.errors, (s, c) => (n(), o("li", {
756
761
  key: c,
757
762
  class: "error"
@@ -759,7 +764,7 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
759
764
  ])) : _("", !0)
760
765
  ], 2));
761
766
  }
762
- }), Me = { class: "llm-menu-trigger-wrapper" }, j = /* @__PURE__ */ Symbol("LlmMenuTrigger"), Aa = /* @__PURE__ */ v({
767
+ }), De = { class: "llm-menu-trigger-wrapper" }, j = /* @__PURE__ */ Symbol("LlmMenuTrigger"), qa = /* @__PURE__ */ v({
763
768
  name: "LlmMenuTrigger",
764
769
  __name: "llm-menu-trigger",
765
770
  setup(e) {
@@ -783,7 +788,7 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
783
788
  document.addEventListener("mousedown", d), document.addEventListener("keydown", r);
784
789
  }), A(() => {
785
790
  document.removeEventListener("mousedown", d), document.removeEventListener("keydown", r);
786
- }), (s, c) => (n(), o("div", Me, [
791
+ }), (s, c) => (n(), o("div", De, [
787
792
  m("span", {
788
793
  ref_key: "triggerRef",
789
794
  ref: a,
@@ -801,7 +806,7 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
801
806
  ], 512)) : _("", !0)
802
807
  ]));
803
808
  }
804
- }), Ra = /* @__PURE__ */ v({
809
+ }), Aa = /* @__PURE__ */ v({
805
810
  name: "LlmMenu",
806
811
  __name: "llm-menu",
807
812
  props: {
@@ -816,7 +821,7 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
816
821
  h(i.$slots, "default")
817
822
  ], 2));
818
823
  }
819
- }), Se = ["disabled"], Ea = /* @__PURE__ */ v({
824
+ }), Me = ["disabled"], Ra = /* @__PURE__ */ v({
820
825
  name: "LlmMenuItem",
821
826
  __name: "llm-menu-item",
822
827
  props: {
@@ -837,25 +842,25 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
837
842
  onClick: u
838
843
  }, [
839
844
  h(r.$slots, "default")
840
- ], 10, Se));
845
+ ], 10, Me));
841
846
  }
842
- }), ze = {
847
+ }), Se = {
843
848
  class: "llm-menu-separator",
844
849
  role: "separator"
845
- }, Ga = /* @__PURE__ */ v({
850
+ }, Ea = /* @__PURE__ */ v({
846
851
  name: "LlmMenuSeparator",
847
852
  __name: "llm-menu-separator",
848
853
  setup(e) {
849
- return (t, a) => (n(), o("hr", ze));
854
+ return (t, a) => (n(), o("hr", Se));
850
855
  }
851
- }), qe = {
856
+ }), ze = {
852
857
  class: "llm-pagination",
853
858
  "aria-label": "Pagination"
854
- }, Ae = ["disabled"], Re = ["disabled"], Ee = {
859
+ }, qe = ["disabled"], Ae = ["disabled"], Re = {
855
860
  key: 0,
856
861
  class: "ellipsis",
857
862
  "aria-hidden": "true"
858
- }, Ge = ["aria-label", "aria-current", "onClick"], He = ["disabled"], Pe = ["disabled"], Ha = /* @__PURE__ */ v({
863
+ }, Ee = ["aria-label", "aria-current", "onClick"], Ge = ["disabled"], He = ["disabled"], Ga = /* @__PURE__ */ v({
859
864
  name: "LlmPagination",
860
865
  __name: "llm-pagination",
861
866
  props: {
@@ -881,47 +886,47 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
881
886
  const s = Math.min(Math.max(r, 1), a.pageCount);
882
887
  s !== a.page && i("pageChange", s);
883
888
  }
884
- return (r, s) => (n(), o("nav", qe, [
889
+ return (r, s) => (n(), o("nav", ze, [
885
890
  e.showFirstLast ? (n(), o("button", {
886
891
  key: 0,
887
892
  class: "page-btn nav-btn",
888
893
  disabled: e.page <= 1,
889
894
  "aria-label": "First page",
890
895
  onClick: s[0] || (s[0] = (c) => d(1))
891
- }, " « ", 8, Ae)) : _("", !0),
896
+ }, " « ", 8, qe)) : _("", !0),
892
897
  m("button", {
893
898
  class: "page-btn nav-btn",
894
899
  disabled: e.page <= 1,
895
900
  "aria-label": "Previous page",
896
901
  onClick: s[1] || (s[1] = (c) => d(e.page - 1))
897
- }, " ‹ ", 8, Re),
902
+ }, " ‹ ", 8, Ae),
898
903
  (n(!0), o(C, null, T(u.value, (c) => (n(), o(C, {
899
904
  key: c.type === "page" ? c.page : c.key
900
905
  }, [
901
- c.type === "ellipsis" ? (n(), o("span", Ee, "…")) : (n(), o("button", {
906
+ c.type === "ellipsis" ? (n(), o("span", Re, "…")) : (n(), o("button", {
902
907
  key: 1,
903
908
  class: b(["page-btn", { active: c.page === e.page }]),
904
909
  "aria-label": `Page ${c.page}`,
905
910
  "aria-current": c.page === e.page ? "page" : void 0,
906
911
  onClick: ($) => d(c.page)
907
- }, w(c.page), 11, Ge))
912
+ }, w(c.page), 11, Ee))
908
913
  ], 64))), 128)),
909
914
  m("button", {
910
915
  class: "page-btn nav-btn",
911
916
  disabled: e.page >= e.pageCount,
912
917
  "aria-label": "Next page",
913
918
  onClick: s[2] || (s[2] = (c) => d(e.page + 1))
914
- }, " › ", 8, He),
919
+ }, " › ", 8, Ge),
915
920
  e.showFirstLast ? (n(), o("button", {
916
921
  key: 1,
917
922
  class: "page-btn nav-btn",
918
923
  disabled: e.page >= e.pageCount,
919
924
  "aria-label": "Last page",
920
925
  onClick: s[3] || (s[3] = (c) => d(e.pageCount))
921
- }, " » ", 8, Pe)) : _("", !0)
926
+ }, " » ", 8, He)) : _("", !0)
922
927
  ]));
923
928
  }
924
- }), Fe = ["aria-valuenow", "aria-valuemax"], Ke = { class: "track" }, Pa = /* @__PURE__ */ v({
929
+ }), Pe = ["aria-valuenow", "aria-valuemax"], Fe = { class: "track" }, Ha = /* @__PURE__ */ v({
925
930
  name: "LlmProgress",
926
931
  __name: "llm-progress",
927
932
  props: {
@@ -947,19 +952,19 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
947
952
  "aria-valuenow": e.indeterminate ? void 0 : a.value,
948
953
  "aria-valuemax": e.indeterminate ? void 0 : e.max
949
954
  }, [
950
- m("div", Ke, [
955
+ m("div", Fe, [
951
956
  m("div", {
952
957
  class: "fill",
953
- style: H({ width: i.value })
958
+ style: R({ width: i.value })
954
959
  }, null, 4)
955
960
  ])
956
- ], 10, Fe));
961
+ ], 10, Pe));
957
962
  }
958
- }), je = ["aria-invalid", "aria-required"], Oe = {
963
+ }), Ke = ["aria-invalid", "aria-required"], je = {
959
964
  key: 0,
960
965
  class: "errors",
961
966
  role: "alert"
962
- }, O = /* @__PURE__ */ Symbol("LlmRadioGroup"), Fa = /* @__PURE__ */ v({
967
+ }, O = /* @__PURE__ */ Symbol("LlmRadioGroup"), Pa = /* @__PURE__ */ v({
963
968
  name: "LlmRadioGroup",
964
969
  __name: "llm-radio-group",
965
970
  props: {
@@ -1006,18 +1011,18 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
1006
1011
  "aria-required": e.required || void 0
1007
1012
  }, [
1008
1013
  h(u.$slots, "default"),
1009
- e.errors.length > 0 ? (n(), o("div", Oe, [
1014
+ e.errors.length > 0 ? (n(), o("div", je, [
1010
1015
  (n(!0), o(C, null, T(e.errors, (r, s) => (n(), o("p", {
1011
1016
  key: s,
1012
1017
  class: "error-message"
1013
1018
  }, w(r), 1))), 128))
1014
1019
  ])) : _("", !0)
1015
- ], 10, je));
1020
+ ], 10, Ke));
1016
1021
  }
1017
- }), Ve = ["name", "value", "checked", "disabled"], Ue = {
1022
+ }), Oe = ["name", "value", "checked", "disabled"], Ve = {
1018
1023
  key: 0,
1019
1024
  class: "radio-text"
1020
- }, Ka = /* @__PURE__ */ v({
1025
+ }, Fa = /* @__PURE__ */ v({
1021
1026
  name: "LlmRadio",
1022
1027
  __name: "llm-radio",
1023
1028
  props: {
@@ -1053,22 +1058,22 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
1053
1058
  disabled: i.value,
1054
1059
  class: "radio-input",
1055
1060
  onChange: d
1056
- }, null, 40, Ve),
1061
+ }, null, 40, Oe),
1057
1062
  s[0] || (s[0] = m("span", {
1058
1063
  class: "radio-indicator",
1059
1064
  "aria-hidden": "true"
1060
1065
  }, null, -1)),
1061
- r.$slots.default ? (n(), o("span", Ue, [
1066
+ r.$slots.default ? (n(), o("span", Ve, [
1062
1067
  h(r.$slots, "default")
1063
1068
  ])) : _("", !0)
1064
1069
  ], 2));
1065
1070
  }
1066
- }), Ne = ["for"], We = { class: "select-wrapper" }, Je = ["id", "name", "value", "disabled", "required", "aria-invalid", "aria-describedby"], Qe = {
1071
+ }), Ue = ["for"], Ne = { class: "select-wrapper" }, We = ["id", "name", "value", "disabled", "required", "aria-invalid", "aria-describedby"], Je = {
1067
1072
  key: 0,
1068
1073
  value: "",
1069
1074
  disabled: "",
1070
1075
  hidden: ""
1071
- }, Xe = ["id"], ja = /* @__PURE__ */ v({
1076
+ }, Qe = ["id"], Ka = /* @__PURE__ */ v({
1072
1077
  name: "LlmSelect",
1073
1078
  __name: "llm-select",
1074
1079
  props: {
@@ -1099,8 +1104,8 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
1099
1104
  key: 0,
1100
1105
  for: B(l),
1101
1106
  class: "select-label"
1102
- }, w(e.label), 9, Ne)) : _("", !0),
1103
- m("div", We, [
1107
+ }, w(e.label), 9, Ue)) : _("", !0),
1108
+ m("div", Ne, [
1104
1109
  m("select", {
1105
1110
  id: B(l),
1106
1111
  name: e.name,
@@ -1112,9 +1117,9 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
1112
1117
  class: "select-native",
1113
1118
  onChange: r
1114
1119
  }, [
1115
- e.placeholder ? (n(), o("option", Qe, w(e.placeholder), 1)) : _("", !0),
1120
+ e.placeholder ? (n(), o("option", Je, w(e.placeholder), 1)) : _("", !0),
1116
1121
  h(s.$slots, "default")
1117
- ], 40, Je),
1122
+ ], 40, We),
1118
1123
  c[0] || (c[0] = m("span", {
1119
1124
  class: "select-arrow",
1120
1125
  "aria-hidden": "true"
@@ -1130,10 +1135,10 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
1130
1135
  key: y,
1131
1136
  class: "error-message"
1132
1137
  }, w($), 1))), 128))
1133
- ], 8, Xe)) : _("", !0)
1138
+ ], 8, Qe)) : _("", !0)
1134
1139
  ], 2));
1135
1140
  }
1136
- }), Ye = ["value", "disabled"], Oa = /* @__PURE__ */ v({
1141
+ }), Xe = ["value", "disabled"], ja = /* @__PURE__ */ v({
1137
1142
  name: "LlmOption",
1138
1143
  __name: "llm-option",
1139
1144
  props: {
@@ -1146,9 +1151,9 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
1146
1151
  disabled: e.disabled
1147
1152
  }, [
1148
1153
  h(t.$slots, "default")
1149
- ], 8, Ye));
1154
+ ], 8, Xe));
1150
1155
  }
1151
- }), Va = /* @__PURE__ */ v({
1156
+ }), Oa = /* @__PURE__ */ v({
1152
1157
  name: "LlmSkeleton",
1153
1158
  __name: "llm-skeleton",
1154
1159
  props: {
@@ -1182,11 +1187,11 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
1182
1187
  }));
1183
1188
  return (u, d) => (n(), o("div", {
1184
1189
  class: b(i.value),
1185
- style: H(l.value),
1190
+ style: R(l.value),
1186
1191
  "aria-hidden": "true"
1187
1192
  }, null, 6));
1188
1193
  }
1189
- }), Ze = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick"], ea = { class: "tab-panels" }, V = /* @__PURE__ */ Symbol("LlmTabGroup"), Ua = /* @__PURE__ */ v({
1194
+ }), Ye = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick"], Ze = { class: "tab-panels" }, V = /* @__PURE__ */ Symbol("LlmTabGroup"), Va = /* @__PURE__ */ v({
1190
1195
  name: "LlmTabGroup",
1191
1196
  __name: "llm-tab-group",
1192
1197
  props: {
@@ -1256,14 +1261,14 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
1256
1261
  class: b(["tab-button", g === l.value && "is-active", k.disabled && "is-disabled"]),
1257
1262
  type: "button",
1258
1263
  onClick: (q) => !k.disabled && s(g)
1259
- }, w(k.label), 11, Ze))), 128))
1264
+ }, w(k.label), 11, Ye))), 128))
1260
1265
  ], 32),
1261
- m("div", ea, [
1266
+ m("div", Ze, [
1262
1267
  h(p.$slots, "default", { groupId: $ })
1263
1268
  ])
1264
1269
  ], 2));
1265
1270
  }
1266
- }), aa = ["hidden"], Na = /* @__PURE__ */ v({
1271
+ }), ea = ["hidden"], Ua = /* @__PURE__ */ v({
1267
1272
  name: "LlmTab",
1268
1273
  __name: "llm-tab",
1269
1274
  props: {
@@ -1288,13 +1293,13 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
1288
1293
  tabindex: "0"
1289
1294
  }, [
1290
1295
  h(d.$slots, "default")
1291
- ], 8, aa)) : _("", !0);
1296
+ ], 8, ea)) : _("", !0);
1292
1297
  }
1293
- }), ta = ["for"], la = ["id", "value", "rows", "placeholder", "disabled", "readonly", "required", "name", "aria-invalid"], sa = {
1298
+ }), aa = ["for"], ta = ["id", "value", "rows", "placeholder", "disabled", "readonly", "required", "name", "aria-invalid"], la = {
1294
1299
  key: 1,
1295
1300
  class: "errors",
1296
1301
  "aria-live": "polite"
1297
- }, Wa = /* @__PURE__ */ v({
1302
+ }, Na = /* @__PURE__ */ v({
1298
1303
  name: "LlmTextarea",
1299
1304
  __name: "llm-textarea",
1300
1305
  props: {
@@ -1330,7 +1335,7 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
1330
1335
  key: 0,
1331
1336
  for: u.value,
1332
1337
  class: "textarea-label"
1333
- }, w(e.label), 9, ta)) : _("", !0),
1338
+ }, w(e.label), 9, aa)) : _("", !0),
1334
1339
  m("textarea", {
1335
1340
  id: u.value,
1336
1341
  ref_key: "textareaRef",
@@ -1344,8 +1349,8 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
1344
1349
  name: e.name,
1345
1350
  "aria-invalid": e.invalid || void 0,
1346
1351
  onInput: r
1347
- }, null, 40, la),
1348
- e.errors.length ? (n(), o("ul", sa, [
1352
+ }, null, 40, ta),
1353
+ e.errors.length ? (n(), o("ul", la, [
1349
1354
  (n(!0), o(C, null, T(e.errors, ($, y) => (n(), o("li", {
1350
1355
  key: y,
1351
1356
  class: "error"
@@ -1353,16 +1358,16 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
1353
1358
  ])) : _("", !0)
1354
1359
  ], 2));
1355
1360
  }
1356
- }), R = /* @__PURE__ */ Symbol("LlmToast");
1357
- function Ja() {
1358
- const e = I(R);
1361
+ }), E = /* @__PURE__ */ Symbol("LlmToast");
1362
+ function Wa() {
1363
+ const e = I(E);
1359
1364
  if (!e)
1360
1365
  throw new Error(
1361
1366
  "useLlmToast() must be called inside a component that is a descendant of LlmToastProvider."
1362
1367
  );
1363
1368
  return { show: e.show, dismiss: e.dismiss, clear: e.clear };
1364
1369
  }
1365
- const Qa = /* @__PURE__ */ v({
1370
+ const Ja = /* @__PURE__ */ v({
1366
1371
  name: "LlmToastProvider",
1367
1372
  __name: "llm-toast-provider",
1368
1373
  setup(e) {
@@ -1393,9 +1398,9 @@ const Qa = /* @__PURE__ */ v({
1393
1398
  clearTimeout(d);
1394
1399
  a.clear(), t.value = [];
1395
1400
  }
1396
- return D(R, { toasts: t, show: i, dismiss: l, clear: u }), (d, r) => h(d.$slots, "default");
1401
+ return D(E, { toasts: t, show: i, dismiss: l, clear: u }), (d, r) => h(d.$slots, "default");
1397
1402
  }
1398
- }), na = { class: "message" }, oa = /* @__PURE__ */ v({
1403
+ }), sa = { class: "message" }, na = /* @__PURE__ */ v({
1399
1404
  name: "LlmToastItem",
1400
1405
  __name: "llm-toast-item",
1401
1406
  props: {
@@ -1408,7 +1413,7 @@ const Qa = /* @__PURE__ */ v({
1408
1413
  class: b(l.value),
1409
1414
  role: "status"
1410
1415
  }, [
1411
- m("span", na, w(e.data.message), 1),
1416
+ m("span", sa, w(e.data.message), 1),
1412
1417
  e.data.dismissible ? (n(), o("button", {
1413
1418
  key: 0,
1414
1419
  class: "dismiss",
@@ -1444,14 +1449,14 @@ const Qa = /* @__PURE__ */ v({
1444
1449
  ])])) : _("", !0)
1445
1450
  ], 2));
1446
1451
  }
1447
- }), Xa = /* @__PURE__ */ v({
1452
+ }), Qa = /* @__PURE__ */ v({
1448
1453
  name: "LlmToastContainer",
1449
1454
  __name: "llm-toast-container",
1450
1455
  props: {
1451
1456
  position: { default: "bottom-right" }
1452
1457
  },
1453
1458
  setup(e) {
1454
- const t = e, a = I(R), i = f(() => a.toasts.value);
1459
+ const t = e, a = I(E), i = f(() => a.toasts.value);
1455
1460
  function l(d) {
1456
1461
  a.dismiss(d);
1457
1462
  }
@@ -1461,18 +1466,18 @@ const Qa = /* @__PURE__ */ v({
1461
1466
  "aria-live": "polite",
1462
1467
  role: "status"
1463
1468
  }, [
1464
- (n(!0), o(C, null, T(i.value, (s) => (n(), E(oa, {
1469
+ (n(!0), o(C, null, T(i.value, (s) => (n(), G(na, {
1465
1470
  key: s.id,
1466
1471
  data: s,
1467
1472
  onDismiss: r[0] || (r[0] = (c) => l(c))
1468
1473
  }, null, 8, ["data"]))), 128))
1469
1474
  ], 2));
1470
1475
  }
1471
- }), ia = ["for"], ra = ["id", "checked", "disabled", "required", "name", "aria-invalid", "aria-checked"], da = {
1476
+ }), oa = ["for"], ia = ["id", "checked", "disabled", "required", "name", "aria-invalid", "aria-checked"], ra = {
1472
1477
  key: 0,
1473
1478
  class: "errors",
1474
1479
  "aria-live": "polite"
1475
- }, Ya = /* @__PURE__ */ v({
1480
+ }, Xa = /* @__PURE__ */ v({
1476
1481
  name: "LlmToggle",
1477
1482
  __name: "llm-toggle",
1478
1483
  props: {
@@ -1509,13 +1514,13 @@ const Qa = /* @__PURE__ */ v({
1509
1514
  "aria-invalid": e.invalid || void 0,
1510
1515
  "aria-checked": e.checked,
1511
1516
  onChange: u
1512
- }, null, 40, ra),
1517
+ }, null, 40, ia),
1513
1518
  r[0] || (r[0] = m("span", { class: "track" }, [
1514
1519
  m("span", { class: "thumb" })
1515
1520
  ], -1)),
1516
1521
  h(d.$slots, "default")
1517
- ], 8, ia),
1518
- e.errors.length ? (n(), o("ul", da, [
1522
+ ], 8, oa),
1523
+ e.errors.length ? (n(), o("ul", ra, [
1519
1524
  (n(!0), o(C, null, T(e.errors, (s, c) => (n(), o("li", {
1520
1525
  key: c,
1521
1526
  class: "error"
@@ -1523,7 +1528,7 @@ const Qa = /* @__PURE__ */ v({
1523
1528
  ])) : _("", !0)
1524
1529
  ], 2));
1525
1530
  }
1526
- }), Za = /* @__PURE__ */ v({
1531
+ }), Ya = /* @__PURE__ */ v({
1527
1532
  name: "LlmTooltip",
1528
1533
  __name: "llm-tooltip",
1529
1534
  props: {
@@ -1570,48 +1575,48 @@ const Qa = /* @__PURE__ */ v({
1570
1575
  }
1571
1576
  });
1572
1577
  export {
1573
- ca as LlmAccordionGroup,
1574
- fa as LlmAccordionHeader,
1575
- ma as LlmAccordionItem,
1576
- va as LlmAlert,
1577
- pa as LlmAvatar,
1578
- ga as LlmAvatarGroup,
1579
- ha as LlmBadge,
1580
- ya as LlmBreadcrumbItem,
1581
- ba as LlmBreadcrumbs,
1582
- $a as LlmButton,
1583
- ka as LlmCard,
1584
- La as LlmCardContent,
1585
- wa as LlmCardFooter,
1586
- _a as LlmCardHeader,
1587
- xa as LlmCheckbox,
1588
- Ba as LlmDialog,
1589
- Ta as LlmDialogContent,
1590
- Ia as LlmDialogFooter,
1591
- Ca as LlmDialogHeader,
1592
- Da as LlmDrawer,
1593
- Sa as LlmDrawerContent,
1594
- za as LlmDrawerFooter,
1595
- Ma as LlmDrawerHeader,
1596
- qa as LlmInput,
1597
- Ra as LlmMenu,
1598
- Ea as LlmMenuItem,
1599
- Ga as LlmMenuSeparator,
1600
- Aa as LlmMenuTrigger,
1601
- Oa as LlmOption,
1602
- Ha as LlmPagination,
1603
- Pa as LlmProgress,
1604
- Ka as LlmRadio,
1605
- Fa as LlmRadioGroup,
1606
- ja as LlmSelect,
1607
- Va as LlmSkeleton,
1608
- Na as LlmTab,
1609
- Ua as LlmTabGroup,
1610
- Wa as LlmTextarea,
1611
- Xa as LlmToastContainer,
1612
- oa as LlmToastItem,
1613
- Qa as LlmToastProvider,
1614
- Ya as LlmToggle,
1615
- Za as LlmTooltip,
1616
- Ja as useLlmToast
1578
+ ua as LlmAccordionGroup,
1579
+ ma as LlmAccordionHeader,
1580
+ ca as LlmAccordionItem,
1581
+ fa as LlmAlert,
1582
+ va as LlmAvatar,
1583
+ pa as LlmAvatarGroup,
1584
+ ga as LlmBadge,
1585
+ ba as LlmBreadcrumbItem,
1586
+ ha as LlmBreadcrumbs,
1587
+ ya as LlmButton,
1588
+ $a as LlmCard,
1589
+ _a as LlmCardContent,
1590
+ La as LlmCardFooter,
1591
+ ka as LlmCardHeader,
1592
+ wa as LlmCheckbox,
1593
+ xa as LlmDialog,
1594
+ Ca as LlmDialogContent,
1595
+ Ta as LlmDialogFooter,
1596
+ Ba as LlmDialogHeader,
1597
+ Ia as LlmDrawer,
1598
+ Ma as LlmDrawerContent,
1599
+ Sa as LlmDrawerFooter,
1600
+ Da as LlmDrawerHeader,
1601
+ za as LlmInput,
1602
+ Aa as LlmMenu,
1603
+ Ra as LlmMenuItem,
1604
+ Ea as LlmMenuSeparator,
1605
+ qa as LlmMenuTrigger,
1606
+ ja as LlmOption,
1607
+ Ga as LlmPagination,
1608
+ Ha as LlmProgress,
1609
+ Fa as LlmRadio,
1610
+ Pa as LlmRadioGroup,
1611
+ Ka as LlmSelect,
1612
+ Oa as LlmSkeleton,
1613
+ Ua as LlmTab,
1614
+ Va as LlmTabGroup,
1615
+ Na as LlmTextarea,
1616
+ Qa as LlmToastContainer,
1617
+ na as LlmToastItem,
1618
+ Ja as LlmToastProvider,
1619
+ Xa as LlmToggle,
1620
+ Ya as LlmTooltip,
1621
+ Wa as useLlmToast
1617
1622
  };
package/libs/vue/src/lib/breadcrumbs/llm-breadcrumbs.vue.d.ts CHANGED
@@ -1,3 +1,6 @@
1
+ type __VLS_Props = {
2
+ separator?: string;
3
+ };
1
4
  declare function __VLS_template(): {
2
5
  attrs: Partial<{}>;
3
6
  slots: {
@@ -7,7 +10,9 @@ declare function __VLS_template(): {
7
10
  rootEl: HTMLElement;
8
11
  };
9
12
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
10
- declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
13
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
14
+ separator: string;
15
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
11
16
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
12
17
  export default _default;
13
18
  type __VLS_WithTemplateSlots<T, S> = T & {
package/libs/vue/src/lib/breadcrumbs/llm-breadcrumbs.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"llm-breadcrumbs.vue.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/vue/src/lib/breadcrumbs/llm-breadcrumbs.vue"],"names":[],"mappings":"AAeA,OAAO,uBAAuB,CAAC;AAM/B,iBAAS,cAAc;WA4BT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAOD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,uRAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"llm-breadcrumbs.vue.d.ts","sourceRoot":"","sources":["../../../../../../../../libs/vue/src/lib/breadcrumbs/llm-breadcrumbs.vue"],"names":[],"mappings":"AAuBA,OAAO,uBAAuB,CAAC;AAI/B,KAAK,WAAW,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAU1C,iBAAS,cAAc;WA6BT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;eAtDY,MAAM;qFA8DrC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
package/package.json CHANGED
@@ -1,8 +1,16 @@
1
1
  {
2
2
  "name": "@atelier-ui/vue",
3
- "version": "0.0.3",
4
- "description": "Atelier UI component library for Vue 3 — LLM-optimised, accessible, design-token-driven",
5
- "keywords": ["vue", "vue3", "ui", "components", "design-system", "atelier-ui", "llm"],
3
+ "version": "0.0.5",
4
+ "description": "Atelier UI component library for Vue 3 \u2014 LLM-optimised, accessible, design-token-driven",
5
+ "keywords": [
6
+ "vue",
7
+ "vue3",
8
+ "ui",
9
+ "components",
10
+ "design-system",
11
+ "atelier-ui",
12
+ "llm"
13
+ ],
6
14
  "author": "Atelier UI",
7
15
  "license": "MIT",
8
16
  "repository": {
@@ -11,7 +19,9 @@
11
19
  "directory": "libs/vue"
12
20
  },
13
21
  "peerDependencies": {
14
- "vue": "^3.0.0",
22
+ "vue": "^3.0.0"
23
+ },
24
+ "dependencies": {
15
25
  "@atelier-ui/spec": "*"
16
26
  }
17
27
  }