@logosphere-ui/core 0.0.0-alpha.24 → 0.0.0-alpha.25

package/dist/{input-DcSyXsp9.js → input-CG6RsUJs.js}

@@ -1,8 +1,8 @@
 import { unsafeCSS as m, css as f, LitElement as g, nothing as a, html as u } from "lit";
 import { query as v, property as n, state as c, customElement as b } from "lit/decorators.js";
 import { live as _ } from "lit/directives/live.js";
-import "./formfield-CNh4mBSs.js";
-import "./ui-icon-Bys4HYSQ.js";
+import "./formfield-BZOK4Pkz.js";
+import "./ui-icon-CFvsDv0z.js";
 const E = ".input__field{width:100%;background:transparent;border:none;outline:none;font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-body-text);box-sizing:border-box;line-height:1.5}.input__field::placeholder{color:var(--color-tertiary)}.input__field:disabled{cursor:not-allowed}.input__field--default{height:16px}.input__field--large{height:24px}.input__clear-btn{border:none;background:transparent;color:var(--color-gray-400);cursor:pointer;padding:0;display:inline-flex;align-items:center;outline:none;flex-shrink:0;transition:color var(--transition-speed-fast) var(--transition-timing)}.input__clear-btn:hover{color:var(--color-gray-600)}";
 var w = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, s = (t, e, o, l) => {
   for (var r = l > 1 ? void 0 : l ? $(e, o) : e, p = t.length - 1, h; p >= 0; p--)

package/dist/{input-C6OHJuya.cjs → input-DgGaco-Y.cjs}

@@ -1,4 +1,4 @@
-"use strict";const n=require("lit"),r=require("lit/decorators.js"),y=require("lit/directives/live.js");require("./formfield-BFOIEicR.cjs");require("./ui-icon-DWh1MhBa.cjs");const c=".input__field{width:100%;background:transparent;border:none;outline:none;font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-body-text);box-sizing:border-box;line-height:1.5}.input__field::placeholder{color:var(--color-tertiary)}.input__field:disabled{cursor:not-allowed}.input__field--default{height:16px}.input__field--large{height:24px}.input__clear-btn{border:none;background:transparent;color:var(--color-gray-400);cursor:pointer;padding:0;display:inline-flex;align-items:center;outline:none;flex-shrink:0;transition:color var(--transition-speed-fast) var(--transition-timing)}.input__clear-btn:hover{color:var(--color-gray-600)}";var g=Object.defineProperty,m=Object.getOwnPropertyDescriptor,o=(p,e,t,s)=>{for(var i=s>1?void 0:s?m(e,t):e,l=p.length-1,a;l>=0;l--)(a=p[l])&&(i=(s?a(e,t,i):a(i))||i);return s&&i&&g(e,t,i),i};const d={0:/\d/,a:/[a-zA-Z]/,"*":/[a-zA-Z0-9]/};function h(p){return p.split("").filter(e=>/[a-zA-Z0-9]/.test(e)).join("")}function f(p,e){let t=0,s="";for(let i=0;i<e.length&&!(t>=p.length);i++){const l=e[i],a=d[l];if(a){for(;t<p.length&&!a.test(p[t]);)t++;t<p.length&&(s+=p[t++])}else s+=l}return s}function v(p,e,t){let s=0;for(let i=0;i<p.length;i++)if(d[e[i]]&&(s++,s===t))return i+1;return p.length}exports.LogosphereInput=class extends n.LitElement{constructor(){super(...arguments),this.value="",this.type="text",this.placeholder="",this.name="",this.autocomplete="",this.pattern="",this.size="default",this.variant="default",this.label="",this.helper="",this.error="",this.required=!1,this.disabled=!1,this.readonly=!1,this.mask="",this._internalError="",this._showPassword=!1,this.handleInput=e=>{const t=e.target;if(this.mask){const s=t.selectionStart??t.value.length,i=h(t.value.slice(0,s)).length,l=h(t.value),a=f(l,this.mask);t.value=a,this.value=a;const u=v(a,this.mask,i);requestAnimationFrame(()=>t.setSelectionRange(u,u))}else this.value=t.value;this._internalError&&(this._internalError="",this._inputElement.setCustomValidity("")),this.dispatchEvent(new CustomEvent("input",{bubbles:!0,composed:!0,detail:{value:this.value,rawValue:this.mask?h(this.value):this.value,originalEvent:e}}))},this.handleChange=e=>{const t=e.target;this.value=t.value,t.checkValidity()||(this._internalError=t.validationMessage),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{value:this.value,originalEvent:e}}))},this.handleKeyDown=e=>{this.dispatchEvent(new CustomEvent("keydown",{bubbles:!0,composed:!0,detail:{key:e.key,originalEvent:e}}))},this.handleKeyUp=e=>{this.dispatchEvent(new CustomEvent("keyup",{bubbles:!0,composed:!0,detail:{key:e.key,originalEvent:e}}))},this.handleClear=()=>{this.value="",this._inputElement&&(this._inputElement.value=""),this.dispatchEvent(new CustomEvent("clear",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("input",{bubbles:!0,composed:!0,detail:{value:"",originalEvent:null}}))},this.handlePasswordToggle=()=>{this.disabled||(this._showPassword=!this._showPassword,this._inputElement?.focus())}}get inputElement(){return this._inputElement}focus(){this._inputElement?.focus()}blur(){this._inputElement?.blur()}select(){this._inputElement?.select()}setSelectionRange(e,t,s){this._inputElement?.setSelectionRange(e,t,s)}checkValidity(){return this._inputElement?.checkValidity()??!0}reportValidity(){return this._inputElement?.reportValidity()??!0}setCustomValidity(e){this._inputElement?.setCustomValidity(e),this._internalError=e,this.requestUpdate()}willUpdate(e){e.has("type")&&this.type!=="password"&&this._showPassword&&(this._showPassword=!1)}get _effectivePlaceholder(){return this.placeholder?this.placeholder:this.mask?this.mask.replace(/[0a*]/g,"_"):""}render(){const e=this.error||this._internalError,t=!!this.value&&!this.disabled&&!this.readonly,s=this.type==="password",i=s&&this._showPassword?"text":this.type,l=`input__field input__field--${this.size}`;return n.html`
+"use strict";const n=require("lit"),r=require("lit/decorators.js"),y=require("lit/directives/live.js");require("./formfield-HIqosWPz.cjs");require("./ui-icon-BRl1UmIf.cjs");const c=".input__field{width:100%;background:transparent;border:none;outline:none;font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-body-text);box-sizing:border-box;line-height:1.5}.input__field::placeholder{color:var(--color-tertiary)}.input__field:disabled{cursor:not-allowed}.input__field--default{height:16px}.input__field--large{height:24px}.input__clear-btn{border:none;background:transparent;color:var(--color-gray-400);cursor:pointer;padding:0;display:inline-flex;align-items:center;outline:none;flex-shrink:0;transition:color var(--transition-speed-fast) var(--transition-timing)}.input__clear-btn:hover{color:var(--color-gray-600)}";var g=Object.defineProperty,m=Object.getOwnPropertyDescriptor,o=(p,e,t,s)=>{for(var i=s>1?void 0:s?m(e,t):e,l=p.length-1,a;l>=0;l--)(a=p[l])&&(i=(s?a(e,t,i):a(i))||i);return s&&i&&g(e,t,i),i};const d={0:/\d/,a:/[a-zA-Z]/,"*":/[a-zA-Z0-9]/};function h(p){return p.split("").filter(e=>/[a-zA-Z0-9]/.test(e)).join("")}function f(p,e){let t=0,s="";for(let i=0;i<e.length&&!(t>=p.length);i++){const l=e[i],a=d[l];if(a){for(;t<p.length&&!a.test(p[t]);)t++;t<p.length&&(s+=p[t++])}else s+=l}return s}function v(p,e,t){let s=0;for(let i=0;i<p.length;i++)if(d[e[i]]&&(s++,s===t))return i+1;return p.length}exports.LogosphereInput=class extends n.LitElement{constructor(){super(...arguments),this.value="",this.type="text",this.placeholder="",this.name="",this.autocomplete="",this.pattern="",this.size="default",this.variant="default",this.label="",this.helper="",this.error="",this.required=!1,this.disabled=!1,this.readonly=!1,this.mask="",this._internalError="",this._showPassword=!1,this.handleInput=e=>{const t=e.target;if(this.mask){const s=t.selectionStart??t.value.length,i=h(t.value.slice(0,s)).length,l=h(t.value),a=f(l,this.mask);t.value=a,this.value=a;const u=v(a,this.mask,i);requestAnimationFrame(()=>t.setSelectionRange(u,u))}else this.value=t.value;this._internalError&&(this._internalError="",this._inputElement.setCustomValidity("")),this.dispatchEvent(new CustomEvent("input",{bubbles:!0,composed:!0,detail:{value:this.value,rawValue:this.mask?h(this.value):this.value,originalEvent:e}}))},this.handleChange=e=>{const t=e.target;this.value=t.value,t.checkValidity()||(this._internalError=t.validationMessage),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{value:this.value,originalEvent:e}}))},this.handleKeyDown=e=>{this.dispatchEvent(new CustomEvent("keydown",{bubbles:!0,composed:!0,detail:{key:e.key,originalEvent:e}}))},this.handleKeyUp=e=>{this.dispatchEvent(new CustomEvent("keyup",{bubbles:!0,composed:!0,detail:{key:e.key,originalEvent:e}}))},this.handleClear=()=>{this.value="",this._inputElement&&(this._inputElement.value=""),this.dispatchEvent(new CustomEvent("clear",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("input",{bubbles:!0,composed:!0,detail:{value:"",originalEvent:null}}))},this.handlePasswordToggle=()=>{this.disabled||(this._showPassword=!this._showPassword,this._inputElement?.focus())}}get inputElement(){return this._inputElement}focus(){this._inputElement?.focus()}blur(){this._inputElement?.blur()}select(){this._inputElement?.select()}setSelectionRange(e,t,s){this._inputElement?.setSelectionRange(e,t,s)}checkValidity(){return this._inputElement?.checkValidity()??!0}reportValidity(){return this._inputElement?.reportValidity()??!0}setCustomValidity(e){this._inputElement?.setCustomValidity(e),this._internalError=e,this.requestUpdate()}willUpdate(e){e.has("type")&&this.type!=="password"&&this._showPassword&&(this._showPassword=!1)}get _effectivePlaceholder(){return this.placeholder?this.placeholder:this.mask?this.mask.replace(/[0a*]/g,"_"):""}render(){const e=this.error||this._internalError,t=!!this.value&&!this.disabled&&!this.readonly,s=this.type==="password",i=s&&this._showPassword?"text":this.type,l=`input__field input__field--${this.size}`;return n.html`
       <logosphere-formfield
         .label=${this.label}
         .helper=${this.helper}

package/dist/input.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./input-C6OHJuya.cjs");Object.defineProperty(exports,"LogosphereInput",{enumerable:!0,get:()=>e.LogosphereInput});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./input-DgGaco-Y.cjs");Object.defineProperty(exports,"LogosphereInput",{enumerable:!0,get:()=>e.LogosphereInput});

