@solibo/solibo-ui 2.0.2 → 2.1.0

package/dist/{index-CbJ2-IPc.js.map → index-DBWgRXp9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CbJ2-IPc.js","sources":["../src/utils/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, useId, useState } from 'react';\n\nimport { IconName, iconSVG } from '@/components/icon/icons.ts';\nimport { composeEventHandlers } from '@/utils/compose-event-handlers';\nimport { formatInlineLabel } from '@/utils/text';\nimport { useTouched } from '@/utils/use-touched';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithRef<'input'> & {\n  defaultCountryCode?: string;\n  disabled?: boolean;\n  errorMessage?: React.ReactNode;\n  icon?: IconName;\n  invalid?: boolean;\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  errorMessage,\n  icon,\n  invalid = false,\n  label,\n  onBlur: onBlurProp,\n  placeholder,\n  ref,\n  required,\n  style,\n  type = 'text',\n  variant = 'default',\n  ...props\n}: InputProps) {\n  const generatedErrorId = useId();\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  const errorId = invalid && errorMessage ? generatedErrorId : undefined;\n  const describedBy = [props['aria-describedby'], errorId].filter(Boolean).join(' ') || undefined;\n\n  type withVars =\n    | (React.CSSProperties & {\n        '--icon-svg'?: string;\n      })\n    | undefined;\n\n  const withVars: withVars = inputIcon\n    ? {\n        ...style,\n        '--icon-svg': iconSVG(inputIcon),\n      }\n    : style;\n  const handleBlur = composeEventHandlers(onBlur, onBlurProp);\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        {...restProps}\n        aria-describedby={describedBy}\n        aria-invalid={invalid ? true : props['aria-invalid']}\n        type='tel'\n        className={cx(styles.input, className, 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={handleBlur}\n        pattern={pattern}\n        required={required}\n        style={withVars}\n        value={phoneNumber}\n      />\n    </>\n  );\n\n  return (\n    <div className={styles.field}>\n      <label className={cx(styles.label, variant === 'inline' && styles.inline)}>\n        {displayLabel && (\n          <span data-required={required && variant !== 'inline' ? true : undefined}>\n            {displayLabel}\n          </span>\n        )}\n        {type === 'tel' ? (\n          telephoneInput\n        ) : (\n          <input\n            {...props}\n            aria-describedby={describedBy}\n            aria-invalid={invalid ? true : props['aria-invalid']}\n            ref={ref}\n            className={cx(styles.input, className, touched && styles.touched)}\n            data-icon={inputIcon ? 'true' : undefined}\n            disabled={disabled}\n            onBlur={handleBlur}\n            placeholder={placeholder}\n            required={required}\n            style={withVars}\n            type={type}\n          />\n        )}\n      </label>\n      {errorId && (\n        <span\n          className={styles.error}\n          id={errorId}\n          role='alert'\n        >\n          {errorMessage}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["capitalizeFirstLetter","value","toLocaleUpperCase","slice","formatInlineLabel","label","endsWith","Input","className","defaultCountryCode","disabled","errorMessage","icon","invalid","onBlur","onBlurProp","placeholder","ref","required","style","type","variant","props","generatedErrorId","useId","countryCode","setCountryCode","useState","phoneNumber","setPhoneNumber","name","onChange","pattern","restProps","touched","useTouched","inputIcon","undefined","displayLabel","errorId","describedBy","filter","Boolean","join","withVars","iconSVG","handleBlur","composeEventHandlers","useEffect","target","split","currentTarget","telephoneInput","jsxs","Fragment","jsx","cx","styles","code","input","e","field","inline","error"],"mappings":"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"}
+{"version":3,"file":"index-DBWgRXp9.js","sources":["../src/utils/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, useId, useState } from 'react';\n\nimport { IconName, iconSVG } from '@/components/icon/icons.ts';\nimport { composeEventHandlers } from '@/utils/compose-event-handlers';\nimport { formatInlineLabel } from '@/utils/text';\nimport { useTouched } from '@/utils/use-touched';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithRef<'input'> & {\n  defaultCountryCode?: string;\n  disabled?: boolean;\n  errorMessage?: React.ReactNode;\n  icon?: IconName;\n  invalid?: boolean;\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  errorMessage,\n  icon,\n  invalid = false,\n  label,\n  onBlur: onBlurProp,\n  placeholder,\n  ref,\n  required,\n  style,\n  type = 'text',\n  variant = 'default',\n  ...props\n}: InputProps) {\n  const generatedErrorId = useId();\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  const errorId = invalid && errorMessage ? generatedErrorId : undefined;\n  const describedBy = [props['aria-describedby'], errorId].filter(Boolean).join(' ') || undefined;\n\n  type withVars =\n    | (React.CSSProperties & {\n        '--icon-svg'?: string;\n      })\n    | undefined;\n\n  const withVars: withVars = inputIcon\n    ? {\n        ...style,\n        '--icon-svg': iconSVG(inputIcon),\n      }\n    : style;\n  const handleBlur = composeEventHandlers(onBlur, onBlurProp);\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        {...restProps}\n        aria-describedby={describedBy}\n        aria-invalid={invalid ? true : props['aria-invalid']}\n        type='tel'\n        className={cx(styles.input, className, 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={handleBlur}\n        pattern={pattern}\n        required={required}\n        style={withVars}\n        value={phoneNumber}\n      />\n    </>\n  );\n\n  return (\n    <div className={styles.field}>\n      <label className={cx(styles.label, variant === 'inline' && styles.inline)}>\n        {displayLabel && (\n          <span data-required={required && variant !== 'inline' ? true : undefined}>\n            {displayLabel}\n          </span>\n        )}\n        {type === 'tel' ? (\n          telephoneInput\n        ) : (\n          <input\n            {...props}\n            aria-describedby={describedBy}\n            aria-invalid={invalid ? true : props['aria-invalid']}\n            ref={ref}\n            className={cx(styles.input, className, touched && styles.touched)}\n            data-icon={inputIcon ? 'true' : undefined}\n            disabled={disabled}\n            onBlur={handleBlur}\n            placeholder={placeholder}\n            required={required}\n            style={withVars}\n            type={type}\n          />\n        )}\n      </label>\n      {errorId && (\n        <span\n          className={styles.error}\n          id={errorId}\n          role='alert'\n        >\n          {errorMessage}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["capitalizeFirstLetter","value","toLocaleUpperCase","slice","formatInlineLabel","label","endsWith","Input","className","defaultCountryCode","disabled","errorMessage","icon","invalid","onBlur","onBlurProp","placeholder","ref","required","style","type","variant","props","generatedErrorId","useId","countryCode","setCountryCode","useState","phoneNumber","setPhoneNumber","name","onChange","pattern","restProps","touched","useTouched","inputIcon","undefined","displayLabel","errorId","describedBy","filter","Boolean","join","withVars","iconSVG","handleBlur","composeEventHandlers","useEffect","target","split","currentTarget","telephoneInput","jsxs","Fragment","jsx","cx","styles","code","input","e","field","inline","error"],"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 o=require("./components/app-link/index.cjs"),t=require("./components/app-shell/index.cjs"),r=require("./components/aside/index.cjs"),i=require("./components/avatar/index.cjs"),s=require("./components/badge/index.cjs"),c=require("./components/banner/index.cjs"),p=require("./components/branding/index.cjs"),_=require("./components/button/index.cjs"),a=require("./components/card/index.cjs"),d=require("./components/checkbox/index.cjs"),u=require("./components/chip/index.cjs"),m=require("./components/collapsible/index.cjs"),l=require("./components/controls/index.cjs"),x=require("./components/croppable/index.cjs"),q=require("./components/dialog/index.cjs"),g=require("./components/divider/index.cjs"),b=require("./components/dropdown/index.cjs"),v=require("./components/dropzone/index.cjs"),h=require("./components/editor/index.cjs"),S=require("./components/empty-state/index.cjs"),T=require("./components/fieldset/index.cjs"),L=require("./components/figure/index.cjs"),C=require("./components/file/index.cjs"),I=require("./components/footer/index.cjs"),F=require("./components/form/index.cjs"),f=require("./components/graph/index.cjs"),k=require("./components/group/index.cjs"),y=require("./components/header/index.cjs"),A=require("./components/icon/index.cjs"),B=require("./components/iframe/index.cjs"),D=require("./components/image/index.cjs"),M=require("./index-CQlMdqOp.cjs"),P=require("./components/link/index.cjs"),N=require("./components/list/index.cjs"),O=require("./components/loading/index.cjs"),j=require("./components/menu/index.cjs"),w=require("./components/message/index.cjs"),E=require("./components/messages/index.cjs"),e=require("./components/nav/index.cjs"),G=require("./components/object/index.cjs"),z=require("./components/page-layout/index.cjs"),H=require("./components/popover/index.cjs"),W=require("./components/portal/index.cjs"),J=require("./components/search/index.cjs"),K=require("./index-Bt7vnwji.cjs"),n=require("./components/sortable/index.cjs"),Q=require("./components/table/index.cjs"),R=require("./components/textarea/index.cjs"),U=require("./components/toast/index.cjs"),V=require("./components/toasts/index.cjs"),X=require("./components/toggle/index.cjs"),Y=require("./components/toolbar/index.cjs"),Z=require("./components/tooltip/index.cjs"),$=require("./components/widget/index.cjs");exports.AppLink=o.AppLink;exports.AppShell=t.AppShell;exports.Aside=r.Aside;exports.Avatar=i.Avatar;exports.Badge=s.Badge;exports.Banner=c.Banner;exports.Branding=p.Branding;exports.Button=_.Button;exports.Card=a.Card;exports.Checkbox=d.Checkbox;exports.Chip=u.Chip;exports.Collapsible=m.Collapsible;exports.Controls=l.Controls;exports.Croppable=x.Croppable;exports.Dialog=q.Dialog;exports.Divider=g.Divider;exports.Dropdown=b.Dropdown;exports.Dropzone=v.Dropzone;exports.Editor=h.Editor;exports.EmptyState=S.EmptyState;exports.Fieldset=T.Fieldset;exports.Figure=L.Figure;exports.File=C.File;exports.Footer=I.Footer;exports.Form=F.Form;exports.Graph=f.Graph;exports.Group=k.Group;exports.Header=y.Header;exports.Icon=A.Icon;exports.Iframe=B.Iframe;exports.Image=D.Image;exports.Input=M.Input;exports.Link=P.Link;exports.List=N.List;exports.Loading=O.Loading;exports.Menu=j.Menu;exports.Message=w.Message;exports.Messages=E.Messages;exports.Nav=e.Nav;exports.NavItem=e.NavItem;exports.NavLabel=e.NavLabel;exports.Object=G.Object;exports.PageLayout=z.PageLayout;exports.Popover=H.Popover;exports.Portal=W.Portal;exports.Search=J.Search;exports.Select=K.Select;exports.Sortable=n.Sortable;exports.useOptionalSortableItem=n.useOptionalSortableItem;exports.Table=Q.Table;exports.Textarea=R.Textarea;exports.Toast=U.Toast;exports.Toasts=V.Toasts;exports.Toggle=X.Toggle;exports.Toolbar=Y.Toolbar;exports.Tooltip=Z.Tooltip;exports.Widget=$.Widget;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const o=require("./components/app-link/index.cjs"),t=require("./components/app-shell/index.cjs"),r=require("./components/aside/index.cjs"),i=require("./components/avatar/index.cjs"),s=require("./components/badge/index.cjs"),c=require("./components/banner/index.cjs"),p=require("./components/branding/index.cjs"),_=require("./components/button/index.cjs"),a=require("./components/card/index.cjs"),d=require("./components/checkbox/index.cjs"),u=require("./components/chip/index.cjs"),m=require("./components/clipboard/index.cjs"),l=require("./components/collapsible/index.cjs"),x=require("./components/controls/index.cjs"),q=require("./components/croppable/index.cjs"),g=require("./components/dialog/index.cjs"),b=require("./components/divider/index.cjs"),v=require("./components/dropdown/index.cjs"),h=require("./components/dropzone/index.cjs"),S=require("./components/editor/index.cjs"),T=require("./components/empty-state/index.cjs"),C=require("./components/fieldset/index.cjs"),L=require("./components/figure/index.cjs"),I=require("./components/file/index.cjs"),F=require("./components/footer/index.cjs"),f=require("./components/form/index.cjs"),k=require("./components/graph/index.cjs"),y=require("./components/group/index.cjs"),A=require("./components/header/index.cjs"),B=require("./components/icon/index.cjs"),D=require("./components/iframe/index.cjs"),M=require("./components/image/index.cjs"),P=require("./index-CeHwRKAg.cjs"),N=require("./components/link/index.cjs"),O=require("./components/list/index.cjs"),j=require("./components/loading/index.cjs"),w=require("./components/menu/index.cjs"),E=require("./components/message/index.cjs"),G=require("./components/messages/index.cjs"),e=require("./components/nav/index.cjs"),z=require("./components/object/index.cjs"),H=require("./components/page-layout/index.cjs"),W=require("./components/popover/index.cjs"),J=require("./components/portal/index.cjs"),K=require("./components/search/index.cjs"),Q=require("./index-5qUTKX7P.cjs"),n=require("./components/sortable/index.cjs"),R=require("./components/table/index.cjs"),U=require("./components/textarea/index.cjs"),V=require("./components/toast/index.cjs"),X=require("./components/toasts/index.cjs"),Y=require("./components/toggle/index.cjs"),Z=require("./components/toolbar/index.cjs"),$=require("./components/tooltip/index.cjs"),ee=require("./components/widget/index.cjs");exports.AppLink=o.AppLink;exports.AppShell=t.AppShell;exports.Aside=r.Aside;exports.Avatar=i.Avatar;exports.Badge=s.Badge;exports.Banner=c.Banner;exports.Branding=p.Branding;exports.Button=_.Button;exports.Card=a.Card;exports.Checkbox=d.Checkbox;exports.Chip=u.Chip;exports.Clipboard=m.Clipboard;exports.Collapsible=l.Collapsible;exports.Controls=x.Controls;exports.Croppable=q.Croppable;exports.Dialog=g.Dialog;exports.Divider=b.Divider;exports.Dropdown=v.Dropdown;exports.Dropzone=h.Dropzone;exports.Editor=S.Editor;exports.EmptyState=T.EmptyState;exports.Fieldset=C.Fieldset;exports.Figure=L.Figure;exports.File=I.File;exports.Footer=F.Footer;exports.Form=f.Form;exports.Graph=k.Graph;exports.Group=y.Group;exports.Header=A.Header;exports.Icon=B.Icon;exports.Iframe=D.Iframe;exports.Image=M.Image;exports.Input=P.Input;exports.Link=N.Link;exports.List=O.List;exports.Loading=j.Loading;exports.Menu=w.Menu;exports.Message=E.Message;exports.Messages=G.Messages;exports.Nav=e.Nav;exports.NavItem=e.NavItem;exports.NavLabel=e.NavLabel;exports.Object=z.Object;exports.PageLayout=H.PageLayout;exports.Popover=W.Popover;exports.Portal=J.Portal;exports.Search=K.Search;exports.Select=Q.Select;exports.Sortable=n.Sortable;exports.useOptionalSortableItem=n.useOptionalSortableItem;exports.Table=R.Table;exports.Textarea=U.Textarea;exports.Toast=V.Toast;exports.Toasts=X.Toasts;exports.Toggle=Y.Toggle;exports.Toolbar=Z.Toolbar;exports.Tooltip=$.Tooltip;exports.Widget=ee.Widget;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.ts

@@ -127,6 +127,14 @@ declare type ChipSharedProps = {
     onDelete: () => void;
 };
 
+declare const Clipboard_2: ({ label, onSuccess }: ClipboardProps) => JSX.Element;
+export { Clipboard_2 as Clipboard }
+
+declare type ClipboardProps = {
+    label: string;
+    onSuccess: () => void;
+};
+
 export declare const Collapsible: ({ children, disabled, open, summary }: CollapsibleProps) => JSX.Element;
 
 export declare type CollapsibleProps = {
@@ -268,12 +276,13 @@ export declare type EditorProps = {
     submitLabel?: string;
 };
 
-export declare const EmptyState: ({ button, content, header }: EmptyStateProps) => JSX.Element;
+export declare const EmptyState: ({ button, content, header, icon }: EmptyStateProps) => JSX.Element;
 
 export declare type EmptyStateProps = {
     button?: React.ReactNode;
     content: string;
     header: string;
+    icon?: IconName;
 };
 
 export declare const Fieldset: ({ className, ...props }: FieldsetProps) => JSX.Element;
@@ -357,6 +366,9 @@ declare const iconBodies: {
     readonly ArrowDown: {
         readonly regular: "<path d=\"M205.66,149.66l-72,72a8,8,0,0,1-11.32,0l-72-72a8,8,0,0,1,11.32-11.32L120,196.69V40a8,8,0,0,1,16,0V196.69l58.34-58.35a8,8,0,0,1,11.32,11.32Z\"/>";
     };
+    readonly ArrowRight: {
+        readonly regular: "<path d=\"M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z\"/>";
+    };
     readonly ArrowsClockwise: {
         readonly regular: "<path d=\"M224,48V96a8,8,0,0,1-8,8H168a8,8,0,0,1,0-16h28.69L182.06,73.37a79.56,79.56,0,0,0-56.13-23.43h-.45A79.52,79.52,0,0,0,69.59,72.71,8,8,0,0,1,58.41,61.27a96,96,0,0,1,135,.79L208,76.69V48a8,8,0,0,1,16,0ZM186.41,183.29a80,80,0,0,1-112.47-.66L59.31,168H88a8,8,0,0,0,0-16H40a8,8,0,0,0-8,8v48a8,8,0,0,0,16,0V179.31l14.63,14.63A95.43,95.43,0,0,0,130,222.06h.53a95.36,95.36,0,0,0,67.07-27.33,8,8,0,0,0-11.18-11.44Z\"/>";
     };
@@ -369,6 +381,9 @@ declare const iconBodies: {
     readonly ArrowUp: {
         readonly regular: "<path d=\"M205.66,117.66a8,8,0,0,1-11.32,0L136,59.31V216a8,8,0,0,1-16,0V59.31L61.66,117.66a8,8,0,0,1-11.32-11.32l72-72a8,8,0,0,1,11.32,0l72,72A8,8,0,0,1,205.66,117.66Z\"/>";
     };
+    readonly Bell: {
+        readonly fill: "<path d=\"M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216Z\"/>";
+    };
     readonly BuildingApartment: {
         readonly fill: "<path d=\"M240,208h-8V72a8,8,0,0,0-8-8H184V40a8,8,0,0,0-8-8H80a8,8,0,0,0-8,8V96H32a8,8,0,0,0-8,8V208H16a8,8,0,0,0,0,16H240a8,8,0,0,0,0-16ZM80,176H64a8,8,0,0,1,0-16H80a8,8,0,0,1,0,16Zm0-32H64a8,8,0,0,1,0-16H80a8,8,0,0,1,0,16Zm64,64H112V168h32Zm-8-64H120a8,8,0,0,1,0-16h16a8,8,0,0,1,0,16Zm0-32H120a8,8,0,0,1,0-16h16a8,8,0,0,1,0,16Zm0-32H120a8,8,0,0,1,0-16h16a8,8,0,0,1,0,16Zm56,96H176a8,8,0,0,1,0-16h16a8,8,0,0,1,0,16Zm0-32H176a8,8,0,0,1,0-16h16a8,8,0,0,1,0,16Zm0-32H176a8,8,0,0,1,0-16h16a8,8,0,0,1,0,16Z\"/>";
         readonly regular: "<path d=\"M240,208h-8V72a8,8,0,0,0-8-8H184V40a8,8,0,0,0-8-8H80a8,8,0,0,0-8,8V96H32a8,8,0,0,0-8,8V208H16a8,8,0,0,0,0,16H240a8,8,0,0,0,0-16ZM40,112H80a8,8,0,0,0,8-8V48h80V72a8,8,0,0,0,8,8h40V208H152V168a8,8,0,0,0-8-8H112a8,8,0,0,0-8,8v40H40Zm96,96H120V176h16ZM112,72a8,8,0,0,1,8-8h16a8,8,0,0,1,0,16H120A8,8,0,0,1,112,72Zm0,32a8,8,0,0,1,8-8h16a8,8,0,0,1,0,16H120A8,8,0,0,1,112,104Zm56,0a8,8,0,0,1,8-8h16a8,8,0,0,1,0,16H176A8,8,0,0,1,168,104ZM88,136a8,8,0,0,1-8,8H64a8,8,0,0,1,0-16H80A8,8,0,0,1,88,136Zm0,32a8,8,0,0,1-8,8H64a8,8,0,0,1,0-16H80A8,8,0,0,1,88,168Zm24-32a8,8,0,0,1,8-8h16a8,8,0,0,1,0,16H120A8,8,0,0,1,112,136Zm56,0a8,8,0,0,1,8-8h16a8,8,0,0,1,0,16H176A8,8,0,0,1,168,136Zm0,32a8,8,0,0,1,8-8h16a8,8,0,0,1,0,16H176A8,8,0,0,1,168,168Z\"/>";
@@ -379,6 +394,9 @@ declare const iconBodies: {
     readonly CaretLeft: {
         readonly regular: "<path d=\"M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z\"/>";
     };
+    readonly CaretRight: {
+        readonly regular: "<path d=\"M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z\"/>";
+    };
     readonly CaretUpDown: {
         readonly regular: "<path d=\"M181.66,170.34a8,8,0,0,1,0,11.32l-48,48a8,8,0,0,1-11.32,0l-48-48a8,8,0,0,1,11.32-11.32L128,212.69l42.34-42.35A8,8,0,0,1,181.66,170.34Zm-96-84.68L128,43.31l42.34,42.35a8,8,0,0,0,11.32-11.32l-48-48a8,8,0,0,0-11.32,0l-48,48A8,8,0,0,0,85.66,85.66Z\"/>";
     };
@@ -395,6 +413,12 @@ declare const iconBodies: {
         readonly fill: "<path d=\"M200,32H163.74a47.92,47.92,0,0,0-71.48,0H56A16,16,0,0,0,40,48V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V48A16,16,0,0,0,200,32Zm-72,0a32,32,0,0,1,32,32H96A32,32,0,0,1,128,32Zm32,128H96a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Zm0-32H96a8,8,0,0,1,0-16h64a8,8,0,0,1,0,16Z\"/>";
         readonly regular: "<path d=\"M168,152a8,8,0,0,1-8,8H96a8,8,0,0,1,0-16h64A8,8,0,0,1,168,152Zm-8-40H96a8,8,0,0,0,0,16h64a8,8,0,0,0,0-16Zm56-64V216a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V48A16,16,0,0,1,56,32H92.26a47.92,47.92,0,0,1,71.48,0H200A16,16,0,0,1,216,48ZM96,64h64a32,32,0,0,0-64,0ZM200,48H173.25A47.93,47.93,0,0,1,176,64v8a8,8,0,0,1-8,8H88a8,8,0,0,1-8-8V64a47.93,47.93,0,0,1,2.75-16H56V216H200Z\"/>";
     };
+    readonly Clock: {
+        readonly fill: "<path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm56,112H128a8,8,0,0,1-8-8V72a8,8,0,0,1,16,0v48h48a8,8,0,0,1,0,16Z\"/>";
+    };
+    readonly Confetti: {
+        readonly fill: "<path d=\"M111.49,52.63a15.8,15.8,0,0,0-26,5.77L33,202.78A15.83,15.83,0,0,0,47.76,224a16,16,0,0,0,5.46-1l144.37-52.5a15.8,15.8,0,0,0,5.78-26ZM65.14,161.13l19.2-52.79,63.32,63.32-52.8,19.2ZM160,72a37.8,37.8,0,0,1,3.84-15.58C169.14,45.83,179.14,40,192,40c6.7,0,11-2.29,13.65-7.21A22,22,0,0,0,208,23.94,8,8,0,0,1,224,24c0,12.86-8.52,32-32,32-6.7,0-11,2.29-13.65,7.21A22,22,0,0,0,176,72.06,8,8,0,0,1,160,72ZM136,40V16a8,8,0,0,1,16,0V40a8,8,0,0,1-16,0Zm101.66,82.34a8,8,0,1,1-11.32,11.31l-16-16a8,8,0,0,1,11.32-11.32Zm4.87-42.75-24,8a8,8,0,0,1-5.06-15.18l24-8a8,8,0,0,1,5.06,15.18Z\"/>";
+    };
     readonly Copy: {
         readonly fill: "<path d=\"M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32Zm-8,128H176V88a8,8,0,0,0-8-8H96V48H208Z\"/>";
         readonly regular: "<path d=\"M216,32H88a8,8,0,0,0-8,8V80H40a8,8,0,0,0-8,8V216a8,8,0,0,0,8,8H168a8,8,0,0,0,8-8V176h40a8,8,0,0,0,8-8V40A8,8,0,0,0,216,32ZM160,208H48V96H160Zm48-48H176V88a8,8,0,0,0-8-8H96V48H208Z\"/>";
@@ -442,6 +466,9 @@ declare const iconBodies: {
         readonly fill: "<path d=\"M216,130.16q.06-2.16,0-4.32l14.92-18.64a8,8,0,0,0,1.48-7.06,107.6,107.6,0,0,0-10.88-26.25,8,8,0,0,0-6-3.93l-23.72-2.64q-1.48-1.56-3-3L186,40.54a8,8,0,0,0-3.94-6,107.29,107.29,0,0,0-26.25-10.86,8,8,0,0,0-7.06,1.48L130.16,40Q128,40,125.84,40L107.2,25.11a8,8,0,0,0-7.06-1.48A107.6,107.6,0,0,0,73.89,34.51a8,8,0,0,0-3.93,6L67.32,64.27q-1.56,1.49-3,3L40.54,70a8,8,0,0,0-6,3.94,107.71,107.71,0,0,0-10.87,26.25,8,8,0,0,0,1.49,7.06L40,125.84Q40,128,40,130.16L25.11,148.8a8,8,0,0,0-1.48,7.06,107.6,107.6,0,0,0,10.88,26.25,8,8,0,0,0,6,3.93l23.72,2.64q1.49,1.56,3,3L70,215.46a8,8,0,0,0,3.94,6,107.71,107.71,0,0,0,26.25,10.87,8,8,0,0,0,7.06-1.49L125.84,216q2.16.06,4.32,0l18.64,14.92a8,8,0,0,0,7.06,1.48,107.21,107.21,0,0,0,26.25-10.88,8,8,0,0,0,3.93-6l2.64-23.72q1.56-1.48,3-3L215.46,186a8,8,0,0,0,6-3.94,107.71,107.71,0,0,0,10.87-26.25,8,8,0,0,0-1.49-7.06ZM128,168a40,40,0,1,1,40-40A40,40,0,0,1,128,168Z\"/>";
         readonly regular: "<path d=\"M128,80a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Zm88-29.84q.06-2.16,0-4.32l14.92-18.64a8,8,0,0,0,1.48-7.06,107.21,107.21,0,0,0-10.88-26.25,8,8,0,0,0-6-3.93l-23.72-2.64q-1.48-1.56-3-3L186,40.54a8,8,0,0,0-3.94-6,107.71,107.71,0,0,0-26.25-10.87,8,8,0,0,0-7.06,1.49L130.16,40Q128,40,125.84,40L107.2,25.11a8,8,0,0,0-7.06-1.48A107.6,107.6,0,0,0,73.89,34.51a8,8,0,0,0-3.93,6L67.32,64.27q-1.56,1.49-3,3L40.54,70a8,8,0,0,0-6,3.94,107.71,107.71,0,0,0-10.87,26.25,8,8,0,0,0,1.49,7.06L40,125.84Q40,128,40,130.16L25.11,148.8a8,8,0,0,0-1.48,7.06,107.21,107.21,0,0,0,10.88,26.25,8,8,0,0,0,6,3.93l23.72,2.64q1.49,1.56,3,3L70,215.46a8,8,0,0,0,3.94,6,107.71,107.71,0,0,0,26.25,10.87,8,8,0,0,0,7.06-1.49L125.84,216q2.16.06,4.32,0l18.64,14.92a8,8,0,0,0,7.06,1.48,107.21,107.21,0,0,0,26.25-10.88,8,8,0,0,0,3.93-6l2.64-23.72q1.56-1.48,3-3L215.46,186a8,8,0,0,0,6-3.94,107.71,107.71,0,0,0,10.87-26.25,8,8,0,0,0-1.49-7.06Zm-16.1-6.5a73.93,73.93,0,0,1,0,8.68,8,8,0,0,0,1.74,5.48l14.19,17.73a91.57,91.57,0,0,1-6.23,15L187,173.11a8,8,0,0,0-5.1,2.64,74.11,74.11,0,0,1-6.14,6.14,8,8,0,0,0-2.64,5.1l-2.51,22.58a91.32,91.32,0,0,1-15,6.23l-17.74-14.19a8,8,0,0,0-5-1.75h-.48a73.93,73.93,0,0,1-8.68,0,8,8,0,0,0-5.48,1.74L100.45,215.8a91.57,91.57,0,0,1-15-6.23L82.89,187a8,8,0,0,0-2.64-5.1,74.11,74.11,0,0,1-6.14-6.14,8,8,0,0,0-5.1-2.64L46.43,170.6a91.32,91.32,0,0,1-6.23-15l14.19-17.74a8,8,0,0,0,1.74-5.48,73.93,73.93,0,0,1,0-8.68,8,8,0,0,0-1.74-5.48L40.2,100.45a91.57,91.57,0,0,1,6.23-15L69,82.89a8,8,0,0,0,5.1-2.64,74.11,74.11,0,0,1,6.14-6.14A8,8,0,0,0,82.89,69L85.4,46.43a91.32,91.32,0,0,1,15-6.23l17.74,14.19a8,8,0,0,0,5.48,1.74,73.93,73.93,0,0,1,8.68,0,8,8,0,0,0,5.48-1.74L155.55,40.2a91.57,91.57,0,0,1,15,6.23L173.11,69a8,8,0,0,0,2.64,5.1,74.11,74.11,0,0,1,6.14,6.14,8,8,0,0,0,5.1,2.64l22.58,2.51a91.32,91.32,0,0,1,6.23,15l-14.19,17.74A8,8,0,0,0,199.87,123.66Z\"/>";
     };
+    readonly HandCoins: {
+        readonly fill: "<path d=\"M128.09,57.38a36,36,0,0,1,55.17-27.82,4,4,0,0,1-.56,7A52.06,52.06,0,0,0,152,84c0,1.17,0,2.34.12,3.49a4,4,0,0,1-6,3.76A36,36,0,0,1,128.09,57.38ZM240,160.61a24.47,24.47,0,0,1-13.6,22l-.44.2-38.83,16.54a6.94,6.94,0,0,1-1.19.4l-64,16A7.93,7.93,0,0,1,120,216H16A16,16,0,0,1,0,200V160a16,16,0,0,1,16-16H44.69l22.62-22.63A31.82,31.82,0,0,1,89.94,112H140a28,28,0,0,1,27.25,34.45l41.84-9.62A24.61,24.61,0,0,1,240,160.61Zm-16,0a8.61,8.61,0,0,0-10.87-8.3l-.31.08-67,15.41a8.32,8.32,0,0,1-1.79.2H112a8,8,0,0,1,0-16h28a12,12,0,0,0,0-24H89.94a15.86,15.86,0,0,0-11.31,4.69L56,155.31V200h63l62.43-15.61,38-16.18A8.56,8.56,0,0,0,224,160.61ZM168,84a36,36,0,1,0,36-36A36,36,0,0,0,168,84Z\"/>";
+    };
     readonly House: {
         readonly fill: "<path d=\"M224,120v96a8,8,0,0,1-8,8H160a8,8,0,0,1-8-8V164a4,4,0,0,0-4-4H108a4,4,0,0,0-4,4v52a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V120a16,16,0,0,1,4.69-11.31l80-80a16,16,0,0,1,22.62,0l80,80A16,16,0,0,1,224,120Z\"/>";
         readonly regular: "<path d=\"M219.31,108.68l-80-80a16,16,0,0,0-22.62,0l-80,80A15.87,15.87,0,0,0,32,120v96a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V160h32v56a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V120A15.87,15.87,0,0,0,219.31,108.68ZM208,208H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48V120l80-80,80,80Z\"/>";
@@ -470,6 +497,9 @@ declare const iconBodies: {
     readonly MagnifyingGlass: {
         readonly regular: "<path d=\"M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z\"/>";
     };
+    readonly MapPin: {
+        readonly fill: "<path d=\"M128,16a88.1,88.1,0,0,0-88,88c0,75.3,80,132.17,83.41,134.55a8,8,0,0,0,9.18,0C136,236.17,216,179.3,216,104A88.1,88.1,0,0,0,128,16Zm0,56a32,32,0,1,1-32,32A32,32,0,0,1,128,72Z\"/>";
+    };
     readonly Megaphone: {
         readonly fill: "<path d=\"M200,72H160.2c-2.91-.17-53.62-3.74-101.91-44.24A16,16,0,0,0,32,40V200a16,16,0,0,0,26.29,12.25c37.77-31.68,77-40.76,93.71-43.3v31.72A16,16,0,0,0,159.12,214l11,7.33A16,16,0,0,0,194.5,212l11.77-44.36A48,48,0,0,0,200,72ZM179,207.89l0,.11-11-7.33V168h21.6ZM200,152H168V88h32a32,32,0,1,1,0,64Z\"/>";
         readonly regular: "<path d=\"M248,120a48.05,48.05,0,0,0-48-48H160.2c-2.91-.17-53.62-3.74-101.91-44.24A16,16,0,0,0,32,40V200a16,16,0,0,0,26.29,12.25c37.77-31.68,77-40.76,93.71-43.3v31.72A16,16,0,0,0,159.12,214l11,7.33A16,16,0,0,0,194.5,212l11.77-44.36A48.07,48.07,0,0,0,248,120ZM48,199.93V40h0c42.81,35.91,86.63,45,104,47.24v65.48C134.65,155,90.84,164.07,48,199.93Zm131,8,0,.11-11-7.33V168h21.6ZM200,152H168V88h32a32,32,0,1,1,0,64Z\"/>";
@@ -486,6 +516,9 @@ declare const iconBodies: {
     readonly Pencil: {
         readonly fill: "<path d=\"M227.31,73.37,182.63,28.68a16,16,0,0,0-22.63,0L36.69,152A15.86,15.86,0,0,0,32,163.31V208a16,16,0,0,0,16,16H92.69A15.86,15.86,0,0,0,104,219.31L227.31,96a16,16,0,0,0,0-22.63ZM51.31,160l90.35-90.35,16.68,16.69L68,176.68ZM48,179.31,76.69,208H48Zm48,25.38L79.31,188l90.35-90.35h0l16.68,16.69Z\"/>";
     };
+    readonly PenNib: {
+        readonly fill: "<path d=\"M243.31,81.36,174.63,12.68a16,16,0,0,0-22.63,0L123.56,41.12l-58,21.76A16,16,0,0,0,55.36,75.23L34.59,199.83a4,4,0,0,0,6.77,3.49l57-57a23.85,23.85,0,0,1-2.29-12.08,24,24,0,1,1,13.6,23.4l-57,57a4,4,0,0,0,3.49,6.77l124.61-20.77a16,16,0,0,0,12.35-10.16l21.77-58.07L243.31,104a16,16,0,0,0,0-22.63ZM208,116.68,139.32,48l24-24L232,92.68Z\"/>";
+    };
     readonly Phone: {
         readonly fill: "<path d=\"M231.88,175.08A56.26,56.26,0,0,1,176,224C96.6,224,32,159.4,32,80A56.26,56.26,0,0,1,80.92,24.12a16,16,0,0,1,16.62,9.52l21.12,47.15,0,.12A16,16,0,0,1,117.39,96c-.18.27-.37.52-.57.77L96,121.45c7.49,15.22,23.41,31,38.83,38.51l24.34-20.71a8.12,8.12,0,0,1,.75-.56,16,16,0,0,1,15.17-1.4l.13.06,47.11,21.11A16,16,0,0,1,231.88,175.08Z\"/>";
         readonly regular: "<path d=\"M222.37,158.46l-47.11-21.11-.13-.06a16,16,0,0,0-15.17,1.4,8.12,8.12,0,0,0-.75.56L134.87,160c-15.42-7.49-31.34-23.29-38.83-38.51l20.78-24.71c.2-.25.39-.5.57-.77a16,16,0,0,0,1.32-15.06l0-.12L97.54,33.64a16,16,0,0,0-16.62-9.52A56.26,56.26,0,0,0,32,80c0,79.4,64.6,144,144,144a56.26,56.26,0,0,0,55.88-48.92A16,16,0,0,0,222.37,158.46ZM176,208A128.14,128.14,0,0,1,48,80,40.2,40.2,0,0,1,82.87,40a.61.61,0,0,0,0,.12l21,47L83.2,111.86a6.13,6.13,0,0,0-.57.77,16,16,0,0,0-1,15.7c9.06,18.53,27.73,37.06,46.46,46.11a16,16,0,0,0,15.75-1.14,8.44,8.44,0,0,0,.74-.56L168.89,152l47,21.05h0s.08,0,.11,0A40.21,40.21,0,0,1,176,208Z\"/>";
@@ -503,6 +536,9 @@ declare const iconBodies: {
         readonly fill: "<path d=\"M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,160H88V56H216V200Z\"/>";
         readonly regular: "<path d=\"M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM40,56H80V200H40ZM216,200H96V56H216V200Z\"/>";
     };
+    readonly Signature: {
+        readonly regular: "<path d=\"M232,168H63.86c2.66-5.24,5.33-10.63,8-16.11,15,1.65,32.58-8.78,52.66-31.14,5,13.46,14.45,30.93,30.58,31.25,9.06.18,18.11-5.2,27.42-16.37C189.31,143.75,203.3,152,232,152a8,8,0,0,0,0-16c-30.43,0-39.43-10.45-40-16.11a7.67,7.67,0,0,0-5.46-7.75,8.14,8.14,0,0,0-9.25,3.49c-12.07,18.54-19.38,20.43-21.92,20.37-8.26-.16-16.66-19.52-19.54-33.42a8,8,0,0,0-14.09-3.37C101.54,124.55,88,133.08,79.57,135.29,88.06,116.42,94.4,99.85,98.46,85.9c6.82-23.44,7.32-39.83,1.51-50.1-3-5.38-9.34-11.8-22.06-11.8C61.85,24,49.18,39.18,43.14,65.65c-3.59,15.71-4.18,33.21-1.62,48s7.87,25.55,15.59,31.94c-3.73,7.72-7.53,15.26-11.23,22.41H24a8,8,0,0,0,0,16H37.41c-11.32,21-20.12,35.64-20.26,35.88a8,8,0,1,0,13.71,8.24c.15-.26,11.27-18.79,24.7-44.12H232a8,8,0,0,0,0-16ZM58.74,69.21C62.72,51.74,70.43,40,77.91,40c5.33,0,7.1,1.86,8.13,3.67,3,5.33,6.52,24.19-21.66,86.39C56.12,118.78,53.31,93,58.74,69.21Z\"/>";
+    };
     readonly SlidersHorizontal: {
         readonly fill: "<path d=\"M32,80a8,8,0,0,1,8-8H77.17a28,28,0,0,1,53.66,0H216a8,8,0,0,1,0,16H130.83a28,28,0,0,1-53.66,0H40A8,8,0,0,1,32,80Zm184,88H194.83a28,28,0,0,0-53.66,0H40a8,8,0,0,0,0,16H141.17a28,28,0,0,0,53.66,0H216a8,8,0,0,0,0-16Z\"/>";
     };
@@ -607,7 +643,7 @@ declare type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     variant?: 'danger' | 'minimal' | 'primary';
 };
 
-export declare function List({ children, className, columns, compact, controls, horizontal, ordered, ref, style, ...props }: ListProps): JSX.Element;
+export declare function List({ children, className, columns, compact, controls, horizontal, layout, maxVisibleItems, ordered, ref, style, ...props }: ListProps): JSX.Element;
 
 declare type ListElement = HTMLUListElement | HTMLOListElement;
 
@@ -616,6 +652,8 @@ export declare type ListProps = React.ComponentPropsWithoutRef<'ul'> & {
     compact?: boolean;
     controls?: React.ReactNode;
     horizontal?: boolean;
+    layout?: 'grid' | 'masonry';
+    maxVisibleItems?: number;
     ordered?: boolean;
     ref?: React.Ref<ListElement>;
 };
@@ -654,7 +692,6 @@ export declare const Message: ({ actions, appearance, attachments, author, autho
 declare type MessageItem = MessageOptions;
 
 export declare type MessageOptions = {
-    /** Controls shown under the message, e.g. a delete button for the author's own message. */
     actions?: React.ReactNode;
     appearance?: 'default' | 'document' | 'file';
     attachments?: React.ReactNode;
@@ -779,6 +816,7 @@ declare type PopoverRenderProps = {
     close: (options?: PopoverCloseOptions) => void;
     initialFocus?: PopoverInitialFocus;
     isOpen: boolean;
+    isPositioned: boolean;
 };
 
 export declare const Portal: ({ children, portals, open, setOpen }: PortalProps) => JSX.Element;
@@ -848,6 +886,7 @@ declare const sizes: {
     large: string;
     medium: string;
     small: string;
+    tiny: string;
 };
 
 declare const sizes_2: {
@@ -862,9 +901,6 @@ declare const sizes_3: {
     small: string;
 };
 
-/**
- * Children must provide a stable `data-id` for emits `{ id, weight }` and `key` (reconciliation).
- */
 export declare function Sortable({ children, className, columns, isRearranging, onChangeOrder, ...props }: SortableProps): JSX.Element;
 
 declare type SortableItemContextValue = {
@@ -1009,10 +1045,12 @@ declare const variants_8: {
     static: string;
 };
 
-export declare const Widget: ({ children, ...props }: WidgetProps) => JSX.Element;
+export declare const Widget: ({ children, className, color, ...props }: WidgetProps) => JSX.Element;
 
 declare type WidgetProps = {
     children: React.ReactNode;
+    className?: string;
+    color?: '1' | '2';
 };
 
 declare type WrappedSelectElement = default_2.ReactElement<SelectProps, typeof Select>;

package/dist/index.js

@@ -4,54 +4,55 @@ import { Aside as x } from "./components/aside/index.js";
 import { Avatar as a } from "./components/avatar/index.js";
 import { Badge as i } from "./components/badge/index.js";
 import { Banner as n } from "./components/banner/index.js";
-import { Branding as d } from "./components/branding/index.js";
+import { Branding as g } from "./components/branding/index.js";
 import { Button as u } from "./components/button/index.js";
-import { Card as S } from "./components/card/index.js";
-import { Checkbox as v } from "./components/checkbox/index.js";
+import { Card as I } from "./components/card/index.js";
+import { Checkbox as T } from "./components/checkbox/index.js";
 import { Chip as L } from "./components/chip/index.js";
-import { Collapsible as h } from "./components/collapsible/index.js";
-import { Controls as A } from "./components/controls/index.js";
-import { Croppable as D } from "./components/croppable/index.js";
-import { Dialog as M } from "./components/dialog/index.js";
-import { Divider as P } from "./components/divider/index.js";
-import { Dropdown as E } from "./components/dropdown/index.js";
-import { Dropzone as O } from "./components/dropzone/index.js";
-import { Editor as w } from "./components/editor/index.js";
-import { EmptyState as H } from "./components/empty-state/index.js";
-import { Fieldset as q } from "./components/fieldset/index.js";
-import { Figure as K } from "./components/figure/index.js";
-import { File as R } from "./components/file/index.js";
-import { Footer as V } from "./components/footer/index.js";
-import { Form as Y } from "./components/form/index.js";
-import { Graph as _ } from "./components/graph/index.js";
-import { Group as oo } from "./components/group/index.js";
-import { Header as eo } from "./components/header/index.js";
-import { Icon as po } from "./components/icon/index.js";
-import { Iframe as xo } from "./components/iframe/index.js";
-import { Image as ao } from "./components/image/index.js";
-import { I as io } from "./index-CbJ2-IPc.js";
-import { Link as no } from "./components/link/index.js";
-import { List as bo } from "./components/list/index.js";
-import { Loading as Io } from "./components/loading/index.js";
-import { Menu as To } from "./components/menu/index.js";
-import { Message as Co } from "./components/message/index.js";
-import { Messages as co } from "./components/messages/index.js";
-import { Nav as Fo, NavItem as Ao, NavLabel as Bo } from "./components/nav/index.js";
-import { Object as ko } from "./components/object/index.js";
-import { PageLayout as No } from "./components/page-layout/index.js";
-import { Popover as yo } from "./components/popover/index.js";
-import { Portal as Go } from "./components/portal/index.js";
-import { Search as jo } from "./components/search/index.js";
-import { S as zo } from "./index-BLb3JiCr.js";
-import { Sortable as Wo, useOptionalSortableItem as qo } from "./components/sortable/index.js";
-import { Table as Ko } from "./components/table/index.js";
-import { Textarea as Ro } from "./components/textarea/index.js";
-import { Toast as Vo } from "./components/toast/index.js";
-import { Toasts as Yo } from "./components/toasts/index.js";
-import { Toggle as _o } from "./components/toggle/index.js";
-import { Toolbar as or } from "./components/toolbar/index.js";
-import { Tooltip as er } from "./components/tooltip/index.js";
-import { Widget as pr } from "./components/widget/index.js";
+import { Clipboard as h } from "./components/clipboard/index.js";
+import { Collapsible as A } from "./components/collapsible/index.js";
+import { Controls as D } from "./components/controls/index.js";
+import { Croppable as M } from "./components/croppable/index.js";
+import { Dialog as P } from "./components/dialog/index.js";
+import { Divider as E } from "./components/divider/index.js";
+import { Dropdown as O } from "./components/dropdown/index.js";
+import { Dropzone as w } from "./components/dropzone/index.js";
+import { Editor as H } from "./components/editor/index.js";
+import { EmptyState as q } from "./components/empty-state/index.js";
+import { Fieldset as K } from "./components/fieldset/index.js";
+import { Figure as R } from "./components/figure/index.js";
+import { File as V } from "./components/file/index.js";
+import { Footer as Y } from "./components/footer/index.js";
+import { Form as _ } from "./components/form/index.js";
+import { Graph as oo } from "./components/graph/index.js";
+import { Group as eo } from "./components/group/index.js";
+import { Header as po } from "./components/header/index.js";
+import { Icon as xo } from "./components/icon/index.js";
+import { Iframe as ao } from "./components/iframe/index.js";
+import { Image as io } from "./components/image/index.js";
+import { I as no } from "./index-DBWgRXp9.js";
+import { Link as bo } from "./components/link/index.js";
+import { List as Co } from "./components/list/index.js";
+import { Loading as So } from "./components/loading/index.js";
+import { Menu as vo } from "./components/menu/index.js";
+import { Message as co } from "./components/message/index.js";
+import { Messages as Fo } from "./components/messages/index.js";
+import { Nav as Bo, NavItem as Do, NavLabel as ko } from "./components/nav/index.js";
+import { Object as No } from "./components/object/index.js";
+import { PageLayout as yo } from "./components/page-layout/index.js";
+import { Popover as Go } from "./components/popover/index.js";
+import { Portal as jo } from "./components/portal/index.js";
+import { Search as zo } from "./components/search/index.js";
+import { S as Wo } from "./index-BuSfz4qx.js";
+import { Sortable as Jo, useOptionalSortableItem as Ko } from "./components/sortable/index.js";
+import { Table as Ro } from "./components/table/index.js";
+import { Textarea as Vo } from "./components/textarea/index.js";
+import { Toast as Yo } from "./components/toast/index.js";
+import { Toasts as _o } from "./components/toasts/index.js";
+import { Toggle as or } from "./components/toggle/index.js";
+import { Toolbar as er } from "./components/toolbar/index.js";
+import { Tooltip as pr } from "./components/tooltip/index.js";
+import { Widget as xr } from "./components/widget/index.js";
 import './assets/index.css';export {
   e as AppLink,
   p as AppShell,
@@ -59,56 +60,57 @@ import './assets/index.css';export {
   a as Avatar,
   i as Badge,
   n as Banner,
-  d as Branding,
+  g as Branding,
   u as Button,
-  S as Card,
-  v as Checkbox,
+  I as Card,
+  T as Checkbox,
   L as Chip,
-  h as Collapsible,
-  A as Controls,
-  D as Croppable,
-  M as Dialog,
-  P as Divider,
-  E as Dropdown,
-  O as Dropzone,
-  w as Editor,
-  H as EmptyState,
-  q as Fieldset,
-  K as Figure,
-  R as File,
-  V as Footer,
-  Y as Form,
-  _ as Graph,
-  oo as Group,
-  eo as Header,
-  po as Icon,
-  xo as Iframe,
-  ao as Image,
-  io as Input,
-  no as Link,
-  bo as List,
-  Io as Loading,
-  To as Menu,
-  Co as Message,
-  co as Messages,
-  Fo as Nav,
-  Ao as NavItem,
-  Bo as NavLabel,
-  ko as Object,
-  No as PageLayout,
-  yo as Popover,
-  Go as Portal,
-  jo as Search,
-  zo as Select,
-  Wo as Sortable,
-  Ko as Table,
-  Ro as Textarea,
-  Vo as Toast,
-  Yo as Toasts,
-  _o as Toggle,
-  or as Toolbar,
-  er as Tooltip,
-  pr as Widget,
-  qo as useOptionalSortableItem
+  h as Clipboard,
+  A as Collapsible,
+  D as Controls,
+  M as Croppable,
+  P as Dialog,
+  E as Divider,
+  O as Dropdown,
+  w as Dropzone,
+  H as Editor,
+  q as EmptyState,
+  K as Fieldset,
+  R as Figure,
+  V as File,
+  Y as Footer,
+  _ as Form,
+  oo as Graph,
+  eo as Group,
+  po as Header,
+  xo as Icon,
+  ao as Iframe,
+  io as Image,
+  no as Input,
+  bo as Link,
+  Co as List,
+  So as Loading,
+  vo as Menu,
+  co as Message,
+  Fo as Messages,
+  Bo as Nav,
+  Do as NavItem,
+  ko as NavLabel,
+  No as Object,
+  yo as PageLayout,
+  Go as Popover,
+  jo as Portal,
+  zo as Search,
+  Wo as Select,
+  Jo as Sortable,
+  Ro as Table,
+  Vo as Textarea,
+  Yo as Toast,
+  _o as Toasts,
+  or as Toggle,
+  er as Toolbar,
+  pr as Tooltip,
+  xr as Widget,
+  Ko as useOptionalSortableItem
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/menu-popover-CdhAgSQb.cjs

@@ -0,0 +1,2 @@
+"use strict";require('./assets/menu-popover.css');const s=require("react/jsx-runtime"),k=require("./classix-5H4IWnMA.cjs"),l=require("react"),y=require("./components/list/index.cjs"),j=require("./components/icon/index.cjs"),A=require("./components/popover/index.cjs"),w="_list_25aqk_3",D="_item_25aqk_15",I="_active_25aqk_38",C="_danger_25aqk_47",m={list:w,item:D,active:I,danger:C},E=n=>Array.from((n==null?void 0:n.querySelectorAll('[role="menuitem"]'))??[]).filter(r=>!r.disabled);function P({actions:n,initialFocus:r,menuAccessibleLabel:u,onSelect:p,readyToFocus:i=!0,usesMenuSemantics:o=!1}){const _=l.useRef(null),f=l.useCallback((e,c=!1)=>{const t=E(_.current);if(t.length===0)return;if(e==="first"||e==="last"){t[e==="first"?0:t.length-1].focus({preventScroll:c});return}const a=t.indexOf(document.activeElement),d=e==="next"?(a+1)%t.length:(a-1+t.length)%t.length;t[d].focus()},[]);l.useEffect(()=>{o&&i&&f(r??"first",!0)},[f,r,i,o]);const q=e=>{if(!o)return;const t={ArrowDown:"next",ArrowUp:"previous",End:"last",Home:"first"}[e.key];t&&(e.preventDefault(),f(t))};return s.jsx(y.List,{"aria-label":u,className:m.list,onKeyDown:q,ref:_,role:o?"menu":void 0,"data-component":"menuactionlist",children:n.map(({button:e,id:c,isActive:t,isDanger:a,value:d},h)=>s.jsx("li",{role:o?"none":void 0,children:l.cloneElement(e,{"aria-current":t?"true":e.props["aria-current"],className:k.t(e.props.className,m.item,t&&m.active,a&&m.danger),onClick:x=>{var g,v;(v=(g=e.props).onClick)==null||v.call(g,x),p(d,x)},role:o?"menuitem":e.props.role,variant:"tertiary"})},c??e.key??h))})}const R=({children:n,inline:r,triggerAccessibleLabel:u,triggerIcon:p="DotsThreeVertical",triggerLabel:i})=>s.jsx(A.Popover,{inline:r,triggerAccessibleLabel:u,triggerAriaHasPopup:"menu",triggerButtonContent:s.jsxs(s.Fragment,{children:[i,s.jsx(j.Icon,{gap:i?"left":"none",name:p,size:"medium"})]}),"data-component":"menupopover",children:n});exports.MenuActionList=P;exports.MenuPopover=R;
+//# sourceMappingURL=menu-popover-CdhAgSQb.cjs.map

package/dist/menu-popover-CdhAgSQb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-popover-CdhAgSQb.cjs","sources":["../src/components/menu/action-list.tsx","../src/components/menu/menu-popover.tsx"],"sourcesContent":["import cx from 'classix';\nimport { cloneElement, useCallback, useEffect, useRef } from 'react';\n\nimport { type ButtonProps } from '../button';\nimport { List } from '../list';\nimport { type PopoverInitialFocus } from '../popover';\nimport styles from './styles.module.css';\n\nexport type MenuAction<T> = {\n  button: React.ReactElement<ButtonProps>;\n  id?: React.Key;\n  isActive?: boolean;\n  isDanger?: boolean;\n  value: T;\n};\n\ntype MenuFocusTarget = 'first' | 'last' | 'next' | 'previous';\n\nconst getFocusableItems = (list: HTMLUListElement | HTMLOListElement | null) =>\n  Array.from(list?.querySelectorAll<HTMLButtonElement>('[role=\"menuitem\"]') ?? []).filter(\n    (item) => !item.disabled\n  );\n\nexport function MenuActionList<T>({\n  actions,\n  initialFocus,\n  menuAccessibleLabel,\n  onSelect,\n  readyToFocus = true,\n  usesMenuSemantics = false,\n}: {\n  actions: MenuAction<T>[];\n  initialFocus?: PopoverInitialFocus;\n  menuAccessibleLabel?: string;\n  onSelect: (value: T, event: React.MouseEvent<HTMLButtonElement>) => void;\n  readyToFocus?: boolean;\n  usesMenuSemantics?: boolean;\n}) {\n  const listRef = useRef<HTMLUListElement | HTMLOListElement>(null);\n\n  const focusItem = useCallback((target: MenuFocusTarget, preventScroll = false) => {\n    const items = getFocusableItems(listRef.current);\n    if (items.length === 0) return;\n\n    if (target === 'first' || target === 'last') {\n      items[target === 'first' ? 0 : items.length - 1].focus({ preventScroll });\n      return;\n    }\n\n    const currentIndex = items.indexOf(document.activeElement as HTMLButtonElement);\n    const nextIndex =\n      target === 'next'\n        ? (currentIndex + 1) % items.length\n        : (currentIndex - 1 + items.length) % items.length;\n    items[nextIndex].focus();\n  }, []);\n\n  useEffect(() => {\n    if (usesMenuSemantics && readyToFocus) focusItem(initialFocus ?? 'first', true);\n  }, [focusItem, initialFocus, readyToFocus, usesMenuSemantics]);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLUListElement>) => {\n    if (!usesMenuSemantics) return;\n\n    const targets = {\n      ArrowDown: 'next',\n      ArrowUp: 'previous',\n      End: 'last',\n      Home: 'first',\n    } as const;\n    const target = targets[event.key as keyof typeof targets];\n    if (!target) return;\n\n    event.preventDefault();\n    focusItem(target);\n  };\n\n  return (\n    <List\n      aria-label={menuAccessibleLabel}\n      className={styles.list}\n      onKeyDown={handleKeyDown}\n      ref={listRef}\n      role={usesMenuSemantics ? 'menu' : undefined}\n    >\n      {actions.map(({ button, id, isActive, isDanger, value }, index) => (\n        <li\n          key={id ?? button.key ?? index}\n          role={usesMenuSemantics ? 'none' : undefined}\n        >\n          {cloneElement(button, {\n            'aria-current': isActive ? 'true' : button.props['aria-current'],\n            className: cx(\n              button.props.className,\n              styles.item,\n              isActive && styles.active,\n              isDanger && styles.danger\n            ),\n            onClick: (event: React.MouseEvent<HTMLButtonElement>) => {\n              button.props.onClick?.(event);\n              onSelect(value, event);\n            },\n            role: usesMenuSemantics ? 'menuitem' : button.props.role,\n            variant: 'tertiary',\n          })}\n        </li>\n      ))}\n    </List>\n  );\n}\n","import { Icon, type IconName } from '../icon';\nimport { Popover, type PopoverProps } from '../popover';\n\nexport const MenuPopover = ({\n  children,\n  inline,\n  triggerAccessibleLabel,\n  triggerIcon = 'DotsThreeVertical',\n  triggerLabel,\n}: Pick<PopoverProps, 'children' | 'inline' | 'triggerAccessibleLabel'> & {\n  triggerIcon?: IconName;\n  triggerLabel?: React.ReactNode;\n}) => (\n  <Popover\n    inline={inline}\n    triggerAccessibleLabel={triggerAccessibleLabel}\n    triggerAriaHasPopup='menu'\n    triggerButtonContent={\n      <>\n        {triggerLabel}\n        <Icon\n          gap={triggerLabel ? 'left' : 'none'}\n          name={triggerIcon}\n          size='medium'\n        />\n      </>\n    }\n  >\n    {children}\n  </Popover>\n);\n"],"names":["getFocusableItems","list","Array","from","querySelectorAll","filter","item","disabled","MenuActionList","actions","initialFocus","menuAccessibleLabel","onSelect","readyToFocus","usesMenuSemantics","listRef","useRef","focusItem","useCallback","target","preventScroll","items","current","length","focus","currentIndex","indexOf","document","activeElement","nextIndex","useEffect","handleKeyDown","event","ArrowDown","ArrowUp","End","Home","key","preventDefault","List","styles","undefined","map","button","id","isActive","isDanger","value","index","jsx","cloneElement","props","className","cx","active","danger","onClick","role","variant","MenuPopover","children","inline","triggerAccessibleLabel","triggerIcon","triggerLabel","Popover","jsxs","Fragment","Icon"],"mappings":"0VAkBMA,EAAqBC,GACzBC,MAAMC,MAAKF,GAAAA,YAAAA,EAAMG,iBAAoC,uBAAwB,CAAA,CAAE,EAAEC,OAC9EC,GAAS,CAACA,EAAKC,QAClB,EAEK,SAASC,EAAkB,CAChCC,QAAAA,EACAC,aAAAA,EACAC,oBAAAA,EACAC,SAAAA,EACAC,aAAAA,EAAe,GACfC,kBAAAA,EAAoB,EAQtB,EAAG,CACD,MAAMC,EAAUC,EAAAA,OAA4C,IAAI,EAE1DC,EAAYC,EAAAA,YAAY,CAACC,EAAyBC,EAAgB,KAAU,CAChF,MAAMC,EAAQrB,EAAkBe,EAAQO,OAAO,EAC/C,GAAID,EAAME,SAAW,EAAG,OAExB,GAAIJ,IAAW,SAAWA,IAAW,OAAQ,CAC3CE,EAAMF,IAAW,QAAU,EAAIE,EAAME,OAAS,CAAC,EAAEC,MAAM,CAAEJ,cAAAA,CAAAA,CAAe,EACxE,MACF,CAEA,MAAMK,EAAeJ,EAAMK,QAAQC,SAASC,aAAkC,EACxEC,EACJV,IAAW,QACNM,EAAe,GAAKJ,EAAME,QAC1BE,EAAe,EAAIJ,EAAME,QAAUF,EAAME,OAChDF,EAAMQ,CAAS,EAAEL,MAAAA,CACnB,EAAG,CAAA,CAAE,EAELM,EAAAA,UAAU,IAAM,CACVhB,GAAqBD,GAAcI,EAAUP,GAAgB,QAAS,EAAI,CAChF,EAAG,CAACO,EAAWP,EAAcG,EAAcC,CAAiB,CAAC,EAE7D,MAAMiB,EAAiBC,GAAiD,CACtE,GAAI,CAAClB,EAAmB,OAQxB,MAAMK,EANU,CACdc,UAAW,OACXC,QAAS,WACTC,IAAK,OACLC,KAAM,OAAA,EAEeJ,EAAMK,GAA2B,EACnDlB,IAELa,EAAMM,eAAAA,EACNrB,EAAUE,CAAM,EAClB,EAEA,aACGoB,OAAA,CACC,aAAY5B,EACZ,UAAW6B,EAAOvC,KAClB,UAAW8B,EACX,IAAKhB,EACL,KAAMD,EAAoB,OAAS2B,OAAU,iBAAA,iBAE5ChC,SAAAA,EAAQiC,IAAI,CAAC,CAAEC,OAAAA,EAAQC,GAAAA,EAAIC,SAAAA,EAAUC,SAAAA,EAAUC,MAAAA,CAAAA,EAASC,IACvDC,EAAAA,IAAC,KAAA,CAEC,KAAMnC,EAAoB,OAAS2B,OAElCS,SAAAA,EAAAA,aAAaP,EAAQ,CACpB,eAAgBE,EAAW,OAASF,EAAOQ,MAAM,cAAc,EAC/DC,UAAWC,EAAAA,EACTV,EAAOQ,MAAMC,UACbZ,EAAOlC,KACPuC,GAAYL,EAAOc,OACnBR,GAAYN,EAAOe,MACrB,EACAC,QAAUxB,GAA+C,UACvDW,GAAAA,EAAAA,EAAOQ,OAAMK,UAAbb,MAAAA,EAAAA,KAAAA,EAAuBX,GACvBpB,EAASmC,EAAOf,CAAK,CACvB,EACAyB,KAAM3C,EAAoB,WAAa6B,EAAOQ,MAAMM,KACpDC,QAAS,UAAA,CACV,CAAA,EAjBId,GAAMD,EAAON,KAAOW,CAkB3B,CACD,EACH,CAEJ,CC1GO,MAAMW,EAAcA,CAAC,CAC1BC,SAAAA,EACAC,OAAAA,EACAC,uBAAAA,EACAC,YAAAA,EAAc,oBACdC,aAAAA,CAIF,UACGC,EAAAA,QAAA,CACC,OAAAJ,EACA,uBAAAC,EACA,oBAAoB,OACpB,qBACEI,EAAAA,KAAAC,EAAAA,SAAA,CACGH,SAAAA,CAAAA,EACDf,EAAAA,IAACmB,EAAAA,MACC,IAAKJ,EAAe,OAAS,OAC7B,KAAMD,EACN,KAAK,QAAA,CAAQ,CAAA,CAAA,CAEjB,EACD,iBAAA,cAEAH,SAAAA,CAAAA,CACH"}

package/dist/menu-popover-D-Ax5zzy.js

@@ -0,0 +1,77 @@
+import { jsx as c, jsxs as x, Fragment as y } from "react/jsx-runtime";
+import { t as q } from "./classix-DG18itHa.js";
+import { useRef as w, useCallback as A, useEffect as D, cloneElement as I } from "react";
+import { List as C } from "./components/list/index.js";
+import { Icon as E } from "./components/icon/index.js";
+import { Popover as N } from "./components/popover/index.js";
+import './assets/menu-popover.css';const P = "_list_25aqk_3", j = "_item_25aqk_15", H = "_active_25aqk_38", K = "_danger_25aqk_47", s = {
+  list: P,
+  item: j,
+  active: H,
+  danger: K
+}, R = (t) => Array.from((t == null ? void 0 : t.querySelectorAll('[role="menuitem"]')) ?? []).filter((o) => !o.disabled);
+function F({
+  actions: t,
+  initialFocus: o,
+  menuAccessibleLabel: m,
+  onSelect: f,
+  readyToFocus: a = !0,
+  usesMenuSemantics: n = !1
+}) {
+  const u = w(null), p = A((e, i = !1) => {
+    const r = R(u.current);
+    if (r.length === 0) return;
+    if (e === "first" || e === "last") {
+      r[e === "first" ? 0 : r.length - 1].focus({
+        preventScroll: i
+      });
+      return;
+    }
+    const l = r.indexOf(document.activeElement), d = e === "next" ? (l + 1) % r.length : (l - 1 + r.length) % r.length;
+    r[d].focus();
+  }, []);
+  D(() => {
+    n && a && p(o ?? "first", !0);
+  }, [p, o, a, n]);
+  const v = (e) => {
+    if (!n) return;
+    const r = {
+      ArrowDown: "next",
+      ArrowUp: "previous",
+      End: "last",
+      Home: "first"
+    }[e.key];
+    r && (e.preventDefault(), p(r));
+  };
+  return /* @__PURE__ */ c(C, { "aria-label": m, className: s.list, onKeyDown: v, ref: u, role: n ? "menu" : void 0, "data-component": "menuactionlist", children: t.map(({
+    button: e,
+    id: i,
+    isActive: r,
+    isDanger: l,
+    value: d
+  }, k) => /* @__PURE__ */ c("li", { role: n ? "none" : void 0, children: I(e, {
+    "aria-current": r ? "true" : e.props["aria-current"],
+    className: q(e.props.className, s.item, r && s.active, l && s.danger),
+    onClick: (g) => {
+      var _, h;
+      (h = (_ = e.props).onClick) == null || h.call(_, g), f(d, g);
+    },
+    role: n ? "menuitem" : e.props.role,
+    variant: "tertiary"
+  }) }, i ?? e.key ?? k)) });
+}
+const G = ({
+  children: t,
+  inline: o,
+  triggerAccessibleLabel: m,
+  triggerIcon: f = "DotsThreeVertical",
+  triggerLabel: a
+}) => /* @__PURE__ */ c(N, { inline: o, triggerAccessibleLabel: m, triggerAriaHasPopup: "menu", triggerButtonContent: /* @__PURE__ */ x(y, { children: [
+  a,
+  /* @__PURE__ */ c(E, { gap: a ? "left" : "none", name: f, size: "medium" })
+] }), "data-component": "menupopover", children: t });
+export {
+  F as M,
+  G as a
+};
+//# sourceMappingURL=menu-popover-D-Ax5zzy.js.map

package/dist/menu-popover-D-Ax5zzy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-popover-D-Ax5zzy.js","sources":["../src/components/menu/action-list.tsx","../src/components/menu/menu-popover.tsx"],"sourcesContent":["import cx from 'classix';\nimport { cloneElement, useCallback, useEffect, useRef } from 'react';\n\nimport { type ButtonProps } from '../button';\nimport { List } from '../list';\nimport { type PopoverInitialFocus } from '../popover';\nimport styles from './styles.module.css';\n\nexport type MenuAction<T> = {\n  button: React.ReactElement<ButtonProps>;\n  id?: React.Key;\n  isActive?: boolean;\n  isDanger?: boolean;\n  value: T;\n};\n\ntype MenuFocusTarget = 'first' | 'last' | 'next' | 'previous';\n\nconst getFocusableItems = (list: HTMLUListElement | HTMLOListElement | null) =>\n  Array.from(list?.querySelectorAll<HTMLButtonElement>('[role=\"menuitem\"]') ?? []).filter(\n    (item) => !item.disabled\n  );\n\nexport function MenuActionList<T>({\n  actions,\n  initialFocus,\n  menuAccessibleLabel,\n  onSelect,\n  readyToFocus = true,\n  usesMenuSemantics = false,\n}: {\n  actions: MenuAction<T>[];\n  initialFocus?: PopoverInitialFocus;\n  menuAccessibleLabel?: string;\n  onSelect: (value: T, event: React.MouseEvent<HTMLButtonElement>) => void;\n  readyToFocus?: boolean;\n  usesMenuSemantics?: boolean;\n}) {\n  const listRef = useRef<HTMLUListElement | HTMLOListElement>(null);\n\n  const focusItem = useCallback((target: MenuFocusTarget, preventScroll = false) => {\n    const items = getFocusableItems(listRef.current);\n    if (items.length === 0) return;\n\n    if (target === 'first' || target === 'last') {\n      items[target === 'first' ? 0 : items.length - 1].focus({ preventScroll });\n      return;\n    }\n\n    const currentIndex = items.indexOf(document.activeElement as HTMLButtonElement);\n    const nextIndex =\n      target === 'next'\n        ? (currentIndex + 1) % items.length\n        : (currentIndex - 1 + items.length) % items.length;\n    items[nextIndex].focus();\n  }, []);\n\n  useEffect(() => {\n    if (usesMenuSemantics && readyToFocus) focusItem(initialFocus ?? 'first', true);\n  }, [focusItem, initialFocus, readyToFocus, usesMenuSemantics]);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLUListElement>) => {\n    if (!usesMenuSemantics) return;\n\n    const targets = {\n      ArrowDown: 'next',\n      ArrowUp: 'previous',\n      End: 'last',\n      Home: 'first',\n    } as const;\n    const target = targets[event.key as keyof typeof targets];\n    if (!target) return;\n\n    event.preventDefault();\n    focusItem(target);\n  };\n\n  return (\n    <List\n      aria-label={menuAccessibleLabel}\n      className={styles.list}\n      onKeyDown={handleKeyDown}\n      ref={listRef}\n      role={usesMenuSemantics ? 'menu' : undefined}\n    >\n      {actions.map(({ button, id, isActive, isDanger, value }, index) => (\n        <li\n          key={id ?? button.key ?? index}\n          role={usesMenuSemantics ? 'none' : undefined}\n        >\n          {cloneElement(button, {\n            'aria-current': isActive ? 'true' : button.props['aria-current'],\n            className: cx(\n              button.props.className,\n              styles.item,\n              isActive && styles.active,\n              isDanger && styles.danger\n            ),\n            onClick: (event: React.MouseEvent<HTMLButtonElement>) => {\n              button.props.onClick?.(event);\n              onSelect(value, event);\n            },\n            role: usesMenuSemantics ? 'menuitem' : button.props.role,\n            variant: 'tertiary',\n          })}\n        </li>\n      ))}\n    </List>\n  );\n}\n","import { Icon, type IconName } from '../icon';\nimport { Popover, type PopoverProps } from '../popover';\n\nexport const MenuPopover = ({\n  children,\n  inline,\n  triggerAccessibleLabel,\n  triggerIcon = 'DotsThreeVertical',\n  triggerLabel,\n}: Pick<PopoverProps, 'children' | 'inline' | 'triggerAccessibleLabel'> & {\n  triggerIcon?: IconName;\n  triggerLabel?: React.ReactNode;\n}) => (\n  <Popover\n    inline={inline}\n    triggerAccessibleLabel={triggerAccessibleLabel}\n    triggerAriaHasPopup='menu'\n    triggerButtonContent={\n      <>\n        {triggerLabel}\n        <Icon\n          gap={triggerLabel ? 'left' : 'none'}\n          name={triggerIcon}\n          size='medium'\n        />\n      </>\n    }\n  >\n    {children}\n  </Popover>\n);\n"],"names":["getFocusableItems","list","Array","from","querySelectorAll","filter","item","disabled","MenuActionList","actions","initialFocus","menuAccessibleLabel","onSelect","readyToFocus","usesMenuSemantics","listRef","useRef","focusItem","useCallback","target","preventScroll","items","current","length","focus","currentIndex","indexOf","document","activeElement","nextIndex","useEffect","handleKeyDown","event","ArrowDown","ArrowUp","End","Home","key","preventDefault","List","styles","undefined","map","button","id","isActive","isDanger","value","index","jsx","cloneElement","props","className","cx","active","danger","onClick","role","variant","MenuPopover","children","inline","triggerAccessibleLabel","triggerIcon","triggerLabel","Popover","jsxs","Fragment","Icon"],"mappings":"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"}