@solibo/solibo-ui 1.0.5 → 1.0.6

package/dist/{index-BrGCs_7h.js.map → index-D4LZQ-JF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BrGCs_7h.js","sources":["../src/lib/text.ts","../src/components/input/index.tsx"],"sourcesContent":["export function capitalizeFirstLetter(value: string): string {\n  return value ? `${value[0].toLocaleUpperCase()}${value.slice(1)}` : value;\n}\n\nexport function formatInlineLabel(value: string): string {\n  const label = capitalizeFirstLetter(value);\n  return label && !label.endsWith(':') ? `${label}:` : label;\n}\n","import cx from 'classix';\nimport { useEffect, useState } from 'react';\n\nimport { IconName, iconSVG } from '@/components/icon/icons.ts';\nimport { formatInlineLabel } from '@/lib/text';\nimport { useTouched } from '@/lib/use-touched';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithRef<'input'> & {\n  defaultCountryCode?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  label?: string;\n  onClick?: React.MouseEventHandler<HTMLInputElement>;\n  placeholder?: string;\n  variant?: 'default' | 'inline';\n  type?:\n    | 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'radio'\n    | 'search'\n    | 'tel'\n    | 'text';\n};\n\nexport function Input({\n  className,\n  defaultCountryCode = '+47',\n  disabled = false,\n  icon,\n  label,\n  placeholder,\n  ref,\n  required,\n  type = 'text',\n  variant = 'default',\n  ...props\n}: InputProps) {\n  const [countryCode, setCountryCode] = useState('');\n  const [phoneNumber, setPhoneNumber] = useState('');\n  const { name, onChange, pattern, value, ...restProps } = props;\n  const { touched, onBlur } = useTouched(value === '');\n  const inputIcon = icon && type !== 'radio' && type !== 'datetime-local' ? icon : undefined;\n  const displayLabel = label && variant === 'inline' ? formatInlineLabel(label) : label;\n\n  type withVars =\n    | (React.CSSProperties & {\n        '--icon-svg'?: string;\n      })\n    | undefined;\n\n  const withVars: withVars = inputIcon\n    ? {\n        '--icon-svg': iconSVG(inputIcon, true),\n      }\n    : undefined;\n\n  useEffect(() => {\n    if (onChange && type === 'tel') {\n      const target = {\n        name,\n        value: phoneNumber\n          ? (countryCode || defaultCountryCode).split(' ').join('') +\n            phoneNumber.split(' ').join('')\n          : undefined,\n      } as unknown as HTMLInputElement;\n\n      onChange({ target, currentTarget: target } as React.ChangeEvent<HTMLInputElement>);\n    }\n  }, [countryCode, defaultCountryCode, name, onChange, phoneNumber, type]);\n\n  useEffect(() => {\n    if (type === 'tel' && !value) {\n      setPhoneNumber('');\n      setCountryCode('');\n    }\n  }, [type, value]);\n\n  const telephoneInput = (\n    <>\n      <input\n        disabled={disabled}\n        hidden\n        onChange={onChange}\n        pattern={undefined}\n        placeholder={placeholder}\n        ref={ref}\n        type={type}\n        value={value}\n      />\n      <input\n        type='text'\n        className={cx(styles.code, styles.input)}\n        disabled={disabled}\n        maxLength={5}\n        onChange={(e) => setCountryCode(e.target.value)}\n        placeholder={defaultCountryCode}\n        value={countryCode}\n      />\n      <input\n        type='tel'\n        className={cx(styles.input, touched && styles.touched)}\n        data-icon={inputIcon ? 'true' : undefined}\n        disabled={disabled}\n        maxLength={14}\n        name={undefined}\n        onChange={(e) => setPhoneNumber(e.target.value)}\n        onBlur={onBlur}\n        pattern={pattern}\n        required={required}\n        style={withVars}\n        value={phoneNumber}\n        {...restProps}\n      />\n    </>\n  );\n\n  return (\n    <label className={cx(styles.label, variant === 'inline' && styles.inline)}>\n      {displayLabel && <span data-required={required || undefined}>{displayLabel}</span>}\n      {type === 'tel' ? (\n        telephoneInput\n      ) : (\n        <input\n          ref={ref}\n          className={cx(styles.input, className, touched && styles.touched)}\n          data-icon={inputIcon ? 'true' : undefined}\n          disabled={disabled}\n          onBlur={onBlur}\n          placeholder={placeholder}\n          required={required}\n          style={withVars}\n          type={type}\n          {...props}\n        />\n      )}\n    </label>\n  );\n}\n"],"names":["capitalizeFirstLetter","value","toLocaleUpperCase","slice","formatInlineLabel","label","endsWith","Input","className","defaultCountryCode","disabled","icon","placeholder","ref","required","type","variant","props","countryCode","setCountryCode","useState","phoneNumber","setPhoneNumber","name","onChange","pattern","restProps","touched","onBlur","useTouched","inputIcon","undefined","displayLabel","withVars","iconSVG","useEffect","target","split","join","currentTarget","telephoneInput","jsxs","Fragment","jsx","cx","styles","code","input","e","inline"],"mappings":"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"}
+{"version":3,"file":"index-D4LZQ-JF.js","sources":["../src/lib/text.ts","../src/components/input/index.tsx"],"sourcesContent":["export function capitalizeFirstLetter(value: string): string {\n  return value ? `${value[0].toLocaleUpperCase()}${value.slice(1)}` : value;\n}\n\nexport function formatInlineLabel(value: string): string {\n  const label = capitalizeFirstLetter(value);\n  return label && !label.endsWith(':') ? `${label}:` : label;\n}\n","import cx from 'classix';\nimport { useEffect, useState } from 'react';\n\nimport { IconName, iconSVG } from '@/components/icon/icons.ts';\nimport { formatInlineLabel } from '@/lib/text';\nimport { useTouched } from '@/lib/use-touched';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithRef<'input'> & {\n  defaultCountryCode?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  label?: string;\n  onClick?: React.MouseEventHandler<HTMLInputElement>;\n  placeholder?: string;\n  variant?: 'default' | 'inline';\n  type?:\n    | 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'radio'\n    | 'search'\n    | 'tel'\n    | 'text';\n};\n\nexport function Input({\n  className,\n  defaultCountryCode = '+47',\n  disabled = false,\n  icon,\n  label,\n  placeholder,\n  ref,\n  required,\n  type = 'text',\n  variant = 'default',\n  ...props\n}: InputProps) {\n  const [countryCode, setCountryCode] = useState('');\n  const [phoneNumber, setPhoneNumber] = useState('');\n  const { name, onChange, pattern, value, ...restProps } = props;\n  const { touched, onBlur } = useTouched(value === '');\n  const inputIcon = icon && type !== 'radio' && type !== 'datetime-local' ? icon : undefined;\n  const displayLabel = label && variant === 'inline' ? formatInlineLabel(label) : label;\n\n  type withVars =\n    | (React.CSSProperties & {\n        '--icon-svg'?: string;\n      })\n    | undefined;\n\n  const withVars: withVars = inputIcon\n    ? {\n        '--icon-svg': iconSVG(inputIcon, true),\n      }\n    : undefined;\n\n  useEffect(() => {\n    if (onChange && type === 'tel') {\n      const target = {\n        name,\n        value: phoneNumber\n          ? (countryCode || defaultCountryCode).split(' ').join('') +\n            phoneNumber.split(' ').join('')\n          : undefined,\n      } as unknown as HTMLInputElement;\n\n      onChange({ target, currentTarget: target } as React.ChangeEvent<HTMLInputElement>);\n    }\n  }, [countryCode, defaultCountryCode, name, onChange, phoneNumber, type]);\n\n  useEffect(() => {\n    if (type === 'tel' && !value) {\n      setPhoneNumber('');\n      setCountryCode('');\n    }\n  }, [type, value]);\n\n  const telephoneInput = (\n    <>\n      <input\n        disabled={disabled}\n        hidden\n        onChange={onChange}\n        pattern={undefined}\n        placeholder={placeholder}\n        ref={ref}\n        type={type}\n        value={value}\n      />\n      <input\n        type='text'\n        className={cx(styles.code, styles.input)}\n        disabled={disabled}\n        maxLength={5}\n        onChange={(e) => setCountryCode(e.target.value)}\n        placeholder={defaultCountryCode}\n        value={countryCode}\n      />\n      <input\n        type='tel'\n        className={cx(styles.input, touched && styles.touched)}\n        data-icon={inputIcon ? 'true' : undefined}\n        disabled={disabled}\n        maxLength={14}\n        name={undefined}\n        onChange={(e) => setPhoneNumber(e.target.value)}\n        onBlur={onBlur}\n        pattern={pattern}\n        required={required}\n        style={withVars}\n        value={phoneNumber}\n        {...restProps}\n      />\n    </>\n  );\n\n  return (\n    <label className={cx(styles.label, variant === 'inline' && styles.inline)}>\n      {displayLabel && <span data-required={required || undefined}>{displayLabel}</span>}\n      {type === 'tel' ? (\n        telephoneInput\n      ) : (\n        <input\n          ref={ref}\n          className={cx(styles.input, className, touched && styles.touched)}\n          data-icon={inputIcon ? 'true' : undefined}\n          disabled={disabled}\n          onBlur={onBlur}\n          placeholder={placeholder}\n          required={required}\n          style={withVars}\n          type={type}\n          {...props}\n        />\n      )}\n    </label>\n  );\n}\n"],"names":["capitalizeFirstLetter","value","toLocaleUpperCase","slice","formatInlineLabel","label","endsWith","Input","className","defaultCountryCode","disabled","icon","placeholder","ref","required","type","variant","props","countryCode","setCountryCode","useState","phoneNumber","setPhoneNumber","name","onChange","pattern","restProps","touched","onBlur","useTouched","inputIcon","undefined","displayLabel","withVars","iconSVG","useEffect","target","split","join","currentTarget","telephoneInput","jsxs","Fragment","jsx","cx","styles","code","input","e","inline"],"mappings":"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"}

package/dist/{index-CIugi8vq.cjs → index-D9Hq7ewF.cjs}

@@ -1,2 +1,2 @@
-"use strict";require('./assets/index47.css');const o=require("react/jsx-runtime"),d=require("./classix-5H4IWnMA.cjs"),h=require("react"),F=require("./icons-BROXUtPz.cjs"),P=require("./use-touched-D_TJ8wDc.cjs");function R(e){return e&&`${e[0].toLocaleUpperCase()}${e.slice(1)}`}function S(e){const n=R(e);return n&&!n.endsWith(":")?`${n}:`:n}const V="_input_antyf_3",w="_touched_antyf_43",z="_label_antyf_48",B="_inline_antyf_57",G="_code_antyf_81",s={input:V,touched:w,label:z,inline:B,code:G};function U({className:e,defaultCountryCode:n="+47",disabled:c=!1,icon:_,label:p,placeholder:x,ref:g,required:m,type:t="text",variant:v="default",...j}){const[f,L]=h.useState(""),[a,b]=h.useState(""),{name:I,onChange:u,pattern:T,value:l,...$}=j,{touched:N,onBlur:q}=P.useTouched(l===""),r=_&&t!=="radio"&&t!=="datetime-local"?_:void 0,y=p&&v==="inline"?S(p):p,C=r?{"--icon-svg":F.iconSVG(r,!0)}:void 0;h.useEffect(()=>{if(u&&t==="tel"){const i={name:I,value:a?(f||n).split(" ").join("")+a.split(" ").join(""):void 0};u({target:i,currentTarget:i})}},[f,n,I,u,a,t]),h.useEffect(()=>{t==="tel"&&!l&&(b(""),L(""))},[t,l]);const E=o.jsxs(o.Fragment,{children:[o.jsx("input",{disabled:c,hidden:!0,onChange:u,pattern:void 0,placeholder:x,ref:g,type:t,value:l}),o.jsx("input",{type:"text",className:d.t(s.code,s.input),disabled:c,maxLength:5,onChange:i=>L(i.target.value),placeholder:n,value:f}),o.jsx("input",{type:"tel",className:d.t(s.input,N&&s.touched),"data-icon":r?"true":void 0,disabled:c,maxLength:14,name:void 0,onChange:i=>b(i.target.value),onBlur:q,pattern:T,required:m,style:C,value:a,...$})]});return o.jsxs("label",{className:d.t(s.label,v==="inline"&&s.inline),"data-component":"input",children:[y&&o.jsx("span",{"data-required":m||void 0,children:y}),t==="tel"?E:o.jsx("input",{ref:g,className:d.t(s.input,e,N&&s.touched),"data-icon":r?"true":void 0,disabled:c,onBlur:q,placeholder:x,required:m,style:C,type:t,...j})]})}exports.Input=U;exports.formatInlineLabel=S;
-//# sourceMappingURL=index-CIugi8vq.cjs.map
+"use strict";require('./assets/index47.css');const o=require("react/jsx-runtime"),d=require("./classix-5H4IWnMA.cjs"),h=require("react"),F=require("./icons-BoBeAmLe.cjs"),P=require("./use-touched-D_TJ8wDc.cjs");function R(e){return e&&`${e[0].toLocaleUpperCase()}${e.slice(1)}`}function S(e){const n=R(e);return n&&!n.endsWith(":")?`${n}:`:n}const V="_input_antyf_3",w="_touched_antyf_43",z="_label_antyf_48",B="_inline_antyf_57",G="_code_antyf_81",s={input:V,touched:w,label:z,inline:B,code:G};function U({className:e,defaultCountryCode:n="+47",disabled:c=!1,icon:_,label:p,placeholder:x,ref:g,required:m,type:t="text",variant:v="default",...j}){const[f,L]=h.useState(""),[a,b]=h.useState(""),{name:I,onChange:u,pattern:T,value:l,...$}=j,{touched:N,onBlur:q}=P.useTouched(l===""),r=_&&t!=="radio"&&t!=="datetime-local"?_:void 0,y=p&&v==="inline"?S(p):p,C=r?{"--icon-svg":F.iconSVG(r,!0)}:void 0;h.useEffect(()=>{if(u&&t==="tel"){const i={name:I,value:a?(f||n).split(" ").join("")+a.split(" ").join(""):void 0};u({target:i,currentTarget:i})}},[f,n,I,u,a,t]),h.useEffect(()=>{t==="tel"&&!l&&(b(""),L(""))},[t,l]);const E=o.jsxs(o.Fragment,{children:[o.jsx("input",{disabled:c,hidden:!0,onChange:u,pattern:void 0,placeholder:x,ref:g,type:t,value:l}),o.jsx("input",{type:"text",className:d.t(s.code,s.input),disabled:c,maxLength:5,onChange:i=>L(i.target.value),placeholder:n,value:f}),o.jsx("input",{type:"tel",className:d.t(s.input,N&&s.touched),"data-icon":r?"true":void 0,disabled:c,maxLength:14,name:void 0,onChange:i=>b(i.target.value),onBlur:q,pattern:T,required:m,style:C,value:a,...$})]});return o.jsxs("label",{className:d.t(s.label,v==="inline"&&s.inline),"data-component":"input",children:[y&&o.jsx("span",{"data-required":m||void 0,children:y}),t==="tel"?E:o.jsx("input",{ref:g,className:d.t(s.input,e,N&&s.touched),"data-icon":r?"true":void 0,disabled:c,onBlur:q,placeholder:x,required:m,style:C,type:t,...j})]})}exports.Input=U;exports.formatInlineLabel=S;
+//# sourceMappingURL=index-D9Hq7ewF.cjs.map

package/dist/{index-CIugi8vq.cjs.map → index-D9Hq7ewF.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CIugi8vq.cjs","sources":["../src/lib/text.ts","../src/components/input/index.tsx"],"sourcesContent":["export function capitalizeFirstLetter(value: string): string {\n  return value ? `${value[0].toLocaleUpperCase()}${value.slice(1)}` : value;\n}\n\nexport function formatInlineLabel(value: string): string {\n  const label = capitalizeFirstLetter(value);\n  return label && !label.endsWith(':') ? `${label}:` : label;\n}\n","import cx from 'classix';\nimport { useEffect, useState } from 'react';\n\nimport { IconName, iconSVG } from '@/components/icon/icons.ts';\nimport { formatInlineLabel } from '@/lib/text';\nimport { useTouched } from '@/lib/use-touched';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithRef<'input'> & {\n  defaultCountryCode?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  label?: string;\n  onClick?: React.MouseEventHandler<HTMLInputElement>;\n  placeholder?: string;\n  variant?: 'default' | 'inline';\n  type?:\n    | 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'radio'\n    | 'search'\n    | 'tel'\n    | 'text';\n};\n\nexport function Input({\n  className,\n  defaultCountryCode = '+47',\n  disabled = false,\n  icon,\n  label,\n  placeholder,\n  ref,\n  required,\n  type = 'text',\n  variant = 'default',\n  ...props\n}: InputProps) {\n  const [countryCode, setCountryCode] = useState('');\n  const [phoneNumber, setPhoneNumber] = useState('');\n  const { name, onChange, pattern, value, ...restProps } = props;\n  const { touched, onBlur } = useTouched(value === '');\n  const inputIcon = icon && type !== 'radio' && type !== 'datetime-local' ? icon : undefined;\n  const displayLabel = label && variant === 'inline' ? formatInlineLabel(label) : label;\n\n  type withVars =\n    | (React.CSSProperties & {\n        '--icon-svg'?: string;\n      })\n    | undefined;\n\n  const withVars: withVars = inputIcon\n    ? {\n        '--icon-svg': iconSVG(inputIcon, true),\n      }\n    : undefined;\n\n  useEffect(() => {\n    if (onChange && type === 'tel') {\n      const target = {\n        name,\n        value: phoneNumber\n          ? (countryCode || defaultCountryCode).split(' ').join('') +\n            phoneNumber.split(' ').join('')\n          : undefined,\n      } as unknown as HTMLInputElement;\n\n      onChange({ target, currentTarget: target } as React.ChangeEvent<HTMLInputElement>);\n    }\n  }, [countryCode, defaultCountryCode, name, onChange, phoneNumber, type]);\n\n  useEffect(() => {\n    if (type === 'tel' && !value) {\n      setPhoneNumber('');\n      setCountryCode('');\n    }\n  }, [type, value]);\n\n  const telephoneInput = (\n    <>\n      <input\n        disabled={disabled}\n        hidden\n        onChange={onChange}\n        pattern={undefined}\n        placeholder={placeholder}\n        ref={ref}\n        type={type}\n        value={value}\n      />\n      <input\n        type='text'\n        className={cx(styles.code, styles.input)}\n        disabled={disabled}\n        maxLength={5}\n        onChange={(e) => setCountryCode(e.target.value)}\n        placeholder={defaultCountryCode}\n        value={countryCode}\n      />\n      <input\n        type='tel'\n        className={cx(styles.input, touched && styles.touched)}\n        data-icon={inputIcon ? 'true' : undefined}\n        disabled={disabled}\n        maxLength={14}\n        name={undefined}\n        onChange={(e) => setPhoneNumber(e.target.value)}\n        onBlur={onBlur}\n        pattern={pattern}\n        required={required}\n        style={withVars}\n        value={phoneNumber}\n        {...restProps}\n      />\n    </>\n  );\n\n  return (\n    <label className={cx(styles.label, variant === 'inline' && styles.inline)}>\n      {displayLabel && <span data-required={required || undefined}>{displayLabel}</span>}\n      {type === 'tel' ? (\n        telephoneInput\n      ) : (\n        <input\n          ref={ref}\n          className={cx(styles.input, className, touched && styles.touched)}\n          data-icon={inputIcon ? 'true' : undefined}\n          disabled={disabled}\n          onBlur={onBlur}\n          placeholder={placeholder}\n          required={required}\n          style={withVars}\n          type={type}\n          {...props}\n        />\n      )}\n    </label>\n  );\n}\n"],"names":["capitalizeFirstLetter","value","toLocaleUpperCase","slice","formatInlineLabel","label","endsWith","Input","className","defaultCountryCode","disabled","icon","placeholder","ref","required","type","variant","props","countryCode","setCountryCode","useState","phoneNumber","setPhoneNumber","name","onChange","pattern","restProps","touched","onBlur","useTouched","inputIcon","undefined","displayLabel","withVars","iconSVG","useEffect","target","split","join","currentTarget","telephoneInput","jsxs","Fragment","jsx","cx","styles","code","input","e","inline"],"mappings":"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"}
+{"version":3,"file":"index-D9Hq7ewF.cjs","sources":["../src/lib/text.ts","../src/components/input/index.tsx"],"sourcesContent":["export function capitalizeFirstLetter(value: string): string {\n  return value ? `${value[0].toLocaleUpperCase()}${value.slice(1)}` : value;\n}\n\nexport function formatInlineLabel(value: string): string {\n  const label = capitalizeFirstLetter(value);\n  return label && !label.endsWith(':') ? `${label}:` : label;\n}\n","import cx from 'classix';\nimport { useEffect, useState } from 'react';\n\nimport { IconName, iconSVG } from '@/components/icon/icons.ts';\nimport { formatInlineLabel } from '@/lib/text';\nimport { useTouched } from '@/lib/use-touched';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithRef<'input'> & {\n  defaultCountryCode?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  label?: string;\n  onClick?: React.MouseEventHandler<HTMLInputElement>;\n  placeholder?: string;\n  variant?: 'default' | 'inline';\n  type?:\n    | 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'radio'\n    | 'search'\n    | 'tel'\n    | 'text';\n};\n\nexport function Input({\n  className,\n  defaultCountryCode = '+47',\n  disabled = false,\n  icon,\n  label,\n  placeholder,\n  ref,\n  required,\n  type = 'text',\n  variant = 'default',\n  ...props\n}: InputProps) {\n  const [countryCode, setCountryCode] = useState('');\n  const [phoneNumber, setPhoneNumber] = useState('');\n  const { name, onChange, pattern, value, ...restProps } = props;\n  const { touched, onBlur } = useTouched(value === '');\n  const inputIcon = icon && type !== 'radio' && type !== 'datetime-local' ? icon : undefined;\n  const displayLabel = label && variant === 'inline' ? formatInlineLabel(label) : label;\n\n  type withVars =\n    | (React.CSSProperties & {\n        '--icon-svg'?: string;\n      })\n    | undefined;\n\n  const withVars: withVars = inputIcon\n    ? {\n        '--icon-svg': iconSVG(inputIcon, true),\n      }\n    : undefined;\n\n  useEffect(() => {\n    if (onChange && type === 'tel') {\n      const target = {\n        name,\n        value: phoneNumber\n          ? (countryCode || defaultCountryCode).split(' ').join('') +\n            phoneNumber.split(' ').join('')\n          : undefined,\n      } as unknown as HTMLInputElement;\n\n      onChange({ target, currentTarget: target } as React.ChangeEvent<HTMLInputElement>);\n    }\n  }, [countryCode, defaultCountryCode, name, onChange, phoneNumber, type]);\n\n  useEffect(() => {\n    if (type === 'tel' && !value) {\n      setPhoneNumber('');\n      setCountryCode('');\n    }\n  }, [type, value]);\n\n  const telephoneInput = (\n    <>\n      <input\n        disabled={disabled}\n        hidden\n        onChange={onChange}\n        pattern={undefined}\n        placeholder={placeholder}\n        ref={ref}\n        type={type}\n        value={value}\n      />\n      <input\n        type='text'\n        className={cx(styles.code, styles.input)}\n        disabled={disabled}\n        maxLength={5}\n        onChange={(e) => setCountryCode(e.target.value)}\n        placeholder={defaultCountryCode}\n        value={countryCode}\n      />\n      <input\n        type='tel'\n        className={cx(styles.input, touched && styles.touched)}\n        data-icon={inputIcon ? 'true' : undefined}\n        disabled={disabled}\n        maxLength={14}\n        name={undefined}\n        onChange={(e) => setPhoneNumber(e.target.value)}\n        onBlur={onBlur}\n        pattern={pattern}\n        required={required}\n        style={withVars}\n        value={phoneNumber}\n        {...restProps}\n      />\n    </>\n  );\n\n  return (\n    <label className={cx(styles.label, variant === 'inline' && styles.inline)}>\n      {displayLabel && <span data-required={required || undefined}>{displayLabel}</span>}\n      {type === 'tel' ? (\n        telephoneInput\n      ) : (\n        <input\n          ref={ref}\n          className={cx(styles.input, className, touched && styles.touched)}\n          data-icon={inputIcon ? 'true' : undefined}\n          disabled={disabled}\n          onBlur={onBlur}\n          placeholder={placeholder}\n          required={required}\n          style={withVars}\n          type={type}\n          {...props}\n        />\n      )}\n    </label>\n  );\n}\n"],"names":["capitalizeFirstLetter","value","toLocaleUpperCase","slice","formatInlineLabel","label","endsWith","Input","className","defaultCountryCode","disabled","icon","placeholder","ref","required","type","variant","props","countryCode","setCountryCode","useState","phoneNumber","setPhoneNumber","name","onChange","pattern","restProps","touched","onBlur","useTouched","inputIcon","undefined","displayLabel","withVars","iconSVG","useEffect","target","split","join","currentTarget","telephoneInput","jsxs","Fragment","jsx","cx","styles","code","input","e","inline"],"mappings":"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"}

package/dist/{index-CRAuAHow.js → index-uQRsVtP-.js}

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as p } from "react/jsx-runtime";
 import { t as y } from "./classix-DG18itHa.js";
-import { i as b } from "./icons-CH48JQqt.js";
+import { i as b } from "./icons-Dhj9mAkR.js";
 import { u as v } from "./use-touched-DXIJVVzz.js";
 import './assets/index51.css';const w = /* @__PURE__ */ new Set(["aria-activedescendant", "aria-autocomplete", "aria-busy", "aria-controls", "aria-describedby", "aria-details", "aria-disabled", "aria-errormessage", "aria-expanded", "aria-haspopup", "aria-hidden", "aria-invalid", "aria-keyshortcuts", "aria-label", "aria-labelledby", "aria-live", "aria-owns", "aria-required", "aria-roledescription", "autoComplete", "autoFocus", "className", "defaultValue", "dir", "disabled", "form", "id", "multiple", "name", "onBlur", "onChange", "onClick", "onFocus", "onInput", "onInvalid", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerUp", "required", "role", "size", "style", "tabIndex", "title", "value"]);
 function C(n) {
@@ -69,4 +69,4 @@ export {
   z as r,
   C as s
 };
-//# sourceMappingURL=index-CRAuAHow.js.map
+//# sourceMappingURL=index-uQRsVtP-.js.map

package/dist/{index-CRAuAHow.js.map → index-uQRsVtP-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CRAuAHow.js","sources":["../src/components/select/sanitize-select-props.ts","../src/lib/color.ts","../src/components/select/index.tsx"],"sourcesContent":["const selectKeys = new Set([\n  'aria-activedescendant',\n  'aria-autocomplete',\n  'aria-busy',\n  'aria-controls',\n  'aria-describedby',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-live',\n  'aria-owns',\n  'aria-required',\n  'aria-roledescription',\n  'autoComplete',\n  'autoFocus',\n  'className',\n  'defaultValue',\n  'dir',\n  'disabled',\n  'form',\n  'id',\n  'multiple',\n  'name',\n  'onBlur',\n  'onChange',\n  'onClick',\n  'onFocus',\n  'onInput',\n  'onInvalid',\n  'onKeyDown',\n  'onKeyUp',\n  'onMouseDown',\n  'onMouseUp',\n  'onPointerDown',\n  'onPointerUp',\n  'required',\n  'role',\n  'size',\n  'style',\n  'tabIndex',\n  'title',\n  'value',\n]);\n\nexport function sanitizeSelectProps<T extends Record<string, unknown>>(props: T) {\n  return Object.fromEntries(\n    Object.entries(props).filter(\n      ([key]) => key.startsWith('data-') || key.startsWith('aria-') || selectKeys.has(key)\n    )\n  ) as Partial<T>;\n}\n","const cssVariablePattern = /^--[\\w-]+$/;\nconst cssVariableReferencePattern = /^var\\(\\s*(--[\\w-]+)\\s*(?:,\\s*(.+))?\\)$/;\n\nconst unresolvedColorKeywords = new Set([\n  'currentcolor',\n  'inherit',\n  'initial',\n  'revert',\n  'revert-layer',\n  'unset',\n]);\n\nconst probe = typeof document !== 'undefined' ? document.createElement('span') : null;\n\nfunction normalizeColorValue(input: string): string {\n  const value = input.trim();\n\n  if (!value || !probe || unresolvedColorKeywords.has(value.toLowerCase())) {\n    return value;\n  }\n\n  const mountNode = document.body ?? document.documentElement;\n\n  if (!mountNode) {\n    return value;\n  }\n\n  probe.style.color = value;\n\n  if (!probe.style.color) {\n    return value;\n  }\n\n  mountNode.appendChild(probe);\n\n  const normalized = getComputedStyle(probe).color.trim();\n  probe.remove();\n\n  return normalized || value;\n}\n\nexport function resolveColor(input: `--${string}` | string, fallback = 'currentColor'): string {\n  if (typeof document === 'undefined') {\n    return fallback;\n  }\n\n  const styles = getComputedStyle(document.documentElement);\n  const seen = new Set<string>();\n  let current = input.trim();\n\n  while (current) {\n    const match = current.match(cssVariableReferencePattern);\n    const variableName = match?.[1] ?? (cssVariablePattern.test(current) ? current : null);\n    const nestedFallback = match?.[2]?.trim();\n\n    if (!variableName) {\n      return normalizeColorValue(current);\n    }\n\n    if (seen.has(variableName)) {\n      current = nestedFallback ?? '';\n      continue;\n    }\n\n    seen.add(variableName);\n\n    current = styles.getPropertyValue(variableName).trim() || nestedFallback || '';\n  }\n\n  return normalizeColorValue(fallback);\n}\n","import cx from 'classix';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\nimport { resolveColor } from '@/lib/color';\nimport { useTouched } from '@/lib/use-touched';\n\nimport { sanitizeSelectProps } from './sanitize-select-props';\nimport styles from './styles.module.css';\n\nexport type SelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {\n  children: React.ReactNode;\n  label?: string;\n  placeholder?: string;\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n};\n\nexport const Select = ({ children, label, placeholder, ...props }: SelectProps) => {\n  const { touched, onBlur } = useTouched(props.value === '');\n  const selectProps = sanitizeSelectProps(props);\n  const { style, ...restSelectProps } = selectProps;\n  const withVars = {\n    ...style,\n    '--icon-svg': iconSVG('chevron').replace(\n      'currentColor',\n      resolveColor('--colors-semantic-content-secondary')\n    ),\n  } satisfies withVars;\n\n  const selectElement = (\n    <select\n      className={cx(styles.select, touched && styles.touched)}\n      onBlur={onBlur}\n      style={withVars}\n      {...restSelectProps}\n    >\n      {placeholder && (\n        <option\n          key='placeholder'\n          value={''}\n          hidden\n        >\n          {placeholder}\n        </option>\n      )}\n      {children}\n    </select>\n  );\n\n  if (!label) {\n    return selectElement;\n  }\n\n  return (\n    <label>\n      <span\n        className={styles.label}\n        data-required={props.required || undefined}\n      >\n        {label}\n      </span>\n      {selectElement}\n    </label>\n  );\n};\n"],"names":["selectKeys","Set","sanitizeSelectProps","props","Object","fromEntries","entries","filter","key","startsWith","has","cssVariablePattern","cssVariableReferencePattern","unresolvedColorKeywords","probe","document","createElement","normalizeColorValue","input","value","trim","toLowerCase","mountNode","body","documentElement","style","color","appendChild","normalized","getComputedStyle","remove","resolveColor","fallback","styles","seen","current","match","variableName","test","nestedFallback","add","getPropertyValue","Select","children","label","placeholder","touched","onBlur","useTouched","selectProps","restSelectProps","withVars","iconSVG","replace","selectElement","jsxs","cx","select","jsx","required","undefined"],"mappings":"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"}
+{"version":3,"file":"index-uQRsVtP-.js","sources":["../src/components/select/sanitize-select-props.ts","../src/lib/color.ts","../src/components/select/index.tsx"],"sourcesContent":["const selectKeys = new Set([\n  'aria-activedescendant',\n  'aria-autocomplete',\n  'aria-busy',\n  'aria-controls',\n  'aria-describedby',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-live',\n  'aria-owns',\n  'aria-required',\n  'aria-roledescription',\n  'autoComplete',\n  'autoFocus',\n  'className',\n  'defaultValue',\n  'dir',\n  'disabled',\n  'form',\n  'id',\n  'multiple',\n  'name',\n  'onBlur',\n  'onChange',\n  'onClick',\n  'onFocus',\n  'onInput',\n  'onInvalid',\n  'onKeyDown',\n  'onKeyUp',\n  'onMouseDown',\n  'onMouseUp',\n  'onPointerDown',\n  'onPointerUp',\n  'required',\n  'role',\n  'size',\n  'style',\n  'tabIndex',\n  'title',\n  'value',\n]);\n\nexport function sanitizeSelectProps<T extends Record<string, unknown>>(props: T) {\n  return Object.fromEntries(\n    Object.entries(props).filter(\n      ([key]) => key.startsWith('data-') || key.startsWith('aria-') || selectKeys.has(key)\n    )\n  ) as Partial<T>;\n}\n","const cssVariablePattern = /^--[\\w-]+$/;\nconst cssVariableReferencePattern = /^var\\(\\s*(--[\\w-]+)\\s*(?:,\\s*(.+))?\\)$/;\n\nconst unresolvedColorKeywords = new Set([\n  'currentcolor',\n  'inherit',\n  'initial',\n  'revert',\n  'revert-layer',\n  'unset',\n]);\n\nconst probe = typeof document !== 'undefined' ? document.createElement('span') : null;\n\nfunction normalizeColorValue(input: string): string {\n  const value = input.trim();\n\n  if (!value || !probe || unresolvedColorKeywords.has(value.toLowerCase())) {\n    return value;\n  }\n\n  const mountNode = document.body ?? document.documentElement;\n\n  if (!mountNode) {\n    return value;\n  }\n\n  probe.style.color = value;\n\n  if (!probe.style.color) {\n    return value;\n  }\n\n  mountNode.appendChild(probe);\n\n  const normalized = getComputedStyle(probe).color.trim();\n  probe.remove();\n\n  return normalized || value;\n}\n\nexport function resolveColor(input: `--${string}` | string, fallback = 'currentColor'): string {\n  if (typeof document === 'undefined') {\n    return fallback;\n  }\n\n  const styles = getComputedStyle(document.documentElement);\n  const seen = new Set<string>();\n  let current = input.trim();\n\n  while (current) {\n    const match = current.match(cssVariableReferencePattern);\n    const variableName = match?.[1] ?? (cssVariablePattern.test(current) ? current : null);\n    const nestedFallback = match?.[2]?.trim();\n\n    if (!variableName) {\n      return normalizeColorValue(current);\n    }\n\n    if (seen.has(variableName)) {\n      current = nestedFallback ?? '';\n      continue;\n    }\n\n    seen.add(variableName);\n\n    current = styles.getPropertyValue(variableName).trim() || nestedFallback || '';\n  }\n\n  return normalizeColorValue(fallback);\n}\n","import cx from 'classix';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\nimport { resolveColor } from '@/lib/color';\nimport { useTouched } from '@/lib/use-touched';\n\nimport { sanitizeSelectProps } from './sanitize-select-props';\nimport styles from './styles.module.css';\n\nexport type SelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {\n  children: React.ReactNode;\n  label?: string;\n  placeholder?: string;\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n};\n\nexport const Select = ({ children, label, placeholder, ...props }: SelectProps) => {\n  const { touched, onBlur } = useTouched(props.value === '');\n  const selectProps = sanitizeSelectProps(props);\n  const { style, ...restSelectProps } = selectProps;\n  const withVars = {\n    ...style,\n    '--icon-svg': iconSVG('chevron').replace(\n      'currentColor',\n      resolveColor('--colors-semantic-content-secondary')\n    ),\n  } satisfies withVars;\n\n  const selectElement = (\n    <select\n      className={cx(styles.select, touched && styles.touched)}\n      onBlur={onBlur}\n      style={withVars}\n      {...restSelectProps}\n    >\n      {placeholder && (\n        <option\n          key='placeholder'\n          value={''}\n          hidden\n        >\n          {placeholder}\n        </option>\n      )}\n      {children}\n    </select>\n  );\n\n  if (!label) {\n    return selectElement;\n  }\n\n  return (\n    <label>\n      <span\n        className={styles.label}\n        data-required={props.required || undefined}\n      >\n        {label}\n      </span>\n      {selectElement}\n    </label>\n  );\n};\n"],"names":["selectKeys","Set","sanitizeSelectProps","props","Object","fromEntries","entries","filter","key","startsWith","has","cssVariablePattern","cssVariableReferencePattern","unresolvedColorKeywords","probe","document","createElement","normalizeColorValue","input","value","trim","toLowerCase","mountNode","body","documentElement","style","color","appendChild","normalized","getComputedStyle","remove","resolveColor","fallback","styles","seen","current","match","variableName","test","nestedFallback","add","getPropertyValue","Select","children","label","placeholder","touched","onBlur","useTouched","selectProps","restSelectProps","withVars","iconSVG","replace","selectElement","jsxs","cx","select","jsx","required","undefined"],"mappings":"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"}

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const n=require("./components/app-link/index.cjs"),o=require("./components/aside/index.cjs"),t=require("./components/avatar/index.cjs"),r=require("./components/badge/index.cjs"),i=require("./components/banner/index.cjs"),s=require("./components/branding/index.cjs"),c=require("./components/button/index.cjs"),_=require("./components/card/index.cjs"),p=require("./components/checkbox/index.cjs"),a=require("./components/chip/index.cjs"),d=require("./components/collapsible/index.cjs"),u=require("./components/controls/index.cjs"),m=require("./components/croppable/index.cjs"),x=require("./components/dialog/index.cjs"),l=require("./components/dropdown/index.cjs"),q=require("./components/dropzone/index.cjs"),g=require("./components/editor/index.cjs"),b=require("./components/empty-state/index.cjs"),T=require("./components/fieldset/index.cjs"),h=require("./components/figure/index.cjs"),v=require("./components/file/index.cjs"),C=require("./components/footer/index.cjs"),L=require("./components/form/index.cjs"),S=require("./components/graph/index.cjs"),F=require("./components/group/index.cjs"),f=require("./components/header/index.cjs"),k=require("./components/icon/index.cjs"),B=require("./components/iframe/index.cjs"),I=require("./components/image/index.cjs"),M=require("./index-CIugi8vq.cjs"),A=require("./components/link/index.cjs"),D=require("./components/list/index.cjs"),y=require("./components/loading/index.cjs"),P=require("./components/menu/index.cjs"),j=require("./components/message/index.cjs"),w=require("./components/messages/index.cjs"),e=require("./components/nav/index.cjs"),E=require("./components/object/index.cjs"),G=require("./components/popover/index.cjs"),N=require("./components/portal/index.cjs"),z=require("./components/search/index.cjs"),O=require("./index-CSYOtiWJ.cjs"),H=require("./components/sortable/index.cjs"),W=require("./components/table/index.cjs"),J=require("./components/textarea/index.cjs"),K=require("./components/toast/index.cjs"),Q=require("./components/toasts/index.cjs"),R=require("./components/toggle/index.cjs"),U=require("./components/toolbar/index.cjs"),V=require("./components/tooltip/index.cjs"),X=require("./components/widget/index.cjs");exports.AppLink=n.AppLink;exports.Aside=o.Aside;exports.Avatar=t.Avatar;exports.Badge=r.Badge;exports.Banner=i.Banner;exports.Branding=s.Branding;exports.Button=c.Button;exports.Card=_.Card;exports.Checkbox=p.Checkbox;exports.Chip=a.Chip;exports.Collapsible=d.Collapsible;exports.Controls=u.Controls;exports.Croppable=m.Croppable;exports.Dialog=x.Dialog;exports.Dropdown=l.Dropdown;exports.Dropzone=q.Dropzone;exports.Editor=g.Editor;exports.EmptyState=b.EmptyState;exports.Fieldset=T.Fieldset;exports.Figure=h.Figure;exports.File=v.File;exports.Footer=C.Footer;exports.Form=L.Form;exports.Graph=S.Graph;exports.Group=F.Group;exports.Header=f.Header;exports.Icon=k.Icon;exports.Iframe=B.Iframe;exports.Image=I.Image;exports.Input=M.Input;exports.Link=A.Link;exports.List=D.List;exports.Loading=y.Loading;exports.Menu=P.Menu;exports.Message=j.Message;exports.Messages=w.Messages;exports.Nav=e.Nav;exports.NavLabel=e.NavLabel;exports.Object=E.Object;exports.Popover=G.Popover;exports.Portal=N.Portal;exports.Search=z.Search;exports.Select=O.Select;exports.Sortable=H.Sortable;exports.Table=W.Table;exports.Textarea=J.Textarea;exports.Toast=K.Toast;exports.Toasts=Q.Toasts;exports.Toggle=R.Toggle;exports.Toolbar=U.Toolbar;exports.Tooltip=V.Tooltip;exports.Widget=X.Widget;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const n=require("./components/app-link/index.cjs"),o=require("./components/aside/index.cjs"),t=require("./components/avatar/index.cjs"),r=require("./components/badge/index.cjs"),i=require("./components/banner/index.cjs"),s=require("./components/branding/index.cjs"),c=require("./components/button/index.cjs"),_=require("./components/card/index.cjs"),p=require("./components/checkbox/index.cjs"),a=require("./components/chip/index.cjs"),d=require("./components/collapsible/index.cjs"),u=require("./components/controls/index.cjs"),m=require("./components/croppable/index.cjs"),x=require("./components/dialog/index.cjs"),l=require("./components/dropdown/index.cjs"),q=require("./components/dropzone/index.cjs"),g=require("./components/editor/index.cjs"),b=require("./components/empty-state/index.cjs"),T=require("./components/fieldset/index.cjs"),h=require("./components/figure/index.cjs"),v=require("./components/file/index.cjs"),C=require("./components/footer/index.cjs"),L=require("./components/form/index.cjs"),S=require("./components/graph/index.cjs"),F=require("./components/group/index.cjs"),f=require("./components/header/index.cjs"),k=require("./components/icon/index.cjs"),B=require("./components/iframe/index.cjs"),I=require("./components/image/index.cjs"),M=require("./index-D9Hq7ewF.cjs"),A=require("./components/link/index.cjs"),D=require("./components/list/index.cjs"),y=require("./components/loading/index.cjs"),P=require("./components/menu/index.cjs"),j=require("./components/message/index.cjs"),w=require("./components/messages/index.cjs"),e=require("./components/nav/index.cjs"),E=require("./components/object/index.cjs"),G=require("./components/popover/index.cjs"),N=require("./components/portal/index.cjs"),z=require("./components/search/index.cjs"),O=require("./index-Ct0mJ-KK.cjs"),H=require("./components/sortable/index.cjs"),W=require("./components/table/index.cjs"),J=require("./components/textarea/index.cjs"),K=require("./components/toast/index.cjs"),Q=require("./components/toasts/index.cjs"),R=require("./components/toggle/index.cjs"),U=require("./components/toolbar/index.cjs"),V=require("./components/tooltip/index.cjs"),X=require("./components/widget/index.cjs");exports.AppLink=n.AppLink;exports.Aside=o.Aside;exports.Avatar=t.Avatar;exports.Badge=r.Badge;exports.Banner=i.Banner;exports.Branding=s.Branding;exports.Button=c.Button;exports.Card=_.Card;exports.Checkbox=p.Checkbox;exports.Chip=a.Chip;exports.Collapsible=d.Collapsible;exports.Controls=u.Controls;exports.Croppable=m.Croppable;exports.Dialog=x.Dialog;exports.Dropdown=l.Dropdown;exports.Dropzone=q.Dropzone;exports.Editor=g.Editor;exports.EmptyState=b.EmptyState;exports.Fieldset=T.Fieldset;exports.Figure=h.Figure;exports.File=v.File;exports.Footer=C.Footer;exports.Form=L.Form;exports.Graph=S.Graph;exports.Group=F.Group;exports.Header=f.Header;exports.Icon=k.Icon;exports.Iframe=B.Iframe;exports.Image=I.Image;exports.Input=M.Input;exports.Link=A.Link;exports.List=D.List;exports.Loading=y.Loading;exports.Menu=P.Menu;exports.Message=j.Message;exports.Messages=w.Messages;exports.Nav=e.Nav;exports.NavLabel=e.NavLabel;exports.Object=E.Object;exports.Popover=G.Popover;exports.Portal=N.Portal;exports.Search=z.Search;exports.Select=O.Select;exports.Sortable=H.Sortable;exports.Table=W.Table;exports.Textarea=J.Textarea;exports.Toast=K.Toast;exports.Toasts=Q.Toasts;exports.Toggle=R.Toggle;exports.Toolbar=U.Toolbar;exports.Tooltip=V.Tooltip;exports.Widget=X.Widget;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.ts

@@ -389,6 +389,9 @@ declare const iconPaths: {
         filled: string;
         outline: string;
     };
+    download: {
+        filled: string;
+    };
     draft: {
         filled: string;
     };
@@ -582,7 +585,7 @@ export declare type MessageOptions = {
     type?: 'default' | 'minimal' | 'system' | 'user';
 };
 
-export declare const Messages: ({ fill, files, handleUpload, maxEditorRows, message, messages, minEditorRows, onChange, onFilesChange, onSubmit, placeholder, sending, }: MessagesProps) => JSX.Element;
+export declare const Messages: ({ fill, files, handleUpload, maxEditorRows, message, messages, minEditorRows, onChange, onFilesChange, onSubmit, placeholder, sending, tooltipLabel, }: MessagesProps) => JSX.Element;
 
 export declare type MessagesProps = {
     fill?: boolean;
@@ -597,6 +600,7 @@ export declare type MessagesProps = {
     onSubmit: () => Promise<void> | void;
     placeholder?: string;
     sending: boolean;
+    tooltipLabel?: string;
 };
 
 declare type MinimalCardProps = BaseCardProps & {

package/dist/index.js

@@ -27,7 +27,7 @@ import { Header as _ } from "./components/header/index.js";
 import { Icon as oo } from "./components/icon/index.js";
 import { Iframe as eo } from "./components/iframe/index.js";
 import { Image as po } from "./components/image/index.js";
-import { I as xo } from "./index-BrGCs_7h.js";
+import { I as xo } from "./index-D4LZQ-JF.js";
 import { Link as ao } from "./components/link/index.js";
 import { List as io } from "./components/list/index.js";
 import { Loading as no } from "./components/loading/index.js";
@@ -39,7 +39,7 @@ import { Object as ho } from "./components/object/index.js";
 import { Popover as Bo } from "./components/popover/index.js";
 import { Portal as Ao } from "./components/portal/index.js";
 import { Search as Mo } from "./components/search/index.js";
-import { S as Go } from "./index-CRAuAHow.js";
+import { S as Go } from "./index-uQRsVtP-.js";
 import { Sortable as Po } from "./components/sortable/index.js";
 import { Table as wo } from "./components/table/index.js";
 import { Textarea as zo } from "./components/textarea/index.js";

package/dist/tokens.css

@@ -1,7 +1,7 @@
 /* generated by `pnpm tokens:build` 🥷 */
 
 :root {
-  --breakpoint-lg: 1280;
+  --breakpoint-lg: 1024;
   --breakpoint-md: 768;
   --breakpoint-sm: 480;
   --colors-blue-100: #c9dcff;
@@ -260,6 +260,8 @@
   --shape-spacing-sm: var(--scale-12);
   --shape-spacing-xl: var(--scale-32);
   --shape-spacing-xs: var(--scale-8);
+  --shape-width-max: 480px;
+  --shape-width-max-lg: 640px;
   --typography-font-sizes-body-lg: var(--scale-18);
   --typography-font-sizes-body-md: var(--scale-16);
   --typography-font-sizes-body-sm: var(--scale-14);
@@ -272,9 +274,12 @@
   --typography-font-sizes-h4: var(--scale-16);
   --typography-font-sizes-label-lg: var(--scale-16);
   --typography-font-sizes-label-sm: var(--scale-14);
+  --utils-tokens-blur-default: var(--scale-8);
   --utils-tokens-font-family: 'Figtree', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
   --utils-tokens-gradient: linear-gradient(180deg, rgb(255 255 255 / 100%), transparent 50%);
-  --utils-tokens-icon-size: var(--scale-16);
+  --utils-tokens-icon-large: var(--scale-28);
+  --utils-tokens-icon-medium: var(--scale-24);
+  --utils-tokens-icon-small: var(--scale-16);
   --utils-tokens-negative-unit: var(--scale-negative-16);
   --utils-tokens-opacity-minimal: 0.5;
   --utils-tokens-transition-delay: 125ms;

package/dist/tokens.json

@@ -2,13 +2,13 @@
   "$description": "Design tokens exported from Figma",
   "$extensions": {
     "com.figma": {
-      "exportedAt": "2026-08-24T11:44:20.839Z",
+      "exportedAt": "2026-09-07T10:58:12.476Z",
       "history": [
         {
           "author": "Anne Cathrine",
           "changesSummary": "Export from Figma",
-          "exportedAt": "2026-08-24T11:44:20.839Z",
-          "variableCount": 281,
+          "exportedAt": "2026-09-07T10:58:12.476Z",
+          "variableCount": 286,
           "version": "1.0.0"
         }
       ],
@@ -330,6 +330,8 @@
         "shape.spacing.sm": "shape/spacing/sm",
         "shape.spacing.xl": "shape/spacing/xl",
         "shape.spacing.xs": "shape/spacing/xs",
+        "shape.width.max": "shape/width/max",
+        "shape.width.max-lg": "shape/width/max-lg",
         "typography.font-sizes.body-lg": "typography/font-sizes/body-lg",
         "typography.font-sizes.body-md": "typography/font-sizes/body-md",
         "typography.font-sizes.body-sm": "typography/font-sizes/body-sm",
@@ -342,9 +344,12 @@
         "typography.font-sizes.h4": "typography/font-sizes/h4",
         "typography.font-sizes.label-lg": "typography/font-sizes/label-lg",
         "typography.font-sizes.label-sm": "typography/font-sizes/label-sm",
+        "utils.tokens.blur.default": "utils/tokens/blur/default",
         "utils.tokens.font.family": "utils/tokens/font/family",
         "utils.tokens.gradient": "utils/tokens/gradient",
-        "utils.tokens.icon.size": "utils/tokens/icon/size",
+        "utils.tokens.icon.large": "utils/tokens/icon/large",
+        "utils.tokens.icon.medium": "utils/tokens/icon/medium",
+        "utils.tokens.icon.small": "utils/tokens/icon/small",
         "utils.tokens.negative.unit": "utils/tokens/negative/unit",
         "utils.tokens.opacity.minimal": "utils/tokens/opacity/minimal",
         "utils.tokens.transition.delay": "utils/tokens/transition/delay",
@@ -358,7 +363,7 @@
     },
     "com.solibo": {
       "packageName": "@solibo/solibo-ui",
-      "packageVersion": "1.0.5"
+      "packageVersion": "1.0.6"
     }
   },
   "$name": "Solibo UI Tokens",
@@ -372,7 +377,7 @@
         }
       },
       "$type": "number",
-      "$value": 1280
+      "$value": 1024
     },
     "md": {
       "$extensions": {
@@ -1235,7 +1240,7 @@
         "$value": {
           "Dark": "#fef2e6",
           "Light": "#fef2e6",
-          "New brand": "#fef2e6"
+          "New brand": "#fff5ea"
         }
       },
       "100": {
@@ -1250,7 +1255,7 @@
         "$value": {
           "Dark": "#fdd7b0",
           "Light": "#fdd7b0",
-          "New brand": "#fdd7b0"
+          "New brand": "#fbe7d3"
         }
       },
       "200": {
@@ -1265,7 +1270,7 @@
         "$value": {
           "Dark": "#fbc48a",
           "Light": "#fbc48a",
-          "New brand": "#fbc48a"
+          "New brand": "#f1cda7"
         }
       },
       "300": {
@@ -1280,7 +1285,7 @@
         "$value": {
           "Dark": "#faa954",
           "Light": "#faa954",
-          "New brand": "#faa954"
+          "New brand": "#e6b37a"
         }
       },
       "400": {
@@ -1295,7 +1300,7 @@
         "$value": {
           "Dark": "#f99933",
           "Light": "#f99933",
-          "New brand": "#f99933"
+          "New brand": "#dc9c50"
         }
       },
       "500": {
@@ -1310,7 +1315,7 @@
         "$value": {
           "Dark": "#f77f00",
           "Light": "#f77f00",
-          "New brand": "#f77f00"
+          "New brand": "#cf8a33"
         }
       },
       "600": {
@@ -1325,7 +1330,7 @@
         "$value": {
           "Dark": "#e17400",
           "Light": "#e17400",
-          "New brand": "#e17400"
+          "New brand": "#a96f23"
         }
       },
       "700": {
@@ -1340,7 +1345,7 @@
         "$value": {
           "Dark": "#af5a00",
           "Light": "#af5a00",
-          "New brand": "#af5a00"
+          "New brand": "#885716"
         }
       },
       "800": {
@@ -1355,7 +1360,7 @@
         "$value": {
           "Dark": "#884600",
           "Light": "#884600",
-          "New brand": "#884600"
+          "New brand": "#633e0d"
         }
       },
       "900": {
@@ -1370,7 +1375,7 @@
         "$value": {
           "Dark": "#683500",
           "Light": "#683500",
-          "New brand": "#683500"
+          "New brand": "#442a08"
         }
       }
     },
@@ -1539,7 +1544,7 @@
         "$value": {
           "Dark": "#f9e6e6",
           "Light": "#f9e6e6",
-          "New brand": "#f9e6e6"
+          "New brand": "#fff4f2"
         }
       },
       "100": {
@@ -1554,7 +1559,7 @@
         "$value": {
           "Dark": "#ebb2b1",
           "Light": "#ebb2b1",
-          "New brand": "#ebb2b1"
+          "New brand": "#f8e2de"
         }
       },
       "200": {
@@ -1569,7 +1574,7 @@
         "$value": {
           "Dark": "#e28c8b",
           "Light": "#e28c8b",
-          "New brand": "#e28c8b"
+          "New brand": "#e9bbb3"
         }
       },
       "300": {
@@ -1584,7 +1589,7 @@
         "$value": {
           "Dark": "#d45856",
           "Light": "#d45856",
-          "New brand": "#d45856"
+          "New brand": "#d1897e"
         }
       },
       "400": {
@@ -1599,7 +1604,7 @@
         "$value": {
           "Dark": "#cc3835",
           "Light": "#cc3835",
-          "New brand": "#cc3835"
+          "New brand": "#aa5449"
         }
       },
       "500": {
@@ -1614,7 +1619,7 @@
         "$value": {
           "Dark": "#bf0603",
           "Light": "#bf0603",
-          "New brand": "#bf0603"
+          "New brand": "#862b22"
         }
       },
       "600": {
@@ -1629,7 +1634,7 @@
         "$value": {
           "Dark": "#ae0503",
           "Light": "#ae0503",
-          "New brand": "#ae0503"
+          "New brand": "#702018"
         }
       },
       "700": {
@@ -1644,7 +1649,7 @@
         "$value": {
           "Dark": "#880402",
           "Light": "#880402",
-          "New brand": "#880402"
+          "New brand": "#5a1610"
         }
       },
       "800": {
@@ -1659,7 +1664,7 @@
         "$value": {
           "Dark": "#690302",
           "Light": "#690302",
-          "New brand": "#690302"
+          "New brand": "#43100b"
         }
       },
       "900": {
@@ -1674,7 +1679,7 @@
         "$value": {
           "Dark": "#500301",
           "Light": "#500301",
-          "New brand": "#500301"
+          "New brand": "#2d0906"
         }
       }
     },
@@ -2009,7 +2014,7 @@
           "$value": {
             "Dark": "{colors.neutral.0}",
             "Light": "{colors.neutral.0}",
-            "New brand": "{colors.neutral.0}"
+            "New brand": "{colors.semantic.primary.on-primary}"
           }
         },
         "primary": {
@@ -2077,7 +2082,7 @@
           "$value": {
             "Dark": "{colors.red.600}",
             "Light": "{colors.red.600}",
-            "New brand": "{colors.red.600}"
+            "New brand": "{colors.red.500}"
           }
         },
         "destructive-disabled": {
@@ -2107,7 +2112,7 @@
           "$value": {
             "Dark": "{colors.red.700}",
             "Light": "{colors.red.700}",
-            "New brand": "{colors.red.700}"
+            "New brand": "{colors.red.600}"
           }
         },
         "disabled": {
@@ -2222,7 +2227,7 @@
           "$value": {
             "Dark": "{colors.neutral.600}",
             "Light": "{colors.neutral.100}",
-            "New brand": "{colors.neutral.100}"
+            "New brand": "{colors.solibo green.100}"
           }
         },
         "secondary-destructive-hover": {
@@ -2252,7 +2257,7 @@
           "$value": {
             "Dark": "{colors.neutral.500}",
             "Light": "{colors.neutral.200}",
-            "New brand": "{colors.neutral.200}"
+            "New brand": "{colors.solibo green.200}"
           }
         },
         "selected": {
@@ -4179,6 +4184,36 @@
           "New brand": "{scale.8}"
         }
       }
+    },
+    "width": {
+      "max": {
+        "$extensions": {
+          "com.figma": {
+            "scopes": [
+              "ALL_SCOPES"
+            ]
+          }
+        },
+        "$type": "number",
+        "$value": {
+          "Desktop": 480,
+          "New brand": 480
+        }
+      },
+      "max-lg": {
+        "$extensions": {
+          "com.figma": {
+            "scopes": [
+              "ALL_SCOPES"
+            ]
+          }
+        },
+        "$type": "number",
+        "$value": {
+          "Desktop": 640,
+          "New brand": 640
+        }
+      }
     }
   },
   "typography": {
@@ -4367,6 +4402,19 @@
   },
   "utils": {
     "tokens": {
+      "blur": {
+        "default": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "number",
+          "$value": "{scale.8}"
+        }
+      },
       "font": {
         "family": {
           "$extensions": {
@@ -4388,10 +4436,34 @@
         "$value": "linear-gradient(180deg, rgb(255 255 255 / 100%), transparent 50%)"
       },
       "icon": {
-        "size": {
+        "large": {
           "$extensions": {
             "com.figma": {
-              "scopes": []
+              "scopes": [
+                "WIDTH_HEIGHT"
+              ]
+            }
+          },
+          "$type": "number",
+          "$value": "{scale.28}"
+        },
+        "medium": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "WIDTH_HEIGHT"
+              ]
+            }
+          },
+          "$type": "number",
+          "$value": "{scale.24}"
+        },
+        "small": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "WIDTH_HEIGHT"
+              ]
             }
           },
           "$type": "number",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solibo/solibo-ui",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "type": "module",
   "scripts": {
     "dev": "pnpm run tokens:build && vite build --watch",