npm - @ptlm-azulejo/sidebar - Versions diffs - 0.0.1-alpha.87 - Mend

@ptlm-azulejo/sidebar 0.0.1-alpha.87

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 (22) hide show

package/CHANGELOG.md +4 -0
package/README.md +54 -0
package/dist/index.d.ts +2 -0
package/dist/index.d.ts.map +1 -0
package/dist/index.js +206 -0
package/dist/index.umd.cjs +1 -0
package/dist/src/components/SidebarHeader.vue.d.ts +14 -0
package/dist/src/components/SidebarHeader.vue.d.ts.map +1 -0
package/dist/src/components/SidebarShortcuts.vue.d.ts +14 -0
package/dist/src/components/SidebarShortcuts.vue.d.ts.map +1 -0
package/dist/src/index.stories.d.ts +13 -0
package/dist/src/index.stories.d.ts.map +1 -0
package/dist/src/index.vue.d.ts +77 -0
package/dist/src/index.vue.d.ts.map +1 -0
package/dist/src/models/sidebar-header.models.d.ts +12 -0
package/dist/src/models/sidebar-header.models.d.ts.map +1 -0
package/dist/src/models/sidebar-shortcuts.models.d.ts +22 -0
package/dist/src/models/sidebar-shortcuts.models.d.ts.map +1 -0
package/dist/src/models/sidebar.models.d.ts +30 -0
package/dist/src/models/sidebar.models.d.ts.map +1 -0
package/dist/style.css +1 -0
package/package.json +46 -0

package/CHANGELOG.md ADDED Viewed

@@ -0,0 +1,4 @@
+# Change Log
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

package/README.md ADDED Viewed

@@ -0,0 +1,54 @@
+# Sidebar
+TODO: describe what the Sidebar component does and when to use it.
+## Installation
+```bash
+npm install @ptlm-azulejo/sidebar @ptlm-azulejo/themes
+# or
+yarn add @ptlm-azulejo/sidebar @ptlm-azulejo/themes
+```
+## Styles & theming
+The component reads theme CSS variables, so it needs `@ptlm-azulejo/themes`. Import a
+brand preset (it bundles the base tokens) and the component styles, then set the
+brand class on the root element:
+```js
+import '@ptlm-azulejo/themes/presets/leroy-merlin.css' // or /presets/adeo.css
+import '@ptlm-azulejo/sidebar/style.css'
+```
+```html
+<html class="preset-lm" data-theme="dark">
+```
+> Without a preset **and** the `.preset-*` class, the component renders uncolored.
+> See the [themes package](../themes/README.md) for brand switching, dark mode,
+> and custom brands.
+## Props
+| Name | Type | Default | Description |
+| --- | --- | --- | --- |
+| — | — | — | TODO: document the component props. |
+## Slots
+| Name | Description |
+| --- | --- |
+| `default` | The content displayed in the component. |
+## Basic Usage
+```vue
+<script setup>
+import { AzSidebar } from '@ptlm-azulejo/sidebar'
+</script>
+<template>
+  <AzSidebar>Content</AzSidebar>
+</template>
+```

package/dist/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { default as AzSidebar } from './src/index.vue';
2	+ //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/index.js ADDED Viewed

