@tcn/ui 0.3.2 → 0.4.0

package/dist/navigation/tabs/primitives/tabs_bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs_bar.js","sources":["../../../../src/navigation/tabs/primitives/tabs_bar.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren } from 'react';\nimport clsx from 'clsx';\nimport { HStack, type HStackProps } from '../../../stacks/h_stack.js';\nimport styles from './tabs_bar.module.css';\n\nexport interface TabsBarProps extends HStackProps {\n  variant?: 'default' | 'inline';\n}\n\nexport const TabsBar: FC<PropsWithChildren<TabsBarProps>> = ({\n  children,\n  className,\n  variant = 'default',\n  ...props\n}) => {\n  return (\n    <HStack\n      data-variant={variant}\n      className={clsx('tcn-tabs-bar', styles['tabs-bar'], className)}\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n};\n"],"names":["TabsBar","children","className","variant","props","jsx","HStack","clsx","styles"],"mappings":";;;sDASaA,IAA+C,CAAC;AAAA,EAC3D,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,gBAAcH;AAAA,IACd,WAAWI,EAAK,gBAAgBC,EAAO,UAAU,GAAGN,CAAS;AAAA,IAC5D,GAAGE;AAAA,IAEH,UAAAH;AAAA,EAAA;AAAA;"}

package/dist/navigation/tabs/primitives/tabs_list.d.ts

@@ -0,0 +1,10 @@
+import { FC, PropsWithChildren } from 'react';
+import { BaseButtonProps } from '../../../actions/index.js';
+import { HStackProps } from '../../../stacks/h_stack.js';
+export type TabsListProps = HStackProps;
+export declare const TabsList: FC<PropsWithChildren<TabsListProps>>;
+export interface TabItemProps extends Omit<BaseButtonProps, 'hierarchy'> {
+    selected?: boolean;
+}
+export declare const TabItem: import('react').ForwardRefExoticComponent<Omit<PropsWithChildren<TabItemProps>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=tabs_list.d.ts.map

package/dist/navigation/tabs/primitives/tabs_list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs_list.d.ts","sourceRoot":"","sources":["../../../../src/navigation/tabs/primitives/tabs_list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAItE,MAAM,MAAM,aAAa,GAAG,WAAW,CAAC;AAExC,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAYzD,CAAC;AAEF,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,OAAO,4IAcnB,CAAC"}

package/dist/navigation/tabs/primitives/tabs_list.js

@@ -0,0 +1,29 @@
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { HStack as n } from "../../../stacks/h_stack.js";
+import e from "clsx";
+import { Toggle as f } from "../../../actions/toggle/toggle.js";
+const T = ({
+  children: t,
+  className: r,
+  role: m = "tablist",
+  as: o = "menu",
+  ...a
+}) => /* @__PURE__ */ s(n, { as: o, role: m, className: e("tcn-tabs-list", r), ...a, children: t }), g = c(
+  ({ children: t, className: r, role: m = "tab", selected: o = !1, ...a }, i) => /* @__PURE__ */ s(
+    f,
+    {
+      ref: i,
+      role: m,
+      className: e(r, "tcn-interactive", "tcn-tab-item"),
+      selected: o,
+      ...a,
+      children: t
+    }
+  )
+);
+export {
+  g as TabItem,
+  T as TabsList
+};
+//# sourceMappingURL=tabs_list.js.map

package/dist/navigation/tabs/primitives/tabs_list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs_list.js","sources":["../../../../src/navigation/tabs/primitives/tabs_list.tsx"],"sourcesContent":["import { forwardRef, type FC, type PropsWithChildren } from 'react';\nimport { type BaseButtonProps } from '../../../actions/index.js';\nimport { HStack, type HStackProps } from '../../../stacks/h_stack.js';\nimport clsx from 'clsx';\nimport { Toggle } from '../../../actions/toggle/toggle.js';\n\nexport type TabsListProps = HStackProps;\n\nexport const TabsList: FC<PropsWithChildren<TabsListProps>> = ({\n  children,\n  className,\n  role = 'tablist',\n  as = 'menu',\n  ...props\n}) => {\n  return (\n    <HStack as={as} role={role} className={clsx('tcn-tabs-list', className)} {...props}>\n      {children}\n    </HStack>\n  );\n};\n\nexport interface TabItemProps extends Omit<BaseButtonProps, 'hierarchy'> {\n  selected?: boolean;\n}\n\nexport const TabItem = forwardRef<HTMLButtonElement, PropsWithChildren<TabItemProps>>(\n  ({ children, className, role = 'tab', selected = false, ...props }, ref) => {\n    return (\n      <Toggle\n        ref={ref}\n        role={role}\n        className={clsx(className, 'tcn-interactive', 'tcn-tab-item')}\n        selected={selected}\n        {...props}\n      >\n        {children}\n      </Toggle>\n    );\n  }\n);\n"],"names":["TabsList","children","className","role","as","props","jsx","HStack","clsx","TabItem","forwardRef","selected","ref","Toggle"],"mappings":";;;;;AAQO,MAAMA,IAAiD,CAAC;AAAA,EAC7D,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,IAAAC,IAAK;AAAA,EACL,GAAGC;AACL,MAEI,gBAAAC,EAACC,GAAA,EAAO,IAAAH,GAAQ,MAAAD,GAAY,WAAWK,EAAK,iBAAiBN,CAAS,GAAI,GAAGG,GAC1E,UAAAJ,EAAA,CACH,GAQSQ,IAAUC;AAAA,EACrB,CAAC,EAAE,UAAAT,GAAU,WAAAC,GAAW,MAAAC,IAAO,OAAO,UAAAQ,IAAW,IAAO,GAAGN,EAAA,GAASO,MAEhE,gBAAAN;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,MAAAT;AAAA,MACA,WAAWK,EAAKN,GAAW,mBAAmB,cAAc;AAAA,MAC5D,UAAAS;AAAA,MACC,GAAGN;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAIT;"}

package/dist/navigation/tabs/state/context.d.ts

@@ -0,0 +1,21 @@
+import { FC, PropsWithChildren } from 'react';
+import { Rectangle } from '../../../utils/index.js';
+export interface TabsState {
+    value: string;
+    onChange?: (value: string) => void;
+    minItemWidth?: number;
+    maxItemWidth?: number;
+}
+export interface TabsContextValue extends TabsState {
+    activeTrigger: Rectangle | null;
+    setActiveTrigger: (trigger: Rectangle) => void;
+}
+export declare function useTabs(): TabsContextValue;
+export interface TabsProps {
+    value: string;
+    onChange?: (value: string) => void;
+    minItemWidth?: number;
+    maxItemWidth?: number;
+}
+export declare const Tabs: FC<PropsWithChildren<TabsProps>>;
+//# sourceMappingURL=context.d.ts.map

package/dist/navigation/tabs/state/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/navigation/tabs/state/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,EAAE,EACP,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEzD,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,aAAa,EAAE,SAAS,GAAG,IAAI,CAAC;IAChC,gBAAgB,EAAE,CAAC,OAAO,EAAE,SAAS,KAAK,IAAI,CAAC;CAChD;AAID,wBAAgB,OAAO,IAAI,gBAAgB,CAM1C;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAqBjD,CAAC"}

package/dist/navigation/tabs/state/context.js

@@ -0,0 +1,34 @@
+import { jsx as a } from "react/jsx-runtime";
+import { createContext as T, useContext as b, useState as x, useMemo as l } from "react";
+const n = T(null);
+function v() {
+  const t = b(n);
+  if (!t)
+    throw new Error("useTabs must be used within a Tabs provider");
+  return t;
+}
+const g = ({
+  value: t,
+  onChange: e,
+  children: u,
+  minItemWidth: r,
+  maxItemWidth: o
+}) => {
+  const [s, c] = x(null), i = l(
+    () => ({
+      value: t,
+      onChange: e,
+      activeTrigger: s,
+      setActiveTrigger: c,
+      minItemWidth: r,
+      maxItemWidth: o
+    }),
+    [t, e, s, r, o]
+  );
+  return /* @__PURE__ */ a(n.Provider, { value: i, children: u });
+};
+export {
+  g as Tabs,
+  v as useTabs
+};
+//# sourceMappingURL=context.js.map

package/dist/navigation/tabs/state/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../src/navigation/tabs/state/context.tsx"],"sourcesContent":["import {\n  createContext,\n  useState,\n  useContext,\n  useMemo,\n  type FC,\n  type PropsWithChildren,\n} from 'react';\nimport type { Rectangle } from '../../../utils/index.js';\n\nexport interface TabsState {\n  value: string;\n  onChange?: (value: string) => void;\n  minItemWidth?: number;\n  maxItemWidth?: number;\n}\n\nexport interface TabsContextValue extends TabsState {\n  activeTrigger: Rectangle | null;\n  setActiveTrigger: (trigger: Rectangle) => void;\n}\n\nconst TabsContext = createContext<TabsContextValue | null>(null);\n\nexport function useTabs(): TabsContextValue {\n  const context = useContext(TabsContext);\n  if (!context) {\n    throw new Error('useTabs must be used within a Tabs provider');\n  }\n  return context;\n}\n\nexport interface TabsProps {\n  value: string;\n  onChange?: (value: string) => void;\n  minItemWidth?: number;\n  maxItemWidth?: number;\n}\n\nexport const Tabs: FC<PropsWithChildren<TabsProps>> = ({\n  value,\n  onChange,\n  children,\n  minItemWidth,\n  maxItemWidth,\n}) => {\n  const [activeTrigger, setActiveTrigger] = useState<Rectangle | null>(null);\n  const contextValue = useMemo(\n    () => ({\n      value,\n      onChange,\n      activeTrigger,\n      setActiveTrigger,\n      minItemWidth,\n      maxItemWidth,\n    }),\n    [value, onChange, activeTrigger, minItemWidth, maxItemWidth]\n  );\n\n  return <TabsContext.Provider value={contextValue}>{children}</TabsContext.Provider>;\n};\n"],"names":["TabsContext","createContext","useTabs","context","useContext","Tabs","value","onChange","children","minItemWidth","maxItemWidth","activeTrigger","setActiveTrigger","useState","contextValue","useMemo"],"mappings":";;AAsBA,MAAMA,IAAcC,EAAuC,IAAI;AAExD,SAASC,IAA4B;AAC1C,QAAMC,IAAUC,EAAWJ,CAAW;AACtC,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,6CAA6C;AAE/D,SAAOA;AACT;AASO,MAAME,IAAyC,CAAC;AAAA,EACrD,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAA2B,IAAI,GACnEC,IAAeC;AAAA,IACnB,OAAO;AAAA,MACL,OAAAT;AAAA,MACA,UAAAC;AAAA,MACA,eAAAI;AAAA,MACA,kBAAAC;AAAA,MACA,cAAAH;AAAA,MACA,cAAAC;AAAA,IAAA;AAAA,IAEF,CAACJ,GAAOC,GAAUI,GAAeF,GAAcC,CAAY;AAAA,EAAA;AAG7D,2BAAQV,EAAY,UAAZ,EAAqB,OAAOc,GAAe,UAAAN,GAAS;AAC9D;"}

package/dist/navigation/tabs/state/link/tab_link.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+import { TabItemProps } from '../../primitives/tabs_list.js';
+export interface TabLinkOwnProps {
+    value: string;
+}
+export interface TabLinkProps extends Omit<TabItemProps, 'selected' | 'value'>, TabLinkOwnProps {
+}
+export declare const TabLink: import('react').ForwardRefExoticComponent<Omit<PropsWithChildren<TabLinkProps>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=tab_link.d.ts.map

package/dist/navigation/tabs/state/link/tab_link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab_link.d.ts","sourceRoot":"","sources":["../../../../../src/navigation/tabs/state/link/tab_link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAK3E,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,OAAO,CAAC,EAC9C,eAAe;CAAG;AAEtB,eAAO,MAAM,OAAO,4IA8BnB,CAAC"}

package/dist/navigation/tabs/state/link/tab_link.js

@@ -0,0 +1,36 @@
+import { jsx as W } from "react/jsx-runtime";
+import { forwardRef as b, useCallback as x } from "react";
+import { TabItem as l } from "../../primitives/tabs_list.js";
+import "../../../../utils/click_away_listener.js";
+import "../../../../utils/focus_redirect.js";
+import "../../../../utils/scroll_away_listener.js";
+import { useForkRef as T } from "../../../../utils/hooks/use_fork_ref.js";
+import "../../../../utils/hooks/use_resize_observer.js";
+import { useTabs as u } from "../context.js";
+import { useTabLink as C } from "./use_tab_link.js";
+const z = b(
+  ({ children: r, value: o, onClick: i, minWidth: m, maxWidth: e, ...n }, s) => {
+    const { ref: a, isMatch: c } = C(o), t = u(), p = T(a, s), f = x(
+      (k) => {
+        t.onChange?.(o), i?.(k);
+      },
+      [t, o, i]
+    ), d = t.minItemWidth ?? m, h = t.maxItemWidth ?? e;
+    return /* @__PURE__ */ W(
+      l,
+      {
+        ref: p,
+        selected: c,
+        onClick: f,
+        minWidth: d,
+        maxWidth: h,
+        ...n,
+        children: r
+      }
+    );
+  }
+);
+export {
+  z as TabLink
+};
+//# sourceMappingURL=tab_link.js.map

package/dist/navigation/tabs/state/link/tab_link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab_link.js","sources":["../../../../../src/navigation/tabs/state/link/tab_link.tsx"],"sourcesContent":["import { forwardRef, useCallback, type PropsWithChildren } from 'react';\nimport { TabItem, type TabItemProps } from '../../primitives/tabs_list.js';\nimport { useForkRef } from '../../../../utils/index.js';\nimport { useTabs } from '../context.js';\nimport { useTabLink } from './use_tab_link.js';\n\nexport interface TabLinkOwnProps {\n  value: string;\n}\n\nexport interface TabLinkProps\n  extends Omit<TabItemProps, 'selected' | 'value'>,\n    TabLinkOwnProps {}\n\nexport const TabLink = forwardRef<HTMLButtonElement, PropsWithChildren<TabLinkProps>>(\n  ({ children, value, onClick, minWidth, maxWidth, ...props }, forwardedRef) => {\n    const { ref: internalRef, isMatch } = useTabLink(value);\n    const state = useTabs();\n    const ref = useForkRef(internalRef, forwardedRef);\n\n    const handleClick = useCallback(\n      (event: React.MouseEvent<HTMLButtonElement>) => {\n        state.onChange?.(value);\n        onClick?.(event);\n      },\n      [state, value, onClick]\n    );\n\n    const pickMinWidth = state.minItemWidth ?? minWidth;\n    const pickMaxWidth = state.maxItemWidth ?? maxWidth;\n\n    return (\n      <TabItem\n        ref={ref}\n        selected={isMatch}\n        onClick={handleClick}\n        minWidth={pickMinWidth}\n        maxWidth={pickMaxWidth}\n        {...props}\n      >\n        {children}\n      </TabItem>\n    );\n  }\n);\n"],"names":["TabLink","forwardRef","children","value","onClick","minWidth","maxWidth","props","forwardedRef","internalRef","isMatch","useTabLink","state","useTabs","ref","useForkRef","handleClick","useCallback","event","pickMinWidth","pickMaxWidth","jsx","TabItem"],"mappings":";;;;;;;;;;AAcO,MAAMA,IAAUC;AAAA,EACrB,CAAC,EAAE,UAAAC,GAAU,OAAAC,GAAO,SAAAC,GAAS,UAAAC,GAAU,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAAiB;AAC5E,UAAM,EAAE,KAAKC,GAAa,SAAAC,EAAA,IAAYC,EAAWR,CAAK,GAChDS,IAAQC,EAAA,GACRC,IAAMC,EAAWN,GAAaD,CAAY,GAE1CQ,IAAcC;AAAA,MAClB,CAACC,MAA+C;AAC9C,QAAAN,EAAM,WAAWT,CAAK,GACtBC,IAAUc,CAAK;AAAA,MACjB;AAAA,MACA,CAACN,GAAOT,GAAOC,CAAO;AAAA,IAAA,GAGlBe,IAAeP,EAAM,gBAAgBP,GACrCe,IAAeR,EAAM,gBAAgBN;AAE3C,WACE,gBAAAe;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAR;AAAA,QACA,UAAUJ;AAAA,QACV,SAASM;AAAA,QACT,UAAUG;AAAA,QACV,UAAUC;AAAA,QACT,GAAGb;AAAA,QAEH,UAAAL;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;"}

package/dist/navigation/tabs/state/link/use_tab_link.d.ts

@@ -0,0 +1,5 @@
+export declare function useTabLink(value: string): {
+    ref: import('react').RefObject<HTMLElement>;
+    isMatch: boolean;
+};
+//# sourceMappingURL=use_tab_link.d.ts.map

package/dist/navigation/tabs/state/link/use_tab_link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_tab_link.d.ts","sourceRoot":"","sources":["../../../../../src/navigation/tabs/state/link/use_tab_link.ts"],"names":[],"mappings":"AAIA,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM;;;EAYvC"}

package/dist/navigation/tabs/state/link/use_tab_link.js

@@ -0,0 +1,13 @@
+import { useLayoutEffect as o } from "react";
+import { useTabs as s } from "../context.js";
+import { useTrackActiveItemRectangle as a } from "../../../../utils/css_utils.js";
+function m(c) {
+  const e = s(), r = e.value === c, { ref: i, rectangle: t } = a(r);
+  return o(() => {
+    t && e.setActiveTrigger(t);
+  }, [t, e.setActiveTrigger]), { ref: i, isMatch: r };
+}
+export {
+  m as useTabLink
+};
+//# sourceMappingURL=use_tab_link.js.map

package/dist/navigation/tabs/state/link/use_tab_link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_tab_link.js","sources":["../../../../../src/navigation/tabs/state/link/use_tab_link.ts"],"sourcesContent":["import { useLayoutEffect } from 'react';\nimport { useTabs } from '../context.js';\nimport { useTrackActiveItemRectangle } from '../../../../utils/css_utils.js';\n\nexport function useTabLink(value: string) {\n  const state = useTabs();\n  const isMatch = state.value === value;\n  const { ref, rectangle } = useTrackActiveItemRectangle(isMatch);\n\n  useLayoutEffect(() => {\n    if (rectangle) {\n      state.setActiveTrigger(rectangle);\n    }\n  }, [rectangle, state.setActiveTrigger]);\n\n  return { ref, isMatch };\n}\n"],"names":["useTabLink","value","state","useTabs","isMatch","ref","rectangle","useTrackActiveItemRectangle","useLayoutEffect"],"mappings":";;;AAIO,SAASA,EAAWC,GAAe;AACxC,QAAMC,IAAQC,EAAA,GACRC,IAAUF,EAAM,UAAUD,GAC1B,EAAE,KAAAI,GAAK,WAAAC,MAAcC,EAA4BH,CAAO;AAE9D,SAAAI,EAAgB,MAAM;AACpB,IAAIF,KACFJ,EAAM,iBAAiBI,CAAS;AAAA,EAEpC,GAAG,CAACA,GAAWJ,EAAM,gBAAgB,CAAC,GAE/B,EAAE,KAAAG,GAAK,SAAAD,EAAA;AAChB;"}

package/dist/navigation/tabs/state/nav_bar.d.ts

@@ -0,0 +1,5 @@
+import { FC, PropsWithChildren } from 'react';
+import { TabsBarProps } from '../primitives/tabs_bar.js';
+export type TabsNavbarProps = TabsBarProps;
+export declare const TabsNavbar: FC<PropsWithChildren<TabsNavbarProps>>;
+//# sourceMappingURL=nav_bar.d.ts.map

package/dist/navigation/tabs/state/nav_bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav_bar.d.ts","sourceRoot":"","sources":["../../../../src/navigation/tabs/state/nav_bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAKvE,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC;AAE3C,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,CA2B7D,CAAC"}

package/dist/navigation/tabs/state/nav_bar.js

@@ -0,0 +1,36 @@
+import { jsx as s } from "react/jsx-runtime";
+import m from "clsx";
+import { TabsBar as b } from "../primitives/tabs_bar.js";
+import { TabsList as l } from "../primitives/tabs_list.js";
+import { useTabs as n } from "./context.js";
+import { convertRectangleToCssVariables as f } from "../../../utils/css_utils.js";
+const d = ({
+  children: a,
+  className: r,
+  variant: t = "default",
+  style: o,
+  ...e
+}) => {
+  const i = n(), c = {
+    ...f(
+      "tabs",
+      "active",
+      i.activeTrigger
+    ),
+    ...o
+  };
+  return /* @__PURE__ */ s(
+    b,
+    {
+      style: c,
+      className: m("tcn-tabs-navbar", r),
+      variant: t,
+      ...e,
+      children: /* @__PURE__ */ s(l, { children: a })
+    }
+  );
+};
+export {
+  d as TabsNavbar
+};
+//# sourceMappingURL=nav_bar.js.map

package/dist/navigation/tabs/state/nav_bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav_bar.js","sources":["../../../../src/navigation/tabs/state/nav_bar.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren } from 'react';\nimport clsx from 'clsx';\nimport { TabsBar, type TabsBarProps } from '../primitives/tabs_bar.js';\nimport { TabsList } from '../primitives/tabs_list.js';\nimport { useTabs } from './context.js';\nimport { convertRectangleToCssVariables } from '../../../utils/css_utils.js';\n\nexport type TabsNavbarProps = TabsBarProps;\n\nexport const TabsNavbar: FC<PropsWithChildren<TabsNavbarProps>> = ({\n  children,\n  className,\n  variant = 'default',\n  style,\n  ...props\n}) => {\n  const state = useTabs();\n  const cssVariables = convertRectangleToCssVariables(\n    'tabs',\n    'active',\n    state.activeTrigger\n  );\n  const finalStyle = {\n    ...cssVariables,\n    ...style,\n  };\n  return (\n    <TabsBar\n      style={finalStyle}\n      className={clsx('tcn-tabs-navbar', className)}\n      variant={variant}\n      {...props}\n    >\n      <TabsList>{children}</TabsList>\n    </TabsBar>\n  );\n};\n"],"names":["TabsNavbar","children","className","variant","style","props","state","useTabs","finalStyle","convertRectangleToCssVariables","jsx","TabsBar","clsx","TabsList"],"mappings":";;;;;;AASO,MAAMA,IAAqD,CAAC;AAAA,EACjE,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAQC,EAAA,GAMRC,IAAa;AAAA,IACjB,GANmBC;AAAA,MACnB;AAAA,MACA;AAAA,MACAH,EAAM;AAAA,IAAA;AAAA,IAIN,GAAGF;AAAA,EAAA;AAEL,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOH;AAAA,MACP,WAAWI,EAAK,mBAAmBV,CAAS;AAAA,MAC5C,SAAAC;AAAA,MACC,GAAGE;AAAA,MAEJ,UAAA,gBAAAK,EAACG,KAAU,UAAAZ,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG1B;"}

