@paperless/core 3.5.1 → 3.6.1

package/dist/collection/components/molecules/table/row/table-row.stories.js

@@ -0,0 +1,24 @@
+import { html, nothing } from "lit";
+const meta = {
+    title: 'Design System/Molecules/Table/Row',
+    component: 'p-table-row',
+    args: {
+        content: 'TableRow',
+    },
+    argTypes: {
+        content: {
+            type: 'string',
+        },
+    },
+};
+export default meta;
+export const Default = {
+    render: ({ content, variant, 'enable-hover': enableHover }) => html `
+		<p-table-row
+			variant=${variant ?? nothing}
+			enable-hover=${enableHover ?? nothing}
+		>
+			${content}
+		</p-table-row>
+	`,
+};

package/dist/collection/components/molecules/toast/toast.stories.js

@@ -0,0 +1,26 @@
+import { action } from "@storybook/addon-actions";
+import { html, nothing } from "lit";
+const meta = {
+    title: 'Design System/Molecules/Toast',
+    component: 'p-toast',
+    args: {
+        header: 'This is a header',
+        content: 'This is content of the toast',
+        variant: 'neutral',
+    },
+};
+export default meta;
+export const Default = {
+    render: ({ variant, header, content, 'enable-action': enableAction, 'action-icon': actionIcon, 'action-icon-flip': actionIconFlip, 'action-icon-rotate': actionIconRotate, }) => html `
+		<p-toast
+			variant=${variant ?? nothing}
+			header=${header ?? nothing}
+			content=${content ?? nothing}
+			enable-action=${enableAction ?? nothing}
+			action-icon=${actionIcon ?? nothing}
+			action-icon-flip=${actionIconFlip ?? nothing}
+			action-icon-rotate=${actionIconRotate ?? nothing}
+			@action=${action('action')}
+		/>
+	`,
+};

package/dist/collection/components/organisms/drawer/drawer.stories.js

@@ -0,0 +1,43 @@
+import { action } from "@storybook/addon-actions";
+import { html, nothing } from "lit";
+const meta = {
+    title: 'Design System/Organisms/Drawer',
+    component: 'p-drawer',
+    args: {
+        header: 'Drawer',
+        show: true,
+        'scroll-lock': false,
+    },
+    parameters: {
+        docs: {
+            iframeHeight: 900,
+            story: {
+                height: '900px',
+            },
+        },
+    },
+};
+export default meta;
+export const Default = {
+    render: ({ header, show, 'apply-blur': applyBlur, 'show-close': showClose, 'backdrop-click-close': backdropClickClose, 'can-close': canClose, 'scroll-lock': scrollLock, }) => html `
+		<p-drawer
+			header=${header ?? nothing}
+			show=${show ?? nothing}
+			apply-blur=${applyBlur ?? nothing}
+			show-close=${showClose ?? nothing}
+			backdrop-click-close=${backdropClickClose ?? nothing}
+			can-close=${canClose ?? nothing}
+			scroll-lock=${scrollLock ?? nothing}
+			@closeClicked=${action('closeClicked')}
+			@closed=${action('closed')}
+		>
+			<p-card-container
+				slot="content"
+				slot="content"
+			>
+				<p-card-header header="Card header"></p-card-header>
+				<p-card-body> Card content! </p-card-body>
+			</p-card-container>
+		</p-drawer>
+	`,
+};

package/dist/collection/components/organisms/listing/listing.stories.js

@@ -0,0 +1,38 @@
+import { html } from "lit";
+const meta = {
+    title: 'Design System/Organisms/Listing',
+    component: 'p-listing',
+    parameters: {
+        docs: {
+            iframeHeight: 600,
+            story: {
+                height: '700px',
+            },
+        },
+    },
+};
+export default meta;
+export const Default = {
+    render: () => html `
+		<p-listing>
+			<p-listing-item icon="user">
+				<p>Item number 1</p>
+				<p class="text-xs text-storm-300 dark:text-hurricane-200">
+					Sub text of item 1
+				</p>
+			</p-listing-item>
+			<p-listing-item icon="calendar">
+				<p>Item number 2</p>
+				<p class="text-xs text-storm-300 dark:text-hurricane-200">
+					Sub text of item 2
+				</p>
+			</p-listing-item>
+			<p-listing-item icon="pay">
+				<p>Item number 3</p>
+				<p class="text-xs text-storm-300 dark:text-hurricane-200">
+					Sub text of item 3
+				</p>
+			</p-listing-item>
+		</p-listing>
+	`,
+};