package/dist/input.js

@@ -1,4 +1,4 @@
-import { L as p } from "./input-DcSyXsp9.js";
+import { L as p } from "./input-CG6RsUJs.js";
 export {
   p as LogosphereInput
 };

package/dist/left-menu.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./leftmenu-BSb9rGg4.cjs");Object.defineProperty(exports,"LeftMenu",{enumerable:!0,get:()=>e.LeftMenu});Object.defineProperty(exports,"LeftMenuItemElement",{enumerable:!0,get:()=>e.LeftMenuItemElement});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./leftmenu-BSVpwbyD.cjs");Object.defineProperty(exports,"LeftMenu",{enumerable:!0,get:()=>e.LeftMenu});Object.defineProperty(exports,"LeftMenuItemElement",{enumerable:!0,get:()=>e.LeftMenuItemElement});

package/dist/left-menu.js

@@ -1,4 +1,4 @@
-import { L as a, a as f } from "./leftmenu-vMqGQhcS.js";
+import { L as a, a as f } from "./leftmenu-DJE2N5kl.js";
 export {
   a as LeftMenu,
   f as LeftMenuItemElement

package/dist/{leftmenu-BSb9rGg4.cjs → leftmenu-BSVpwbyD.cjs}

@@ -1,4 +1,4 @@
-"use strict";const a=require("lit"),l=require("lit/decorators.js");require("./input-C6OHJuya.cjs");require("./ui-icon-DWh1MhBa.cjs");require("./tree-menu-B1iwfHyd.cjs");var u=Object.defineProperty,_=Object.getOwnPropertyDescriptor,p=(c,e,t,n)=>{for(var o=n>1?void 0:n?_(e,t):e,i=c.length-1,s;i>=0;i--)(s=c[i])&&(o=(n?s(e,t,o):s(o))||o);return n&&o&&u(e,t,o),o};exports.LeftMenuItemElement=class extends a.LitElement{constructor(){super(...arguments),this.itemId="",this.label="",this.disabled=!1,this.active=!1}render(){return a.html`<slot></slot>`}};p([l.property({type:String})],exports.LeftMenuItemElement.prototype,"itemId",2);p([l.property({type:String})],exports.LeftMenuItemElement.prototype,"label",2);p([l.property({type:Boolean})],exports.LeftMenuItemElement.prototype,"disabled",2);p([l.property({type:Boolean})],exports.LeftMenuItemElement.prototype,"active",2);p([l.property({attribute:!1})],exports.LeftMenuItemElement.prototype,"onClick",2);exports.LeftMenuItemElement=p([l.customElement("leftmenu-item")],exports.LeftMenuItemElement);const f=':host{display:block;position:relative;height:100%;font-family:var(--font-family-base)}.lm{position:relative;height:100%;transition:width var(--transition-speed-base) var(--transition-timing)}.lm__panel{width:var(--lm-closed-width);min-width:var(--lm-closed-width);height:100%;background:var(--color-body-bg);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;overflow-x:hidden;box-sizing:border-box;transition:width var(--transition-speed-base) var(--transition-timing),min-width var(--transition-speed-base) var(--transition-timing),box-shadow var(--transition-speed-base) var(--transition-timing)}.lm--open .lm__panel{width:var(--lm-open-width);min-width:var(--lm-open-width)}.lm--overlay.lm--open .lm__panel{position:absolute;left:0;top:0;box-shadow:var(--shadow-md);z-index:var(--z-index-dropdown)}.lm__brand{padding:var(--spacing-3);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.lm--closed .lm__brand{width:64px;height:64px;padding:0}.lm__search{padding:var(--spacing-4) var(--spacing-3)}.lm__nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-3);scrollbar-width:thin}.lm__nav logosphere-tree-menu{width:100%}.lm__custom{border-top:1px solid var(--color-border);margin-top:var(--spacing-4);padding:var(--spacing-2)}.lm--closed .lm__custom{padding:var(--spacing-2) 0}.lm__custom--hidden{display:none}.lm--closed .lm__nav{padding-left:0;padding-right:0;scrollbar-gutter:auto;scrollbar-color:var(--color-border) transparent}.lm--closed .lm__nav::-webkit-scrollbar{width:4px;height:4px}.lm--closed .lm__nav::-webkit-scrollbar-track{background:transparent}.lm--closed .lm__nav::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:999px}.lm--closed .lm__nav:hover::-webkit-scrollbar-thumb{background-color:var(--color-tertiary)}.lm__footer{margin-top:auto;border-top:1px solid var(--color-border);padding:var(--spacing-2);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.lm--closed .lm__footer{flex-direction:column;justify-content:center}.lm__ctrl{width:32px;height:32px;border:1px solid var(--color-border);background:var(--color-body-bg);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-body-text)}.lm__ctrl:hover{background:var(--color-tertiary-bg)}.lm__pin-icon--inactive{color:var(--color-tertiary)}.lm__pin-icon--active{color:var(--color-body-text)}.lm__toggle-icon{transform:rotate(180deg);transition:transform var(--transition-speed-base) var(--transition-timing)}.lm__toggle-icon--open{transform:rotate(0)}::slotted(leftmenu-item){display:none!important}::slotted([slot="logo-open"]),::slotted([slot="logo-closed"]){display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}::slotted([slot="custom-open"]),::slotted([slot="custom-closed"]){display:block;width:100%}';var g=Object.defineProperty,b=Object.getOwnPropertyDescriptor,d=(c,e,t,n)=>{for(var o=n>1?void 0:n?b(e,t):e,i=c.length-1,s;i>=0;i--)(s=c[i])&&(o=(n?s(e,t,o):s(o))||o);return n&&o&&g(e,t,o),o};exports.LeftMenu=class extends a.LitElement{constructor(){super(...arguments),this.open=!1,this.pinned=!1,this.closedWidth=64,this.openWidth=248,this.storageKey="logosphere-leftmenu-state",this._nodes=[],this._expandedIds=new Set,this._search="",this._searchExpandedIds=new Set,this._hasCustomOpen=!1,this._hasCustomClosed=!1,this._isHydratingState=!1,this._onSlotChange=e=>{const n=e.target.assignedElements({flatten:!0}).filter(o=>o.tagName==="LEFTMENU-ITEM");this._nodes=n.map((o,i)=>this._mapItemElement(o,`root-${i}`))},this._onCustomOpenSlotChange=e=>{const t=e.target;this._hasCustomOpen=t.assignedElements({flatten:!0}).length>0},this._onCustomClosedSlotChange=e=>{const t=e.target;this._hasCustomClosed=t.assignedElements({flatten:!0}).length>0},this._handleSearchInput=e=>{const n=e.detail?.value;typeof n=="string"&&this._setSearch(n)},this._toggleOpen=()=>{this.open=!this.open},this._togglePin=()=>{this.pinned=!this.pinned,this.dispatchEvent(new CustomEvent("pin-change",{detail:{pinned:this.pinned},bubbles:!0,composed:!0}))},this._handleTreeToggle=e=>{e.stopPropagation();const{item:t,expanded:n}=e.detail;n?this._expandedIds.add(t.id):this._expandedIds.delete(t.id),this._expandedIds=new Set(this._expandedIds)},this._handleTreeNodeClick=e=>{this.open||!e.detail.hasChildren||(this.open=!0,this._expandedIds.add(e.detail.item.id),this._expandedIds=new Set(this._expandedIds))},this._handleTreeItemClick=e=>{e.stopPropagation();const t=e.detail.item.data;this.dispatchEvent(new CustomEvent("item-click",{detail:{item:t??e.detail.item},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this._loadPersistedState()}updated(e){this._isHydratingState||(e.has("open")||e.has("pinned"))&&this._persistState()}_loadPersistedState(){if(!(typeof window>"u"))try{const e=window.localStorage.getItem(this.storageKey);if(!e)return;const t=JSON.parse(e);this._isHydratingState=!0,typeof t.open=="boolean"&&(this.open=t.open),typeof t.pinned=="boolean"&&(this.pinned=t.pinned),this._isHydratingState=!1}catch{this._isHydratingState=!1}}_persistState(){if(!(typeof window>"u"))try{window.localStorage.setItem(this.storageKey,JSON.stringify({open:this.open,pinned:this.pinned}))}catch{}}_mapItemElement(e,t){const n=e.itemId||e.id||t,o=Array.from(e.children).find(r=>r.getAttribute("slot")==="icon"),i=o?.querySelector("ui-icon"),s=Array.from(e.children).filter(r=>r.tagName==="LEFTMENU-ITEM"&&r.getAttribute("slot")==="children"),h=Array.from(e.childNodes).filter(r=>r.nodeType===Node.TEXT_NODE).map(r=>r.textContent??"").join(" ").replace(/\s+/g," ").trim();return{id:n,label:(e.label||h||n).trim(),disabled:e.disabled,active:e.active,iconName:i?.getAttribute("name")??null,iconHtml:o?o.innerHTML:null,onClick:e.onClick?()=>e.onClick?.(e):void 0,children:s.map((r,m)=>this._mapItemElement(r,`${n}-${m}`))}}_setSearch(e){if(this._search=e,!e){this._searchExpandedIds=new Set;return}const t=new Set,n=o=>{let i=!1;return o.forEach(s=>{const h=s.label.toLocaleLowerCase().includes(e.toLocaleLowerCase()),r=n(s.children);r&&t.add(s.id),h&&s.children.length&&t.add(s.id),i=i||h||r}),i};n(this._nodes),this._searchExpandedIds=t}_filterNodes(e,t){if(!t)return e;const n=t.toLocaleLowerCase(),o=i=>{const s=i.children.map(o).filter(Boolean);return!i.label.toLocaleLowerCase().includes(n)&&s.length===0?null:{...i,children:s}};return e.map(o).filter(Boolean)}_toTreeItems(e){return e.map(t=>({id:t.id,label:t.label,disabled:t.disabled,active:t.active,iconName:t.iconName??void 0,iconHtml:t.iconHtml,onClick:t.onClick?()=>{t.onClick?.(t)}:void 0,data:t,children:this._toTreeItems(t.children)}))}_effectiveExpandedIds(){const e=new Set(this._expandedIds);return this._search&&this._searchExpandedIds.forEach(t=>e.add(t)),Array.from(e)}render(){const e=this._filterNodes(this._nodes,this._search),t=this._toTreeItems(e),n=this.pinned?this.open?this.openWidth:this.closedWidth:this.closedWidth;return a.html`
+"use strict";const a=require("lit"),l=require("lit/decorators.js");require("./input-DgGaco-Y.cjs");require("./ui-icon-BRl1UmIf.cjs");require("./tree-menu-BZEOD4_f.cjs");var u=Object.defineProperty,_=Object.getOwnPropertyDescriptor,p=(c,e,t,n)=>{for(var o=n>1?void 0:n?_(e,t):e,i=c.length-1,s;i>=0;i--)(s=c[i])&&(o=(n?s(e,t,o):s(o))||o);return n&&o&&u(e,t,o),o};exports.LeftMenuItemElement=class extends a.LitElement{constructor(){super(...arguments),this.itemId="",this.label="",this.disabled=!1,this.active=!1}render(){return a.html`<slot></slot>`}};p([l.property({type:String})],exports.LeftMenuItemElement.prototype,"itemId",2);p([l.property({type:String})],exports.LeftMenuItemElement.prototype,"label",2);p([l.property({type:Boolean})],exports.LeftMenuItemElement.prototype,"disabled",2);p([l.property({type:Boolean})],exports.LeftMenuItemElement.prototype,"active",2);p([l.property({attribute:!1})],exports.LeftMenuItemElement.prototype,"onClick",2);exports.LeftMenuItemElement=p([l.customElement("leftmenu-item")],exports.LeftMenuItemElement);const f=':host{display:block;position:relative;height:100%;font-family:var(--font-family-base)}.lm{position:relative;height:100%;transition:width var(--transition-speed-base) var(--transition-timing)}.lm__panel{width:var(--lm-closed-width);min-width:var(--lm-closed-width);height:100%;background:var(--color-body-bg);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;overflow-x:hidden;box-sizing:border-box;transition:width var(--transition-speed-base) var(--transition-timing),min-width var(--transition-speed-base) var(--transition-timing),box-shadow var(--transition-speed-base) var(--transition-timing)}.lm--open .lm__panel{width:var(--lm-open-width);min-width:var(--lm-open-width)}.lm--overlay.lm--open .lm__panel{position:absolute;left:0;top:0;box-shadow:var(--shadow-md);z-index:var(--z-index-dropdown)}.lm__brand{padding:var(--spacing-3);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.lm--closed .lm__brand{width:64px;height:64px;padding:0}.lm__search{padding:var(--spacing-4) var(--spacing-3)}.lm__nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-3);scrollbar-width:thin}.lm__nav logosphere-tree-menu{width:100%}.lm__custom{border-top:1px solid var(--color-border);margin-top:var(--spacing-4);padding:var(--spacing-2)}.lm--closed .lm__custom{padding:var(--spacing-2) 0}.lm__custom--hidden{display:none}.lm--closed .lm__nav{padding-left:0;padding-right:0;scrollbar-gutter:auto;scrollbar-color:var(--color-border) transparent}.lm--closed .lm__nav::-webkit-scrollbar{width:4px;height:4px}.lm--closed .lm__nav::-webkit-scrollbar-track{background:transparent}.lm--closed .lm__nav::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:999px}.lm--closed .lm__nav:hover::-webkit-scrollbar-thumb{background-color:var(--color-tertiary)}.lm__footer{margin-top:auto;border-top:1px solid var(--color-border);padding:var(--spacing-2);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.lm--closed .lm__footer{flex-direction:column;justify-content:center}.lm__ctrl{width:32px;height:32px;border:1px solid var(--color-border);background:var(--color-body-bg);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-body-color)}.lm__ctrl:hover{background:var(--color-tertiary)}.lm__pin-icon--inactive{color:var(--color-tertiary)}.lm__pin-icon--active{color:var(--color-body-color)}.lm__toggle-icon{transform:rotate(180deg);transition:transform var(--transition-speed-base) var(--transition-timing)}.lm__toggle-icon--open{transform:rotate(0)}::slotted(leftmenu-item){display:none!important}::slotted([slot="logo-open"]),::slotted([slot="logo-closed"]){display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}::slotted([slot="custom-open"]),::slotted([slot="custom-closed"]){display:block;width:100%}';var g=Object.defineProperty,v=Object.getOwnPropertyDescriptor,d=(c,e,t,n)=>{for(var o=n>1?void 0:n?v(e,t):e,i=c.length-1,s;i>=0;i--)(s=c[i])&&(o=(n?s(e,t,o):s(o))||o);return n&&o&&g(e,t,o),o};exports.LeftMenu=class extends a.LitElement{constructor(){super(...arguments),this.open=!1,this.pinned=!1,this.closedWidth=64,this.openWidth=248,this.storageKey="logosphere-leftmenu-state",this._nodes=[],this._expandedIds=new Set,this._search="",this._searchExpandedIds=new Set,this._hasCustomOpen=!1,this._hasCustomClosed=!1,this._isHydratingState=!1,this._onSlotChange=e=>{const n=e.target.assignedElements({flatten:!0}).filter(o=>o.tagName==="LEFTMENU-ITEM");this._nodes=n.map((o,i)=>this._mapItemElement(o,`root-${i}`))},this._onCustomOpenSlotChange=e=>{const t=e.target;this._hasCustomOpen=t.assignedElements({flatten:!0}).length>0},this._onCustomClosedSlotChange=e=>{const t=e.target;this._hasCustomClosed=t.assignedElements({flatten:!0}).length>0},this._handleSearchInput=e=>{const n=e.detail?.value;typeof n=="string"&&this._setSearch(n)},this._toggleOpen=()=>{this.open=!this.open},this._togglePin=()=>{this.pinned=!this.pinned,this.dispatchEvent(new CustomEvent("pin-change",{detail:{pinned:this.pinned},bubbles:!0,composed:!0}))},this._handleTreeToggle=e=>{e.stopPropagation();const{item:t,expanded:n}=e.detail;n?this._expandedIds.add(t.id):this._expandedIds.delete(t.id),this._expandedIds=new Set(this._expandedIds)},this._handleTreeNodeClick=e=>{this.open||!e.detail.hasChildren||(this.open=!0,this._expandedIds.add(e.detail.item.id),this._expandedIds=new Set(this._expandedIds))},this._handleTreeItemClick=e=>{e.stopPropagation();const t=e.detail.item.data;this.dispatchEvent(new CustomEvent("item-click",{detail:{item:t??e.detail.item},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this._loadPersistedState()}updated(e){this._isHydratingState||(e.has("open")||e.has("pinned"))&&this._persistState()}_loadPersistedState(){if(!(typeof window>"u"))try{const e=window.localStorage.getItem(this.storageKey);if(!e)return;const t=JSON.parse(e);this._isHydratingState=!0,typeof t.open=="boolean"&&(this.open=t.open),typeof t.pinned=="boolean"&&(this.pinned=t.pinned),this._isHydratingState=!1}catch{this._isHydratingState=!1}}_persistState(){if(!(typeof window>"u"))try{window.localStorage.setItem(this.storageKey,JSON.stringify({open:this.open,pinned:this.pinned}))}catch{}}_mapItemElement(e,t){const n=e.itemId||e.id||t,o=Array.from(e.children).find(r=>r.getAttribute("slot")==="icon"),i=o?.querySelector("ui-icon"),s=Array.from(e.children).filter(r=>r.tagName==="LEFTMENU-ITEM"&&r.getAttribute("slot")==="children"),h=Array.from(e.childNodes).filter(r=>r.nodeType===Node.TEXT_NODE).map(r=>r.textContent??"").join(" ").replace(/\s+/g," ").trim();return{id:n,label:(e.label||h||n).trim(),disabled:e.disabled,active:e.active,iconName:i?.getAttribute("name")??null,iconHtml:o?o.innerHTML:null,onClick:e.onClick?()=>e.onClick?.(e):void 0,children:s.map((r,m)=>this._mapItemElement(r,`${n}-${m}`))}}_setSearch(e){if(this._search=e,!e){this._searchExpandedIds=new Set;return}const t=new Set,n=o=>{let i=!1;return o.forEach(s=>{const h=s.label.toLocaleLowerCase().includes(e.toLocaleLowerCase()),r=n(s.children);r&&t.add(s.id),h&&s.children.length&&t.add(s.id),i=i||h||r}),i};n(this._nodes),this._searchExpandedIds=t}_filterNodes(e,t){if(!t)return e;const n=t.toLocaleLowerCase(),o=i=>{const s=i.children.map(o).filter(Boolean);return!i.label.toLocaleLowerCase().includes(n)&&s.length===0?null:{...i,children:s}};return e.map(o).filter(Boolean)}_toTreeItems(e){return e.map(t=>({id:t.id,label:t.label,disabled:t.disabled,active:t.active,iconName:t.iconName??void 0,iconHtml:t.iconHtml,onClick:t.onClick?()=>{t.onClick?.(t)}:void 0,data:t,children:this._toTreeItems(t.children)}))}_effectiveExpandedIds(){const e=new Set(this._expandedIds);return this._search&&this._searchExpandedIds.forEach(t=>e.add(t)),Array.from(e)}render(){const e=this._filterNodes(this._nodes,this._search),t=this._toTreeItems(e),n=this.pinned?this.open?this.openWidth:this.closedWidth:this.closedWidth;return a.html`
       <aside
         class="lm ${this.open?"lm--open":"lm--closed"} ${this.pinned?"lm--pinned":"lm--overlay"}"
         style=${`--lm-open-width:${this.openWidth}px; --lm-closed-width:${this.closedWidth}px; width:${n}px;`}

package/dist/{leftmenu-vMqGQhcS.js → leftmenu-DJE2N5kl.js}

@@ -1,8 +1,8 @@
-import { LitElement as u, html as p, unsafeCSS as b, css as v, nothing as y } from "lit";
+import { LitElement as u, html as p, unsafeCSS as v, css as b, nothing as y } from "lit";
 import { property as c, customElement as g, state as m } from "lit/decorators.js";
-import "./input-DcSyXsp9.js";
-import "./ui-icon-Bys4HYSQ.js";
-import "./tree-menu-BbX8GK_z.js";
+import "./input-CG6RsUJs.js";
+import "./ui-icon-CFvsDv0z.js";
+import "./tree-menu-B39KDvKV.js";
 var w = Object.defineProperty, x = Object.getOwnPropertyDescriptor, _ = (e, t, i, s) => {
   for (var o = s > 1 ? void 0 : s ? x(t, i) : t, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (o = (s ? r(t, i, o) : r(o)) || o);
@@ -34,7 +34,7 @@ _([
 h = _([
   g("leftmenu-item")
 ], h);
-const C = ':host{display:block;position:relative;height:100%;font-family:var(--font-family-base)}.lm{position:relative;height:100%;transition:width var(--transition-speed-base) var(--transition-timing)}.lm__panel{width:var(--lm-closed-width);min-width:var(--lm-closed-width);height:100%;background:var(--color-body-bg);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;overflow-x:hidden;box-sizing:border-box;transition:width var(--transition-speed-base) var(--transition-timing),min-width var(--transition-speed-base) var(--transition-timing),box-shadow var(--transition-speed-base) var(--transition-timing)}.lm--open .lm__panel{width:var(--lm-open-width);min-width:var(--lm-open-width)}.lm--overlay.lm--open .lm__panel{position:absolute;left:0;top:0;box-shadow:var(--shadow-md);z-index:var(--z-index-dropdown)}.lm__brand{padding:var(--spacing-3);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.lm--closed .lm__brand{width:64px;height:64px;padding:0}.lm__search{padding:var(--spacing-4) var(--spacing-3)}.lm__nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-3);scrollbar-width:thin}.lm__nav logosphere-tree-menu{width:100%}.lm__custom{border-top:1px solid var(--color-border);margin-top:var(--spacing-4);padding:var(--spacing-2)}.lm--closed .lm__custom{padding:var(--spacing-2) 0}.lm__custom--hidden{display:none}.lm--closed .lm__nav{padding-left:0;padding-right:0;scrollbar-gutter:auto;scrollbar-color:var(--color-border) transparent}.lm--closed .lm__nav::-webkit-scrollbar{width:4px;height:4px}.lm--closed .lm__nav::-webkit-scrollbar-track{background:transparent}.lm--closed .lm__nav::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:999px}.lm--closed .lm__nav:hover::-webkit-scrollbar-thumb{background-color:var(--color-tertiary)}.lm__footer{margin-top:auto;border-top:1px solid var(--color-border);padding:var(--spacing-2);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.lm--closed .lm__footer{flex-direction:column;justify-content:center}.lm__ctrl{width:32px;height:32px;border:1px solid var(--color-border);background:var(--color-body-bg);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-body-text)}.lm__ctrl:hover{background:var(--color-tertiary-bg)}.lm__pin-icon--inactive{color:var(--color-tertiary)}.lm__pin-icon--active{color:var(--color-body-text)}.lm__toggle-icon{transform:rotate(180deg);transition:transform var(--transition-speed-base) var(--transition-timing)}.lm__toggle-icon--open{transform:rotate(0)}::slotted(leftmenu-item){display:none!important}::slotted([slot="logo-open"]),::slotted([slot="logo-closed"]){display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}::slotted([slot="custom-open"]),::slotted([slot="custom-closed"]){display:block;width:100%}';
+const C = ':host{display:block;position:relative;height:100%;font-family:var(--font-family-base)}.lm{position:relative;height:100%;transition:width var(--transition-speed-base) var(--transition-timing)}.lm__panel{width:var(--lm-closed-width);min-width:var(--lm-closed-width);height:100%;background:var(--color-body-bg);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;overflow-x:hidden;box-sizing:border-box;transition:width var(--transition-speed-base) var(--transition-timing),min-width var(--transition-speed-base) var(--transition-timing),box-shadow var(--transition-speed-base) var(--transition-timing)}.lm--open .lm__panel{width:var(--lm-open-width);min-width:var(--lm-open-width)}.lm--overlay.lm--open .lm__panel{position:absolute;left:0;top:0;box-shadow:var(--shadow-md);z-index:var(--z-index-dropdown)}.lm__brand{padding:var(--spacing-3);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;box-sizing:border-box}.lm--closed .lm__brand{width:64px;height:64px;padding:0}.lm__search{padding:var(--spacing-4) var(--spacing-3)}.lm__nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-3);scrollbar-width:thin}.lm__nav logosphere-tree-menu{width:100%}.lm__custom{border-top:1px solid var(--color-border);margin-top:var(--spacing-4);padding:var(--spacing-2)}.lm--closed .lm__custom{padding:var(--spacing-2) 0}.lm__custom--hidden{display:none}.lm--closed .lm__nav{padding-left:0;padding-right:0;scrollbar-gutter:auto;scrollbar-color:var(--color-border) transparent}.lm--closed .lm__nav::-webkit-scrollbar{width:4px;height:4px}.lm--closed .lm__nav::-webkit-scrollbar-track{background:transparent}.lm--closed .lm__nav::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:999px}.lm--closed .lm__nav:hover::-webkit-scrollbar-thumb{background-color:var(--color-tertiary)}.lm__footer{margin-top:auto;border-top:1px solid var(--color-border);padding:var(--spacing-2);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.lm--closed .lm__footer{flex-direction:column;justify-content:center}.lm__ctrl{width:32px;height:32px;border:1px solid var(--color-border);background:var(--color-body-bg);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-body-color)}.lm__ctrl:hover{background:var(--color-tertiary)}.lm__pin-icon--inactive{color:var(--color-tertiary)}.lm__pin-icon--active{color:var(--color-body-color)}.lm__toggle-icon{transform:rotate(180deg);transition:transform var(--transition-speed-base) var(--transition-timing)}.lm__toggle-icon--open{transform:rotate(0)}::slotted(leftmenu-item){display:none!important}::slotted([slot="logo-open"]),::slotted([slot="logo-closed"]){display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%}::slotted([slot="custom-open"]),::slotted([slot="custom-closed"]){display:block;width:100%}';
 var I = Object.defineProperty, S = Object.getOwnPropertyDescriptor, d = (e, t, i, s) => {
   for (var o = s > 1 ? void 0 : s ? S(t, i) : t, n = e.length - 1, r; n >= 0; n--)
     (r = e[n]) && (o = (s ? r(t, i, o) : r(o)) || o);
@@ -245,8 +245,8 @@ let l = class extends u {
   }
 };
 l.styles = [
-  v`
-      ${b(C)}
+  b`
+      ${v(C)}
     `
 ];
 d([

package/dist/molecules/Textarea/text-area.d.ts

@@ -15,6 +15,7 @@ export declare class TextArea extends LitElement {
     minlength?: number;
     maxlength?: number;
     rows: number;
+    maxRows: number;
     cols?: number;
     wrap: "soft" | "hard";
     resize: TextareaResize;
@@ -28,6 +29,7 @@ export declare class TextArea extends LitElement {
     disabled: boolean;
     readonly: boolean;
     private _internalError;
+    private _charCount;
     get textareaElement(): HTMLTextAreaElement;
     focus(): void;
     blur(): void;
@@ -42,7 +44,9 @@ export declare class TextArea extends LitElement {
     private handleKeyDown;
     private handleKeyUp;
     private handleClear;
-    updated(changedProperties: PropertyValues): void;
     private getResizeClass;
+    firstUpdated(): void;
+    updated(changedProperties: PropertyValues): void;
+    private getWrapClass;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/molecules/TimePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { TimePicker } from "./timepicker.js";
+export type { TimePickerSize, TimePickerVariant } from "./timepicker.js";

package/dist/molecules/TimePicker/timepicker.d.ts

@@ -0,0 +1,62 @@
+import { LitElement } from "lit";
+import "../Input/input.js";
+import "../../shared/icons/ui-icon.js";
+export type TimePickerSize = "default" | "large";
+export type TimePickerVariant = "default" | "subtle";
+export declare class TimePicker extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /** Current value in "HH:MM" format */
+    value: string;
+    label: string;
+    helper: string;
+    error: string;
+    placeholder: string;
+    required: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    size: TimePickerSize;
+    variant: TimePickerVariant;
+    /** Callback fired when the value changes */
+    onChange?: (value: string) => void;
+    private _isOpen;
+    /** Working copies — modified in popup, committed to `value` on confirm */
+    private _hour;
+    private _minute;
+    private _referenceEl?;
+    private _popupEl?;
+    private _popperInstance?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    willUpdate(changed: Map<string, unknown>): void;
+    updated(changed: Map<string, unknown>): void;
+    private _parseValue;
+    private _pad;
+    private _updatePopper;
+    private _destroyPopper;
+    private _showPopover;
+    private _hidePopover;
+    private _handleOutsideClick;
+    private _togglePopup;
+    private _clearValue;
+    private _setNow;
+    private _emit;
+    /** Handles typing inside the masked logosphere-input */
+    private _handleInputChange;
+    /** Handles the clear button click from the internal logosphere-input */
+    private _handleInputClear;
+    private _incrementHour;
+    private _decrementHour;
+    private _incrementMinute;
+    private _decrementMinute;
+    private _syncValue;
+    private _spinInterval?;
+    private _startSpin;
+    private _stopSpin;
+    private _renderPopup;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "logosphere-timepicker": TimePicker;
+    }
+}

package/dist/organisms/Chatbot/chatbot.d.ts

@@ -31,6 +31,8 @@ export declare class LogosphereChatBot extends LitElement {
     private position;
     private isDragging;
     private screenWidth;
+    private userAtBottom;
+    private showScrollDown;
     private dragStartPos;
     private initialPosition;
     private isResizing;
@@ -62,7 +64,12 @@ export declare class LogosphereChatBot extends LitElement {
     private addMessage;
     private handleKeyDown;
     private onInput;
+    private isNearBottom;
+    private onChatScroll;
     private scrollToBottom;
+    private onScrollToBottomClick;
+    private rateMessage;
+    private onRate;
     private onCopyMessage;
     private formatContent;
     render(): import("lit-html").TemplateResult<1>;

package/dist/organisms/Toast/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./toast";
+export * from "./toast-container";

package/dist/organisms/Toast/toast-container.d.ts

@@ -0,0 +1,42 @@
+import { LitElement } from "lit";
+import "./toast";
+import type { ToastActionConfig, ToastType } from "./toast";
+export type ToastOptions = {
+    id?: string;
+    type?: ToastType;
+    title?: string;
+    text: string;
+    icon?: string;
+    closeable?: boolean;
+    autoDismiss?: boolean;
+    duration?: number;
+    action?: ToastActionConfig;
+};
+export declare class LogosphereToastContainer extends LitElement {
+    static styles: import("lit").CSSResult[];
+    private visibleToasts;
+    private queuedToasts;
+    show(options: ToastOptions): string;
+    close(id: string): void;
+    clear(): void;
+    private dequeue;
+    private toToast;
+    private createId;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export declare class ToastService {
+    private static container?;
+    static show(options: ToastOptions): string;
+    static success(options: Omit<ToastOptions, "type">): string;
+    static danger(options: Omit<ToastOptions, "type">): string;
+    static warning(options: Omit<ToastOptions, "type">): string;
+    static info(options: Omit<ToastOptions, "type">): string;
+    static close(id: string): void;
+    static clear(): void;
+    private static getContainer;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "logosphere-toast-container": LogosphereToastContainer;
+    }
+}

package/dist/organisms/Toast/toast.d.ts

@@ -0,0 +1,48 @@
+import { LitElement } from "lit";
+import "../../shared/icons/ui-icon";
+import "../../atoms/Button/button";
+export type ToastType = "success" | "danger" | "warning" | "info";
+export type ToastActionConfig = {
+    okayLabel?: string;
+    cancelLabel?: string;
+    onOkay?: () => void;
+    onCancel?: () => void;
+    closeOnAction?: boolean;
+};
+export declare class LogosphereToast extends LitElement {
+    static styles: import("lit").CSSResult[];
+    type: ToastType;
+    title: string;
+    text: string;
+    icon: string;
+    closeable: boolean;
+    duration: number;
+    autoDismiss: boolean;
+    action?: ToastActionConfig;
+    private isClosing;
+    private remainingMs;
+    private startedAt;
+    private timerId?;
+    private closeTimerId?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    close(reason?: "manual" | "auto"): void;
+    private get canAutoDismiss();
+    private get resolvedTitle();
+    private get resolvedText();
+    private get resolvedIcon();
+    private get hasActions();
+    private onActionClick;
+    private clearTimer;
+    private startTimer;
+    private pauseTimer;
+    private resumeTimer;
+    private restartTimer;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "logosphere-toast": LogosphereToast;
+    }
+}

package/dist/styles/main.css

@@ -48,8 +48,8 @@
   /* ==================== SPACING ==================== */
 
   --spacing-0: 0;
+  --spacing-0-5: 0.125rem; /* 2px */
   --spacing-1: 0.25rem; /* 4px */
-  --spacing-1-5: 0.375rem; /* 6px */
   --spacing-2: 0.5rem; /* 8px */
   --spacing-3: 0.75rem; /* 12px */
   --spacing-4: 1rem; /* 16px */
@@ -76,11 +76,12 @@
   /* ==================== SHADOWS ==================== */
 
   --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
-  --shadow-base: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
-  --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
-  --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
-  --shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
+  --shadow-md: 0px 4px 8px -2px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.06);
+  --shadow-lg: 0px 12px 16px -4px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
+  --shadow-xl: 0px 20px 24px -4px rgba(0, 0, 0, 0.1), 0px 8px 8px -4px rgba(0, 0, 0, 0.04);
+  --shadow-2xl: 0px 24px 48px -12px rgba(0, 0, 0, 0.25);
+  --shadow-3xl: 0px 32px 64px -12px rgba(0, 0, 0, 0.2);
   --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
 
   /* ==================== Z-INDEX SCALE ==================== */
@@ -104,96 +105,101 @@
 
   /* Body & Layout */
   --color-body-bg: #ffffff;
-  --color-body-bg-rgb: 255, 255, 255;
-  --color-body-text: #2b2b2b;
-  --color-body-text-rgb: 43, 43, 43;
+  --color-body-color: #2b2b2b;
+  --color-body-bg-hover: #f8f8f8;
+  --color-body-bg-active: #e0e0e0;
+
 
-  /* Hovers */
-  --color-outline-hover: #7878780d;
 
-  /* Tertiary Colors */
-  --color-tertiary: #8e8e8e;
-  --color-tertiary-rgb: 142, 142, 142;
-  --color-tertiary-bg: #f8f8f8;
-  --color-tertiary-bg-rgb: 248, 248, 248;
 
   /* Emphasis */
   --color-emphasis: #000000;
-  --color-emphasis-rgb: 0, 0, 0;
+  --color-emphasis-color: #ffffff;
 
   /* Borders */
   --color-border: #e0e0e0;
-  --color-border-success: #19875424;
-  --color-border-warning: #f7c15924;
-  --color-border-danger: #da5b5b24;
-  --color-border-info: #377dff24;
-  --color-border-rgb: 229, 231, 235;
-  --color-primary-border-subtle: #f0b8bd;
-
-  /* Primary Brand Color */
-  --color-primary: #da5b5b;
-  --color-primary-rgb: 218, 88, 91;
-  --color-primary-hover: #b94d4d;
-  --color-primary-active: #aa4547;
-  --color-primary-bg-subtle: #f0b8bd;
-  --color-primary-text-emphasis: #da5b5b;
+  --color-border-subtle: #f8f9fa;
+  --color-border-emphasis: #2b2b2b;
+
+  /* Tertiary Colors */
+  --color-tertiary: #8e8e8e;
+  --color-tertiary-border: #8e8e8e;
+  --color-tertiary-border-subtle: #e0e0e0;
+
+  /* Primary Brand Color — Logo Kırmızısı */
+  --color-primary: #c8102e;
+  --color-primary-hover: #aa0e27;
+  --color-primary-active: #8c0b20;
+  --color-primary-disabled: #efb7c0;
+  --color-primary-emphasis: #8c0b20;
+  --color-primary-border: #c8102e;
+  --color-primary-border-subtle: #efb7c0;
+  --color-primary-bg: #c8102e;
+  --color-primary-bg-subtle: #f7dbe0;
 
   /* Secondary Colors */
   --color-secondary: #565656;
-  --color-secondary-rgb: 187, 187, 187;
-  --color-secondary-bg-rgb: 75, 75, 75;
-  --color-secondary-hover: #2b2b2b;
-  --color-secondary-active: #fffff;
+  --color-secondary-color: #ffffff;
+  --color-secondary-hover: #333333;
+  --color-secondary-active: #2b2b2b;
+  --color-secondary-disabled: #c6c6c6;
+  --color-secondary-emphasis: #2b2b2b;
+  --color-secondary-border: #565656;
+  --color-secondary-border-subtle: #b0b0b0;
 
   /* Success Colors */
   --color-success: #198754;
-  --color-success-rgb: #ebf7ed;
-  --color-success-hover: #125f3b24;
-  --color-success-active: #126038;
-  --color-success-bg-subtle: #ebf7ed;
-  --color-success-text-emphasis: #0e4a2e;
-  --color-success-outline-text-emphasis: #157347;
-
-  /* Purple Colors */
-  --color-purple: #3D246A;
-  --color-purple-rgb: #EDE8F4;
-  /* Danger Colors */
-  --color-danger: #b94d4d;
-  --color-danger-rgb: #b94d4d15;
-  --color-danger-hover: #99404024;
-  --color-danger-active: #8f343b;
-  --color-danger-bg-subtle: #f0b8bd;
-  --color-danger-text-emphasis: #662a2a;
-  --color-danger-outline-text-emphasis: #783232;
+  --color-success-subtle: #d1e7dd;
+  --color-success-hover: #1d754c;
+  --color-success-active: #206244;
+  --color-success-emphasis: #24503b;
+  --color-success-disabled: #a3cfbb;
+  --color-success-border: #198754;
+  --color-success-border-subtle: #a3cfbb;
 
-  /* Info Colors */
-  --color-info: #377dff24;
-  --color-info-rgb: #ebf2ff;
-  --color-info-hover: #2f64cc24;
-  --color-info-active: #2661cc;
-  --color-info-bg-subtle: #acf8ff;
-  --color-info-text-emphasis: #1e458c;
-  --color-info-outline-text-emphasis: #1e458c;
+  /* Danger Colors */
+  --color-danger: #dd4236;
+  --color-danger-subtle: #fae3e1;
+  --color-danger-hover: #c23f34;
+  --color-danger-active: #a83b33;
+  --color-danger-emphasis: #a83b33;
+  --color-danger-disabled: #f1b3af;
+  --color-danger-border: #dd4236;
 
   /* Warning Colors */
-  --color-warning: #f7c15924;
-  --color-warning-rgb: #ffedcc;
-  --color-warning-hover: #ad873e24;
-  --color-warning-active: #f3b128;
-  --color-warning-bg-subtle: #ffedcc;
-  --color-warning-text-emphasis: #886a31;
-
-  /* Gray Scale */
-  --color-gray-50: #f9fafb;
-  --color-gray-100: #f3f4f6;
-  --color-gray-200: #e5e7eb;
-  --color-gray-300: #d1d5db;
-  --color-gray-400: #9ca3af;
-  --color-gray-500: #6b7280;
-  --color-gray-600: #4b5563;
-  --color-gray-700: #374151;
-  --color-gray-800: #1f2937;
-  --color-gray-900: #111827;
+  --color-warning: #f7c159;
+  --color-warning-subtle: #fdefd5;
+  --color-warning-hover: #e3b254;
+  --color-warning-active: #e3b254;
+  --color-warning-emphasis: #9b7e44;
+  --color-warning-disabled: #fbe0ac;
+  --color-warning-border: #f7c159;
+  --color-warning-border-subtle: #fdefd5;
+
+  /* Info Colors */
+  --color-info: #377dff;
+  --color-info-subtle: #d7e5ff;
+  --color-info-hover: #3571df;
+  --color-info-active: #3364bf;
+  --color-info-emphasis: #3364bf;
+  --color-info-disabled: #afcbff;
+  --color-info-border: #377dff;
+  --color-info-border-subtle: #afcbff;
+
+  /* Commercial / Purple */
+  --color-commercial-subtle: #e2d9f3;
+  --color-commercial-emphasis: #543985;
+
+  /* Light */
+  --color-light: #f8f8f8;
+  --color-light-bg: #f8f8f8;
+  --color-light-bg-2: #f8f9fa;
+  --color-light-border-subtle: #f8f8f8;
+  --color-light-text-emphasis: #333333;
+
+  /* Dark */
+  --color-dark: #000000;
+  --color-dark-bg-subtle: #e0e0e0;
 }
 
 /* ==================== DARK THEME ==================== */
@@ -202,8 +208,8 @@
 /*    !* Body & Layout *!*/
 /*    --color-body-bg: #2b2b2b;*/
 /*    --color-body-bg-rgb: 43, 43, 43;*/
-/*    --color-body-text: #f8f8f8;*/
-/*    --color-body-text-rgb: 248, 248, 248;*/
+/*    --color-body-color: #f8f8f8;*/
+/*    --color-body-color-rgb: 248, 248, 248;*/
 
 /*    !* Secondary Colors *!*/
 /*    --color-secondary: #bbbbbb;*/
@@ -214,8 +220,8 @@
 /*    --color-secondary-outline-hover: #7878780D;*/
 
 /*    !* Tertiary Colors *!*/
-/*    --color-tertiary-bg: #3a3a3a;*/
-/*    --color-tertiary-bg-rgb: 58, 58, 58;*/
+/*    --color-tertiary: #3a3a3a;*/
+/*    --color-tertiary-rgb: 58, 58, 58;*/
 
 /*    !* Emphasis *!*/
 /*    --color-emphasis: #ffffff;*/