@@ -0,0 +1,206 @@
+import { defineComponent as b, openBlock as r, createElementBlock as i, normalizeClass as a, createElementVNode as s, normalizeStyle as m, toDisplayString as p, createCommentVNode as l, Fragment as f, renderList as w, ref as g, computed as y, renderSlot as u, createVNode as h, unref as _, mergeDefaults as x } from "vue";
+import { AzIconButton as C } from "@ptlm-azulejo/icon-button";
+import "@ptlm-azulejo/icon-button/style.css";
+const k = ["src", "alt"], S = /* @__PURE__ */ b({
+  __name: "SidebarHeader",
+  props: {
+    isCollapsed: { type: Boolean },
+    headerOptions: {}
+  },
+  setup(e) {
+    const t = {
+      sidebarHeaderContainer: "flex items-center gap-2",
+      sidebarHeaderLogo: "w-10 h-10 rounded flex-shrink-0",
+      sidebarHeaderTitle: "overflow-hidden whitespace-nowrap transition-all duration-300 font-200 font-semibold whitespace-nowrap"
+    };
+    return (n, c) => (r(), i("div", {
+      class: a(t.sidebarHeaderContainer)
+    }, [
+      s("img", {
+        class: a(t.sidebarHeaderLogo),
+        style: m(`background-color:${e.headerOptions.logoBgColor}`),
+        src: e.headerOptions.logoSrc,
+        alt: e.headerOptions.logoAlt
+      }, null, 14, k),
+      e.isCollapsed ? l("", !0) : (r(), i("h2", {
+        key: 0,
+        class: a(t.sidebarHeaderTitle)
+      }, p(e.headerOptions.sidebarTitle), 3))
+    ], 2));
+  }
+}), v = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [c, o] of t)
+    n[c] = o;
+  return n;
+}, $ = /* @__PURE__ */ v(S, [["__scopeId", "data-v-1be64a50"]]), O = { key: 0 }, I = {
+  role: "navigation",
+  "aria-label": "sidebar shortcut items"
+}, H = ["id", "href", "target"], B = ["id"], L = /* @__PURE__ */ b({
+  __name: "SidebarShortcuts",
+  props: {
+    isCollapsed: { type: Boolean },
+    shortcutOptions: {}
+  },
+  setup(e) {
+    const t = {
+      shortcutList: "h-12 flex items-center justify-start",
+      shortcutItem: "h-12 w-[70px] flex flex-col items-center justify-start gap-1",
+      shortcutItemIcon: "text-[24px] az az-",
+      shortcutItemLabel: "font-semibold text-[10px]"
+    };
+    return (n, c) => e.shortcutOptions.items && e.shortcutOptions.items.length > 0 ? (r(), i("section", O, [
+      s("nav", I, [
+        s("ul", {
+          role: "menu",
+          class: a(t.shortcutList)
+        }, [
+          (r(!0), i(f, null, w(e.shortcutOptions.items, (o) => (r(), i("div", {
+            key: o.id,
+            class: ""
+          }, [
+            o.type === "link" ? (r(), i("a", {
+              key: 0,
+              id: `shortcut-${o.id}`,
+              href: o.link,
+              target: o.target
+            }, [
+              s("div", {
+                class: a(t.shortcutItem)
+              }, [
+                s("i", {
+                  class: a(`${t.shortcutItemIcon}${o.icon}`)
+                }, null, 2),
+                s("span", {
+                  class: a([
+                    "inline-block overflow-hidden whitespace-nowrap transition-all duration-300",
+                    e.isCollapsed ? "max-w-0 opacity-0" : "max-w-xs opacity-100"
+                  ])
+                }, [
+                  s("p", {
+                    class: a(t.shortcutItemLabel)
+                  }, p(o.label), 3)
+                ], 2)
+              ], 2)
+            ], 8, H)) : l("", !0),
+            o.type === "button" ? (r(), i("button", {
+              key: 1,
+              id: `shortcut-${o.id}`
+            }, [
+              s("div", {
+                class: a(t.shortcutItem)
+              }, [
+                s("i", {
+                  class: a(`${t.shortcutItemIcon}${o.icon}`)
+                }, null, 2),
+                s("span", {
+                  class: a([
+                    "inline-block overflow-hidden whitespace-nowrap transition-all duration-300",
+                    e.isCollapsed ? "max-w-0 opacity-0" : "max-w-xs opacity-100"
+                  ])
+                }, [
+                  s("p", {
+                    class: a(t.shortcutItemLabel)
+                  }, p(o.label), 3)
+                ], 2)
+              ], 2)
+            ], 8, B)) : l("", !0)
+          ]))), 128))
+        ], 2)
+      ])
+    ])) : l("", !0);
+  }
+}), z = {
+  showHeader: !0,
+  headerOptions: () => ({
+    showSearch: !0,
+    logoSrc: "",
+    logoAlt: "",
+    logoBgColor: "",
+    sidebarTitle: "Product name"
+  }),
+  showShortcuts: !0,
+  shortcutOptions: {
+    items: [
+      {
+        id: "dashboard",
+        label: "Dashboard",
+        icon: "ui-chevron-left",
+        type: "button",
+        onClick: () => console.log("dashboard")
+      }
+    ]
+  }
+}, A = { class: "" }, D = { class: "" }, T = {
+  key: 0,
+  class: ""
+}, j = {
+  key: 0,
+  class: ""
+}, N = { class: "" }, V = {
+  class: "",
+  role: "navigation",
+  "aria-label": "navigation items"
+}, E = { class: "" }, P = { class: "flex items-center justify-between" }, F = /* @__PURE__ */ b({
+  __name: "index",
+  props: /* @__PURE__ */ x({
+    showHeader: { type: Boolean },
+    headerOptions: {},
+    showShortcuts: { type: Boolean },
+    shortcutOptions: {}
+  }, z),
+  setup(e) {
+    const t = g(!1), n = y(() => t.value ? "4rem" : "300px"), c = {
+      sidebarContainer: "p-3 bg-white border-r transition-[width] duration-300 ease-in-out overflow-hidden whitespace-nowrap"
+    };
+    function o() {
+      t.value = !t.value;
+    }
+    return (d, W) => (r(), i("aside", {
+      class: a(c.sidebarContainer),
+      style: m({ width: n.value })
+    }, [
+      s("div", A, [
+        s("div", D, [
+          u(d.$slots, "header", {}, void 0, !0),
+          e.showHeader ? (r(), i("div", T, [
+            h($, {
+              "is-collapsed": t.value,
+              "header-options": e.headerOptions
+            }, null, 8, ["is-collapsed", "header-options"])
+          ])) : l("", !0)
+        ]),
+        s("div", null, [
+          u(d.$slots, "shortcuts", {}, void 0, !0),
+          e.showShortcuts ? (r(), i("div", j, [
+            h(L, {
+              "is-collapsed": t.value,
+              "shortcut-options": e.shortcutOptions
+            }, null, 8, ["is-collapsed", "shortcut-options"])
+          ])) : l("", !0)
+        ]),
+        s("section", N, [
+          s("nav", V, [
+            s("ul", E, [
+              u(d.$slots, "nav", {}, void 0, !0)
+            ])
+          ])
+        ]),
+        s("div", P, [
+          u(d.$slots, "footer", {}, void 0, !0),
+          h(_(C), {
+            class: "cursor-pointer",
+            ghost: "",
+            appearance: "inverse",
+            "aria-label": "Sidebar close button",
+            "icon-class": "az-ui-sidebar-collapse",
+            onClick: o
+          })
+        ])
+      ])
+    ], 6));
+  }
+}), K = /* @__PURE__ */ v(F, [["__scopeId", "data-v-24046845"]]);
+export {
+  K as AzSidebar
+};