package/dist/collection/components/organisms/modal/modal.stories.js

@@ -0,0 +1,59 @@
+import { action } from "@storybook/addon-actions";
+import { html, nothing } from "lit";
+const meta = {
+    title: 'Design System/Organisms/Modal',
+    component: 'p-modal',
+    args: {
+        header: 'Modal',
+        content: 'Modal content',
+        show: true,
+        'scroll-lock': false,
+    },
+    argTypes: {
+        content: {
+            type: 'string',
+        },
+    },
+    parameters: {
+        docs: {
+            iframeHeight: 600,
+            story: {
+                height: '700px',
+            },
+        },
+    },
+};
+export default meta;
+export const Default = {
+    render: ({ content, size, variant, header, show, 'apply-blur': applyBlur, 'show-close': showClose, 'show-mobile-footer': showMobileFooter, 'backdrop-click-close': backdropClickClose, 'scroll-lock': scrollLock, padding, }) => html `
+		<p-modal
+			size=${size ?? nothing}
+			variant=${variant ?? nothing}
+			header=${header ?? nothing}
+			show=${show ?? nothing}
+			apply-blur=${applyBlur ?? nothing}
+			show-close=${showClose ?? nothing}
+			show-mobile-footer=${showMobileFooter ?? nothing}
+			backdrop-click-close=${backdropClickClose ?? nothing}
+			scroll-lock=${scrollLock ?? nothing}
+			padding=${padding ?? nothing}
+			@closeClicked=${action('closeClicked')}
+			@closed=${action('closed')}
+		>
+			<slot slot="content">${content}</slot>
+			<p-button
+				slot="footer"
+				class="hidden tablet:inline-block"
+				variant="secondary"
+			>
+				Cancel
+			</p-button>
+			<p-button
+				slot="footer"
+				class="w-full tablet:ml-auto tablet:w-auto"
+			>
+				Submit
+			</p-button>
+		</p-modal>
+	`,
+};

package/dist/collection/components/organisms/navbar/navbar.stories.js

@@ -0,0 +1,76 @@
+import { html } from "lit";
+const meta = {
+    title: 'Design System/Organisms/Navbar',
+    component: 'p-navbar',
+};
+export default meta;
+export const Default = {
+    render: () => html `
+		<p-navbar>
+			<div
+				class="flex w-full flex-col"
+				slot="company"
+				*ngrxLet="accesses$ as accesses"
+			>
+				<p-profile>
+					<p-avatar
+						slot="avatar"
+						letters="Company name"
+					></p-avatar>
+					<span slot="title">Company Name</span>
+					<div slot="dropdown">
+						<p-dropdown-menu-item icon="company"> Data </p-dropdown-menu-item>
+						<p-dropdown-menu-item icon="users"> Users </p-dropdown-menu-item>
+						<p-dropdown-menu-item icon="tag">
+							Subscription and billing
+						</p-dropdown-menu-item>
+						<p-divider></p-divider>
+						<p-dropdown-menu-item icon="plus">
+							Add company
+						</p-dropdown-menu-item>
+					</div>
+				</p-profile>
+			</div>
+
+			<p-navigation-section
+				header="title"
+				slot="content"
+			>
+				<p-navigation-item
+					counter="3"
+					icon="user"
+					>Item</p-navigation-item
+				>
+				<p-navigation-item
+					active
+					icon="user"
+					>Item</p-navigation-item
+				>
+			</p-navigation-section>
+
+			<p-profile slot="user">
+				<p-avatar
+					slot="avatar"
+					letters="Displayname"
+				></p-avatar>
+				<span slot="title">Displayname</span>
+				<span slot="subtitle"> Employer </span>
+				<div slot="dropdown">
+					<p-profile class="inline-block px-2">
+						<span slot="title">Display name</span>
+						<span slot="subtitle">User email yada yada</span>
+					</p-profile>
+					<p-divider></p-divider>
+					<p-dropdown-menu-item icon="user"> Person </p-dropdown-menu-item>
+					<p-dropdown-menu-item
+						variant="negative"
+						icon="wave"
+						icon-wave
+					>
+						Signout
+					</p-dropdown-menu-item>
+				</div>
+			</p-profile>
+		</p-navbar>
+	`,
+};

