@weasel-js/ui 1.4.0 → 1.4.2

package/dist/chunks/{ActionsBar-B-gWm0NE.js → ActionsBar-C2oXIJk-.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./useRovingTabIndex-ByjY4lnw.js";
-import { t } from "./segmentedControl.module-XADeq9e5.js";
+import { t as e } from "./useRovingTabIndex-DqXFNDaD.js";
+import { t } from "./segmentedControl.module-pcPOsNey.js";
 import { jsx as n } from "react/jsx-runtime";
 import "react";
 //#region src/components/ActionsBar/ActionsBar.tsx
@@ -38,4 +38,4 @@ function r(r) {
 //#endregion
 export { r as t };
 
-//# sourceMappingURL=ActionsBar-B-gWm0NE.js.map
+//# sourceMappingURL=ActionsBar-C2oXIJk-.js.map

package/dist/chunks/{ActionsBar-B-gWm0NE.js.map → ActionsBar-C2oXIJk-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ActionsBar-B-gWm0NE.js","names":[],"sources":["../../src/components/ActionsBar/ActionsBar.tsx"],"sourcesContent":["import { type CSSProperties, type ReactElement, type ReactNode } from 'react';\nimport s from '../segmentedControl.module.css';\nimport { useRovingTabIndex } from '../../useRovingTabIndex';\n\n/**\n * One button in an {@link ActionsBar}. `value` is only a React key; the item\n * carries no selected state.\n */\nexport type ActionsBarItem<V extends string | number = string> = {\n  value: V;\n  label?: ReactNode;\n  ariaLabel?: string;\n  disabled?: boolean;\n  onAction: () => void;\n};\n\n/** Segment height and type scale for an {@link ActionsBar}. */\nexport type ActionsBarSize = 'sm' | 'md';\n/** Visual treatment of an {@link ActionsBar}. */\nexport type ActionsBarVariant = 'default' | 'minimal';\n\n/** Props for {@link ActionsBar}. */\nexport type ActionsBarProps<V extends string | number = string> = {\n  items: readonly ActionsBarItem<V>[];\n  ariaLabel?: string;\n  className?: string;\n  height?: number;\n  size?: ActionsBarSize;\n  variant?: ActionsBarVariant;\n};\n\n/**\n * Segmented strip of momentary buttons — each press fires and nothing stays\n * selected. Shares the look and the arrow-key navigation of `ToggleBar` and\n * `OptionsBar`.\n *\n * This is a plain callback bar. For buttons driven by the kit's actions\n * registry, use `ActionBar` instead.\n */\nexport function ActionsBar<V extends string | number = string>(props: ActionsBarProps<V>): ReactElement {\n  const { items, ariaLabel, className, height, size, variant } = props;\n\n  const fire = (index: number) => {\n    const item = items[index];\n    if (item.disabled) return;\n    item.onAction();\n  };\n\n  const roving = useRovingTabIndex({ items, itemClassName: s.segment, onActivate: fire });\n\n  const style: CSSProperties | undefined = height !== undefined\n    ? ({ ['--wzl-tb-height' as string]: `${height}px` } as CSSProperties)\n    : undefined;\n\n  const rootCls = [\n    s.root,\n    size && s[`size_${size}`],\n    variant && s[`variant_${variant}`],\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div\n      ref={roving.rootRef}\n      className={rootCls}\n      role=\"toolbar\"\n      aria-label={ariaLabel}\n      style={style}\n    >\n      {items.map((item, i) => (\n        <button\n          key={item.value}\n          type=\"button\"\n          aria-label={item.ariaLabel}\n          disabled={item.disabled}\n          tabIndex={roving.tabIndexFor(i)}\n          className={s.segment}\n          onClick={() => fire(i)}\n          onKeyDown={roving.onKeyDown(i)}\n        >\n          {item.label}\n        </button>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAuCA,SAAgB,EAA+C,GAAyC;CACtG,IAAM,EAAE,UAAO,cAAW,cAAW,WAAQ,SAAM,eAAY,GAEzD,KAAQ,MAAkB;EAC9B,IAAM,IAAO,EAAM;AACf,IAAK,YACT,EAAK,UAAU;IAGX,IAAS,EAAkB;EAAE;EAAO,eAAe,EAAE;EAAS,YAAY;EAAM,CAAC,EAEjF,IAAmC,MAAW,KAAA,IAEhD,KAAA,IADC,EAAG,mBAA8B,GAAG,EAAO,KAAK,EAG/C,IAAU;EACd,EAAE;EACF,KAAQ,EAAE,QAAQ;EAClB,KAAW,EAAE,WAAW;EACxB;EACD,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;AAE3B,QACE,kBAAC,OAAD;EACE,KAAK,EAAO;EACZ,WAAW;EACX,MAAK;EACL,cAAY;EACL;YAEN,EAAM,KAAK,GAAM,MAChB,kBAAC,UAAD;GAEE,MAAK;GACL,cAAY,EAAK;GACjB,UAAU,EAAK;GACf,UAAU,EAAO,YAAY,EAAE;GAC/B,WAAW,EAAE;GACb,eAAe,EAAK,EAAE;GACtB,WAAW,EAAO,UAAU,EAAE;aAE7B,EAAK;GACC,EAVF,EAAK,MAUH,CACT;EACE,CAAA"}
+{"version":3,"file":"ActionsBar-C2oXIJk-.js","names":[],"sources":["../../src/components/ActionsBar/ActionsBar.tsx"],"sourcesContent":["import { type CSSProperties, type ReactElement, type ReactNode } from 'react';\nimport s from '../segmentedControl.module.css';\nimport { useRovingTabIndex } from '../../useRovingTabIndex';\n\n/**\n * One button in an {@link ActionsBar}. `value` is only a React key; the item\n * carries no selected state.\n */\nexport type ActionsBarItem<V extends string | number = string> = {\n  value: V;\n  label?: ReactNode;\n  ariaLabel?: string;\n  disabled?: boolean;\n  onAction: () => void;\n};\n\n/** Segment height and type scale for an {@link ActionsBar}. */\nexport type ActionsBarSize = 'sm' | 'md';\n/** Visual treatment of an {@link ActionsBar}. */\nexport type ActionsBarVariant = 'default' | 'minimal';\n\n/** Props for {@link ActionsBar}. */\nexport type ActionsBarProps<V extends string | number = string> = {\n  items: readonly ActionsBarItem<V>[];\n  ariaLabel?: string;\n  className?: string;\n  height?: number;\n  size?: ActionsBarSize;\n  variant?: ActionsBarVariant;\n};\n\n/**\n * Segmented strip of momentary buttons — each press fires and nothing stays\n * selected. Shares the look and the arrow-key navigation of `ToggleBar` and\n * `OptionsBar`.\n *\n * This is a plain callback bar. For buttons driven by the kit's actions\n * registry, use `ActionBar` instead.\n */\nexport function ActionsBar<V extends string | number = string>(props: ActionsBarProps<V>): ReactElement {\n  const { items, ariaLabel, className, height, size, variant } = props;\n\n  const fire = (index: number) => {\n    const item = items[index];\n    if (item.disabled) return;\n    item.onAction();\n  };\n\n  const roving = useRovingTabIndex({ items, itemClassName: s.segment, onActivate: fire });\n\n  const style: CSSProperties | undefined = height !== undefined\n    ? ({ ['--wzl-tb-height' as string]: `${height}px` } as CSSProperties)\n    : undefined;\n\n  const rootCls = [\n    s.root,\n    size && s[`size_${size}`],\n    variant && s[`variant_${variant}`],\n    className,\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div\n      ref={roving.rootRef}\n      className={rootCls}\n      role=\"toolbar\"\n      aria-label={ariaLabel}\n      style={style}\n    >\n      {items.map((item, i) => (\n        <button\n          key={item.value}\n          type=\"button\"\n          aria-label={item.ariaLabel}\n          disabled={item.disabled}\n          tabIndex={roving.tabIndexFor(i)}\n          className={s.segment}\n          onClick={() => fire(i)}\n          onKeyDown={roving.onKeyDown(i)}\n        >\n          {item.label}\n        </button>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAuCA,SAAgB,EAA+C,GAAyC;CACtG,IAAM,EAAE,UAAO,cAAW,cAAW,WAAQ,SAAM,eAAY,GAEzD,KAAQ,MAAkB;EAC9B,IAAM,IAAO,EAAM;AACf,IAAK,YACT,EAAK,UAAU;IAGX,IAAS,EAAkB;EAAE;EAAO,eAAe,EAAE;EAAS,YAAY;EAAM,CAAC,EAEjF,IAAmC,MAAW,KAAA,IAEhD,KAAA,IADC,EAAG,mBAA8B,GAAG,EAAO,KAAK,EAG/C,IAAU;EACd,EAAE;EACF,KAAQ,EAAE,QAAQ;EAClB,KAAW,EAAE,WAAW;EACxB;EACD,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;AAE3B,QACE,kBAAC,OAAD;EACE,KAAK,EAAO;EACZ,WAAW;EACX,MAAK;EACL,cAAY;EACL;YAEN,EAAM,KAAK,GAAM,MAChB,kBAAC,UAAD;GAEE,MAAK;GACL,cAAY,EAAK;GACjB,UAAU,EAAK;GACf,UAAU,EAAO,YAAY,EAAE;GAC/B,WAAW,EAAE;GACb,eAAe,EAAK,EAAE;GACtB,WAAW,EAAO,UAAU,EAAE;aAE7B,EAAK;GACC,EAVF,EAAK,MAUH,CACT;EACE,CAAA"}