@paperless/core 0.1.0-alpha.99 → 1.3.0

package/dist/paperless/paperless.esm.js

@@ -1 +1,2 @@
-import{p as e,b as i}from"./p-bc7e8cc4.js";(()=>{const i=import.meta.url,a={};return""!==i&&(a.resourcesUrl=new URL(".",i).href),e(a)})().then((e=>i([["p-1ef22f4e",[[4,"p-button",{variant:[1],href:[1],target:[1],size:[1],width:[1],loading:[4],chevron:[8],disabled:[4],icon:[1],iconOnly:[4,"icon-only"],iconPosition:[1,"icon-position"],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"],inheritText:[4,"inherit-text"]},[[2,"click","handleClick"]]],[1,"p-loader",{show:[4],variant:[1],color:[1],modalTitle:[1,"modal-title"],modalDescription:[1,"modal-description"]}],[0,"p-icon",{variant:[1],size:[1],rotate:[2],flip:[1]}]]],["p-d32f2578",[[1,"p-modal",{size:[1],variant:[1],header:[1],show:[4],showMobileClose:[4,"show-mobile-close"],showMobileFooter:[4,"show-mobile-footer"]}]]],["p-2672f14b",[[1,"p-profile",{variant:[1],size:[513],_dropdownOpen:[32]}]]],["p-e2a98d53",[[1,"p-input-group",{prefix:[1],suffix:[1],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"],label:[1],helper:[1],error:[513],disabled:[516],focused:[516],_showTooltip:[32],_forceShowTooltip:[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]]]]],["p-aa14483b",[[1,"p-navbar",{closeText:[1,"close-text"],menuText:[1,"menu-text"],_showMenu:[32]},[[8,"closeNavbar","handleCloseNavbar"],[8,"openNavbar","handleOpenNavbar"]]]]],["p-e9e20ac3",[[1,"p-stepper",{activeStep:[2,"active-step"],direction:[513]}]]],["p-c59d9fc2",[[1,"p-accordion",{header:[1],open:[4],closeable:[4],openable:[4]}]]],["p-4336cbbc",[[1,"p-navigation-item",{active:[4],icon:[1],counter:[8],href:[1],target:[1]}]]],["p-6835a9e3",[[0,"p-pagination",{page:[1538],pageSize:[2,"page-size"],total:[2]}]]],["p-ede5e914",[[4,"p-card-header",{header:[1],arrow:[4]}]]],["p-6e778574",[[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"]]]]],["p-79d3258f",[[1,"p-dropdown-menu-item",{active:[4],icon:[1]}]]],["p-92b6c76c",[[1,"p-info-panel",{variant:[1],header:[1],content:[1],closeable:[4]}]]],["p-9d98d0d9",[[1,"p-segment-item",{active:[4],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]}]]],["p-c27046e6",[[4,"p-status",{variant:[1],icon:[1],iconFlip:[1,"icon-flip"],iconRotate:[2,"icon-rotate"]}]]],["p-ec2a5f95",[[1,"p-tab-group"]]],["p-3f6c9d44",[[4,"p-avatar-group",{extra:[2]}]]],["p-89fda3a8",[[4,"p-card-body",{inheritText:[516,"inherit-text"]}]]],["p-8ac8a69d",[[1,"p-card-container",{hoverable:[516],shadow:[516]}]]],["p-8b743795",[[0,"p-illustration",{variant:[1]}]]],["p-1e7d45e4",[[1,"p-layout",{variant:[1]}]]],["p-58ce5668",[[4,"p-segment-container"]]],["p-2beaf0e8",[[1,"p-tab-item",{active:[4]}]]],["p-cc177072",[[1,"p-tag",{variant:[513],circle:[516]}]]],["p-938f52ee",[[1,"p-tooltip",{variant:[1],popover:[8],placement:[1],strategy:[1],show:[4],canManuallyClose:[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-e934ef94",[[1,"p-helper",{placement:[1]}]]],["p-bd50db3d",[[1,"p-counter",{variant:[1],size:[1]}]]],["p-801d05b6",[[1,"p-pagination-item",{active:[4]}]]],["p-e20a1842",[[1,"p-slider-indicator",{active:[4]}]]],["p-a6127c75",[[1,"p-dropdown",{placement:[513],strategy:[1],show:[4],insideClick:[4,"inside-click"],disableTriggerClick:[4,"disable-trigger-click"]},[[6,"click","documentClickHandler"]]],[0,"p-avatar",{variant:[513],size:[513],defaultImage:[1,"default-image"],src:[1],_src:[32]}]]],["p-a5ebbd0c",[[1,"p-stepper-item",{align:[513],direction:[513],finished:[516],active:[516]}],[1,"p-stepper-line",{active:[516],direction:[513]}]]],["p-829c4101",[[4,"p-dropdown-menu-container"]]],["p-6088647a",[[1,"p-divider"]]],["p-113baa35",[[1,"p-modal-footer",{hideOnMobile:[4,"hide-on-mobile"]}],[1,"p-modal-header",{showMobileClose:[4,"show-mobile-close"]}],[1,"p-modal-backdrop"],[1,"p-modal-body",{variant:[1]}],[4,"p-modal-container",{size:[1]}]]]],e)));
+import{p as e,b as a}from"./p-6ccf5cdd.js";export{s as setNonce}from"./p-6ccf5cdd.js";const t=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};t().then((e=>a(JSON.parse('[["p-b2bc1d2a",[[4,"p-button",{"variant":[1],"href":[1],"target":[1],"size":[1],"loading":[4],"chevron":[8],"chevronPosition":[1,"chevron-position"],"disabled":[4],"icon":[1],"iconOnly":[4,"icon-only"],"iconPosition":[1,"icon-position"],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"inheritText":[4,"inherit-text"]},[[2,"click","handleClick"]]],[1,"p-loader",{"show":[4],"variant":[1],"color":[1],"modalTitle":[1,"modal-title"],"modalDescription":[1,"modal-description"]}],[0,"p-icon",{"variant":[1],"size":[1],"rotate":[2],"flip":[1]}]]],["p-b0398d3b",[[4,"p-table",{"items":[1],"loading":[4],"headerLoading":[4,"header-loading"],"footerLoading":[4,"footer-loading"],"amountOfLoadingRows":[2,"amount-of-loading-rows"],"enableRowSelection":[4,"enable-row-selection"],"enableRowClick":[4,"enable-row-click"],"selectedRows":[16],"selectionKey":[1,"selection-key"],"canSelectKey":[1,"can-select-key"],"enableHeader":[4,"enable-header"],"quickFilters":[16],"activeQuickFilterIdentifier":[1,"active-quick-filter-identifier"],"enableSearch":[4,"enable-search"],"query":[1025],"enableFilter":[4,"enable-filter"],"selectedFiltersAmount":[2,"selected-filters-amount"],"filterButtonTemplate":[16],"enableEdit":[4,"enable-edit"],"editButtonLoading":[4,"edit-button-loading"],"editButtonIcon":[1,"edit-button-icon"],"editButtonText":[1,"edit-button-text"],"editButtonTemplate":[16],"enableFooter":[4,"enable-footer"],"enablePageSize":[4,"enable-page-size"],"enablePagination":[4,"enable-pagination"],"enableExport":[4,"enable-export"],"page":[1538],"total":[2],"pageSize":[2,"page-size"],"pageSizeOptions":[16],"hideOnSinglePage":[4,"hide-on-single-page"],"emptyStateHeader":[16],"emptyStateContent":[16],"emptyStateAction":[16],"enableEmptyStateAction":[4,"enable-empty-state-action"],"emptyStateFilteredHeader":[16],"emptyStateFilteredContent":[16],"_locales":[32],"_columns":[32],"_items":[32]},[[16,"localeChanged","_setLocales"],[16,"tableDefinitionChanged","onTableDefinitionUpdated"],[4,"keydown","keyDown"],[4,"keyup","keyUp"],[4,"visibilitychange","visibilityChange"]]]]],["p-1f55126f",[[1,"p-modal",{"size":[1],"variant":[1],"header":[1],"show":[4],"applyBlur":[4,"apply-blur"],"showClose":[4,"show-close"],"showMobileFooter":[4,"show-mobile-footer"],"backdropClickClose":[4,"backdrop-click-close"],"scrollLock":[4,"scroll-lock"],"_closing":[32]}]]],["p-ec850aca",[[0,"p-select",{"items":[1],"icon":[1],"query":[1],"placeholder":[1],"autocompletePlaceholder":[1,"autocomplete-placeholder"],"value":[8],"displayKey":[1,"display-key"],"valueKey":[1,"value-key"],"identifierKey":[1,"identifier-key"],"queryKey":[1,"query-key"],"autoSelectFirst":[4,"auto-select-first"],"showChevron":[4,"show-chevron"],"maxDisplayedItems":[2,"max-displayed-items"],"enableAutocomplete":[4,"enable-autocomplete"],"keepQuery":[4,"keep-query"],"asyncFilter":[4,"async-filter"],"loading":[4],"size":[1],"prefix":[1],"label":[1],"helper":[1],"required":[516],"error":[513],"disabled":[516],"_showDropdown":[32],"_selectedItem":[32],"_isAutoCompleting":[32]},[[6,"click","documentClickHandler"]]]]],["p-6124f388",[[0,"p-datepicker",{"placeholder":[1],"value":[16],"preselectToday":[4,"preselect-today"],"disabledDates":[1,"disabled-dates"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"disableWeekends":[4,"disable-weekends"],"mode":[1],"format":[1],"size":[1],"prefix":[1],"label":[1],"helper":[1],"required":[516],"error":[513],"disabled":[516],"_showDropdown":[32],"_value":[32],"_minDate":[32],"_maxDate":[32],"_disabledDates":[32]},[[6,"click","documentClickHandler"]]]]],["p-a1c1d95b",[[1,"p-drawer",{"header":[1],"show":[4],"applyBlur":[4,"apply-blur"],"showClose":[4,"show-close"],"backdropClickClose":[4,"backdrop-click-close"],"canClose":[4,"can-close"],"scrollLock":[4,"scroll-lock"],"_closing":[32]}]]],["p-350d452b",[[1,"p-attachment",{"mode":[1],"loading":[4],"error":[1],"downloading":[4]}]]],["p-e17560e6",[[1,"p-navbar",{"closeText":[1,"close-text"],"menuText":[1,"menu-text"],"_showMenu":[32]},[[8,"closeNavbar","handleCloseNavbar"],[8,"openNavbar","handleOpenNavbar"]]]]],["p-ed6edf0a",[[1,"p-profile",{"variant":[1],"size":[513],"_dropdownOpen":[32]}]]],["p-26da620b",[[1,"p-toast",{"variant":[1],"header":[1],"content":[1],"enableAction":[4,"enable-action"],"actionIcon":[1,"action-icon"],"actionIconFlip":[1,"action-icon-flip"],"actionIconRotate":[2,"action-icon-rotate"]}]]],["p-da6e5abd",[[1,"p-accordion",{"header":[1],"open":[4],"closeable":[4],"openable":[4]}]]],["p-abcd80e9",[[1,"p-navigation-item",{"active":[4],"icon":[1],"counter":[8],"href":[1],"target":[1]}]]],["p-594b28a7",[[4,"p-card-header",{"header":[1],"arrow":[4]}]]],["p-6f1352e0",[[1,"p-content-slider",{"hideMobileIndicator":[4,"hide-mobile-indicator"],"disableDrag":[4,"disable-drag"],"disableAutoCenter":[4,"disable-auto-center"],"disableIndicatorClick":[4,"disable-indicator-click"],"_visibleIndex":[32],"_outerHeight":[32],"_totalWidth":[32],"_dragging":[32]},[[9,"mouseup","mouseUpHandler"],[9,"touchend","mouseUpHandler"],[9,"resize","resizeHandler"]]]]],["p-a23ea8fe",[[1,"p-info-panel",{"variant":[1],"header":[1],"content":[1],"closeable":[4]}]]],["p-910bd6bc",[[4,"p-status",{"variant":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}]]],["p-4c51a801",[[1,"p-stepper-line",{"active":[516],"direction":[513]}]]],["p-ce1abd74",[[1,"p-stepper",{"activeStep":[2,"active-step"],"direction":[513],"contentPosition":[513,"content-position"]}]]],["p-51408aca",[[1,"p-stepper-item",{"align":[513],"direction":[513],"contentPosition":[513,"content-position"],"finished":[516],"active":[516]}]]],["p-47bcc23e",[[1,"p-divider"]]],["p-47e461b7",[[1,"p-tab-group"]]],["p-195632a8",[[0,"p-avatar",{"variant":[513],"size":[513],"defaultImage":[1,"default-image"],"src":[1],"_src":[32]}]]],["p-07259c61",[[4,"p-avatar-group",{"extra":[2]}]]],["p-91725831",[[4,"p-card-body",{"inheritText":[516,"inherit-text"]}]]],["p-bf0eca4f",[[1,"p-card-container",{"hoverable":[516],"shadow":[516]}]]],["p-946286e2",[[1,"p-layout",{"variant":[1]}]]],["p-e1da7376",[[1,"p-tab-item",{"active":[4]}]]],["p-b5ce8cd4",[[0,"p-table-column",{"path":[1537],"type":[1537],"name":[1537],"useSlot":[1540,"use-slot"],"hasCheckbox":[1540,"has-checkbox"],"align":[1537],"isLast":[1540,"is-last"],"sizes":[1032]}]]],["p-e9a1b51e",[[1,"p-toast-container",{"placement":[1]}]]],["p-12171df4",[[1,"p-calendar",{"variant":[1],"value":[1],"preselectToday":[4,"preselect-today"],"disabledDates":[1,"disabled-dates"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"disableWeekends":[4,"disable-weekends"],"mode":[1],"_view":[32],"_viewDate":[32],"_value":[32],"_minDate":[32],"_maxDate":[32],"_disabledDates":[32]}]]],["p-5c7b20a3",[[1,"p-counter",{"variant":[1],"size":[1]}]]],["p-ce443f5b",[[1,"p-slider-indicator",{"active":[4]}]]],["p-6d5aa646",[[1,"p-drawer-header",{"showClose":[4,"show-close"]}],[1,"p-drawer-body",{"variant":[1]}],[4,"p-drawer-container",{"closing":[4]}]]],["p-b92dd098",[[1,"p-backdrop",{"variant":[1],"applyBlur":[4,"apply-blur"],"closing":[4],"scrollLock":[4,"scroll-lock"]},[[2,"click","handleClick"]]]]],["p-b9f742e0",[[1,"p-modal-header",{"showClose":[4,"show-close"]}],[1,"p-modal-footer"],[1,"p-modal-body",{"variant":[1],"rounded":[4]}],[4,"p-modal-container",{"size":[1],"closing":[4]}]]],["p-11f5c8c7",[[1,"p-label",{"variant":[513],"behavior":[513],"icon":[513],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"size":[513],"keepMobileContent":[516,"keep-mobile-content"]}],[1,"p-segment-item",{"active":[4],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"]}],[4,"p-segment-container"]]],["p-18c0dd17",[[4,"p-dropdown-menu-container",{"maxWidth":[4,"max-width"],"fullWidth":[4,"full-width"]}]]],["p-f47247a6",[[1,"p-dropdown-menu-item",{"active":[4],"enableHover":[4,"enable-hover"],"icon":[1]}],[1,"p-dropdown",{"placement":[513],"strategy":[1],"show":[4],"calculateWidth":[4,"calculate-width"],"applyMaxWidth":[4,"apply-max-width"],"applyFullWidth":[4,"apply-full-width"],"insideClick":[4,"inside-click"],"disableTriggerClick":[4,"disable-trigger-click"],"chevronPosition":[1,"chevron-position"],"chevronDirection":[1,"chevron-direction"]},[[6,"click","documentClickHandler"]]]]],["p-3d8b2178",[[1,"p-page-size-select",{"size":[1538],"sizeOptions":[16],"chevronPosition":[1,"chevron-position"],"buttonSize":[1,"button-size"],"buttonTemplate":[16],"itemTemplate":[16],"hidden":[4],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[0,"p-pagination",{"page":[1538],"pageSize":[2,"page-size"],"hideOnSinglePage":[4,"hide-on-single-page"],"total":[2]}],[1,"p-pagination-item",{"active":[4]}]]],["p-2a668e75",[[1,"p-tooltip",{"variant":[1],"popover":[8],"placement":[1],"strategy":[1],"enableUserInput":[4,"enable-user-input"],"show":[4],"canManuallyClose":[4,"can-manually-close"]},[[2,"click","clickHandler"],[6,"click","documentClickHandler"],[1,"mouseenter","mouseEnterHandler"],[0,"focus","mouseEnterHandler"],[1,"mouseleave","mouseLeaveHandler"],[0,"blur","mouseLeaveHandler"]]]]],["p-1630e39b",[[1,"p-input-group",{"size":[1],"prefix":[1],"suffix":[1],"icon":[1],"iconFlip":[1,"icon-flip"],"iconRotate":[2,"icon-rotate"],"iconPosition":[1,"icon-position"],"label":[1],"helper":[1],"required":[516],"error":[513],"disabled":[516],"focused":[516],"focusMethod":[1,"focus-method"],"_forceShowTooltip":[32]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]]],[1,"p-helper",{"placement":[1]}],[1,"p-input-error",{"error":[1],"forceShowTooltip":[4,"force-show-tooltip"],"_showTooltip":[32]}]]],["p-36967a97",[[1,"p-table-header",{"quickFilters":[16],"activeQuickFilterIdentifier":[1,"active-quick-filter-identifier"],"loading":[4],"enableSearch":[4,"enable-search"],"itemsSelectedAmount":[2,"items-selected-amount"],"query":[1025],"enableFilter":[4,"enable-filter"],"selectedFiltersAmount":[2,"selected-filters-amount"],"filterButtonTemplate":[16],"enableEdit":[4,"enable-edit"],"editLoading":[4,"edit-loading"],"editIcon":[1,"edit-icon"],"editText":[1,"edit-text"],"canEdit":[1028,"can-edit"],"editButtonTemplate":[16],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[1,"p-table-footer",{"enablePageSize":[4,"enable-page-size"],"enablePagination":[4,"enable-pagination"],"enableExport":[4,"enable-export"],"loading":[4],"page":[1538],"total":[2],"pageSize":[2,"page-size"],"pageSizeOptions":[16],"hideOnSinglePage":[4,"hide-on-single-page"],"_locales":[32]},[[16,"localeChanged","_setLocales"]]],[4,"p-table-cell",{"variant":[1],"index":[2],"rowIndex":[2,"row-index"],"definition":[16],"item":[8],"value":[8],"checkbox":[8],"template":[16]}],[1,"p-table-row",{"variant":[1],"enableHover":[4,"enable-hover"]}],[0,"p-illustration",{"variant":[1]}],[1,"p-table-container"]]]]'),e)));
+//# sourceMappingURL=paperless.esm.js.map

