@tcn/ui 0.12.6 → 0.13.0

package/dist/aside.css

@@ -0,0 +1 @@
+@layer tcn-system{._aside_e8b6b1e{height:100%}}

package/dist/body.css

@@ -1 +1 @@
-@layer tcn-system{._body_42a1eac{min-height:0;min-width:0;flex-grow:1;flex-shrink:unset}._h-body_cda9f1f{overflow-x:auto}._v-body_a12af62{overflow-y:auto}}
+@layer tcn-system{._body_42a1eac{min-height:0;min-width:0;flex-grow:1;flex-shrink:unset}}

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

@@ -5,6 +5,7 @@ import { OptionProps } from '../options/option.js';
 export interface PhoneNumberInputProps extends Omit<HStackProps, 'onChange' | 'children'> {
     value?: string;
     allowSip?: boolean;
+    sipAutoComplete?: string;
     onChange: (value?: string) => void;
     defaultCountry?: string;
     allowedCountryCodes?: string[];
@@ -21,5 +22,5 @@ export interface PhoneNumberInputProps extends Omit<HStackProps, 'onChange' | 'c
     ariaPhoneBookButtonLabel?: string;
     children?: React.ReactElement<OptionProps> | React.ReactElement<OptionProps>[];
 }
-export declare function PhoneNumberInput({ value, allowSip, onChange, defaultCountry, allowedCountryCodes: countries, disabled, name, 'aria-label': ariaLabel, autoFocus, placeholder, onCountryChange, limitMaxLength, ariaSelectLabel, ariaPhoneBookButtonLabel, children, ...props }: PhoneNumberInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function PhoneNumberInput({ value, allowSip, onChange, defaultCountry, allowedCountryCodes: countries, disabled, name, 'aria-label': ariaLabel, autoFocus, placeholder, onCountryChange, limitMaxLength, ariaSelectLabel, ariaPhoneBookButtonLabel, sipAutoComplete, children, ...props }: PhoneNumberInputProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=phone_number_input.d.ts.map

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,KAA0B,MAAM,OAAO,CAAC;AAE/C,OAAO,oCAAoC,CAAC;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAInE,OAAO,EAAE,KAAK,WAAW,EAAU,MAAM,sBAAsB,CAAC;AAMhE,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,UAAU,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;CAChF;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAU,EACV,QAAe,EACf,QAAQ,EACR,cAAqB,EACrB,mBAAmB,EAAE,SAAS,EAC9B,QAAQ,EACR,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,WAAW,EACX,eAAe,EACf,cAAc,EACd,eAAe,EACf,wBAAwB,EACxB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,2CA4GvB"}
+{"version":3,"file":"phone_number_input.d.ts","sourceRoot":"","sources":["../../../src/inputs/phone_number_input/phone_number_input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,OAAO,oCAAoC,CAAC;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAInE,OAAO,EAAE,KAAK,WAAW,EAAU,MAAM,sBAAsB,CAAC;AAMhE,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,UAAU,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;CAChF;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAU,EACV,QAAe,EACf,QAAQ,EACR,cAAqB,EACrB,mBAAmB,EAAE,SAAS,EAC9B,QAAQ,EACR,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,WAAW,EACX,eAAe,EACf,cAAc,EACd,eAAe,EACf,wBAAwB,EACxB,eAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,2CA6GvB"}

package/dist/inputs/phone_number_input/phone_number_input.js

@@ -1,17 +1,17 @@
 import { jsx as r } from "react/jsx-runtime";
 import e, { useLayoutEffect as x } from "react";
-import w from "react-phone-number-input";
+import B from "react-phone-number-input";
 import "react-phone-number-input/style.css";
-import { HStack as B } from "../../stacks/h_stack.js";
+import { HStack as H } from "../../stacks/h_stack.js";
 import { PhoneBookProvider as _ } from "./phone_number_context.js";
-import { PhoneNumberCountrySelectAdapter as H } from "./phone_number_country_select_adapter.js";
-import { Option as L } from "../options/option.js";
-import { PhoneNumberInputAdapter as R } from "./phone_number_input_adapter.js";
-import { clsx as U } from "clsx";
-import { SipInput as W } from "./sip_input.js";
-import { defaultCountries as q } from "./countries_phone_information.js";
-import '../../phone_number_input.css';const z = "_phone-number-input_5c4483d", D = { "phone-number-input": z };
-function tt({
+import { PhoneNumberCountrySelectAdapter as L } from "./phone_number_country_select_adapter.js";
+import { Option as R } from "../options/option.js";
+import { PhoneNumberInputAdapter as U } from "./phone_number_input_adapter.js";
+import { clsx as W } from "clsx";
+import { SipInput as q } from "./sip_input.js";
+import { defaultCountries as z } from "./countries_phone_information.js";
+import '../../phone_number_input.css';const D = "_phone-number-input_5c4483d", F = { "phone-number-input": D };
+function et({
   value: t = "",
   allowSip: m = !0,
   onChange: n,
@@ -26,21 +26,22 @@ function tt({
   limitMaxLength: V,
   ariaSelectLabel: l,
   ariaPhoneBookButtonLabel: d,
+  sipAutoComplete: E,
   children: h,
-  ...E
+  ...M
 }) {
-  const [u, b] = e.useState(!1), o = t?.toLocaleLowerCase().startsWith("sip:") || !1, [y, M] = e.useState(o ? "" : t), [N, C] = e.useState(
+  const [u, b] = e.useState(!1), o = t?.toLocaleLowerCase().startsWith("sip:") || !1, [y, j] = e.useState(o ? "" : t), [N, C] = e.useState(
     o ? t?.substring(4).trim() : ""
-  ), [I, j] = e.useState(
+  ), [I, w] = e.useState(
     k
   );
-  s = s || q, x(() => {
+  s = s || z, x(() => {
     o && C(t?.substring(4).trim() || "");
   }, [o, t]), x(() => {
     u && b(!1);
   }, [u]);
   const S = e.useMemo(() => e.Children.toArray(h).filter(
-    (P) => e.isValidElement(P) && P.type === L
+    (P) => e.isValidElement(P) && P.type === R
   ), [h]), A = e.useMemo(() => ({
     value: t,
     allowSip: m,
@@ -49,11 +50,11 @@ function tt({
     ariaPhoneBookButtonLabel: d,
     ariaSelectLabel: l,
     disabled: p,
-    setCountry: j,
+    setCountry: w,
     sipAddress: N,
     setSipAddress: C,
     cachedNumber: y,
-    setCachedNumber: M,
+    setCachedNumber: j,
     focusNumberInput: u,
     setFocusNumberInput: b
   }), [
@@ -69,7 +70,7 @@ function tt({
     u
   ]);
   return o ? /* @__PURE__ */ r(_, { value: A, children: /* @__PURE__ */ r(
-    W,
+    q,
     {
       onChange: n,
       disabled: p,
@@ -77,18 +78,19 @@ function tt({
       "aria-label": f,
       autoFocus: c,
       placeholder: a,
-      countries: s
+      countries: s,
+      sipAutoComplete: E
     }
-  ) }) : /* @__PURE__ */ r(_, { value: A, children: /* @__PURE__ */ r(B, { ...E, children: /* @__PURE__ */ r(
-    w,
+  ) }) : /* @__PURE__ */ r(_, { value: A, children: /* @__PURE__ */ r(H, { ...M, children: /* @__PURE__ */ r(
+    B,
     {
       value: t,
       onChange: n,
       defaultCountry: I,
       country: I,
       countries: s,
-      countrySelectComponent: H,
-      inputComponent: R,
+      countrySelectComponent: L,
+      inputComponent: U,
       disabled: p,
       name: i,
       "aria-label": f,
@@ -96,8 +98,8 @@ function tt({
       placeholder: a,
       onCountryChange: O,
       limitMaxLength: V,
-      className: U(
-        D["phone-number-input"],
+      className: W(
+        F["phone-number-input"],
         "tcn-phone-number-input",
         "tcn-control-set"
       ),
@@ -107,6 +109,6 @@ function tt({
   ) }) });
 }
 export {
-  tt as PhoneNumberInput
+  et as PhoneNumberInput
 };
 //# sourceMappingURL=phone_number_input.js.map

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 React, { useLayoutEffect } from 'react';\nimport PhoneInput from 'react-phone-number-input';\nimport 'react-phone-number-input/style.css';\nimport type { CountryCode } from 'libphonenumber-js';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport styles from './phone_number_input.module.css';\nimport { PhoneBookProvider, type PhoneContext } from './phone_number_context.js';\nimport { PhoneNumberCountrySelectAdapter } from './phone_number_country_select_adapter.js';\nimport { type OptionProps, Option } from '../options/option.js';\nimport { PhoneNumberInputAdapter } from './phone_number_input_adapter.js';\nimport { clsx } from 'clsx';\nimport { SipInput } from './sip_input.js';\nimport { defaultCountries } from './countries_phone_information.js';\n\nexport interface PhoneNumberInputProps\n  extends Omit<HStackProps, 'onChange' | 'children'> {\n  value?: string;\n  allowSip?: boolean;\n  onChange: (value?: string) => void;\n  defaultCountry?: string;\n  allowedCountryCodes?: string[];\n  disabled?: boolean;\n  name?: string;\n  'aria-label'?: string;\n  autoFocus?: boolean;\n  placeholder?: string;\n  className?: string;\n  width?: string;\n  onCountryChange?: (country: CountryCode) => void;\n  limitMaxLength?: boolean;\n  ariaSelectLabel?: string;\n  ariaPhoneBookButtonLabel?: string;\n  children?: React.ReactElement<OptionProps> | React.ReactElement<OptionProps>[];\n}\n\nexport function PhoneNumberInput({\n  value = '',\n  allowSip = true,\n  onChange,\n  defaultCountry = 'US',\n  allowedCountryCodes: countries,\n  disabled,\n  name,\n  'aria-label': ariaLabel,\n  autoFocus,\n  placeholder,\n  onCountryChange,\n  limitMaxLength,\n  ariaSelectLabel,\n  ariaPhoneBookButtonLabel,\n  children,\n  ...props\n}: PhoneNumberInputProps) {\n  const [focusNumberInput, setFocusNumberInput] = React.useState<boolean>(false);\n  const isSip = value?.toLocaleLowerCase().startsWith('sip:') || false;\n  const [cachedNumber, setCachedNumber] = React.useState<string>(isSip ? '' : value);\n  const [sipAddress, setSipAddress] = React.useState<string>(\n    isSip ? value?.substring(4).trim() : ''\n  );\n  const [country, setCountry] = React.useState<CountryCode | undefined>(\n    defaultCountry as CountryCode\n  );\n\n  countries = countries || defaultCountries;\n\n  useLayoutEffect(() => {\n    if (isSip) {\n      setSipAddress(value?.substring(4).trim() || '');\n    }\n  }, [isSip, value]);\n\n  useLayoutEffect(() => {\n    if (focusNumberInput) {\n      setFocusNumberInput(false);\n    }\n  }, [focusNumberInput]);\n\n  // Extract valid Option components from children\n  const phoneBookOptions = React.useMemo(() => {\n    return React.Children.toArray(children).filter(\n      (child): child is React.ReactElement<OptionProps> =>\n        React.isValidElement(child) && child.type === Option\n    );\n  }, [children]);\n\n  const phoneContext = React.useMemo<PhoneContext>(() => {\n    return {\n      value,\n      allowSip,\n      phoneBook: phoneBookOptions,\n      setValue: onChange,\n      ariaPhoneBookButtonLabel,\n      ariaSelectLabel,\n      disabled,\n      setCountry,\n      sipAddress,\n      setSipAddress,\n      cachedNumber,\n      setCachedNumber,\n      focusNumberInput,\n      setFocusNumberInput,\n    };\n  }, [\n    value,\n    allowSip,\n    phoneBookOptions,\n    onChange,\n    ariaPhoneBookButtonLabel,\n    ariaSelectLabel,\n    disabled,\n    sipAddress,\n    cachedNumber,\n    focusNumberInput,\n  ]);\n\n  if (isSip) {\n    return (\n      <PhoneBookProvider value={phoneContext}>\n        <SipInput\n          onChange={onChange}\n          disabled={disabled}\n          name={name}\n          aria-label={ariaLabel}\n          autoFocus={autoFocus}\n          placeholder={placeholder}\n          countries={countries as CountryCode[]}\n        />\n      </PhoneBookProvider>\n    );\n  }\n\n  return (\n    <PhoneBookProvider value={phoneContext}>\n      <HStack {...props}>\n        <PhoneInput\n          value={value}\n          onChange={onChange}\n          defaultCountry={country}\n          country={country}\n          countries={countries as CountryCode[]}\n          countrySelectComponent={PhoneNumberCountrySelectAdapter}\n          inputComponent={PhoneNumberInputAdapter}\n          disabled={disabled}\n          name={name}\n          aria-label={ariaLabel}\n          autoFocus={autoFocus}\n          placeholder={placeholder}\n          onCountryChange={onCountryChange}\n          limitMaxLength={limitMaxLength}\n          className={clsx(\n            styles['phone-number-input'],\n            'tcn-phone-number-input',\n            'tcn-control-set'\n          )}\n          displayInitialValueAsLocalNumber\n          addInternationalOption={false}\n        />\n      </HStack>\n    </PhoneBookProvider>\n  );\n}\n"],"names":["PhoneNumberInput","value","allowSip","onChange","defaultCountry","countries","disabled","name","ariaLabel","autoFocus","placeholder","onCountryChange","limitMaxLength","ariaSelectLabel","ariaPhoneBookButtonLabel","children","props","focusNumberInput","setFocusNumberInput","React","isSip","cachedNumber","setCachedNumber","sipAddress","setSipAddress","country","setCountry","defaultCountries","useLayoutEffect","phoneBookOptions","child","Option","phoneContext","jsx","PhoneBookProvider","SipInput","HStack","PhoneInput","PhoneNumberCountrySelectAdapter","PhoneNumberInputAdapter","clsx","styles"],"mappings":"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"}
+{"version":3,"file":"phone_number_input.js","sources":["../../../src/inputs/phone_number_input/phone_number_input.tsx"],"sourcesContent":["import React, { useLayoutEffect } from 'react';\nimport PhoneInput from 'react-phone-number-input';\nimport 'react-phone-number-input/style.css';\nimport type { CountryCode } from 'libphonenumber-js';\nimport { HStack, type HStackProps } from '../../stacks/h_stack.js';\nimport styles from './phone_number_input.module.css';\nimport { PhoneBookProvider, type PhoneContext } from './phone_number_context.js';\nimport { PhoneNumberCountrySelectAdapter } from './phone_number_country_select_adapter.js';\nimport { type OptionProps, Option } from '../options/option.js';\nimport { PhoneNumberInputAdapter } from './phone_number_input_adapter.js';\nimport { clsx } from 'clsx';\nimport { SipInput } from './sip_input.js';\nimport { defaultCountries } from './countries_phone_information.js';\n\nexport interface PhoneNumberInputProps\n  extends Omit<HStackProps, 'onChange' | 'children'> {\n  value?: string;\n  allowSip?: boolean;\n  sipAutoComplete?: string;\n  onChange: (value?: string) => void;\n  defaultCountry?: string;\n  allowedCountryCodes?: string[];\n  disabled?: boolean;\n  name?: string;\n  'aria-label'?: string;\n  autoFocus?: boolean;\n  placeholder?: string;\n  className?: string;\n  width?: string;\n  onCountryChange?: (country: CountryCode) => void;\n  limitMaxLength?: boolean;\n  ariaSelectLabel?: string;\n  ariaPhoneBookButtonLabel?: string;\n  children?: React.ReactElement<OptionProps> | React.ReactElement<OptionProps>[];\n}\n\nexport function PhoneNumberInput({\n  value = '',\n  allowSip = true,\n  onChange,\n  defaultCountry = 'US',\n  allowedCountryCodes: countries,\n  disabled,\n  name,\n  'aria-label': ariaLabel,\n  autoFocus,\n  placeholder,\n  onCountryChange,\n  limitMaxLength,\n  ariaSelectLabel,\n  ariaPhoneBookButtonLabel,\n  sipAutoComplete,\n  children,\n  ...props\n}: PhoneNumberInputProps) {\n  const [focusNumberInput, setFocusNumberInput] = React.useState<boolean>(false);\n  const isSip = value?.toLocaleLowerCase().startsWith('sip:') || false;\n  const [cachedNumber, setCachedNumber] = React.useState<string>(isSip ? '' : value);\n  const [sipAddress, setSipAddress] = React.useState<string>(\n    isSip ? value?.substring(4).trim() : ''\n  );\n  const [country, setCountry] = React.useState<CountryCode | undefined>(\n    defaultCountry as CountryCode\n  );\n\n  countries = countries || defaultCountries;\n\n  useLayoutEffect(() => {\n    if (isSip) {\n      setSipAddress(value?.substring(4).trim() || '');\n    }\n  }, [isSip, value]);\n\n  useLayoutEffect(() => {\n    if (focusNumberInput) {\n      setFocusNumberInput(false);\n    }\n  }, [focusNumberInput]);\n\n  // Extract valid Option components from children\n  const phoneBookOptions = React.useMemo(() => {\n    return React.Children.toArray(children).filter(\n      (child): child is React.ReactElement<OptionProps> =>\n        React.isValidElement(child) && child.type === Option\n    );\n  }, [children]);\n\n  const phoneContext = React.useMemo<PhoneContext>(() => {\n    return {\n      value,\n      allowSip,\n      phoneBook: phoneBookOptions,\n      setValue: onChange,\n      ariaPhoneBookButtonLabel,\n      ariaSelectLabel,\n      disabled,\n      setCountry,\n      sipAddress,\n      setSipAddress,\n      cachedNumber,\n      setCachedNumber,\n      focusNumberInput,\n      setFocusNumberInput,\n    };\n  }, [\n    value,\n    allowSip,\n    phoneBookOptions,\n    onChange,\n    ariaPhoneBookButtonLabel,\n    ariaSelectLabel,\n    disabled,\n    sipAddress,\n    cachedNumber,\n    focusNumberInput,\n  ]);\n\n  if (isSip) {\n    return (\n      <PhoneBookProvider value={phoneContext}>\n        <SipInput\n          onChange={onChange}\n          disabled={disabled}\n          name={name}\n          aria-label={ariaLabel}\n          autoFocus={autoFocus}\n          placeholder={placeholder}\n          countries={countries as CountryCode[]}\n          sipAutoComplete={sipAutoComplete}\n        />\n      </PhoneBookProvider>\n    );\n  }\n\n  return (\n    <PhoneBookProvider value={phoneContext}>\n      <HStack {...props}>\n        <PhoneInput\n          value={value}\n          onChange={onChange}\n          defaultCountry={country}\n          country={country}\n          countries={countries as CountryCode[]}\n          countrySelectComponent={PhoneNumberCountrySelectAdapter}\n          inputComponent={PhoneNumberInputAdapter}\n          disabled={disabled}\n          name={name}\n          aria-label={ariaLabel}\n          autoFocus={autoFocus}\n          placeholder={placeholder}\n          onCountryChange={onCountryChange}\n          limitMaxLength={limitMaxLength}\n          className={clsx(\n            styles['phone-number-input'],\n            'tcn-phone-number-input',\n            'tcn-control-set'\n          )}\n          displayInitialValueAsLocalNumber\n          addInternationalOption={false}\n        />\n      </HStack>\n    </PhoneBookProvider>\n  );\n}\n"],"names":["PhoneNumberInput","value","allowSip","onChange","defaultCountry","countries","disabled","name","ariaLabel","autoFocus","placeholder","onCountryChange","limitMaxLength","ariaSelectLabel","ariaPhoneBookButtonLabel","sipAutoComplete","children","props","focusNumberInput","setFocusNumberInput","React","isSip","cachedNumber","setCachedNumber","sipAddress","setSipAddress","country","setCountry","defaultCountries","useLayoutEffect","phoneBookOptions","child","Option","phoneContext","jsx","PhoneBookProvider","SipInput","HStack","PhoneInput","PhoneNumberCountrySelectAdapter","PhoneNumberInputAdapter","clsx","styles"],"mappings":"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"}

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

@@ -1,6 +1,7 @@
 import { CountryCode } from 'libphonenumber-js';
 export interface SipInputProps {
     onChange: (value: string) => void;
+    sipAutoComplete?: string;
     countries?: CountryCode[];
     disabled?: boolean;
     name?: string;
@@ -8,5 +9,5 @@ export interface SipInputProps {
     autoFocus?: boolean;
     placeholder?: string;
 }
-export declare function SipInput({ disabled, countries, name, 'aria-label': ariaLabel, autoFocus, placeholder, }: SipInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function SipInput({ disabled, countries, name, 'aria-label': ariaLabel, autoFocus, placeholder, sipAutoComplete, }: SipInputProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=sip_input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"sip_input.d.ts","sourceRoot":"","sources":["../../../src/inputs/phone_number_input/sip_input.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOrD,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,WAAW,GACZ,EAAE,aAAa,2CAwHf"}
+{"version":3,"file":"sip_input.d.ts","sourceRoot":"","sources":["../../../src/inputs/phone_number_input/sip_input.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOrD,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,WAAW,EACX,eAAsB,GACvB,EAAE,aAAa,2CAyHf"}

package/dist/inputs/phone_number_input/sip_input.js

@@ -1,101 +1,103 @@
-import { jsxs as f, Fragment as z, jsx as e } from "react/jsx-runtime";
-import g, { useLayoutEffect as E } from "react";
-import { NotebookIcon as F } from "@tcn/icons/notebook_icon.js";
-import { Input as L } from "../input/input.js";
+import { jsxs as f, Fragment as E, jsx as e } from "react/jsx-runtime";
+import g, { useLayoutEffect as F } from "react";
+import { NotebookIcon as L } from "@tcn/icons/notebook_icon.js";
+import { Input as R } from "../input/input.js";
 import "../../actions/button/base_button/base_button.js";
 import "../../actions/button/button_group/button_group.js";
 import "../../actions/button/slim_button/slim_button.js";
-import { Button as R } from "../../actions/button/button/button.js";
+import { Button as j } from "../../actions/button/button/button.js";
 import "../../actions/toggle/toggle.js";
-import { ControlSet as j } from "../control_set/control_set.js";
-import w from "clsx";
-import { usePhoneContext as y } from "./phone_number_context.js";
-import { PhoneNumberCountrySelectAdapter as V } from "./phone_number_country_select_adapter.js";
-import { SuggestionList as _ } from "../suggestions/suggestion_list.js";
-function Z({
+import { ControlSet as w } from "../control_set/control_set.js";
+import y from "clsx";
+import { usePhoneContext as V } from "./phone_number_context.js";
+import { PhoneNumberCountrySelectAdapter as _ } from "./phone_number_country_select_adapter.js";
+import { SuggestionList as q } from "../suggestions/suggestion_list.js";
+function oo({
   disabled: n,
   countries: d,
   name: k,
   "aria-label": S,
   autoFocus: B,
-  placeholder: P
+  placeholder: P,
+  sipAutoComplete: b = "on"
 }) {
   const i = g.useRef(null), [l, t] = g.useState(null), u = l != null, {
     phoneBook: s,
     setValue: r,
-    setCountry: b,
-    ariaPhoneBookButtonLabel: C,
+    setCountry: C,
+    ariaPhoneBookButtonLabel: I,
     sipAddress: p,
-    setSipAddress: c,
-    focusNumberInput: m,
+    setSipAddress: m,
+    focusNumberInput: c,
     setFocusNumberInput: a
-  } = y(), I = s.length > 0;
-  function x(o) {
+  } = V(), x = s.length > 0;
+  function A(o) {
     t(u ? null : o.currentTarget);
   }
   function h() {
     t(null);
   }
-  function A(o) {
+  function N(o) {
     h(), a(!0), r(o);
   }
-  const N = d?.map((o) => ({
+  const O = d?.map((o) => ({
     value: o,
     label: o
   })) || [];
-  function O(o) {
-    o !== "SIP" && (c(p), a(!0), r(""), b(o || "US"));
-  }
   function v(o) {
-    c(o), r(`sip:${o}`);
+    o !== "SIP" && (m(p), a(!0), r(""), C(o || "US"));
+  }
+  function z(o) {
+    m(o), r(`sip:${o}`);
   }
-  return E(() => {
+  return F(() => {
     const o = i.current;
-    o == null || !m || requestAnimationFrame(() => {
+    o == null || !c || requestAnimationFrame(() => {
       o.value.length > 0 ? o.select() : o.focus();
     });
-  }, [m]), /* @__PURE__ */ f(z, { children: [
-    /* @__PURE__ */ f(j, { children: [
+  }, [c]), /* @__PURE__ */ f(E, { children: [
+    /* @__PURE__ */ f(w, { children: [
       /* @__PURE__ */ e(
-        V,
+        _,
         {
           value: "SIP",
-          onChange: O,
-          options: N,
+          onChange: v,
+          options: O,
           disabled: n
         }
       ),
       /* @__PURE__ */ e(
-        L,
+        R,
         {
           ref: i,
           value: p,
           disabled: n,
-          onChange: v,
+          onChange: z,
           name: k,
           "aria-label": S,
           autoFocus: B,
-          placeholder: P
+          placeholder: P,
+          autoComplete: b
         }
       ),
-      I && /* @__PURE__ */ e(
-        R,
+      x && /* @__PURE__ */ e(
+        j,
         {
           disabled: n,
-          className: w("tcn-control-set-item", "tcn-phone-number-phone-book"),
-          "aria-label": C,
-          onClick: x,
+          className: y("tcn-control-set-item", "tcn-phone-number-phone-book"),
+          "aria-label": I,
+          onClick: A,
           size: "md",
-          children: /* @__PURE__ */ e(F, { size: "md" })
+          children: /* @__PURE__ */ e(L, { size: "md" })
         }
       )
     ] }),
     /* @__PURE__ */ e(
-      _,
+      q,
       {
         open: u,
         anchorElement: l,
-        onOptionSelect: A,
+        onOptionSelect: N,
         onClose: h,
         width: "300px",
         noSuggestionMessage: "No phone numbers found",
@@ -109,6 +111,6 @@ function Z({
   ] });
 }
 export {
-  Z as SipInput
+  oo as SipInput
 };
 //# sourceMappingURL=sip_input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sip_input.js","sources":["../../../src/inputs/phone_number_input/sip_input.tsx"],"sourcesContent":["import React, { useLayoutEffect } from 'react';\nimport { NotebookIcon } from '@tcn/icons/notebook_icon.js';\nimport { Input } from '../input/input.js';\nimport { Button } from '../../actions/index.js';\nimport { ControlSet } from '../control_set/control_set.js';\nimport clsx from 'clsx';\nimport { usePhoneContext } from './phone_number_context.js';\nimport type { CountryCode } from 'libphonenumber-js';\nimport {\n  PhoneNumberCountrySelectAdapter,\n  type CountryOption,\n} from './phone_number_country_select_adapter.js';\nimport { SuggestionList } from '../suggestions/suggestion_list.js';\n\nexport interface SipInputProps {\n  onChange: (value: string) => void;\n  countries?: CountryCode[];\n  disabled?: boolean;\n  name?: string;\n  'aria-label'?: string;\n  autoFocus?: boolean;\n  placeholder?: string;\n}\n\nexport function SipInput({\n  disabled,\n  countries,\n  name,\n  'aria-label': ariaLabel,\n  autoFocus,\n  placeholder,\n}: SipInputProps) {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const [phoneBookElement, setPhoneBookElement] =\n    React.useState<HTMLButtonElement | null>(null);\n  const isPhoneBookOpen = phoneBookElement != null;\n\n  const {\n    phoneBook: phoneBookOptions,\n    setValue,\n    setCountry,\n    ariaPhoneBookButtonLabel,\n    sipAddress,\n    setSipAddress,\n    focusNumberInput,\n    setFocusNumberInput,\n  } = usePhoneContext();\n\n  const showPhoneBook = phoneBookOptions.length > 0;\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    closePhoneBook();\n    setFocusNumberInput(true);\n    setValue(value);\n  }\n\n  const options: CountryOption[] =\n    countries?.map(country => ({\n      value: country,\n      label: country,\n    })) || [];\n\n  function selectCountry(countryCode?: string) {\n    if (countryCode !== 'SIP') {\n      setSipAddress(sipAddress);\n      setFocusNumberInput(true);\n      setValue('');\n      setCountry((countryCode as CountryCode) || 'US');\n    }\n  }\n\n  function updateSipValue(value: string) {\n    setSipAddress(value);\n    setValue(`sip:${value}`);\n  }\n\n  useLayoutEffect(() => {\n    const input = inputRef.current;\n\n    if (input == null || !focusNumberInput) {\n      return;\n    }\n\n    requestAnimationFrame(() => {\n      if (input.value.length > 0) {\n        input.select();\n      } else {\n        input.focus();\n      }\n    });\n  }, [focusNumberInput]);\n\n  return (\n    <>\n      <ControlSet>\n        <PhoneNumberCountrySelectAdapter\n          value=\"SIP\"\n          onChange={selectCountry}\n          options={options}\n          disabled={disabled}\n        />\n        <Input\n          ref={inputRef}\n          value={sipAddress}\n          disabled={disabled}\n          onChange={updateSipValue}\n          name={name}\n          aria-label={ariaLabel}\n          autoFocus={autoFocus}\n          placeholder={placeholder}\n        />\n        {showPhoneBook && (\n          <Button\n            disabled={disabled}\n            className={clsx('tcn-control-set-item', 'tcn-phone-number-phone-book')}\n            aria-label={ariaPhoneBookButtonLabel}\n            onClick={togglePhoneBook}\n            size=\"md\"\n          >\n            <NotebookIcon size=\"md\" />\n          </Button>\n        )}\n      </ControlSet>\n      <SuggestionList\n        open={isPhoneBookOpen}\n        anchorElement={phoneBookElement}\n        onOptionSelect={handlePhoneBookOptionSelect}\n        onClose={closePhoneBook}\n        width=\"300px\"\n        noSuggestionMessage=\"No phone numbers found\"\n        horizontalAnchor=\"end\"\n        horizontalOrigin=\"end\"\n        verticalAnchor=\"top\"\n        verticalOrigin=\"top\"\n      >\n        {phoneBookOptions}\n      </SuggestionList>\n    </>\n  );\n}\n"],"names":["SipInput","disabled","countries","name","ariaLabel","autoFocus","placeholder","inputRef","React","phoneBookElement","setPhoneBookElement","isPhoneBookOpen","phoneBookOptions","setValue","setCountry","ariaPhoneBookButtonLabel","sipAddress","setSipAddress","focusNumberInput","setFocusNumberInput","usePhoneContext","showPhoneBook","togglePhoneBook","e","closePhoneBook","handlePhoneBookOptionSelect","value","options","country","selectCountry","countryCode","updateSipValue","useLayoutEffect","input","jsxs","Fragment","ControlSet","jsx","PhoneNumberCountrySelectAdapter","Input","Button","clsx","NotebookIcon","SuggestionList"],"mappings":"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"}
+{"version":3,"file":"sip_input.js","sources":["../../../src/inputs/phone_number_input/sip_input.tsx"],"sourcesContent":["import React, { useLayoutEffect } from 'react';\nimport { NotebookIcon } from '@tcn/icons/notebook_icon.js';\nimport { Input } from '../input/input.js';\nimport { Button } from '../../actions/index.js';\nimport { ControlSet } from '../control_set/control_set.js';\nimport clsx from 'clsx';\nimport { usePhoneContext } from './phone_number_context.js';\nimport type { CountryCode } from 'libphonenumber-js';\nimport {\n  PhoneNumberCountrySelectAdapter,\n  type CountryOption,\n} from './phone_number_country_select_adapter.js';\nimport { SuggestionList } from '../suggestions/suggestion_list.js';\n\nexport interface SipInputProps {\n  onChange: (value: string) => void;\n  sipAutoComplete?: string;\n  countries?: CountryCode[];\n  disabled?: boolean;\n  name?: string;\n  'aria-label'?: string;\n  autoFocus?: boolean;\n  placeholder?: string;\n}\n\nexport function SipInput({\n  disabled,\n  countries,\n  name,\n  'aria-label': ariaLabel,\n  autoFocus,\n  placeholder,\n  sipAutoComplete = 'on',\n}: SipInputProps) {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const [phoneBookElement, setPhoneBookElement] =\n    React.useState<HTMLButtonElement | null>(null);\n  const isPhoneBookOpen = phoneBookElement != null;\n\n  const {\n    phoneBook: phoneBookOptions,\n    setValue,\n    setCountry,\n    ariaPhoneBookButtonLabel,\n    sipAddress,\n    setSipAddress,\n    focusNumberInput,\n    setFocusNumberInput,\n  } = usePhoneContext();\n\n  const showPhoneBook = phoneBookOptions.length > 0;\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    closePhoneBook();\n    setFocusNumberInput(true);\n    setValue(value);\n  }\n\n  const options: CountryOption[] =\n    countries?.map(country => ({\n      value: country,\n      label: country,\n    })) || [];\n\n  function selectCountry(countryCode?: string) {\n    if (countryCode !== 'SIP') {\n      setSipAddress(sipAddress);\n      setFocusNumberInput(true);\n      setValue('');\n      setCountry((countryCode as CountryCode) || 'US');\n    }\n  }\n\n  function updateSipValue(value: string) {\n    setSipAddress(value);\n    setValue(`sip:${value}`);\n  }\n\n  useLayoutEffect(() => {\n    const input = inputRef.current;\n\n    if (input == null || !focusNumberInput) {\n      return;\n    }\n\n    requestAnimationFrame(() => {\n      if (input.value.length > 0) {\n        input.select();\n      } else {\n        input.focus();\n      }\n    });\n  }, [focusNumberInput]);\n\n  return (\n    <>\n      <ControlSet>\n        <PhoneNumberCountrySelectAdapter\n          value=\"SIP\"\n          onChange={selectCountry}\n          options={options}\n          disabled={disabled}\n        />\n        <Input\n          ref={inputRef}\n          value={sipAddress}\n          disabled={disabled}\n          onChange={updateSipValue}\n          name={name}\n          aria-label={ariaLabel}\n          autoFocus={autoFocus}\n          placeholder={placeholder}\n          autoComplete={sipAutoComplete}\n        />\n        {showPhoneBook && (\n          <Button\n            disabled={disabled}\n            className={clsx('tcn-control-set-item', 'tcn-phone-number-phone-book')}\n            aria-label={ariaPhoneBookButtonLabel}\n            onClick={togglePhoneBook}\n            size=\"md\"\n          >\n            <NotebookIcon size=\"md\" />\n          </Button>\n        )}\n      </ControlSet>\n      <SuggestionList\n        open={isPhoneBookOpen}\n        anchorElement={phoneBookElement}\n        onOptionSelect={handlePhoneBookOptionSelect}\n        onClose={closePhoneBook}\n        width=\"300px\"\n        noSuggestionMessage=\"No phone numbers found\"\n        horizontalAnchor=\"end\"\n        horizontalOrigin=\"end\"\n        verticalAnchor=\"top\"\n        verticalOrigin=\"top\"\n      >\n        {phoneBookOptions}\n      </SuggestionList>\n    </>\n  );\n}\n"],"names":["SipInput","disabled","countries","name","ariaLabel","autoFocus","placeholder","sipAutoComplete","inputRef","React","phoneBookElement","setPhoneBookElement","isPhoneBookOpen","phoneBookOptions","setValue","setCountry","ariaPhoneBookButtonLabel","sipAddress","setSipAddress","focusNumberInput","setFocusNumberInput","usePhoneContext","showPhoneBook","togglePhoneBook","e","closePhoneBook","handlePhoneBookOptionSelect","value","options","country","selectCountry","countryCode","updateSipValue","useLayoutEffect","input","jsxs","Fragment","ControlSet","jsx","PhoneNumberCountrySelectAdapter","Input","Button","clsx","NotebookIcon","SuggestionList"],"mappings":";;;;;;;;;;;;;;AAyBO,SAASA,GAAS;AAAA,EACvB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAcC;AAAA,EACd,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC,IAAkB;AACpB,GAAkB;AAChB,QAAMC,IAAWC,EAAM,OAAyB,IAAI,GAC9C,CAACC,GAAkBC,CAAmB,IAC1CF,EAAM,SAAmC,IAAI,GACzCG,IAAkBF,KAAoB,MAEtC;AAAA,IACJ,WAAWG;AAAA,IACX,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,qBAAAC;AAAA,EAAA,IACEC,EAAA,GAEEC,IAAgBT,EAAiB,SAAS;AAEhD,WAASU,EAAgBC,GAAwC;AAC/D,IACEb,EADEC,IACkB,OAEAY,EAAE,aAFE;AAAA,EAI5B;AAEA,WAASC,IAAiB;AACxB,IAAAd,EAAoB,IAAI;AAAA,EAC1B;AAEA,WAASe,EAA4BC,GAAe;AAClD,IAAAF,EAAA,GACAL,EAAoB,EAAI,GACxBN,EAASa,CAAK;AAAA,EAChB;AAEA,QAAMC,IACJ1B,GAAW,IAAI,CAAA2B,OAAY;AAAA,IACzB,OAAOA;AAAA,IACP,OAAOA;AAAA,EAAA,EACP,KAAK,CAAA;AAET,WAASC,EAAcC,GAAsB;AAC3C,IAAIA,MAAgB,UAClBb,EAAcD,CAAU,GACxBG,EAAoB,EAAI,GACxBN,EAAS,EAAE,GACXC,EAAYgB,KAA+B,IAAI;AAAA,EAEnD;AAEA,WAASC,EAAeL,GAAe;AACrC,IAAAT,EAAcS,CAAK,GACnBb,EAAS,OAAOa,CAAK,EAAE;AAAA,EACzB;AAEA,SAAAM,EAAgB,MAAM;AACpB,UAAMC,IAAQ1B,EAAS;AAEvB,IAAI0B,KAAS,QAAQ,CAACf,KAItB,sBAAsB,MAAM;AAC1B,MAAIe,EAAM,MAAM,SAAS,IACvBA,EAAM,OAAA,IAENA,EAAM,MAAA;AAAA,IAEV,CAAC;AAAA,EACH,GAAG,CAACf,CAAgB,CAAC,GAGnB,gBAAAgB,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,UAAUT;AAAA,UACV,SAAAF;AAAA,UACA,UAAA3B;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,gBAAAqC;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,KAAKhC;AAAA,UACL,OAAOS;AAAA,UACP,UAAAhB;AAAA,UACA,UAAU+B;AAAA,UACV,MAAA7B;AAAA,UACA,cAAYC;AAAA,UACZ,WAAAC;AAAA,UACA,aAAAC;AAAA,UACA,cAAcC;AAAA,QAAA;AAAA,MAAA;AAAA,MAEfe,KACC,gBAAAgB;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,UAAAxC;AAAA,UACA,WAAWyC,EAAK,wBAAwB,6BAA6B;AAAA,UACrE,cAAY1B;AAAA,UACZ,SAASO;AAAA,UACT,MAAK;AAAA,UAEL,UAAA,gBAAAe,EAACK,GAAA,EAAa,MAAK,KAAA,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1B,GAEJ;AAAA,IACA,gBAAAL;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,MAAMhC;AAAA,QACN,eAAeF;AAAA,QACf,gBAAgBgB;AAAA,QAChB,SAASD;AAAA,QACT,OAAM;AAAA,QACN,qBAAoB;AAAA,QACpB,kBAAiB;AAAA,QACjB,kBAAiB;AAAA,QACjB,gBAAe;AAAA,QACf,gBAAe;AAAA,QAEd,UAAAZ;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;"}

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

@@ -2,5 +2,22 @@ import { default as React } from 'react';
 import { BoxProps } from '../../stacks/box/box.js';
 export interface BodyProps extends Omit<BoxProps, 'as'> {
 }
+/**
+ * The Body component will fill the available space in in a flex container.
+ * It is typically used within a Scaffold or Rail component.
+ * And typically will return a Scaffold or Rail component to determine the scroll behavior of the body
+ * Example:
+ * <Body>
+ *   <Scaffold>
+ *     <VerticalContent />
+ *   </Scaffold>
+ * </Body>
+ * or
+ * <Body>
+ *   <Rail>
+ *     <HorizontalContent />
+ *   </Rail>
+ * </Body>
+ */
 export declare const Body: React.ForwardRefExoticComponent<BodyProps & React.RefAttributes<HTMLElement>>;
 //# sourceMappingURL=body.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/layouts/body/body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC;CAAG;AAI1D,eAAO,MAAM,IAAI,+EAcf,CAAC"}
+{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/layouts/body/body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAI7D,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC;CAAG;AAE1D;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,IAAI,+EAcf,CAAC"}

package/dist/layouts/body/body.js

@@ -1,21 +1,20 @@
-import { jsx as s } from "react/jsx-runtime";
-import f from "react";
-import { clsx as a } from "clsx";
-import { s as d } from "../../body.module-BbFZ7KNP.js";
-import { Box as e } from "../../stacks/box/box.js";
-const x = f.forwardRef(function({ children: o, className: r, ...t }, m) {
-  return /* @__PURE__ */ s(
-    e,
+import { jsx as c } from "react/jsx-runtime";
+import d from "react";
+import { clsx as m } from "clsx";
+import { Box as a } from "../../stacks/box/box.js";
+import '../../body.css';const e = "_body_42a1eac", f = { body: e }, l = d.forwardRef(function({ children: o, className: t, ...r }, s) {
+  return /* @__PURE__ */ c(
+    a,
     {
-      ref: m,
+      ref: s,
       as: "div",
-      className: a(d.body, r, "tcn-body"),
-      ...t,
+      className: m(f.body, t, "tcn-body"),
+      ...r,
       children: o
     }
   );
 });
 export {
-  x as Body
+  l as Body
 };
 //# sourceMappingURL=body.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"body.js","sources":["../../../src/layouts/body/body.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport styles from './body.module.css';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\n\nexport interface BodyProps extends Omit<BoxProps, 'as'> {}\n\n// Under construction: although this component behaves correctly, a content/child component that manages scrolling is needed.\n// For now HBody and VBody are recommended.\nexport const Body = React.forwardRef<HTMLElement, BodyProps>(function Body(\n  { children, className, ...props }: BodyProps,\n  ref\n) {\n  return (\n    <Box\n      ref={ref}\n      as=\"div\"\n      className={clsx(styles['body'], className, 'tcn-body')}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"names":["Body","React","children","className","props","ref","jsx","Box","clsx","styles"],"mappings":";;;;;AASO,MAAMA,IAAOC,EAAM,WAAmC,SAC3D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAKC,EAAO,MAASN,GAAW,UAAU;AAAA,MACpD,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
+{"version":3,"file":"body.js","sources":["../../../src/layouts/body/body.tsx"],"sourcesContent":["import React from 'react';\nimport { clsx } from 'clsx';\nimport { Box, type BoxProps } from '../../stacks/box/box.js';\n\nimport styles from './body.module.css';\n\nexport interface BodyProps extends Omit<BoxProps, 'as'> {}\n\n/**\n * The Body component will fill the available space in in a flex container.\n * It is typically used within a Scaffold or Rail component.\n * And typically will return a Scaffold or Rail component to determine the scroll behavior of the body\n * Example:\n * <Body>\n *   <Scaffold>\n *     <VerticalContent />\n *   </Scaffold>\n * </Body>\n * or\n * <Body>\n *   <Rail>\n *     <HorizontalContent />\n *   </Rail>\n * </Body>\n */\nexport const Body = React.forwardRef<HTMLElement, BodyProps>(function Body(\n  { children, className, ...props }: BodyProps,\n  ref\n) {\n  return (\n    <Box\n      ref={ref}\n      as=\"div\"\n      className={clsx(styles['body'], className, 'tcn-body')}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"names":["Body","React","children","className","props","ref","jsx","Box","clsx","styles"],"mappings":";;;;4CAyBaA,IAAOC,EAAM,WAAmC,SAC3D,EAAE,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GAC1BC,GACA;AACA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,IAAG;AAAA,MACH,WAAWG,EAAKC,EAAO,MAASN,GAAW,UAAU;AAAA,MACpD,GAAGC;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/layouts/index.d.ts

@@ -6,8 +6,7 @@ export * from './list/list.js';
 export * from './sidebar_end/sidebar_end.js';
 export * from './sidebar_start/sidebar_start.js';
 export { Scaffold, type ScaffoldProps } from './scaffold/scaffold.js';
-export { HBody, type HBodyProps } from './body/h_body.js';
-export { VBody, type VBodyProps } from './body/v_body.js';
+export { Body, type BodyProps } from './body/body.js';
 export { Footer, type FooterProps } from './footer/footer.js';
 export { Header, type HeaderProps } from './header/header.js';
 export { UtilityBar, type UtilityBarProps } from './utility_bar/utility_bar.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE9E,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAE3E,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,uCAAuC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE9E,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAE3E,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,uCAAuC,CAAC"}

package/dist/layouts/index.js

@@ -2,56 +2,54 @@ import { Column as e } from "./column/column.js";
 import { Divider as p } from "./divider/divider.js";
 import { Grid as m } from "./grid/grid.js";
 import { Item as i } from "./list/item.js";
-import { List as a } from "./list/list.js";
+import { List as d } from "./list/list.js";
 import { SidebarEnd as S } from "./sidebar_end/sidebar_end.js";
 import { SidebarStart as n } from "./sidebar_start/sidebar_start.js";
 import { Scaffold as y } from "./scaffold/scaffold.js";
-import { HBody as R } from "./body/h_body.js";
-import { VBody as s } from "./body/v_body.js";
-import { Footer as u } from "./footer/footer.js";
-import { Header as D } from "./header/header.js";
-import { UtilityBar as G } from "./utility_bar/utility_bar.js";
-import { Group as g } from "./group/group.js";
-import { Bar as w } from "./bar/bar.js";
-import { Row as E } from "./row/row.js";
-import { Section as L } from "./section/section.js";
-import { Heading as h } from "./section/heading.js";
-import { Responsive as q } from "./responsive/responsive.js";
-import { Breakpoint as A } from "./responsive/breakpoint.js";
-import { TBody as K, TD as M, TFoot as N, TH as O, THead as P, TR as Q, TTable as W } from "./table/table.js";
-import { Rail as Y } from "./rail/rail.js";
-import { Side as _ } from "./rail/side/side.js";
-import { UtilityStrip as oo } from "./rail/utility_strip/utility_strip.js";
+import { Body as R } from "./body/body.js";
+import { Footer as s } from "./footer/footer.js";
+import { Header as u } from "./header/header.js";
+import { UtilityBar as D } from "./utility_bar/utility_bar.js";
+import { Group as G } from "./group/group.js";
+import { Bar as g } from "./bar/bar.js";
+import { Row as w } from "./row/row.js";
+import { Section as E } from "./section/section.js";
+import { Heading as L } from "./section/heading.js";
+import { Responsive as j } from "./responsive/responsive.js";
+import { Breakpoint as z } from "./responsive/breakpoint.js";
+import { TBody as J, TD as K, TFoot as M, TH as N, THead as O, TR as P, TTable as Q } from "./table/table.js";
+import { Rail as W } from "./rail/rail.js";
+import { Side as Y } from "./rail/side/side.js";
+import { UtilityStrip as _ } from "./rail/utility_strip/utility_strip.js";
 export {
-  w as Bar,
-  A as Breakpoint,
+  g as Bar,
+  R as Body,
+  z as Breakpoint,
   e as Column,
   p as Divider,
-  u as Footer,
+  s as Footer,
   m as Grid,
-  g as Group,
-  R as HBody,
-  D as Header,
-  h as Heading,
+  G as Group,
+  u as Header,
+  L as Heading,
   i as Item,
-  a as List,
-  Y as Rail,
-  q as Responsive,
-  E as Row,
+  d as List,
+  W as Rail,
+  j as Responsive,
+  w as Row,
   y as Scaffold,
-  L as Section,
-  _ as Side,
+  E as Section,
+  Y as Side,
   S as SidebarEnd,
   n as SidebarStart,
-  K as TBody,
-  M as TD,
-  N as TFoot,
-  O as TH,
-  P as THead,
-  Q as TR,
-  W as TTable,
-  G as UtilityBar,
-  oo as UtilityStrip,
-  s as VBody
+  J as TBody,
+  K as TD,
+  M as TFoot,
+  N as TH,
+  O as THead,
+  P as TR,
+  Q as TTable,
+  D as UtilityBar,
+  _ as UtilityStrip
 };
 //# sourceMappingURL=index.js.map

package/dist/layouts/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/layouts/scaffold/scaffold.js

@@ -11,7 +11,7 @@ import '../../scaffold.css';const b = "_scaffold_b13e64b", i = "_scaffold-stack_
   maxWidth: f,
   minHeight: c,
   maxHeight: o,
-  hAlign: s,
+  hAlign: s = "start",
   vAlign: t = "start",
   className: p,
   ..._