package/dist/collection/components/organisms/stepper/stepper.stories.js

@@ -0,0 +1,64 @@
+import { html, nothing } from "lit";
+const meta = {
+    title: 'Design System/Organisms/Stepper',
+    component: 'p-stepper',
+    args: {
+        steps: JSON.stringify(['Step 1', 'Step 2', 'Step 3']),
+    },
+    parameters: {
+        docs: {
+            iframeHeight: 600,
+            story: {
+                height: '700px',
+            },
+        },
+    },
+};
+export default meta;
+export const Horizontal = {
+    render: ({ 'active-step': activeStep, 'enable-auto-status': enableAutoStatus, 'content-position': contentPosition, steps, }) => html `
+		<p-stepper
+			active-step=${activeStep ?? nothing}
+			enable-auto-status=${enableAutoStatus ?? nothing}
+			direction="horizontal"
+			content-position=${contentPosition ?? nothing}
+			steps=${steps ?? nothing}
+		>
+		</p-stepper>
+	`,
+};
+export const Vertical = {
+    render: ({ 'active-step': activeStep, 'enable-auto-status': enableAutoStatus, 'content-position': contentPosition, align, }) => html `
+		<p-stepper
+			direction="vertical"
+			active-step=${activeStep ?? nothing}
+			enable-auto-status=${enableAutoStatus ?? nothing}
+			align=${align ?? nothing}
+			content-position=${contentPosition ?? nothing}
+		>
+			<p-stepper-item>
+				<p-card-container>
+					<p-card-body>
+						Some content but longer <br />
+						loooong <br />
+						Even longuuuuur
+					</p-card-body>
+				</p-card-container>
+			</p-stepper-item>
+			<p-stepper-item>
+				<p-card-container>
+					<p-card-body>
+						Some content but longer <br />
+						loooong <br />
+						Even longuuuuur
+					</p-card-body>
+				</p-card-container>
+			</p-stepper-item>
+			<p-stepper-item>
+				<p-card-container>
+					<p-card-body>Some content</p-card-body>
+				</p-card-container>
+			</p-stepper-item>
+		</p-stepper>
+	`,
+};

package/dist/collection/components/organisms/table/table.stories.js