package/dist/paperless/paperless.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.2.2 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n    var _a, _b, _c;\n    return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n    if (BUILD.cssVarShim) {\n        // shim css vars\n        // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n        plt.$cssShim$ = win.__cssshim;\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    if (BUILD.profile && !performance.mark) {\n        // not all browsers support performance.mark/measure (Safari 10)\n        // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n        // simply stub the implementations out.\n        // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n        // @ts-ignore\n        performance.mark = performance.measure = () => {\n            /*noop*/\n        };\n        performance.getEntriesByName = () => [];\n    }\n    // @ts-ignore\n    const scriptElm = \n    // TODO(STENCIL-661): Remove code related to the dynamic import shim\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n        // Safari < v11 support: This IF is true if it's Safari below v11.\n        // This fn cannot use async/await since Safari didn't support it until v11,\n        // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n        // so both the ESM file and nomodule file would get downloaded. Only Safari\n        // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n        return {\n            then() {\n                /* promise noop */\n            },\n        };\n    }\n    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    if (!BUILD.safari10 && importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n    }\n    else if (BUILD.dynamicImportShim || BUILD.safari10) {\n        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim) {\n            patchDynamicImport(opts.resourcesUrl, scriptElm);\n        }\n        // TODO(STENCIL-661): Remove code related to the dynamic import shim\n        if (BUILD.dynamicImportShim && !win.customElements) {\n            // module support, but no custom elements support (Old Edge)\n            // @ts-ignore\n            return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n        }\n    }\n    return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n    const importFunctionName = getDynamicImportFunction(NAMESPACE);\n    try {\n        // test if this browser supports dynamic imports\n        // There is a caching issue in V8, that breaks using import() in Function\n        // By generating a random string, we can workaround it\n        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n    }\n    catch (e) {\n        // this shim is specifically for browsers that do support \"esm\" imports\n        // however, they do NOT support \"dynamic\" imports\n        // basically this code is for old Edge, v18 and below\n        const moduleMap = new Map();\n        win[importFunctionName] = (src) => {\n            var _a;\n            const url = new URL(src, base).href;\n            let mod = moduleMap.get(url);\n            if (!mod) {\n                const script = doc.createElement('script');\n                script.type = 'module';\n                script.crossOrigin = orgScriptElm.crossOrigin;\n                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n                    type: 'application/javascript',\n                }));\n                // Apply CSP nonce to the script tag if it exists\n                const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n                if (nonce != null) {\n                    script.setAttribute('nonce', nonce);\n                }\n                mod = new Promise((resolve) => {\n                    script.onload = () => {\n                        resolve(win[importFunctionName].m);\n                        script.remove();\n                    };\n                });\n                moduleMap.set(url, mod);\n                doc.head.appendChild(script);\n            }\n            return mod;\n        };\n    }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"sFAmBA,MAAMA,EAAe,KAkCjB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAiB3E,GAAuBF,IAAe,GAAI,CACtCE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IAGrD,CAcI,OAAOC,EAAeJ,EAAK,ECrF/BH,IAAeQ,MAAKC,GAEXC,EAAcC,KAAAC,MAAA,++UAAuCH"}

package/dist/style/_fonts.scss

@@ -0,0 +1,70 @@
+/* ibm-plex-sans-300 - latin */
+@font-face {
+  font-family: 'IBM Plex Sans';
+  font-style: normal;
+  font-weight: 300;
+  src: url(/assets/fonts/ibm-plex-sans-v3-latin-300.eot);
+  /* IE9 Compat Modes */
+  src: local('IBM Plex Sans Light'), local('IBMPlexSans-Light'), url(/assets/fonts/ibm-plex-sans-v3-latin-300.eot?#iefix) format('embedded-opentype'),
+    /* IE6-IE8 */ url(/assets/fonts/ibm-plex-sans-v3-latin-300.woff2) format('woff2'), /* Super Modern Browsers */ url(/assets/fonts/ibm-plex-sans-v3-latin-300.woff) format('woff'),
+    /* Modern Browsers */ url(/assets/fonts/ibm-plex-sans-v3-latin-300.ttf) format('truetype'),
+    /* Safari, Android, iOS */ url(/assets/fonts/ibm-plex-sans-v3-latin-300.svg#IBMPlexSans) format('svg');
+  /* Legacy iOS */
+}
+
+/* ibm-plex-sans-regular - latin */
+@font-face {
+  font-family: 'IBM Plex Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: url(/assets/fonts/ibm-plex-sans-v3-latin-regular.eot);
+  /* IE9 Compat Modes */
+  src: local('IBM Plex Sans'), local('IBMPlexSans'), url(/assets/fonts/ibm-plex-sans-v3-latin-regular.eot?#iefix) format('embedded-opentype'),
+    /* IE6-IE8 */ url(/assets/fonts/ibm-plex-sans-v3-latin-regular.woff2) format('woff2'),
+    /* Super Modern Browsers */ url(/assets/fonts/ibm-plex-sans-v3-latin-regular.woff) format('woff'),
+    /* Modern Browsers */ url(/assets/fonts/ibm-plex-sans-v3-latin-regular.ttf) format('truetype'),
+    /* Safari, Android, iOS */ url(/assets/fonts/ibm-plex-sans-v3-latin-regular.svg#IBMPlexSans) format('svg');
+  /* Legacy iOS */
+}
+
+/* ibm-plex-sans-500 - latin */
+@font-face {
+  font-family: 'IBM Plex Sans';
+  font-style: normal;
+  font-weight: 500;
+  src: url(/assets/fonts/ibm-plex-sans-v3-latin-500.eot);
+  /* IE9 Compat Modes */
+  src: local('IBM Plex Sans Medium'), local('IBMPlexSans-Medium'), url(/assets/fonts/ibm-plex-sans-v3-latin-500.eot?#iefix) format('embedded-opentype'),
+    /* IE6-IE8 */ url(/assets/fonts/ibm-plex-sans-v3-latin-500.woff2) format('woff2'), /* Super Modern Browsers */ url(/assets/fonts/ibm-plex-sans-v3-latin-500.woff) format('woff'),
+    /* Modern Browsers */ url(/assets/fonts/ibm-plex-sans-v3-latin-500.ttf) format('truetype'),
+    /* Safari, Android, iOS */ url(/assets/fonts/ibm-plex-sans-v3-latin-500.svg#IBMPlexSans) format('svg');
+  /* Legacy iOS */
+}
+
+/* ibm-plex-sans-600 - latin */
+@font-face {
+  font-family: 'IBM Plex Sans';
+  font-style: normal;
+  font-weight: 600;
+  src: url(/assets/fonts/ibm-plex-sans-v3-latin-600.eot);
+  /* IE9 Compat Modes */
+  src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'), url(/assets/fonts/ibm-plex-sans-v3-latin-600.eot?#iefix) format('embedded-opentype'),
+    /* IE6-IE8 */ url(/assets/fonts/ibm-plex-sans-v3-latin-600.woff2) format('woff2'), /* Super Modern Browsers */ url(/assets/fonts/ibm-plex-sans-v3-latin-600.woff) format('woff'),
+    /* Modern Browsers */ url(/assets/fonts/ibm-plex-sans-v3-latin-600.ttf) format('truetype'),
+    /* Safari, Android, iOS */ url(/assets/fonts/ibm-plex-sans-v3-latin-600.svg#IBMPlexSans) format('svg');
+  /* Legacy iOS */
+}
+
+/* ibm-plex-sans-700 - latin */
+@font-face {
+  font-family: 'IBM Plex Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: url(/assets/fonts/ibm-plex-sans-v3-latin-700.eot);
+  /* IE9 Compat Modes */
+  src: local('IBM Plex Sans Bold'), local('IBMPlexSans-Bold'), url(/assets/fonts/ibm-plex-sans-v3-latin-700.eot?#iefix) format('embedded-opentype'),
+    /* IE6-IE8 */ url(/assets/fonts/ibm-plex-sans-v3-latin-700.woff2) format('woff2'), /* Super Modern Browsers */ url(/assets/fonts/ibm-plex-sans-v3-latin-700.woff) format('woff'),
+    /* Modern Browsers */ url(/assets/fonts/ibm-plex-sans-v3-latin-700.ttf) format('truetype'),
+    /* Safari, Android, iOS */ url(/assets/fonts/ibm-plex-sans-v3-latin-700.svg#IBMPlexSans) format('svg');
+  /* Legacy iOS */
+}

package/dist/style/_helpers.scss

@@ -0,0 +1,5 @@
+.scroll-lock {
+    @apply touch-none overflow-hidden;
+    overscroll-behavior: none;
+    -webkit-overflow-scrolling: auto;
+}

package/dist/style/_mixins.scss

@@ -0,0 +1 @@
+@import './mixins/scrollbar';

package/dist/style/_reset.scss

@@ -0,0 +1,30 @@
+@layer base {
+    html,
+    body {
+        font-family: 'IBM Plex Sans', sans-serif;
+
+        @apply w-full;
+        @apply bg-mystic;
+        @apply max-w-screen-safe;
+
+        text-rendering: optimizeLegibility;
+        -webkit-font-smoothing: antialiased;
+    }
+
+    html {
+        height: -moz-stretch;
+        height: -webkit-stretch;
+        height: stretch;
+    }
+
+    body {
+        @apply h-screen-safe;
+        height: -moz-stretch;
+        height: -webkit-stretch;
+        height: stretch;
+    }
+
+    body * {
+        @apply box-border;
+    }
+}

package/dist/style/_tailwind.scss

@@ -0,0 +1,3 @@
+@tailwind base;
+// @tailwind utilities;
+// @tailwind components;

package/dist/style/_typograhpy.scss

@@ -0,0 +1,29 @@
+@layer base {
+    h1 {
+        @apply text-h1 font-bold leading-h1;
+    }
+
+    h2 {
+        @apply text-h2 font-bold leading-h2;
+    }
+
+    h3 {
+        @apply text-h3 font-semibold leading-h3;
+    }
+
+    h4 {
+        @apply text-h4 font-semibold leading-h4;
+    }
+
+    h5 {
+        @apply text-h5 font-medium leading-h5;
+    }
+
+    body {
+        @apply text-body leading-body text-storm #{!important};
+    }
+
+    .body-2 {
+        @apply text-body-2 leading-body-2 text-storm #{!important};
+    }
+}

package/dist/style/_variables.scss

@@ -0,0 +1,2 @@
+:root {
+}

package/dist/style/form/_checkbox.scss

@@ -0,0 +1,111 @@
+@import './mixins';
+
+input[type='checkbox'].p-input {
+    @apply appearance-none bg-center bg-no-repeat;
+    @apply h-6 w-6 rounded bg-white;
+    @apply border border-solid border-mystic-dark;
+    @apply outline-none #{!important};
+
+    background-size: 1rem;
+
+    + label {
+        margin-top: 0.05rem;
+        margin-left: 0.2rem;
+    }
+
+    &:hover:not(:disabled):not([disabled]):not(.disabled) {
+        @apply cursor-pointer;
+    }
+
+    &:hover:not(:disabled):not([disabled]):not(.disabled):not(:checked):not([checked]):not(.checked):not(:indeterminate):not([indeterminate]):not(.indeterminate) {
+        @apply border-indigo;
+        background-image: url('data:image/svg+xml,<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>EB3016C2-A1DF-47ED-937C-697443FD3F3C@1x</title> <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -368.000000)" fill="%23dae6f0"> <g id="Collection---Icons" transform="translate(56.000000, 56.000000)"> <g id="icons" transform="translate(0.000000, 152.000000)"> <g id="checkmark" transform="translate(0.000000, 160.000000)"> <g id="Path" transform="translate(243.000000, 0.000000)"> <path d="M5.9647539,11.4869113 L13.5310363,1.53005377 C13.9660225,0.957640367 14.7506399,0.830594918 15.3318508,1.23846541 L15.4391486,1.31485597 C15.7328273,1.52108493 15.9306419,1.84558554 15.9849532,2.2102092 C16.0392644,2.57483285 15.9451503,2.94653481 15.725276,3.23579911 L7.2585864,14.3795051 C7.08780408,14.6049504 6.86247873,14.7614579 6.61748211,14.843438 C6.09379993,15.1259931 5.45441111,15.0189985 5.04199293,14.5797974 L0.362021072,9.60136867 C0.114703307,9.33763381 -0.0159246448,8.97843936 0.00155347006,8.61017223 C0.019031585,8.2419051 0.18303418,7.89788961 0.45411834,7.6608621 L0.554262943,7.57329243 C1.09124008,7.10398752 1.8844974,7.14458066 2.37474875,7.66645166 L5.96564805,11.4869113 L5.9647539,11.4869113 Z"></path> </g> </g> </g> </g> </g> </g></svg>');
+    }
+
+    &[indeterminate],
+    &:indeterminate,
+    &.indeterminate,
+    &[checked],
+    &:checked,
+    &.checked {
+        @apply border-indigo bg-indigo;
+    }
+
+    &[checked],
+    &:checked,
+    &.checked {
+        background-image: url('data:image/svg+xml,<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>EB3016C2-A1DF-47ED-937C-697443FD3F3C@1x</title> <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -368.000000)" fill="white"> <g id="Collection---Icons" transform="translate(56.000000, 56.000000)"> <g id="icons" transform="translate(0.000000, 152.000000)"> <g id="checkmark" transform="translate(0.000000, 160.000000)"> <g id="Path" transform="translate(243.000000, 0.000000)"> <path d="M5.9647539,11.4869113 L13.5310363,1.53005377 C13.9660225,0.957640367 14.7506399,0.830594918 15.3318508,1.23846541 L15.4391486,1.31485597 C15.7328273,1.52108493 15.9306419,1.84558554 15.9849532,2.2102092 C16.0392644,2.57483285 15.9451503,2.94653481 15.725276,3.23579911 L7.2585864,14.3795051 C7.08780408,14.6049504 6.86247873,14.7614579 6.61748211,14.843438 C6.09379993,15.1259931 5.45441111,15.0189985 5.04199293,14.5797974 L0.362021072,9.60136867 C0.114703307,9.33763381 -0.0159246448,8.97843936 0.00155347006,8.61017223 C0.019031585,8.2419051 0.18303418,7.89788961 0.45411834,7.6608621 L0.554262943,7.57329243 C1.09124008,7.10398752 1.8844974,7.14458066 2.37474875,7.66645166 L5.96564805,11.4869113 L5.9647539,11.4869113 Z"></path> </g> </g> </g> </g> </g> </g></svg>');
+    }
+
+    &[indeterminate],
+    &:indeterminate,
+    &.indeterminate {
+        background-image: url('data:image/svg+xml,<svg width="1em" height="1em" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>1AA10FE9-5D18-418E-AF58-B044C23B6DEB@1x</title> <g id="✔️-Collections" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="⚛️-Atoms---Icons" transform="translate(-299.000000, -854.000000)" fill="white"> <g id="Collection---Icons" transform="translate(56.000000, 56.000000)"> <g id="icons" transform="translate(0.000000, 152.000000)"> <g id="minus" transform="translate(0.000000, 646.000000)"> <g id="icons/plus/default" transform="translate(243.000000, 0.000000)"> <path d="M4,7 L12,7 C12.5522847,7 13,7.44771525 13,8 C13,8.55228475 12.5522847,9 12,9 L4,9 C3.44771525,9 3,8.55228475 3,8 C3,7.44771525 3.44771525,7 4,7 Z"></path> </g> </g> </g> </g> </g> </g></svg>');
+    }
+
+    &[disabled],
+    &:disabled,
+    &.disabled {
+        @include inputDisabledState();
+    }
+
+    &[error],
+    &.error {
+        @include inputErrorState();
+
+        &[checked],
+        &:checked,
+        &.checked {
+            @apply bg-negative;
+        }
+    }
+}
+
+input[type='checkbox'].p-toggle {
+    @apply appearance-none;
+    @apply h-6 w-[2.375rem] bg-white p-1;
+    @apply flex items-center justify-start;
+    @apply rounded-xxxlarge;
+    @apply border border-solid border-mystic-dark;
+
+    &:after {
+        content: '';
+        @apply block h-4 w-4 rounded-round;
+        @apply translate-x-0 bg-mystic-dark transition-transform duration-100;
+    }
+
+    &[checked],
+    &:checked,
+    &.checked {
+        @apply border-indigo bg-indigo;
+
+        &:after {
+            @apply translate-x-3 bg-white;
+        }
+    }
+
+    &[disabled],
+    &:disabled,
+    &.disabled {
+        @include inputDisabledState();
+    }
+
+    &:hover:not(:disabled):not([disabled]):not(.disabled) {
+        @apply cursor-pointer;
+    }
+
+    &:hover:not(:disabled):not([disabled]):not(.disabled):not(:checked):not([checked]):not(.checked) {
+        @apply border-indigo;
+    }
+
+    &[error],
+    &.error {
+        @include inputErrorState();
+
+        &[checked],
+        &:checked,
+        &.checked {
+            @apply bg-negative;
+        }
+    }
+}

package/dist/style/form/_input.scss

@@ -0,0 +1,31 @@
+@import './mixins';
+
+@include inputs() {
+    @include inputDefaultState();
+
+    &[error],
+    &.error {
+        @include inputErrorState();
+
+        &:focus,
+        &:focus-within,
+        &:focus-visible,
+        &.focus,
+        &[active],
+        &.active {
+            @include inputErrorState();
+        }
+    }
+
+    &[disabled],
+    &:disabled,
+    &.disabled {
+        @include inputDisabledState();
+    }
+
+    &.clean {
+        &::-webkit-calendar-picker-indicator {
+            display: none;
+        }
+    }
+}

package/dist/style/form/_mixins.scss

@@ -0,0 +1,114 @@
+@mixin inputs($prefix: false, $slotted: false) {
+    @if $prefix != false {
+        @if $slotted == true {
+            #{$prefix} + ::slotted(input[type='text'].p-input),
+            #{$prefix} + ::slotted(input[type='number'].p-input),
+            #{$prefix} + ::slotted(input[type='date'].p-input),
+            #{$prefix} + ::slotted(input[type='month'].p-input),
+            #{$prefix} + ::slotted(input[type='datetime-local'].p-input),
+            #{$prefix} + ::slotted(input[type='time'].p-input),
+            #{$prefix} + ::slotted(input[type='tel'].p-input),
+            #{$prefix} + ::slotted(input[type='password'].p-input),
+            #{$prefix} + ::slotted(input[type='email'].p-input) {
+                @content;
+            }
+        } @else {
+            #{$prefix} + input[type='text'],
+            #{$prefix} + input[type='number'],
+            #{$prefix} + input[type='date'],
+            #{$prefix} + input[type='month'],
+            #{$prefix} + input[type='datetime-local'],
+            #{$prefix} + input[type='time'],
+            #{$prefix} + input[type='tel'],
+            #{$prefix} + input[type='password'],
+            #{$prefix} + input[type='email'] {
+                &.p-input {
+                    @content;
+                }
+            }
+        }
+    } @else {
+        @if $slotted == true {
+            ::slotted(input[type='text'].p-input),
+            ::slotted(input[type='number'].p-input),
+            ::slotted(input[type='date'].p-input),
+            ::slotted(input[type='month'].p-input),
+            ::slotted(input[type='datetime-local'].p-input),
+            ::slotted(input[type='time'].p-input),
+            ::slotted(input[type='tel'].p-input),
+            ::slotted(input[type='password'].p-input),
+            ::slotted(input[type='email'].p-input) {
+                @content;
+            }
+        } @else {
+            input[type='text'],
+            input[type='number'],
+            input[type='date'],
+            input[type='month'],
+            input[type='datetime-local'],
+            input[type='time'],
+            input[type='tel'],
+            input[type='password'],
+            input[type='email'] {
+                &.p-input {
+                    @content;
+                }
+            }
+        }
+    }
+}
+
+@mixin inputDefaultState {
+    @apply flex items-center justify-start;
+    @apply text-base text-storm-dark;
+    @apply bg-white px-4;
+    @apply rounded-large;
+    @apply border-b border-l border-r border-t;
+    @apply border-solid border-mystic-dark #{!important};
+    @apply outline-none #{!important};
+    @apply h-10 w-full #{!important};
+
+    &::placeholder {
+        @apply text-base text-storm-medium;
+    }
+
+    &:focus,
+    &:focus-within,
+    &:focus-visible,
+    &.focus,
+    &[active],
+    &.active {
+        @include inputFocusState();
+    }
+
+    &.size-small {
+        @include inputSizeSmall();
+    }
+}
+
+@mixin inputFocusState {
+    @apply border-indigo #{!important};
+    @apply outline-none #{!important};
+}
+
+@mixin inputErrorState {
+    @apply text-negative-dark;
+    @apply border-negative #{!important};
+
+    &::placeholder {
+        @apply text-negative-light;
+    }
+}
+
+@mixin inputDisabledState {
+    @apply opacity-40;
+}
+
+@mixin inputSizeSmall {
+    @apply text-sm;
+    @apply h-8  #{!important};
+
+    &::placeholder {
+        @apply text-sm;
+    }
+}

package/dist/style/form/_radio.scss

@@ -0,0 +1,58 @@
+.p-input[type='radio'] {
+    @apply appearance-none relative;
+    @apply w-4 h-4 bg-white rounded-round;
+    @apply border border-solid border-mystic-dark;
+    @apply outline-none #{!important};
+
+    &:after {
+        @apply absolute top-1/2 left-1/2 bg-transparent;
+        @apply transform -translate-x-1/2 -translate-y-1/2 rounded-round;
+
+        content: ' ';
+        width: 0.375em;
+        height: 0.375em;
+    }
+
+    &:hover:not(:disabled):not([disabled]):not(.disabled) {
+        @apply cursor-pointer;
+    }
+
+    &:hover:not(:disabled):not([disabled]):not(.disabled):not(:checked):not([checked]):not(.checked) {
+        @apply border-indigo;
+
+        &::after {
+            @apply bg-mystic-dark;
+        }
+    }
+
+    &[checked],
+    &:checked,
+    &.checked {
+        @apply bg-indigo border-indigo;
+
+        &:after {
+            @apply bg-white;
+        }
+    }
+
+    &[disabled],
+    &:disabled,
+    &.disabled {
+        @include inputDisabledState();
+    }
+
+    &[error],
+    &.error {
+        @include inputErrorState();
+
+        &[checked],
+        &:checked,
+        &.checked {
+            @apply bg-negative;
+
+            &:after {
+                @apply bg-white;
+            }
+        }
+    }
+}

package/dist/style/form/_textarea.scss

@@ -0,0 +1,18 @@
+@import './mixins';
+
+textarea.p-input {
+    @include inputDefaultState();
+
+    @apply h-auto py-2;
+
+    &[error],
+    &.error {
+        @include inputErrorState();
+    }
+
+    &[disabled],
+    &:disabled,
+    &.disabled {
+        @include inputDisabledState();
+    }
+}

package/dist/style/form/index.scss

@@ -0,0 +1,4 @@
+@import './input';
+@import './textarea';
+@import './checkbox';
+@import './radio';

package/dist/style/mixins/_scrollbar.scss

@@ -0,0 +1,32 @@
+@mixin scrollbar() {
+    scrollbar-color: #528afa #dae6f0;
+    scrollbar-width: thin;
+
+    &::-webkit-scrollbar-track {
+        background: #dae6f0;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        background: #528afa;
+    }
+
+    &::-webkit-scrollbar-thumb:hover {
+        background: #528afa;
+    }
+}
+
+@mixin scrollbarX() {
+    &::-webkit-scrollbar {
+        height: 0.25rem;
+    }
+
+    @include scrollbar();
+}
+
+@mixin scrollbarY() {
+    &::-webkit-scrollbar {
+        width: 0.25rem;
+    }
+
+    @include scrollbar();
+}

package/dist/style/paperless.scss

@@ -0,0 +1,12 @@
+@import './variables';
+
+@import './tailwind';
+
+@import './reset';
+@import './fonts';
+
+@import './typograhpy';
+
+@import './helpers';
+
+@import './form';