package/dist/navigation/tabs/state/tab.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+export interface TabProps {
+    value: string;
+}
+export declare const Tab: FC<PropsWithChildren<TabProps>>;
+//# sourceMappingURL=tab.d.ts.map

package/dist/navigation/tabs/state/tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../../src/navigation/tabs/state/tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGnD,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAI/C,CAAC"}

package/dist/navigation/tabs/state/tab.js

@@ -0,0 +1,6 @@
+import { useTabs as r } from "./context.js";
+const n = ({ value: t, children: e }) => r().value !== t ? null : e;
+export {
+  n as Tab
+};
+//# sourceMappingURL=tab.js.map

package/dist/navigation/tabs/state/tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.js","sources":["../../../../src/navigation/tabs/state/tab.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport { useTabs } from './context.js';\n\nexport interface TabProps {\n  value: string;\n}\n\nexport const Tab: FC<PropsWithChildren<TabProps>> = ({ value, children }) => {\n  const state = useTabs();\n  if (state.value !== value) return null;\n  return children;\n};\n"],"names":["Tab","value","children","useTabs"],"mappings":";AAOO,MAAMA,IAAuC,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAC9CC,EAAA,EACJ,UAAUF,IAAc,OAC3BC;"}

package/dist/overlay/carrot/base_carrot.d.ts

