@tcn/ui 0.3.1 → 0.3.3

package/src/typography/headline/headline.module.css

@@ -1,56 +1,58 @@
-.headline {
-  margin: 0;
-  padding: 0;
-  line-height: 1.2;
-  letter-spacing: -0.01em;
-}
-
-.headline[data-selectable="true"] {
-  user-select: auto;
-}
-
-.headline[data-selectable="false"] {
-  user-select: none;
-}
-
-/* Sizes */
-.headline[data-size="sm"] {
-  font-size: calc(14px * var(--scalar, 1));
-  line-height: 1.3;
-}
-
-.headline[data-size="md"] {
-  font-size: calc(16px * var(--scalar, 1));
-  line-height: 1.25;
-}
-
-.headline[data-size="lg"] {
-  font-size: calc(20px * var(--scalar, 1));
-  line-height: 1.2;
-}
-
-/* Hierarchy */
-.headline[data-hierarchy="primary"] {
-  opacity: 1;
-}
-
-.headline[data-hierarchy="secondary"] {
-  opacity: 0.85;
-}
-
-.headline[data-hierarchy="tertiary"] {
-  opacity: 0.7;
-}
-
-/* Emphasis */
-.headline[data-emphasis="strong"] {
-  font-weight: 700;
-}
-
-.headline[data-emphasis="normal"] {
-  font-weight: 600;
-}
-
-.headline[data-emphasis="light"] {
-  font-weight: 400;
+@layer tcn-system {
+  :where(.headline) {
+    margin: 0;
+    padding: 0;
+    line-height: 1.2;
+    letter-spacing: -0.01em;
+  }
+
+  :where(.headline[data-selectable="true"]) {
+    user-select: auto;
+  }
+
+  :where(.headline[data-selectable="false"]) {
+    user-select: none;
+  }
+
+  /* Sizes */
+  :where(.headline[data-size="sm"]) {
+    font-size: calc(14px * var(--scalar, 1));
+    line-height: 1.3;
+  }
+
+  :where(.headline[data-size="md"]) {
+    font-size: calc(16px * var(--scalar, 1));
+    line-height: 1.25;
+  }
+
+  :where(.headline[data-size="lg"]) {
+    font-size: calc(20px * var(--scalar, 1));
+    line-height: 1.2;
+  }
+
+  /* Hierarchy */
+  :where(.headline[data-hierarchy="primary"]) {
+    opacity: 1;
+  }
+
+  :where(.headline[data-hierarchy="secondary"]) {
+    opacity: 0.85;
+  }
+
+  :where(.headline[data-hierarchy="tertiary"]) {
+    opacity: 0.7;
+  }
+
+  /* Emphasis */
+  :where(.headline[data-emphasis="strong"]) {
+    font-weight: 700;
+  }
+
+  :where(.headline[data-emphasis="normal"]) {
+    font-weight: 600;
+  }
+
+  :where(.headline[data-emphasis="light"]) {
+    font-weight: 400;
+  }
 }

package/src/typography/headline/headline.tsx

@@ -74,7 +74,7 @@ export function Headline({
       data-hierarchy={hierarchy}
       data-emphasis={emphasis}
       data-selectable={selectable}
-      className={clsx(styles['headline'], 'headline', className)}
+      className={clsx(styles['headline'], className, 'tcn-headline')}
       style={style}
       data-size={size}
     >

package/src/typography/subheadline/subheadline.module.css

@@ -1,56 +1,58 @@
-.subheadline {
-  margin: 0;
-  padding: 0;
-  line-height: 1.3;
-  letter-spacing: 0.005em;
-}
-
-.subheadline[data-selectable="true"] {
-  user-select: auto;
-}
-
-.subheadline[data-selectable="false"] {
-  user-select: none;
-}
-
-/* Sizes */
-.subheadline[data-size="sm"] {
-  font-size: calc(12px * var(--scalar, 1));
-  line-height: 1.4;
-}
-
-.subheadline[data-size="md"] {
-  font-size: calc(14px * var(--scalar, 1));
-  line-height: 1.3;
-}
-
-.subheadline[data-size="lg"] {
-  font-size: calc(18px * var(--scalar, 1));
-  line-height: 1.25;
-}
-
-/* Hierarchy */
-.subheadline[data-hierarchy="primary"] {
-  opacity: 1;
-}
-
-.subheadline[data-hierarchy="secondary"] {
-  opacity: 0.85;
-}
-
-.subheadline[data-hierarchy="tertiary"] {
-  opacity: 0.7;
-}
-
-/* Emphasis */
-.subheadline[data-emphasis="strong"] {
-  font-weight: 600;
-}
-
-.subheadline[data-emphasis="normal"] {
-  font-weight: 500;
-}
-
-.subheadline[data-emphasis="light"] {
-  font-weight: 400;
+@layer tcn-system {
+  :where(.subheadline) {
+    margin: 0;
+    padding: 0;
+    line-height: 1.3;
+    letter-spacing: 0.005em;
+  }
+
+  :where(.subheadline[data-selectable="true"]) {
+    user-select: auto;
+  }
+
+  :where(.subheadline[data-selectable="false"]) {
+    user-select: none;
+  }
+
+  /* Sizes */
+  :where(.subheadline[data-size="sm"]) {
+    font-size: calc(12px * var(--scalar, 1));
+    line-height: 1.4;
+  }
+
+  :where(.subheadline[data-size="md"]) {
+    font-size: calc(14px * var(--scalar, 1));
+    line-height: 1.3;
+  }
+
+  :where(.subheadline[data-size="lg"]) {
+    font-size: calc(18px * var(--scalar, 1));
+    line-height: 1.25;
+  }
+
+  /* Hierarchy */
+  :where(.subheadline[data-hierarchy="primary"]) {
+    opacity: 1;
+  }
+
+  :where(.subheadline[data-hierarchy="secondary"]) {
+    opacity: 0.85;
+  }
+
+  :where(.subheadline[data-hierarchy="tertiary"]) {
+    opacity: 0.7;
+  }
+
+  /* Emphasis */
+  :where(.subheadline[data-emphasis="strong"]) {
+    font-weight: 600;
+  }
+
+  :where(.subheadline[data-emphasis="normal"]) {
+    font-weight: 500;
+  }
+
+  :where(.subheadline[data-emphasis="light"]) {
+    font-weight: 400;
+  }
 }

package/src/typography/subheadline/subheadline.tsx

@@ -77,7 +77,7 @@ export function Subheadline({
       data-hierarchy={hierarchy}
       data-emphasis={emphasis}
       data-selectable={selectable}
-      className={clsx(styles['subheadline'], 'subheadline', className)}
+      className={clsx(styles['subheadline'], className, 'tcn-subheadline')}
       style={style}
       data-size={size}
     >

package/src/typography/title/title.module.css

@@ -1,53 +1,55 @@
-.title {
-  margin: 0;
-  padding: 0;
-  line-height: 1.1;
-  color: rgb(57, 85, 120);
-}
-
-.title[data-selectable="true"] {
-  user-select: auto;
-}
-
-.title[data-selectable="false"] {
-  user-select: none;
-}
-
-/* Sizes */
-.title[data-size="sm"] {
-  font-size: calc(16px * var(--scalar, 1));
-}
-
-.title[data-size="md"] {
-  font-size: calc(18px * var(--scalar, 1));
-}
-
-.title[data-size="lg"] {
-  font-size: calc(21px * var(--scalar, 1));
-}
-
-/* Hierarchy */
-.title[data-hierarchy="primary"] {
-  opacity: 1;
-}
-
-.title[data-hierarchy="secondary"] {
-  opacity: 0.85;
-}
-
-.title[data-hierarchy="tertiary"] {
-  opacity: 0.7;
-}
-
-/* Emphasis */
-.title[data-emphasis="strong"] {
-  font-weight: 700;
-}
-
-.title[data-emphasis="normal"] {
-  font-weight: 400;
-}
-
-.title[data-emphasis="light"] {
-  font-weight: 200;
+@layer tcn-system {
+  :where(.title) {
+    margin: 0;
+    padding: 0;
+    line-height: 1.1;
+    color: rgb(57, 85, 120);
+  }
+
+  :where(.title[data-selectable="true"]) {
+    user-select: auto;
+  }
+
+  :where(.title[data-selectable="false"]) {
+    user-select: none;
+  }
+
+  /* Sizes */
+  :where(.title[data-size="sm"]) {
+    font-size: calc(16px * var(--scalar, 1));
+  }
+
+  :where(.title[data-size="md"]) {
+    font-size: calc(18px * var(--scalar, 1));
+  }
+
+  :where(.title[data-size="lg"]) {
+    font-size: calc(21px * var(--scalar, 1));
+  }
+
+  /* Hierarchy */
+  :where(.title[data-hierarchy="primary"]) {
+    opacity: 1;
+  }
+
+  :where(.title[data-hierarchy="secondary"]) {
+    opacity: 0.85;
+  }
+
+  :where(.title[data-hierarchy="tertiary"]) {
+    opacity: 0.7;
+  }
+
+  /* Emphasis */
+  :where(.title[data-emphasis="strong"]) {
+    font-weight: 700;
+  }
+
+  :where(.title[data-emphasis="normal"]) {
+    font-weight: 400;
+  }
+
+  :where(.title[data-emphasis="light"]) {
+    font-weight: 200;
+  }
 }

package/src/typography/title/title.tsx

@@ -82,7 +82,7 @@ export const Title = forwardRef<HTMLHeadingElement, TitleProps>(function Title(
       data-hierarchy={hierarchy}
       data-emphasis={emphasis}
       data-selectable={selectable}
-      className={clsx(styles['title'], 'title', 'tcn-typography', 'tcn-title', className)}
+      className={clsx(styles['title'], className, 'tcn-typography', 'tcn-title')}
       style={style}
       data-size={size}
     >

package/src/utils/css_utils.ts

@@ -0,0 +1,64 @@
+import type { Rectangle } from './types/dimensions.js';
+import { useLayoutEffect, useRef, useState } from 'react';
+
+export const convertRectangleToCssVariables = (
+  componentName: string,
+  stateName: string,
+  rectangle?: Rectangle | null
+) => {
+  if (!rectangle) {
+    return {};
+  }
+  const prefix = `--${componentName}-${stateName}-rectangle-`;
+  return {
+    [`${prefix}position-x`]: rectangle.position.x + 'px',
+    [`${prefix}position-y`]: rectangle.position.y + 'px',
+    [`${prefix}width`]: rectangle.dimensions.width + 'px',
+    [`${prefix}height`]: rectangle.dimensions.height + 'px',
+  };
+};
+
+function getElementRect(element: HTMLElement | null): Rectangle | null {
+  if (!element) return null;
+
+  return {
+    dimensions: {
+      width: element.offsetWidth,
+      height: element.offsetHeight,
+    },
+    position: {
+      x: element.offsetLeft,
+      y: element.offsetTop,
+    },
+  };
+}
+
+export function useTrackActiveItemRectangle(isActive: boolean) {
+  const ref = useRef<HTMLElement>(null);
+  const [rectangle, setRectangle] = useState<Rectangle | null>(null);
+
+  useLayoutEffect(() => {
+    const element = ref.current;
+    if (!element) return;
+
+    const update = () => {
+      const rect = getElementRect(element);
+      if (isActive && rect) {
+        setRectangle(rect);
+      }
+    };
+
+    update();
+
+    const resizeObserver = new ResizeObserver(update);
+    resizeObserver.observe(element);
+    window.addEventListener('resize', update);
+
+    return () => {
+      resizeObserver.disconnect();
+      window.removeEventListener('resize', update);
+    };
+  }, [isActive]);
+
+  return { ref, rectangle };
+}

package/src/utils/dnd/draggable/draggable.module.css

@@ -1,8 +1,10 @@
-.draggable {
-  position: relative;
-}
+@layer tcn-system {
+  :where(.draggable) {
+    position: relative;
+  }
 
-.draggable[data-is-draggable="true"] {
-  left: var(--position-x);
-  top: var(--position-y);
+  :where(.draggable[data-is-draggable="true"]) {
+    left: var(--position-x);
+    top: var(--position-y);
+  }
 }

package/dist/actions/types.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=types.js.map

package/dist/actions/types.js.map

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

package/dist/form/field/common/types.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=types.js.map

package/dist/form/field/common/types.js.map

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

package/dist/inputs/mask_input/mask_config.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=mask_config.js.map

package/dist/inputs/mask_input/mask_config.js.map

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

package/dist/inputs/mask_input/mask_cursor.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=mask_cursor.js.map

package/dist/inputs/mask_input/mask_cursor.js.map

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

package/dist/inputs/multiselect/multiselect_row.d.ts

@@ -1,10 +0,0 @@
-import { default as React } from 'react';
-import { MultiselectProps } from './multiselect.js';
-import { OptionsFieldPresenter } from '../../form/field_presenters/options_field_presenter.js';
-export interface MultiselectRowProps<T> extends Omit<MultiselectProps, 'onChange' | 'value' | 'children'> {
-    presenter: OptionsFieldPresenter<T[], T>;
-    children: (value: T, index: number) => React.ReactElement<'option'>;
-    id: string;
-}
-export declare const MultiselectRow: React.ForwardRefExoticComponent<Omit<MultiselectRowProps<unknown>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=multiselect_row.d.ts.map

package/dist/inputs/multiselect/multiselect_row.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"multiselect_row.d.ts","sourceRoot":"","sources":["../../../src/inputs/multiselect/multiselect_row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAe,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wDAAwD,CAAC;AAEpG,MAAM,WAAW,mBAAmB,CAAC,CAAC,CACpC,SAAQ,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC;IACjE,SAAS,EAAE,qBAAqB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;IACpE,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,eAAO,MAAM,cAAc,kHA2CzB,CAAC"}

package/dist/inputs/multiselect/multiselect_row.js

@@ -1,35 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import R from "react";
-import { useSignalValue as p } from "@tcn/state";
-import { HField as E } from "../../form/field/h_field/h_field.js";
-import { Multiselect as S } from "./multiselect.js";
-const j = R.forwardRef(function({ presenter: r, children: c, id: u, ...m }, d) {
-  let n = [];
-  const a = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), f = p(r.optionsBroadcast), { value: g, label: M, description: w, error: v } = p(r.stateBroadcast), V = f.map((e, o) => {
-    const t = c(e, o);
-    return a.set(e, t.props.value), l.set(t.props.value, e), t;
-  });
-  function h(e) {
-    const o = e.map((t) => {
-      const s = l.get(t);
-      if (s == null) throw new Error(`Invalid value: ${t}`);
-      return s;
-    });
-    o && r.setValue(o);
-  }
-  return n = g.map((e) => a.get(e) || "") || [], /* @__PURE__ */ i(
-    E,
-    {
-      id: u,
-      ref: d,
-      label: M,
-      description: w,
-      errorMessage: v,
-      children: /* @__PURE__ */ i(S, { ...m, value: n, onChange: h, children: V })
-    }
-  );
-});
-export {
-  j as MultiselectRow
-};
-//# sourceMappingURL=multiselect_row.js.map

package/dist/inputs/multiselect/multiselect_row.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"multiselect_row.js","sources":["../../../src/inputs/multiselect/multiselect_row.tsx"],"sourcesContent":["import React from 'react';\nimport { useSignalValue } from '@tcn/state';\nimport { HField } from '../../form/field/h_field/h_field.js';\nimport { Multiselect, MultiselectProps } from './multiselect.js';\nimport type { OptionsFieldPresenter } from '../../form/field_presenters/options_field_presenter.js';\n\nexport interface MultiselectRowProps<T>\n  extends Omit<MultiselectProps, 'onChange' | 'value' | 'children'> {\n  presenter: OptionsFieldPresenter<T[], T>;\n  children: (value: T, index: number) => React.ReactElement<'option'>;\n  id: string;\n}\n\nexport const MultiselectRow = React.forwardRef(function MultiselectRow<T = string>(\n  { presenter, children, id, ...props }: MultiselectRowProps<T>,\n  ref: React.Ref<HTMLDivElement>\n) {\n  let stringValues: string[] = [];\n  const typeToStringMap = new Map<T, string>();\n  const stringToTypeMap = new Map<string, T>();\n  const options = useSignalValue(presenter.optionsBroadcast);\n\n  const { value, label, description, error } = useSignalValue(presenter.stateBroadcast);\n\n  const optionElements = options.map((o, index) => {\n    const optionElement = children(o, index);\n    typeToStringMap.set(o, (optionElement.props as any).value);\n    stringToTypeMap.set((optionElement.props as any).value, o);\n    return optionElement;\n  });\n\n  function mapSelectedValues(values: string[]) {\n    const selectedValues = values.map(v => {\n      const value = stringToTypeMap.get(v);\n      if (value == null) throw new Error(`Invalid value: ${v}`);\n      return value;\n    });\n\n    selectedValues && presenter.setValue(selectedValues);\n  }\n\n  stringValues = value.map(v => typeToStringMap.get(v) || '') || [];\n\n  return (\n    <HField\n      id={id}\n      ref={ref}\n      label={label}\n      description={description}\n      errorMessage={error}\n    >\n      <Multiselect {...props} value={stringValues} onChange={mapSelectedValues}>\n        {optionElements as any}\n      </Multiselect>\n    </HField>\n  );\n});\n"],"names":["MultiselectRow","React","presenter","children","id","props","ref","stringValues","typeToStringMap","stringToTypeMap","options","useSignalValue","value","label","description","error","optionElements","o","index","optionElement","mapSelectedValues","values","selectedValues","v","jsx","HField","Multiselect"],"mappings":";;;;;AAaO,MAAMA,IAAiBC,EAAM,WAAW,SAC7C,EAAE,WAAAC,GAAW,UAAAC,GAAU,IAAAC,GAAI,GAAGC,EAAA,GAC9BC,GACA;AACA,MAAIC,IAAyB,CAAA;AAC7B,QAAMC,wBAAsB,IAAA,GACtBC,wBAAsB,IAAA,GACtBC,IAAUC,EAAeT,EAAU,gBAAgB,GAEnD,EAAE,OAAAU,GAAO,OAAAC,GAAO,aAAAC,GAAa,OAAAC,MAAUJ,EAAeT,EAAU,cAAc,GAE9Ec,IAAiBN,EAAQ,IAAI,CAACO,GAAGC,MAAU;AAC/C,UAAMC,IAAgBhB,EAASc,GAAGC,CAAK;AACvC,WAAAV,EAAgB,IAAIS,GAAIE,EAAc,MAAc,KAAK,GACzDV,EAAgB,IAAKU,EAAc,MAAc,OAAOF,CAAC,GAClDE;AAAA,EACT,CAAC;AAED,WAASC,EAAkBC,GAAkB;AAC3C,UAAMC,IAAiBD,EAAO,IAAI,CAAAE,MAAK;AACrC,YAAMX,IAAQH,EAAgB,IAAIc,CAAC;AACnC,UAAIX,KAAS,KAAM,OAAM,IAAI,MAAM,kBAAkBW,CAAC,EAAE;AACxD,aAAOX;AAAAA,IACT,CAAC;AAED,IAAAU,KAAkBpB,EAAU,SAASoB,CAAc;AAAA,EACrD;AAEA,SAAAf,IAAeK,EAAM,IAAI,CAAAW,MAAKf,EAAgB,IAAIe,CAAC,KAAK,EAAE,KAAK,CAAA,GAG7D,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAArB;AAAA,MACA,KAAAE;AAAA,MACA,OAAAO;AAAA,MACA,aAAAC;AAAA,MACA,cAAcC;AAAA,MAEd,UAAA,gBAAAS,EAACE,KAAa,GAAGrB,GAAO,OAAOE,GAAc,UAAUa,GACpD,UAAAJ,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/inputs/switch/switch_row.d.ts

@@ -1,8 +0,0 @@
-import { FieldPresenter } from '../../form/field_presenters/field_presenter.js';
-import { SwitchProps } from './switch.js';
-export interface SwitchRowProps extends Omit<SwitchProps, 'onChange' | 'checked' | 'label' | 'description' | 'errorMessage'> {
-    presenter?: FieldPresenter<boolean>;
-    id: string;
-}
-export declare function SwitchRow({ presenter, id, ...props }: SwitchRowProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=switch_row.d.ts.map

package/dist/inputs/switch/switch_row.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"switch_row.d.ts","sourceRoot":"","sources":["../../../src/inputs/switch/switch_row.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAChF,OAAO,EAAU,WAAW,EAAE,MAAM,aAAa,CAAC;AAGlD,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,WAAW,EACX,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,GAAG,cAAc,CAClE;IACD,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACpC,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAiBpE"}

package/dist/inputs/switch/switch_row.js

@@ -1,16 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useState as m } from "react";
-import { useSignalValue as c } from "@tcn/state";
-import { FieldPresenter as f } from "../../form/field_presenters/field_presenter.js";
-import { Switch as u } from "./switch.js";
-import { HField as p } from "../../form/field/h_field/h_field.js";
-function x({ presenter: e, id: o, ...i }) {
-  const [r] = m(() => e ?? new f("Label", !1)), { label: n, value: a, description: l, error: s } = c(
-    r.stateBroadcast
-  );
-  return /* @__PURE__ */ t(p, { id: o, label: n, description: l, errorMessage: s, children: /* @__PURE__ */ t(u, { ...i, checked: a, onChange: r.setValue }) });
-}
-export {
-  x as SwitchRow
-};
-//# sourceMappingURL=switch_row.js.map

package/dist/inputs/switch/switch_row.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"switch_row.js","sources":["../../../src/inputs/switch/switch_row.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useSignalValue } from '@tcn/state';\nimport { FieldPresenter } from '../../form/field_presenters/field_presenter.js';\nimport { Switch, SwitchProps } from './switch.js';\nimport { HField } from '../../form/field/h_field/h_field.js';\n\nexport interface SwitchRowProps\n  extends Omit<\n    SwitchProps,\n    'onChange' | 'checked' | 'label' | 'description' | 'errorMessage'\n  > {\n  presenter?: FieldPresenter<boolean>;\n  id: string;\n}\n\nexport function SwitchRow({ presenter, id, ...props }: SwitchRowProps) {\n  const [finalPresenter] = useState(() => {\n    if (presenter == null) {\n      return new FieldPresenter<boolean>('Label', false);\n    }\n    return presenter;\n  });\n\n  const { label, value, description, error } = useSignalValue(\n    finalPresenter.stateBroadcast\n  );\n\n  return (\n    <HField id={id} label={label} description={description} errorMessage={error}>\n      <Switch {...props} checked={value} onChange={finalPresenter.setValue} />\n    </HField>\n  );\n}\n"],"names":["SwitchRow","presenter","id","props","finalPresenter","useState","FieldPresenter","label","value","description","error","useSignalValue","HField","jsx","Switch"],"mappings":";;;;;;AAeO,SAASA,EAAU,EAAE,WAAAC,GAAW,IAAAC,GAAI,GAAGC,KAAyB;AACrE,QAAM,CAACC,CAAc,IAAIC,EAAS,MAC5BJ,KACK,IAAIK,EAAwB,SAAS,EAAK,CAGpD,GAEK,EAAE,OAAAC,GAAO,OAAAC,GAAO,aAAAC,GAAa,OAAAC,MAAUC;AAAA,IAC3CP,EAAe;AAAA,EAAA;AAGjB,2BACGQ,GAAA,EAAO,IAAAV,GAAQ,OAAAK,GAAc,aAAAE,GAA0B,cAAcC,GACpE,UAAA,gBAAAG,EAACC,GAAA,EAAQ,GAAGX,GAAO,SAASK,GAAO,UAAUJ,EAAe,UAAU,GACxE;AAEJ;"}

package/dist/inputs/textarea/textarea_row.d.ts

@@ -1,8 +0,0 @@
-import { FieldPresenter } from '../../form/field_presenters/field_presenter.js';
-import { TextareaProps } from './textarea.js';
-export interface TextareaRowProps extends Omit<TextareaProps, 'onChange' | 'value' | 'label' | 'description' | 'errorMessage'> {
-    presenter: FieldPresenter<string>;
-    id: string;
-}
-export declare function TextareaRow({ presenter, id, ...props }: TextareaRowProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=textarea_row.d.ts.map

package/dist/inputs/textarea/textarea_row.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea_row.d.ts","sourceRoot":"","sources":["../../../src/inputs/textarea/textarea_row.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAChF,OAAO,EAAY,aAAa,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,aAAa,EACb,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,aAAa,GAAG,cAAc,CAChE;IACD,SAAS,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAClC,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAQxE"}

package/dist/inputs/textarea/textarea_row.js

@@ -1,12 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useSignalValue as n } from "@tcn/state";
-import { HField as s } from "../../form/field/h_field/h_field.js";
-import { Textarea as u } from "./textarea.js";
-function x({ presenter: r, id: o, ...a }) {
-  const { label: t, value: i, description: l, error: m } = n(r.stateBroadcast);
-  return /* @__PURE__ */ e(s, { id: o, label: t, description: l, errorMessage: m, children: /* @__PURE__ */ e(u, { ...a, value: i, onChange: r.setValue }) });
-}
-export {
-  x as TextareaRow
-};
-//# sourceMappingURL=textarea_row.js.map

package/dist/inputs/textarea/textarea_row.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea_row.js","sources":["../../../src/inputs/textarea/textarea_row.tsx"],"sourcesContent":["import { useSignalValue } from '@tcn/state';\nimport React from 'react';\nimport { HField } from '../../form/field/h_field/h_field.js';\nimport { FieldPresenter } from '../../form/field_presenters/field_presenter.js';\nimport { Textarea, TextareaProps } from './textarea.js';\n\nexport interface TextareaRowProps\n  extends Omit<\n    TextareaProps,\n    'onChange' | 'value' | 'label' | 'description' | 'errorMessage'\n  > {\n  presenter: FieldPresenter<string>;\n  id: string;\n}\n\nexport function TextareaRow({ presenter, id, ...props }: TextareaRowProps) {\n  const { label, value, description, error } = useSignalValue(presenter.stateBroadcast);\n\n  return (\n    <HField id={id} label={label} description={description} errorMessage={error}>\n      <Textarea {...props} value={value} onChange={presenter.setValue} />\n    </HField>\n  );\n}\n"],"names":["TextareaRow","presenter","id","props","label","value","description","error","useSignalValue","jsx","HField","Textarea"],"mappings":";;;;AAeO,SAASA,EAAY,EAAE,WAAAC,GAAW,IAAAC,GAAI,GAAGC,KAA2B;AACzE,QAAM,EAAE,OAAAC,GAAO,OAAAC,GAAO,aAAAC,GAAa,OAAAC,MAAUC,EAAeP,EAAU,cAAc;AAEpF,SACE,gBAAAQ,EAACC,GAAA,EAAO,IAAAR,GAAQ,OAAAE,GAAc,aAAAE,GAA0B,cAAcC,GACpE,UAAA,gBAAAE,EAACE,GAAA,EAAU,GAAGR,GAAO,OAAAE,GAAc,UAAUJ,EAAU,UAAU,GACnE;AAEJ;"}

package/dist/overlay/tethered/types.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=types.js.map

package/dist/overlay/tethered/types.js.map

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

package/dist/portal_platform.css

@@ -1 +0,0 @@
-body>*{position:relative;z-index:0}.portal{position:absolute;inset:0;overflow:hidden;padding:0;margin:0;pointer-events:none}.portal>*{pointer-events:auto}.portal-platform{position:fixed;inset:0;overflow:hidden;padding:0;margin:0;background-color:#0000;pointer-events:none;transform:none;z-index:1}

package/dist/stacks/box/handle_props.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=handle_props.js.map

package/dist/stacks/box/handle_props.js.map

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

package/dist/utils/calendar/calendar_date.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=calendar_date.js.map

package/dist/utils/calendar/calendar_date.js.map

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