package/dist/index.umd.cjs ADDED Viewed

@@ -0,0 +1 @@

package/dist/src/components/SidebarHeader.vue.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { SidebarHeaderProps } from '../models/sidebar-header.models';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SidebarHeaderProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SidebarHeaderProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+//# sourceMappingURL=SidebarHeader.vue.d.ts.map

package/dist/src/components/SidebarHeader.vue.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SidebarHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarHeader.vue"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;;AAmFrE,wBAMG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}

package/dist/src/components/SidebarShortcuts.vue.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { SidebarShortcutsProps } from '../models/sidebar-shortcuts.models';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SidebarShortcutsProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SidebarShortcutsProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+//# sourceMappingURL=SidebarShortcuts.vue.d.ts.map

package/dist/src/components/SidebarShortcuts.vue.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SidebarShortcuts.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarShortcuts.vue"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;;AAuM3E,wBAMG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}

package/dist/src/index.stories.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/vue3';
+import { default as Sidebar } from './index.vue';
+declare const meta: Meta<typeof Sidebar>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithoutHeader: Story;
+export declare const WithoutSearch: Story;
+export declare const WithShortcuts: Story;
+export declare const CustomHeader: Story;
+export declare const WithFooter: Story;
+//# sourceMappingURL=index.stories.d.ts.map

package/dist/src/index.stories.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.stories.d.ts","sourceRoot":"","sources":["../../src/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,OAAO,MAAM,aAAa,CAAC;AAgClC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAgL9B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAI3B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAoB1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAC"}

package/dist/src/index.vue.d.ts ADDED Viewed

