@tcn/ui 0.3.0 → 0.3.2

package/dist/overlay/portal/portal_platform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"portal_platform.d.ts","sourceRoot":"","sources":["../../../src/overlay/portal/portal_platform.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,cAAc,CAAC;AAEtB,qBAAa,eAAe;IAC1B,OAAO,CAAC,OAAO,CAA6B;IAC5C,GAAG,EAAE,cAAc,CAAC;IACpB,UAAU,UAAS;gBAEP,GAAG,6BAAS,EAAE,MAAM,GAAE,MAAM,GAAG,MAAY;IAOvD,SAAS,CAAC,MAAM,GAAE,MAAM,GAAG,MAAY;IAMvC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS;CAOjC;AAED,qBAAa,cAAc;IACzB,OAAO,CAAC,OAAO,CAA6B;IAC5C,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,QAAQ,CAAyB;IAEzC,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC;gBAEtB,GAAG,6BAAS,EAAE,IAAI,GAAE,WAA+B;IAO/D,OAAO,CAAC,gBAAgB;IAiBxB,SAAS,CAAC,MAAM,GAAE,MAAM,GAAG,MAAe;IAM1C,OAAO,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAQhC,YAAY;IAMZ,WAAW,CAAC,MAAM,EAAE,eAAe;IAMnC,aAAa,CAAC,MAAM,EAAE,eAAe;IAIrC,YAAY,CAAC,MAAM,EAAE,eAAe;IAUpC,YAAY;IAMZ,uBAAuB;IAMvB,OAAO;CAKR"}
+{"version":3,"file":"portal_platform.d.ts","sourceRoot":"","sources":["../../../src/overlay/portal/portal_platform.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,cAAc,CAAC;AAEtB,qBAAa,eAAe;IAC1B,OAAO,CAAC,OAAO,CAA6B;IAC5C,GAAG,EAAE,cAAc,CAAC;IACpB,UAAU,UAAS;gBAEP,GAAG,6BAAS,EAAE,MAAM,GAAE,MAAM,GAAG,MAAY;IAOvD,SAAS,CAAC,MAAM,GAAE,MAAM,GAAG,MAAY;IAMvC,MAAM,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS;CAOjC;AAED,qBAAa,cAAc;IACzB,OAAO,CAAC,OAAO,CAA6B;IAC5C,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,QAAQ,CAAyB;IAEzC,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC;gBAEtB,GAAG,6BAAS,EAAE,IAAI,GAAE,WAA+B;IAM/D,OAAO,CAAC,gBAAgB;IAkBxB,SAAS,CAAC,MAAM,GAAE,MAAM,GAAG,MAAe;IAM1C,OAAO,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI;IAQhC,YAAY;IAMZ,WAAW,CAAC,MAAM,EAAE,eAAe;IAMnC,aAAa,CAAC,MAAM,EAAE,eAAe;IAIrC,YAAY,CAAC,MAAM,EAAE,eAAe;IAUpC,YAAY;IAMZ,uBAAuB;IAMvB,OAAO;CAKR"}

package/dist/overlay/portal/portal_platform.js

@@ -1,10 +1,11 @@
 import { createPortal as e } from "react-dom";
-import '../../portal_platform.css';class s {
+import './portal.css';/* empty css           */
+class s {
   _window;
   div;
   hasMounted = !1;
   constructor(t = window, o = "0") {
-    this._window = t, this.div = this._window.document.createElement("div"), this.div.className = "portal", this.setZIndex(o);
+    this._window = t, this.div = this._window.document.createElement("div"), this.div.className = "tcn-portal", this.setZIndex(o);
   }
   setZIndex(t = "0") {
     this.div != null && (this.div.style.zIndex = t.toString());
@@ -19,17 +20,17 @@ class a {
   _portals = [];
   platform;
   constructor(t = window, o = t.document.body) {
-    this._window = t, this._root = o, this.platform = this._getPlatformRoot(), this.platform.classList.add("platform-root");
+    this._window = t, this._root = o, this.platform = this._getPlatformRoot();
   }
   _getPlatformRoot() {
     const t = this._window.document.body.querySelector(
-      ".platform-root"
+      ".tcn-platform-root"
     );
     if (t)
       return t;
     {
       const o = this._window.document.createElement("div"), i = this._window.document.createElement("div");
-      return i.id = "portal-platform", i.classList.add("portal-platform"), o.appendChild(i), o;
+      return i.id = "tcn-portal-platform", i.classList.add("tcn-portal-platform"), o.appendChild(i), o.classList.add("tcn-platform-root"), o;
     }
   }
   setZIndex(t = "auto") {

package/dist/overlay/portal/portal_platform.js.map

@@ -1 +1 @@
-{"version":3,"file":"portal_platform.js","sources":["../../../src/overlay/portal/portal_platform.tsx"],"sourcesContent":["import React from 'react';\nimport { createPortal } from 'react-dom';\nimport './portal.css';\n\nexport class PortalPresenter {\n  private _window: Window & typeof globalThis;\n  div: HTMLDivElement;\n  hasMounted = false;\n\n  constructor(win = window, zIndex: number | string = '0') {\n    this._window = win;\n    this.div = this._window.document.createElement('div');\n    this.div.className = 'portal';\n    this.setZIndex(zIndex);\n  }\n\n  setZIndex(zIndex: number | string = '0') {\n    if (this.div != null) {\n      this.div.style.zIndex = zIndex.toString();\n    }\n  }\n\n  render(children: React.ReactNode) {\n    if (this.div == null) {\n      return null;\n    }\n\n    return createPortal(children, this.div);\n  }\n}\n\nexport class PortalPlatform {\n  private _window: Window & typeof globalThis;\n  private _root: HTMLElement;\n  private _portals: PortalPresenter[] = [];\n\n  readonly platform: HTMLDivElement;\n\n  constructor(win = window, root: HTMLElement = win.document.body) {\n    this._window = win;\n    this._root = root;\n    this.platform = this._getPlatformRoot();\n    this.platform.classList.add('platform-root');\n  }\n\n  private _getPlatformRoot() {\n    const existingPlatformRoot = this._window.document.body.querySelector(\n      '.platform-root'\n    ) as HTMLDivElement | null;\n    if (!existingPlatformRoot) {\n      const root = this._window.document.createElement('div');\n      const portalPlatform = this._window.document.createElement('div');\n      portalPlatform.id = 'portal-platform';\n      portalPlatform.classList.add('portal-platform');\n      root.appendChild(portalPlatform);\n\n      return root;\n    } else {\n      return existingPlatformRoot;\n    }\n  }\n\n  setZIndex(zIndex: number | string = 'auto') {\n    if (this.platform != null) {\n      this.platform.style.zIndex = zIndex.toString();\n    }\n  }\n\n  setRoot(root: HTMLElement | null) {\n    if (root !== this._root) {\n      this.platform?.parentNode?.removeChild(this.platform);\n      this._root = root == null ? document.body : root;\n      this.showPlatform();\n    }\n  }\n\n  createPortal() {\n    const portal = new PortalPresenter(this._window);\n    this._portals.push(portal);\n    return portal;\n  }\n\n  mountPortal(portal: PortalPresenter) {\n    portal.hasMounted = true;\n    this.platform.firstElementChild?.appendChild(portal.div);\n    this.showPlatform();\n  }\n\n  unmountPortal(portal: PortalPresenter) {\n    this.removePortal(portal);\n  }\n\n  removePortal(portal: PortalPresenter) {\n    const index = this._portals.indexOf(portal);\n    if (index > -1) {\n      portal.hasMounted = false;\n      this._portals.splice(index, 1);\n      this.platform.firstElementChild?.removeChild(portal.div);\n      this.hidePlatformIfNecessary();\n    }\n  }\n\n  showPlatform() {\n    if (this.platform != null && this.platform.parentElement == null) {\n      this._root.appendChild(this.platform);\n    }\n  }\n\n  hidePlatformIfNecessary() {\n    if (this._portals.length === 0 && this.platform.parentElement != null) {\n      this._root.removeChild(this.platform);\n    }\n  }\n\n  dispose() {\n    if (this.platform != null && this._root.contains(this.platform)) {\n      this._root.removeChild(this.platform);\n    }\n  }\n}\n"],"names":["PortalPresenter","win","zIndex","children","createPortal","PortalPlatform","root","existingPlatformRoot","portalPlatform","portal","index"],"mappings":";AAIO,MAAMA,EAAgB;AAAA,EACnB;AAAA,EACR;AAAA,EACA,aAAa;AAAA,EAEb,YAAYC,IAAM,QAAQC,IAA0B,KAAK;AACvD,SAAK,UAAUD,GACf,KAAK,MAAM,KAAK,QAAQ,SAAS,cAAc,KAAK,GACpD,KAAK,IAAI,YAAY,UACrB,KAAK,UAAUC,CAAM;AAAA,EACvB;AAAA,EAEA,UAAUA,IAA0B,KAAK;AACvC,IAAI,KAAK,OAAO,SACd,KAAK,IAAI,MAAM,SAASA,EAAO,SAAA;AAAA,EAEnC;AAAA,EAEA,OAAOC,GAA2B;AAChC,WAAI,KAAK,OAAO,OACP,OAGFC,EAAaD,GAAU,KAAK,GAAG;AAAA,EACxC;AACF;AAEO,MAAME,EAAe;AAAA,EAClB;AAAA,EACA;AAAA,EACA,WAA8B,CAAA;AAAA,EAE7B;AAAA,EAET,YAAYJ,IAAM,QAAQK,IAAoBL,EAAI,SAAS,MAAM;AAC/D,SAAK,UAAUA,GACf,KAAK,QAAQK,GACb,KAAK,WAAW,KAAK,iBAAA,GACrB,KAAK,SAAS,UAAU,IAAI,eAAe;AAAA,EAC7C;AAAA,EAEQ,mBAAmB;AACzB,UAAMC,IAAuB,KAAK,QAAQ,SAAS,KAAK;AAAA,MACtD;AAAA,IAAA;AAEF,QAAKA;AASH,aAAOA;AATkB;AACzB,YAAMD,IAAO,KAAK,QAAQ,SAAS,cAAc,KAAK,GAChDE,IAAiB,KAAK,QAAQ,SAAS,cAAc,KAAK;AAChE,aAAAA,EAAe,KAAK,mBACpBA,EAAe,UAAU,IAAI,iBAAiB,GAC9CF,EAAK,YAAYE,CAAc,GAExBF;AAAA,IACT;AAAA,EAGF;AAAA,EAEA,UAAUJ,IAA0B,QAAQ;AAC1C,IAAI,KAAK,YAAY,SACnB,KAAK,SAAS,MAAM,SAASA,EAAO,SAAA;AAAA,EAExC;AAAA,EAEA,QAAQI,GAA0B;AAChC,IAAIA,MAAS,KAAK,UAChB,KAAK,UAAU,YAAY,YAAY,KAAK,QAAQ,GACpD,KAAK,QAAQA,KAAe,SAAS,MACrC,KAAK,aAAA;AAAA,EAET;AAAA,EAEA,eAAe;AACb,UAAMG,IAAS,IAAIT,EAAgB,KAAK,OAAO;AAC/C,gBAAK,SAAS,KAAKS,CAAM,GAClBA;AAAA,EACT;AAAA,EAEA,YAAYA,GAAyB;AACnC,IAAAA,EAAO,aAAa,IACpB,KAAK,SAAS,mBAAmB,YAAYA,EAAO,GAAG,GACvD,KAAK,aAAA;AAAA,EACP;AAAA,EAEA,cAAcA,GAAyB;AACrC,SAAK,aAAaA,CAAM;AAAA,EAC1B;AAAA,EAEA,aAAaA,GAAyB;AACpC,UAAMC,IAAQ,KAAK,SAAS,QAAQD,CAAM;AAC1C,IAAIC,IAAQ,OACVD,EAAO,aAAa,IACpB,KAAK,SAAS,OAAOC,GAAO,CAAC,GAC7B,KAAK,SAAS,mBAAmB,YAAYD,EAAO,GAAG,GACvD,KAAK,wBAAA;AAAA,EAET;AAAA,EAEA,eAAe;AACb,IAAI,KAAK,YAAY,QAAQ,KAAK,SAAS,iBAAiB,QAC1D,KAAK,MAAM,YAAY,KAAK,QAAQ;AAAA,EAExC;AAAA,EAEA,0BAA0B;AACxB,IAAI,KAAK,SAAS,WAAW,KAAK,KAAK,SAAS,iBAAiB,QAC/D,KAAK,MAAM,YAAY,KAAK,QAAQ;AAAA,EAExC;AAAA,EAEA,UAAU;AACR,IAAI,KAAK,YAAY,QAAQ,KAAK,MAAM,SAAS,KAAK,QAAQ,KAC5D,KAAK,MAAM,YAAY,KAAK,QAAQ;AAAA,EAExC;AACF;"}
+{"version":3,"file":"portal_platform.js","sources":["../../../src/overlay/portal/portal_platform.tsx"],"sourcesContent":["import React from 'react';\nimport { createPortal } from 'react-dom';\nimport './portal.css';\n\nexport class PortalPresenter {\n  private _window: Window & typeof globalThis;\n  div: HTMLDivElement;\n  hasMounted = false;\n\n  constructor(win = window, zIndex: number | string = '0') {\n    this._window = win;\n    this.div = this._window.document.createElement('div');\n    this.div.className = 'tcn-portal';\n    this.setZIndex(zIndex);\n  }\n\n  setZIndex(zIndex: number | string = '0') {\n    if (this.div != null) {\n      this.div.style.zIndex = zIndex.toString();\n    }\n  }\n\n  render(children: React.ReactNode) {\n    if (this.div == null) {\n      return null;\n    }\n\n    return createPortal(children, this.div);\n  }\n}\n\nexport class PortalPlatform {\n  private _window: Window & typeof globalThis;\n  private _root: HTMLElement;\n  private _portals: PortalPresenter[] = [];\n\n  readonly platform: HTMLDivElement;\n\n  constructor(win = window, root: HTMLElement = win.document.body) {\n    this._window = win;\n    this._root = root;\n    this.platform = this._getPlatformRoot();\n  }\n\n  private _getPlatformRoot() {\n    const existingPlatformRoot = this._window.document.body.querySelector(\n      '.tcn-platform-root'\n    ) as HTMLDivElement | null;\n    if (!existingPlatformRoot) {\n      const root = this._window.document.createElement('div');\n      const portalPlatform = this._window.document.createElement('div');\n      portalPlatform.id = 'tcn-portal-platform';\n      portalPlatform.classList.add('tcn-portal-platform');\n      root.appendChild(portalPlatform);\n      root.classList.add('tcn-platform-root');\n\n      return root;\n    } else {\n      return existingPlatformRoot;\n    }\n  }\n\n  setZIndex(zIndex: number | string = 'auto') {\n    if (this.platform != null) {\n      this.platform.style.zIndex = zIndex.toString();\n    }\n  }\n\n  setRoot(root: HTMLElement | null) {\n    if (root !== this._root) {\n      this.platform?.parentNode?.removeChild(this.platform);\n      this._root = root == null ? document.body : root;\n      this.showPlatform();\n    }\n  }\n\n  createPortal() {\n    const portal = new PortalPresenter(this._window);\n    this._portals.push(portal);\n    return portal;\n  }\n\n  mountPortal(portal: PortalPresenter) {\n    portal.hasMounted = true;\n    this.platform.firstElementChild?.appendChild(portal.div);\n    this.showPlatform();\n  }\n\n  unmountPortal(portal: PortalPresenter) {\n    this.removePortal(portal);\n  }\n\n  removePortal(portal: PortalPresenter) {\n    const index = this._portals.indexOf(portal);\n    if (index > -1) {\n      portal.hasMounted = false;\n      this._portals.splice(index, 1);\n      this.platform.firstElementChild?.removeChild(portal.div);\n      this.hidePlatformIfNecessary();\n    }\n  }\n\n  showPlatform() {\n    if (this.platform != null && this.platform.parentElement == null) {\n      this._root.appendChild(this.platform);\n    }\n  }\n\n  hidePlatformIfNecessary() {\n    if (this._portals.length === 0 && this.platform.parentElement != null) {\n      this._root.removeChild(this.platform);\n    }\n  }\n\n  dispose() {\n    if (this.platform != null && this._root.contains(this.platform)) {\n      this._root.removeChild(this.platform);\n    }\n  }\n}\n"],"names":["PortalPresenter","win","zIndex","children","createPortal","PortalPlatform","root","existingPlatformRoot","portalPlatform","portal","index"],"mappings":";;AAIO,MAAMA,EAAgB;AAAA,EACnB;AAAA,EACR;AAAA,EACA,aAAa;AAAA,EAEb,YAAYC,IAAM,QAAQC,IAA0B,KAAK;AACvD,SAAK,UAAUD,GACf,KAAK,MAAM,KAAK,QAAQ,SAAS,cAAc,KAAK,GACpD,KAAK,IAAI,YAAY,cACrB,KAAK,UAAUC,CAAM;AAAA,EACvB;AAAA,EAEA,UAAUA,IAA0B,KAAK;AACvC,IAAI,KAAK,OAAO,SACd,KAAK,IAAI,MAAM,SAASA,EAAO,SAAA;AAAA,EAEnC;AAAA,EAEA,OAAOC,GAA2B;AAChC,WAAI,KAAK,OAAO,OACP,OAGFC,EAAaD,GAAU,KAAK,GAAG;AAAA,EACxC;AACF;AAEO,MAAME,EAAe;AAAA,EAClB;AAAA,EACA;AAAA,EACA,WAA8B,CAAA;AAAA,EAE7B;AAAA,EAET,YAAYJ,IAAM,QAAQK,IAAoBL,EAAI,SAAS,MAAM;AAC/D,SAAK,UAAUA,GACf,KAAK,QAAQK,GACb,KAAK,WAAW,KAAK,iBAAA;AAAA,EACvB;AAAA,EAEQ,mBAAmB;AACzB,UAAMC,IAAuB,KAAK,QAAQ,SAAS,KAAK;AAAA,MACtD;AAAA,IAAA;AAEF,QAAKA;AAUH,aAAOA;AAVkB;AACzB,YAAMD,IAAO,KAAK,QAAQ,SAAS,cAAc,KAAK,GAChDE,IAAiB,KAAK,QAAQ,SAAS,cAAc,KAAK;AAChE,aAAAA,EAAe,KAAK,uBACpBA,EAAe,UAAU,IAAI,qBAAqB,GAClDF,EAAK,YAAYE,CAAc,GAC/BF,EAAK,UAAU,IAAI,mBAAmB,GAE/BA;AAAA,IACT;AAAA,EAGF;AAAA,EAEA,UAAUJ,IAA0B,QAAQ;AAC1C,IAAI,KAAK,YAAY,SACnB,KAAK,SAAS,MAAM,SAASA,EAAO,SAAA;AAAA,EAExC;AAAA,EAEA,QAAQI,GAA0B;AAChC,IAAIA,MAAS,KAAK,UAChB,KAAK,UAAU,YAAY,YAAY,KAAK,QAAQ,GACpD,KAAK,QAAQA,KAAe,SAAS,MACrC,KAAK,aAAA;AAAA,EAET;AAAA,EAEA,eAAe;AACb,UAAMG,IAAS,IAAIT,EAAgB,KAAK,OAAO;AAC/C,gBAAK,SAAS,KAAKS,CAAM,GAClBA;AAAA,EACT;AAAA,EAEA,YAAYA,GAAyB;AACnC,IAAAA,EAAO,aAAa,IACpB,KAAK,SAAS,mBAAmB,YAAYA,EAAO,GAAG,GACvD,KAAK,aAAA;AAAA,EACP;AAAA,EAEA,cAAcA,GAAyB;AACrC,SAAK,aAAaA,CAAM;AAAA,EAC1B;AAAA,EAEA,aAAaA,GAAyB;AACpC,UAAMC,IAAQ,KAAK,SAAS,QAAQD,CAAM;AAC1C,IAAIC,IAAQ,OACVD,EAAO,aAAa,IACpB,KAAK,SAAS,OAAOC,GAAO,CAAC,GAC7B,KAAK,SAAS,mBAAmB,YAAYD,EAAO,GAAG,GACvD,KAAK,wBAAA;AAAA,EAET;AAAA,EAEA,eAAe;AACb,IAAI,KAAK,YAAY,QAAQ,KAAK,SAAS,iBAAiB,QAC1D,KAAK,MAAM,YAAY,KAAK,QAAQ;AAAA,EAExC;AAAA,EAEA,0BAA0B;AACxB,IAAI,KAAK,SAAS,WAAW,KAAK,KAAK,SAAS,iBAAiB,QAC/D,KAAK,MAAM,YAAY,KAAK,QAAQ;AAAA,EAExC;AAAA,EAEA,UAAU;AACR,IAAI,KAAK,YAAY,QAAQ,KAAK,MAAM,SAAS,KAAK,QAAQ,KAC5D,KAAK,MAAM,YAAY,KAAK,QAAQ;AAAA,EAExC;AACF;"}

package/dist/overlay/portal/portal_platform_context.js

@@ -1,12 +1,12 @@
 import o, { useContext as r } from "react";
 import { PortalPlatform as e } from "./portal_platform.js";
-const a = new e(), t = o.createContext(a), n = t.Provider;
-function f() {
+const a = new e(), t = o.createContext(a), f = t.Provider;
+function n() {
   return r(t);
 }
 export {
   t as PortalPlatformContext,
-  n as PortalPlatformProvider,
-  f as usePortalPlatform
+  f as PortalPlatformProvider,
+  n as usePortalPlatform
 };
 //# sourceMappingURL=portal_platform_context.js.map

package/dist/page.css

@@ -1 +1 @@
-._page_b219ddf{width:100%;height:100%;overflow:auto;z-index:1;gap:var(--gap);padding:var(--padding)}._page_b219ddf>.stack{gap:var(--gap)}
+@layer tcn-system{:where(._page_b219ddf){width:100%;height:100%;overflow:auto;z-index:1;gap:var(--gap);padding:var(--padding)}:where(._page_b219ddf>.stack){gap:var(--gap)}}

package/dist/phone_number_input.css

@@ -1 +1 @@
-._phone-number-input_5c4483d{position:relative;opacity:1;border-radius:0}._phone-number-input_5c4483d[data-has-phone-book=false]{border-end-end-radius:4px;border-start-end-radius:4px}._phone-number-input-select_a7b33ac{border-end-end-radius:0px;border-start-end-radius:0px}._phone-number-input_5c4483d>*{position:relative;z-index:1}._phone-number-input-select_a7b33ac:has(button){z-index:2}._phone-number-input-input_5b14556:has(input:focus),._phone-number-input-select_a7b33ac:focus,._phone-number-input-input_5b14556:has(input:focus-visible),._phone-number-input-select_a7b33ac:focus-visible{z-index:3}._phone-number-input-phone-book-popover_1511f35{border-radius:calc(4px * var(--scalar, 1));padding:8px;background-color:#fefefe;box-shadow:var(--raised-box-shadow),var(--drop-shadow-depth-3);min-width:calc(200px * var(--scalar, 1))}._phone-number-input-phone-book_7999ca1{border-start-start-radius:0px;border-end-start-radius:0px;height:calc(26px * var(--scalar, 1))!important;width:calc(26px * var(--scalar, 1))!important;min-height:calc(26px * var(--scalar, 1))!important;min-width:calc(26px * var(--scalar, 1))!important;max-height:calc(26px * var(--scalar, 1))!important;max-width:calc(26px * var(--scalar, 1))!important}._phone-number-input-obfuscated_5a0ed8c{user-select:none;-webkit-user-select:none;cursor:default;width:100%;height:100%}._phone-number-input-obfuscated_5a0ed8c::selection{background:transparent}
+@layer tcn-system{:where(._phone-number-input_5c4483d){position:relative;opacity:1;border-radius:0}:where(._phone-number-input_5c4483d[data-has-phone-book=false]){border-end-end-radius:4px;border-start-end-radius:4px}:where(._phone-number-input-select_a7b33ac){border-end-end-radius:0px;border-start-end-radius:0px}:where(._phone-number-input_5c4483d>*){position:relative;z-index:1}:where(._phone-number-input-select_a7b33ac:has(button)){z-index:2}:where(._phone-number-input-input_5b14556:has(input:focus)),:where(._phone-number-input-select_a7b33ac:focus),:where(._phone-number-input-input_5b14556:has(input:focus-visible)),:where(._phone-number-input-select_a7b33ac:focus-visible){z-index:3}:where(._phone-number-input-phone-book-popover_1511f35){border-radius:calc(4px * var(--scalar, 1));padding:8px;background-color:#fefefe;box-shadow:var(--raised-box-shadow),var(--drop-shadow-depth-3);min-width:calc(200px * var(--scalar, 1))}:where(._phone-number-input-phone-book_7999ca1){border-start-start-radius:0px;border-end-start-radius:0px;height:calc(26px * var(--scalar, 1))!important;width:calc(26px * var(--scalar, 1))!important;min-height:calc(26px * var(--scalar, 1))!important;min-width:calc(26px * var(--scalar, 1))!important;max-height:calc(26px * var(--scalar, 1))!important;max-width:calc(26px * var(--scalar, 1))!important}:where(._phone-number-input-obfuscated_5a0ed8c){user-select:none;-webkit-user-select:none;cursor:default;width:100%;height:100%}:where(._phone-number-input-obfuscated_5a0ed8c::selection){background:transparent}}

package/dist/picture_placeholder.css

@@ -1 +1 @@
-._picture-placeholder_ec357fb{color:var(--color)}
+@layer tcn-system{:where(._picture-placeholder_ec357fb){color:var(--color)}}

package/dist/popper.css

@@ -1 +1 @@
-._popover_fcfb66a{display:inline-block;position:absolute}._popover-veil_c56df66{position:fixed;inset:0;background-color:#0000}
+@layer tcn-system{:where(._popover_fcfb66a){display:inline-block;position:absolute}:where(._popover-veil_c56df66){position:fixed;inset:0;background-color:#0000}}

package/dist/progress_bar.css

@@ -1 +1 @@
-:root{--progress-bar-color: var(--accent-color);--progress-bar-background: #dadada}._progress-bar-container_014b4d9{width:100%}._progress-bar-background_9176cc0{width:100%;height:100%;background-color:var(--progress-bar-background)}._progress-bar_057c33d{width:100%;height:100%;-webkit-appearance:none;appearance:none;background:transparent;-webkit-user-select:none;user-select:none;overflow:hidden}._progress-bar-fill_00854f0{height:100%;overflow:hidden;width:var(--progress-percentage, 50%);background-color:var(--progress-bar-color);transition:width .2s ease-out}._progress-bar-fill_00854f0:before{content:"";position:absolute;top:0;left:-20px;height:100%;width:calc(100% + 40px);background-size:20px 20px;animation:_moveStripes_d219e85 .5s linear infinite}._progress-bar-fill_00854f0[data-finished=true]:before{animation:none;background-image:none}@keyframes _moveStripes_d219e85{0%{transform:translate(0)}to{transform:translate(20px)}}
+@system{:root { --progress-bar-color: var(--accent-color); --progress-bar-background: #dadada; } :where(._progress-bar-container_014b4d9) {width: 100%;} :where(._progress-bar-background_9176cc0) {width: 100%; height: 100%; background-color: var(--progress-bar-background);} :where(._progress-bar_057c33d) {width: 100%; height: 100%; -webkit-appearance: none; appearance: none; background: transparent; user-select: none; overflow: hidden;} :where(._progress-bar-fill_00854f0) {height: 100%; overflow: hidden; width: var(--progress-percentage, 50%); background-color: var(--progress-bar-color); transition: width .2s ease-out;} :where(._progress-bar-fill_00854f0::before) {content: ""; position: absolute; top: 0px; left: -20px; height: 100%; width: calc(100% + 40px) ; background-size: 20px 20px; animation: _moveStripes_d219e85 .5s linear infinite;} :where(._progress-bar-fill_00854f0[data-finished="true"]::before) {animation: none; background-image: none;} @keyframes _moveStripes_d219e85 {0% {transform: translateX(0);} 100% {transform: translateX(20px);}}}

package/dist/radio.css

@@ -1 +1 @@
-._radio_ce5c4e1{appearance:none;-webkit-appearance:none;-moz-appearance:none;min-width:16px;min-height:16px;width:16px;height:16px;border-radius:50%;outline:none;outline-offset:0;cursor:pointer;margin:0;margin-inline-end:6px;background-color:#fff;border:1px solid var(--accent-color);box-sizing:border-box;-webkit-tap-highlight-color:transparent}._radio_ce5c4e1[data-is-disabled=true]{background-color:#0000000d;cursor:not-allowed;opacity:.5}._radio_ce5c4e1:checked,._radio_ce5c4e1[data-checked=true]{border:5px solid var(--accent-color);background-color:#fff}._radio_ce5c4e1:focus{outline:3px solid color-mix(in srgb,var(--accent-color) 40%,transparent)}._radio_ce5c4e1+label{font-size:14px;-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent}._radio_ce5c4e1[data-is-disabled=true]+label{font-size:14px;-webkit-user-select:none;user-select:none;cursor:pointer;opacity:.5}.small-text ._radio_ce5c4e1+label{font-size:12px}.medium-small-text ._radio_ce5c4e1+label{font-size:14px}.medium-text._radio_ce5c4e1+label{font-size:16px}.medium-large-text ._radio_ce5c4e1+label{font-size:18px}.large-text ._radio_ce5c4e1+label{font-size:18px}
+@layer tcn-system{:where(._radio_ce5c4e1){appearance:none;-webkit-appearance:none;-moz-appearance:none;min-width:16px;min-height:16px;width:16px;height:16px;border-radius:50%;outline:none;outline-offset:0;cursor:pointer;margin:0;margin-inline-end:6px;background-color:#fff;border:1px solid var(--accent-color);box-sizing:border-box;-webkit-tap-highlight-color:transparent}:where(._radio_ce5c4e1[data-is-disabled=true]){background-color:#0000000d;cursor:not-allowed;opacity:.5}:where(._radio_ce5c4e1:checked),:where(._radio_ce5c4e1[data-checked=true]){border:5px solid var(--accent-color);background-color:#fff}:where(._radio_ce5c4e1:focus){outline:3px solid color-mix(in srgb,var(--accent-color) 40%,transparent)}:where(._radio_ce5c4e1+label){font-size:14px;-webkit-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent}:where(._radio_ce5c4e1[data-is-disabled=true]+label){font-size:14px;-webkit-user-select:none;user-select:none;cursor:pointer;opacity:.5}}

package/dist/rect.css

@@ -1 +1 @@
-._rect_60482cd{display:grid;place-items:center center;border:1px solid color-mix(in srgb,var(--color) 25%,rgba(0,0,0,.5));color:color-mix(in srgb,var(--color) 15%,rgba(0,0,0,.8));background-color:var(--color);flex-shrink:0}
+@layer tcn-system{:where(._rect_60482cd){display:grid;place-items:center center;border:1px solid color-mix(in srgb,var(--color) 25%,rgba(0,0,0,.5));color:color-mix(in srgb,var(--color) 15%,rgba(0,0,0,.8));background-color:var(--color);flex-shrink:0}}

package/dist/right_resize_handle.css

@@ -1 +1 @@
-._right-resize-handle_7f232b9{position:fixed;bottom:0;right:var(--resize-offset, -8px);height:100%;width:16px;z-index:1;cursor:ew-resize;pointer-events:auto}
+@layer tcn-system{:where(._right-resize-handle_7f232b9){position:fixed;bottom:0;right:var(--resize-offset, -8px);height:100%;width:16px;z-index:1;cursor:ew-resize;pointer-events:auto}}

package/dist/scaffold.css

@@ -1 +1 @@
-._scaffold-stack_8f97a6a{width:100%;height:100%;overflow:auto}
+@layer tcn-system{:where(._scaffold-stack_8f97a6a){width:100%;height:100%;overflow:auto}}

package/dist/select.css

@@ -1 +1 @@
-._select_aabe288{position:relative;box-sizing:border-box;padding-inline-end:calc(24px * var(--scalar, 1))}._select_aabe288[data-hierarchy=secondary]{border:1px solid #aaa;color:var(--font-color)}._select_aabe288:focus{outline:3px solid color-mix(in srgb,var(--accent-color) 40%,transparent)}._select_aabe288:dir(ltr):after{content:"";position:absolute;right:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(18px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));background-color:gray;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}._select_aabe288:dir(rtl):after{content:"";position:absolute;left:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(18px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));background-color:gray;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}._select_aabe288:hover:after{background-color:var(--accent-color)}._select_aabe288[data-hierarchy=secondary]:hover{color:var(--accent-color);border-color:var(--accent-color);background-color:transparent}._selectedLabel_b92ff3e{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}
+@layer tcn-system{._select_aabe288{position:relative;box-sizing:border-box;padding-inline-end:calc(24px * var(--scalar, 1))}._select_aabe288{border:1px solid #aaa;color:currentColor}._select_aabe288:focus{outline:3px solid color-mix(in srgb,var(--accent-color) 40%,transparent)}._select_aabe288:dir(ltr):after{content:"";position:absolute;right:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(18px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}._select_aabe288:dir(rtl):after{content:"";position:absolute;left:calc(4px * var(--scalar, 1));top:50%;transform:translateY(-50%);width:calc(18px * var(--scalar, 1));height:calc(18px * var(--scalar, 1));background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.46967 8.46967C5.76256 8.17678 6.23744 8.17678 6.53033 8.46967L12 13.9393L17.4697 8.46967C17.7626 8.17678 18.2374 8.17678 18.5303 8.46967C18.8232 8.76256 18.8232 9.23744 18.5303 9.53033L12.5303 15.5303C12.2374 15.8232 11.7626 15.8232 11.4697 15.5303L5.46967 9.53033C5.17678 9.23744 5.17678 8.76256 5.46967 8.46967Z'%3E%3C/path%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}._select_aabe288:hover{color:var(--accent-color);border-color:var(--accent-color);background-color:transparent}._selectedLabel_b92ff3e{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}}

package/dist/select_group.css

@@ -1 +1 @@
-._select-group_c24986f{--button-background: var(--surface-color, transparent);border-radius:4px}._select-group-option_28f4dfd{background-color:var(--button-background);z-index:1}._select-group-divider_b5b865b{display:none}._select-group-option_28f4dfd:not(:first-child){margin-left:-1px}._select-group-option_28f4dfd:is(:focus,:focus-visible,:hover,:active){z-index:2}._select-group-option_28f4dfd:not(:first-child),._select-group-option_28f4dfd:not(:last-child){border-radius:0}._select-group-option_28f4dfd:last-child{border-end-end-radius:4px;border-start-end-radius:4px}._select-group-option_28f4dfd:first-child{border-start-start-radius:4px;border-end-start-radius:4px}._select-group-option_28f4dfd:last-child{border-inline-start-width:0}._select-group-option_28f4dfd:first-child{border-inline-end-width:0}._select-group-option_28f4dfd:only-child{border-inline-end-width:1px;border-inline-start-width:1px}._select-group_c24986f[data-size=sm]{--button-height: calc(22px * var(--scalar, 1))}._select-group_c24986f[data-size=md]{--button-height: calc(26px * var(--scalar, 1))}._select-group_c24986f[data-size=lg]{--button-height: calc(32px * var(--scalar, 1))}._select-group-option_28f4dfd[data-is-disabled=true]{z-index:0}
+@layer tcn-system{:where(._select-group_c24986f){--button-background: var(--surface-color, transparent);border-radius:4px}:where(._select-group-option_28f4dfd){background-color:var(--button-background);z-index:1}:where(._select-group-divider_b5b865b){display:none}:where(._select-group-option_28f4dfd:not(:first-child)){margin-left:-1px}:where(._select-group-option_28f4dfd:is(:focus,:focus-visible,:hover,:active)){z-index:2}:where(._select-group-option_28f4dfd:not(:first-child)),:where(._select-group-option_28f4dfd:not(:last-child)){border-radius:0}:where(._select-group-option_28f4dfd:last-child){border-end-end-radius:4px;border-start-end-radius:4px}:where(._select-group-option_28f4dfd:first-child){border-start-start-radius:4px;border-end-start-radius:4px}:where(._select-group-option_28f4dfd:last-child){border-inline-start-width:0}:where(._select-group-option_28f4dfd:first-child){border-inline-end-width:0}:where(._select-group-option_28f4dfd:only-child){border-inline-end-width:1px;border-inline-start-width:1px}:where(._select-group_c24986f[data-size=sm]){--button-height: calc(22px * var(--scalar, 1))}:where(._select-group_c24986f[data-size=md]){--button-height: calc(26px * var(--scalar, 1))}:where(._select-group_c24986f[data-size=lg]){--button-height: calc(32px * var(--scalar, 1))}:where(._select-group-option_28f4dfd[data-is-disabled=true]){z-index:0}}