@paperless/core 0.1.0-alpha.0 → 0.1.0-alpha.101

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

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

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

@@ -0,0 +1,38 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const cardBodyComponentCss = ".static{position:static!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}*{box-sizing:border-box}p-card-body{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding:1rem 1.5rem}p-card-body[inherit-text]{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}";
+
+const CardBody = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    /**
+     * Wether the button should inherit text styles
+     */
+    this.inheritText = false;
+  }
+  render() {
+    return (h(Host, { class: "p-card-body" }, h("slot", null)));
+  }
+  static get style() { return cardBodyComponentCss; }
+}, [4, "p-card-body", {
+    "inheritText": [516, "inherit-text"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-card-body"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-card-body":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, CardBody);
+      }
+      break;
+  } });
+}
+
+const PCardBody = CardBody;
+const defineCustomElement = defineCustomElement$1;
+
+export { PCardBody, defineCustomElement };

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

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

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

@@ -0,0 +1,44 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const cardContainerComponentCss = ".static{position:static!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.drop-shadow-4{--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))!important}.drop-shadow-4,.drop-shadow-5{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}.drop-shadow-5{--tw-drop-shadow:drop-shadow(0px 0.1875rem 1rem rgba(0,24,98,.3))!important}.drop-shadow-transparent{--tw-drop-shadow:drop-shadow(transparent)!important}.drop-shadow-transparent,.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}*{box-sizing:border-box}:host{--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))!important;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.375rem;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)!important;flex-direction:column;width:100%}:host([hoverable]){cursor:pointer}:host([hoverable]:hover){--tw-drop-shadow:drop-shadow(0px 0.1875rem 1rem rgba(0,24,98,.3))!important;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}:host([shadow=false]){--tw-drop-shadow:drop-shadow(transparent)!important;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}";
+
+const CardContainer = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * Wether the card should be hoverable
+     */
+    this.hoverable = false;
+    /**
+     * Wether the card should have shadow
+     */
+    this.shadow = true;
+  }
+  render() {
+    return (h(Host, { class: "p-card-container" }, h("slot", null)));
+  }
+  static get style() { return cardContainerComponentCss; }
+}, [1, "p-card-container", {
+    "hoverable": [516],
+    "shadow": [516]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-card-container"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-card-container":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, CardContainer);
+      }
+      break;
+  } });
+}
+
+const PCardContainer = CardContainer;
+const defineCustomElement = defineCustomElement$1;
+
+export { PCardContainer, defineCustomElement };

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

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

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

