@tcn/ui 0.17.0 → 0.18.1

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

@@ -1 +1 @@
-{"version":3,"file":"phone_number_context.js","sources":["../../../src/inputs/phone_number_input/phone_number_context.tsx"],"sourcesContent":["import React from 'react';\nimport { makeContextHook } from '../../utils/index.js';\nimport { OptionProps } from '../options/option.js';\nimport type { CountryCode } from 'libphonenumber-js';\n\nexport interface PhoneContext {\n  allowSip: boolean;\n  phoneBook: React.ReactElement<OptionProps>[];\n  ariaPhoneBookButtonLabel?: string;\n  ariaSelectLabel?: string;\n  value: string;\n  setValue: (value: string) => void;\n  setCountry: (country: CountryCode) => void;\n  sipAddress: string;\n  setSipAddress: (address: string) => void;\n  disabled?: boolean;\n  focusNumberInput: boolean;\n  setFocusNumberInput: (focus: boolean) => void;\n}\n\nexport const PhoneBookContext = React.createContext<PhoneContext | undefined>(undefined);\nexport const usePhoneContext = makeContextHook(PhoneBookContext, 'PhoneBookContext');\n\nexport function PhoneBookProvider({\n  children,\n  value,\n}: {\n  value: PhoneContext;\n  children: React.ReactNode;\n}) {\n  return <PhoneBookContext.Provider value={value}>{children}</PhoneBookContext.Provider>;\n}\n"],"names":["PhoneBookContext","React","usePhoneContext","makeContextHook","PhoneBookProvider","children","value","jsx"],"mappings":";;;;;;;;;;;;;AAoBO,MAAMA,IAAmBC,EAAM,cAAwC,MAAS,GAC1EC,IAAkBC,EAAgBH,GAAkB,kBAAkB;AAE5E,SAASI,EAAkB;AAAA,EAChC,UAAAC;AAAA,EACA,OAAAC;AACF,GAGG;AACD,SAAO,gBAAAC,EAACP,EAAiB,UAAjB,EAA0B,OAAAM,GAAe,UAAAD,EAAA,CAAS;AAC5D;"}
+{"version":3,"file":"phone_number_context.js","sources":["../../../src/inputs/phone_number_input/phone_number_context.tsx"],"sourcesContent":["import React from 'react';\nimport { makeContextHook } from '../../utils/index.js';\nimport { OptionProps } from '../options/option.js';\nimport type { CountryCode } from 'libphonenumber-js';\n\nexport interface PhoneContext {\n  allowSip: boolean;\n  phoneBook: React.ReactElement<OptionProps>[];\n  ariaPhoneBookButtonLabel?: string;\n  ariaSelectLabel?: string;\n  value: string;\n  setValue: (value: string) => void;\n  setCountry: (country: CountryCode) => void;\n  sipAddress: string;\n  setSipAddress: (address: string) => void;\n  disabled?: boolean;\n  focusNumberInput: boolean;\n  setFocusNumberInput: (focus: boolean) => void;\n}\n\nexport const PhoneBookContext = React.createContext<PhoneContext | undefined>(undefined);\nexport const usePhoneContext = makeContextHook(PhoneBookContext, 'PhoneBookContext');\n\nexport function PhoneBookProvider({\n  children,\n  value,\n}: {\n  value: PhoneContext;\n  children: React.ReactNode;\n}) {\n  return <PhoneBookContext.Provider value={value}>{children}</PhoneBookContext.Provider>;\n}\n"],"names":["PhoneBookContext","React","usePhoneContext","makeContextHook","PhoneBookProvider","children","value","jsx"],"mappings":";;;;;;;;;;;;;;AAoBO,MAAMA,IAAmBC,EAAM,cAAwC,MAAS,GAC1EC,IAAkBC,EAAgBH,GAAkB,kBAAkB;AAE5E,SAASI,EAAkB;AAAA,EAChC,UAAAC;AAAA,EACA,OAAAC;AACF,GAGG;AACD,SAAO,gBAAAC,EAACP,EAAiB,UAAjB,EAA0B,OAAAM,GAAe,UAAAD,EAAA,CAAS;AAC5D;"}

package/dist/inputs/phone_number_input/phone_number_input_adapter.js

@@ -4,7 +4,6 @@ import f from "clsx";
 import { forwardRef as F, useState as R, useRef as y, useCallback as z, useLayoutEffect as E } from "react";
 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 L } from "../../actions/button/button/button.js";
 import "../../actions/toggle/toggle.js";
 import { SuggestionList as w } from "../suggestions/suggestion_list.js";
@@ -12,7 +11,7 @@ import { usePhoneContext as j } from "./phone_number_context.js";
 import { getCountryFromValue as T } from "./phone_number_country_select_adapter.js";
 import { Input as V } from "../input/input.js";
 import { useForkRef as q } from "../../utils/hooks/use_fork_ref.js";
