@paperless/core 0.1.0-alpha.4 → 0.1.0-alpha.43

package/dist/components/p-illustration.js

@@ -1409,10 +1409,6 @@ const Illustration = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   constructor() {
     super();
     this.__registerHost();
-    /**
-     * The icon the be displayed
-     */
-    this.variant = null;
   }
   render() {
     const illustration = illustrations[this.variant];

package/dist/components/p-info-panel.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PInfoPanel extends Components.PInfoPanel, HTMLElement {}
+export const PInfoPanel: {
+  prototype: PInfoPanel;
+  new (): PInfoPanel;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-info-panel.js

@@ -0,0 +1,56 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$2 } from './icon.component.js';
+
+const infoPanelComponentCss = ".static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.top-2{top:.5rem!important}.right-2{right:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.font-semibold{font-weight:600!important}:host{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));border-radius:.375rem;display:flex;flex-direction:column;padding:1rem;position:relative;width:100%}:host .header{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity));font-weight:600}:host .content{font-size:.875rem;line-height:1.25rem}:host .close{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));cursor:pointer;position:absolute;right:.5rem;top:.5rem}:host(.variant-positive){--tw-bg-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity))}:host(.variant-unbiased){--tw-bg-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity))}:host(.variant-negative){--tw-bg-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity))}:host(.has-close){padding-right:2rem}";
+
+const InfoPanel = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * The variant of the info panel
+     */
+    this.variant = 'info';
+    /**
+     * Wether the panel can be closed
+     */
+    this.closeable = false;
+  }
+  render() {
+    return (h(Host, { class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, h("div", { class: "header" }, h("slot", { name: "header" })), h("div", { class: "content" }, h("slot", { name: "content" })), this.closeable && (h("div", { class: "close", onClick: () => this._close() }, h("p-icon", { variant: "negative" })))));
+  }
+  _close() {
+    this._el.remove();
+  }
+  get _el() { return this; }
+  static get style() { return infoPanelComponentCss; }
+}, [1, "p-info-panel", {
+    "variant": [1],
+    "header": [1],
+    "content": [1],
+    "closeable": [4]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-info-panel", "p-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-info-panel":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, InfoPanel);
+      }
+      break;
+    case "p-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const PInfoPanel = InfoPanel;
+const defineCustomElement = defineCustomElement$1;
+
+export { PInfoPanel, defineCustomElement };

package/dist/components/p-modal-backdrop.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PModalBackdrop extends Components.PModalBackdrop, HTMLElement {}
+export const PModalBackdrop: {
+  prototype: PModalBackdrop;
+  new (): PModalBackdrop;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-modal-backdrop.js

@@ -0,0 +1,6 @@
+import { M as ModalBackdrop, d as defineCustomElement$1 } from './modal-backdrop.component.js';
+
+const PModalBackdrop = ModalBackdrop;
+const defineCustomElement = defineCustomElement$1;
+
+export { PModalBackdrop, defineCustomElement };

package/dist/components/p-modal-body.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PModalBody extends Components.PModalBody, HTMLElement {}
+export const PModalBody: {
+  prototype: PModalBody;
+  new (): PModalBody;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-modal-body.js

@@ -0,0 +1,6 @@
+import { M as ModalBody, d as defineCustomElement$1 } from './modal-body.component.js';
+
+const PModalBody = ModalBody;
+const defineCustomElement = defineCustomElement$1;
+
+export { PModalBody, defineCustomElement };

package/dist/components/p-modal-container.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PModalContainer extends Components.PModalContainer, HTMLElement {}
+export const PModalContainer: {
+  prototype: PModalContainer;
+  new (): PModalContainer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-modal-container.js

@@ -0,0 +1,6 @@
+import { M as ModalContainer, d as defineCustomElement$1 } from './modal-container.component.js';
+
+const PModalContainer = ModalContainer;
+const defineCustomElement = defineCustomElement$1;
+
+export { PModalContainer, defineCustomElement };

package/dist/components/p-modal-footer.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PModalFooter extends Components.PModalFooter, HTMLElement {}
+export const PModalFooter: {
+  prototype: PModalFooter;
+  new (): PModalFooter;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-modal-footer.js

@@ -0,0 +1,6 @@
+import { M as ModalFooter, d as defineCustomElement$1 } from './modal-footer.component.js';
+
+const PModalFooter = ModalFooter;
+const defineCustomElement = defineCustomElement$1;
+
+export { PModalFooter, defineCustomElement };

package/dist/components/p-modal-header.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PModalHeader extends Components.PModalHeader, HTMLElement {}
+export const PModalHeader: {
+  prototype: PModalHeader;
+  new (): PModalHeader;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-modal-header.js

@@ -0,0 +1,6 @@
+import { M as ModalHeader, d as defineCustomElement$1 } from './modal-header.component.js';
+
+const PModalHeader = ModalHeader;
+const defineCustomElement = defineCustomElement$1;
+
+export { PModalHeader, defineCustomElement };

package/dist/components/p-modal.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PModal extends Components.PModal, HTMLElement {}
+export const PModal: {
+  prototype: PModal;
+  new (): PModal;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-modal.js

@@ -0,0 +1,94 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$7 } from './divider.component.js';
+import { d as defineCustomElement$6 } from './modal-backdrop.component.js';
+import { d as defineCustomElement$5 } from './modal-body.component.js';
+import { d as defineCustomElement$4 } from './modal-container.component.js';
+import { d as defineCustomElement$3 } from './modal-footer.component.js';
+import { d as defineCustomElement$2 } from './modal-header.component.js';
+
+const Modal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * The size of the modal container
+     */
+    this.size = 'md';
+    /**
+     * The variant of the modal body
+     */
+    this.variant = 'default';
+    /**
+     * Wether to show the modal or not
+     */
+    this.show = false;
+    this._hasFooterSlot = false;
+  }
+  componentWillLoad() {
+    this._hasFooterSlot = !!this._el.querySelector('[slot="footer"]');
+  }
+  render() {
+    if (!this.show) {
+      return;
+    }
+    const titleContent = h("slot", { name: "title" });
+    const bodyContent = h("slot", { name: "content" });
+    const footerContent = h("slot", { name: "footer" });
+    return (h(Host, { class: "p-modal" }, h("p-modal-backdrop", null, h("p-modal-container", { size: this.size }, h("p-modal-header", null, this.title ? this.title : titleContent), h("p-modal-body", { variant: this.variant }, bodyContent), this._hasFooterSlot && (h("p-modal-footer", null, footerContent))))));
+  }
+  get _el() { return this; }
+}, [1, "p-modal", {
+    "size": [1],
+    "variant": [1],
+    "title": [1],
+    "show": [4]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-modal", "p-divider", "p-modal-backdrop", "p-modal-body", "p-modal-container", "p-modal-footer", "p-modal-header"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-modal":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Modal);
+      }
+      break;
+    case "p-divider":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "p-modal-backdrop":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "p-modal-body":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "p-modal-container":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "p-modal-footer":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "p-modal-header":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const PModal = Modal;
+const defineCustomElement = defineCustomElement$1;
+
+export { PModal, defineCustomElement };

package/dist/components/p-navigation-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PNavigationItem extends Components.PNavigationItem, HTMLElement {}
+export const PNavigationItem: {
+  prototype: PNavigationItem;
+  new (): PNavigationItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-navigation-item.js

@@ -0,0 +1,55 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$3 } from './counter.component.js';
+import { d as defineCustomElement$2 } from './icon.component.js';
+
+const navigationItemComponentCss = ".static{position:static!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.text-mystic-dark{--tw-text-opacity:1!important;color:rgb(218 230 240/var(--tw-text-opacity))!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}:host{display:inline-block;margin-bottom:.25rem;width:100%}:host>a{--tw-text-opacity:1;align-items:center;border-radius:.375rem;color:rgb(128 130 158/var(--tw-text-opacity));cursor:pointer;display:flex;font-weight:500;height:2rem;padding-left:.5rem;padding-right:.5rem;width:100%}:host>a:hover{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(39 40 56/var(--tw-text-opacity))}:host>a>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-right:.75rem}:host>a>p-counter{margin-left:auto}:host>a>span.has-counter{margin-right:.75rem}:host>a:hover>p-icon{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity))}:host(.active)>a{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}:host(.active)>a>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.hover\\:bg-indigo-light:hover{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}";
+
+const NavigationItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * Wether the navigation item is active
+     */
+    this.active = false;
+  }
+  render() {
+    return (h(Host, { class: `p-navigation-item ${this.active && 'active'}` }, h("a", { href: this.href, target: this.target }, this.icon && h("p-icon", { variant: this.icon }), h("span", { class: this.counter && 'has-counter' }, h("slot", null)), this.counter && h("p-counter", null, this.counter))));
+  }
+  static get style() { return navigationItemComponentCss; }
+}, [1, "p-navigation-item", {
+    "active": [4],
+    "icon": [1],
+    "counter": [8],
+    "href": [1],
+    "target": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-navigation-item", "p-counter", "p-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-navigation-item":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, NavigationItem);
+      }
+      break;
+    case "p-counter":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "p-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const PNavigationItem = NavigationItem;
+const defineCustomElement = defineCustomElement$1;
+
+export { PNavigationItem, defineCustomElement };

package/dist/components/p-pagination-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PPaginationItem extends Components.PPaginationItem, HTMLElement {}
+export const PPaginationItem: {
+  prototype: PPaginationItem;
+  new (): PPaginationItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-pagination-item.js

@@ -0,0 +1,6 @@
+import { P as PaginationItem, d as defineCustomElement$1 } from './pagination-item.component.js';
+
+const PPaginationItem = PaginationItem;
+const defineCustomElement = defineCustomElement$1;
+
+export { PPaginationItem, defineCustomElement };

package/dist/components/p-pagination.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PPagination extends Components.PPagination, HTMLElement {}
+export const PPagination: {
+  prototype: PPagination;
+  new (): PPagination;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-pagination.js

@@ -0,0 +1,200 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$3 } from './icon.component.js';
+import { d as defineCustomElement$2 } from './pagination-item.component.js';
+
+const paginationComponentCss = ".static{position:static!important}.flex{display:flex!important}p-pagination{display:flex}";
+
+const Pagination = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.pageChange = createEvent(this, "pageChange", 7);
+    /**
+     * The current page
+     */
+    this.page = 1;
+    /**
+     * The amount of items per page
+     */
+    this.pageSize = 12;
+    this._pages = [];
+    this._set = [];
+    this._nextClick = () => {
+      const nextPage = this.page + 1;
+      if (nextPage > this._pages[this._pages.length - 1]) {
+        return;
+      }
+      this._changePage(nextPage);
+    };
+    this._pageClick = (p) => this._changePage(p);
+    this._generateSet = (range = 1, enableBoundaries = true) => {
+      const totalPages = this._pages.length;
+      if (!totalPages) {
+        return [];
+      }
+      let start = this.page - range;
+      let end = this.page + range;
+      if (end > totalPages) {
+        end = totalPages;
+        start = totalPages - range * 2;
+        start = start < 1 ? 1 : start;
+      }
+      if (start <= 1) {
+        start = 1;
+        end = Math.min(range * 2 + 1, totalPages);
+      }
+      const set = [];
+      const previous = {
+        type: 'previous',
+        value: h("p-icon", { variant: "chevron", rotate: 90 }),
+      };
+      const next = {
+        type: 'next',
+        value: h("p-icon", { variant: "chevron", rotate: -90 }),
+      };
+      // Disable page range, display all the pages
+      if (range === null) {
+        const p = this._pages.map((p) => ({
+          type: 'page',
+          value: p,
+        }));
+        return enableBoundaries ? [previous, ...p, next] : p;
+      }
+      if (enableBoundaries) {
+        set.push(previous);
+      }
+      if (start <= 3) {
+        for (let i = 1; i < start; i++) {
+          set.push({
+            type: 'page',
+            value: this._pages[i - 1],
+          });
+        }
+      }
+      else {
+        set.push({
+          type: 'page',
+          value: 1,
+        });
+        set.push({
+          type: 'ellipsis',
+          value: 'ellipsis',
+        });
+      }
+      for (let i = start; i <= end; i++) {
+        set.push({
+          type: 'page',
+          value: this._pages[i - 1],
+        });
+      }
+      if (end >= totalPages - 2) {
+        for (let i = end + 1; i <= totalPages; i++) {
+          set.push({
+            type: 'page',
+            value: this._pages[i - 1],
+          });
+        }
+      }
+      else {
+        set.push({
+          type: 'ellipsis',
+        });
+        set.push({
+          type: 'page',
+          value: this._pages[this._pages.length - 1],
+        });
+      }
+      if (enableBoundaries) {
+        set.push(next);
+      }
+      return set;
+    };
+  }
+  componentWillRender() {
+    this._generate();
+  }
+  render() {
+    var _a;
+    return (h(Host, { class: "p-pagination" }, (_a = this._set) === null || _a === void 0 ? void 0 : _a.map((p) => {
+      if (p.type === 'previous' || p.type === 'next') {
+        return (h("p-pagination-item", { onClick: () => p.type === 'previous'
+            ? this._previousClick()
+            : this._nextClick() }, p.value));
+      }
+      if (p.type === 'ellipsis') {
+        return h("p-pagination-item", null, "...");
+      }
+      return (h("p-pagination-item", { active: p.value === this.page, onClick: () => this._pageClick(p.value) }, p.value));
+    })));
+  }
+  pageChangeHandler() {
+    this._generate();
+  }
+  _generate() {
+    var _a;
+    this._pages = this._generatePages();
+    this._set = this._generateSet();
+    if (this.page > ((_a = this._pages) === null || _a === void 0 ? void 0 : _a.length)) {
+      this._changePage(this._pages.length);
+    }
+  }
+  _changePage(p) {
+    if (!p) {
+      return;
+    }
+    this.page = p;
+    this.pageChange.emit(this.page);
+  }
+  _previousClick() {
+    const previousPage = this.page - 1;
+    if (previousPage < this._pages[0]) {
+      return;
+    }
+    this._changePage(previousPage);
+  }
+  _generatePages() {
+    if (!this.total || !this.pageSize) {
+      return [];
+    }
+    const pages = Math.ceil(this.total / this.pageSize);
+    return new Array(pages).fill(undefined).map((_, i) => i + 1);
+  }
+  static get watchers() { return {
+    "page": ["pageChangeHandler"],
+    "pageSize": ["pageChangeHandler"],
+    "total": ["pageChangeHandler"]
+  }; }
+  static get style() { return paginationComponentCss; }
+}, [0, "p-pagination", {
+    "page": [1538],
+    "pageSize": [2, "page-size"],
+    "total": [2]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-pagination", "p-icon", "p-pagination-item"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-pagination":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Pagination);
+      }
+      break;
+    case "p-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "p-pagination-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const PPagination = Pagination;
+const defineCustomElement = defineCustomElement$1;
+
+export { PPagination, defineCustomElement };

package/dist/components/p-segment-container.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PSegmentContainer extends Components.PSegmentContainer, HTMLElement {}
+export const PSegmentContainer: {
+  prototype: PSegmentContainer;
+  new (): PSegmentContainer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-segment-container.js

@@ -0,0 +1,32 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const segmentContainerComponentCss = ".static{position:static!important}.flex{display:flex!important}.h-8{height:2rem!important}.rounded{border-radius:.25rem!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}p-segment-container{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13));background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.25rem;display:flex;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);height:2rem;padding:.25rem}";
+
+const SegmentContainer = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  render() {
+    return (h(Host, { class: "p-segment-container" }, h("slot", null)));
+  }
+  static get style() { return segmentContainerComponentCss; }
+}, [4, "p-segment-container"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-segment-container"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-segment-container":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SegmentContainer);
+      }
+      break;
+  } });
+}
+
+const PSegmentContainer = SegmentContainer;
+const defineCustomElement = defineCustomElement$1;
+
+export { PSegmentContainer, defineCustomElement };

package/dist/components/p-segment-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PSegmentItem extends Components.PSegmentItem, HTMLElement {}
+export const PSegmentItem: {
+  prototype: PSegmentItem;
+  new (): PSegmentItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;