@@ -0,0 +1,8 @@
+import { BoxProps } from '../../stacks/box/box.js';
+export interface BaseCarrotOwnProps {
+    direction: 'top' | 'bottom' | 'start' | 'end';
+}
+export interface BaseCarrotProps extends BaseCarrotOwnProps, BoxProps {
+}
+export declare const BaseCarrot: ({ direction, className, as, ...rest }: BaseCarrotProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=base_carrot.d.ts.map

package/dist/overlay/carrot/base_carrot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base_carrot.d.ts","sourceRoot":"","sources":["../../../src/overlay/carrot/base_carrot.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;CAC/C;AAED,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,QAAQ;CAAG;AAExE,eAAO,MAAM,UAAU,GAAI,uCAKxB,eAAe,4CASjB,CAAC"}

package/dist/overlay/carrot/base_carrot.js

@@ -0,0 +1,21 @@
+import { jsx as s } from "react/jsx-runtime";
+import t from "clsx";
+import { Box as m } from "../../stacks/box/box.js";
+const i = ({
+  direction: r,
+  className: a,
+  as: c = "span",
+  ...o
+}) => /* @__PURE__ */ s(
+  m,
+  {
+    as: "span",
+    "data-direction": r,
+    className: t("tcn-base-carrot", a),
+    ...o
+  }
+);
+export {
+  i as BaseCarrot
+};
+//# sourceMappingURL=base_carrot.js.map

package/dist/overlay/carrot/base_carrot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base_carrot.js","sources":["../../../src/overlay/carrot/base_carrot.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\n\nexport interface BaseCarrotOwnProps {\n  direction: 'top' | 'bottom' | 'start' | 'end';\n}\n\nexport interface BaseCarrotProps extends BaseCarrotOwnProps, BoxProps {}\n\nexport const BaseCarrot = ({\n  direction,\n  className,\n  as = 'span',\n  ...rest\n}: BaseCarrotProps) => {\n  return (\n    <Box\n      as=\"span\"\n      data-direction={direction}\n      className={clsx('tcn-base-carrot', className)}\n      {...rest}\n    />\n  );\n};\n"],"names":["BaseCarrot","direction","className","as","rest","jsx","Box","clsx"],"mappings":";;;AASO,MAAMA,IAAa,CAAC;AAAA,EACzB,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,GAAGC;AACL,MAEI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAG;AAAA,IACH,kBAAgBL;AAAA,IAChB,WAAWM,EAAK,mBAAmBL,CAAS;AAAA,IAC3C,GAAGE;AAAA,EAAA;AAAA;"}

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;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"}
+{"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;IAmBxB,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,4 +1,4 @@
-import { createPortal as e } from "react-dom";
+import { createPortal as r } from "react-dom";
 import './portal.css';/* empty css           */
 class s {
   _window;
@@ -11,7 +11,7 @@ class s {
     this.div != null && (this.div.style.zIndex = t.toString());
   }
   render(t) {
-    return this.div == null ? null : e(t, this.div);
+    return this.div == null ? null : r(t, this.div);
   }
 }
 class a {
@@ -30,7 +30,7 @@ class a {
       return t;
     {
       const o = this._window.document.createElement("div"), i = this._window.document.createElement("div");
-      return i.id = "tcn-portal-platform", i.classList.add("tcn-portal-platform"), o.appendChild(i), o.classList.add("tcn-platform-root"), o;
+      return i.id = "tcn-portal-platform", i.classList.add("tcn-portal-platform"), i.classList.add("tcn-theme-root"), 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 = '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;"}
+{"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      portalPlatform.classList.add('tcn-theme-root');\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;AAWH,aAAOA;AAXkB;AACzB,YAAMD,IAAO,KAAK,QAAQ,SAAS,cAAc,KAAK,GAChDE,IAAiB,KAAK,QAAQ,SAAS,cAAc,KAAK;AAChE,aAAAA,EAAe,KAAK,uBACpBA,EAAe,UAAU,IAAI,qBAAqB,GAClDA,EAAe,UAAU,IAAI,gBAAgB,GAC7CF,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/row.css

@@ -0,0 +1 @@
+@layer tcn-system{:where(._row_59c35b2){padding-block:4px}}

package/dist/section.css

@@ -0,0 +1 @@
+@layer tcn-system{:where(._section_0d82329){position:relative}:where(._heading_7bf5e47){position:sticky;height:23px;z-index:4;padding-inline-end:8px;-webkit-user-select:none;user-select:none}:where(._section_0d82329>._heading_7bf5e47){top:0;padding-inline:8px 8px;z-index:3}:where(._section_0d82329>._section_0d82329>._heading_7bf5e47){top:30px;padding-inline:12px 8px;z-index:2}:where(._section_0d82329>._section_0d82329>._section_0d82329>._heading_7bf5e47){top:60px;padding-inline:16px 8px;z-index:1}:where(._section_0d82329>._section_0d82329>._section_0d82329>._section_0d82329>._heading_7bf5e47){top:90px;padding-inline:20px 8px;z-index:0}._section_0d82329>:not(._heading_7bf5e47,._section_0d82329){padding-inline-end:8px}}

package/dist/section.module-0wyGkhDg.js

@@ -0,0 +1,5 @@
+import './section.css';const s = "_section_0d82329", e = "_heading_7bf5e47", n = { section: s, heading: e };
+export {
+  n as s
+};
+//# sourceMappingURL=section.module-0wyGkhDg.js.map

package/dist/section.module-0wyGkhDg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section.module-0wyGkhDg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}