@@ -0,0 +1,226 @@
+import { action } from "@storybook/addon-actions";
+import { html, nothing } from "lit";
+const meta = {
+    title: 'Design System/Organisms/Table',
+    component: 'p-table',
+    args: {
+        total: 100,
+        items: JSON.stringify([
+            {
+                id: 1,
+                first: 'First',
+                second: 'Second',
+                third: 'Third',
+            },
+            {
+                id: 2,
+                first: 'First',
+                second: 'Second',
+                third: 'Third',
+            },
+            {
+                id: 3,
+                first: 'First',
+                second: 'Second',
+                third: 'Third',
+            },
+            {
+                id: 4,
+                first: 'First',
+                second: 'Second',
+                third: 'Third',
+            },
+            {
+                id: 1,
+                first: 'First',
+                second: 'Second',
+                third: 'Third',
+            },
+            {
+                id: 2,
+                first: 'First',
+                second: 'Second',
+                third: 'Third',
+            },
+            {
+                id: 3,
+                first: 'First',
+                second: 'Second',
+                third: 'Third',
+            },
+            {
+                id: 4,
+                first: 'First',
+                second: 'Second',
+                third: 'Third',
+            },
+        ]),
+        'quick-filters': JSON.stringify([
+            {
+                identifier: 'first',
+                text: 'First',
+            },
+            {
+                identifier: 'second',
+                text: 'Second',
+            },
+            {
+                identifier: 'third',
+                text: 'Third',
+            },
+        ]),
+        'selection-key': 'id',
+    },
+    parameters: {
+        docs: {
+            iframeHeight: 600,
+            story: {
+                height: '700px',
+            },
+        },
+    },
+};
+export default meta;
+export const Default = {
+    render: ({ items, loading, 'header-loading': headerLoading, 'footer-loading': footerLoading, 'amount-of-loading-rows': amountOfLoadingRows, 'enable-row-selection': enableRowSelection, 'row-selection-limit': rowSelectionLimit, 'enable-row-click': enableRowClick, 'selected-rows': selectedRows, 'enable-floating-menu': enableFloatingMenu, 'floating-menu-amount-selected-template': floatingMenuAmountSelectedTemplate, 'selection-key': selectionKey, 'can-select-key': canSelectKey, 'enable-header': enableHeader, 'quick-filters': quickFilters, 'active-quick-filter-identifier': activeQuickFilterIdentifier, 'enable-search': enableSearch, query, 'enable-filter': enableFilter, 'enable-filter-desktop': enableFilterDesktop, 'selected-filters-amount': selectedFiltersAmount, 'filter-button-template': filterButtonTemplate, 'enable-action': enableAction, 'action-button-loading': actionButtonLoading, 'action-button-enabled': actionButtonEnabled, 'action-button-icon': actionButtonIcon, 'action-button-text': actionButtonText, 'action-button-template': actionButtonTemplate, 'enable-footer': enableFooter, 'enable-page-size': enablePageSize, 'enable-pagination': enablePagination, 'enable-export': enableExport, page, total, 'page-size': pageSize, 'page-size-options': pageSizeOptions, 'hide-on-single-page': hideOnSinglePage, 'empty-state-header': emptyStateHeader, 'empty-state-content': emptyStateContent, 'empty-state-action': emptyStateAction, 'enable-empty-state-action': enableEmptyStateAction, 'empty-state-filtered-header': emptyStateFilteredHeader, 'empty-state-filtered-content': emptyStateFilteredContent, shadow, }) => {
+        const customRowFirstDefinition = {
+            variant: 'default',
+            align: 'start',
+            sizes: 6,
+        };
+        const customRowSecondDefinition = {
+            ...customRowFirstDefinition,
+            align: 'end',
+        };
+        return html `
+			<p-table
+				items=${items ?? nothing}
+				loading=${loading ?? nothing}
+				header-loading=${headerLoading ?? nothing}
+				footer-loading=${footerLoading ?? nothing}
+				amount-of-loading-rows=${amountOfLoadingRows ?? nothing}
+				enable-row-selection=${enableRowSelection ?? nothing}
+				row-selection-limit=${rowSelectionLimit ?? nothing}
+				enable-row-click=${enableRowClick ?? nothing}
+				selected-rows=${selectedRows ?? nothing}
+				enable-floating-menu=${enableFloatingMenu ?? nothing}
+				floating-menu-amount-selected-template=${floatingMenuAmountSelectedTemplate ??
+            nothing}
+				selection-key=${selectionKey ?? nothing}
+				can-select-key=${canSelectKey ?? nothing}
+				enable-header=${enableHeader ?? nothing}
+				quick-filters=${quickFilters ?? nothing}
+				active-quick-filter-identifier=${activeQuickFilterIdentifier ?? nothing}
+				enable-search=${enableSearch ?? nothing}
+				query=${query ?? nothing}
+				enable-filter=${enableFilter ?? nothing}
+				enable-filter-desktop=${enableFilterDesktop ?? nothing}
+				selected-filters-amount=${selectedFiltersAmount ?? nothing}
+				filter-button-template=${filterButtonTemplate ?? nothing}
+				enable-action=${enableAction ?? nothing}
+				action-button-loading=${actionButtonLoading ?? nothing}
+				action-button-enabled=${actionButtonEnabled ?? nothing}
+				action-button-icon=${actionButtonIcon ?? nothing}
+				action-button-text=${actionButtonText ?? nothing}
+				action-button-template=${actionButtonTemplate ?? nothing}
+				enable-footer=${enableFooter ?? nothing}
+				enable-page-size=${enablePageSize ?? nothing}
+				enable-pagination=${enablePagination ?? nothing}
+				enable-export=${enableExport ?? nothing}
+				page=${page ?? nothing}
+				total=${total ?? nothing}
+				page-size=${pageSize ?? nothing}
+				page-size-options=${pageSizeOptions ?? nothing}
+				hide-on-single-page=${hideOnSinglePage ?? nothing}
+				empty-state-header=${emptyStateHeader ?? nothing}
+				empty-state-content=${emptyStateContent ?? nothing}
+				empty-state-action=${emptyStateAction ?? nothing}
+				enable-empty-state-action=${enableEmptyStateAction ?? nothing}
+				empty-state-filtered-header=${emptyStateFilteredHeader ?? nothing}
+				empty-state-filtered-content=${emptyStateFilteredContent ?? nothing}
+				shadow=${shadow ?? nothing}
+				@selectedRowsChange=${action('selectedRowsChange')}
+				@rowClick=${action('rowClick')}
+				@rowSelected=${action('rowSelected')}
+				@rowDeselected=${action('rowDeselected')}
+				@hasRendered=${action('hasRendered')}
+				@quickFilter=${action('quickFilter')}
+				@queryChange=${action('queryChange')}
+				@filter=${action('filter')}
+				@action=${action('action')}
+				@pageChange=${action('pageChange')}
+				@pageSizeChange=${action('pageSizeChange')}
+				@export=${action('export')}
+				@emptyStateActionClick=${action('emptyStateActionClick')}
+			>
+				<p-table-extra-header
+					name="extra first"
+					sizes="3"
+				></p-table-extra-header>
+				<p-table-extra-header
+					name="extra long"
+					sizes="6"
+				></p-table-extra-header>
+				<p-table-extra-header
+					name="extra last"
+					align="end"
+					sizes="3"
+				></p-table-extra-header>
+
+				<p-table-column
+					name="first"
+					path="first"
+					sizes="3"
+				></p-table-column>
+				<p-table-column
+					name="second"
+					path="second"
+					sizes="3"
+				></p-table-column>
+				<p-table-column
+					name="third"
+					path="third"
+					sizes="3"
+				></p-table-column>
+				<p-table-column
+					name="fourth"
+					path="third"
+					sizes="3"
+				></p-table-column>
+
+				<p-table-row-action
+					icon="user"
+					type="both"
+					label="User both"
+					@action=${action('rowActionUserBoth')}
+				></p-table-row-action>
+				<p-table-row-action
+					icon="pencil"
+					type="single"
+					label="Pencil single"
+					@action=${action('rowActionPencilSingle')}
+				></p-table-row-action>
+				<p-table-row-action
+					icon="company"
+					type="multi"
+					label="Multi company"
+					@action=${action('rowActionCompanyMulti')}
+				></p-table-row-action>
+
+				<p-table-row
+					variant="secondary"
+					slot="custom-rows"
+				>
+					<p-table-cell definition=${customRowFirstDefinition}>
+						<span class="text-black dark:text-white">Subtotal</span>
+					</p-table-cell>
+					<p-table-cell definition=${customRowSecondDefinition}>
+						<span class="text-storm-500 dark:text-hurricane-200">
+							&euro; 1.234,50
+						</span>
+					</p-table-cell>
+				</p-table-row>
+			</p-table>
+		`;
+    },
+};