@@ -0,0 +1,46 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$2 } from './icon.component.js';
+
+const cardHeaderComponentCss = ".static{position:static!important}.mx-6{margin-left:1.5rem!important;margin-right:1.5rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.rotate-0{--tw-rotate:0deg!important}.rotate-0,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-270{--tw-rotate:270deg!important}.rotate-315{--tw-rotate:315deg!important}.-rotate-0,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-135,.-rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-270,.-rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-315{--tw-rotate:-315deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}*{box-sizing:border-box}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;gap:.75rem;margin-left:1.5rem;margin-right:1.5rem;padding-bottom:.75rem;padding-top:.75rem}p-card-header .title{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity));display:flex;font-weight:600}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}";
+
+const CardHeader = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    /**
+     * Enable the title arrow
+     */
+    this.arrow = false;
+  }
+  render() {
+    var _a, _b;
+    return (h(Host, { class: "p-card-header" }, h("slot", { name: "prefix" }), (((_a = this.header) === null || _a === void 0 ? void 0 : _a.length) || this.arrow) && (h("div", { class: "title" }, (_b = this.header) !== null && _b !== void 0 ? _b : '', this.arrow && h("p-icon", { variant: "arrow" }))), h("slot", { name: "suffix" })));
+  }
+  static get style() { return cardHeaderComponentCss; }
+}, [4, "p-card-header", {
+    "header": [1],
+    "arrow": [4]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-card-header", "p-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-card-header":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, CardHeader);
+      }
+      break;
+    case "p-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const PCardHeader = CardHeader;
+const defineCustomElement = defineCustomElement$1;
+
+export { PCardHeader, defineCustomElement };

package/dist/components/p-content-slider.d.ts

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

package/dist/components/p-content-slider.js

@@ -0,0 +1,181 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$2 } from './slider-indicator.component.js';
+
+const contentSliderComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.flex{display:flex!important}.hidden{display:none!important}.w-full{width:100%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-grab{cursor:-webkit-grab!important;cursor:grab!important}.cursor-grabbing{cursor:-webkit-grabbing!important;cursor:grabbing!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}.flex-col{flex-direction:column!important}.flex-nowrap{flex-wrap:nowrap!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-center{justify-content:center!important}.gap-4{gap:1rem!important}.gap-2{gap:.5rem!important}.overflow-visible{overflow:visible!important}.p-16{padding:4rem!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;gap:1rem;margin:-4rem;overflow:hidden;padding:4rem}:host .slider{box-sizing:content-box;overflow:visible;position:relative}:host .slider.draggable{cursor:-webkit-grab;cursor:grab}@media (min-width:64rem){:host .slider.draggable{cursor:default}}:host .slider.draggable.dragging{cursor:-webkit-grabbing;cursor:grabbing}@media (min-width:64rem){:host .slider.draggable.dragging{cursor:default}}:host .slider .inner-slider{align-items:stretch;display:flex;flex-wrap:nowrap;gap:.5rem;position:absolute;width:100%}@media (min-width:40rem){:host .slider .inner-slider{gap:1rem}}@media (min-width:64rem){:host .slider .inner-slider{flex-wrap:wrap}}:host .slider .inner-slider>::slotted(*){flex-shrink:0;position:relative;width:100%;z-index:10}@media (min-width:40rem){:host .slider .inner-slider>::slotted(*){width:45%}}@media (min-width:64rem){:host .slider .inner-slider>::slotted(*){flex:1 1 0%;width:100%}}:host .indicator{align-items:center;display:flex;gap:.5rem;justify-content:center}@media (min-width:64rem){:host .indicator{display:none}}@media (min-width:40rem){.tablet\\:w-\\[45\\%\\]{width:45%!important}.tablet\\:gap-4{gap:1rem!important}}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}}";
+
+const ContentSlider = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * Wether to hide the indicator on mobile
+     */
+    this.hideMobileIndicator = false;
+    /**
+     * Wether to disable dragging the content
+     */
+    this.disableDrag = false;
+    /**
+     * Wether to disable clicking the indicator scrolls content
+     */
+    this.disableIndicatorClick = false;
+    this._outerHeight = 0;
+    this._totalWidth = 0;
+    this._items = [];
+    this._dragging = false;
+  }
+  componentWillRender() {
+    const items = this._el.querySelectorAll(':scope > *');
+    this._items = Array.from(items);
+  }
+  componentDidLoad() {
+    this._calculateWidth();
+    this._calculateIndicator();
+  }
+  disconnectedCallback() {
+    if (this._innerSliderResizeObserver) {
+      this._innerSliderResizeObserver.disconnect();
+    }
+  }
+  render() {
+    return (h(Host, { class: "p-content-slider" }, h("div", { class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
+        height: `${this._outerHeight}px`,
+      }, ref: (el) => (this._sliderRef = el), onScroll: () => this._handleScroll(), onMouseDown: (e) => this._mouseDownHandler(e), onMouseMove: (e) => this._mouseMoveHandler(e) }, h("div", { class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref) }, h("slot", null))), h("div", { class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._items.map((_, i) => (h("p-slider-indicator", { class: !this.disableIndicatorClick && 'cursor-pointer', onClick: () => this._scrollTo(i), active: i === this._visibleIndex }))))));
+  }
+  _setInnerSliderReft(ref) {
+    this._innerSliderRef = ref;
+    this._innerSliderResizeObserver = new ResizeObserver(() => this._calculateHeight());
+    this._innerSliderResizeObserver.observe(this._innerSliderRef);
+  }
+  _handleScroll() {
+    if (this._scrollHandlerTimeout) {
+      clearTimeout(this._scrollHandlerTimeout);
+    }
+    this._scrollHandlerTimeout = setTimeout(() => this._calculateIndicator(), 200);
+  }
+  _mouseDownHandler(e) {
+    if (this.disableDrag || this._dragging) {
+      return;
+    }
+    this._startX = e.offsetX - this._innerSliderRef.offsetLeft;
+    this._dragging = true;
+  }
+  _mouseMoveHandler(e) {
+    if (!e || !this._dragging || this.disableDrag) {
+      return;
+    }
+    e.preventDefault();
+    const x = e.offsetX;
+    this._innerSliderRef.style.left = `${x - this._startX}px`;
+    this._checkBoundary();
+    this._calculateIndicator();
+  }
+  _checkBoundary() {
+    let outer = this._sliderRef.getBoundingClientRect();
+    if (parseInt(this._innerSliderRef.style.left) > 0) {
+      this._innerSliderRef.style.left = '0px';
+    }
+    const maxLeft = (this._totalWidth - outer.width) * -1;
+    if (parseInt(this._innerSliderRef.style.left) < maxLeft) {
+      this._innerSliderRef.style.left = `${maxLeft}px`;
+    }
+  }
+  mouseUpHandler() {
+    this._dragging = false;
+  }
+  resizeHandler() {
+    this._innerSliderRef.style.left = '0px';
+    this._calculateWidth();
+    this._calculateIndicator();
+  }
+  _calculateIndicator() {
+    for (let i = 0; i < this._items.length; i++) {
+      const item = this._items[i];
+      const visible = this._isVisible(item);
+      if (visible) {
+        this._visibleIndex = i;
+      }
+      if (i === 0 && visible) {
+        break;
+      }
+    }
+  }
+  _isVisible(el) {
+    if (!this._el || !el) {
+      return false;
+    }
+    const elRect = el.getBoundingClientRect();
+    const sliderRect = this._sliderRef.getBoundingClientRect();
+    return (elRect.left >= sliderRect.left && elRect.right <= sliderRect.right);
+  }
+  _scrollTo(i) {
+    if (this.disableIndicatorClick) {
+      return;
+    }
+    const el = this._items[i];
+    if (i === 0) {
+      this._innerSliderRef.style.left = '0px';
+      this._calculateIndicator();
+      return;
+    }
+    const sliderRect = this._sliderRef.getBoundingClientRect();
+    const elRect = el.getBoundingClientRect();
+    const centerOffset = el.offsetLeft + elRect.width / 2 - sliderRect.width / 2;
+    this._innerSliderRef.style.left = `-${centerOffset}px`;
+    this._checkBoundary();
+    this._calculateIndicator();
+  }
+  _calculateWidth() {
+    let totalWidth = 0;
+    for (let item of this._items) {
+      const rect = item.getBoundingClientRect();
+      totalWidth += rect.width;
+    }
+    const sliderStyle = getComputedStyle(this._sliderRef);
+    const padding = parseInt(sliderStyle.padding) * 2;
+    const innerSliderStyle = getComputedStyle(this._innerSliderRef);
+    const gap = parseInt(innerSliderStyle.gap) * (this._items.length - 1);
+    totalWidth += padding + gap;
+    this._totalWidth = totalWidth;
+  }
+  _calculateHeight() {
+    const outerHeight = this._items.at(0).getBoundingClientRect().height;
+    if (outerHeight != this._outerHeight) {
+      this._outerHeight = outerHeight;
+    }
+  }
+  get _el() { return this; }
+  static get style() { return contentSliderComponentCss; }
+}, [1, "p-content-slider", {
+    "hideMobileIndicator": [4, "hide-mobile-indicator"],
+    "disableDrag": [4, "disable-drag"],
+    "disableIndicatorClick": [4, "disable-indicator-click"],
+    "_visibleIndex": [32],
+    "_outerHeight": [32],
+    "_totalWidth": [32],
+    "_dragging": [32]
+  }, [[9, "mouseup", "mouseUpHandler"], [9, "resize", "resizeHandler"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-content-slider", "p-slider-indicator"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-content-slider":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ContentSlider);
+      }
+      break;
+    case "p-slider-indicator":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const PContentSlider = ContentSlider;
+const defineCustomElement = defineCustomElement$1;
+
+export { PContentSlider, defineCustomElement };

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

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

package/dist/components/p-counter.js

@@ -0,0 +1,6 @@
+import { C as Counter, d as defineCustomElement$1 } from './counter.component.js';
+
+const PCounter = Counter;
+const defineCustomElement = defineCustomElement$1;
+
+export { PCounter, defineCustomElement };

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

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

package/dist/components/p-divider.js

@@ -0,0 +1,6 @@
+import { D as Divider, d as defineCustomElement$1 } from './divider.component.js';
+
+const PDivider = Divider;
+const defineCustomElement = defineCustomElement$1;
+
+export { PDivider, defineCustomElement };

package/dist/components/p-dropdown-menu-container.d.ts

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

package/dist/components/p-dropdown-menu-container.js

@@ -0,0 +1,6 @@
+import { D as DropdownMenuContainer, d as defineCustomElement$1 } from './dropdown-menu-container.component.js';
+
+const PDropdownMenuContainer = DropdownMenuContainer;
+const defineCustomElement = defineCustomElement$1;
+
+export { PDropdownMenuContainer, defineCustomElement };

package/dist/components/p-dropdown-menu-item.d.ts

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

package/dist/components/p-dropdown-menu-item.js

@@ -0,0 +1,46 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$2 } from './icon.component.js';
+
+const dropdownMenuItemComponentCss = ".static{position:static!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.rotate-0{--tw-rotate:0deg!important}.rotate-0,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-270{--tw-rotate:270deg!important}.rotate-315{--tw-rotate:315deg!important}.-rotate-0,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-135,.-rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-270,.-rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-315{--tw-rotate:-315deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.items-center{align-items:center!important}.rounded{border-radius:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-storm{color:rgb(81 83 107/var(--tw-text-opacity))!important}.text-indigo,.text-storm{--tw-text-opacity:1!important}.text-indigo{color:rgb(82 138 250/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:2rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;width:100%}:host(:hover){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(81 83 107/var(--tw-text-opacity))}:host(.active){--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))}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}";
+
+const DropdownMenuItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * Wether the dropdown menu item is active
+     */
+    this.active = false;
+  }
+  render() {
+    return (h(Host, { class: `p-dropdown-menu-item ${this.active && 'active'}` }, this.icon && h("p-icon", { variant: this.icon }), h("slot", null)));
+  }
+  static get style() { return dropdownMenuItemComponentCss; }
+}, [1, "p-dropdown-menu-item", {
+    "active": [4],
+    "icon": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["p-dropdown-menu-item", "p-icon"];
+  components.forEach(tagName => { switch (tagName) {
+    case "p-dropdown-menu-item":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, DropdownMenuItem);
+      }
+      break;
+    case "p-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const PDropdownMenuItem = DropdownMenuItem;
+const defineCustomElement = defineCustomElement$1;
+
+export { PDropdownMenuItem, defineCustomElement };

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

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

package/dist/components/p-dropdown.js

@@ -0,0 +1,6 @@
+import { D as Dropdown, d as defineCustomElement$1 } from './dropdown.component.js';
+
+const PDropdown = Dropdown;
+const defineCustomElement = defineCustomElement$1;
+
+export { PDropdown, defineCustomElement };

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

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

package/dist/components/p-helper.js

@@ -0,0 +1,6 @@
+import { H as Helper, d as defineCustomElement$1 } from './helper.component.js';
+
+const PHelper = Helper;
+const defineCustomElement = defineCustomElement$1;
+
+export { PHelper, defineCustomElement };