@@ -0,0 +1,77 @@
+import { SidebarProps } from './models/sidebar.models';
+declare function __VLS_template(): {
+    header?(_: {}): any;
+    shortcuts?(_: {}): any;
+    nav?(_: {}): any;
+    footer?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SidebarProps>, {
+    showHeader: boolean;
+    headerOptions: () => {
+        showSearch: boolean;
+        logoSrc: string;
+        logoAlt: string;
+        logoBgColor: string;
+        sidebarTitle: string;
+    };
+    showShortcuts: boolean;
+    shortcutOptions: {
+        items: {
+            id: string;
+            label: string;
+            icon: string;
+            type: string;
+            onClick: () => void;
+        }[];
+    };
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<SidebarProps>, {
+    showHeader: boolean;
+    headerOptions: () => {
+        showSearch: boolean;
+        logoSrc: string;
+        logoAlt: string;
+        logoBgColor: string;
+        sidebarTitle: string;
+    };
+    showShortcuts: boolean;
+    shortcutOptions: {
+        items: {
+            id: string;
+            label: string;
+            icon: string;
+            type: string;
+            onClick: () => void;
+        }[];
+    };
+}>>> & Readonly<{}>, {
+    headerOptions: import('./models/sidebar-header.models').SidebarHeaderOptions;
+    shortcutOptions: import('./models/sidebar-shortcuts.models').SidebarShortcutsOptions;
+    showHeader: boolean;
+    showShortcuts: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=index.vue.d.ts.map

package/dist/src/index.vue.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../src/index.vue"],"names":[],"mappings":"AAQA,OAAO,qCAAqC,CAAC;AAC7C,OAAO,EAAuB,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAuB5E,iBAAS,cAAc;oBAuMM,GAAG;uBACA,GAAG;iBACT,GAAG;oBACA,GAAG;EAK/B;AAeD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/src/models/sidebar-header.models.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+export interface SidebarHeaderProps {
+    isCollapsed: boolean;
+    headerOptions: SidebarHeaderOptions;
+}
+export interface SidebarHeaderOptions {
+    logoSrc?: string;
+    logoAlt?: string;
+    logoBgColor?: string;
+    showSearch?: boolean;
+    sidebarTitle?: string;
+}
+//# sourceMappingURL=sidebar-header.models.d.ts.map

package/dist/src/models/sidebar-header.models.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"sidebar-header.models.d.ts","sourceRoot":"","sources":["../../../src/models/sidebar-header.models.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,oBAAoB,CAAC;CACrC;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/dist/src/models/sidebar-shortcuts.models.d.ts ADDED Viewed

@@ -0,0 +1,22 @@
+export type SidebarShortcutsProps = {
+    isCollapsed: boolean;
+    shortcutOptions: SidebarShortcutsOptions;
+};
+export type SidebarShortcutsOptions = {
+    items: SidebarShortcutItem[];
+};
+export type SidebarShortcutItem = {
+    id: string;
+    label: string;
+    icon: string;
+} & SidebarShortcutItemTypeOption;
+type SidebarShortcutItemTypeOption = {
+    type: "button";
+    onClick: () => void;
+} | {
+    type: "link";
+    link?: string;
+    target: "_blank" | "_self" | "_parent" | "_top";
+};
+export {};
+//# sourceMappingURL=sidebar-shortcuts.models.d.ts.map

package/dist/src/models/sidebar-shortcuts.models.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"sidebar-shortcuts.models.d.ts","sourceRoot":"","sources":["../../../src/models/sidebar-shortcuts.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,uBAAuB,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,mBAAmB,EAAE,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,6BAA6B,CAAC;AAElC,KAAK,6BAA6B,GAC9B;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,GACvC;IACE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;CACjD,CAAC"}

package/dist/src/models/sidebar.models.d.ts ADDED Viewed

@@ -0,0 +1,30 @@
+import { SidebarHeaderOptions } from './sidebar-header.models';
+import { SidebarShortcutsOptions } from './sidebar-shortcuts.models';
+export type SidebarProps = {
+    showHeader?: boolean;
+    headerOptions?: SidebarHeaderOptions;
+    showShortcuts?: boolean;
+    shortcutOptions?: SidebarShortcutsOptions;
+};
+export declare const DefaultSidebarProps: {
+    showHeader: boolean;
+    headerOptions: () => {
+        showSearch: boolean;
+        logoSrc: string;
+        logoAlt: string;
+        logoBgColor: string;
+        sidebarTitle: string;
+    };
+    showShortcuts: boolean;
+    shortcutOptions: {
+        items: {
+            id: string;
+            label: string;
+            icon: string;
+            type: string;
+            onClick: () => void;
+        }[];
+    };
+};
+//# sourceMappingURL=sidebar.models.d.ts.map

package/dist/src/models/sidebar.models.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"sidebar.models.d.ts","sourceRoot":"","sources":["../../../src/models/sidebar.models.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAErE,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,uBAAuB,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;CAqB/B,CAAC"}

package/dist/style.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ .font-200[data-v-1be64a50]{font-size:18px}/! tailwindcss v4.2.1 \| MIT License \| https://tailwindcss.com /

package/package.json ADDED Viewed

@@ -0,0 +1,46 @@
+{
+  "name": "@ptlm-azulejo/sidebar",
+  "version": "0.0.1-alpha.87",
+  "type": "module",
+  "main": "./dist/index.umd.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.cjs"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "scripts": {
+    "build": "vite build",
+    "test": "vitest --run --passWithNoTests",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "files": [
+    "dist/*"
+  ],
+  "devDependencies": {
+    "@ptlm-azulejo/themes": "*",
+    "@storybook/addon-essentials": "^7.0.0",
+    "@storybook/addon-interactions": "^7.0.0",
+    "@storybook/vue3": "^7.0.0",
+    "@storybook/vue3-vite": "^7.0.0",
+    "@tailwindcss/vite": "^4.0.0",
+    "storybook": "^7.0.0",
+    "tailwindcss": "^4.0.0",
+    "vue": "^3.3.4"
+  },
+  "peerDependencies": {
+    "vue": ">=3.0.0"
+  },
+  "dependencies": {
+    "@ptlm-azulejo/icon-button": "1.0.0-alpha.16"
+  }
+}