package/dist/components/{p-I5W6Sf7I.js → p-1zHupCi5.js}

@@ -1 +1 @@
-import{t,p as e,H as r,h as a}from"./p-CySg37XO.js";import{c as o}from"./p-CBWjHURv.js";import{T as i}from"./p-Au2WuEGF.js";import{c}from"./p-xs4N_Y-0.js";import{a as n}from"./p-C5CTp9IA.js";import{d as s}from"./p-Bxk-f0zV.js";const d=o(["flex items-center justify-center","rounded-xl","cursor-pointer text-sm"],{variants:{variant:{default:"h-6 gap-2",block:"flex-col p-2 text-center"},active:{false:["cursor-pointer","\n       text-storm-300\n       hover:bg-storm-50 hover:text-storm-500\n     ","dark:hover:bg-white/15 dark:hover:text-white"],true:"bg-indigo-600 text-white"},iconOnly:{false:"px-2",true:"w-6"}},compoundVariants:[{variant:"default",active:!1,class:"\n      text-storm-500\n      dark:text-hurricane-200\n    "},{variant:"block",active:!1,class:"\n      text-storm-500\n      dark:text-white\n    "}]}),h=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}variant="default";active=!1;iconOnly=!1;icon;iconFlip;iconRotate;render(){const t="block"===this.variant?a("slot",{name:"description"}):null;return a(i,{key:"fb365ffba7e5d105956b9ffbfa4b3effdeec27b2"},a("div",{key:"54736bcb97a642dc66a9c94451e0b3b6bb18d0d3",class:d({variant:this.variant,active:n(this.active),iconOnly:n(this.iconOnly)})},this.icon&&a("p-icon",{key:"5eca3c0638d613f947e320a0ee89867c6fb468ae",class:c("mb-1",{"text-storm-300 dark:text-hurricane-200":!n(this.active),"text-indigo-200":n(this.active)}),flip:this.iconFlip,rotate:this.iconRotate,variant:this.icon}),"default"===this.variant?a("slot",null):a("div",{class:"flex flex-col items-center"},a("p",{class:c("\n           my-0 font-medium\n           empty:hidden\n         ",{})},a("slot",{name:"title"})),t&&a("p",{class:c("my-0 text-xs font-medium",{"text-storm-300 dark:text-hurricane-200":!n(this.active),"text-indigo-200":n(this.active)})},t))))}static get style(){return"*{box-sizing:border-box}.static{position:static}.my-0{margin-bottom:0;margin-top:0}.mb-1{margin-bottom:.25rem}.block{display:block}.flex{display:flex}.h-6{height:1.5rem}.w-6{width:1.5rem}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.rounded-xl{border-radius:.75rem}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.text-hurricane-200{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.text-indigo-200{--tw-text-opacity:1;color:rgb(199 217 253/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.empty\\:hidden:empty{display:none}.hover\\:bg-storm-50:hover{--tw-bg-opacity:1;background-color:rgb(232 232 234/var(--tw-bg-opacity,1))}.hover\\:text-storm-500:hover{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:hover\\:bg-white\\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:text-white:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:hover\\:bg-white\\/15:hover:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:text-white:hover:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}"}},[769,"p-segment-item",{variant:[1],active:[4],iconOnly:[4,"icon-only"],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]}]);function m(){"undefined"!=typeof customElements&&["p-segment-item","p-icon"].forEach((e=>{switch(e){case"p-segment-item":customElements.get(t(e))||customElements.define(t(e),h);break;case"p-icon":customElements.get(t(e))||s()}}))}m();export{h as S,m as d}
+import{t,p as e,H as r,h as a}from"./p-CySg37XO.js";import{c as o}from"./p-CBWjHURv.js";import{T as i}from"./p-Au2WuEGF.js";import{c}from"./p-xs4N_Y-0.js";import{a as n}from"./p-C5CTp9IA.js";import{d as s}from"./p-DwJAKJDy.js";const d=o(["flex items-center justify-center","rounded-xl","cursor-pointer text-sm"],{variants:{variant:{default:"h-6 gap-2",block:"flex-col p-2 text-center"},active:{false:["cursor-pointer","\n       text-storm-300\n       hover:bg-storm-50 hover:text-storm-500\n     ","dark:hover:bg-white/15 dark:hover:text-white"],true:"bg-indigo-600 text-white"},iconOnly:{false:"px-2",true:"w-6"}},compoundVariants:[{variant:"default",active:!1,class:"\n      text-storm-500\n      dark:text-hurricane-200\n    "},{variant:"block",active:!1,class:"\n      text-storm-500\n      dark:text-white\n    "}]}),h=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}variant="default";active=!1;iconOnly=!1;icon;iconFlip;iconRotate;render(){const t="block"===this.variant?a("slot",{name:"description"}):null;return a(i,{key:"fb365ffba7e5d105956b9ffbfa4b3effdeec27b2"},a("div",{key:"54736bcb97a642dc66a9c94451e0b3b6bb18d0d3",class:d({variant:this.variant,active:n(this.active),iconOnly:n(this.iconOnly)})},this.icon&&a("p-icon",{key:"5eca3c0638d613f947e320a0ee89867c6fb468ae",class:c("mb-1",{"text-storm-300 dark:text-hurricane-200":!n(this.active),"text-indigo-200":n(this.active)}),flip:this.iconFlip,rotate:this.iconRotate,variant:this.icon}),"default"===this.variant?a("slot",null):a("div",{class:"flex flex-col items-center"},a("p",{class:c("\n           my-0 font-medium\n           empty:hidden\n         ",{})},a("slot",{name:"title"})),t&&a("p",{class:c("my-0 text-xs font-medium",{"text-storm-300 dark:text-hurricane-200":!n(this.active),"text-indigo-200":n(this.active)})},t))))}static get style(){return"*{box-sizing:border-box}.static{position:static}.my-0{margin-bottom:0;margin-top:0}.mb-1{margin-bottom:.25rem}.block{display:block}.flex{display:flex}.h-6{height:1.5rem}.w-6{width:1.5rem}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.rounded-xl{border-radius:.75rem}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.text-hurricane-200{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.text-indigo-200{--tw-text-opacity:1;color:rgb(199 217 253/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.empty\\:hidden:empty{display:none}.hover\\:bg-storm-50:hover{--tw-bg-opacity:1;background-color:rgb(232 232 234/var(--tw-bg-opacity,1))}.hover\\:text-storm-500:hover{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:hover\\:bg-white\\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:text-white:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:hover\\:bg-white\\/15:hover:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:text-white:hover:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}"}},[769,"p-segment-item",{variant:[1],active:[4],iconOnly:[4,"icon-only"],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]}]);function m(){"undefined"!=typeof customElements&&["p-segment-item","p-icon"].forEach((e=>{switch(e){case"p-segment-item":customElements.get(t(e))||customElements.define(t(e),h);break;case"p-icon":customElements.get(t(e))||s()}}))}m();export{h as S,m as d}