-const to = F(function({ onChange: n, value: t = "", className: a, ...h }, g) {
+const oo = F(function({ onChange: n, value: t = "", className: a, ...h }, g) {
   t = t.toString();
   const [s, r] = R(
     null
@@ -93,6 +92,6 @@ const to = F(function({ onChange: n, value: t = "", className: a, ...h }, g) {
   ] });
 });
 export {
-  to as PhoneNumberInputAdapter
+  oo as PhoneNumberInputAdapter
 };
 //# sourceMappingURL=phone_number_input_adapter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"phone_number_input_adapter.js","sources":["../../../src/inputs/phone_number_input/phone_number_input_adapter.tsx"],"sourcesContent":["import { NotebookIcon } from '@tcn/icons/notebook_icon.js';\nimport clsx from 'clsx';\nimport { forwardRef, useState, useCallback, useLayoutEffect, useRef } from 'react';\nimport { Button } from '../../actions/index.js';\nimport { SuggestionList } from '../suggestions/suggestion_list.js';\nimport { usePhoneContext } from './phone_number_context.js';\nimport { getCountryFromValue } from './phone_number_country_select_adapter.js';\nimport { Input } from '../input/input.js';\nimport { useForkRef } from '../../utils/hooks/use_fork_ref.js';\n\n/**\n * Bridges `@tcn/ui/inputs` Input (onChange: (value, event?) => void)\n * with react-phone-number-input's expectation (onChange: (event) => void).\n */\nexport const PhoneNumberInputAdapter = forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement>\n>(function InputAdapter({ onChange, value = '', className, ...rest }, ref) {\n  value = value.toString();\n  const [phoneBookElement, setPhoneBookElement] = useState<HTMLButtonElement | null>(\n    null\n  );\n  const isPhoneBookOpen = phoneBookElement != null;\n  const internalInputRef = useRef<HTMLInputElement | null>(null);\n  const forkedRef = useForkRef(ref, internalInputRef);\n\n  const {\n    phoneBook: phoneBookOptions,\n    setValue,\n    ariaPhoneBookButtonLabel,\n    disabled,\n    setFocusNumberInput,\n    focusNumberInput,\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 handleChange = useCallback(\n    (value: string, event?: React.ChangeEvent<HTMLInputElement>) => {\n      if (!onChange) return;\n      const e =\n        event ??\n        ({\n          target: { value },\n          currentTarget: { value },\n        } as React.ChangeEvent<HTMLInputElement>);\n      onChange(e);\n    },\n    [onChange]\n  );\n\n  if (value.startsWith('+')) {\n    const country = getCountryFromValue(value);\n    const prefixLength = country?.prefix?.length || 0;\n    value = value.substring(prefixLength);\n  }\n\n  useLayoutEffect(() => {\n    const input = internalInputRef?.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      <Input\n        ref={forkedRef}\n        value={value}\n        {...(rest as any)}\n        className={clsx(className, 'tcn-control-set-item')}\n        onChange={handleChange}\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      <SuggestionList\n        open={isPhoneBookOpen}\n        anchorElement={phoneBookElement}\n        horizontalAnchor=\"end\"\n        horizontalOrigin=\"end\"\n        verticalAnchor=\"top\"\n        verticalOrigin=\"top\"\n        width=\"300px\"\n        onOptionSelect={handlePhoneBookOptionSelect}\n        onClose={closePhoneBook}\n        noSuggestionMessage=\"No phone numbers found\"\n      >\n        {phoneBookOptions}\n      </SuggestionList>\n    </>\n  );\n});\n"],"names":["PhoneNumberInputAdapter","forwardRef","onChange","value","className","rest","ref","phoneBookElement","setPhoneBookElement","useState","isPhoneBookOpen","internalInputRef","useRef","forkedRef","useForkRef","phoneBookOptions","setValue","ariaPhoneBookButtonLabel","disabled","setFocusNumberInput","focusNumberInput","usePhoneContext","showPhoneBook","togglePhoneBook","e","closePhoneBook","handlePhoneBookOptionSelect","handleChange","useCallback","event","prefixLength","getCountryFromValue","useLayoutEffect","input","jsxs","Fragment","jsx","Input","clsx","Button","NotebookIcon","SuggestionList"],"mappings":";;;;;;;;;;;;;;AAcO,MAAMA,KAA0BC,EAGrC,SAAsB,EAAE,UAAAC,GAAU,OAAAC,IAAQ,IAAI,WAAAC,GAAW,GAAGC,EAAA,GAAQC,GAAK;AACzE,EAAAH,IAAQA,EAAM,SAAA;AACd,QAAM,CAACI,GAAkBC,CAAmB,IAAIC;AAAA,IAC9C;AAAA,EAAA,GAEIC,IAAkBH,KAAoB,MACtCI,IAAmBC,EAAgC,IAAI,GACvDC,IAAYC,EAAWR,GAAKK,CAAgB,GAE5C;AAAA,IACJ,WAAWI;AAAA,IACX,UAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,UAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA,IACEC,EAAA,GAEEC,IAAgBP,EAAiB,SAAS;AAEhD,WAASQ,EAAgBC,GAAwC;AAC/D,IACEhB,EADEE,IACkB,OAEAc,EAAE,aAFE;AAAA,EAI5B;AAEA,WAASC,IAAiB;AACxB,IAAAjB,EAAoB,IAAI;AAAA,EAC1B;AAEA,WAASkB,EAA4BvB,GAAe;AAClD,IAAAsB,EAAA,GACAN,EAAoB,EAAI,GACxBH,EAASb,CAAK;AAAA,EAChB;AAEA,QAAMwB,IAAeC;AAAA,IACnB,CAACzB,GAAe0B,MAAgD;AAC9D,UAAI,CAAC3B,EAAU;AAOf,MAAAA,EALE2B,KACC;AAAA,QACC,QAAQ,EAAE,OAAA1B,EAAAA;AAAAA,QACV,eAAe,EAAE,OAAAA,EAAAA;AAAAA,MAAM,CAEjB;AAAA,IACZ;AAAA,IACA,CAACD,CAAQ;AAAA,EAAA;AAGX,MAAIC,EAAM,WAAW,GAAG,GAAG;AAEzB,UAAM2B,IADUC,EAAoB5B,CAAK,GACX,QAAQ,UAAU;AAChD,IAAAA,IAAQA,EAAM,UAAU2B,CAAY;AAAA,EACtC;AAEA,SAAAE,EAAgB,MAAM;AACpB,UAAMC,IAAQtB,GAAkB;AAEhC,IAAIsB,KAAS,QAAQ,CAACb,KAItB,sBAAsB,MAAM;AAC1B,MAAIa,EAAM,MAAM,SAAS,IACvBA,EAAM,OAAA,IAENA,EAAM,MAAA;AAAA,IAEV,CAAC;AAAA,EACH,GAAG,CAACb,CAAgB,CAAC,GAGnB,gBAAAc,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAKxB;AAAA,QACL,OAAAV;AAAA,QACC,GAAIE;AAAA,QACL,WAAWiC,EAAKlC,GAAW,sBAAsB;AAAA,QACjD,UAAUuB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEXL,KACC,gBAAAc;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,UAAArB;AAAA,QACA,WAAWoB,EAAK,wBAAwB,6BAA6B;AAAA,QACrE,cAAYrB;AAAA,QACZ,SAASM;AAAA,QACT,MAAK;AAAA,QAEL,UAAA,gBAAAa,EAACI,GAAA,EAAa,MAAK,KAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAG5B,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,MAAM/B;AAAA,QACN,eAAeH;AAAA,QACf,kBAAiB;AAAA,QACjB,kBAAiB;AAAA,QACjB,gBAAe;AAAA,QACf,gBAAe;AAAA,QACf,OAAM;AAAA,QACN,gBAAgBmB;AAAA,QAChB,SAASD;AAAA,QACT,qBAAoB;AAAA,QAEnB,UAAAV;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ,CAAC;"}
+{"version":3,"file":"phone_number_input_adapter.js","sources":["../../../src/inputs/phone_number_input/phone_number_input_adapter.tsx"],"sourcesContent":["import { NotebookIcon } from '@tcn/icons/notebook_icon.js';\nimport clsx from 'clsx';\nimport { forwardRef, useState, useCallback, useLayoutEffect, useRef } from 'react';\nimport { Button } from '../../actions/index.js';\nimport { SuggestionList } from '../suggestions/suggestion_list.js';\nimport { usePhoneContext } from './phone_number_context.js';\nimport { getCountryFromValue } from './phone_number_country_select_adapter.js';\nimport { Input } from '../input/input.js';\nimport { useForkRef } from '../../utils/hooks/use_fork_ref.js';\n\n/**\n * Bridges `@tcn/ui/inputs` Input (onChange: (value, event?) => void)\n * with react-phone-number-input's expectation (onChange: (event) => void).\n */\nexport const PhoneNumberInputAdapter = forwardRef<\n  HTMLInputElement,\n  React.InputHTMLAttributes<HTMLInputElement>\n>(function InputAdapter({ onChange, value = '', className, ...rest }, ref) {\n  value = value.toString();\n  const [phoneBookElement, setPhoneBookElement] = useState<HTMLButtonElement | null>(\n    null\n  );\n  const isPhoneBookOpen = phoneBookElement != null;\n  const internalInputRef = useRef<HTMLInputElement | null>(null);\n  const forkedRef = useForkRef(ref, internalInputRef);\n\n  const {\n    phoneBook: phoneBookOptions,\n    setValue,\n    ariaPhoneBookButtonLabel,\n    disabled,\n    setFocusNumberInput,\n    focusNumberInput,\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 handleChange = useCallback(\n    (value: string, event?: React.ChangeEvent<HTMLInputElement>) => {\n      if (!onChange) return;\n      const e =\n        event ??\n        ({\n          target: { value },\n          currentTarget: { value },\n        } as React.ChangeEvent<HTMLInputElement>);\n      onChange(e);\n    },\n    [onChange]\n  );\n\n  if (value.startsWith('+')) {\n    const country = getCountryFromValue(value);\n    const prefixLength = country?.prefix?.length || 0;\n    value = value.substring(prefixLength);\n  }\n\n  useLayoutEffect(() => {\n    const input = internalInputRef?.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      <Input\n        ref={forkedRef}\n        value={value}\n        {...(rest as any)}\n        className={clsx(className, 'tcn-control-set-item')}\n        onChange={handleChange}\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      <SuggestionList\n        open={isPhoneBookOpen}\n        anchorElement={phoneBookElement}\n        horizontalAnchor=\"end\"\n        horizontalOrigin=\"end\"\n        verticalAnchor=\"top\"\n        verticalOrigin=\"top\"\n        width=\"300px\"\n        onOptionSelect={handlePhoneBookOptionSelect}\n        onClose={closePhoneBook}\n        noSuggestionMessage=\"No phone numbers found\"\n      >\n        {phoneBookOptions}\n      </SuggestionList>\n    </>\n  );\n});\n"],"names":["PhoneNumberInputAdapter","forwardRef","onChange","value","className","rest","ref","phoneBookElement","setPhoneBookElement","useState","isPhoneBookOpen","internalInputRef","useRef","forkedRef","useForkRef","phoneBookOptions","setValue","ariaPhoneBookButtonLabel","disabled","setFocusNumberInput","focusNumberInput","usePhoneContext","showPhoneBook","togglePhoneBook","e","closePhoneBook","handlePhoneBookOptionSelect","handleChange","useCallback","event","prefixLength","getCountryFromValue","useLayoutEffect","input","jsxs","Fragment","jsx","Input","clsx","Button","NotebookIcon","SuggestionList"],"mappings":";;;;;;;;;;;;;AAcO,MAAMA,KAA0BC,EAGrC,SAAsB,EAAE,UAAAC,GAAU,OAAAC,IAAQ,IAAI,WAAAC,GAAW,GAAGC,EAAA,GAAQC,GAAK;AACzE,EAAAH,IAAQA,EAAM,SAAA;AACd,QAAM,CAACI,GAAkBC,CAAmB,IAAIC;AAAA,IAC9C;AAAA,EAAA,GAEIC,IAAkBH,KAAoB,MACtCI,IAAmBC,EAAgC,IAAI,GACvDC,IAAYC,EAAWR,GAAKK,CAAgB,GAE5C;AAAA,IACJ,WAAWI;AAAA,IACX,UAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,UAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,kBAAAC;AAAA,EAAA,IACEC,EAAA,GAEEC,IAAgBP,EAAiB,SAAS;AAEhD,WAASQ,EAAgBC,GAAwC;AAC/D,IACEhB,EADEE,IACkB,OAEAc,EAAE,aAFE;AAAA,EAI5B;AAEA,WAASC,IAAiB;AACxB,IAAAjB,EAAoB,IAAI;AAAA,EAC1B;AAEA,WAASkB,EAA4BvB,GAAe;AAClD,IAAAsB,EAAA,GACAN,EAAoB,EAAI,GACxBH,EAASb,CAAK;AAAA,EAChB;AAEA,QAAMwB,IAAeC;AAAA,IACnB,CAACzB,GAAe0B,MAAgD;AAC9D,UAAI,CAAC3B,EAAU;AAOf,MAAAA,EALE2B,KACC;AAAA,QACC,QAAQ,EAAE,OAAA1B,EAAAA;AAAAA,QACV,eAAe,EAAE,OAAAA,EAAAA;AAAAA,MAAM,CAEjB;AAAA,IACZ;AAAA,IACA,CAACD,CAAQ;AAAA,EAAA;AAGX,MAAIC,EAAM,WAAW,GAAG,GAAG;AAEzB,UAAM2B,IADUC,EAAoB5B,CAAK,GACX,QAAQ,UAAU;AAChD,IAAAA,IAAQA,EAAM,UAAU2B,CAAY;AAAA,EACtC;AAEA,SAAAE,EAAgB,MAAM;AACpB,UAAMC,IAAQtB,GAAkB;AAEhC,IAAIsB,KAAS,QAAQ,CAACb,KAItB,sBAAsB,MAAM;AAC1B,MAAIa,EAAM,MAAM,SAAS,IACvBA,EAAM,OAAA,IAENA,EAAM,MAAA;AAAA,IAEV,CAAC;AAAA,EACH,GAAG,CAACb,CAAgB,CAAC,GAGnB,gBAAAc,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAKxB;AAAA,QACL,OAAAV;AAAA,QACC,GAAIE;AAAA,QACL,WAAWiC,EAAKlC,GAAW,sBAAsB;AAAA,QACjD,UAAUuB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEXL,KACC,gBAAAc;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,UAAArB;AAAA,QACA,WAAWoB,EAAK,wBAAwB,6BAA6B;AAAA,QACrE,cAAYrB;AAAA,QACZ,SAASM;AAAA,QACT,MAAK;AAAA,QAEL,UAAA,gBAAAa,EAACI,GAAA,EAAa,MAAK,KAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAG5B,gBAAAJ;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,MAAM/B;AAAA,QACN,eAAeH;AAAA,QACf,kBAAiB;AAAA,QACjB,kBAAiB;AAAA,QACjB,gBAAe;AAAA,QACf,gBAAe;AAAA,QACf,OAAM;AAAA,QACN,gBAAgBmB;AAAA,QAChB,SAASD;AAAA,QACT,qBAAoB;AAAA,QAEnB,UAAAV;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ,CAAC;"}

package/dist/inputs/phone_number_input/sip_input.js

@@ -4,7 +4,6 @@ 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 j } from "../../actions/button/button/button.js";
 import "../../actions/toggle/toggle.js";
 import { ControlSet as w } from "../control_set/control_set.js";
@@ -12,7 +11,7 @@ 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({
+function Z({
   disabled: n,
   countries: d,
   name: k,
@@ -27,8 +26,8 @@ function oo({
     setCountry: C,
     ariaPhoneBookButtonLabel: I,
     sipAddress: p,
-    setSipAddress: m,
-    focusNumberInput: c,
+    setSipAddress: c,
+    focusNumberInput: m,
     setFocusNumberInput: a
   } = V(), x = s.length > 0;
   function A(o) {
@@ -45,17 +44,17 @@ function oo({
     label: o
   })) || [];
   function v(o) {
-    o !== "SIP" && (m(p), a(!0), r(""), C(o || "US"));
+    o !== "SIP" && (c(p), a(!0), r(""), C(o || "US"));
   }
   function z(o) {
-    m(o), r(`sip:${o}`);
+    c(o), r(`sip:${o}`);
   }
   return F(() => {
     const o = i.current;
-    o == null || !c || requestAnimationFrame(() => {
+    o == null || !m || requestAnimationFrame(() => {
       o.value.length > 0 ? o.select() : o.focus();
     });
-  }, [c]), /* @__PURE__ */ f(E, { children: [
+  }, [m]), /* @__PURE__ */ f(E, { children: [
     /* @__PURE__ */ f(w, { children: [
       /* @__PURE__ */ e(
         _,
@@ -111,6 +110,6 @@ function oo({
   ] });
 }
 export {
-  oo as SipInput
+  Z 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  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":"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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,EAAS;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/inputs/select/select.js

@@ -1,20 +1,20 @@
 import { jsxs as G, Fragment as H, jsx as u } from "react/jsx-runtime";
-import "../../utils/click_away_listener.js";
-import "../../utils/focus_redirect.js";
-import "../../utils/scroll_away_listener.js";
+import "../../utils/listeners/click_away_listener.js";
+import "../../utils/listeners/focus_redirect.js";
+import "../../utils/listeners/scroll_away_listener.js";
 import F, { useRef as c, useState as w } from "react";
 import { useForkRef as J } from "../../utils/hooks/use_fork_ref.js";
 import "../../utils/hooks/use_resize_observer.js";
-import "../../utils/dnd/context.js";
+import "../../utils/hooks/labelled_by_context.js";
+import "../../utils/decorators/draggable/context.js";
 import { clsx as L } from "clsx";
-import "../../draggable.module-BgelQsuJ.js";
-import "../../utils/resize/context.js";
-import "../../resizable.module-I6iyBAvM.js";
-import "../../utils/resize/resize_handle.js";
+import "../../draggable.module-DFYR5n3n.js";
+import "../../utils/decorators/resizable/context.js";
+import "../../resizable.module-ur5FBfxo.js";
+import "../../utils/decorators/resizable/resize_handle.js";
 import { SuggestionList as Q } from "../suggestions/suggestion_list.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 W } from "../../actions/button/button/button.js";
 import "../../actions/toggle/toggle.js";
 import '../../select.css';const X = "_select_aabe288", Y = "_selectedLabel_b92ff3e", O = { select: X, selectedLabel: Y };

package/dist/inputs/slider/slider.js

@@ -1,40 +1,41 @@
 import { jsx as f } from "react/jsx-runtime";
 import { clsx as m } from "clsx";
 import g, { useRef as v, useLayoutEffect as y } from "react";
-import "../../utils/click_away_listener.js";
-import "../../utils/focus_redirect.js";
-import "../../utils/scroll_away_listener.js";
+import "../../utils/listeners/click_away_listener.js";
+import "../../utils/listeners/focus_redirect.js";
+import "../../utils/listeners/scroll_away_listener.js";
 import { useForkRef as R } from "../../utils/hooks/use_fork_ref.js";
 import "../../utils/hooks/use_resize_observer.js";
-import "../../utils/dnd/context.js";
-import "../../draggable.module-BgelQsuJ.js";
-import "../../utils/resize/context.js";
-import "../../resizable.module-I6iyBAvM.js";
-import "../../utils/resize/resize_handle.js";
-import '../../slider.css';const S = "_slider_eb84151", _ = { slider: S }, A = g.forwardRef(function({ style: l, className: a, width: p, min: t = 0, max: r = 100, onChange: s, ...i }, u) {
+import "../../utils/hooks/labelled_by_context.js";
+import "../../utils/decorators/draggable/context.js";
+import "../../draggable.module-DFYR5n3n.js";
+import "../../utils/decorators/resizable/context.js";
+import "../../resizable.module-ur5FBfxo.js";
+import "../../utils/decorators/resizable/resize_handle.js";
+import '../../slider.css';const S = "_slider_eb84151", _ = { slider: S }, B = g.forwardRef(function({ style: l, className: a, width: p, min: e = 0, max: r = 100, onChange: s, ...i }, u) {
   const n = v(null), c = R(u, n);
   return y(() => {
-    const e = n.current;
-    if (e == null) return;
+    const t = n.current;
+    if (t == null) return;
     const o = () => {
-      const d = (parseFloat(e.value) - t) / (r - t) * 100;
-      e.style.setProperty("--progress", `${d}%`);
+      const d = (parseFloat(t.value) - e) / (r - e) * 100;
+      t.style.setProperty("--progress", `${d}%`);
     };
-    return e.addEventListener("input", o), o(), () => {
-      e.removeEventListener("input", o);
+    return t.addEventListener("input", o), o(), () => {
+      t.removeEventListener("input", o);
     };
-  }, [t, r]), /* @__PURE__ */ f(
+  }, [e, r]), /* @__PURE__ */ f(
     "input",
     {
       type: "range",
       className: m(a, _.slider, "tcn-slider"),
       "data-is-disabled": i.disabled || !1,
       ref: c,
-      onChange: (e) => {
-        s && s(e.currentTarget.value, e);
+      onChange: (t) => {
+        s && s(t.currentTarget.value, t);
       },
       ...i,
-      min: String(t),
+      min: String(e),
       max: String(r),
       "data-width": "100%",
       style: { width: p, ...l }
@@ -42,6 +43,6 @@ import '../../slider.css';const S = "_slider_eb84151", _ = { slider: S }, A = g.
   );
 });
 export {
-  A as Slider
+  B as Slider
 };
 //# sourceMappingURL=slider.js.map

package/dist/inputs/slider/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sources":["../../../src/inputs/slider/slider.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React, { useLayoutEffect, useRef } from 'react';\nimport { HTMLAttributes } from 'react';\nimport styles from './slider.module.css';\nimport { useForkRef } from '../../utils/index.js';\n\nexport interface SliderProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChange'> {\n  width?: string;\n  disabled?: boolean;\n  min?: number;\n  max?: number;\n  value?: string;\n  list?: string;\n  onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport const Slider = React.forwardRef(function Slider(\n  { style, className, width, min = 0, max = 100, onChange, ...props }: SliderProps,\n  ref: React.Ref<HTMLInputElement>\n) {\n  const localRef = useRef<HTMLInputElement>(null);\n  const forkedRef = useForkRef(ref, localRef);\n\n  useLayoutEffect(() => {\n    const range = localRef.current;\n    if (range == null) return;\n    const updateProgress = () => {\n      const value = parseFloat(range.value);\n      const percent = ((value - min) / (max - min)) * 100;\n      range.style.setProperty('--progress', `${percent}%`);\n    };\n\n    range.addEventListener('input', updateProgress);\n    updateProgress();\n\n    return () => {\n      range.removeEventListener('input', updateProgress);\n    };\n  }, [min, max]);\n\n  return (\n    <input\n      type=\"range\"\n      className={clsx(className, styles.slider, 'tcn-slider')}\n      data-is-disabled={props.disabled || false}\n      ref={forkedRef}\n      onChange={e => {\n        onChange && onChange(e.currentTarget.value, e);\n      }}\n      {...props}\n      min={String(min)}\n      max={String(max)}\n      data-width=\"100%\"\n      style={{ width, ...style }}\n    />\n  );\n});\n"],"names":["Slider","React","style","className","width","min","max","onChange","props","ref","localRef","useRef","forkedRef","useForkRef","useLayoutEffect","range","updateProgress","percent","jsx","clsx","styles"],"mappings":";;;;;;;;;;;;;gDAgBaA,IAASC,EAAM,WAAW,SACrC,EAAE,OAAAC,GAAO,WAAAC,GAAW,OAAAC,GAAO,KAAAC,IAAM,GAAG,KAAAC,IAAM,KAAK,UAAAC,GAAU,GAAGC,EAAA,GAC5DC,GACA;AACA,QAAMC,IAAWC,EAAyB,IAAI,GACxCC,IAAYC,EAAWJ,GAAKC,CAAQ;AAE1C,SAAAI,EAAgB,MAAM;AACpB,UAAMC,IAAQL,EAAS;AACvB,QAAIK,KAAS,KAAM;AACnB,UAAMC,IAAiB,MAAM;AAE3B,YAAMC,KADQ,WAAWF,EAAM,KAAK,IACVV,MAAQC,IAAMD,KAAQ;AAChD,MAAAU,EAAM,MAAM,YAAY,cAAc,GAAGE,CAAO,GAAG;AAAA,IACrD;AAEA,WAAAF,EAAM,iBAAiB,SAASC,CAAc,GAC9CA,EAAA,GAEO,MAAM;AACX,MAAAD,EAAM,oBAAoB,SAASC,CAAc;AAAA,IACnD;AAAA,EACF,GAAG,CAACX,GAAKC,CAAG,CAAC,GAGX,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWC,EAAKhB,GAAWiB,EAAO,QAAQ,YAAY;AAAA,MACtD,oBAAkBZ,EAAM,YAAY;AAAA,MACpC,KAAKI;AAAA,MACL,UAAU,CAAA,MAAK;AACb,QAAAL,KAAYA,EAAS,EAAE,cAAc,OAAO,CAAC;AAAA,MAC/C;AAAA,MACC,GAAGC;AAAA,MACJ,KAAK,OAAOH,CAAG;AAAA,MACf,KAAK,OAAOC,CAAG;AAAA,MACf,cAAW;AAAA,MACX,OAAO,EAAE,OAAAF,GAAO,GAAGF,EAAA;AAAA,IAAM;AAAA,EAAA;AAG/B,CAAC;"}
+{"version":3,"file":"slider.js","sources":["../../../src/inputs/slider/slider.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport React, { useLayoutEffect, useRef } from 'react';\nimport { HTMLAttributes } from 'react';\nimport styles from './slider.module.css';\nimport { useForkRef } from '../../utils/index.js';\n\nexport interface SliderProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChange'> {\n  width?: string;\n  disabled?: boolean;\n  min?: number;\n  max?: number;\n  value?: string;\n  list?: string;\n  onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport const Slider = React.forwardRef(function Slider(\n  { style, className, width, min = 0, max = 100, onChange, ...props }: SliderProps,\n  ref: React.Ref<HTMLInputElement>\n) {\n  const localRef = useRef<HTMLInputElement>(null);\n  const forkedRef = useForkRef(ref, localRef);\n\n  useLayoutEffect(() => {\n    const range = localRef.current;\n    if (range == null) return;\n    const updateProgress = () => {\n      const value = parseFloat(range.value);\n      const percent = ((value - min) / (max - min)) * 100;\n      range.style.setProperty('--progress', `${percent}%`);\n    };\n\n    range.addEventListener('input', updateProgress);\n    updateProgress();\n\n    return () => {\n      range.removeEventListener('input', updateProgress);\n    };\n  }, [min, max]);\n\n  return (\n    <input\n      type=\"range\"\n      className={clsx(className, styles.slider, 'tcn-slider')}\n      data-is-disabled={props.disabled || false}\n      ref={forkedRef}\n      onChange={e => {\n        onChange && onChange(e.currentTarget.value, e);\n      }}\n      {...props}\n      min={String(min)}\n      max={String(max)}\n      data-width=\"100%\"\n      style={{ width, ...style }}\n    />\n  );\n});\n"],"names":["Slider","React","style","className","width","min","max","onChange","props","ref","localRef","useRef","forkedRef","useForkRef","useLayoutEffect","range","updateProgress","percent","jsx","clsx","styles","e"],"mappings":";;;;;;;;;;;;;;gDAgBaA,IAASC,EAAM,WAAW,SACrC,EAAE,OAAAC,GAAO,WAAAC,GAAW,OAAAC,GAAO,KAAAC,IAAM,GAAG,KAAAC,IAAM,KAAK,UAAAC,GAAU,GAAGC,EAAA,GAC5DC,GACA;AACA,QAAMC,IAAWC,EAAyB,IAAI,GACxCC,IAAYC,EAAWJ,GAAKC,CAAQ;AAE1C,SAAAI,EAAgB,MAAM;AACpB,UAAMC,IAAQL,EAAS;AACvB,QAAIK,KAAS,KAAM;AACnB,UAAMC,IAAiB,MAAM;AAE3B,YAAMC,KADQ,WAAWF,EAAM,KAAK,IACVV,MAAQC,IAAMD,KAAQ;AAChD,MAAAU,EAAM,MAAM,YAAY,cAAc,GAAGE,CAAO,GAAG;AAAA,IACrD;AAEA,WAAAF,EAAM,iBAAiB,SAASC,CAAc,GAC9CA,EAAA,GAEO,MAAM;AACX,MAAAD,EAAM,oBAAoB,SAASC,CAAc;AAAA,IACnD;AAAA,EACF,GAAG,CAACX,GAAKC,CAAG,CAAC,GAGX,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAWC,EAAKhB,GAAWiB,EAAO,QAAQ,YAAY;AAAA,MACtD,oBAAkBZ,EAAM,YAAY;AAAA,MACpC,KAAKI;AAAA,MACL,UAAU,CAAAS,MAAK;AACb,QAAAd,KAAYA,EAASc,EAAE,cAAc,OAAOA,CAAC;AAAA,MAC/C;AAAA,MACC,GAAGb;AAAA,MACJ,KAAK,OAAOH,CAAG;AAAA,MACf,KAAK,OAAOC,CAAG;AAAA,MACf,cAAW;AAAA,MACX,OAAO,EAAE,OAAAF,GAAO,GAAGF,EAAA;AAAA,IAAM;AAAA,EAAA;AAG/B,CAAC;"}

package/dist/inputs/suggestions/suggestion_list.js

@@ -10,20 +10,20 @@ import { VStack as q } from "../../stacks/v_stack.js";
 import { ZStack as ye } from "../../stacks/z_stack.js";
 import { clsx as F } from "clsx";
 import O, { Children as Se, isValidElement as Me, useState as a, useRef as H, useLayoutEffect as m } from "react";
-import "../../utils/click_away_listener.js";
-import { FocusRedirect as Ie } from "../../utils/focus_redirect.js";
-import "../../utils/scroll_away_listener.js";
+import "../../utils/listeners/click_away_listener.js";
+import { FocusRedirect as Ie } from "../../utils/listeners/focus_redirect.js";
+import "../../utils/listeners/scroll_away_listener.js";
 import "../../utils/hooks/use_resize_observer.js";
-import "../../utils/dnd/context.js";
-import "../../draggable.module-BgelQsuJ.js";
-import "../../utils/resize/context.js";
-import "../../resizable.module-I6iyBAvM.js";
-import "../../utils/resize/resize_handle.js";
+import "../../utils/hooks/labelled_by_context.js";
+import "../../utils/decorators/draggable/context.js";
+import "../../draggable.module-DFYR5n3n.js";
+import "../../utils/decorators/resizable/context.js";
+import "../../resizable.module-ur5FBfxo.js";
+import "../../utils/decorators/resizable/resize_handle.js";
 import { SuggestionItem as Ce } from "./suggestion_item.js";
 import { Option as Z } from "../options/option.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 Re } from "../../actions/button/button/button.js";
 import "../../actions/toggle/toggle.js";
 import { Popper as ve } from "../../overlay/popper/legacy/popper.js";

package/dist/inputs/switch/switch.js

@@ -1,34 +1,35 @@
 import { jsxs as F, jsx as l } from "react/jsx-runtime";
 import R, { useState as k, useRef as B } from "react";
-import "../../utils/click_away_listener.js";
-import "../../utils/focus_redirect.js";
-import "../../utils/scroll_away_listener.js";
+import "../../utils/listeners/click_away_listener.js";
+import "../../utils/listeners/focus_redirect.js";
+import "../../utils/listeners/scroll_away_listener.js";
 import { useForkRef as y } from "../../utils/hooks/use_fork_ref.js";
 import "../../utils/hooks/use_resize_observer.js";
-import "../../utils/dnd/context.js";
+import "../../utils/hooks/labelled_by_context.js";
+import "../../utils/decorators/draggable/context.js";
 import { clsx as s } from "clsx";
-import "../../draggable.module-BgelQsuJ.js";
-import "../../utils/resize/context.js";
-import "../../resizable.module-I6iyBAvM.js";
-import "../../utils/resize/resize_handle.js";
+import "../../draggable.module-DFYR5n3n.js";
+import "../../utils/decorators/resizable/context.js";
+import "../../resizable.module-ur5FBfxo.js";
+import "../../utils/decorators/resizable/resize_handle.js";
 import { CheckIcon as S } from "@tcn/icons/check_icon.js";
 import { CrossIcon as N } from "@tcn/icons/cross_icon.js";
-import '../../switch.css';const g = "_switch-wrapper_db1838e", j = "_switch_bf6748b", C = "_switch-icon_d615789", i = { "switch-wrapper": g, switch: j, "switch-icon": C }, Q = R.forwardRef(function({
+import '../../switch.css';const g = "_switch-wrapper_db1838e", j = "_switch_bf6748b", C = "_switch-icon_d615789", i = { "switch-wrapper": g, switch: j, "switch-icon": C }, U = R.forwardRef(function({
   checked: o,
   backgroundColor: e,
   style: f,
   className: u,
   inputRef: d,
   omitIcons: m = !1,
-  onChange: n,
+  onChange: r,
   ...t
 }, w) {
-  const [h, r] = k(!1), p = B(null), b = y(d, p), a = {};
+  const [h, n] = k(!1), p = B(null), b = y(d, p), a = {};
   function _(c) {
-    t.onBlur && t.onBlur(c), r(!1);
+    t.onBlur && t.onBlur(c), n(!1);
   }
   function I(c) {
-    t.onFocus && t.onFocus(c), r(!0);
+    t.onFocus && t.onFocus(c), n(!0);
   }
   e != null && (a["--accent-color"] = e);
   const x = o ? S : N;
@@ -61,7 +62,7 @@ import '../../switch.css';const g = "_switch-wrapper_db1838e", j = "_switch_bf67
             checked: o,
             "data-is-disabled": t.disabled || !1,
             onChange: (c) => {
-              n && n(!!c.currentTarget.checked, c);
+              r && r(!!c.currentTarget.checked, c);
             },
             ...t
           }
@@ -71,6 +72,6 @@ import '../../switch.css';const g = "_switch-wrapper_db1838e", j = "_switch_bf67
   );
 });
 export {
-  Q as Switch
+  U as Switch
 };
 //# sourceMappingURL=switch.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sources":["../../../src/inputs/switch/switch.tsx"],"sourcesContent":["import React, { useRef, useState, HTMLAttributes, ChangeEvent } from 'react';\nimport { useForkRef } from '../../utils/index.js';\nimport { clsx } from 'clsx';\nimport styles from './switch.module.css';\nimport { CheckIcon } from '@tcn/icons/check_icon.js';\nimport { CrossIcon } from '@tcn/icons/cross_icon.js';\n\nexport interface SwitchProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChange'> {\n  checked?: boolean;\n  backgroundColor?: string;\n  inputRef?: React.Ref<HTMLInputElement>;\n  disabled?: boolean;\n  onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n  omitIcons?: boolean;\n}\n\nexport const Switch = React.forwardRef(function Switch(\n  {\n    checked,\n    backgroundColor: onColor,\n    style,\n    className,\n    inputRef,\n    omitIcons = false,\n    onChange,\n    ...props\n  }: SwitchProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const [isFocused, setIsFocused] = useState(false);\n  const internalInputRef = useRef<HTMLInputElement | null>(null);\n  const forkedInputRef = useForkRef(inputRef, internalInputRef);\n  const customStyles: any = {};\n\n  function blur(event: React.FocusEvent<HTMLInputElement>) {\n    props.onBlur && props.onBlur(event);\n    setIsFocused(false);\n  }\n\n  function focus(event: React.FocusEvent<HTMLInputElement>) {\n    props.onFocus && props.onFocus(event);\n    setIsFocused(true);\n  }\n\n  if (onColor != null) {\n    customStyles['--accent-color'] = onColor;\n  }\n\n  const Icon = checked ? CheckIcon : CrossIcon;\n\n  return (\n    <div\n      ref={ref}\n      data-focused={isFocused}\n      data-is-checked={Boolean(checked)}\n      data-is-disabled={props.disabled || false}\n      data-width=\"fixed\"\n      className={clsx(styles['switch-wrapper'], className, 'tcn-switch-wrapper')}\n    >\n      {!omitIcons && (\n        <Icon\n          className={clsx(styles['switch-icon'], 'tcn-switch-icon')}\n          data-is-checked={checked}\n        />\n      )}\n      <input\n        ref={forkedInputRef}\n        type=\"checkbox\"\n        className={clsx(styles.switch, 'tcn-switch')}\n        onBlur={blur}\n        onFocus={focus}\n        style={{ ...style, ...customStyles }}\n        checked={checked}\n        data-is-disabled={props.disabled || false}\n        onChange={e => {\n          onChange && onChange(Boolean(e.currentTarget.checked), e);\n        }}\n        {...props}\n      />\n    </div>\n  );\n});\n"],"names":["Switch","React","checked","onColor","style","className","inputRef","omitIcons","onChange","props","ref","isFocused","setIsFocused","useState","internalInputRef","useRef","forkedInputRef","useForkRef","customStyles","blur","event","focus","Icon","CheckIcon","CrossIcon","jsxs","clsx","styles","jsx","e"],"mappings":";;;;;;;;;;;;;;;kJAgBaA,IAASC,EAAM,WAAW,SACrC;AAAA,EACE,SAAAC;AAAA,EACA,iBAAiBC;AAAA,EACjB,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAmBC,EAAgC,IAAI,GACvDC,IAAiBC,EAAWX,GAAUQ,CAAgB,GACtDI,IAAoB,CAAA;AAE1B,WAASC,EAAKC,GAA2C;AACvD,IAAAX,EAAM,UAAUA,EAAM,OAAOW,CAAK,GAClCR,EAAa,EAAK;AAAA,EACpB;AAEA,WAASS,EAAMD,GAA2C;AACxD,IAAAX,EAAM,WAAWA,EAAM,QAAQW,CAAK,GACpCR,EAAa,EAAI;AAAA,EACnB;AAEA,EAAIT,KAAW,SACbe,EAAa,gBAAgB,IAAIf;AAGnC,QAAMmB,IAAOpB,IAAUqB,IAAYC;AAEnC,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAf;AAAA,MACA,gBAAcC;AAAA,MACd,mBAAiB,EAAQT;AAAA,MACzB,oBAAkBO,EAAM,YAAY;AAAA,MACpC,cAAW;AAAA,MACX,WAAWiB,EAAKC,EAAO,gBAAgB,GAAGtB,GAAW,oBAAoB;AAAA,MAExE,UAAA;AAAA,QAAA,CAACE,KACA,gBAAAqB;AAAA,UAACN;AAAA,UAAA;AAAA,YACC,WAAWI,EAAKC,EAAO,aAAa,GAAG,iBAAiB;AAAA,YACxD,mBAAiBzB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGrB,gBAAA0B;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKZ;AAAA,YACL,MAAK;AAAA,YACL,WAAWU,EAAKC,EAAO,QAAQ,YAAY;AAAA,YAC3C,QAAQR;AAAA,YACR,SAASE;AAAA,YACT,OAAO,EAAE,GAAGjB,GAAO,GAAGc,EAAA;AAAA,YACtB,SAAAhB;AAAA,YACA,oBAAkBO,EAAM,YAAY;AAAA,YACpC,UAAU,CAAAoB,MAAK;AACb,cAAArB,KAAYA,EAAS,EAAQqB,EAAE,cAAc,SAAUA,CAAC;AAAA,YAC1D;AAAA,YACC,GAAGpB;AAAA,UAAA;AAAA,QAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"switch.js","sources":["../../../src/inputs/switch/switch.tsx"],"sourcesContent":["import React, { useRef, useState, HTMLAttributes, ChangeEvent } from 'react';\nimport { useForkRef } from '../../utils/index.js';\nimport { clsx } from 'clsx';\nimport styles from './switch.module.css';\nimport { CheckIcon } from '@tcn/icons/check_icon.js';\nimport { CrossIcon } from '@tcn/icons/cross_icon.js';\n\nexport interface SwitchProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChange'> {\n  checked?: boolean;\n  backgroundColor?: string;\n  inputRef?: React.Ref<HTMLInputElement>;\n  disabled?: boolean;\n  onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n  omitIcons?: boolean;\n}\n\nexport const Switch = React.forwardRef(function Switch(\n  {\n    checked,\n    backgroundColor: onColor,\n    style,\n    className,\n    inputRef,\n    omitIcons = false,\n    onChange,\n    ...props\n  }: SwitchProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const [isFocused, setIsFocused] = useState(false);\n  const internalInputRef = useRef<HTMLInputElement | null>(null);\n  const forkedInputRef = useForkRef(inputRef, internalInputRef);\n  const customStyles: any = {};\n\n  function blur(event: React.FocusEvent<HTMLInputElement>) {\n    props.onBlur && props.onBlur(event);\n    setIsFocused(false);\n  }\n\n  function focus(event: React.FocusEvent<HTMLInputElement>) {\n    props.onFocus && props.onFocus(event);\n    setIsFocused(true);\n  }\n\n  if (onColor != null) {\n    customStyles['--accent-color'] = onColor;\n  }\n\n  const Icon = checked ? CheckIcon : CrossIcon;\n\n  return (\n    <div\n      ref={ref}\n      data-focused={isFocused}\n      data-is-checked={Boolean(checked)}\n      data-is-disabled={props.disabled || false}\n      data-width=\"fixed\"\n      className={clsx(styles['switch-wrapper'], className, 'tcn-switch-wrapper')}\n    >\n      {!omitIcons && (\n        <Icon\n          className={clsx(styles['switch-icon'], 'tcn-switch-icon')}\n          data-is-checked={checked}\n        />\n      )}\n      <input\n        ref={forkedInputRef}\n        type=\"checkbox\"\n        className={clsx(styles.switch, 'tcn-switch')}\n        onBlur={blur}\n        onFocus={focus}\n        style={{ ...style, ...customStyles }}\n        checked={checked}\n        data-is-disabled={props.disabled || false}\n        onChange={e => {\n          onChange && onChange(Boolean(e.currentTarget.checked), e);\n        }}\n        {...props}\n      />\n    </div>\n  );\n});\n"],"names":["Switch","React","checked","onColor","style","className","inputRef","omitIcons","onChange","props","ref","isFocused","setIsFocused","useState","internalInputRef","useRef","forkedInputRef","useForkRef","customStyles","blur","event","focus","Icon","CheckIcon","CrossIcon","jsxs","clsx","styles","jsx","e"],"mappings":";;;;;;;;;;;;;;;;kJAgBaA,IAASC,EAAM,WAAW,SACrC;AAAA,EACE,SAAAC;AAAA,EACA,iBAAiBC;AAAA,EACjB,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1CC,IAAmBC,EAAgC,IAAI,GACvDC,IAAiBC,EAAWX,GAAUQ,CAAgB,GACtDI,IAAoB,CAAA;AAE1B,WAASC,EAAKC,GAA2C;AACvD,IAAAX,EAAM,UAAUA,EAAM,OAAOW,CAAK,GAClCR,EAAa,EAAK;AAAA,EACpB;AAEA,WAASS,EAAMD,GAA2C;AACxD,IAAAX,EAAM,WAAWA,EAAM,QAAQW,CAAK,GACpCR,EAAa,EAAI;AAAA,EACnB;AAEA,EAAIT,KAAW,SACbe,EAAa,gBAAgB,IAAIf;AAGnC,QAAMmB,IAAOpB,IAAUqB,IAAYC;AAEnC,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAf;AAAA,MACA,gBAAcC;AAAA,MACd,mBAAiB,EAAQT;AAAA,MACzB,oBAAkBO,EAAM,YAAY;AAAA,MACpC,cAAW;AAAA,MACX,WAAWiB,EAAKC,EAAO,gBAAgB,GAAGtB,GAAW,oBAAoB;AAAA,MAExE,UAAA;AAAA,QAAA,CAACE,KACA,gBAAAqB;AAAA,UAACN;AAAA,UAAA;AAAA,YACC,WAAWI,EAAKC,EAAO,aAAa,GAAG,iBAAiB;AAAA,YACxD,mBAAiBzB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGrB,gBAAA0B;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKZ;AAAA,YACL,MAAK;AAAA,YACL,WAAWU,EAAKC,EAAO,QAAQ,YAAY;AAAA,YAC3C,QAAQR;AAAA,YACR,SAASE;AAAA,YACT,OAAO,EAAE,GAAGjB,GAAO,GAAGc,EAAA;AAAA,YACtB,SAAAhB;AAAA,YACA,oBAAkBO,EAAM,YAAY;AAAA,YACpC,UAAU,CAAAoB,MAAK;AACb,cAAArB,KAAYA,EAAS,EAAQqB,EAAE,cAAc,SAAUA,CAAC;AAAA,YAC1D;AAAA,YACC,GAAGpB;AAAA,UAAA;AAAA,QAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/inputs/unit_input/unit_input.js

@@ -1,16 +1,17 @@
 import { jsxs as g, jsx as f } from "react/jsx-runtime";
 import y, { useRef as E } from "react";
 import { clsx as o } from "clsx";
-import "../../utils/click_away_listener.js";
-import "../../utils/focus_redirect.js";
-import "../../utils/scroll_away_listener.js";
+import "../../utils/listeners/click_away_listener.js";
+import "../../utils/listeners/focus_redirect.js";
+import "../../utils/listeners/scroll_away_listener.js";
 import { useForkRef as V } from "../../utils/hooks/use_fork_ref.js";
 import "../../utils/hooks/use_resize_observer.js";
-import "../../utils/dnd/context.js";
-import "../../draggable.module-BgelQsuJ.js";
-import "../../utils/resize/context.js";
-import "../../resizable.module-I6iyBAvM.js";
-import "../../utils/resize/resize_handle.js";
+import "../../utils/hooks/labelled_by_context.js";
+import "../../utils/decorators/draggable/context.js";
+import "../../draggable.module-DFYR5n3n.js";
+import "../../utils/decorators/resizable/context.js";
+import "../../resizable.module-ur5FBfxo.js";
+import "../../utils/decorators/resizable/resize_handle.js";
 import { Input as v } from "../input/input.js";
 import { Select as w } from "../select/select.js";
 import { ControlSet as h } from "../control_set/control_set.js";
@@ -18,7 +19,7 @@ import '../../unit_input.css';const j = "_unit-input_4bd8bc8", k = "_unit-input-
 function U(p) {
   return p.replace(/[^.\d-]/g, "").replace(/(?!^)-/g, "").replace(/(\..*?)\.+/g, "$1");
 }
-const Y = y.forwardRef(function({
+const Z = y.forwardRef(function({
   value: A,
   unit: r,
   children: d,
@@ -83,6 +84,6 @@ const Y = y.forwardRef(function({
   );
 });
 export {
-  Y as UnitInput
+  Z as UnitInput
 };
 //# sourceMappingURL=unit_input.js.map

package/dist/inputs/unit_input/unit_input.js.map

@@ -1 +1 @@
-{"version":3,"file":"unit_input.js","sources":["../../../src/inputs/unit_input/unit_input.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { clsx } from 'clsx';\nimport { useForkRef } from '../../utils/index.js';\nimport { type HStackProps } from '../../stacks/h_stack.js';\nimport { Input } from '../input/input.js';\nimport { Select } from '../select/select.js';\nimport { OptionProps } from '../options/option.js';\nimport styles from './unit_input.module.css';\n\nimport { ControlSet } from '../control_set/control_set.js';\n\nfunction getDisplayValue(value: string) {\n  return value\n    .replace(/[^.\\d-]/g, '') // Remove invalid characters\n    .replace(/(?!^)-/g, '') // Ensure `-` only at the start\n    .replace(/(\\..*?)\\.+/g, '$1'); // Allow only one dot\n}\n\nexport interface UnitInputProps extends Omit<HStackProps, 'onChange' | 'children'> {\n  value?: number | null;\n  unit?: string;\n  children: React.ReactElement<OptionProps> | React.ReactElement<OptionProps>[];\n  onChange?: (value: number | null, unit: string) => void;\n  inputRef?: React.Ref<HTMLInputElement>;\n  unitRef?: React.Ref<HTMLButtonElement>;\n  disabled?: boolean;\n}\n\nexport const UnitInput = React.forwardRef(function UnitInput(\n  {\n    value,\n    unit,\n    children,\n    onChange,\n    inputRef,\n    unitRef,\n    disabled,\n    ...props\n  }: UnitInputProps,\n  ref: React.Ref<HTMLElement>\n) {\n  const internalInputRef = useRef<HTMLInputElement>(null);\n  const forkedInputRef = useForkRef(inputRef, internalInputRef);\n\n  function valueHandler(value: string, event?: React.ChangeEvent<HTMLInputElement>) {\n    if (event == null) {\n      return;\n    }\n\n    const input = event.currentTarget;\n    const cursorPosition = input.selectionStart || 0;\n    const displayValue = getDisplayValue(value);\n    const potentialValue = Number(displayValue);\n\n    input.value = displayValue;\n\n    if (displayValue.length < value.length) {\n      input.setSelectionRange(cursorPosition - 1, cursorPosition - 1);\n    }\n\n    if (displayValue === '') {\n      onChange && onChange(null, unit || '');\n    } else if (!isNaN(potentialValue)) {\n      onChange && onChange(potentialValue, unit || '');\n    }\n  }\n\n  function unitHandler(unit: string) {\n    const input = internalInputRef.current;\n    if (input == null) {\n      return;\n    }\n\n    const potentialValue = Number(input.value);\n    if (isNaN(potentialValue)) {\n      onChange && onChange(null, unit);\n    } else {\n      onChange && onChange(potentialValue, unit);\n    }\n  }\n\n  return (\n    <ControlSet\n      ref={ref}\n      className={clsx(styles['unit-input'], 'tcn-unit-input')}\n      height=\"auto\"\n      {...props}\n    >\n      <Input\n        width=\"flex\"\n        className={clsx(styles['unit-input-number'], 'tcn-unit-input-number')}\n        ref={forkedInputRef}\n        onChange={valueHandler}\n        disabled={disabled}\n        style={{\n          borderEndEndRadius: 0,\n          borderStartEndRadius: 0,\n          textAlign: 'start',\n        }}\n      />\n\n      <Select\n        className={clsx(styles['unit-input-select'], 'tcn-unit-input-select')}\n        ref={unitRef}\n        width=\"auto\"\n        value={unit}\n        onChange={unitHandler}\n        disabled={disabled}\n        style={{ borderStartStartRadius: 0, borderEndStartRadius: 0 }}\n      >\n        {children}\n      </Select>\n    </ControlSet>\n  );\n});\n"],"names":["getDisplayValue","value","UnitInput","React","unit","children","onChange","inputRef","unitRef","disabled","props","ref","internalInputRef","useRef","forkedInputRef","useForkRef","valueHandler","event","input","cursorPosition","displayValue","potentialValue","unitHandler","jsxs","ControlSet","clsx","styles","jsx","Input","Select"],"mappings":";;;;;;;;;;;;;;;;;AAWA,SAASA,EAAgBC,GAAe;AACtC,SAAOA,EACJ,QAAQ,YAAY,EAAE,EACtB,QAAQ,WAAW,EAAE,EACrB,QAAQ,eAAe,IAAI;AAChC;AAYO,MAAMC,IAAYC,EAAM,WAAW,SACxC;AAAA,EACE,OAAAF;AAAA,EACA,MAAAG;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAmBC,EAAyB,IAAI,GAChDC,IAAiBC,EAAWR,GAAUK,CAAgB;AAE5D,WAASI,EAAaf,GAAegB,GAA6C;AAChF,QAAIA,KAAS;AACX;AAGF,UAAMC,IAAQD,EAAM,eACdE,IAAiBD,EAAM,kBAAkB,GACzCE,IAAepB,EAAgBC,CAAK,GACpCoB,IAAiB,OAAOD,CAAY;AAE1C,IAAAF,EAAM,QAAQE,GAEVA,EAAa,SAASnB,EAAM,UAC9BiB,EAAM,kBAAkBC,IAAiB,GAAGA,IAAiB,CAAC,GAG5DC,MAAiB,KACnBd,KAAYA,EAAS,MAAMF,KAAQ,EAAE,IAC3B,MAAMiB,CAAc,KAC9Bf,KAAYA,EAASe,GAAgBjB,KAAQ,EAAE;AAAA,EAEnD;AAEA,WAASkB,EAAYlB,GAAc;AACjC,UAAMc,IAAQN,EAAiB;AAC/B,QAAIM,KAAS;AACX;AAGF,UAAMG,IAAiB,OAAOH,EAAM,KAAK;AACzC,IAAI,MAAMG,CAAc,IACtBf,KAAYA,EAAS,MAAMF,CAAI,IAE/BE,KAAYA,EAASe,GAAgBjB,CAAI;AAAA,EAE7C;AAEA,SACE,gBAAAmB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAb;AAAA,MACA,WAAWc,EAAKC,EAAO,YAAY,GAAG,gBAAgB;AAAA,MACtD,QAAO;AAAA,MACN,GAAGhB;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAiB;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,WAAWH,EAAKC,EAAO,mBAAmB,GAAG,uBAAuB;AAAA,YACpE,KAAKZ;AAAA,YACL,UAAUE;AAAA,YACV,UAAAP;AAAA,YACA,OAAO;AAAA,cACL,oBAAoB;AAAA,cACpB,sBAAsB;AAAA,cACtB,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,QAAA;AAAA,QAGF,gBAAAkB;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAWJ,EAAKC,EAAO,mBAAmB,GAAG,uBAAuB;AAAA,YACpE,KAAKlB;AAAA,YACL,OAAM;AAAA,YACN,OAAOJ;AAAA,YACP,UAAUkB;AAAA,YACV,UAAAb;AAAA,YACA,OAAO,EAAE,wBAAwB,GAAG,sBAAsB,EAAA;AAAA,YAEzD,UAAAJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}
+{"version":3,"file":"unit_input.js","sources":["../../../src/inputs/unit_input/unit_input.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { clsx } from 'clsx';\nimport { useForkRef } from '../../utils/index.js';\nimport { type HStackProps } from '../../stacks/h_stack.js';\nimport { Input } from '../input/input.js';\nimport { Select } from '../select/select.js';\nimport { OptionProps } from '../options/option.js';\nimport styles from './unit_input.module.css';\n\nimport { ControlSet } from '../control_set/control_set.js';\n\nfunction getDisplayValue(value: string) {\n  return value\n    .replace(/[^.\\d-]/g, '') // Remove invalid characters\n    .replace(/(?!^)-/g, '') // Ensure `-` only at the start\n    .replace(/(\\..*?)\\.+/g, '$1'); // Allow only one dot\n}\n\nexport interface UnitInputProps extends Omit<HStackProps, 'onChange' | 'children'> {\n  value?: number | null;\n  unit?: string;\n  children: React.ReactElement<OptionProps> | React.ReactElement<OptionProps>[];\n  onChange?: (value: number | null, unit: string) => void;\n  inputRef?: React.Ref<HTMLInputElement>;\n  unitRef?: React.Ref<HTMLButtonElement>;\n  disabled?: boolean;\n}\n\nexport const UnitInput = React.forwardRef(function UnitInput(\n  {\n    value,\n    unit,\n    children,\n    onChange,\n    inputRef,\n    unitRef,\n    disabled,\n    ...props\n  }: UnitInputProps,\n  ref: React.Ref<HTMLElement>\n) {\n  const internalInputRef = useRef<HTMLInputElement>(null);\n  const forkedInputRef = useForkRef(inputRef, internalInputRef);\n\n  function valueHandler(value: string, event?: React.ChangeEvent<HTMLInputElement>) {\n    if (event == null) {\n      return;\n    }\n\n    const input = event.currentTarget;\n    const cursorPosition = input.selectionStart || 0;\n    const displayValue = getDisplayValue(value);\n    const potentialValue = Number(displayValue);\n\n    input.value = displayValue;\n\n    if (displayValue.length < value.length) {\n      input.setSelectionRange(cursorPosition - 1, cursorPosition - 1);\n    }\n\n    if (displayValue === '') {\n      onChange && onChange(null, unit || '');\n    } else if (!isNaN(potentialValue)) {\n      onChange && onChange(potentialValue, unit || '');\n    }\n  }\n\n  function unitHandler(unit: string) {\n    const input = internalInputRef.current;\n    if (input == null) {\n      return;\n    }\n\n    const potentialValue = Number(input.value);\n    if (isNaN(potentialValue)) {\n      onChange && onChange(null, unit);\n    } else {\n      onChange && onChange(potentialValue, unit);\n    }\n  }\n\n  return (\n    <ControlSet\n      ref={ref}\n      className={clsx(styles['unit-input'], 'tcn-unit-input')}\n      height=\"auto\"\n      {...props}\n    >\n      <Input\n        width=\"flex\"\n        className={clsx(styles['unit-input-number'], 'tcn-unit-input-number')}\n        ref={forkedInputRef}\n        onChange={valueHandler}\n        disabled={disabled}\n        style={{\n          borderEndEndRadius: 0,\n          borderStartEndRadius: 0,\n          textAlign: 'start',\n        }}\n      />\n\n      <Select\n        className={clsx(styles['unit-input-select'], 'tcn-unit-input-select')}\n        ref={unitRef}\n        width=\"auto\"\n        value={unit}\n        onChange={unitHandler}\n        disabled={disabled}\n        style={{ borderStartStartRadius: 0, borderEndStartRadius: 0 }}\n      >\n        {children}\n      </Select>\n    </ControlSet>\n  );\n});\n"],"names":["getDisplayValue","value","UnitInput","React","unit","children","onChange","inputRef","unitRef","disabled","props","ref","internalInputRef","useRef","forkedInputRef","useForkRef","valueHandler","event","input","cursorPosition","displayValue","potentialValue","unitHandler","jsxs","ControlSet","clsx","styles","jsx","Input","Select"],"mappings":";;;;;;;;;;;;;;;;;;AAWA,SAASA,EAAgBC,GAAe;AACtC,SAAOA,EACJ,QAAQ,YAAY,EAAE,EACtB,QAAQ,WAAW,EAAE,EACrB,QAAQ,eAAe,IAAI;AAChC;AAYO,MAAMC,IAAYC,EAAM,WAAW,SACxC;AAAA,EACE,OAAAF;AAAA,EACA,MAAAG;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAmBC,EAAyB,IAAI,GAChDC,IAAiBC,EAAWR,GAAUK,CAAgB;AAE5D,WAASI,EAAaf,GAAegB,GAA6C;AAChF,QAAIA,KAAS;AACX;AAGF,UAAMC,IAAQD,EAAM,eACdE,IAAiBD,EAAM,kBAAkB,GACzCE,IAAepB,EAAgBC,CAAK,GACpCoB,IAAiB,OAAOD,CAAY;AAE1C,IAAAF,EAAM,QAAQE,GAEVA,EAAa,SAASnB,EAAM,UAC9BiB,EAAM,kBAAkBC,IAAiB,GAAGA,IAAiB,CAAC,GAG5DC,MAAiB,KACnBd,KAAYA,EAAS,MAAMF,KAAQ,EAAE,IAC3B,MAAMiB,CAAc,KAC9Bf,KAAYA,EAASe,GAAgBjB,KAAQ,EAAE;AAAA,EAEnD;AAEA,WAASkB,EAAYlB,GAAc;AACjC,UAAMc,IAAQN,EAAiB;AAC/B,QAAIM,KAAS;AACX;AAGF,UAAMG,IAAiB,OAAOH,EAAM,KAAK;AACzC,IAAI,MAAMG,CAAc,IACtBf,KAAYA,EAAS,MAAMF,CAAI,IAE/BE,KAAYA,EAASe,GAAgBjB,CAAI;AAAA,EAE7C;AAEA,SACE,gBAAAmB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAb;AAAA,MACA,WAAWc,EAAKC,EAAO,YAAY,GAAG,gBAAgB;AAAA,MACtD,QAAO;AAAA,MACN,GAAGhB;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAiB;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,WAAWH,EAAKC,EAAO,mBAAmB,GAAG,uBAAuB;AAAA,YACpE,KAAKZ;AAAA,YACL,UAAUE;AAAA,YACV,UAAAP;AAAA,YACA,OAAO;AAAA,cACL,oBAAoB;AAAA,cACpB,sBAAsB;AAAA,cACtB,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,QAAA;AAAA,QAGF,gBAAAkB;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAWJ,EAAKC,EAAO,mBAAmB,GAAG,uBAAuB;AAAA,YACpE,KAAKlB;AAAA,YACL,OAAM;AAAA,YACN,OAAOJ;AAAA,YACP,UAAUkB;AAAA,YACV,UAAAb;AAAA,YACA,OAAO,EAAE,wBAAwB,GAAG,sBAAsB,EAAA;AAAA,YAEzD,UAAAJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;"}

package/dist/mobile/inputs/date_picker/mobile_date_picker_header.js

@@ -9,20 +9,21 @@ import { MobileDatePickerYearSelector as j } from "./mobile_date_picker_year_sel
 import { MobileButton as n } from "../../actions/button/mobile_button.js";
 import { MobilePortal as x } from "../../portal/mobile_portal.js";
 import { MobileOverlayHeader as O } from "./mobile_overlay_header.js";
-import "../../../utils/click_away_listener.js";
-import { FocusRedirect as q } from "../../../utils/focus_redirect.js";
-import "../../../utils/scroll_away_listener.js";
+import "../../../utils/listeners/click_away_listener.js";
+import { FocusRedirect as q } from "../../../utils/listeners/focus_redirect.js";
+import "../../../utils/listeners/scroll_away_listener.js";
 import "../../../utils/hooks/use_resize_observer.js";
-import "../../../utils/dnd/context.js";
+import "../../../utils/hooks/labelled_by_context.js";
+import "../../../utils/decorators/draggable/context.js";
 import { clsx as z } from "clsx";
-import "../../../draggable.module-BgelQsuJ.js";
-import "../../../utils/resize/context.js";
-import "../../../resizable.module-I6iyBAvM.js";
-import "../../../utils/resize/resize_handle.js";
+import "../../../draggable.module-DFYR5n3n.js";
+import "../../../utils/decorators/resizable/context.js";
+import "../../../resizable.module-ur5FBfxo.js";
+import "../../../utils/decorators/resizable/resize_handle.js";
 import { ChevronLeftIcon as E } from "@tcn/icons/chevron_left_icon.js";
 import { ChevronRightIcon as T } from "@tcn/icons/chevron_right_icon.js";
 import '../../../mobile_date_picker_header.css';const W = "_mobile-date-picker-header_0678759", G = "_mobile-date-picker-overlay_d1d8dc4", J = "_mobile-month-list_1081f6a", Q = "_mobile-year-overlay_daba362", l = { "mobile-date-picker-header": W, "mobile-date-picker-overlay": G, "mobile-month-list": J, "mobile-year-overlay": Q };
-function ve({
+function ke({
   presenter: r,
   countryCode: a,
   selectMonthMessage: R = "Select Month",
@@ -161,6 +162,6 @@ function ve({
   ] });
 }
 export {
-  ve as MobileDatePickerHeader
+  ke as MobileDatePickerHeader
 };
 //# sourceMappingURL=mobile_date_picker_header.js.map

package/dist/mobile/inputs/date_picker/mobile_date_picker_header.js.map

@@ -1 +1 @@
-{"version":3,"file":"mobile_date_picker_header.js","sources":["../../../../src/mobile/inputs/date_picker/mobile_date_picker_header.tsx"],"sourcesContent":["import { useSignalValue } from '@tcn/state';\nimport { HStack } from '../../../stacks/h_stack.js';\nimport { VStack } from '../../../stacks/v_stack.js';\nimport { Spacer } from '../../../stacks/spacer.js';\nimport React, { useMemo, useRef, useState } from 'react';\nimport { getMonthsOfYear } from '../../../utils/calendar/get_months_of_year.js';\nimport { DatePickerPresenter } from '../../../inputs/date_picker/date_picker_presenter.js';\nimport { MobileDatePickerYearSelector } from './mobile_date_picker_year_selector.js';\nimport { MobileButton } from '../../actions/button/mobile_button.js';\nimport { MobilePortal } from '../../portal/mobile_portal.js';\nimport { MobileOverlayHeader } from './mobile_overlay_header.js';\nimport { FocusRedirect } from '../../../utils/index.js';\nimport { ChevronLeftIcon } from '@tcn/icons/chevron_left_icon.js';\nimport { ChevronRightIcon } from '@tcn/icons/chevron_right_icon.js';\nimport { clsx } from 'clsx';\nimport styles from './mobile_date_picker_header.module.css';\n\nexport interface MobileDatePickerHeaderProps {\n  presenter: DatePickerPresenter;\n  countryCode: string;\n  selectMonthMessage?: string;\n  selectYearMessage?: string;\n}\n\nexport function MobileDatePickerHeader({\n  presenter,\n  countryCode,\n  selectMonthMessage = 'Select Month',\n  selectYearMessage = 'Select Year',\n}: MobileDatePickerHeaderProps) {\n  const state = useSignalValue(presenter.stateBroadcast);\n  const [monthOpen, setMonthOpen] = useState(false);\n  const [yearOpen, setYearOpen] = useState(false);\n  const monthButtonRef = useRef<HTMLButtonElement | null>(null);\n  const yearButtonRef = useRef<HTMLButtonElement | null>(null);\n  const monthListRef = useRef<HTMLDivElement | null>(null);\n\n  const longMonths = useMemo(() => getMonthsOfYear(countryCode, 'long'), [countryCode]);\n  const shortMonths = useMemo(() => getMonthsOfYear(countryCode, 'short'), [countryCode]);\n\n  function selectMonth(value: string) {\n    presenter.setVisibleMonth(Number(value));\n  }\n\n  function previous() {\n    presenter.setVisibleMonth(state.visibleMonth - 1);\n  }\n\n  function next() {\n    presenter.setVisibleMonth(state.visibleMonth + 1);\n  }\n\n  function openMonths() {\n    setMonthOpen(true);\n  }\n\n  function closeMonths() {\n    setMonthOpen(false);\n    requestAnimationFrame(() => monthButtonRef.current?.focus());\n  }\n\n  function openYears() {\n    setYearOpen(true);\n  }\n\n  function closeYears() {\n    setYearOpen(false);\n    requestAnimationFrame(() => yearButtonRef.current?.focus());\n  }\n\n  function handleMonthKeyDown(event: React.KeyboardEvent) {\n    if (event.key === 'Escape') {\n      closeMonths();\n    }\n  }\n\n  function handleYearKeyDown(event: React.KeyboardEvent) {\n    if (event.key === 'Escape') {\n      closeYears();\n    }\n  }\n\n  function handleMonthRedirect() {\n    monthListRef.current?.focus();\n  }\n\n  return (\n    <>\n      <HStack\n        className={clsx(\n          styles['mobile-date-picker-header'],\n          'tcn-mobile-date-picker-header'\n        )}\n        minWidth=\"35px\"\n        width=\"100%\"\n      >\n        <MobileButton\n          disabled={!state.canNavigateToPreviousMonth}\n          hierarchy=\"tertiary\"\n          width=\"auto\"\n          onClick={previous}\n        >\n          <ChevronLeftIcon flipOnRtl size=\"md\" />\n        </MobileButton>\n        <Spacer />\n        <HStack hAlign=\"center\" gap=\"4px\" width=\"auto\">\n          <MobileButton\n            ref={monthButtonRef}\n            hierarchy=\"tertiary\"\n            width=\"auto\"\n            onClick={openMonths}\n          >\n            {shortMonths[state.visibleMonth]}\n          </MobileButton>\n          <MobileButton\n            ref={yearButtonRef}\n            hierarchy=\"tertiary\"\n            width=\"auto\"\n            onClick={openYears}\n          >\n            {String(state.visibleYear)}\n          </MobileButton>\n        </HStack>\n        <Spacer />\n        <MobileButton\n          disabled={!state.canNavigateToNextMonth}\n          hierarchy=\"tertiary\"\n          width=\"auto\"\n          onClick={next}\n        >\n          <ChevronRightIcon flipOnRtl size=\"md\" />\n        </MobileButton>\n      </HStack>\n\n      {monthOpen && (\n        <MobilePortal>\n          <VStack\n            className={styles['mobile-date-picker-overlay']}\n            onKeyDown={handleMonthKeyDown}\n          >\n            <MobileOverlayHeader title={selectMonthMessage} onClose={closeMonths} />\n            <VStack\n              ref={monthListRef}\n              tabIndex={0}\n              padding=\"16px\"\n              gap=\"8px\"\n              height=\"flex\"\n              overflowY=\"auto\"\n              className={styles['mobile-month-list']}\n            >\n              {longMonths.map((month, index) => (\n                <MobileButton\n                  key={index}\n                  hierarchy={index === state.visibleMonth ? 'primary' : 'secondary'}\n                  width=\"100%\"\n                  onClick={() => {\n                    selectMonth(String(index));\n                    closeMonths();\n                  }}\n                >\n                  {month}\n                </MobileButton>\n              ))}\n              <FocusRedirect onRedirect={handleMonthRedirect} />\n            </VStack>\n          </VStack>\n        </MobilePortal>\n      )}\n\n      {yearOpen && (\n        <MobilePortal>\n          <VStack className={styles['mobile-year-overlay']} onKeyDown={handleYearKeyDown}>\n            <MobileOverlayHeader title={selectYearMessage} onClose={closeYears} />\n            <MobileDatePickerYearSelector presenter={presenter} onClose={closeYears} />\n          </VStack>\n        </MobilePortal>\n      )}\n    </>\n  );\n}\n"],"names":["MobileDatePickerHeader","presenter","countryCode","selectMonthMessage","selectYearMessage","state","useSignalValue","monthOpen","setMonthOpen","useState","yearOpen","setYearOpen","monthButtonRef","useRef","yearButtonRef","monthListRef","longMonths","useMemo","getMonthsOfYear","shortMonths","selectMonth","value","previous","next","openMonths","closeMonths","openYears","closeYears","handleMonthKeyDown","event","handleYearKeyDown","handleMonthRedirect","jsxs","Fragment","HStack","clsx","styles","jsx","MobileButton","ChevronLeftIcon","Spacer","ChevronRightIcon","MobilePortal","VStack","MobileOverlayHeader","month","index","FocusRedirect","MobileDatePickerYearSelector"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBO,SAASA,GAAuB;AAAA,EACrC,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC,IAAqB;AAAA,EACrB,mBAAAC,IAAoB;AACtB,GAAgC;AAC9B,QAAMC,IAAQC,EAAeL,EAAU,cAAc,GAC/C,CAACM,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAUC,CAAW,IAAIF,EAAS,EAAK,GACxCG,IAAiBC,EAAiC,IAAI,GACtDC,IAAgBD,EAAiC,IAAI,GACrDE,IAAeF,EAA8B,IAAI,GAEjDG,IAAaC,EAAQ,MAAMC,EAAgBhB,GAAa,MAAM,GAAG,CAACA,CAAW,CAAC,GAC9EiB,IAAcF,EAAQ,MAAMC,EAAgBhB,GAAa,OAAO,GAAG,CAACA,CAAW,CAAC;AAEtF,WAASkB,EAAYC,GAAe;AAClC,IAAApB,EAAU,gBAAgB,OAAOoB,CAAK,CAAC;AAAA,EACzC;AAEA,WAASC,IAAW;AAClB,IAAArB,EAAU,gBAAgBI,EAAM,eAAe,CAAC;AAAA,EAClD;AAEA,WAASkB,IAAO;AACd,IAAAtB,EAAU,gBAAgBI,EAAM,eAAe,CAAC;AAAA,EAClD;AAEA,WAASmB,IAAa;AACpB,IAAAhB,EAAa,EAAI;AAAA,EACnB;AAEA,WAASiB,IAAc;AACrB,IAAAjB,EAAa,EAAK,GAClB,sBAAsB,MAAMI,EAAe,SAAS,MAAA,CAAO;AAAA,EAC7D;AAEA,WAASc,IAAY;AACnB,IAAAf,EAAY,EAAI;AAAA,EAClB;AAEA,WAASgB,IAAa;AACpB,IAAAhB,EAAY,EAAK,GACjB,sBAAsB,MAAMG,EAAc,SAAS,MAAA,CAAO;AAAA,EAC5D;AAEA,WAASc,EAAmBC,GAA4B;AACtD,IAAIA,EAAM,QAAQ,YAChBJ,EAAA;AAAA,EAEJ;AAEA,WAASK,EAAkBD,GAA4B;AACrD,IAAIA,EAAM,QAAQ,YAChBF,EAAA;AAAA,EAEJ;AAEA,WAASI,IAAsB;AAC7B,IAAAhB,EAAa,SAAS,MAAA;AAAA,EACxB;AAEA,SACE,gBAAAiB,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAWC;AAAA,UACTC,EAAO,2BAA2B;AAAA,UAClC;AAAA,QAAA;AAAA,QAEF,UAAS;AAAA,QACT,OAAM;AAAA,QAEN,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,UAAU,CAACjC,EAAM;AAAA,cACjB,WAAU;AAAA,cACV,OAAM;AAAA,cACN,SAASiB;AAAA,cAET,UAAA,gBAAAe,EAACE,GAAA,EAAgB,WAAS,IAAC,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,4BAEtCC,GAAA,EAAO;AAAA,4BACPN,GAAA,EAAO,QAAO,UAAS,KAAI,OAAM,OAAM,QACtC,UAAA;AAAA,YAAA,gBAAAG;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,KAAK1B;AAAA,gBACL,WAAU;AAAA,gBACV,OAAM;AAAA,gBACN,SAASY;AAAA,gBAER,UAAAL,EAAYd,EAAM,YAAY;AAAA,cAAA;AAAA,YAAA;AAAA,YAEjC,gBAAAgC;AAAA,cAACC;AAAA,cAAA;AAAA,gBACC,KAAKxB;AAAA,gBACL,WAAU;AAAA,gBACV,OAAM;AAAA,gBACN,SAASY;AAAA,gBAER,UAAA,OAAOrB,EAAM,WAAW;AAAA,cAAA;AAAA,YAAA;AAAA,UAC3B,GACF;AAAA,4BACCmC,GAAA,EAAO;AAAA,UACR,gBAAAH;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,UAAU,CAACjC,EAAM;AAAA,cACjB,WAAU;AAAA,cACV,OAAM;AAAA,cACN,SAASkB;AAAA,cAET,UAAA,gBAAAc,EAACI,GAAA,EAAiB,WAAS,IAAC,MAAK,KAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACxC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGDlC,uBACEmC,GAAA,EACC,UAAA,gBAAAV;AAAA,MAACW;AAAA,MAAA;AAAA,QACC,WAAWP,EAAO,4BAA4B;AAAA,QAC9C,WAAWR;AAAA,QAEX,UAAA;AAAA,UAAA,gBAAAS,EAACO,GAAA,EAAoB,OAAOzC,GAAoB,SAASsB,GAAa;AAAA,UACtE,gBAAAO;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,KAAK5B;AAAA,cACL,UAAU;AAAA,cACV,SAAQ;AAAA,cACR,KAAI;AAAA,cACJ,QAAO;AAAA,cACP,WAAU;AAAA,cACV,WAAWqB,EAAO,mBAAmB;AAAA,cAEpC,UAAA;AAAA,gBAAApB,EAAW,IAAI,CAAC6B,GAAOC,MACtB,gBAAAT;AAAA,kBAACC;AAAA,kBAAA;AAAA,oBAEC,WAAWQ,MAAUzC,EAAM,eAAe,YAAY;AAAA,oBACtD,OAAM;AAAA,oBACN,SAAS,MAAM;AACb,sBAAAe,EAAY,OAAO0B,CAAK,CAAC,GACzBrB,EAAA;AAAA,oBACF;AAAA,oBAEC,UAAAoB;AAAA,kBAAA;AAAA,kBARIC;AAAA,gBAAA,CAUR;AAAA,gBACD,gBAAAT,EAACU,GAAA,EAAc,YAAYhB,EAAA,CAAqB;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAClD;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IAGDrB,KACC,gBAAA2B,EAACK,GAAA,EACC,UAAA,gBAAAV,EAACW,GAAA,EAAO,WAAWP,EAAO,qBAAqB,GAAG,WAAWN,GAC3D,UAAA;AAAA,MAAA,gBAAAO,EAACO,GAAA,EAAoB,OAAOxC,GAAmB,SAASuB,GAAY;AAAA,MACpE,gBAAAU,EAACW,GAAA,EAA6B,WAAA/C,GAAsB,SAAS0B,EAAA,CAAY;AAAA,IAAA,EAAA,CAC3E,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"mobile_date_picker_header.js","sources":["../../../../src/mobile/inputs/date_picker/mobile_date_picker_header.tsx"],"sourcesContent":["import { useSignalValue } from '@tcn/state';\nimport { HStack } from '../../../stacks/h_stack.js';\nimport { VStack } from '../../../stacks/v_stack.js';\nimport { Spacer } from '../../../stacks/spacer.js';\nimport React, { useMemo, useRef, useState } from 'react';\nimport { getMonthsOfYear } from '../../../utils/calendar/get_months_of_year.js';\nimport { DatePickerPresenter } from '../../../inputs/date_picker/date_picker_presenter.js';\nimport { MobileDatePickerYearSelector } from './mobile_date_picker_year_selector.js';\nimport { MobileButton } from '../../actions/button/mobile_button.js';\nimport { MobilePortal } from '../../portal/mobile_portal.js';\nimport { MobileOverlayHeader } from './mobile_overlay_header.js';\nimport { FocusRedirect } from '../../../utils/index.js';\nimport { ChevronLeftIcon } from '@tcn/icons/chevron_left_icon.js';\nimport { ChevronRightIcon } from '@tcn/icons/chevron_right_icon.js';\nimport { clsx } from 'clsx';\nimport styles from './mobile_date_picker_header.module.css';\n\nexport interface MobileDatePickerHeaderProps {\n  presenter: DatePickerPresenter;\n  countryCode: string;\n  selectMonthMessage?: string;\n  selectYearMessage?: string;\n}\n\nexport function MobileDatePickerHeader({\n  presenter,\n  countryCode,\n  selectMonthMessage = 'Select Month',\n  selectYearMessage = 'Select Year',\n}: MobileDatePickerHeaderProps) {\n  const state = useSignalValue(presenter.stateBroadcast);\n  const [monthOpen, setMonthOpen] = useState(false);\n  const [yearOpen, setYearOpen] = useState(false);\n  const monthButtonRef = useRef<HTMLButtonElement | null>(null);\n  const yearButtonRef = useRef<HTMLButtonElement | null>(null);\n  const monthListRef = useRef<HTMLDivElement | null>(null);\n\n  const longMonths = useMemo(() => getMonthsOfYear(countryCode, 'long'), [countryCode]);\n  const shortMonths = useMemo(() => getMonthsOfYear(countryCode, 'short'), [countryCode]);\n\n  function selectMonth(value: string) {\n    presenter.setVisibleMonth(Number(value));\n  }\n\n  function previous() {\n    presenter.setVisibleMonth(state.visibleMonth - 1);\n  }\n\n  function next() {\n    presenter.setVisibleMonth(state.visibleMonth + 1);\n  }\n\n  function openMonths() {\n    setMonthOpen(true);\n  }\n\n  function closeMonths() {\n    setMonthOpen(false);\n    requestAnimationFrame(() => monthButtonRef.current?.focus());\n  }\n\n  function openYears() {\n    setYearOpen(true);\n  }\n\n  function closeYears() {\n    setYearOpen(false);\n    requestAnimationFrame(() => yearButtonRef.current?.focus());\n  }\n\n  function handleMonthKeyDown(event: React.KeyboardEvent) {\n    if (event.key === 'Escape') {\n      closeMonths();\n    }\n  }\n\n  function handleYearKeyDown(event: React.KeyboardEvent) {\n    if (event.key === 'Escape') {\n      closeYears();\n    }\n  }\n\n  function handleMonthRedirect() {\n    monthListRef.current?.focus();\n  }\n\n  return (\n    <>\n      <HStack\n        className={clsx(\n          styles['mobile-date-picker-header'],\n          'tcn-mobile-date-picker-header'\n        )}\n        minWidth=\"35px\"\n        width=\"100%\"\n      >\n        <MobileButton\n          disabled={!state.canNavigateToPreviousMonth}\n          hierarchy=\"tertiary\"\n          width=\"auto\"\n          onClick={previous}\n        >\n          <ChevronLeftIcon flipOnRtl size=\"md\" />\n        </MobileButton>\n        <Spacer />\n        <HStack hAlign=\"center\" gap=\"4px\" width=\"auto\">\n          <MobileButton\n            ref={monthButtonRef}\n            hierarchy=\"tertiary\"\n            width=\"auto\"\n            onClick={openMonths}\n          >\n            {shortMonths[state.visibleMonth]}\n          </MobileButton>\n          <MobileButton\n            ref={yearButtonRef}\n            hierarchy=\"tertiary\"\n            width=\"auto\"\n            onClick={openYears}\n          >\n            {String(state.visibleYear)}\n          </MobileButton>\n        </HStack>\n        <Spacer />\n        <MobileButton\n          disabled={!state.canNavigateToNextMonth}\n          hierarchy=\"tertiary\"\n          width=\"auto\"\n          onClick={next}\n        >\n          <ChevronRightIcon flipOnRtl size=\"md\" />\n        </MobileButton>\n      </HStack>\n\n      {monthOpen && (\n        <MobilePortal>\n          <VStack\n            className={styles['mobile-date-picker-overlay']}\n            onKeyDown={handleMonthKeyDown}\n          >\n            <MobileOverlayHeader title={selectMonthMessage} onClose={closeMonths} />\n            <VStack\n              ref={monthListRef}\n              tabIndex={0}\n              padding=\"16px\"\n              gap=\"8px\"\n              height=\"flex\"\n              overflowY=\"auto\"\n              className={styles['mobile-month-list']}\n            >\n              {longMonths.map((month, index) => (\n                <MobileButton\n                  key={index}\n                  hierarchy={index === state.visibleMonth ? 'primary' : 'secondary'}\n                  width=\"100%\"\n                  onClick={() => {\n                    selectMonth(String(index));\n                    closeMonths();\n                  }}\n                >\n                  {month}\n                </MobileButton>\n              ))}\n              <FocusRedirect onRedirect={handleMonthRedirect} />\n            </VStack>\n          </VStack>\n        </MobilePortal>\n      )}\n\n      {yearOpen && (\n        <MobilePortal>\n          <VStack className={styles['mobile-year-overlay']} onKeyDown={handleYearKeyDown}>\n            <MobileOverlayHeader title={selectYearMessage} onClose={closeYears} />\n            <MobileDatePickerYearSelector presenter={presenter} onClose={closeYears} />\n          </VStack>\n        </MobilePortal>\n      )}\n    </>\n  );\n}\n"],"names":["MobileDatePickerHeader","presenter","countryCode","selectMonthMessage","selectYearMessage","state","useSignalValue","monthOpen","setMonthOpen","useState","yearOpen","setYearOpen","monthButtonRef","useRef","yearButtonRef","monthListRef","longMonths","useMemo","getMonthsOfYear","shortMonths","selectMonth","value","previous","next","openMonths","closeMonths","openYears","closeYears","handleMonthKeyDown","event","handleYearKeyDown","handleMonthRedirect","jsxs","Fragment","HStack","clsx","styles","jsx","MobileButton","ChevronLeftIcon","Spacer","ChevronRightIcon","MobilePortal","VStack","MobileOverlayHeader","month","index","FocusRedirect","MobileDatePickerYearSelector"],"mappings":"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"}