@tcn/ui 0.0.1 → 0.0.3

package/dist/actions/button/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/actions/button/button/button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAG5E,MAAM,WAAW,WAAY,SAAQ,eAAe;CAAG;AAEvD,eAAO,MAAM,MAAM,oGAajB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/actions/button/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAGjF,MAAM,WAAW,WAAY,SAAQ,eAAe;CAAG;AAEvD,eAAO,MAAM,MAAM,oGAmBjB,CAAC"}

package/dist/actions/button/button/button.js

@@ -1,9 +1,17 @@
 import { jsx as o } from "react/jsx-runtime";
+import b from "react";
 import n from "classnames";
-import m from "react";
-import { BaseButton as a } from "../base_button/base_button.js";
-import '../../../button.css';const b = "_button_fd354ec", f = "_button-text_5989b5f", s = { button: b, "button-text": f }, _ = m.forwardRef(function({ children: t, className: e, ...u }, r) {
-  return /* @__PURE__ */ o(a, { ref: r, className: n(s.button, "button", e), ...u, children: typeof t == "string" ? /* @__PURE__ */ o("span", { className: n(s["button-text"], "button-text"), children: t }) : t });
+import { BaseButton as c } from "../base_button/base_button.js";
+import '../../../button.css';const m = "_button_fd354ec", a = "_button-text_5989b5f", s = { button: m, "button-text": a }, _ = b.forwardRef(function({ children: t, className: e, ...u }, r) {
+  return /* @__PURE__ */ o(
+    c,
+    {
+      ref: r,
+      className: n(s.button, "button", "tcn-button", e),
+      ...u,
+      children: typeof t == "string" ? /* @__PURE__ */ o("span", { className: n(s["button-text"], "button-text", "tcn-button-text"), children: t }) : t
+    }
+  );
 });
 export {
   _ as Button

package/dist/actions/button/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../src/actions/button/button/button.tsx"],"sourcesContent":["import cln from 'classnames';\nimport React from 'react';\nimport { BaseButton, BaseButtonProps } from '../base_button/base_button.js';\nimport styles from './button.module.css';\n\nexport interface ButtonProps extends BaseButtonProps {}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  { children, className, ...props },\n  ref\n) {\n  return (\n    <BaseButton ref={ref} className={cln(styles.button, 'button', className)} {...props}>\n      {typeof children === 'string' ? (\n        <span className={cln(styles['button-text'], 'button-text')}>{children}</span>\n      ) : (\n        children\n      )}\n    </BaseButton>\n  );\n});\n"],"names":["Button","React","children","className","props","ref","jsx","BaseButton","cln","styles"],"mappings":";;;;8FAOaA,IAASC,EAAM,WAA2C,SACrE,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC,EAACC,GAAA,EAAW,KAAAF,GAAU,WAAWG,EAAIC,EAAO,QAAQ,UAAUN,CAAS,GAAI,GAAGC,GAC3E,UAAA,OAAOF,KAAa,WACnB,gBAAAI,EAAC,QAAA,EAAK,WAAWE,EAAIC,EAAO,aAAa,GAAG,aAAa,GAAI,UAAAP,EAAA,CAAS,IAEtEA,EAAA,CAEJ;AAEJ,CAAC;"}
+{"version":3,"file":"button.js","sources":["../../../../src/actions/button/button/button.tsx"],"sourcesContent":["import React from 'react';\nimport cln from 'classnames';\nimport { BaseButton, type BaseButtonProps } from '../base_button/base_button.js';\nimport styles from './button.module.css';\n\nexport interface ButtonProps extends BaseButtonProps {}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  { children, className, ...props },\n  ref\n) {\n  return (\n    <BaseButton\n      ref={ref}\n      className={cln(styles.button, 'button', 'tcn-button', className)}\n      {...props}\n    >\n      {typeof children === 'string' ? (\n        <span className={cln(styles['button-text'], 'button-text', 'tcn-button-text')}>\n          {children}\n        </span>\n      ) : (\n        children\n      )}\n    </BaseButton>\n  );\n});\n"],"names":["Button","React","children","className","props","ref","jsx","BaseButton","cln","styles"],"mappings":";;;;8FAOaA,IAASC,EAAM,WAA2C,SACrE,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAIC,EAAO,QAAQ,UAAU,cAAcN,CAAS;AAAA,MAC9D,GAAGC;AAAA,MAEH,UAAA,OAAOF,KAAa,WACnB,gBAAAI,EAAC,UAAK,WAAWE,EAAIC,EAAO,aAAa,GAAG,eAAe,iBAAiB,GACzE,UAAAP,GACH,IAEAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;"}

package/dist/drawer_bottom.css

@@ -1 +1 @@
-._drawerBottom_005ffd5{background-color:var(--background-color-primary)}
+._drawerBottom_9359033{background-color:var(--background-color-primary)}

package/dist/drawer_end.css

@@ -1 +1 @@
-._drawerEnd_14b62a0{background-color:var(--background-color-primary)}
+._drawerEnd_39acb27{background-color:var(--background-color-primary)}

package/dist/drawer_start.css

@@ -1 +1 @@
-._drawerStart_ab65130{background-color:var(--background-color-primary)}
+._drawerStart_3abbf56{background-color:var(--background-color-primary)}

package/dist/drawer_top.css

@@ -1 +1 @@
-._drawerBottom_a42b248{background-color:var(--background-color-primary)}
+._drawerBottom_7a0635a{background-color:var(--background-color-primary)}

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

@@ -1 +1 @@
-{"version":3,"file":"status_input.js","sources":["../../../../../src/form/field/common/status_input/status_input.tsx"],"sourcesContent":["import { AlertTriangleIcon } from '@tcn/icons/alert_triangle_icon.js';\nimport { LockTwoIcon } from '@tcn/icons/lock_two_icon.js';\nimport { HStack } from '../../../../stacks/h_stack.js';\nimport type { HStackOwnProps } from '../../../../stacks/h_stack.js';\nimport type { WithDetailedHTMLProps } from '../../../../stacks/types/as.js';\nimport React from 'react';\nimport { Loading } from '../../../../feedback/index.js';\nimport classNames from 'classnames';\nimport styles from './status_input.module.css';\n\n/*\n TODO: I really want to make these themable.\n The way we do that is simply put a div placeholder with\n a class that the theme can override. They can use svgs as \n backgrounds for icons. This would make it so the component\n library doesn't dictate the icon set used. \n*/\nconst LockedAdornment: React.FC = () => {\n  return <LockTwoIcon className=\"field-lock\" size=\"lg\" />;\n};\n\nconst LoadingAdornment: React.FC = () => {\n  return <Loading size=\"20px\" className=\"field-loader\" />;\n};\n\nconst ErroredAdornment: React.FC = () => {\n  return (\n    <AlertTriangleIcon\n      className={classNames(styles['field-error'], 'field-error')}\n      size=\"lg\"\n    />\n  );\n};\n\nexport const AdornmentMap: React.FC<{ state: StatusInputState }> = ({ state }) => {\n  switch (state) {\n    case 'locked':\n      return <LockedAdornment />;\n    case 'loading':\n      return <LoadingAdornment />;\n    case 'error':\n      return <ErroredAdornment />;\n    default:\n      return null;\n  }\n};\n\nexport type StatusInputState = 'locked' | 'loading' | 'error' | 'default';\nexport interface StatusInputOwnProps {\n  children: React.ReactNode;\n  state?: StatusInputState;\n}\n\nexport type StatusInputProps = WithDetailedHTMLProps<\n  StatusInputOwnProps & HStackOwnProps,\n  'div'\n>;\n\nexport const FieldStatusInput = React.forwardRef(function StatusInput(\n  { children: Control, state = 'default', className, ...props }: StatusInputProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const showControl = state === 'default' || state === 'error';\n\n  return (\n    <HStack\n      ref={ref}\n      data-state={state}\n      className={classNames(\n        'field-status-input',\n        styles['field-status-input'],\n        className,\n        'field-status-input'\n      )}\n      vAlign=\"center\"\n      hAlign=\"end\"\n      gap=\"4px\"\n      {...props}\n    >\n      {showControl && Control}\n      <AdornmentMap state={state} />\n    </HStack>\n  );\n});\n"],"names":["LockedAdornment","jsx","LockTwoIcon","LoadingAdornment","Loading","ErroredAdornment","AlertTriangleIcon","classNames","styles","AdornmentMap","state","FieldStatusInput","React","Control","className","props","ref","showControl","jsxs","HStack"],"mappings":";;;;;;;;;;wHAiBMA,IAA4B,MACzB,gBAAAC,EAACC,GAAA,EAAY,WAAU,cAAa,MAAK,MAAK,GAGjDC,IAA6B,MAC1B,gBAAAF,EAACG,GAAA,EAAQ,MAAK,QAAO,WAAU,gBAAe,GAGjDC,IAA6B,MAE/B,gBAAAJ;AAAA,EAACK;AAAA,EAAA;AAAA,IACC,WAAWC,EAAWC,EAAO,aAAa,GAAG,aAAa;AAAA,IAC1D,MAAK;AAAA,EAAA;AAAA,GAKEC,IAAsD,CAAC,EAAE,OAAAC,QAAY;AAChF,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,+BAAQV,GAAA,EAAgB;AAAA,IAC1B,KAAK;AACH,+BAAQG,GAAA,EAAiB;AAAA,IAC3B,KAAK;AACH,+BAAQE,GAAA,EAAiB;AAAA,IAC3B;AACE,aAAO;AAAA,EAAA;AAEb,GAaaM,IAAmBC,EAAM,WAAW,SAC/C,EAAE,UAAUC,GAAS,OAAAH,IAAQ,WAAW,WAAAI,GAAW,GAAGC,EAAA,GACtDC,GACA;AACA,QAAMC,IAAcP,MAAU,aAAaA,MAAU;AAErD,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,cAAYN;AAAA,MACZ,WAAWH;AAAA,QACT;AAAA,QACAC,EAAO,oBAAoB;AAAA,QAC3BM;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,QAAO;AAAA,MACP,QAAO;AAAA,MACP,KAAI;AAAA,MACH,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAE,KAAeJ;AAAA,QAChB,gBAAAZ,EAACQ,KAAa,OAAAC,EAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlC,CAAC;"}
+{"version":3,"file":"status_input.js","sources":["../../../../../src/form/field/common/status_input/status_input.tsx"],"sourcesContent":["import { AlertTriangleIcon } from '@tcn/icons/alert_triangle_icon.js';\nimport { LockTwoIcon } from '@tcn/icons/lock_two_icon.js';\nimport { HStack } from '../../../../stacks/h_stack.js';\nimport type { HStackOwnProps } from '../../../../stacks/h_stack.js';\nimport type { WithDetailedHTMLProps } from '../../../../stacks/types/as.js';\nimport React from 'react';\nimport { Loading } from '../../../../feedback/index.js';\nimport classNames from 'classnames';\nimport styles from './status_input.module.css';\n\n/*\n TODO: I really want to make these themeable.\n The way we do that is simply put a div placeholder with\n a class that the theme can override. They can use svgs as \n backgrounds for icons. This would make it so the component\n library doesn't dictate the icon set used. \n*/\nconst LockedAdornment: React.FC = () => {\n  return <LockTwoIcon className=\"field-lock\" size=\"lg\" />;\n};\n\nconst LoadingAdornment: React.FC = () => {\n  return <Loading size=\"20px\" className=\"field-loader\" />;\n};\n\nconst ErroredAdornment: React.FC = () => {\n  return (\n    <AlertTriangleIcon\n      className={classNames(styles['field-error'], 'field-error')}\n      size=\"lg\"\n    />\n  );\n};\n\nexport const AdornmentMap: React.FC<{ state: StatusInputState }> = ({ state }) => {\n  switch (state) {\n    case 'locked':\n      return <LockedAdornment />;\n    case 'loading':\n      return <LoadingAdornment />;\n    case 'error':\n      return <ErroredAdornment />;\n    default:\n      return null;\n  }\n};\n\nexport type StatusInputState = 'locked' | 'loading' | 'error' | 'default';\nexport interface StatusInputOwnProps {\n  children: React.ReactNode;\n  state?: StatusInputState;\n}\n\nexport type StatusInputProps = WithDetailedHTMLProps<\n  StatusInputOwnProps & HStackOwnProps,\n  'div'\n>;\n\nexport const FieldStatusInput = React.forwardRef(function StatusInput(\n  { children: Control, state = 'default', className, ...props }: StatusInputProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const showControl = state === 'default' || state === 'error';\n\n  return (\n    <HStack\n      ref={ref}\n      data-state={state}\n      className={classNames(\n        'field-status-input',\n        styles['field-status-input'],\n        className,\n        'field-status-input'\n      )}\n      vAlign=\"center\"\n      hAlign=\"end\"\n      gap=\"4px\"\n      {...props}\n    >\n      {showControl && Control}\n      <AdornmentMap state={state} />\n    </HStack>\n  );\n});\n"],"names":["LockedAdornment","jsx","LockTwoIcon","LoadingAdornment","Loading","ErroredAdornment","AlertTriangleIcon","classNames","styles","AdornmentMap","state","FieldStatusInput","React","Control","className","props","ref","showControl","jsxs","HStack"],"mappings":";;;;;;;;;;wHAiBMA,IAA4B,MACzB,gBAAAC,EAACC,GAAA,EAAY,WAAU,cAAa,MAAK,MAAK,GAGjDC,IAA6B,MAC1B,gBAAAF,EAACG,GAAA,EAAQ,MAAK,QAAO,WAAU,gBAAe,GAGjDC,IAA6B,MAE/B,gBAAAJ;AAAA,EAACK;AAAA,EAAA;AAAA,IACC,WAAWC,EAAWC,EAAO,aAAa,GAAG,aAAa;AAAA,IAC1D,MAAK;AAAA,EAAA;AAAA,GAKEC,IAAsD,CAAC,EAAE,OAAAC,QAAY;AAChF,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,+BAAQV,GAAA,EAAgB;AAAA,IAC1B,KAAK;AACH,+BAAQG,GAAA,EAAiB;AAAA,IAC3B,KAAK;AACH,+BAAQE,GAAA,EAAiB;AAAA,IAC3B;AACE,aAAO;AAAA,EAAA;AAEb,GAaaM,IAAmBC,EAAM,WAAW,SAC/C,EAAE,UAAUC,GAAS,OAAAH,IAAQ,WAAW,WAAAI,GAAW,GAAGC,EAAA,GACtDC,GACA;AACA,QAAMC,IAAcP,MAAU,aAAaA,MAAU;AAErD,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,cAAYN;AAAA,MACZ,WAAWH;AAAA,QACT;AAAA,QACAC,EAAO,oBAAoB;AAAA,QAC3BM;AAAA,QACA;AAAA,MAAA;AAAA,MAEF,QAAO;AAAA,MACP,QAAO;AAAA,MACP,KAAI;AAAA,MACH,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAE,KAAeJ;AAAA,QAChB,gBAAAZ,EAACQ,KAAa,OAAAC,EAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlC,CAAC;"}

package/dist/form/field/h_field/h_field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"h_field.d.ts","sourceRoot":"","sources":["../../../../src/form/field/h_field/h_field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEzE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAKhD,MAAM,WAAW,cAAe,SAAQ,UAAU;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AACD,MAAM,MAAM,WAAW,GAAG,qBAAqB,CAAC,cAAc,EAAE,KAAK,CAAC,GAAG,cAAc,CAAC;AAGxF,eAAO,MAAM,MAAM,iGAmDjB,CAAC"}
+{"version":3,"file":"h_field.d.ts","sourceRoot":"","sources":["../../../../src/form/field/h_field/h_field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEzE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAKrD,MAAM,WAAW,cAAe,SAAQ,UAAU;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AACD,MAAM,MAAM,WAAW,GAAG,qBAAqB,CAAC,cAAc,EAAE,KAAK,CAAC,GAAG,cAAc,CAAC;AAGxF,eAAO,MAAM,MAAM,iGAmDjB,CAAC"}

package/dist/form/field/h_field/h_field.js.map

@@ -1 +1 @@
-{"version":3,"file":"h_field.js","sources":["../../../../src/form/field/h_field/h_field.tsx"],"sourcesContent":["import { HStack } from '../../../stacks/h_stack.js';\nimport type { HStackOwnProps } from '../../../stacks/h_stack.js';\nimport type { WithDetailedHTMLProps } from '../../../stacks/types/as.js';\nimport classNames from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './h_field.module.css';\nimport { FieldInput } from '../common/types.js';\nimport { FieldHeader } from '../common/field_header.js';\nimport { FieldControl } from '../common/field_control/field_control.js';\nimport { FieldStatusInput } from '../common/status_input/status_input.js';\n\nexport interface HFieldOwnProps extends FieldInput {\n  labelWidth?: string;\n  children: React.ReactNode;\n}\nexport type HFieldProps = WithDetailedHTMLProps<HFieldOwnProps, 'div'> & HStackOwnProps;\n\nlet idIndex = 0;\nexport const HField = React.forwardRef(function HField(\n  {\n    label,\n    description,\n    errorMessage,\n    children: Control,\n    labelWidth = '40%',\n    locked = false,\n    loading = false,\n    className,\n    id,\n    required,\n    ...props\n  }: HFieldProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const [finalId] = useState(() => id || `h-field-${idIndex++}`);\n  const labelId = `${finalId}-label`;\n  const descriptionId = `${finalId}-description`;\n  const hasError = errorMessage ? true : false;\n  const state = locked ? 'locked' : loading ? 'loading' : hasError ? 'error' : 'default';\n\n  return (\n    <HStack\n      ref={ref}\n      as=\"div\"\n      aria-labelledby={labelId}\n      aria-describedby={descriptionId}\n      data-locked={locked}\n      data-error={hasError}\n      data-loading={loading}\n      className={classNames('base-field', styles['h-field'], 'h-field', className)}\n      vAlign=\"start\"\n      hAlign=\"start\"\n      height=\"auto\"\n      gap=\"4px\"\n      {...props}\n    >\n      <FieldHeader\n        minWidth={labelWidth}\n        width={labelWidth}\n        id={finalId}\n        label={label}\n        description={description}\n        required={required}\n      />\n      <FieldControl errorMessage={errorMessage} loading={loading} locked={locked}>\n        <FieldStatusInput state={state}>{Control}</FieldStatusInput>\n      </FieldControl>\n    </HStack>\n  );\n});\n"],"names":["idIndex","HField","React","label","description","errorMessage","Control","labelWidth","locked","loading","className","id","required","props","ref","finalId","useState","labelId","descriptionId","hasError","state","jsxs","HStack","classNames","styles","jsx","FieldHeader","FieldControl","FieldStatusInput"],"mappings":";;;;;;;;AAiBA,IAAIA,IAAU;AACP,MAAMC,IAASC,EAAM,WAAW,SACrC;AAAA,EACE,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAUC;AAAA,EACV,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAM,CAACC,CAAO,IAAIC,EAAS,MAAML,KAAM,WAAWX,GAAS,EAAE,GACvDiB,IAAU,GAAGF,CAAO,UACpBG,IAAgB,GAAGH,CAAO,gBAC1BI,IAAW,EAAAd,GACXe,IAAQZ,IAAS,WAAWC,IAAU,YAAYU,IAAW,UAAU;AAE7E,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MACA,IAAG;AAAA,MACH,mBAAiBG;AAAA,MACjB,oBAAkBC;AAAA,MAClB,eAAaV;AAAA,MACb,cAAYW;AAAA,MACZ,gBAAcV;AAAA,MACd,WAAWc,EAAW,cAAcC,EAAO,SAAS,GAAG,WAAWd,CAAS;AAAA,MAC3E,QAAO;AAAA,MACP,QAAO;AAAA,MACP,QAAO;AAAA,MACP,KAAI;AAAA,MACH,GAAGG;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAY;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAUnB;AAAA,YACV,OAAOA;AAAA,YACP,IAAIQ;AAAA,YACJ,OAAAZ;AAAA,YACA,aAAAC;AAAA,YACA,UAAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,gBAAAa,EAACE,KAAa,cAAAtB,GAA4B,SAAAI,GAAkB,QAAAD,GAC1D,UAAA,gBAAAiB,EAACG,GAAA,EAAiB,OAAAR,GAAe,UAAAd,EAAA,CAAQ,EAAA,CAC3C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"h_field.js","sources":["../../../../src/form/field/h_field/h_field.tsx"],"sourcesContent":["import { HStack } from '../../../stacks/h_stack.js';\nimport type { HStackOwnProps } from '../../../stacks/h_stack.js';\nimport type { WithDetailedHTMLProps } from '../../../stacks/types/as.js';\nimport classNames from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './h_field.module.css';\nimport type { FieldInput } from '../common/types.js';\nimport { FieldHeader } from '../common/field_header.js';\nimport { FieldControl } from '../common/field_control/field_control.js';\nimport { FieldStatusInput } from '../common/status_input/status_input.js';\n\nexport interface HFieldOwnProps extends FieldInput {\n  labelWidth?: string;\n  children: React.ReactNode;\n}\nexport type HFieldProps = WithDetailedHTMLProps<HFieldOwnProps, 'div'> & HStackOwnProps;\n\nlet idIndex = 0;\nexport const HField = React.forwardRef(function HField(\n  {\n    label,\n    description,\n    errorMessage,\n    children: Control,\n    labelWidth = '40%',\n    locked = false,\n    loading = false,\n    className,\n    id,\n    required,\n    ...props\n  }: HFieldProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const [finalId] = useState(() => id || `h-field-${idIndex++}`);\n  const labelId = `${finalId}-label`;\n  const descriptionId = `${finalId}-description`;\n  const hasError = errorMessage ? true : false;\n  const state = locked ? 'locked' : loading ? 'loading' : hasError ? 'error' : 'default';\n\n  return (\n    <HStack\n      ref={ref}\n      as=\"div\"\n      aria-labelledby={labelId}\n      aria-describedby={descriptionId}\n      data-locked={locked}\n      data-error={hasError}\n      data-loading={loading}\n      className={classNames('base-field', styles['h-field'], 'h-field', className)}\n      vAlign=\"start\"\n      hAlign=\"start\"\n      height=\"auto\"\n      gap=\"4px\"\n      {...props}\n    >\n      <FieldHeader\n        minWidth={labelWidth}\n        width={labelWidth}\n        id={finalId}\n        label={label}\n        description={description}\n        required={required}\n      />\n      <FieldControl errorMessage={errorMessage} loading={loading} locked={locked}>\n        <FieldStatusInput state={state}>{Control}</FieldStatusInput>\n      </FieldControl>\n    </HStack>\n  );\n});\n"],"names":["idIndex","HField","React","label","description","errorMessage","Control","labelWidth","locked","loading","className","id","required","props","ref","finalId","useState","labelId","descriptionId","hasError","state","jsxs","HStack","classNames","styles","jsx","FieldHeader","FieldControl","FieldStatusInput"],"mappings":";;;;;;;;AAiBA,IAAIA,IAAU;AACP,MAAMC,IAASC,EAAM,WAAW,SACrC;AAAA,EACE,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAUC;AAAA,EACV,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAM,CAACC,CAAO,IAAIC,EAAS,MAAML,KAAM,WAAWX,GAAS,EAAE,GACvDiB,IAAU,GAAGF,CAAO,UACpBG,IAAgB,GAAGH,CAAO,gBAC1BI,IAAW,EAAAd,GACXe,IAAQZ,IAAS,WAAWC,IAAU,YAAYU,IAAW,UAAU;AAE7E,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MACA,IAAG;AAAA,MACH,mBAAiBG;AAAA,MACjB,oBAAkBC;AAAA,MAClB,eAAaV;AAAA,MACb,cAAYW;AAAA,MACZ,gBAAcV;AAAA,MACd,WAAWc,EAAW,cAAcC,EAAO,SAAS,GAAG,WAAWd,CAAS;AAAA,MAC3E,QAAO;AAAA,MACP,QAAO;AAAA,MACP,QAAO;AAAA,MACP,KAAI;AAAA,MACH,GAAGG;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAY;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAUnB;AAAA,YACV,OAAOA;AAAA,YACP,IAAIQ;AAAA,YACJ,OAAAZ;AAAA,YACA,aAAAC;AAAA,YACA,UAAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,gBAAAa,EAACE,KAAa,cAAAtB,GAA4B,SAAAI,GAAkB,QAAAD,GAC1D,UAAA,gBAAAiB,EAACG,GAAA,EAAiB,OAAAR,GAAe,UAAAd,EAAA,CAAQ,EAAA,CAC3C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/form/field/v_field/v_field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"v_field.d.ts","sourceRoot":"","sources":["../../../../src/form/field/v_field/v_field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEzE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,MAAM,WAAW,cAAe,SAAQ,UAAU;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,MAAM,WAAW,GAAG,qBAAqB,CAAC,cAAc,EAAE,KAAK,CAAC,GAAG,cAAc,CAAC;AAExF,eAAO,MAAM,MAAM,iGAwDjB,CAAC"}
+{"version":3,"file":"v_field.d.ts","sourceRoot":"","sources":["../../../../src/form/field/v_field/v_field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEzE,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,cAAe,SAAQ,UAAU;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,MAAM,WAAW,GAAG,qBAAqB,CAAC,cAAc,EAAE,KAAK,CAAC,GAAG,cAAc,CAAC;AAExF,eAAO,MAAM,MAAM,iGAwDjB,CAAC"}

package/dist/form/field/v_field/v_field.js.map

@@ -1 +1 @@
-{"version":3,"file":"v_field.js","sources":["../../../../src/form/field/v_field/v_field.tsx"],"sourcesContent":["import { VStack } from '../../../stacks/v_stack.js';\nimport type { VStackOwnProps } from '../../../stacks/v_stack.js';\nimport type { WithDetailedHTMLProps } from '../../../stacks/types/as.js';\nimport classNames from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './v_field.module.css';\nimport { FieldControl } from '../common/field_control/field_control.js';\nimport { FieldHeader } from '../common/field_header.js';\nimport { FieldStatusInput } from '../common/status_input/status_input.js';\nimport { FieldInput } from '../common/types.js';\n\nexport interface VFieldOwnProps extends FieldInput {\n  children: React.ReactNode;\n}\n\nexport type VFieldProps = WithDetailedHTMLProps<VFieldOwnProps, 'div'> & VStackOwnProps;\nlet idIndex = 0;\nexport const VField = React.forwardRef(function VField(\n  {\n    label,\n    description,\n    errorMessage,\n    children: Control,\n    locked = false,\n    loading = false,\n    maxWidth,\n    minWidth,\n    className,\n    id,\n    required,\n    ...props\n  }: VFieldProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const [finalId] = useState(() => id || `v-field-${idIndex++}`);\n  const hasError = errorMessage ? true : false;\n  const labelId = `${finalId}-label`;\n  const descriptionId = `${finalId}-description`;\n  const state = locked ? 'locked' : loading ? 'loading' : hasError ? 'error' : 'default';\n  return (\n    <VStack\n      ref={ref}\n      as=\"div\"\n      aria-labelledby={labelId}\n      aria-describedby={descriptionId}\n      data-locked={locked}\n      data-error={hasError}\n      data-loading={loading}\n      className={classNames('base-field', styles['v-field'], 'v-field', className)}\n      vAlign=\"start\"\n      hAlign=\"start\"\n      height=\"auto\"\n      gap=\"4px\"\n      {...props}\n    >\n      <FieldHeader\n        id={finalId}\n        label={label}\n        description={description}\n        required={required}\n      />\n      <FieldControl\n        errorMessage={errorMessage}\n        loading={loading}\n        locked={locked}\n        hAlign=\"start\"\n      >\n        <FieldStatusInput state={state} hAlign=\"start\">\n          {Control}\n        </FieldStatusInput>\n      </FieldControl>\n    </VStack>\n  );\n});\n"],"names":["idIndex","VField","React","label","description","errorMessage","Control","locked","loading","maxWidth","minWidth","className","id","required","props","ref","finalId","useState","hasError","labelId","descriptionId","state","jsxs","VStack","classNames","styles","jsx","FieldHeader","FieldControl","FieldStatusInput"],"mappings":";;;;;;;;AAgBA,IAAIA,IAAU;AACP,MAAMC,IAASC,EAAM,WAAW,SACrC;AAAA,EACE,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAUC;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAM,CAACC,CAAO,IAAIC,EAAS,MAAML,KAAM,WAAWZ,GAAS,EAAE,GACvDkB,IAAW,EAAAb,GACXc,IAAU,GAAGH,CAAO,UACpBI,IAAgB,GAAGJ,CAAO,gBAC1BK,IAAQd,IAAS,WAAWC,IAAU,YAAYU,IAAW,UAAU;AAC7E,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MACA,IAAG;AAAA,MACH,mBAAiBI;AAAA,MACjB,oBAAkBC;AAAA,MAClB,eAAab;AAAA,MACb,cAAYW;AAAA,MACZ,gBAAcV;AAAA,MACd,WAAWgB,EAAW,cAAcC,EAAO,SAAS,GAAG,WAAWd,CAAS;AAAA,MAC3E,QAAO;AAAA,MACP,QAAO;AAAA,MACP,QAAO;AAAA,MACP,KAAI;AAAA,MACH,GAAGG;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAY;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAIX;AAAA,YACJ,OAAAb;AAAA,YACA,aAAAC;AAAA,YACA,UAAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,gBAAAa;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,cAAAvB;AAAA,YACA,SAAAG;AAAA,YACA,QAAAD;AAAA,YACA,QAAO;AAAA,YAEP,UAAA,gBAAAmB,EAACG,GAAA,EAAiB,OAAAR,GAAc,QAAO,SACpC,UAAAf,EAAA,CACH;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"v_field.js","sources":["../../../../src/form/field/v_field/v_field.tsx"],"sourcesContent":["import { VStack } from '../../../stacks/v_stack.js';\nimport type { VStackOwnProps } from '../../../stacks/v_stack.js';\nimport type { WithDetailedHTMLProps } from '../../../stacks/types/as.js';\nimport classNames from 'classnames';\nimport React, { useState } from 'react';\nimport styles from './v_field.module.css';\nimport { FieldControl } from '../common/field_control/field_control.js';\nimport { FieldHeader } from '../common/field_header.js';\nimport { FieldStatusInput } from '../common/status_input/status_input.js';\nimport type { FieldInput } from '../common/types.js';\n\nexport interface VFieldOwnProps extends FieldInput {\n  children: React.ReactNode;\n}\n\nexport type VFieldProps = WithDetailedHTMLProps<VFieldOwnProps, 'div'> & VStackOwnProps;\nlet idIndex = 0;\nexport const VField = React.forwardRef(function VField(\n  {\n    label,\n    description,\n    errorMessage,\n    children: Control,\n    locked = false,\n    loading = false,\n    maxWidth,\n    minWidth,\n    className,\n    id,\n    required,\n    ...props\n  }: VFieldProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const [finalId] = useState(() => id || `v-field-${idIndex++}`);\n  const hasError = errorMessage ? true : false;\n  const labelId = `${finalId}-label`;\n  const descriptionId = `${finalId}-description`;\n  const state = locked ? 'locked' : loading ? 'loading' : hasError ? 'error' : 'default';\n  return (\n    <VStack\n      ref={ref}\n      as=\"div\"\n      aria-labelledby={labelId}\n      aria-describedby={descriptionId}\n      data-locked={locked}\n      data-error={hasError}\n      data-loading={loading}\n      className={classNames('base-field', styles['v-field'], 'v-field', className)}\n      vAlign=\"start\"\n      hAlign=\"start\"\n      height=\"auto\"\n      gap=\"4px\"\n      {...props}\n    >\n      <FieldHeader\n        id={finalId}\n        label={label}\n        description={description}\n        required={required}\n      />\n      <FieldControl\n        errorMessage={errorMessage}\n        loading={loading}\n        locked={locked}\n        hAlign=\"start\"\n      >\n        <FieldStatusInput state={state} hAlign=\"start\">\n          {Control}\n        </FieldStatusInput>\n      </FieldControl>\n    </VStack>\n  );\n});\n"],"names":["idIndex","VField","React","label","description","errorMessage","Control","locked","loading","maxWidth","minWidth","className","id","required","props","ref","finalId","useState","hasError","labelId","descriptionId","state","jsxs","VStack","classNames","styles","jsx","FieldHeader","FieldControl","FieldStatusInput"],"mappings":";;;;;;;;AAgBA,IAAIA,IAAU;AACP,MAAMC,IAASC,EAAM,WAAW,SACrC;AAAA,EACE,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAUC;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAM,CAACC,CAAO,IAAIC,EAAS,MAAML,KAAM,WAAWZ,GAAS,EAAE,GACvDkB,IAAW,EAAAb,GACXc,IAAU,GAAGH,CAAO,UACpBI,IAAgB,GAAGJ,CAAO,gBAC1BK,IAAQd,IAAS,WAAWC,IAAU,YAAYU,IAAW,UAAU;AAC7E,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MACA,IAAG;AAAA,MACH,mBAAiBI;AAAA,MACjB,oBAAkBC;AAAA,MAClB,eAAab;AAAA,MACb,cAAYW;AAAA,MACZ,gBAAcV;AAAA,MACd,WAAWgB,EAAW,cAAcC,EAAO,SAAS,GAAG,WAAWd,CAAS;AAAA,MAC3E,QAAO;AAAA,MACP,QAAO;AAAA,MACP,QAAO;AAAA,MACP,KAAI;AAAA,MACH,GAAGG;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAY;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAIX;AAAA,YACJ,OAAAb;AAAA,YACA,aAAAC;AAAA,YACA,UAAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,gBAAAa;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,cAAAvB;AAAA,YACA,SAAAG;AAAA,YACA,QAAAD;AAAA,YACA,QAAO;AAAA,YAEP,UAAA,gBAAAmB,EAACG,GAAA,EAAiB,OAAAR,GAAc,QAAO,SACpC,UAAAf,EAAA,CACH;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/form/field_presenters/options_field_presenter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"options_field_presenter.d.ts","sourceRoot":"","sources":["../../../src/form/field_presenters/options_field_presenter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEhF,MAAM,WAAW,iBAAiB,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,GAAG,MAAM,CAClE,SAAQ,UAAU,CAAC,MAAM,CAAC;IAC1B,OAAO,EAAE,OAAO,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,GAAG,MAAM,CACpE,SAAQ,YAAY,CAAC,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;CACrB;AAED,qBAAa,qBAAqB,CAChC,MAAM,GAAG,MAAM,EACf,OAAO,GAAG,MAAM,CAChB,SAAQ,cAAc,CAAC,MAAM,CAAC;IAC9B,SAAS,CAAC,QAAQ,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;IAEtC,IAAI,gBAAgB,+CAEnB;gBAGC,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,mBAAmB,CAAC,MAAM,EAAE,OAAO,CAAC;IAM/C,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE;CAG9B"}
+{"version":3,"file":"options_field_presenter.d.ts","sourceRoot":"","sources":["../../../src/form/field_presenters/options_field_presenter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,KAAK,YAAY,EAAE,cAAc,EAAE,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAE1F,MAAM,WAAW,iBAAiB,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,GAAG,MAAM,CAClE,SAAQ,UAAU,CAAC,MAAM,CAAC;IAC1B,OAAO,EAAE,OAAO,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,GAAG,MAAM,CACpE,SAAQ,YAAY,CAAC,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC;CACrB;AAED,qBAAa,qBAAqB,CAChC,MAAM,GAAG,MAAM,EACf,OAAO,GAAG,MAAM,CAChB,SAAQ,cAAc,CAAC,MAAM,CAAC;IAC9B,SAAS,CAAC,QAAQ,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;IAEtC,IAAI,gBAAgB,+CAEnB;gBAGC,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,mBAAmB,CAAC,MAAM,EAAE,OAAO,CAAC;IAM/C,UAAU,CAAC,OAAO,EAAE,OAAO,EAAE;CAG9B"}

package/dist/form/field_presenters/options_field_presenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"options_field_presenter.js","sources":["../../../src/form/field_presenters/options_field_presenter.ts"],"sourcesContent":["import { Signal } from '@tcn/state';\nimport { FieldOptions, FieldPresenter, FieldState } from './field_presenter.js';\n\nexport interface OptionsFieldState<TValue = string, TOption = string>\n  extends FieldState<TValue> {\n  options: TOption[];\n}\n\nexport interface OptionsFieldOptions<TValue = string, TOption = string>\n  extends FieldOptions<TValue> {\n  options?: TOption[];\n}\n\nexport class OptionsFieldPresenter<\n  TValue = string,\n  TOption = TValue,\n> extends FieldPresenter<TValue> {\n  protected _options: Signal<TOption[]>;\n\n  get optionsBroadcast() {\n    return this._options.broadcast;\n  }\n\n  constructor(\n    label: string,\n    value: TValue,\n    options: OptionsFieldOptions<TValue, TOption>\n  ) {\n    super(label, value, options);\n    this._options = new Signal(options.options || []);\n  }\n\n  setOptions(options: TOption[]) {\n    this._options.set(options);\n  }\n}\n"],"names":["OptionsFieldPresenter","FieldPresenter","label","value","options","Signal"],"mappings":";;AAaO,MAAMA,UAGHC,EAAuB;AAAA,EACrB;AAAA,EAEV,IAAI,mBAAmB;AACrB,WAAO,KAAK,SAAS;AAAA,EACvB;AAAA,EAEA,YACEC,GACAC,GACAC,GACA;AACA,UAAMF,GAAOC,GAAOC,CAAO,GAC3B,KAAK,WAAW,IAAIC,EAAOD,EAAQ,WAAW,CAAA,CAAE;AAAA,EAClD;AAAA,EAEA,WAAWA,GAAoB;AAC7B,SAAK,SAAS,IAAIA,CAAO;AAAA,EAC3B;AACF;"}
+{"version":3,"file":"options_field_presenter.js","sources":["../../../src/form/field_presenters/options_field_presenter.ts"],"sourcesContent":["import { Signal } from '@tcn/state';\nimport { type FieldOptions, FieldPresenter, type FieldState } from './field_presenter.js';\n\nexport interface OptionsFieldState<TValue = string, TOption = string>\n  extends FieldState<TValue> {\n  options: TOption[];\n}\n\nexport interface OptionsFieldOptions<TValue = string, TOption = string>\n  extends FieldOptions<TValue> {\n  options?: TOption[];\n}\n\nexport class OptionsFieldPresenter<\n  TValue = string,\n  TOption = TValue,\n> extends FieldPresenter<TValue> {\n  protected _options: Signal<TOption[]>;\n\n  get optionsBroadcast() {\n    return this._options.broadcast;\n  }\n\n  constructor(\n    label: string,\n    value: TValue,\n    options: OptionsFieldOptions<TValue, TOption>\n  ) {\n    super(label, value, options);\n    this._options = new Signal(options.options || []);\n  }\n\n  setOptions(options: TOption[]) {\n    this._options.set(options);\n  }\n}\n"],"names":["OptionsFieldPresenter","FieldPresenter","label","value","options","Signal"],"mappings":";;AAaO,MAAMA,UAGHC,EAAuB;AAAA,EACrB;AAAA,EAEV,IAAI,mBAAmB;AACrB,WAAO,KAAK,SAAS;AAAA,EACvB;AAAA,EAEA,YACEC,GACAC,GACAC,GACA;AACA,UAAMF,GAAOC,GAAOC,CAAO,GAC3B,KAAK,WAAW,IAAIC,EAAOD,EAAQ,WAAW,CAAA,CAAE;AAAA,EAClD;AAAA,EAEA,WAAWA,GAAoB;AAC7B,SAAK,SAAS,IAAIA,CAAO;AAAA,EAC3B;AACF;"}

package/dist/form/form_field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form_field.d.ts","sourceRoot":"","sources":["../../src/form/form_field.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAEnF,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IACzB,QAAQ,EAAE,CACR,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,EAC5B,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,KAC1B,KAAK,CAAC,YAAY,CAAC;CACzB,0FAcA"}
+{"version":3,"file":"form_field.d.ts","sourceRoot":"","sources":["../../src/form/form_field.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,KAAK,UAAU,EAAE,MAAM,uCAAuC,CAAC;AAExF,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IACzB,QAAQ,EAAE,CACR,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,EAC5B,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,KAC1B,KAAK,CAAC,YAAY,CAAC;CACzB,0FAcA"}

package/dist/form/form_field.js.map

@@ -1 +1 @@
-{"version":3,"file":"form_field.js","sources":["../../src/form/form_field.tsx"],"sourcesContent":["import { useCallback } from 'react';\nimport { useSignalValue } from '@tcn/state';\nimport { FieldPresenter, FieldState } from './field_presenters/field_presenter.js';\n\nexport function FormField<T>({\n  field,\n  children,\n}: {\n  field: FieldPresenter<T>;\n  children: (\n    state: FieldState<T>,\n    setValue: (value: T) => void,\n    validate: () => Promise<void>\n  ) => React.ReactElement;\n}) {\n  const state = useSignalValue(field.stateBroadcast);\n  const setValue = useCallback(\n    (value: T) => {\n      field.setValue(value);\n    },\n    [field]\n  );\n\n  const validate = useCallback(() => {\n    return field.validate();\n  }, [field]);\n\n  return children(state, setValue, validate);\n}\n"],"names":["FormField","field","children","state","useSignalValue","setValue","useCallback","value","validate"],"mappings":";;AAIO,SAASA,EAAa;AAAA,EAC3B,OAAAC;AAAA,EACA,UAAAC;AACF,GAOG;AACD,QAAMC,IAAQC,EAAeH,EAAM,cAAc,GAC3CI,IAAWC;AAAA,IACf,CAACC,MAAa;AACZ,MAAAN,EAAM,SAASM,CAAK;AAAA,IACtB;AAAA,IACA,CAACN,CAAK;AAAA,EAAA,GAGFO,IAAWF,EAAY,MACpBL,EAAM,SAAA,GACZ,CAACA,CAAK,CAAC;AAEV,SAAOC,EAASC,GAAOE,GAAUG,CAAQ;AAC3C;"}
+{"version":3,"file":"form_field.js","sources":["../../src/form/form_field.tsx"],"sourcesContent":["import { useCallback } from 'react';\nimport { useSignalValue } from '@tcn/state';\nimport { FieldPresenter, type FieldState } from './field_presenters/field_presenter.js';\n\nexport function FormField<T>({\n  field,\n  children,\n}: {\n  field: FieldPresenter<T>;\n  children: (\n    state: FieldState<T>,\n    setValue: (value: T) => void,\n    validate: () => Promise<void>\n  ) => React.ReactElement;\n}) {\n  const state = useSignalValue(field.stateBroadcast);\n  const setValue = useCallback(\n    (value: T) => {\n      field.setValue(value);\n    },\n    [field]\n  );\n\n  const validate = useCallback(() => {\n    return field.validate();\n  }, [field]);\n\n  return children(state, setValue, validate);\n}\n"],"names":["FormField","field","children","state","useSignalValue","setValue","useCallback","value","validate"],"mappings":";;AAIO,SAASA,EAAa;AAAA,EAC3B,OAAAC;AAAA,EACA,UAAAC;AACF,GAOG;AACD,QAAMC,IAAQC,EAAeH,EAAM,cAAc,GAC3CI,IAAWC;AAAA,IACf,CAACC,MAAa;AACZ,MAAAN,EAAM,SAASM,CAAK;AAAA,IACtB;AAAA,IACA,CAACN,CAAK;AAAA,EAAA,GAGFO,IAAWF,EAAY,MACpBL,EAAM,SAAA,GACZ,CAACA,CAAK,CAAC;AAEV,SAAOC,EAASC,GAAOE,GAAUG,CAAQ;AAC3C;"}

package/dist/form/index.d.ts

@@ -1,6 +1,15 @@
-export * from './form_field.js';
-export * from './field_presenters/field_presenter.js';
-export * from './field_presenters/options_field_presenter.js';
-export * from './field_set/field_set.js';
-export * from './form_field.js';
+export { type FieldControlOwnProps, type FieldControlProps, FieldControl, } from './field/common/field_control/field_control.js';
+export { AdornmentMap, type StatusInputState, type StatusInputOwnProps, type StatusInputProps, FieldStatusInput, } from './field/common/status_input/status_input.js';
+export { FieldDescription, type FieldDescriptionOwnProps, } from './field/common/field_description.js';
+export { type FieldErrorMessageOwnProps, FieldErrorMessage, } from './field/common/field_error.js';
+export { FieldHeader, type FieldHeaderProps, type FieldHeaderOwnProps, } from './field/common/field_header.js';
+export { FieldLabel, type FieldLabelOwnProps } from './field/common/field_label.js';
+export type { FieldInput } from './field/common/types.js';
+export { HField, type HFieldProps, type HFieldOwnProps, } from './field/h_field/h_field.js';
+export { VField, type VFieldProps, type VFieldOwnProps, } from './field/v_field/v_field.js';
+export { Field, type FieldProps } from './field/field.js';
+export { FieldPresenter, type FieldState, type FieldOptions, } from './field_presenters/field_presenter.js';
+export { OptionsFieldPresenter, type OptionsFieldState, type OptionsFieldOptions, } from './field_presenters/options_field_presenter.js';
+export { FieldSet, type FieldSetProps } from './field_set/field_set.js';
+export { FormField } from './form_field.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uCAAuC,CAAC;AACtD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,EACtB,YAAY,GACb,MAAM,+CAA+C,CAAC;AACvD,OAAO,EACL,YAAY,EACZ,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,gBAAgB,EACrB,gBAAgB,GACjB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EACL,gBAAgB,EAChB,KAAK,wBAAwB,GAC9B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,KAAK,yBAAyB,EAC9B,iBAAiB,GAClB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,GACzB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACpF,YAAY,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,cAAc,GACpB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,cAAc,GACpB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EACL,cAAc,EACd,KAAK,UAAU,EACf,KAAK,YAAY,GAClB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EACL,qBAAqB,EACrB,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,GACzB,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/form/index.js

@@ -1,11 +1,30 @@
-import { FormField as o } from "./form_field.js";
-import { FieldPresenter as i } from "./field_presenters/field_presenter.js";
-import { OptionsFieldPresenter as p } from "./field_presenters/options_field_presenter.js";
-import { FieldSet as d } from "./field_set/field_set.js";
+import { FieldControl as o } from "./field/common/field_control/field_control.js";
+import { AdornmentMap as p, FieldStatusInput as i } from "./field/common/status_input/status_input.js";
+import { FieldDescription as l } from "./field/common/field_description.js";
+import { FieldErrorMessage as F } from "./field/common/field_error.js";
+import { FieldHeader as x } from "./field/common/field_header.js";
+import { FieldLabel as s } from "./field/common/field_label.js";
+import { HField as u } from "./field/h_field/h_field.js";
+import { VField as M } from "./field/v_field/v_field.js";
+import { Field as S } from "./field/field.js";
+import { FieldPresenter as c } from "./field_presenters/field_presenter.js";
+import { OptionsFieldPresenter as A } from "./field_presenters/options_field_presenter.js";
+import { FieldSet as D } from "./field_set/field_set.js";
+import { FormField as I } from "./form_field.js";
 export {
-  i as FieldPresenter,
-  d as FieldSet,
-  o as FormField,
-  p as OptionsFieldPresenter
+  p as AdornmentMap,
+  S as Field,
+  o as FieldControl,
+  l as FieldDescription,
+  F as FieldErrorMessage,
+  x as FieldHeader,
+  s as FieldLabel,
+  c as FieldPresenter,
+  D as FieldSet,
+  i as FieldStatusInput,
+  I as FormField,
+  u as HField,
+  A as OptionsFieldPresenter,
+  M as VField
 };
 //# sourceMappingURL=index.js.map

package/dist/form/index.js.map

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

package/dist/h_body.css

@@ -0,0 +1 @@
+._h-body_d56f4f1{min-width:0;flex-grow:1;height:100%}

package/dist/inputs/phone_number_input/phone_number_input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"phone_number_input.d.ts","sourceRoot":"","sources":["../../../src/inputs/phone_number_input/phone_number_input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAQN,MAAM,OAAO,CAAC;AAUf,OAAO,EAAU,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAkF3D,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,UAAU,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAChD,mBAAmB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;CAChF;AAED,eAAO,MAAM,gBAAgB,2FAsN3B,CAAC"}
+{"version":3,"file":"phone_number_input.d.ts","sourceRoot":"","sources":["../../../src/inputs/phone_number_input/phone_number_input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAQN,MAAM,OAAO,CAAC;AAUf,OAAO,EAAU,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAuF3D,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,UAAU,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAChD,mBAAmB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;CAChF;AAED,eAAO,MAAM,gBAAgB,2FAsN3B,CAAC"}

package/dist/inputs/phone_number_input/phone_number_input.js

@@ -22,17 +22,28 @@ import '../../phone_number_input.css';const me = "_phone-number-input_5c4483d",
   value: o.code,
   keywords: o.keywords
 }));
-O.sort((o, t) => parseInt(o.value) - parseInt(t.value));
+O.sort((o, n) => parseInt(o.value) - parseInt(n.value));
 const x = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map();
 E.forEach((o) => {
   h.set(o.code, o), x.has(o.prefix) ? x.get(o.prefix)?.push(o) : x.set(o.prefix, [o]);
 });
 function be(o) {
   if (o != null) {
-    const t = {};
-    return o.forEach((n) => {
-      t[n] = !0;
-    }), O.filter((n) => !!t[n.value]).map((n, r) => /* @__PURE__ */ c(
+    const n = {};
+    return o.forEach((t) => {
+      n[t] = !0;
+    }), O.filter((t) => !!n[t.value]).map((t) => /* @__PURE__ */ c(
+      L,
+      {
+        value: t.value,
+        label: t.selectedLabel,
+        keywords: t.keywords,
+        children: t.optionLabel
+      },
+      t.value
+    ));
+  } else
+    return O.map((n) => /* @__PURE__ */ c(
       L,
       {
         value: n.value,
@@ -40,27 +51,25 @@ function be(o) {
         keywords: n.keywords,
         children: n.optionLabel
       },
-      r
+      n.value
     ));
-  } else
-    return O.map((t, n) => /* @__PURE__ */ c(L, { value: t.value, label: t.selectedLabel, keywords: t.keywords, children: t.optionLabel }, n));
 }
-function I(o, t, n) {
-  for (let r = 5; r > 1; r--) {
-    const g = o.slice(0, r), m = x.get(g);
+function I(o, n, t) {
+  for (let p = 5; p > 1; p--) {
+    const g = o.slice(0, p), m = x.get(g);
     if (m != null) {
       const s = m.find(
-        (f) => f.code === t
+        (f) => f.code === n
       );
       return s ?? m[0];
     }
   }
-  return h.get(n.toUpperCase()) || h.get("US");
+  return h.get(t.toUpperCase()) || h.get("US");
 }
 const Re = ee.forwardRef(function({
-  value: t = "",
-  defaultCountry: n = "US",
-  onChange: r,
+  value: n = "",
+  defaultCountry: t = "US",
+  onChange: p,
   countrySelectRef: g,
   phoneNumberInputRef: m,
   disabled: s = !1,
@@ -68,75 +77,75 @@ const Re = ee.forwardRef(function({
   children: V,
   ...W
 }, q) {
-  const P = oe(t), [R, S] = l(
+  const P = oe(n), [R, S] = l(
     null
-  ), $ = R != null, [i, B] = l(n), C = I(
-    t,
+  ), $ = R != null, [i, B] = l(t), v = I(
+    n,
     i,
-    n
+    t
   ), [b, M] = l(() => {
-    const e = t.split(C.prefix)[1];
+    const e = n.split(v.prefix)[1];
     return e == null ? "" : w(e);
-  }), F = H(() => ne.toArray(V).filter(
+  }), C = H(() => ne.toArray(V).filter(
     (e) => te(e) && e.type === L
-  ), [V]), U = F.length > 0, [j, d] = l(C.code), [D, k] = l([
+  ), [V]), F = C.length > 0, [U, d] = l(v.code), [D, k] = l([
     ...E[0].masks
   ]), G = H(() => be(f), [f]);
   function J(e) {
-    const u = h.get(e);
-    if (u == null || (d(u.code), k([...u.masks]), B(u.code), b == null))
+    const r = h.get(e);
+    if (r == null || (d(r.code), k([...r.masks]), B(r.code), b == null))
       return;
-    const p = `${u.prefix}${w(b)}`;
-    P.current = p, r && r(p);
+    const u = `${r.prefix}${w(b)}`;
+    P.current = u, p && p(u);
   }
   T(() => {
     const e = I(
-      t,
+      n,
       i,
-      n
+      t
     );
     d(e.code), k([...e.masks]), B(e.code);
-  }, [t, i, n]);
+  }, [n, i, t]);
   function K(e) {
-    const u = h.get(j)?.prefix, p = w(e), N = u + p;
-    P.current = N, b !== e && M(e), r && r(N);
+    const r = h.get(U)?.prefix, u = w(e), N = r + u;
+    P.current = N, b !== e && M(e), p && p(N);
   }
   function Q(e) {
     S($ ? null : e.currentTarget);
   }
-  function v() {
+  function j() {
     S(null);
   }
   function X(e) {
-    _(e), v();
+    _(e), j();
   }
   function Y(e) {
     if (e.startsWith("+")) {
-      const u = I(
+      const r = I(
         e,
         i,
-        n
+        t
       );
-      d(u.code), k([...u.masks]);
-      const p = e.split(u.prefix)[1];
-      return M(p), p;
+      d(r.code), k([...r.masks]);
+      const u = e.split(r.prefix)[1];
+      return M(u), u;
     }
     return e;
   }
   const _ = re(
     (e) => {
-      const u = P.current, p = I(
+      const r = P.current, u = I(
         e,
         i,
-        n
-      ), N = e.split(p.prefix)[1];
-      d(p.code), k([...p.masks]), B(p.code), u !== e && (M(N), r && r(e));
+        t
+      ), N = e.split(u.prefix)[1];
+      d(u.code), k([...u.masks]), B(u.code), r !== e && (M(N), p && p(e));
     },
-    [n, i, r]
+    [t, i, p]
   );
   return T(() => {
-    _(t);
-  }, [t, _]), /* @__PURE__ */ z(
+    _(n);
+  }, [n, _]), /* @__PURE__ */ z(
     A,
     {
       ref: q,
@@ -153,7 +162,7 @@ const Re = ee.forwardRef(function({
             ),
             ref: g,
             width: "auto",
-            value: j,
+            value: U,
             onChange: J,
             disabled: s,
             "data-is-disabled": s,
@@ -169,12 +178,12 @@ const Re = ee.forwardRef(function({
             onChange: K,
             disabled: s,
             "data-is-disabled": s,
-            "data-has-phone-book": U,
+            "data-has-phone-book": F,
             className: y(a["phone-number-input"], "phone-number-input"),
             preparePasteValue: Y
           }
         ) }),
-        U && /* @__PURE__ */ z(Z, { children: [
+        F && /* @__PURE__ */ z(Z, { children: [
           /* @__PURE__ */ c(
             ue,
             {
@@ -193,9 +202,9 @@ const Re = ee.forwardRef(function({
             {
               anchorElement: R,
               onOptionSelect: X,
-              onClose: v,
+              onClose: j,
               noSuggestionMessage: "No phone numbers found",
-              children: F
+              children: C
             }
           )
         ] })

package/dist/inputs/phone_number_input/phone_number_input.js.map

@@ -1 +1 @@
-{"version":3,"file":"phone_number_input.js","sources":["../../../src/inputs/phone_number_input/phone_number_input.tsx"],"sourcesContent":["import { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport classNames from 'classnames';\nimport React, {\n  useCallback,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  Children,\n  isValidElement,\n} from 'react';\nimport { SlimButton } from '../../actions/index.js';\nimport { Select } from '../select/select.js';\nimport { MaskInput } from '../mask_input/mask_input.js';\nimport {\n  CountryPhoneInformation,\n  countriesPhoneInformation,\n} from './countries_phone_information.js';\nimport styles from './phone_number_input.module.css';\nimport { NotebookIcon } from '@tcn/icons/notebook_icon.js';\nimport { Option, OptionProps } from '../options/option.js';\nimport { SuggestionList } from '../suggestions/suggestion_list.js';\nimport { stripNonNumericAfterCountryCode } from './utils.js';\n\nconst countryList = countriesPhoneInformation.map(i => ({\n  name: i.name,\n  selectedLabel: i.prefix,\n  optionLabel: `${i.prefix} (${i.code}) ${i.unicodeFlag}`,\n  value: i.code,\n  keywords: i.keywords,\n}));\n\ncountryList.sort((a, b) => parseInt(a.value) - parseInt(b.value));\n\nconst countryPrefixMap: Map<string, CountryPhoneInformation[]> = new Map();\nconst countryCodeMap: Map<string, CountryPhoneInformation> = new Map();\ncountriesPhoneInformation.forEach(i => {\n  countryCodeMap.set(i.code, i);\n  if (countryPrefixMap.has(i.prefix)) {\n    countryPrefixMap.get(i.prefix)?.push(i);\n  } else {\n    countryPrefixMap.set(i.prefix, [i]);\n  }\n});\n\nfunction createCountryOptions(allowedCountryCodes?: string[]) {\n  if (allowedCountryCodes != null) {\n    const allowedMap: Record<string, boolean> = {};\n    allowedCountryCodes.forEach(c => {\n      allowedMap[c] = true;\n    });\n    return countryList\n      .filter(c => Boolean(allowedMap[c.value]))\n      .map((i, index) => {\n        return (\n          <Option\n            key={index}\n            value={i.value}\n            label={i.selectedLabel}\n            keywords={i.keywords}\n          >\n            {i.optionLabel}\n          </Option>\n        );\n      });\n  } else {\n    return countryList.map((i, index) => {\n      return (\n        <Option key={index} value={i.value} label={i.selectedLabel} keywords={i.keywords}>\n          {i.optionLabel}\n        </Option>\n      );\n    });\n  }\n}\n\nfunction getCountryCodeFromValue(\n  value: string,\n  previousCountry: string,\n  defaultCountry: string\n) {\n  for (let x = 5; x > 1; x--) {\n    const prefix = value.slice(0, x);\n    const countriesInformation = countryPrefixMap.get(prefix);\n\n    if (countriesInformation != null) {\n      const countryInformation = countriesInformation.find(\n        c => c.code === previousCountry\n      );\n\n      if (countryInformation != null) {\n        return countryInformation;\n      } else {\n        return countriesInformation[0];\n      }\n    }\n  }\n\n  return (countryCodeMap.get(defaultCountry.toUpperCase()) ||\n    countryCodeMap.get('US')) as CountryPhoneInformation;\n}\n\nexport interface PhoneNumberInputProps\n  extends Omit<HStackProps, 'onChange' | 'children'> {\n  value?: string;\n  defaultCountry?: string;\n  onChange?: (value: string) => void;\n  countrySelectRef?: React.Ref<HTMLButtonElement>;\n  phoneNumberInputRef?: React.Ref<HTMLInputElement>;\n  disabled?: boolean;\n  allowedCountryCodes?: string[];\n  children?: React.ReactElement<OptionProps> | React.ReactElement<OptionProps>[];\n}\n\nexport const PhoneNumberInput = React.forwardRef(function PhoneNumberInput(\n  {\n    value = '',\n    defaultCountry = 'US',\n    onChange,\n    countrySelectRef: countryRef,\n    phoneNumberInputRef: numberRef,\n    disabled = false,\n    allowedCountryCodes,\n    children,\n    ...props\n  }: PhoneNumberInputProps,\n  ref: React.Ref<HTMLElement>\n) {\n  const lastOutputValueRef = useRef(value);\n  const [phoneBookElement, setPhoneBookElement] = useState<HTMLButtonElement | null>(\n    null\n  );\n  const isPhoneBookOpen = phoneBookElement != null;\n  const [selectedCountry, setSelectedCountry] = useState(defaultCountry);\n  const countryInformation = getCountryCodeFromValue(\n    value,\n    selectedCountry,\n    defaultCountry\n  );\n  const [phoneNumber, setPhoneNumber] = useState(() => {\n    const phoneNumber = value.split(countryInformation.prefix)[1];\n\n    return phoneNumber == null ? '' : stripNonNumericAfterCountryCode(phoneNumber);\n  });\n\n  // Extract valid Option components from children\n  const phoneBookOptions = useMemo(() => {\n    return Children.toArray(children).filter(\n      (child): child is React.ReactElement<OptionProps> =>\n        isValidElement(child) && child.type === Option\n    );\n  }, [children]);\n\n  const showPhoneBook = phoneBookOptions.length > 0;\n  const [countryCode, setCountryCode] = useState(countryInformation.code);\n  const [currentMasks, setCurrentMasks] = useState([\n    ...countriesPhoneInformation[0].masks,\n  ]);\n\n  const countryOptions = useMemo(() => {\n    return createCountryOptions(allowedCountryCodes);\n  }, [allowedCountryCodes]);\n\n  function changeCountry(countryCodeValue: string) {\n    const countryInformation = countryCodeMap.get(countryCodeValue);\n\n    if (countryInformation == null) {\n      return;\n    }\n\n    setCountryCode(countryInformation.code);\n    setCurrentMasks([...countryInformation.masks]);\n    setSelectedCountry(countryInformation.code);\n\n    if (phoneNumber == null) {\n      return;\n    }\n\n    const value = `${countryInformation.prefix}${stripNonNumericAfterCountryCode(phoneNumber)}`;\n    lastOutputValueRef.current = value;\n    onChange && onChange(value);\n  }\n\n  useLayoutEffect(() => {\n    const countryInformation = getCountryCodeFromValue(\n      value,\n      selectedCountry,\n      defaultCountry\n    );\n    setCountryCode(countryInformation.code);\n    setCurrentMasks([...countryInformation.masks]);\n    setSelectedCountry(countryInformation.code);\n  }, [value, selectedCountry, defaultCountry]);\n\n  function transformValue(newPhoneNumber: string) {\n    const countryPrefix = countryCodeMap.get(countryCode)?.prefix;\n    const lineNumber = stripNonNumericAfterCountryCode(newPhoneNumber);\n    const outputValue = countryPrefix + lineNumber;\n\n    lastOutputValueRef.current = outputValue;\n    phoneNumber !== newPhoneNumber && setPhoneNumber(newPhoneNumber);\n    onChange && onChange(outputValue);\n  }\n\n  function togglePhoneBook(e: React.MouseEvent<HTMLButtonElement>) {\n    if (isPhoneBookOpen) {\n      setPhoneBookElement(null);\n    } else {\n      setPhoneBookElement(e.currentTarget);\n    }\n  }\n\n  function closePhoneBook() {\n    setPhoneBookElement(null);\n  }\n\n  function handlePhoneBookOptionSelect(value: string) {\n    // Update the phone number with the selected value\n    updatePhoneNumber(value);\n    closePhoneBook();\n  }\n\n  function preparePasteValue(value: string) {\n    if (value.startsWith('+')) {\n      const countryInformation = getCountryCodeFromValue(\n        value,\n        selectedCountry,\n        defaultCountry\n      );\n      setCountryCode(countryInformation.code);\n      setCurrentMasks([...countryInformation.masks]);\n\n      const phoneNumber = value.split(countryInformation.prefix)[1];\n      setPhoneNumber(phoneNumber);\n\n      return phoneNumber;\n    }\n\n    return value;\n  }\n\n  const updatePhoneNumber = useCallback(\n    (value: string) => {\n      const oldValue = lastOutputValueRef.current;\n      const countryInformation = getCountryCodeFromValue(\n        value,\n        selectedCountry,\n        defaultCountry\n      );\n      const phoneNumber = value.split(countryInformation.prefix)[1];\n      setCountryCode(countryInformation.code);\n      setCurrentMasks([...countryInformation.masks]);\n      setSelectedCountry(countryInformation.code);\n\n      if (oldValue !== value) {\n        setPhoneNumber(phoneNumber);\n        onChange && onChange(value);\n      }\n    },\n    [defaultCountry, selectedCountry, onChange]\n  );\n\n  useLayoutEffect(() => {\n    updatePhoneNumber(value);\n  }, [value, updatePhoneNumber]);\n\n  return (\n    <HStack\n      ref={ref}\n      className={classNames(styles['phone-number-input'], 'phone-number-input')}\n      height=\"auto\"\n      {...props}\n    >\n      <Select\n        className={classNames(\n          styles['phone-number-input-select'],\n          'phone-number-input-select'\n        )}\n        ref={countryRef}\n        width=\"auto\"\n        value={countryCode}\n        onChange={changeCountry}\n        disabled={disabled}\n        data-is-disabled={disabled}\n      >\n        {countryOptions}\n      </Select>\n      <HStack width=\"flex\" className={styles['phone-number-input-container']}>\n        <MaskInput\n          ref={numberRef}\n          value={phoneNumber}\n          mask={currentMasks}\n          onChange={transformValue}\n          disabled={disabled}\n          data-is-disabled={disabled}\n          data-has-phone-book={showPhoneBook}\n          className={classNames(styles['phone-number-input'], 'phone-number-input')}\n          preparePasteValue={preparePasteValue}\n        />\n      </HStack>\n      {showPhoneBook && (\n        <>\n          <SlimButton\n            disabled={disabled}\n            className={classNames(\n              styles['phone-number-input-phone-book'],\n              'phone-number-input-phone-book'\n            )}\n            onClick={togglePhoneBook}\n            size=\"md\"\n          >\n            <NotebookIcon size=\"md\" />\n          </SlimButton>\n\n          {isPhoneBookOpen && (\n            <SuggestionList\n              anchorElement={phoneBookElement}\n              onOptionSelect={handlePhoneBookOptionSelect}\n              onClose={closePhoneBook}\n              noSuggestionMessage=\"No phone numbers found\"\n            >\n              {phoneBookOptions}\n            </SuggestionList>\n          )}\n        </>\n      )}\n    </HStack>\n  );\n});\n"],"names":["countryList","countriesPhoneInformation","i","a","b","countryPrefixMap","countryCodeMap","createCountryOptions","allowedCountryCodes","allowedMap","c","index","jsx","Option","getCountryCodeFromValue","value","previousCountry","defaultCountry","x","prefix","countriesInformation","countryInformation","PhoneNumberInput","React","onChange","countryRef","numberRef","disabled","children","props","ref","lastOutputValueRef","useRef","phoneBookElement","setPhoneBookElement","useState","isPhoneBookOpen","selectedCountry","setSelectedCountry","phoneNumber","setPhoneNumber","stripNonNumericAfterCountryCode","phoneBookOptions","useMemo","Children","child","isValidElement","showPhoneBook","countryCode","setCountryCode","currentMasks","setCurrentMasks","countryOptions","changeCountry","countryCodeValue","useLayoutEffect","transformValue","newPhoneNumber","countryPrefix","lineNumber","outputValue","togglePhoneBook","closePhoneBook","handlePhoneBookOptionSelect","updatePhoneNumber","preparePasteValue","useCallback","oldValue","jsxs","HStack","classNames","styles","Select","MaskInput","Fragment","SlimButton","NotebookIcon","SuggestionList"],"mappings":"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"}
+{"version":3,"file":"phone_number_input.js","sources":["../../../src/inputs/phone_number_input/phone_number_input.tsx"],"sourcesContent":["import { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport classNames from 'classnames';\nimport React, {\n  useCallback,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  Children,\n  isValidElement,\n} from 'react';\nimport { SlimButton } from '../../actions/index.js';\nimport { Select } from '../select/select.js';\nimport { MaskInput } from '../mask_input/mask_input.js';\nimport {\n  CountryPhoneInformation,\n  countriesPhoneInformation,\n} from './countries_phone_information.js';\nimport styles from './phone_number_input.module.css';\nimport { NotebookIcon } from '@tcn/icons/notebook_icon.js';\nimport { Option, OptionProps } from '../options/option.js';\nimport { SuggestionList } from '../suggestions/suggestion_list.js';\nimport { stripNonNumericAfterCountryCode } from './utils.js';\n\nconst countryList = countriesPhoneInformation.map(i => ({\n  name: i.name,\n  selectedLabel: i.prefix,\n  optionLabel: `${i.prefix} (${i.code}) ${i.unicodeFlag}`,\n  value: i.code,\n  keywords: i.keywords,\n}));\n\ncountryList.sort((a, b) => parseInt(a.value) - parseInt(b.value));\n\nconst countryPrefixMap: Map<string, CountryPhoneInformation[]> = new Map();\nconst countryCodeMap: Map<string, CountryPhoneInformation> = new Map();\ncountriesPhoneInformation.forEach(i => {\n  countryCodeMap.set(i.code, i);\n  if (countryPrefixMap.has(i.prefix)) {\n    countryPrefixMap.get(i.prefix)?.push(i);\n  } else {\n    countryPrefixMap.set(i.prefix, [i]);\n  }\n});\n\nfunction createCountryOptions(allowedCountryCodes?: string[]) {\n  if (allowedCountryCodes != null) {\n    const allowedMap: Record<string, boolean> = {};\n    allowedCountryCodes.forEach(c => {\n      allowedMap[c] = true;\n    });\n    return countryList\n      .filter(c => Boolean(allowedMap[c.value]))\n      .map(i => {\n        return (\n          <Option\n            key={i.value}\n            value={i.value}\n            label={i.selectedLabel}\n            keywords={i.keywords}\n          >\n            {i.optionLabel}\n          </Option>\n        );\n      });\n  } else {\n    return countryList.map(i => {\n      return (\n        <Option\n          key={i.value}\n          value={i.value}\n          label={i.selectedLabel}\n          keywords={i.keywords}\n        >\n          {i.optionLabel}\n        </Option>\n      );\n    });\n  }\n}\n\nfunction getCountryCodeFromValue(\n  value: string,\n  previousCountry: string,\n  defaultCountry: string\n) {\n  for (let x = 5; x > 1; x--) {\n    const prefix = value.slice(0, x);\n    const countriesInformation = countryPrefixMap.get(prefix);\n\n    if (countriesInformation != null) {\n      const countryInformation = countriesInformation.find(\n        c => c.code === previousCountry\n      );\n\n      if (countryInformation != null) {\n        return countryInformation;\n      } else {\n        return countriesInformation[0];\n      }\n    }\n  }\n\n  return (countryCodeMap.get(defaultCountry.toUpperCase()) ||\n    countryCodeMap.get('US')) as CountryPhoneInformation;\n}\n\nexport interface PhoneNumberInputProps\n  extends Omit<HStackProps, 'onChange' | 'children'> {\n  value?: string;\n  defaultCountry?: string;\n  onChange?: (value: string) => void;\n  countrySelectRef?: React.Ref<HTMLButtonElement>;\n  phoneNumberInputRef?: React.Ref<HTMLInputElement>;\n  disabled?: boolean;\n  allowedCountryCodes?: string[];\n  children?: React.ReactElement<OptionProps> | React.ReactElement<OptionProps>[];\n}\n\nexport const PhoneNumberInput = React.forwardRef(function PhoneNumberInput(\n  {\n    value = '',\n    defaultCountry = 'US',\n    onChange,\n    countrySelectRef: countryRef,\n    phoneNumberInputRef: numberRef,\n    disabled = false,\n    allowedCountryCodes,\n    children,\n    ...props\n  }: PhoneNumberInputProps,\n  ref: React.Ref<HTMLElement>\n) {\n  const lastOutputValueRef = useRef(value);\n  const [phoneBookElement, setPhoneBookElement] = useState<HTMLButtonElement | null>(\n    null\n  );\n  const isPhoneBookOpen = phoneBookElement != null;\n  const [selectedCountry, setSelectedCountry] = useState(defaultCountry);\n  const countryInformation = getCountryCodeFromValue(\n    value,\n    selectedCountry,\n    defaultCountry\n  );\n  const [phoneNumber, setPhoneNumber] = useState(() => {\n    const phoneNumber = value.split(countryInformation.prefix)[1];\n\n    return phoneNumber == null ? '' : stripNonNumericAfterCountryCode(phoneNumber);\n  });\n\n  // Extract valid Option components from children\n  const phoneBookOptions = useMemo(() => {\n    return Children.toArray(children).filter(\n      (child): child is React.ReactElement<OptionProps> =>\n        isValidElement(child) && child.type === Option\n    );\n  }, [children]);\n\n  const showPhoneBook = phoneBookOptions.length > 0;\n  const [countryCode, setCountryCode] = useState(countryInformation.code);\n  const [currentMasks, setCurrentMasks] = useState([\n    ...countriesPhoneInformation[0].masks,\n  ]);\n\n  const countryOptions = useMemo(() => {\n    return createCountryOptions(allowedCountryCodes);\n  }, [allowedCountryCodes]);\n\n  function changeCountry(countryCodeValue: string) {\n    const countryInformation = countryCodeMap.get(countryCodeValue);\n\n    if (countryInformation == null) {\n      return;\n    }\n\n    setCountryCode(countryInformation.code);\n    setCurrentMasks([...countryInformation.masks]);\n    setSelectedCountry(countryInformation.code);\n\n    if (phoneNumber == null) {\n      return;\n    }\n\n    const value = `${countryInformation.prefix}${stripNonNumericAfterCountryCode(phoneNumber)}`;\n    lastOutputValueRef.current = value;\n    onChange && onChange(value);\n  }\n\n  useLayoutEffect(() => {\n    const countryInformation = getCountryCodeFromValue(\n      value,\n      selectedCountry,\n      defaultCountry\n    );\n    setCountryCode(countryInformation.code);\n    setCurrentMasks([...countryInformation.masks]);\n    setSelectedCountry(countryInformation.code);\n  }, [value, selectedCountry, defaultCountry]);\n\n  function transformValue(newPhoneNumber: string) {\n    const countryPrefix = countryCodeMap.get(countryCode)?.prefix;\n    const lineNumber = stripNonNumericAfterCountryCode(newPhoneNumber);\n    const outputValue = countryPrefix + lineNumber;\n\n    lastOutputValueRef.current = outputValue;\n    phoneNumber !== newPhoneNumber && setPhoneNumber(newPhoneNumber);\n    onChange && onChange(outputValue);\n  }\n\n  function togglePhoneBook(e: React.MouseEvent<HTMLButtonElement>) {\n    if (isPhoneBookOpen) {\n      setPhoneBookElement(null);\n    } else {\n      setPhoneBookElement(e.currentTarget);\n    }\n  }\n\n  function closePhoneBook() {\n    setPhoneBookElement(null);\n  }\n\n  function handlePhoneBookOptionSelect(value: string) {\n    // Update the phone number with the selected value\n    updatePhoneNumber(value);\n    closePhoneBook();\n  }\n\n  function preparePasteValue(value: string) {\n    if (value.startsWith('+')) {\n      const countryInformation = getCountryCodeFromValue(\n        value,\n        selectedCountry,\n        defaultCountry\n      );\n      setCountryCode(countryInformation.code);\n      setCurrentMasks([...countryInformation.masks]);\n\n      const phoneNumber = value.split(countryInformation.prefix)[1];\n      setPhoneNumber(phoneNumber);\n\n      return phoneNumber;\n    }\n\n    return value;\n  }\n\n  const updatePhoneNumber = useCallback(\n    (value: string) => {\n      const oldValue = lastOutputValueRef.current;\n      const countryInformation = getCountryCodeFromValue(\n        value,\n        selectedCountry,\n        defaultCountry\n      );\n      const phoneNumber = value.split(countryInformation.prefix)[1];\n      setCountryCode(countryInformation.code);\n      setCurrentMasks([...countryInformation.masks]);\n      setSelectedCountry(countryInformation.code);\n\n      if (oldValue !== value) {\n        setPhoneNumber(phoneNumber);\n        onChange && onChange(value);\n      }\n    },\n    [defaultCountry, selectedCountry, onChange]\n  );\n\n  useLayoutEffect(() => {\n    updatePhoneNumber(value);\n  }, [value, updatePhoneNumber]);\n\n  return (\n    <HStack\n      ref={ref}\n      className={classNames(styles['phone-number-input'], 'phone-number-input')}\n      height=\"auto\"\n      {...props}\n    >\n      <Select\n        className={classNames(\n          styles['phone-number-input-select'],\n          'phone-number-input-select'\n        )}\n        ref={countryRef}\n        width=\"auto\"\n        value={countryCode}\n        onChange={changeCountry}\n        disabled={disabled}\n        data-is-disabled={disabled}\n      >\n        {countryOptions}\n      </Select>\n      <HStack width=\"flex\" className={styles['phone-number-input-container']}>\n        <MaskInput\n          ref={numberRef}\n          value={phoneNumber}\n          mask={currentMasks}\n          onChange={transformValue}\n          disabled={disabled}\n          data-is-disabled={disabled}\n          data-has-phone-book={showPhoneBook}\n          className={classNames(styles['phone-number-input'], 'phone-number-input')}\n          preparePasteValue={preparePasteValue}\n        />\n      </HStack>\n      {showPhoneBook && (\n        <>\n          <SlimButton\n            disabled={disabled}\n            className={classNames(\n              styles['phone-number-input-phone-book'],\n              'phone-number-input-phone-book'\n            )}\n            onClick={togglePhoneBook}\n            size=\"md\"\n          >\n            <NotebookIcon size=\"md\" />\n          </SlimButton>\n\n          {isPhoneBookOpen && (\n            <SuggestionList\n              anchorElement={phoneBookElement}\n              onOptionSelect={handlePhoneBookOptionSelect}\n              onClose={closePhoneBook}\n              noSuggestionMessage=\"No phone numbers found\"\n            >\n              {phoneBookOptions}\n            </SuggestionList>\n          )}\n        </>\n      )}\n    </HStack>\n  );\n});\n"],"names":["countryList","countriesPhoneInformation","i","a","b","countryPrefixMap","countryCodeMap","createCountryOptions","allowedCountryCodes","allowedMap","c","jsx","Option","getCountryCodeFromValue","value","previousCountry","defaultCountry","x","prefix","countriesInformation","countryInformation","PhoneNumberInput","React","onChange","countryRef","numberRef","disabled","children","props","ref","lastOutputValueRef","useRef","phoneBookElement","setPhoneBookElement","useState","isPhoneBookOpen","selectedCountry","setSelectedCountry","phoneNumber","setPhoneNumber","stripNonNumericAfterCountryCode","phoneBookOptions","useMemo","Children","child","isValidElement","showPhoneBook","countryCode","setCountryCode","currentMasks","setCurrentMasks","countryOptions","changeCountry","countryCodeValue","useLayoutEffect","transformValue","newPhoneNumber","countryPrefix","lineNumber","outputValue","togglePhoneBook","closePhoneBook","handlePhoneBookOptionSelect","updatePhoneNumber","preparePasteValue","useCallback","oldValue","jsxs","HStack","classNames","styles","Select","MaskInput","Fragment","SlimButton","NotebookIcon","SuggestionList"],"mappings":"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"}

package/dist/layouts/body/h_body.d.ts

@@ -0,0 +1,6 @@
+import { HStackProps } from '../../stacks/h_stack.js';
+import { default as React } from 'react';
+export interface HBodyProps extends Omit<HStackProps, 'as'> {
+}
+export declare const HBody: React.ForwardRefExoticComponent<HBodyProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=h_body.d.ts.map

package/dist/layouts/body/h_body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"h_body.d.ts","sourceRoot":"","sources":["../../../src/layouts/body/h_body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC;CAAG;AAE9D,eAAO,MAAM,KAAK,gFAehB,CAAC"}

package/dist/layouts/body/h_body.js

@@ -0,0 +1,21 @@
+import { jsx as m } from "react/jsx-runtime";
+import { HStack as a } from "../../stacks/h_stack.js";
+import c from "react";
+import f from "classnames";
+import '../../h_body.css';const y = "_h-body_d56f4f1", e = { "h-body": y }, l = c.forwardRef(function({ children: o, className: t, overflowX: r = "auto", ...s }, d) {
+  return /* @__PURE__ */ m(
+    a,
+    {
+      ref: d,
+      as: "div",
+      overflowX: r,
+      className: f(e["h-body"], t, "tcn-h-body", "body"),
+      ...s,
+      children: o
+    }
+  );
+});
+export {
+  l as HBody
+};
+//# sourceMappingURL=h_body.js.map

package/dist/layouts/body/h_body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"h_body.js","sources":["../../../src/layouts/body/h_body.tsx"],"sourcesContent":["import { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport React from 'react';\nimport classNames from 'classnames';\nimport styles from './h_body.module.css';\n\nexport interface HBodyProps extends Omit<HStackProps, 'as'> {}\n\nexport const HBody = React.forwardRef<HTMLElement, HBodyProps>(function HBody(\n  { children, className, overflowX = 'auto', ...props }: HBodyProps,\n  ref\n) {\n  return (\n    <HStack\n      ref={ref}\n      as=\"div\"\n      overflowX={overflowX}\n      className={classNames(styles['h-body'], className, 'tcn-h-body', 'body')}\n      {...props}\n    >\n      {children}\n    </HStack>\n  );\n});\n"],"names":["HBody","React","children","className","overflowX","props","ref","jsx","HStack","classNames","styles"],"mappings":";;;;kDAOaA,IAAQC,EAAM,WAAoC,SAC7D,EAAE,UAAAC,GAAU,WAAAC,GAAW,WAAAC,IAAY,QAAQ,GAAGC,EAAA,GAC9CC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAAF;AAAA,MACA,WAAWK,EAAWC,EAAO,QAAQ,GAAGP,GAAW,cAAc,MAAM;AAAA,MACtE,GAAGE;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/layouts/body/v_body.d.ts

@@ -0,0 +1,6 @@
+import { VStackProps } from '../../stacks/v_stack.js';
+import { default as React } from 'react';
+export interface VBodyProps extends Omit<VStackProps, 'as'> {
+}
+export declare const VBody: React.ForwardRefExoticComponent<VBodyProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=v_body.d.ts.map