@ismail-elkorchi/ui-shell 0.1.0 → 0.1.1

package/dist/src/structures/uik-shell-sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uik-shell-sidebar.d.ts","sourceRoot":"","sources":["../../../src/structures/uik-shell-sidebar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAgB,MAAM,KAAK,CAAC;AAI9C,OAAO,8CAA8C,CAAC;AAItD,qBACa,eAAgB,SAAQ,UAAU;IACnB,QAAQ,CAAC,OAAO,SAAM;IACtB,QAAQ,CAAC,QAAQ,SAAM;IACtB,QAAQ,CAAC,YAAY,UAAQ;IAC7B,QAAQ,CAAC,gBAAgB,UAAQ;IACnD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;IAC5C,OAAO,CAAC,cAAc,CAAC,CAAyB;IAEvC,iBAAiB;IAsBjB,oBAAoB;IAKpB,YAAY;IAIZ,gBAAgB;IAIhB,MAAM;CAiGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}

package/dist/src/structures/uik-shell-sidebar.js

@@ -0,0 +1,176 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import '@ismail-elkorchi/ui-primitives/uik-separator';
+import { ensureLightDomRoot, LightDomSlotController } from '../internal/light-dom-slot-controller';
+let UikShellSidebar = class UikShellSidebar extends LitElement {
+    #heading_accessor_storage = '';
+    get heading() { return this.#heading_accessor_storage; }
+    set heading(value) { this.#heading_accessor_storage = value; }
+    #subtitle_accessor_storage = '';
+    get subtitle() { return this.#subtitle_accessor_storage; }
+    set subtitle(value) { this.#subtitle_accessor_storage = value; }
+    #isBodyPadded_accessor_storage = true;
+    get isBodyPadded() { return this.#isBodyPadded_accessor_storage; }
+    set isBodyPadded(value) { this.#isBodyPadded_accessor_storage = value; }
+    #isBodyScrollable_accessor_storage = true;
+    get isBodyScrollable() { return this.#isBodyScrollable_accessor_storage; }
+    set isBodyScrollable(value) { this.#isBodyScrollable_accessor_storage = value; }
+    #hasFooter_accessor_storage = false;
+    get hasFooter() { return this.#hasFooter_accessor_storage; }
+    set hasFooter(value) { this.#hasFooter_accessor_storage = value; }
+    slotController;
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this.style.display)
+            this.style.display = 'block';
+        if (!this.style.boxSizing)
+            this.style.boxSizing = 'border-box';
+        if (!this.style.height)
+            this.style.height = '100%';
+        this.slotController ??= new LightDomSlotController(this, '[data-shell-root]', [
+            { name: 'actions', containerSelector: '[data-shell-slot="actions"]' },
+            { name: null, containerSelector: '[data-shell-slot="default"]' },
+            { name: 'footer', containerSelector: '[data-shell-slot="footer"]' },
+        ], root => {
+            const footerContainer = root.querySelector('[data-shell-slot="footer"]');
+            const nextHasFooter = !!footerContainer?.querySelector('[slot="footer"]');
+            if (nextHasFooter !== this.hasFooter)
+                this.hasFooter = nextHasFooter;
+        });
+        this.slotController.connect();
+    }
+    disconnectedCallback() {
+        this.slotController?.disconnect();
+        super.disconnectedCallback();
+    }
+    firstUpdated() {
+        this.slotController?.sync();
+    }
+    createRenderRoot() {
+        return ensureLightDomRoot(this);
+    }
+    render() {
+        const sidebarStyles = {
+            width: 'var(--uik-component-shell-sidebar-width)',
+            backgroundColor: 'oklch(var(--uik-component-shell-sidebar-bg))',
+            color: 'oklch(var(--uik-component-shell-sidebar-fg))',
+            borderRight: 'var(--uik-border-width-1) solid oklch(var(--uik-component-shell-divider-color))',
+            display: 'flex',
+            flexDirection: 'column',
+            flexShrink: '0',
+            height: '100%',
+            boxSizing: 'border-box',
+        };
+        const headerStyles = {
+            height: 'var(--uik-size-control-md)',
+            paddingInline: 'var(--uik-space-4)',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            flexShrink: '0',
+            userSelect: 'none',
+        };
+        const headingStyles = {
+            fontSize: 'var(--uik-typography-font-size-1)',
+            fontWeight: 'var(--uik-typography-font-weight-bold)',
+            letterSpacing: 'var(--uik-typography-letter-spacing-wide)',
+            lineHeight: 'var(--uik-typography-line-height-2)',
+            color: 'oklch(var(--uik-text-muted))',
+            textTransform: 'uppercase',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+        };
+        const subtitleStyles = {
+            fontSize: 'var(--uik-typography-font-size-1)',
+            lineHeight: 'var(--uik-typography-line-height-2)',
+            color: 'oklch(var(--uik-text-muted))',
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap',
+        };
+        const actionsStyles = {
+            display: 'flex',
+            alignItems: 'center',
+            gap: 'var(--uik-space-1)',
+        };
+        const bodyContainerStyles = {
+            display: 'flex',
+            flexDirection: 'column',
+            flex: '1 1 auto',
+            minHeight: 'var(--uik-space-0)',
+            overflow: 'hidden',
+        };
+        const bodyStyles = {
+            padding: this.isBodyPadded ? 'var(--uik-space-3)' : 'var(--uik-space-0)',
+            gap: 'var(--uik-space-3)',
+            display: 'flex',
+            flexDirection: 'column',
+            flex: '1 1 auto',
+            minHeight: 'var(--uik-space-0)',
+            boxSizing: 'border-box',
+            overflowY: this.isBodyScrollable ? 'auto' : 'visible',
+            scrollbarColor: this.isBodyScrollable
+                ? 'oklch(var(--uik-component-shell-scrollbar-thumb)) oklch(var(--uik-component-shell-scrollbar-track))'
+                : '',
+            scrollbarWidth: this.isBodyScrollable ? 'thin' : '',
+        };
+        const footerStyles = {
+            padding: 'var(--uik-space-3)',
+            backgroundColor: 'oklch(var(--uik-surface-card))',
+        };
+        return html `
+      <aside part="sidebar" data-region="primary-sidebar" style=${styleMap(sidebarStyles)}>
+        <div part="header" style=${styleMap(headerStyles)}>
+          <div part="header-content" style=${styleMap({ minWidth: 'var(--uik-space-0)' })}>
+            ${this.heading ? html `<div part="heading" style=${styleMap(headingStyles)}>${this.heading}</div>` : nothing}
+            ${this.subtitle ? html `<div part="subtitle" style=${styleMap(subtitleStyles)}>${this.subtitle}</div>` : nothing}
+          </div>
+          <div part="actions" style=${styleMap(actionsStyles)} data-shell-slot="actions">
+          </div>
+        </div>
+        <uik-separator
+          orientation="horizontal"
+          style="--uik-separator-color: var(--uik-component-shell-divider-color);"></uik-separator>
+        <div part="body-container" style=${styleMap(bodyContainerStyles)}>
+          <div part="body" style=${styleMap(bodyStyles)} data-shell-slot="default">
+          </div>
+          <div ?hidden=${!this.hasFooter}>
+            <uik-separator
+              orientation="horizontal"
+              style="--uik-separator-color: var(--uik-component-shell-divider-color);"></uik-separator>
+            <div part="footer" style=${styleMap(footerStyles)} data-shell-slot="footer">
+            </div>
+          </div>
+        </div>
+      </aside>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], UikShellSidebar.prototype, "heading", null);
+__decorate([
+    property({ type: String })
+], UikShellSidebar.prototype, "subtitle", null);
+__decorate([
+    property({ type: Boolean })
+], UikShellSidebar.prototype, "isBodyPadded", null);
+__decorate([
+    property({ type: Boolean })
+], UikShellSidebar.prototype, "isBodyScrollable", null);
+__decorate([
+    state()
+], UikShellSidebar.prototype, "hasFooter", null);
+UikShellSidebar = __decorate([
+    customElement('uik-shell-sidebar')
+], UikShellSidebar);
+export { UikShellSidebar };
+//# sourceMappingURL=uik-shell-sidebar.js.map

package/dist/src/structures/uik-shell-sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uik-shell-sidebar.js","sourceRoot":"","sources":["../../../src/structures/uik-shell-sidebar.ts"],"names":[],"mappings":"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"}

package/dist/src/structures/uik-shell-status-bar.d.ts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+import '@ismail-elkorchi/ui-primitives/uik-badge';
+type StatusBarTone = 'info' | 'success' | 'danger' | 'muted';
+export declare class UikShellStatusBar extends LitElement {
+    accessor message: string;
+    accessor tone: StatusBarTone;
+    accessor meta: string;
+    private accessor hasMetaSlot;
+    private slotController?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    createRenderRoot(): HTMLElement;
+    private getToneColor;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'uik-shell-status-bar': UikShellStatusBar;
+    }
+}
+export {};
+//# sourceMappingURL=uik-shell-status-bar.d.ts.map

package/dist/src/structures/uik-shell-status-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uik-shell-status-bar.d.ts","sourceRoot":"","sources":["../../../src/structures/uik-shell-status-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAgB,MAAM,KAAK,CAAC;AAI9C,OAAO,0CAA0C,CAAC;AAIlD,KAAK,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE7D,qBACa,iBAAkB,SAAQ,UAAU;IACrB,QAAQ,CAAC,OAAO,SAAW;IAC3B,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAU;IACtC,QAAQ,CAAC,IAAI,SAAM;IACpC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAS;IAC9C,OAAO,CAAC,cAAc,CAAC,CAAyB;IAEvC,iBAAiB;IAyBjB,oBAAoB;IAKpB,YAAY;IAIZ,gBAAgB;IAIzB,OAAO,CAAC,YAAY;IAqBX,MAAM;CAiDhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,iBAAiB,CAAC;KAC3C;CACF"}

package/dist/src/structures/uik-shell-status-bar.js

@@ -0,0 +1,144 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import '@ismail-elkorchi/ui-primitives/uik-badge';
+import { ensureLightDomRoot, LightDomSlotController } from '../internal/light-dom-slot-controller';
+let UikShellStatusBar = class UikShellStatusBar extends LitElement {
+    #message_accessor_storage = 'Ready';
+    get message() { return this.#message_accessor_storage; }
+    set message(value) { this.#message_accessor_storage = value; }
+    #tone_accessor_storage = 'info';
+    get tone() { return this.#tone_accessor_storage; }
+    set tone(value) { this.#tone_accessor_storage = value; }
+    #meta_accessor_storage = '';
+    get meta() { return this.#meta_accessor_storage; }
+    set meta(value) { this.#meta_accessor_storage = value; }
+    #hasMetaSlot_accessor_storage = false;
+    get hasMetaSlot() { return this.#hasMetaSlot_accessor_storage; }
+    set hasMetaSlot(value) { this.#hasMetaSlot_accessor_storage = value; }
+    slotController;
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this.style.display)
+            this.style.display = 'block';
+        if (!this.style.boxSizing)
+            this.style.boxSizing = 'border-box';
+        if (!this.style.width)
+            this.style.width = '100%';
+        this.slotController ??= new LightDomSlotController(this, '[data-shell-root]', [
+            { name: 'actions', containerSelector: '[data-shell-slot="actions"]' },
+            { name: 'meta', containerSelector: '[data-shell-slot="meta"]' },
+        ], root => {
+            const metaContainer = root.querySelector('[data-shell-slot="meta"]');
+            const hasMeta = !!metaContainer?.querySelector('[slot="meta"]');
+            if (hasMeta !== this.hasMetaSlot)
+                this.hasMetaSlot = hasMeta;
+            if (hasMeta) {
+                const fallback = root.querySelector('[data-shell-fallback="meta"]');
+                fallback?.remove();
+            }
+        });
+        this.slotController.connect();
+    }
+    disconnectedCallback() {
+        this.slotController?.disconnect();
+        super.disconnectedCallback();
+    }
+    firstUpdated() {
+        this.slotController?.sync();
+    }
+    createRenderRoot() {
+        return ensureLightDomRoot(this);
+    }
+    getToneColor() {
+        switch (this.tone) {
+            case 'info': {
+                return 'oklch(var(--uik-text-info))';
+            }
+            case 'success': {
+                return 'oklch(var(--uik-text-success))';
+            }
+            case 'danger': {
+                return 'oklch(var(--uik-text-danger))';
+            }
+            case 'muted': {
+                return 'oklch(var(--uik-text-muted))';
+            }
+            default: {
+                const _exhaustive = this.tone;
+                return _exhaustive;
+            }
+        }
+    }
+    render() {
+        const showMetaFallback = !this.hasMetaSlot && this.meta !== '';
+        const metaContent = showMetaFallback ? html `<uik-badge variant="outline">${this.meta}</uik-badge>` : nothing;
+        const statusBarStyles = {
+            height: 'var(--uik-component-shell-status-bar-height)',
+            backgroundColor: 'oklch(var(--uik-component-shell-status-bar-bg))',
+            color: 'oklch(var(--uik-component-shell-status-bar-fg))',
+            paddingInline: 'var(--uik-space-3)',
+            borderTop: 'var(--uik-border-width-1) solid oklch(var(--uik-component-shell-divider-color))',
+            fontSize: 'var(--uik-typography-font-size-1)',
+            lineHeight: 'var(--uik-typography-line-height-2)',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            flexShrink: '0',
+            userSelect: 'none',
+            boxSizing: 'border-box',
+        };
+        const groupStyles = {
+            display: 'flex',
+            alignItems: 'center',
+            gap: 'var(--uik-space-3)',
+        };
+        const messageStyles = {
+            color: this.getToneColor(),
+            fontWeight: 'var(--uik-typography-font-weight-medium)',
+            display: 'flex',
+            alignItems: 'center',
+            gap: 'var(--uik-space-2)',
+        };
+        const metaStyles = {
+            display: 'flex',
+            alignItems: 'center',
+            gap: 'var(--uik-space-2)',
+            color: 'oklch(var(--uik-text-muted))',
+        };
+        return html `
+      <footer part="status-bar" data-region="status-bar" style=${styleMap(statusBarStyles)}>
+        <div part="status-main" style=${styleMap(groupStyles)}>
+          <span part="message" style=${styleMap(messageStyles)}>${this.message}</span>
+          <span part="actions" data-shell-slot="actions"></span>
+        </div>
+        <div part="meta" style=${styleMap(metaStyles)} data-shell-slot="meta">
+          ${showMetaFallback ? html `<span data-shell-fallback="meta">${metaContent}</span>` : nothing}
+        </div>
+      </footer>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], UikShellStatusBar.prototype, "message", null);
+__decorate([
+    property({ type: String })
+], UikShellStatusBar.prototype, "tone", null);
+__decorate([
+    property({ type: String })
+], UikShellStatusBar.prototype, "meta", null);
+__decorate([
+    state()
+], UikShellStatusBar.prototype, "hasMetaSlot", null);
+UikShellStatusBar = __decorate([
+    customElement('uik-shell-status-bar')
+], UikShellStatusBar);
+export { UikShellStatusBar };
+//# sourceMappingURL=uik-shell-status-bar.js.map

package/dist/src/structures/uik-shell-status-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uik-shell-status-bar.js","sourceRoot":"","sources":["../../../src/structures/uik-shell-status-bar.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,15 +1,16 @@
 {
   "name": "@ismail-elkorchi/ui-shell",
-  "version": "0.1.0",
-  "description": "Light DOM shell components for Tailwind-friendly layouts built with Lit.",
+  "version": "0.1.1",
+  "description": "Token-driven Light DOM shell components for application layouts built with Lit.",
   "author": "Ismail El Korchi",
   "license": "Apache-2.0",
   "type": "module",
-  "keywords": ["lit", "web-components", "layout", "shell", "tailwind", "ui"],
+  "keywords": ["lit", "web-components", "layout", "shell", "ui"],
   "engines": {"node": ">=20.11"},
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "customElements": "dist/custom-elements.json",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -27,36 +28,35 @@
       "default": "./dist/register.js"
     },
     "./layout": {
-      "types": "./dist/AppShellLayout.d.ts",
-      "import": "./dist/AppShellLayout.js",
-      "default": "./dist/AppShellLayout.js"
+      "types": "./dist/src/structures/uik-shell-layout.d.ts",
+      "import": "./dist/src/structures/uik-shell-layout.js",
+      "default": "./dist/src/structures/uik-shell-layout.js"
     },
     "./activity-bar": {
-      "types": "./dist/ActivityBar.d.ts",
-      "import": "./dist/ActivityBar.js",
-      "default": "./dist/ActivityBar.js"
+      "types": "./dist/src/structures/uik-shell-activity-bar.d.ts",
+      "import": "./dist/src/structures/uik-shell-activity-bar.js",
+      "default": "./dist/src/structures/uik-shell-activity-bar.js"
     },
     "./sidebar": {
-      "types": "./dist/Sidebar.d.ts",
-      "import": "./dist/Sidebar.js",
-      "default": "./dist/Sidebar.js"
+      "types": "./dist/src/structures/uik-shell-sidebar.d.ts",
+      "import": "./dist/src/structures/uik-shell-sidebar.js",
+      "default": "./dist/src/structures/uik-shell-sidebar.js"
     },
     "./secondary-sidebar": {
-      "types": "./dist/SecondarySidebar.d.ts",
-      "import": "./dist/SecondarySidebar.js",
-      "default": "./dist/SecondarySidebar.js"
+      "types": "./dist/src/structures/uik-shell-secondary-sidebar.d.ts",
+      "import": "./dist/src/structures/uik-shell-secondary-sidebar.js",
+      "default": "./dist/src/structures/uik-shell-secondary-sidebar.js"
     },
-    "./statusbar": {
-      "types": "./dist/Statusbar.d.ts",
-      "import": "./dist/Statusbar.js",
-      "default": "./dist/Statusbar.js"
+    "./status-bar": {
+      "types": "./dist/src/structures/uik-shell-status-bar.d.ts",
+      "import": "./dist/src/structures/uik-shell-status-bar.js",
+      "default": "./dist/src/structures/uik-shell-status-bar.js"
     },
     "./router": {
-      "types": "./dist/router.d.ts",
-      "import": "./dist/router.js",
-      "default": "./dist/router.js"
-    },
-    "./tailwind-source.css": "./dist/tailwind-source.css"
+      "types": "./dist/src/internal/router.d.ts",
+      "import": "./dist/src/internal/router.js",
+      "default": "./dist/src/internal/router.js"
+    }
   },
   "sideEffects": [
     "./dist/**/*.js",
@@ -67,10 +67,14 @@
     "README.md"
   ],
   "scripts": {
-    "build": "npm run clean && tsc -p tsconfig.build.json && node -e \"const fs = require('fs'); fs.mkdirSync('dist', {recursive: true}); fs.copyFileSync('tailwind-source.css', 'dist/tailwind-source.css');\"",
+    "build": "npm run clean && tsc -p tsconfig.build.json && npm run cem",
     "clean": "node -e \"const fs = require('fs'); fs.rmSync('dist', {recursive: true, force: true}); fs.rmSync('.tsbuildinfo', {force: true});\"",
+    "cem": "cem analyze --config ./custom-elements-manifest.config.cjs --litelement",
+    "lint": "eslint . --max-warnings=0 && npm run check:layering",
+    "test": "npm run build && vitest --run --project browser --dir . && vitest --run --project node --dir .",
     "typecheck": "tsc -p tsconfig.build.json --noEmit",
-    "prepack": "npm run build"
+    "prepack": "npm run build",
+    "check:layering": "node tools/check-layering.mjs"
   },
   "repository": {
     "type": "git",
@@ -82,7 +86,7 @@
   },
   "homepage": "https://github.com/Ismail-elkorchi/ui-kit",
   "dependencies": {
-    "@ismail-elkorchi/ui-primitives": "^0.1.0",
+    "@ismail-elkorchi/ui-primitives": "^0.1.1",
     "lit": "^3.1.0"
   },
   "publishConfig": {

package/dist/ActivityBar.d.ts

@@ -1,25 +0,0 @@
-import { LitElement, svg } from 'lit';
-import '@ismail-elkorchi/ui-primitives/button';
-export type ActivityBarIcon = string | ReturnType<typeof svg>;
-export interface ActivityBarItem {
-    id: string;
-    label: string;
-    icon?: ActivityBarIcon;
-    tooltip?: string;
-}
-export declare class AppShellActivityBar extends LitElement {
-    accessor items: ActivityBarItem[];
-    accessor activeId: string;
-    accessor footer: unknown;
-    createRenderRoot(): this;
-    private emitSelect;
-    private renderIcon;
-    private renderItem;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'uik-shell-activity-bar': AppShellActivityBar;
-    }
-}
-//# sourceMappingURL=ActivityBar.d.ts.map

package/dist/ActivityBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActivityBar.d.ts","sourceRoot":"","sources":["../ActivityBar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAiB,GAAG,EAAC,MAAM,KAAK,CAAC;AAGnD,OAAO,uCAAuC,CAAC;AAE/C,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC;AAE9D,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,qBACa,mBAAoB,SAAQ,UAAU;IACnB,QAAQ,CAAC,KAAK,EAAE,eAAe,EAAE,CAAM;IAC3C,QAAQ,CAAC,QAAQ,SAAM;IACnB,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAQ;IAErD,gBAAgB;IAIzB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,UAAU;IAuBT,MAAM;CAWhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,mBAAmB,CAAC;KAC/C;CACF"}

package/dist/ActivityBar.js

@@ -1,81 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { LitElement, html, nothing, svg } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import '@ismail-elkorchi/ui-primitives/button';
-let AppShellActivityBar = class AppShellActivityBar extends LitElement {
-    #items_accessor_storage = [];
-    get items() { return this.#items_accessor_storage; }
-    set items(value) { this.#items_accessor_storage = value; }
-    #activeId_accessor_storage = '';
-    get activeId() { return this.#activeId_accessor_storage; }
-    set activeId(value) { this.#activeId_accessor_storage = value; }
-    #footer_accessor_storage = null;
-    get footer() { return this.#footer_accessor_storage; }
-    set footer(value) { this.#footer_accessor_storage = value; }
-    createRenderRoot() {
-        return this;
-    }
-    emitSelect(id) {
-        this.dispatchEvent(new CustomEvent('activity-select', { detail: { id }, bubbles: true, composed: true }));
-    }
-    renderIcon(item) {
-        if (!item.icon)
-            return html `<span class="text-xs font-semibold">${item.label.charAt(0).toUpperCase()}</span>`;
-        if (typeof item.icon === 'string') {
-            return svg `<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="${item.icon}"></path>`;
-        }
-        return item.icon;
-    }
-    renderItem(item) {
-        const isActive = this.activeId === item.id;
-        return html `
-      <div class="relative w-12 h-12 flex items-center justify-center">
-        <div class="${isActive ? 'absolute left-0 w-[2px] h-full bg-primary rounded-r-sm' : 'hidden'}"></div>
-        <uik-button
-          variant="ghost"
-          size="icon"
-          class="w-12 h-12"
-          ?muted=${!isActive}
-          ?active=${isActive}
-          aria-pressed=${isActive ? 'true' : 'false'}
-          aria-label=${item.label}
-          title=${item.tooltip ?? item.label}
-          @click=${() => {
-            this.emitSelect(item.id);
-        }}>
-          <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">${this.renderIcon(item)}</svg>
-        </uik-button>
-      </div>
-    `;
-    }
-    render() {
-        return html `
-      <aside
-        data-region="activity-bar"
-        class="w-12 bg-secondary flex flex-col items-center py-2 flex-shrink-0 text-muted-foreground h-full">
-        ${this.items.map(item => this.renderItem(item))}
-        <div class="flex-1"></div>
-        ${this.footer ?? nothing}
-      </aside>
-    `;
-    }
-};
-__decorate([
-    property({ attribute: false })
-], AppShellActivityBar.prototype, "items", null);
-__decorate([
-    property({ type: String })
-], AppShellActivityBar.prototype, "activeId", null);
-__decorate([
-    property({ attribute: false })
-], AppShellActivityBar.prototype, "footer", null);
-AppShellActivityBar = __decorate([
-    customElement('uik-shell-activity-bar')
-], AppShellActivityBar);
-export { AppShellActivityBar };
-//# sourceMappingURL=ActivityBar.js.map

package/dist/ActivityBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActivityBar.js","sourceRoot":"","sources":["../ActivityBar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAC,MAAM,KAAK,CAAC;AACnD,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE1D,OAAO,uCAAuC,CAAC;AAYxC,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,UAAU;IACV,0BAA2B,EAAE,CAAC;IAA9B,IAAA,KAAK,2CAAyB;IAA9B,IAAA,KAAK,iDAAyB;IAClC,6BAAW,EAAE,CAAC;IAAd,IAAA,QAAQ,8CAAM;IAAd,IAAA,QAAQ,oDAAM;IACV,2BAAkB,IAAI,CAAC;IAAvB,IAAA,MAAM,4CAAiB;IAAvB,IAAA,MAAM,kDAAiB;IAErD,gBAAgB;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,UAAU,CAAC,EAAU;QAC3B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,iBAAiB,EAAE,EAAC,MAAM,EAAE,EAAC,EAAE,EAAC,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC,CAAC;IACxG,CAAC;IAEO,UAAU,CAAC,IAAqB;QACtC,IAAI,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAA,uCAAuC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,SAAS,CAAC;QAC9G,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAClC,OAAO,GAAG,CAAA,8EAA8E,IAAI,CAAC,IAAI,WAAW,CAAC;QAC/G,CAAC;QACD,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAEO,UAAU,CAAC,IAAqB;QACtC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,EAAE,CAAC;QAC3C,OAAO,IAAI,CAAA;;sBAEO,QAAQ,CAAC,CAAC,CAAC,wDAAwD,CAAC,CAAC,CAAC,QAAQ;;;;;mBAKjF,CAAC,QAAQ;oBACR,QAAQ;yBACH,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;uBAC7B,IAAI,CAAC,KAAK;kBACf,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK;mBACzB,GAAG,EAAE;YACZ,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC3B,CAAC;uFAC4E,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;;;KAGvG,CAAC;IACJ,CAAC;IAEQ,MAAM;QACb,OAAO,IAAI,CAAA;;;;UAIL,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;;UAE7C,IAAI,CAAC,MAAM,IAAI,OAAO;;KAE3B,CAAC;IACJ,CAAC;CACF,CAAA;AAtDwC;IAAtC,QAAQ,CAAC,EAAC,SAAS,EAAE,KAAK,EAAC,CAAC;gDAAwC;AAClC;IAAlC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;mDAAwB;AACV;IAAtC,QAAQ,CAAC,EAAC,SAAS,EAAE,KAAK,EAAC,CAAC;iDAAiC;AAHnD,mBAAmB;IAD/B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,mBAAmB,CAuD/B"}

package/dist/AppShellLayout.d.ts

@@ -1,17 +0,0 @@
-import { LitElement } from 'lit';
-export declare class AppShellLayout extends LitElement {
-    accessor activityBar: unknown;
-    accessor primarySidebar: unknown;
-    accessor mainContent: unknown;
-    accessor secondarySidebar: unknown;
-    accessor statusBar: unknown;
-    accessor showSecondary: boolean;
-    createRenderRoot(): this;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'uik-shell-layout': AppShellLayout;
-    }
-}
-//# sourceMappingURL=AppShellLayout.d.ts.map

package/dist/AppShellLayout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppShellLayout.d.ts","sourceRoot":"","sources":["../AppShellLayout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAgB,MAAM,KAAK,CAAC;AAG9C,qBACa,cAAe,SAAQ,UAAU;IACd,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAQ;IACrC,QAAQ,CAAC,cAAc,EAAE,OAAO,CAAQ;IACxC,QAAQ,CAAC,WAAW,EAAE,OAAO,CAAQ;IACrC,QAAQ,CAAC,gBAAgB,EAAE,OAAO,CAAQ;IAC1C,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAQ;IACtC,QAAQ,CAAC,aAAa,UAAS;IAEjD,gBAAgB;IAIhB,MAAM;CAYhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}