package/dist/components/{p-CtE3SyKQ.js → p-A2evcUTz.js}

@@ -1 +1 @@
-import{t,p as e,H as o,h as r}from"./p-CySg37XO.js";import{c as a}from"./p-CBWjHURv.js";import{T as i}from"./p-Au2WuEGF.js";import{a as s}from"./p-C5CTp9IA.js";import{d as n}from"./p-Bxk-f0zV.js";import{d as c}from"./p-D8faiybE.js";const d=a(["group","flex h-8 items-center gap-2 px-2","text-sm","rounded-lg"],{variants:{hover:{false:null,true:null},disabled:{false:null,true:"cursor-not-allowed opacity-60"}},compoundVariants:[{disabled:!0,class:"cursor-not-allowed text-storm-50"},{disabled:!1,class:"text-storm-100"},{disabled:!1,hover:!0,class:["\n       cursor-pointer\n       hover:bg-storm-800\n       active:bg-storm-700 active:text-storm-100/60\n     ","\n       dark:hover:bg-hurricane-500\n       dark:active:bg-hurricane-600/50\n     "]}]}),l=a([],{variants:{hover:{false:null,true:null},disabled:{false:null,true:null}},compoundVariants:[{disabled:!1,hover:!0,class:"\n     group-hover:text-storm-100\n     group-active:text-storm-100/60\n   "}]}),p=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost()}hover=!0;disabled=!1;loading=!1;icon;iconPosition="end";iconFlip;iconRotate;render(){return r(i,{key:"9ea48ae1034fdfac03dda8cc37f418b70e84d110",class:d({hover:s(this.hover)&&!s(this.loading),disabled:s(this.disabled)})},this._getIcon(),r("p",{key:"d95a7f2ccf5e11fb5048bf9ae651e341a62a75ec",class:"\n       min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold\n       empty:hidden\n     "},r("slot",{key:"0af451107a9e94f6b63aa90d0683e4b50b43ba40"})))}_getIcon(){if(this.icon||this.loading)return this.loading?r("p-loader",{color:"white"}):r("p-icon",{class:l({hover:s(this.hover),disabled:s(this.disabled)}),flip:this.iconFlip,rotate:this.iconRotate,variant:this.icon})}static get style(){return"*{box-sizing:border-box}.static{position:static}.flex{display:flex}.h-8{height:2rem}.min-w-0{min-width:0}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.text-nowrap{text-wrap:nowrap}.rounded-lg{border-radius:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-semibold{font-weight:600}.text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-storm-50{--tw-text-opacity:1;color:rgb(232 232 234/var(--tw-text-opacity,1))}.opacity-60{opacity:.6}.empty\\:hidden:empty{display:none}.hover\\:bg-storm-800:hover{--tw-bg-opacity:1;background-color:rgb(2 8 21/var(--tw-bg-opacity,1))}.active\\:bg-storm-700:active{--tw-bg-opacity:1;background-color:rgb(8 15 28/var(--tw-bg-opacity,1))}.active\\:text-storm-100\\/60:active{color:hsla(220,3%,83%,.6)}.group:hover .group-hover\\:text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.group:active .group-active\\:text-storm-100\\/60{color:hsla(220,3%,83%,.6)}.dark\\:hover\\:bg-hurricane-500:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:active\\:bg-hurricane-600\\/50:active:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(46,52,62,.5)}.dark\\:hover\\:bg-hurricane-500:hover:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:active\\:bg-hurricane-600\\/50:active:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(46,52,62,.5)}"}},[772,"p-floating-menu-item",{hover:[4],disabled:[4],loading:[4],icon:[1],iconPosition:[1,"icon-position"],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]}]);function h(){"undefined"!=typeof customElements&&["p-floating-menu-item","p-icon","p-loader"].forEach((e=>{switch(e){case"p-floating-menu-item":customElements.get(t(e))||customElements.define(t(e),p);break;case"p-icon":customElements.get(t(e))||n();break;case"p-loader":customElements.get(t(e))||c()}}))}h();export{p as F,h as d}
+import{t,p as e,H as o,h as r}from"./p-CySg37XO.js";import{c as a}from"./p-CBWjHURv.js";import{T as i}from"./p-Au2WuEGF.js";import{a as s}from"./p-C5CTp9IA.js";import{d as n}from"./p-DwJAKJDy.js";import{d as c}from"./p-D8faiybE.js";const d=a(["group","flex h-8 items-center gap-2 px-2","text-sm","rounded-lg"],{variants:{hover:{false:null,true:null},disabled:{false:null,true:"cursor-not-allowed opacity-60"}},compoundVariants:[{disabled:!0,class:"cursor-not-allowed text-storm-50"},{disabled:!1,class:"text-storm-100"},{disabled:!1,hover:!0,class:["\n       cursor-pointer\n       hover:bg-storm-800\n       active:bg-storm-700 active:text-storm-100/60\n     ","\n       dark:hover:bg-hurricane-500\n       dark:active:bg-hurricane-600/50\n     "]}]}),l=a([],{variants:{hover:{false:null,true:null},disabled:{false:null,true:null}},compoundVariants:[{disabled:!1,hover:!0,class:"\n     group-hover:text-storm-100\n     group-active:text-storm-100/60\n   "}]}),p=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost()}hover=!0;disabled=!1;loading=!1;icon;iconPosition="end";iconFlip;iconRotate;render(){return r(i,{key:"9ea48ae1034fdfac03dda8cc37f418b70e84d110",class:d({hover:s(this.hover)&&!s(this.loading),disabled:s(this.disabled)})},this._getIcon(),r("p",{key:"d95a7f2ccf5e11fb5048bf9ae651e341a62a75ec",class:"\n       min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold\n       empty:hidden\n     "},r("slot",{key:"0af451107a9e94f6b63aa90d0683e4b50b43ba40"})))}_getIcon(){if(this.icon||this.loading)return this.loading?r("p-loader",{color:"white"}):r("p-icon",{class:l({hover:s(this.hover),disabled:s(this.disabled)}),flip:this.iconFlip,rotate:this.iconRotate,variant:this.icon})}static get style(){return"*{box-sizing:border-box}.static{position:static}.flex{display:flex}.h-8{height:2rem}.min-w-0{min-width:0}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.text-nowrap{text-wrap:nowrap}.rounded-lg{border-radius:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-semibold{font-weight:600}.text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-storm-50{--tw-text-opacity:1;color:rgb(232 232 234/var(--tw-text-opacity,1))}.opacity-60{opacity:.6}.empty\\:hidden:empty{display:none}.hover\\:bg-storm-800:hover{--tw-bg-opacity:1;background-color:rgb(2 8 21/var(--tw-bg-opacity,1))}.active\\:bg-storm-700:active{--tw-bg-opacity:1;background-color:rgb(8 15 28/var(--tw-bg-opacity,1))}.active\\:text-storm-100\\/60:active{color:hsla(220,3%,83%,.6)}.group:hover .group-hover\\:text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.group:active .group-active\\:text-storm-100\\/60{color:hsla(220,3%,83%,.6)}.dark\\:hover\\:bg-hurricane-500:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:active\\:bg-hurricane-600\\/50:active:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(46,52,62,.5)}.dark\\:hover\\:bg-hurricane-500:hover:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:active\\:bg-hurricane-600\\/50:active:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(46,52,62,.5)}"}},[772,"p-floating-menu-item",{hover:[4],disabled:[4],loading:[4],icon:[1],iconPosition:[1,"icon-position"],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]}]);function h(){"undefined"!=typeof customElements&&["p-floating-menu-item","p-icon","p-loader"].forEach((e=>{switch(e){case"p-floating-menu-item":customElements.get(t(e))||customElements.define(t(e),p);break;case"p-icon":customElements.get(t(e))||n();break;case"p-loader":customElements.get(t(e))||c()}}))}h();export{p as F,h as d}