@invopop/popui 0.0.1

package/dist/TagStatus.svelte

@@ -0,0 +1,46 @@
+<script>import clsx from "clsx";
+export let label = "";
+export let status = "grey";
+export let dot = false;
+$:
+  tagStyles = clsx({
+    "bg-positive-100 text-positive-500": status === "green",
+    "border border-positive-200": status === "green" && dot,
+    "bg-yellow-100 text-yellow-500": status === "yellow",
+    "border border-yellow-200": status === "yellow" && dot,
+    "bg-danger-100 text-danger-500": status === "red",
+    "border border-danger-200": status === "red" && dot,
+    "bg-warning-100 text-warning-500": status === "orange",
+    "border border-warning-200": status === "orange" && dot,
+    "bg-blue-100 text-blue-500": status === "blue",
+    "border border-blue-200": status === "blue" && dot,
+    "bg-purple-100 text-purple-500": status === "purple",
+    "border border-purple-200": status === "purple" && dot,
+    "border border-dashed border-neutral-200 text-neutral-400": status === "empty",
+    "bg-neutral-100 text-neutral-500": status === "grey",
+    "border border-neutral-200": status === "grey" && dot,
+    "pl-1.5 pr-[5px] py-0.5": dot && label,
+    "p-0.5": dot && !label,
+    "px-1 py-0.5": !dot
+  });
+$:
+  dotStyles = clsx({
+    "bg-positive-500": status === "green",
+    "bg-yellow-500": status === "yellow",
+    "bg-danger-500": status === "red",
+    "bg-warning-500": status === "orange",
+    "bg-blue-500": status === "blue",
+    "bg-purple-500": status === "purple",
+    "bg-neutral-300": status === "empty",
+    "bg-neutral-500": status === "grey"
+  });
+</script>
+
+<span class="{tagStyles} rounded text-sm inline-flex items-center font-medium gap-1">
+  {#if dot}
+    <span class="{dotStyles} w-2 h-2 rounded-sm" />
+  {/if}
+  {#if label}
+    <span>{label}</span>
+  {/if}
+</span>

package/dist/TagStatus.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import type { StatusType } from './types.ts';
+declare const __propDef: {
+    props: {
+        label?: string | undefined;
+        status?: StatusType | undefined;
+        dot?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type TagStatusProps = typeof __propDef.props;
+export type TagStatusEvents = typeof __propDef.events;
+export type TagStatusSlots = typeof __propDef.slots;
+export default class TagStatus extends SvelteComponent<TagStatusProps, TagStatusEvents, TagStatusSlots> {
+}
+export {};

package/dist/TitleMain.svelte

@@ -0,0 +1,6 @@
+<script>export let title = "";
+</script>
+
+<h1 class="text-neutral-800 font-medium text-lg font-sans tracking-tightest">
+  <slot>{title}</slot>
+</h1>

package/dist/TitleMain.svelte.d.ts

@@ -0,0 +1,18 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        title?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type TitleMainProps = typeof __propDef.props;
+export type TitleMainEvents = typeof __propDef.events;
+export type TitleMainSlots = typeof __propDef.slots;
+export default class TitleMain extends SvelteComponent<TitleMainProps, TitleMainEvents, TitleMainSlots> {
+}
+export {};

package/dist/TitleSection.svelte

@@ -0,0 +1,6 @@
+<script>export let title = "";
+</script>
+
+<h1 class="text-neutral-800 font-medium text-lg font-sans tracking-tighter">
+  <slot>{title}</slot>
+</h1>

package/dist/TitleSection.svelte.d.ts

@@ -0,0 +1,18 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        title?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type TitleSectionProps = typeof __propDef.props;
+export type TitleSectionEvents = typeof __propDef.events;
+export type TitleSectionSlots = typeof __propDef.slots;
+export default class TitleSection extends SvelteComponent<TitleSectionProps, TitleSectionEvents, TitleSectionSlots> {
+}
+export {};

package/dist/UuidCopy.svelte

@@ -0,0 +1,55 @@
+<script>import { Duplicate, ExternalLink } from "@invopop/ui-icons";
+import { Icon } from "@steeze-ui/svelte-icon";
+import clsx from "clsx";
+import { createEventDispatcher } from "svelte";
+const dispatch = createEventDispatcher();
+export let uuid = "";
+export let small = false;
+export let dark = false;
+export let rightAlign = false;
+export let prefixLength = 7;
+export let suffixLength = 12;
+export let full = false;
+export let compact = false;
+export let link = false;
+function shortenString(inputString, prefixLength2, suffixLength2) {
+  if (inputString.length <= prefixLength2 + suffixLength2) {
+    return inputString;
+  }
+  const prefix = inputString.substring(0, prefixLength2);
+  const suffix = inputString.substring(inputString.length - suffixLength2);
+  return prefix + "..." + suffix;
+}
+$:
+  formattedUuid = full ? uuid : shortenString(uuid, prefixLength, suffixLength);
+$:
+  styles = clsx({
+    "justify-end w-full": rightAlign,
+    "text-sm": small,
+    "text-base": !small,
+    "text-neutral-800": dark,
+    "text-neutral-500": !dark,
+    "justify-between": !compact
+  });
+</script>
+
+<div class="{styles} relative flex items-center w-full space-x-2 text-left whitespace-nowrap">
+  <button
+    class="tracking-wide font-mono"
+    on:click|stopPropagation={async () => {
+      await navigator.clipboard.writeText(uuid)
+      dispatch('copied', uuid)
+    }}
+  >
+    {formattedUuid}
+  </button>
+  <button
+    class="p-1"
+    on:click|stopPropagation={async () => {
+      await navigator.clipboard.writeText(uuid)
+      dispatch(link ? 'link' : 'copied', uuid)
+    }}
+  >
+    <Icon src={link ? ExternalLink : Duplicate} class="w-4 h-4 text-neutral-500" />
+  </button>
+</div>

package/dist/UuidCopy.svelte.d.ts

@@ -0,0 +1,26 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        uuid?: string | undefined;
+        small?: boolean | undefined;
+        dark?: boolean | undefined;
+        rightAlign?: boolean | undefined;
+        prefixLength?: number | undefined;
+        suffixLength?: number | undefined;
+        full?: boolean | undefined;
+        compact?: boolean | undefined;
+        link?: boolean | undefined;
+    };
+    events: {
+        copied: CustomEvent<any>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type UuidCopyProps = typeof __propDef.props;
+export type UuidCopyEvents = typeof __propDef.events;
+export type UuidCopySlots = typeof __propDef.slots;
+export default class UuidCopy extends SvelteComponent<UuidCopyProps, UuidCopyEvents, UuidCopySlots> {
+}
+export {};

package/dist/clickOutside.d.ts

@@ -0,0 +1,4 @@
+/** Dispatch event on click outside of node */
+export function clickOutside(node: any): {
+    destroy(): void;
+};

package/dist/clickOutside.js

@@ -0,0 +1,18 @@
+/** Dispatch event on click outside of node */
+export function clickOutside(node) {
+  const handleClick = (event) => {
+    if (node && !node.contains(event.target) && !event.defaultPrevented) {
+      node.dispatchEvent(new CustomEvent('click_outside', node))
+    }
+  }
+
+  document.addEventListener('click', handleClick, true)
+  document.addEventListener('contextmenu', handleClick, true)
+
+  return {
+    destroy() {
+      document.removeEventListener('click', handleClick, true)
+      document.removeEventListener('contextmenu', handleClick, true)
+    }
+  }
+}

package/dist/constants.d.ts

@@ -0,0 +1 @@
+export declare const GLOBAL_SEARCH_KEY = "/";

package/dist/constants.js

@@ -0,0 +1 @@
+export const GLOBAL_SEARCH_KEY = '/';

package/dist/helpers.d.ts

@@ -0,0 +1,6 @@
+import type { IconSource } from '@steeze-ui/svelte-icon';
+import type { FeedItemStatus } from './types.js';
+export declare function toPascalCase(text: string): string;
+export declare function resolveIcon(icon?: IconSource | string | undefined): Promise<IconSource | undefined>;
+export declare function getCountryName(code: string): string | undefined;
+export declare function getStatusType(status: string): FeedItemStatus;

package/dist/helpers.js

@@ -0,0 +1,35 @@
+export function toPascalCase(text) {
+    return text.replace(/(^\w|-\w)/g, (text) => text.replace(/-/, '').toUpperCase());
+}
+export async function resolveIcon(icon = undefined) {
+    if (!icon)
+        return undefined;
+    if (typeof icon !== 'string') {
+        return icon;
+    }
+    try {
+        const { [toPascalCase(icon)]: i } = await import('@invopop/ui-icons');
+        return i;
+    }
+    catch (error) {
+        console.log(error);
+    }
+}
+export function getCountryName(code) {
+    if (code === 'global')
+        return 'Global';
+    const regionNames = new Intl.DisplayNames(['en'], { type: 'region' });
+    return regionNames.of(code.toUpperCase());
+}
+export function getStatusType(status) {
+    const statuses = {
+        OK: 'success',
+        KO: 'failure',
+        ERR: 'alert',
+        RUN: 'run',
+        QUEUED: 'queued',
+        SKIP: 'skip',
+        SIGNED: 'signed'
+    };
+    return statuses[status];
+}

package/dist/index.d.ts

@@ -0,0 +1,51 @@
+import BaseButton from './BaseButton.svelte';
+import BaseCard from './BaseCard.svelte';
+import BaseCounter from './BaseCounter.svelte';
+import BaseDropdown from './BaseDropdown.svelte';
+import BaseFlag from './BaseFlag.svelte';
+import BaseTable from './BaseTable.svelte';
+import ButtonFile from './ButtonFile.svelte';
+import CardRelation from './CardRelation.svelte';
+import CompanySelector from './CompanySelector.svelte';
+import CounterWorkflow from './CounterWorkflow.svelte';
+import DataListItem from './DataListItem.svelte';
+import DatePicker from './DatePicker.svelte';
+import DrawerContext from './DrawerContext.svelte';
+import DropdownSelect from './DropdownSelect.svelte';
+import EmptyStateIcon from './EmptyStateIcon.svelte';
+import EmptyStateIllustration from './EmptyStateIllustration.svelte';
+import FeedEvents from './FeedEvents.svelte';
+import FeedIconEvent from './FeedIconEvent.svelte';
+import FeedIconStatus from './FeedIconStatus.svelte';
+import FeedItem from './FeedItem.svelte';
+import FeedItemDetail from './FeedItemDetail.svelte';
+import FeedViewer from './FeedViewer.svelte';
+import GlobalSearch from './GlobalSearch.svelte';
+import InputCheckbox from './InputCheckbox.svelte';
+import InputError from './InputError.svelte';
+import InputLabel from './InputLabel.svelte';
+import InputRadio from './InputRadio.svelte';
+import InputSearch from './InputSearch.svelte';
+import InputSelect from './InputSelect.svelte';
+import InputText from './InputText.svelte';
+import InputTextarea from './InputTextarea.svelte';
+import InputToggle from './InputToggle.svelte';
+import MenuItem from './MenuItem.svelte';
+import ProfileAvatar from './ProfileAvatar.svelte';
+import ProfileSelector from './ProfileSelector.svelte';
+import SectionLayout from './SectionLayout.svelte';
+import SeparatorHorizontal from './SeparatorHorizontal.svelte';
+import ShortcutWrapper from './ShortcutWrapper.svelte';
+import StatusLabel from './StatusLabel.svelte';
+import Tabs from './Tabs.svelte';
+import TagBeta from './TagBeta.svelte';
+import TagSearch from './TagSearch.svelte';
+import TagStatus from './TagStatus.svelte';
+import TitleMain from './TitleMain.svelte';
+import TitleSection from './TitleSection.svelte';
+import UuidCopy from './UuidCopy.svelte';
+import twTheme from './tw.theme.js';
+import { resolveIcon } from './helpers.js';
+import { getCountryName } from './helpers.js';
+import { getStatusType } from './helpers.js';
+export { BaseButton, BaseCard, BaseCounter, BaseDropdown, BaseFlag, BaseTable, ButtonFile, CardRelation, CompanySelector, CounterWorkflow, DataListItem, DatePicker, DrawerContext, DropdownSelect, EmptyStateIcon, EmptyStateIllustration, FeedEvents, FeedIconEvent, FeedIconStatus, FeedItem, FeedItemDetail, FeedViewer, GlobalSearch, InputCheckbox, InputError, InputLabel, InputRadio, InputSearch, InputSelect, InputText, InputTextarea, InputToggle, MenuItem, ProfileAvatar, ProfileSelector, SectionLayout, SeparatorHorizontal, ShortcutWrapper, StatusLabel, Tabs, TagBeta, TagSearch, TagStatus, TitleMain, TitleSection, UuidCopy, twTheme, resolveIcon, getCountryName, getStatusType };

package/dist/index.js

@@ -0,0 +1,101 @@
+import BaseButton from './BaseButton.svelte'
+import BaseCard from './BaseCard.svelte'
+import BaseCounter from './BaseCounter.svelte'
+import BaseDropdown from './BaseDropdown.svelte'
+import BaseFlag from './BaseFlag.svelte'
+import BaseTable from './BaseTable.svelte'
+import ButtonFile from './ButtonFile.svelte'
+import CardRelation from './CardRelation.svelte'
+import CompanySelector from './CompanySelector.svelte'
+import CounterWorkflow from './CounterWorkflow.svelte'
+import DataListItem from './DataListItem.svelte'
+import DatePicker from './DatePicker.svelte'
+import DrawerContext from './DrawerContext.svelte'
+import DropdownSelect from './DropdownSelect.svelte'
+import EmptyStateIcon from './EmptyStateIcon.svelte'
+import EmptyStateIllustration from './EmptyStateIllustration.svelte'
+import FeedEvents from './FeedEvents.svelte'
+import FeedIconEvent from './FeedIconEvent.svelte'
+import FeedIconStatus from './FeedIconStatus.svelte'
+import FeedItem from './FeedItem.svelte'
+import FeedItemDetail from './FeedItemDetail.svelte'
+import FeedViewer from './FeedViewer.svelte'
+import GlobalSearch from './GlobalSearch.svelte'
+import InputCheckbox from './InputCheckbox.svelte'
+import InputError from './InputError.svelte'
+import InputLabel from './InputLabel.svelte'
+import InputRadio from './InputRadio.svelte'
+import InputSearch from './InputSearch.svelte'
+import InputSelect from './InputSelect.svelte'
+import InputText from './InputText.svelte'
+import InputTextarea from './InputTextarea.svelte'
+import InputToggle from './InputToggle.svelte'
+import MenuItem from './MenuItem.svelte'
+import ProfileAvatar from './ProfileAvatar.svelte'
+import ProfileSelector from './ProfileSelector.svelte'
+import SectionLayout from './SectionLayout.svelte'
+import SeparatorHorizontal from './SeparatorHorizontal.svelte'
+import ShortcutWrapper from './ShortcutWrapper.svelte'
+import StatusLabel from './StatusLabel.svelte'
+import Tabs from './Tabs.svelte'
+import TagBeta from './TagBeta.svelte'
+import TagSearch from './TagSearch.svelte'
+import TagStatus from './TagStatus.svelte'
+import TitleMain from './TitleMain.svelte'
+import TitleSection from './TitleSection.svelte'
+import UuidCopy from './UuidCopy.svelte'
+import twTheme from './tw.theme.js'
+import { resolveIcon, getCountryName, getStatusType } from './helpers.js'
+
+export {
+  BaseButton,
+  BaseCard,
+  BaseCounter,
+  BaseDropdown,
+  BaseFlag,
+  BaseTable,
+  ButtonFile,
+  CardRelation,
+  CompanySelector,
+  CounterWorkflow,
+  DataListItem,
+  DatePicker,
+  DrawerContext,
+  DropdownSelect,
+  EmptyStateIcon,
+  EmptyStateIllustration,
+  FeedEvents,
+  FeedIconEvent,
+  FeedIconStatus,
+  FeedItem,
+  FeedItemDetail,
+  FeedViewer,
+  GlobalSearch,
+  InputCheckbox,
+  InputError,
+  InputLabel,
+  InputRadio,
+  InputSearch,
+  InputSelect,
+  InputText,
+  InputTextarea,
+  InputToggle,
+  MenuItem,
+  ProfileAvatar,
+  ProfileSelector,
+  SectionLayout,
+  SeparatorHorizontal,
+  ShortcutWrapper,
+  StatusLabel,
+  Tabs,
+  TagBeta,
+  TagSearch,
+  TagStatus,
+  TitleMain,
+  TitleSection,
+  UuidCopy,
+  twTheme,
+  resolveIcon,
+  getCountryName,
+  getStatusType
+}

package/dist/popui.css

@@ -0,0 +1 @@
+.popui-avatar{position:relative;display:flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity));font-family:Inter,sans-serif;font-weight:600;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-avatar--initial{border-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.popui-button{position:relative;display:flex;align-items:center;justify-content:center;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.25rem .5rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;font-weight:500;letter-spacing:-.07px}.popui-button:disabled{pointer-events:none;opacity:.3}.popui-button--danger{--tw-bg-opacity:1;background-color:rgb(201 45 69/var(--tw-bg-opacity))}.popui-button--danger,.popui-button--primary{border-width:0;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.popui-button--primary{background-color:var(--workspace-accent-color,#169958)}.popui-button--small{font-size:12px;line-height:16px}.popui-button:hover{box-shadow:inset 0 0 0 1000px rgba(0,0,0,.16)}.popui-button:active{box-shadow:inset 0 0 0 1000px rgba(0,0,0,.32)}.popui-checkbox-wrapper{display:flex;align-items:center;gap:.5rem}.popui-checkbox-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;--tw-shadow:0 0 #0000;border-radius:0}.popui-checkbox-input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.popui-checkbox-input:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media (forced-colors:active) {.popui-checkbox-input:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.popui-checkbox-input:checked:focus,.popui-checkbox-input:checked:hover{border-color:transparent;background-color:currentColor}.popui-checkbox-input:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media (forced-colors:active) {.popui-checkbox-input:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.popui-checkbox-input:indeterminate:focus,.popui-checkbox-input:indeterminate:hover{border-color:transparent;background-color:currentColor}.popui-checkbox-input{height:1.25rem;width:1.25rem;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));color:var(--workspace-accent-color,#169958)}.popui-checkbox-input:focus{color:var(--workspace-accent-color,#169958);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.popui-checkbox-label{font-family:Inter,sans-serif;font-size:14px;line-height:20px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-image{height:100%;width:100%;border-radius:.25rem;-o-object-fit:cover;object-fit:cover}.popui-input-wrapper{display:flex;flex-direction:column}.popui-input-wrapper>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-input{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.375rem .625rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;letter-spacing:-.07px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity));caret-color:var(--workspace-accent-color,#169958);outline:2px solid transparent;outline-offset:2px}.popui-input::-moz-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-input::placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-input:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.popui-input:hover:enabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.popui-input:not(.popui-input--error):focus{border-color:var(--workspace-accent-color,#169958);--tw-shadow:0px 0px 0px 2px color-mix(in lab,transparent 88%,var(--workspace-accent-color,#169958));--tw-shadow-colored:0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.popui-input--error{border-color:rgba(201,45,69,.4)!important;--tw-text-opacity:1!important;color:rgb(201 45 69/var(--tw-text-opacity))!important;caret-color:#c92d45!important;outline:2px solid transparent!important;outline-offset:2px!important}.popui-label{font-family:Inter,sans-serif;font-size:12px;line-height:16px;font-weight:500;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-error{display:flex;align-items:center}.popui-error>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.popui-error{background-size:16px 16px;background-position:0;background-repeat:no-repeat;padding-left:20px;font-size:12px;line-height:16px;color:rgb(201 45 69/var(--tw-text-opacity));background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0M5MkQ0NSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOCAxNC41YTYuNSA2LjUgMCAxIDAgMC0xMyA2LjUgNi41IDAgMCAwIDAgMTNtMC01LjE1YS42LjYgMCAwIDEtLjYtLjZ2LTRhLjYuNiAwIDAgMSAxLjIgMHY0YS42LjYgMCAwIDEtLjYuNk04Ljc1IDExYS43NS43NSAwIDEgMS0xLjUgMCAuNzUuNzUgMCAwIDEgMS41IDAiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==")}.popui-error,.popui-paragraph{font-family:Inter,sans-serif;--tw-text-opacity:1}.popui-paragraph{font-size:14px;line-height:20px;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-title{font-size:1.5rem;line-height:2rem;font-weight:600;color:rgb(0 0 0/var(--tw-text-opacity))}.popui-sbutitle,.popui-title{font-family:Inter,sans-serif;--tw-text-opacity:1}.popui-sbutitle{font-size:14px;line-height:20px;font-weight:500;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-info{display:flex;align-items:center;gap:.25rem;font-family:Inter,sans-serif;font-size:12px;line-height:16px;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-info-text{flex:1 1 0%}mark{display:inline-flex;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity));padding:.125rem .25rem;font-family:Inter,sans-serif;font-size:12px;line-height:16px;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-popover-list{position:absolute;left:0;top:1.75rem;display:none;width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:.125rem .25rem}[popover]:popover-open+.popui-popover-list{display:block}.popui-popover-list-item{width:100%;border-radius:.25rem;padding:.375rem .5rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;font-weight:500;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity))}.popui-popover-list-item:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}[popover]{inset:unset;width:auto;height:auto;padding:0;background:transparent;border:none;position:fixed;top:0;right:0;pointer-events:none;overlay:none}[popover]:popover-open+.popover-menu{display:block!important}.popui-select-wrapper{display:flex;flex-direction:column}.popui-select-wrapper>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-select{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.375rem 2.25rem .375rem .5rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;letter-spacing:-.07px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.popui-select:disabled{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.popui-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB4PSIyIiB5PSIyIiBmaWxsPSIjRjNGNEY2IiByeD0iNCIvPjxwYXRoIHN0cm9rZT0iIzAzMDcxMiIgc3Ryb2tlLXdpZHRoPSIxLjEiIGQ9Im02LjUgOC4yNSAzLjUgMy41IDMuNS0zLjUiLz48L3N2Zz4=");background-repeat:no-repeat;background-position:center right 6px}.popui-select:hover:enabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.popui-select:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.popui-select:not(.popui-input--error):focus{border-color:var(--workspace-accent-color,#169958);--tw-shadow:0px 0px 0px 2px color-mix(in lab,transparent 88%,var(--workspace-accent-color,#169958));--tw-shadow-colored:0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.popui-textarea-wrapper{display:flex;flex-direction:column}.popui-textarea-wrapper>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.popui-textarea{width:100%;border-radius:.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:.375rem .625rem;font-family:Inter,sans-serif;font-size:14px;line-height:20px;letter-spacing:-.07px;--tw-text-opacity:1;color:rgb(3 7 18/var(--tw-text-opacity));caret-color:var(--workspace-accent-color,#169958);outline:2px solid transparent;outline-offset:2px}.popui-textarea::-moz-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-textarea::placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.popui-textarea:disabled{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.popui-textarea:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-offset-width:0px}.popui-textarea:hover:enabled{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.popui-textarea:not(.popui-input--error):focus{border-color:var(--workspace-accent-color,#169958);--tw-shadow:0px 0px 0px 2px color-mix(in lab,transparent 88%,var(--workspace-accent-color,#169958));--tw-shadow-colored:0px 0px 0px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}div[contenteditable=true] .tag{display:inline-flex;padding:2px 4px;justify-content:center;align-items:center;gap:4px;border-radius:4px;border:1px solid #e5e7eb;background:#f9fafb;pointer-events:none;color:#030712;font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.popui-container-config{display:flex;flex-direction:column;gap:.5rem}.popui-prose{color:var(--tw-prose-body);max-width:65ch}.popui-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.popui-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.popui-prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.popui-prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.popui-prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.popui-prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.popui-prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.popui-prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.popui-prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.popui-prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.popui-prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.popui-prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.popui-prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.popui-prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.popui-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.popui-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.popui-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.popui-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.popui-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.popui-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.popui-prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.popui-prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.popui-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.popui-prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.popui-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.popui-prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.popui-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.popui-prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.popui-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.popui-prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.popui-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.popui-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.popui-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.popui-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.popui-prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.popui-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.popui-prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.popui-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.popui-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.popui-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.popui-prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.popui-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.popui-prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.popui-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.popui-prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.popui-prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.popui-prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.popui-prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.popui-prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.popui-prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.popui-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.popui-prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.popui-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.popui-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.popui-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.popui-prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.popui-prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.popui-prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.popui-prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.popui-prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.popui-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.popui-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.popui-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.popui-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.popui-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.popui-prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.popui-prose{--tw-prose-body:#334155;--tw-prose-headings:#0f172a;--tw-prose-lead:#475569;--tw-prose-links:#0f172a;--tw-prose-bold:#0f172a;--tw-prose-counters:#64748b;--tw-prose-bullets:#cbd5e1;--tw-prose-hr:#e2e8f0;--tw-prose-quotes:#0f172a;--tw-prose-quote-borders:#e2e8f0;--tw-prose-captions:#64748b;--tw-prose-kbd:#0f172a;--tw-prose-kbd-shadows:15 23 42;--tw-prose-code:#0f172a;--tw-prose-pre-code:#e2e8f0;--tw-prose-pre-bg:#1e293b;--tw-prose-th-borders:#cbd5e1;--tw-prose-td-borders:#e2e8f0;--tw-prose-invert-body:#cbd5e1;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#94a3b8;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#94a3b8;--tw-prose-invert-bullets:#475569;--tw-prose-invert-hr:#334155;--tw-prose-invert-quotes:#f1f5f9;--tw-prose-invert-quote-borders:#334155;--tw-prose-invert-captions:#94a3b8;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#cbd5e1;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#475569;--tw-prose-invert-td-borders:#334155;margin-left:auto;margin-right:auto}@media (min-width:1024px){.popui-prose{font-size:1.125rem;line-height:1.7777778}.popui-prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.popui-prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2222222em;line-height:1.4545455;margin-top:1.0909091em;margin-bottom:1.0909091em}.popui-prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.6666667em;margin-bottom:1.6666667em;padding-inline-start:1em}.popui-prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.6666667em;margin-top:0;margin-bottom:.8333333em;line-height:1}.popui-prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.6666667em;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}.popui-prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.3333333em;margin-top:1.6666667em;margin-bottom:.6666667em;line-height:1.5}.popui-prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:.4444444em;line-height:1.5555556}.popui-prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;border-radius:.3125rem;padding-top:.2222222em;padding-inline-end:.4444444em;padding-bottom:.2222222em;padding-inline-start:.4444444em}.popui-prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.popui-prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8666667em}.popui-prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.popui-prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.75;margin-top:2em;margin-bottom:2em;border-radius:.375rem;padding-top:1em;padding-inline-end:1.5em;padding-bottom:1em;padding-inline-start:1.5em}.popui-prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.5555556em}.popui-prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-inline-start:1.5555556em}.popui-prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;margin-bottom:.6666667em}.popui-prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4444444em}.popui-prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.4444444em}.popui-prose :where(.lg\:prose-lg>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.popui-prose :where(.lg\:prose-lg>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.popui-prose :where(.lg\:prose-lg>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.popui-prose :where(.lg\:prose-lg>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.popui-prose :where(.lg\:prose-lg>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.popui-prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.popui-prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.popui-prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.popui-prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;padding-inline-start:1.5555556em}.popui-prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:3.1111111em;margin-bottom:3.1111111em}.popui-prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5}.popui-prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:.75em;padding-bottom:.75em;padding-inline-start:.75em}.popui-prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.75em;padding-inline-end:.75em;padding-bottom:.75em;padding-inline-start:.75em}.popui-prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.popui-prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.popui-prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.popui-prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.popui-prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5;margin-top:1em}.popui-prose :where(.lg\:prose-lg>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.popui-prose :where(.lg\:prose-lg>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}}.popui-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.popui-tag{display:inline-flex;align-items:center;gap:.25rem;border-radius:.25rem;border-width:1px;border-color:rgba(2,144,98,.2);background-color:rgba(2,144,98,.1);padding:.25rem 5px .25rem .375rem;font-size:12px;line-height:16px;font-weight:500;--tw-numeric-figure:lining-nums;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;color:rgb(2 144 98/var(--tw-text-opacity))}.popui-tag-button{color:rgba(2,144,98,.3)}[x-cloak]{display:none!important}

package/dist/svg/BgPattern.svelte

@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="352" height="120" viewBox="0 0 352 120" fill="none">
+  <path
+    d="M35.6124 12.398H0.445717M35.6124 12.398V-36.2311M35.6124 12.398L53.1259 36.7825M0.445717 61.0272L-34.7209 12.398H0.445717M0.445717 61.0272L0.306166 109.517M0.445717 61.0272H70.6395M0.306166 109.517H-34.7209L0.306166 158.146H35.3333M0.306166 109.517H35.3333M0.306166 109.517L35.3333 158.146M105.667 158.146L123.25 182.6V133.831M105.667 158.146H70.4999M105.667 158.146L88.1531 133.831M105.667 158.146V109.517M123.25 133.831L140.833 158.146H175.954L140.833 109.517M123.25 133.831L105.667 109.517M140.833 109.517H176M140.833 109.517L105.806 61.0272M140.833 109.517H105.667M176 109.517L211.027 158.146H246.194M176 109.517H246.333M176 109.517L140.833 61.0272H105.806M316.527 158.146L334.11 182.6V133.971M316.527 158.146L316.574 109.656M316.527 158.146H281.36M316.527 158.146L281.5 109.517M334.11 133.971L351.554 158.146H386.721L351.694 109.656M334.11 133.971L316.574 109.656M351.694 109.656H386.86L351.694 61.0272H316.667M351.694 109.656L316.667 61.0272M351.694 109.656H316.574M316.667 61.0272V-36.2311H351.833V12.398H281.5M316.667 61.0272H281.5M281.5 12.398V61.0272M281.5 12.398C281.5 -6.59284 281.5 -17.2403 281.5 -36.2311L263.917 -60.6156M281.5 12.398L246.333 -36.2311M281.5 61.0272L246.333 12.2583M281.5 61.0272H246.333M281.5 61.0272V109.517M281.5 61.0272L299.037 85.3417M211.167 61.0272L176 12.2583H211.167M211.167 61.0272H246.333M211.167 61.0272V109.517L246.194 158.146M246.333 12.2583V-36.2311M246.333 12.2583H211.167M246.333 -36.2311V-85L263.917 -60.6156M246.333 -36.2311H211.167V12.2583M263.917 -60.6156V36.6427M211.167 12.2583L246.333 61.0272M246.333 61.0272V109.517M316.574 109.656L299.037 85.3417M246.194 158.146H281.36M281.5 109.517H246.333M246.333 109.517L281.36 158.146M299.037 85.3417V133.831M0.445717 12.398V-36.2311H35.6124M0.445717 12.398L35.3333 61.0272V109.517M35.6124 -36.2311V-84.8603L53.1259 -60.4758M35.6124 -36.2311L70.6395 12.5378M70.6395 12.5378V-36.0914L53.1259 -60.4758M70.6395 12.5378H140.973V-36.0914H105.806V61.0272M70.6395 12.5378V61.0272M70.6395 61.0272L53.1259 36.7825M70.6395 61.0272H105.806M70.6395 61.0272V109.517M70.6395 61.0272L88.1531 85.2719M53.1259 -60.4758V36.7825M105.667 109.517L88.1531 85.2719M70.6395 109.517H35.3333M70.6395 109.517L88.1531 133.831M35.3333 109.517L70.4999 158.146M35.3333 158.146H70.4999M88.1531 85.2719V133.831"
+    stroke="url(#paint0_radial_3694_7501)"
+    stroke-width="0.6"
+  />
+  <defs>
+    <radialGradient
+      id="paint0_radial_3694_7501"
+      cx="0"
+      cy="0"
+      r="1"
+      gradientUnits="userSpaceOnUse"
+      gradientTransform="translate(176 62) rotate(89.9669) scale(120.6 345.064)"
+    >
+      <stop stop-color="#D1D5DB" stop-opacity="0.56" />
+      <stop offset="0.537503" stop-color="#D1D5DB" stop-opacity="0" />
+    </radialGradient>
+  </defs>
+</svg>

package/dist/svg/BgPattern.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  BgPatternProps */
+/** @typedef {typeof __propDef.events}  BgPatternEvents */
+/** @typedef {typeof __propDef.slots}  BgPatternSlots */
+export default class BgPattern extends SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type BgPatternProps = typeof __propDef.props;
+export type BgPatternEvents = typeof __propDef.events;
+export type BgPatternSlots = typeof __propDef.slots;
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};