@k2b/ui 0.1.0-rc.0

package/dist/ssr/actions/FilterChip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createMemo","Show","useUiMessages","Dropdown","FilterChip","props","messages","selectedValues","Set","value","defaultValues","defaultValue","sectionByValue","sections","Map","section","options","option","set","hasDefault","length","selected","has","active","isActive","atDefault","current","every","emit","onValueChange","toggle","get","multiple","filter","entry","sectionValues","map","otherValues","reset","showReset","optionItems","result","items","action","checked","includes","choice","class","closeOnSelect","color","icon","undefined","label","push","sectionLabel","filterActions","clear","variant","_$createComponent","Root","position","width","children","Trigger","appearance","data-state","data-active","data-icon-only","iconOnly","title","_$ssr","_tmpl$","_$ssrAttribute","_$escape","when","_tmpl$2","_tmpl$3"],"sources":["actions/FilterChip.tsx"],"sourcesContent":["import { createMemo, type JSX, Show } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\nimport Dropdown, { type DropdownItem } from \"./Dropdown\";\n\nexport type FilterChipOption = {\n  value: string;\n  label: string;\n  icon?: string;\n  color?: string;\n};\n\nexport type FilterChipSection = {\n  label?: string;\n  options: readonly FilterChipOption[];\n  multiple?: boolean;\n};\n\nexport type FilterChipProps = {\n  label: string;\n  icon: string;\n  options: readonly FilterChipSection[];\n  value: readonly string[];\n  onValueChange: (value: string[]) => void;\n  isActive?: boolean;\n  position?: \"bottom-left\" | \"bottom-right\";\n  defaultValue?: readonly string[];\n  iconOnly?: boolean;\n  class?: string;\n};\n\n/** Section-aware controlled filter with immediate single- and multi-select commits. */\nexport function FilterChip(props: FilterChipProps): JSX.Element {\n  const messages = useUiMessages();\n  const selectedValues = createMemo(() => new Set(props.value));\n  const defaultValues = createMemo(() => new Set(props.defaultValue ?? []));\n  const sectionByValue = createMemo(() => {\n    const sections = new Map<string, FilterChipSection>();\n    for (const section of props.options) {\n      for (const option of section.options) sections.set(option.value, section);\n    }\n    return sections;\n  });\n  const hasDefault = () => (props.defaultValue?.length ?? 0) > 0;\n  const selected = (value: string) => selectedValues().has(value);\n  const active = () => props.isActive ?? props.value.length > 0;\n  const atDefault = () => {\n    if (!props.defaultValue) return false;\n    const current = props.value;\n    return current.length === props.defaultValue.length && current.every((value) => defaultValues().has(value));\n  };\n  const emit = (value: string[]) => props.onValueChange(value);\n  const toggle = (value: string) => {\n    const section = sectionByValue().get(value);\n    if (!section) return;\n    const current = props.value;\n    if (section.multiple) {\n      emit(selected(value) ? current.filter((entry) => entry !== value) : [...current, value]);\n      return;\n    }\n    const sectionValues = new Set(section.options.map((option) => option.value));\n    const otherValues = current.filter((entry) => !sectionValues.has(entry));\n    emit(selected(value) ? otherValues : [...otherValues, value]);\n  };\n  const reset = () => emit(props.defaultValue ? [...props.defaultValue] : []);\n  const showReset = () => (hasDefault() && !atDefault()) || (!hasDefault() && props.value.length > 0);\n  const optionItems = createMemo<DropdownItem[]>(() => {\n    const result: DropdownItem[] = [];\n    for (const section of props.options) {\n      const items = section.options.map((option) => ({\n        action: () => toggle(option.value),\n        checked: () => props.value.includes(option.value),\n        choice: section.multiple ? (\"checkbox\" as const) : (\"radio\" as const),\n        class: \"k2b-filter-chip__option\",\n        closeOnSelect: false,\n        color: option.color,\n        icon: !section.multiple ? option.icon : undefined,\n        label: option.label,\n      }));\n      if (section.label) result.push({ sectionLabel: section.label, items });\n      else result.push(...items);\n    }\n    return result;\n  });\n  const items = createMemo<DropdownItem[]>(() => {\n    if (!showReset()) return optionItems();\n    return [\n      ...optionItems(),\n      {\n        sectionLabel: messages().filterActions,\n        items: [\n          {\n            action: reset,\n            icon: hasDefault() ? \"ti ti-refresh\" : \"ti ti-x\",\n            label: hasDefault() ? messages().reset : messages().clear,\n            variant: \"danger\",\n          },\n        ],\n      },\n    ];\n  });\n\n  return (\n    <Dropdown.Root items={items()} position={props.position ?? \"bottom-left\"} width=\"13rem\" label={props.label}>\n      <Dropdown.Trigger\n        appearance=\"plain\"\n        class={`k2b-filter-chip ${props.class ?? \"\"}`}\n        data-state={active() ? \"active\" : \"idle\"}\n        data-active={active() ? \"true\" : undefined}\n        data-icon-only={props.iconOnly ? \"true\" : undefined}\n        label={props.label}\n        title={props.iconOnly ? props.label : undefined}\n      >\n        <i class={props.icon} aria-hidden=\"true\" />\n        <Show when={!props.iconOnly}>\n          <span>\n            {props.label}\n            <Show when={!hasDefault() && props.value.length > 0}>{` (${props.value.length})`}</Show>\n          </span>\n          <i class=\"ti ti-chevron-down k2b-filter-chip__chevron\" aria-hidden=\"true\" />\n        </Show>\n      </Dropdown.Trigger>\n    </Dropdown.Root>\n  );\n}\n\nexport default FilterChip;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/actions/RemoveButton.js

@@ -0,0 +1,45 @@
+import { mergeProps as _$mergeProps } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { ssr as _$ssr } from "solid-js/web";
+var _tmpl$ = "<i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\"></i>",
+  _tmpl$2 = "<i class=\"ti ti-x k2b-remove-button__idle\" aria-hidden=\"true\"></i>",
+  _tmpl$3 = "<i class=\"ti ti-trash k2b-remove-button__hover\" aria-hidden=\"true\"></i>";
+import { Show, splitProps } from "solid-js";
+import { Tooltip } from "../feedback/Tooltip";
+export function RemoveButton(props) {
+  const [local, rest] = splitProps(props, ["ariaLabel", "class", "disabled", "loading"]);
+  return _$createComponent(Tooltip.Trigger, _$mergeProps({
+    get content() {
+      return local.ariaLabel;
+    }
+  }, rest, {
+    type: "button",
+    get ["class"]() {
+      return `k2b-remove-button ${local.class ?? ""}`;
+    },
+    get ["aria-label"]() {
+      return local.ariaLabel;
+    },
+    get ["aria-busy"]() {
+      return local.loading ? "true" : undefined;
+    },
+    get disabled() {
+      return local.disabled || local.loading;
+    },
+    get children() {
+      return _$createComponent(Show, {
+        get when() {
+          return local.loading;
+        },
+        get fallback() {
+          return [_$ssr(_tmpl$2), _$ssr(_tmpl$3)];
+        },
+        get children() {
+          return _$ssr(_tmpl$);
+        }
+      });
+    }
+  }));
+}
+export default RemoveButton;
+//# sourceMappingURL=RemoveButton.js.map

package/dist/ssr/actions/RemoveButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Show","splitProps","Tooltip","RemoveButton","props","local","rest","_$createComponent","Trigger","_$mergeProps","content","ariaLabel","type","class","aria-label","aria-busy","loading","undefined","disabled","children","when","fallback","_$ssr","_tmpl$2","_tmpl$3","_tmpl$"],"sources":["actions/RemoveButton.tsx"],"sourcesContent":["import { type JSX, Show, splitProps } from \"solid-js\";\nimport { Tooltip } from \"../feedback/Tooltip\";\n\nexport type RemoveButtonProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, \"aria-label\" | \"children\"> & {\n  ariaLabel: string;\n  loading?: boolean;\n};\n\nexport function RemoveButton(props: RemoveButtonProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"ariaLabel\", \"class\", \"disabled\", \"loading\"]);\n  return (\n    <Tooltip.Trigger\n      content={local.ariaLabel}\n      {...rest}\n      type=\"button\"\n      class={`k2b-remove-button ${local.class ?? \"\"}`}\n      aria-label={local.ariaLabel}\n      aria-busy={local.loading ? \"true\" : undefined}\n      disabled={local.disabled || local.loading}\n    >\n      <Show\n        when={local.loading}\n        fallback={\n          <>\n            <i class=\"ti ti-x k2b-remove-button__idle\" aria-hidden=\"true\" />\n            <i class=\"ti ti-trash k2b-remove-button__hover\" aria-hidden=\"true\" />\n          </>\n        }\n      >\n        <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n      </Show>\n    </Tooltip.Trigger>\n  );\n}\n\nexport default RemoveButton;\n"],"mappings":";;;;;;AAAA,SAAmBA,IAAI,EAAEC,UAAU,QAAQ,UAAU;AACrD,SAASC,OAAO,QAAQ,qBAAqB;AAO7C,OAAO,SAASC,YAAYA,CAACC,KAAwB,EAAe;EAClE,MAAM,CAACC,KAAK,EAAEC,IAAI,CAAC,GAAGL,UAAU,CAACG,KAAK,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;EACtF,OAAAG,iBAAA,CACGL,OAAO,CAACM,OAAO,EAAAC,YAAA;IAAA,IACdC,OAAOA,CAAA;MAAA,OAAEL,KAAK,CAACM,SAAS;IAAA;EAAA,GACpBL,IAAI;IACRM,IAAI;IAAA,aAAAC,CAAA;MAAA,OACG,qBAAqBR,KAAK,CAACQ,KAAK,IAAI,EAAE,EAAE;IAAA;IAAA,kBAAAC,CAAA;MAAA,OACnCT,KAAK,CAACM,SAAS;IAAA;IAAA,iBAAAI,CAAA;MAAA,OAChBV,KAAK,CAACW,OAAO,GAAG,MAAM,GAAGC,SAAS;IAAA;IAAA,IAC7CC,QAAQA,CAAA;MAAA,OAAEb,KAAK,CAACa,QAAQ,IAAIb,KAAK,CAACW,OAAO;IAAA;IAAA,IAAAG,SAAA;MAAA,OAAAZ,iBAAA,CAExCP,IAAI;QAAA,IACHoB,IAAIA,CAAA;UAAA,OAAEf,KAAK,CAACW,OAAO;QAAA;QAAA,IACnBK,QAAQA,CAAA;UAAA,QAAAC,KAAA,CAAAC,OAAA,GAAAD,KAAA,CAAAE,OAAA;QAAA;QAAA,IAAAL,SAAA;UAAA,OAAAG,KAAA,CAAAG,MAAA;QAAA;MAAA;IAAA;EAAA;AAWhB;AAEA,eAAetB,YAAY","ignoreList":[]}

package/dist/ssr/actions/SegmentedControl.js

@@ -0,0 +1,57 @@
+import { ssr as _$ssr } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+var _tmpl$ = ["<div class=\"", "\"", " role=\"radiogroup\"", " aria-orientation=\"horizontal\"", ">", "</div>"],
+  _tmpl$2 = ["<button type=\"button\" role=\"radio\" class=\"k2b-segmented-control__option\"", "", ">", "<span>", "</span></button>"],
+  _tmpl$3 = ["<i", " aria-hidden=\"true\"></i>"];
+import { createMemo, For } from "solid-js";
+import { useUiMessages } from "../intl/messages";
+/** Controlled radio group with automatic selection during arrow-key navigation. */
+export function SegmentedControl(props) {
+  const messages = useUiMessages();
+  const buttons = [];
+  const currentValue = createMemo(() => typeof props.value === "function" ? props.value() : props.value);
+  const enabled = createMemo(() => props.options.map((option, index) => ({
+    option,
+    index
+  })).filter(({
+    option
+  }) => !props.disabled && !option.disabled));
+  const selectedEnabled = createMemo(() => props.options.some(option => option.value === currentValue() && !props.disabled && !option.disabled));
+  const emit = value => props.onValueChange(value);
+  const select = index => {
+    const option = props.options[index];
+    if (!option || props.disabled || option.disabled) return;
+    emit(option.value);
+    queueMicrotask(() => buttons[index]?.focus());
+  };
+  const selectRelative = (currentIndex, direction) => {
+    const available = enabled();
+    if (available.length === 0) return;
+    const current = available.findIndex(({
+      index
+    }) => index === currentIndex);
+    const next = available[(current + direction + available.length) % available.length] ?? available[0];
+    if (next) select(next.index);
+  };
+  const edge = last => {
+    const available = enabled();
+    const next = last ? available.at(-1) : available[0];
+    if (next) select(next.index);
+  };
+  const tabIndex = (index, value) => {
+    if (props.disabled || props.options[index]?.disabled) return -1;
+    if (currentValue() === value) return 0;
+    return !selectedEnabled() && enabled()[0]?.index === index ? 0 : -1;
+  };
+  const divider = (index, value) => index < props.options.length - 1 && currentValue() !== value && currentValue() !== props.options[index + 1]?.value;
+  return _$ssr(_tmpl$, `k2b-segmented-control ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-size", _$escape(props.size ?? "md", true), false), _$ssrAttribute("aria-label", _$escape(props.ariaLabel ?? props.label ?? messages().options, true), false), _$ssrAttribute("aria-disabled", props.disabled ? "true" : _$escape(undefined, true), false), _$escape(_$createComponent(For, {
+    get each() {
+      return props.options;
+    },
+    children: (option, index) => _$ssr(_tmpl$2, _$ssrAttribute("aria-checked", _$escape(currentValue(), true) === _$escape(option.value, true), false) + _$ssrAttribute("data-selected", currentValue() === option.value ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-divider", divider(index(), option.value) ? "true" : _$escape(undefined, true), false), _$ssrAttribute("disabled", props.disabled || option.disabled, true) + _$ssrAttribute("tabindex", _$escape(tabIndex(index(), option.value), true), false), option.icon && _$ssr(_tmpl$3, _$ssrAttribute("class", _$escape(option.icon, true), false)), _$escape(option.label))
+  })));
+}
+export default SegmentedControl;
+//# sourceMappingURL=SegmentedControl.js.map

package/dist/ssr/actions/SegmentedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createMemo","For","useUiMessages","SegmentedControl","props","messages","buttons","currentValue","value","enabled","options","map","option","index","filter","disabled","selectedEnabled","some","emit","onValueChange","select","queueMicrotask","focus","selectRelative","currentIndex","direction","available","length","current","findIndex","next","edge","last","at","tabIndex","divider","_$ssr","_tmpl$","_$escape","class","_$ssrAttribute","size","ariaLabel","label","undefined","_$createComponent","each","children","_tmpl$2","icon","_tmpl$3"],"sources":["actions/SegmentedControl.tsx"],"sourcesContent":["import { createMemo, For, type JSX } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\n\nexport type SegmentOption<T extends string = string> = {\n  value: T;\n  label: JSX.Element;\n  icon?: string;\n  disabled?: boolean;\n};\n\nexport type SegmentedControlProps<T extends string = string> = {\n  options: readonly SegmentOption<T>[];\n  value: T | (() => T);\n  onValueChange: (value: T) => void;\n  disabled?: boolean;\n  ariaLabel?: string;\n  label?: string;\n  size?: \"sm\" | \"md\";\n  class?: string;\n};\n\n/** Controlled radio group with automatic selection during arrow-key navigation. */\nexport function SegmentedControl<T extends string = string>(props: SegmentedControlProps<T>): JSX.Element {\n  const messages = useUiMessages();\n  const buttons: HTMLButtonElement[] = [];\n  const currentValue = createMemo<T>(() => (typeof props.value === \"function\" ? props.value() : props.value));\n  const enabled = createMemo(() =>\n    props.options.map((option, index) => ({ option, index })).filter(({ option }) => !props.disabled && !option.disabled),\n  );\n  const selectedEnabled = createMemo(() =>\n    props.options.some((option) => option.value === currentValue() && !props.disabled && !option.disabled),\n  );\n  const emit = (value: T) => props.onValueChange(value);\n  const select = (index: number) => {\n    const option = props.options[index];\n    if (!option || props.disabled || option.disabled) return;\n    emit(option.value);\n    queueMicrotask(() => buttons[index]?.focus());\n  };\n  const selectRelative = (currentIndex: number, direction: 1 | -1) => {\n    const available = enabled();\n    if (available.length === 0) return;\n    const current = available.findIndex(({ index }) => index === currentIndex);\n    const next = available[(current + direction + available.length) % available.length] ?? available[0];\n    if (next) select(next.index);\n  };\n  const edge = (last: boolean) => {\n    const available = enabled();\n    const next = last ? available.at(-1) : available[0];\n    if (next) select(next.index);\n  };\n  const tabIndex = (index: number, value: T) => {\n    if (props.disabled || props.options[index]?.disabled) return -1;\n    if (currentValue() === value) return 0;\n    return !selectedEnabled() && enabled()[0]?.index === index ? 0 : -1;\n  };\n  const divider = (index: number, value: T) =>\n    index < props.options.length - 1 && currentValue() !== value && currentValue() !== props.options[index + 1]?.value;\n\n  return (\n    <div\n      class={`k2b-segmented-control ${props.class ?? \"\"}`}\n      data-size={props.size ?? \"md\"}\n      role=\"radiogroup\"\n      aria-label={props.ariaLabel ?? props.label ?? messages().options}\n      aria-orientation=\"horizontal\"\n      aria-disabled={props.disabled ? \"true\" : undefined}\n    >\n      <For each={props.options}>\n        {(option, index) => (\n          <button\n            ref={(element) => {\n              buttons[index()] = element;\n            }}\n            type=\"button\"\n            role=\"radio\"\n            class=\"k2b-segmented-control__option\"\n            aria-checked={currentValue() === option.value}\n            data-selected={currentValue() === option.value ? \"true\" : undefined}\n            data-divider={divider(index(), option.value) ? \"true\" : undefined}\n            disabled={props.disabled || option.disabled}\n            tabIndex={tabIndex(index(), option.value)}\n            onClick={() => emit(option.value)}\n            onKeyDown={(event) => {\n              if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n                event.preventDefault();\n                selectRelative(index(), 1);\n              } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n                event.preventDefault();\n                selectRelative(index(), -1);\n              } else if (event.key === \"Home\" || event.key === \"End\") {\n                event.preventDefault();\n                edge(event.key === \"End\");\n              }\n            }}\n          >\n            {option.icon && <i class={option.icon} aria-hidden=\"true\" />}\n            <span>{option.label}</span>\n          </button>\n        )}\n      </For>\n    </div>\n  );\n}\n\nexport default SegmentedControl;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/actions/SplitButton.js

@@ -0,0 +1,74 @@
+import { ssr as _$ssr } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { mergeProps as _$mergeProps } from "solid-js/web";
+var _tmpl$ = "<i class=\"ti ti-chevron-down\" aria-hidden=\"true\"></i>";
+import { splitProps } from "solid-js";
+import { Button } from "./Button";
+import { Dropdown } from "./Dropdown";
+/** One primary button action with a separate menu of related alternatives. */
+export function SplitButton(props) {
+  const [local, buttonProps] = splitProps(props, ["children", "class", "disabled", "items", "loading", "menuLabel", "menuPosition", "menuWidth", "size", "variant"]);
+  const disabled = () => Boolean(local.disabled || local.loading);
+  return _$createComponent(Dropdown.Root, {
+    "class": "k2b-split-button",
+    get disabled() {
+      return disabled();
+    },
+    get items() {
+      return local.items;
+    },
+    get label() {
+      return local.menuLabel;
+    },
+    get position() {
+      return local.menuPosition ?? "bottom-left";
+    },
+    get width() {
+      return local.menuWidth;
+    },
+    get children() {
+      return [_$createComponent(Button, _$mergeProps(buttonProps, {
+        get ["class"]() {
+          return `k2b-split-button__primary ${local.class ?? ""}`;
+        },
+        get disabled() {
+          return local.disabled;
+        },
+        get loading() {
+          return local.loading;
+        },
+        get size() {
+          return local.size;
+        },
+        get variant() {
+          return local.variant ?? "primary";
+        },
+        get children() {
+          return local.children;
+        }
+      })), _$createComponent(Dropdown.Trigger, {
+        "class": "k2b-split-button__menu-trigger",
+        get disabled() {
+          return disabled();
+        },
+        iconOnly: true,
+        get label() {
+          return local.menuLabel;
+        },
+        get size() {
+          return local.size;
+        },
+        get title() {
+          return local.menuLabel;
+        },
+        get variant() {
+          return local.variant ?? "primary";
+        },
+        get children() {
+          return _$ssr(_tmpl$);
+        }
+      })];
+    }
+  });
+}
+//# sourceMappingURL=SplitButton.js.map

package/dist/ssr/actions/SplitButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["splitProps","Button","Dropdown","SplitButton","props","local","buttonProps","disabled","Boolean","loading","_$createComponent","Root","items","label","menuLabel","position","menuPosition","width","menuWidth","children","_$mergeProps","class","size","variant","Trigger","iconOnly","title","_$ssr","_tmpl$"],"sources":["actions/SplitButton.tsx"],"sourcesContent":["import { type JSX, splitProps } from \"solid-js\";\nimport { Button, type ButtonProps } from \"./Button\";\nimport { Dropdown, type DropdownItem, type DropdownPosition } from \"./Dropdown\";\n\nexport type SplitButtonProps = ButtonProps & {\n  /** Actions shown from the secondary menu trigger. */\n  items: readonly DropdownItem[];\n  /** Accessible name and title for the icon-only menu trigger. */\n  menuLabel: string;\n  menuPosition?: DropdownPosition | (() => DropdownPosition);\n  menuWidth?: string;\n};\n\n/** One primary button action with a separate menu of related alternatives. */\nexport function SplitButton(props: SplitButtonProps): JSX.Element {\n  const [local, buttonProps] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"disabled\",\n    \"items\",\n    \"loading\",\n    \"menuLabel\",\n    \"menuPosition\",\n    \"menuWidth\",\n    \"size\",\n    \"variant\",\n  ]);\n  const disabled = () => Boolean(local.disabled || local.loading);\n\n  return (\n    <Dropdown.Root\n      class=\"k2b-split-button\"\n      disabled={disabled()}\n      items={local.items}\n      label={local.menuLabel}\n      position={local.menuPosition ?? \"bottom-left\"}\n      width={local.menuWidth}\n    >\n      <Button\n        {...buttonProps}\n        class={`k2b-split-button__primary ${local.class ?? \"\"}`}\n        disabled={local.disabled}\n        loading={local.loading}\n        size={local.size}\n        variant={local.variant ?? \"primary\"}\n      >\n        {local.children}\n      </Button>\n      <Dropdown.Trigger\n        class=\"k2b-split-button__menu-trigger\"\n        disabled={disabled()}\n        iconOnly\n        label={local.menuLabel}\n        size={local.size}\n        title={local.menuLabel}\n        variant={local.variant ?? \"primary\"}\n      >\n        <i class=\"ti ti-chevron-down\" aria-hidden=\"true\" />\n      </Dropdown.Trigger>\n    </Dropdown.Root>\n  );\n}\n"],"mappings":";;;;AAAA,SAAmBA,UAAU,QAAQ,UAAU;AAC/C,SAASC,MAAM,QAA0B,UAAU;AACnD,SAASC,QAAQ,QAAkD,YAAY;AAW/E;AACA,OAAO,SAASC,WAAWA,CAACC,KAAuB,EAAe;EAChE,MAAM,CAACC,KAAK,EAAEC,WAAW,CAAC,GAAGN,UAAU,CAACI,KAAK,EAAE,CAC7C,UAAU,EACV,OAAO,EACP,UAAU,EACV,OAAO,EACP,SAAS,EACT,WAAW,EACX,cAAc,EACd,WAAW,EACX,MAAM,EACN,SAAS,CACV,CAAC;EACF,MAAMG,QAAQ,GAAGA,CAAA,KAAMC,OAAO,CAACH,KAAK,CAACE,QAAQ,IAAIF,KAAK,CAACI,OAAO,CAAC;EAE/D,OAAAC,iBAAA,CACGR,QAAQ,CAACS,IAAI;IAAA;IAAA,IAEZJ,QAAQA,CAAA;MAAA,OAAEA,QAAQ,CAAC,CAAC;IAAA;IAAA,IACpBK,KAAKA,CAAA;MAAA,OAAEP,KAAK,CAACO,KAAK;IAAA;IAAA,IAClBC,KAAKA,CAAA;MAAA,OAAER,KAAK,CAACS,SAAS;IAAA;IAAA,IACtBC,QAAQA,CAAA;MAAA,OAAEV,KAAK,CAACW,YAAY,IAAI,aAAa;IAAA;IAAA,IAC7CC,KAAKA,CAAA;MAAA,OAAEZ,KAAK,CAACa,SAAS;IAAA;IAAA,IAAAC,SAAA;MAAA,QAAAT,iBAAA,CAErBT,MAAM,EAAAmB,YAAA,CACDd,WAAW;QAAA,aAAAe,CAAA;UAAA,OACR,6BAA6BhB,KAAK,CAACgB,KAAK,IAAI,EAAE,EAAE;QAAA;QAAA,IACvDd,QAAQA,CAAA;UAAA,OAAEF,KAAK,CAACE,QAAQ;QAAA;QAAA,IACxBE,OAAOA,CAAA;UAAA,OAAEJ,KAAK,CAACI,OAAO;QAAA;QAAA,IACtBa,IAAIA,CAAA;UAAA,OAAEjB,KAAK,CAACiB,IAAI;QAAA;QAAA,IAChBC,OAAOA,CAAA;UAAA,OAAElB,KAAK,CAACkB,OAAO,IAAI,SAAS;QAAA;QAAA,IAAAJ,SAAA;UAAA,OAElCd,KAAK,CAACc,QAAQ;QAAA;MAAA,KAAAT,iBAAA,CAEhBR,QAAQ,CAACsB,OAAO;QAAA;QAAA,IAEfjB,QAAQA,CAAA;UAAA,OAAEA,QAAQ,CAAC,CAAC;QAAA;QACpBkB,QAAQ;QAAA,IACRZ,KAAKA,CAAA;UAAA,OAAER,KAAK,CAACS,SAAS;QAAA;QAAA,IACtBQ,IAAIA,CAAA;UAAA,OAAEjB,KAAK,CAACiB,IAAI;QAAA;QAAA,IAChBI,KAAKA,CAAA;UAAA,OAAErB,KAAK,CAACS,SAAS;QAAA;QAAA,IACtBS,OAAOA,CAAA;UAAA,OAAElB,KAAK,CAACkB,OAAO,IAAI,SAAS;QAAA;QAAA,IAAAJ,SAAA;UAAA,OAAAQ,KAAA,CAAAC,MAAA;QAAA;MAAA;IAAA;EAAA;AAM3C","ignoreList":[]}

package/dist/ssr/actions/SpotlightSearch.js

@@ -0,0 +1,38 @@
+import { ssr as _$ssr } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+var _tmpl$ = ["<button type=\"button\" class=\"", "\"", "", "><i", " aria-hidden=\"true\"></i><span class=\"k2b-spotlight-button__label\">", "</span>", "</button>"],
+  _tmpl$2 = ["<kbd>", "</kbd>"];
+import { prompts } from "../feedback/prompts";
+import { resolveUiMessages, useUiMessages } from "../intl/messages";
+export const SPOTLIGHT_SHORTCUT = "mod+shift+k";
+export const SPOTLIGHT_SHORTCUT_LABEL = "⇧⌘K";
+export const SPOTLIGHT_SHORTCUT_TITLE = "Mod+Shift+K";
+export const isSpotlightShortcut = event => (event.metaKey || event.ctrlKey) && event.shiftKey && event.key.toLowerCase() === "k";
+export const openSpotlightSearch = options => {
+  const {
+    resolve,
+    ...promptOptions
+  } = options;
+  const messages = resolveUiMessages();
+  return prompts.search(resolve, {
+    icon: "ti ti-search",
+    placeholder: messages.search,
+    minQueryLength: 0,
+    noResultsText: messages.spotlightNoResults,
+    size: "small",
+    ...promptOptions
+  });
+};
+export function SpotlightButton(props) {
+  const messages = useUiMessages();
+  const variant = () => props.variant ?? "default";
+  const label = () => props.label ?? messages().searchLabel;
+  const icon = () => props.icon ?? "ti ti-search";
+  const shortcut = () => props.shortcutLabel === undefined ? SPOTLIGHT_SHORTCUT_LABEL : props.shortcutLabel;
+  const title = () => props.title ?? `${label()} (${SPOTLIGHT_SHORTCUT_TITLE})`;
+  const showsShortcut = () => shortcut() !== false && ["chip", "sidebar"].includes(variant());
+  return _$ssr(_tmpl$, `k2b-spotlight-button ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-variant", _$escape(variant(), true), false), _$ssrAttribute("disabled", props.disabled, true) + _$ssrAttribute("aria-label", _$escape(props.ariaLabel ?? (["compact", "icon"].includes(variant()) ? label() : undefined), true), false) + _$ssrAttribute("title", _$escape(title(), true), false), _$ssrAttribute("class", _$escape(icon(), true), false), _$escape(label()), showsShortcut() && _$ssr(_tmpl$2, _$escape(shortcut())));
+}
+export default SpotlightButton;
+//# sourceMappingURL=SpotlightSearch.js.map

package/dist/ssr/actions/SpotlightSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["prompts","resolveUiMessages","useUiMessages","SPOTLIGHT_SHORTCUT","SPOTLIGHT_SHORTCUT_LABEL","SPOTLIGHT_SHORTCUT_TITLE","isSpotlightShortcut","event","metaKey","ctrlKey","shiftKey","key","toLowerCase","openSpotlightSearch","options","resolve","promptOptions","messages","search","icon","placeholder","minQueryLength","noResultsText","spotlightNoResults","size","SpotlightButton","props","variant","label","searchLabel","shortcut","shortcutLabel","undefined","title","showsShortcut","includes","_$ssr","_tmpl$","_$escape","class","_$ssrAttribute","disabled","ariaLabel","_tmpl$2"],"sources":["actions/SpotlightSearch.tsx"],"sourcesContent":["import type { JSX } from \"solid-js\";\nimport type { PromptSearchInput, PromptSearchItem, PromptSearchOptions } from \"../feedback/prompts\";\nimport { prompts } from \"../feedback/prompts\";\nimport { resolveUiMessages, useUiMessages } from \"../intl/messages\";\n\nexport const SPOTLIGHT_SHORTCUT = \"mod+shift+k\";\nexport const SPOTLIGHT_SHORTCUT_LABEL = \"⇧⌘K\";\nexport const SPOTLIGHT_SHORTCUT_TITLE = \"Mod+Shift+K\";\n\nexport type SpotlightSearchResolver<T = unknown> = (input: PromptSearchInput) => Promise<PromptSearchItem<T>[]> | PromptSearchItem<T>[];\n\nexport type SpotlightSearchOptions<T = unknown> = PromptSearchOptions & {\n  resolve: SpotlightSearchResolver<T>;\n};\n\nexport type SpotlightButtonVariant = \"default\" | \"compact\" | \"chip\" | \"sidebar\" | \"sidebar-mobile\" | \"icon\";\n\nexport type SpotlightButtonProps = {\n  variant?: SpotlightButtonVariant;\n  label?: string;\n  title?: string;\n  icon?: string;\n  shortcutLabel?: string | false;\n  ariaLabel?: string;\n  disabled?: boolean;\n  class?: string;\n  onClick: () => void | Promise<void>;\n};\n\nexport const isSpotlightShortcut = (event: KeyboardEvent): boolean =>\n  (event.metaKey || event.ctrlKey) && event.shiftKey && event.key.toLowerCase() === \"k\";\n\nexport const openSpotlightSearch = <T = unknown>(options: SpotlightSearchOptions<T>): Promise<PromptSearchItem<T> | undefined> => {\n  const { resolve, ...promptOptions } = options;\n  const messages = resolveUiMessages();\n  return prompts.search(resolve, {\n    icon: \"ti ti-search\",\n    placeholder: messages.search,\n    minQueryLength: 0,\n    noResultsText: messages.spotlightNoResults,\n    size: \"small\",\n    ...promptOptions,\n  });\n};\n\nexport function SpotlightButton(props: SpotlightButtonProps): JSX.Element {\n  const messages = useUiMessages();\n  const variant = () => props.variant ?? \"default\";\n  const label = () => props.label ?? messages().searchLabel;\n  const icon = () => props.icon ?? \"ti ti-search\";\n  const shortcut = () => (props.shortcutLabel === undefined ? SPOTLIGHT_SHORTCUT_LABEL : props.shortcutLabel);\n  const title = () => props.title ?? `${label()} (${SPOTLIGHT_SHORTCUT_TITLE})`;\n  const showsShortcut = () => shortcut() !== false && [\"chip\", \"sidebar\"].includes(variant());\n\n  return (\n    <button\n      type=\"button\"\n      class={`k2b-spotlight-button ${props.class ?? \"\"}`}\n      data-variant={variant()}\n      disabled={props.disabled}\n      aria-label={props.ariaLabel ?? ([\"compact\", \"icon\"].includes(variant()) ? label() : undefined)}\n      title={title()}\n      onClick={() => void props.onClick()}\n    >\n      <i class={icon()} aria-hidden=\"true\" />\n      <span class=\"k2b-spotlight-button__label\">{label()}</span>\n      {showsShortcut() && <kbd>{shortcut()}</kbd>}\n    </button>\n  );\n}\n\nexport default SpotlightButton;\n"],"mappings":";;;;;AAEA,SAASA,OAAO,QAAQ,qBAAqB;AAC7C,SAASC,iBAAiB,EAAEC,aAAa,QAAQ,kBAAkB;AAEnE,OAAO,MAAMC,kBAAkB,GAAG,aAAa;AAC/C,OAAO,MAAMC,wBAAwB,GAAG,KAAK;AAC7C,OAAO,MAAMC,wBAAwB,GAAG,aAAa;AAsBrD,OAAO,MAAMC,mBAAmB,GAAIC,KAAoB,IACtD,CAACA,KAAK,CAACC,OAAO,IAAID,KAAK,CAACE,OAAO,KAAKF,KAAK,CAACG,QAAQ,IAAIH,KAAK,CAACI,GAAG,CAACC,WAAW,CAAC,CAAC,KAAK,GAAG;AAEvF,OAAO,MAAMC,mBAAmB,GAAiBC,OAAkC,IAA+C;EAChI,MAAM;IAAEC,OAAO;IAAE,GAAGC;EAAc,CAAC,GAAGF,OAAO;EAC7C,MAAMG,QAAQ,GAAGhB,iBAAiB,CAAC,CAAC;EACpC,OAAOD,OAAO,CAACkB,MAAM,CAACH,OAAO,EAAE;IAC7BI,IAAI,EAAE,cAAc;IACpBC,WAAW,EAAEH,QAAQ,CAACC,MAAM;IAC5BG,cAAc,EAAE,CAAC;IACjBC,aAAa,EAAEL,QAAQ,CAACM,kBAAkB;IAC1CC,IAAI,EAAE,OAAO;IACb,GAAGR;EACL,CAAC,CAAC;AACJ,CAAC;AAED,OAAO,SAASS,eAAeA,CAACC,KAA2B,EAAe;EACxE,MAAMT,QAAQ,GAAGf,aAAa,CAAC,CAAC;EAChC,MAAMyB,OAAO,GAAGA,CAAA,KAAMD,KAAK,CAACC,OAAO,IAAI,SAAS;EAChD,MAAMC,KAAK,GAAGA,CAAA,KAAMF,KAAK,CAACE,KAAK,IAAIX,QAAQ,CAAC,CAAC,CAACY,WAAW;EACzD,MAAMV,IAAI,GAAGA,CAAA,KAAMO,KAAK,CAACP,IAAI,IAAI,cAAc;EAC/C,MAAMW,QAAQ,GAAGA,CAAA,KAAOJ,KAAK,CAACK,aAAa,KAAKC,SAAS,GAAG5B,wBAAwB,GAAGsB,KAAK,CAACK,aAAc;EAC3G,MAAME,KAAK,GAAGA,CAAA,KAAMP,KAAK,CAACO,KAAK,IAAI,GAAGL,KAAK,CAAC,CAAC,KAAKvB,wBAAwB,GAAG;EAC7E,MAAM6B,aAAa,GAAGA,CAAA,KAAMJ,QAAQ,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,CAACK,QAAQ,CAACR,OAAO,CAAC,CAAC,CAAC;EAE3F,OAAAS,KAAA,CAAAC,MAAA,EAGW,wBAAAC,QAAA,CAAwBZ,KAAK,CAACa,KAAK,IAAI,EAAE,SAAE,EAAAC,cAAA,iBAAAF,QAAA,CACpCX,OAAO,CAAC,CAAC,iBAAAa,cAAA,aACbd,KAAK,CAACe,QAAQ,UAAAD,cAAA,eAAAF,QAAA,CACZZ,KAAK,CAACgB,SAAS,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,CAACP,QAAQ,CAACR,OAAO,CAAC,CAAC,CAAC,GAAGC,KAAK,CAAC,CAAC,GAAGI,SAAS,CAAC,kBAAAQ,cAAA,UAAAF,QAAA,CACvFL,KAAK,CAAC,CAAC,iBAAAO,cAAA,UAAAF,QAAA,CAGJnB,IAAI,CAAC,CAAC,iBAAAmB,QAAA,CAC2BV,KAAK,CAAC,CAAC,GACjDM,aAAa,CAAC,CAAC,IAAAE,KAAA,CAAAO,OAAA,EAAAL,QAAA,CAAUR,QAAQ,CAAC,CAAC,EAAO;AAGjD;AAEA,eAAeL,eAAe","ignoreList":[]}

package/dist/ssr/actions/Tabs.js

@@ -0,0 +1,91 @@
+import { ssr as _$ssr } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+var _tmpl$ = ["<div id=\"", "\" class=\"k2b-tabs__panel\" role=\"tabpanel\" aria-labelledby=\"", "\" tabindex=\"0\">", "</div>"],
+  _tmpl$2 = ["<div class=\"", "\"", "><div class=\"k2b-tabs__list\" role=\"tablist\"", ">", "</div>", "</div>"],
+  _tmpl$3 = ["<button", " type=\"button\" role=\"tab\"", "", ">", "<span>", "</span></button>"],
+  _tmpl$4 = ["<i", " aria-hidden=\"true\"></i>"];
+import { children, createMemo, createUniqueId, For, Show } from "solid-js";
+import { resolveMaybeAccessor } from "../inputs/field-contract";
+const TABS_ITEM = Symbol("Tabs.Item");
+const isTabsItem = value => !!value && typeof value === "object" && "kind" in value && value.kind === TABS_ITEM;
+const collectTabsItems = value => {
+  if (Array.isArray(value)) return value.flatMap(collectTabsItems);
+  return isTabsItem(value) ? [value] : [];
+};
+function TabsItem(props) {
+  return {
+    kind: TABS_ITEM,
+    props
+  };
+}
+
+/** Controlled, keyboard-accessible tabs with compositional or data-driven items. */
+function TabsRoot(props) {
+  const instanceId = `k2b-tabs-${createUniqueId()}`;
+  const resolvedChildren = children(() => props.children);
+  const items = createMemo(() => {
+    if (props.options) return props.options;
+    return collectTabsItems(resolvedChildren.toArray()).map(item => ({
+      value: item.props.value,
+      label: item.props.label,
+      icon: item.props.icon,
+      disabled: item.props.disabled,
+      panel: item.props.children
+    }));
+  });
+  const buttons = [];
+  const current = () => resolveMaybeAccessor(props.value);
+  const active = createMemo(() => items().find(option => option.value === current()));
+  const activeIndex = createMemo(() => Math.max(0, items().findIndex(option => option.value === current())));
+  const enabled = () => items().map((option, index) => ({
+    option,
+    index
+  })).filter(({
+    option
+  }) => !option.disabled);
+  const tabStopIndex = createMemo(() => {
+    const selected = items().findIndex(option => option.value === current() && !option.disabled);
+    return selected >= 0 ? selected : enabled()[0]?.index ?? -1;
+  });
+  const select = index => {
+    const option = items()[index];
+    if (!option || option.disabled) return;
+    props.onValueChange(option.value);
+    queueMicrotask(() => buttons[index]?.focus());
+  };
+  const move = (index, delta) => {
+    const available = enabled();
+    if (available.length === 0) return;
+    const currentIndex = available.findIndex(item => item.index === index);
+    const next = available[(currentIndex + delta + available.length) % available.length] ?? available[0];
+    if (next) select(next.index);
+  };
+  return _$ssr(_tmpl$2, `k2b-tabs ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-orientation", _$escape(props.orientation ?? "horizontal", true), false), _$ssrAttribute("aria-label", _$escape(props.ariaLabel, true), false) + _$ssrAttribute("aria-orientation", _$escape(props.orientation ?? "horizontal", true), false), _$escape(_$createComponent(For, {
+    get each() {
+      return items();
+    },
+    children: (option, index) => {
+      const id = () => `${instanceId}-tab-${index()}`;
+      const panelId = () => `${instanceId}-panel-${index()}`;
+      return _$ssr(_tmpl$3, _$ssrAttribute("id", _$escape(id(), true), false), _$ssrAttribute("aria-selected", _$escape(current(), true) === _$escape(option.value, true), false) + _$ssrAttribute("aria-controls", option.panel !== undefined ? _$escape(panelId(), true) : _$escape(undefined, true), false) + _$ssrAttribute("tabindex", tabStopIndex() === index() ? 0 : -1, false), _$ssrAttribute("disabled", option.disabled, true), _$escape(_$createComponent(Show, {
+        get when() {
+          return option.icon;
+        },
+        children: icon => _$ssr(_tmpl$4, _$ssrAttribute("class", _$escape(icon(), true), false))
+      })), _$escape(option.label));
+    }
+  })), _$escape(_$createComponent(Show, {
+    get when() {
+      return active()?.panel !== undefined;
+    },
+    get children() {
+      return _$ssr(_tmpl$, `${_$escape(instanceId, true)}-panel-${_$escape(activeIndex(), true)}`, `${_$escape(instanceId, true)}-tab-${_$escape(activeIndex(), true)}`, _$escape(active()?.panel));
+    }
+  })));
+}
+export const Tabs = TabsRoot;
+Tabs.Item = TabsItem;
+export default Tabs;
+//# sourceMappingURL=Tabs.js.map

package/dist/ssr/actions/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["children","createMemo","createUniqueId","For","Show","resolveMaybeAccessor","TABS_ITEM","Symbol","isTabsItem","value","kind","collectTabsItems","Array","isArray","flatMap","TabsItem","props","TabsRoot","instanceId","resolvedChildren","items","options","toArray","map","item","label","icon","disabled","panel","buttons","current","active","find","option","activeIndex","Math","max","findIndex","enabled","index","filter","tabStopIndex","selected","select","onValueChange","queueMicrotask","focus","move","delta","available","length","currentIndex","next","_$ssr","_tmpl$2","_$escape","class","_$ssrAttribute","orientation","ariaLabel","_$createComponent","each","id","panelId","_tmpl$3","undefined","when","_tmpl$4","_tmpl$","Tabs","Item"],"sources":["actions/Tabs.tsx"],"sourcesContent":["import { children, createMemo, createUniqueId, For, type JSX, Show } from \"solid-js\";\nimport type { MaybeAccessor } from \"../inputs/field-contract\";\nimport { resolveMaybeAccessor } from \"../inputs/field-contract\";\n\nexport type TabOption<T extends string = string> = {\n  value: T;\n  label: JSX.Element;\n  icon?: string;\n  disabled?: boolean;\n  panel?: JSX.Element;\n};\n\nexport type TabsItemProps<T extends string = string> = Omit<TabOption<T>, \"panel\"> & {\n  children?: JSX.Element;\n};\n\ntype TabsItemSlot<T extends string = string> = {\n  readonly kind: typeof TABS_ITEM;\n  readonly props: TabsItemProps<T>;\n};\n\nexport type TabsProps<T extends string = string> = {\n  value: MaybeAccessor<T>;\n  onValueChange: (value: T) => void;\n  ariaLabel: string;\n  orientation?: \"horizontal\" | \"vertical\";\n  class?: string;\n  /** Data-driven alternative to colocated `Tabs.Item` children. */\n  options?: readonly TabOption<T>[];\n  children?: JSX.Element;\n};\n\ntype TabsComponent = (<T extends string = string>(props: TabsProps<T>) => JSX.Element) & {\n  Item: <T extends string = string>(props: TabsItemProps<T>) => JSX.Element;\n};\n\nconst TABS_ITEM = Symbol(\"Tabs.Item\");\n\nconst isTabsItem = <T extends string>(value: unknown): value is TabsItemSlot<T> =>\n  !!value && typeof value === \"object\" && \"kind\" in value && value.kind === TABS_ITEM;\n\nconst collectTabsItems = <T extends string>(value: unknown): TabsItemSlot<T>[] => {\n  if (Array.isArray(value)) return value.flatMap(collectTabsItems<T>);\n  return isTabsItem<T>(value) ? [value] : [];\n};\n\nfunction TabsItem<T extends string = string>(props: TabsItemProps<T>): JSX.Element {\n  return { kind: TABS_ITEM, props } satisfies TabsItemSlot<T> as unknown as JSX.Element;\n}\n\n/** Controlled, keyboard-accessible tabs with compositional or data-driven items. */\nfunction TabsRoot<T extends string = string>(props: TabsProps<T>): JSX.Element {\n  const instanceId = `k2b-tabs-${createUniqueId()}`;\n  const resolvedChildren = children(() => props.children);\n  const items = createMemo<readonly TabOption<T>[]>(() => {\n    if (props.options) return props.options;\n    return collectTabsItems<T>(resolvedChildren.toArray()).map((item) => ({\n      value: item.props.value,\n      label: item.props.label,\n      icon: item.props.icon,\n      disabled: item.props.disabled,\n      panel: item.props.children,\n    }));\n  });\n  const buttons: HTMLButtonElement[] = [];\n  const current = () => resolveMaybeAccessor(props.value);\n  const active = createMemo(() => items().find((option) => option.value === current()));\n  const activeIndex = createMemo(() =>\n    Math.max(\n      0,\n      items().findIndex((option) => option.value === current()),\n    ),\n  );\n  const enabled = () =>\n    items()\n      .map((option, index) => ({ option, index }))\n      .filter(({ option }) => !option.disabled);\n  const tabStopIndex = createMemo(() => {\n    const selected = items().findIndex((option) => option.value === current() && !option.disabled);\n    return selected >= 0 ? selected : (enabled()[0]?.index ?? -1);\n  });\n  const select = (index: number) => {\n    const option = items()[index];\n    if (!option || option.disabled) return;\n    props.onValueChange(option.value);\n    queueMicrotask(() => buttons[index]?.focus());\n  };\n  const move = (index: number, delta: 1 | -1) => {\n    const available = enabled();\n    if (available.length === 0) return;\n    const currentIndex = available.findIndex((item) => item.index === index);\n    const next = available[(currentIndex + delta + available.length) % available.length] ?? available[0];\n    if (next) select(next.index);\n  };\n\n  return (\n    <div class={`k2b-tabs ${props.class ?? \"\"}`} data-orientation={props.orientation ?? \"horizontal\"}>\n      <div class=\"k2b-tabs__list\" role=\"tablist\" aria-label={props.ariaLabel} aria-orientation={props.orientation ?? \"horizontal\"}>\n        <For each={items()}>\n          {(option, index) => {\n            const id = () => `${instanceId}-tab-${index()}`;\n            const panelId = () => `${instanceId}-panel-${index()}`;\n            return (\n              <button\n                ref={(element) => {\n                  buttons[index()] = element;\n                }}\n                id={id()}\n                type=\"button\"\n                role=\"tab\"\n                aria-selected={current() === option.value}\n                aria-controls={option.panel !== undefined ? panelId() : undefined}\n                tabIndex={tabStopIndex() === index() ? 0 : -1}\n                disabled={option.disabled}\n                onClick={() => props.onValueChange(option.value)}\n                onKeyDown={(event) => {\n                  const previous = props.orientation === \"vertical\" ? \"ArrowUp\" : \"ArrowLeft\";\n                  const next = props.orientation === \"vertical\" ? \"ArrowDown\" : \"ArrowRight\";\n                  if (event.key === previous || event.key === next) {\n                    event.preventDefault();\n                    move(index(), event.key === next ? 1 : -1);\n                  } else if (event.key === \"Home\" || event.key === \"End\") {\n                    event.preventDefault();\n                    const available = enabled();\n                    const target = event.key === \"End\" ? available.at(-1) : available[0];\n                    if (target) select(target.index);\n                  }\n                }}\n              >\n                <Show when={option.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n                <span>{option.label}</span>\n              </button>\n            );\n          }}\n        </For>\n      </div>\n      <Show when={active()?.panel !== undefined}>\n        <div\n          id={`${instanceId}-panel-${activeIndex()}`}\n          class=\"k2b-tabs__panel\"\n          role=\"tabpanel\"\n          aria-labelledby={`${instanceId}-tab-${activeIndex()}`}\n          tabIndex={0}\n        >\n          {active()?.panel}\n        </div>\n      </Show>\n    </div>\n  );\n}\n\nexport const Tabs = TabsRoot as TabsComponent;\nTabs.Item = TabsItem;\n\nexport default Tabs;\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/actions/Toolbar.js

@@ -0,0 +1,33 @@
+import { createComponent as _$createComponent } from "solid-js/web";
+import { ssr as _$ssr } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+var _tmpl$ = ["<div class=\"", "\" role=\"group\"", ">", "</div>"],
+  _tmpl$2 = ["<span class=\"", "\" role=\"separator\"", "></span>"],
+  _tmpl$3 = "<span class=\"k2b-toolbar__spacer\" aria-hidden=\"true\"></span>",
+  _tmpl$4 = ["<div class=\"", "\" role=\"toolbar\"", ">", "</div>"];
+import { createContext, useContext } from "solid-js";
+const defaultToolbarOrientation = () => "horizontal";
+const ToolbarOrientationContext = createContext(defaultToolbarOrientation);
+const ToolbarGroup = props => _$ssr(_tmpl$, `k2b-toolbar__group ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("aria-label", _$escape(props.label, true), false), _$escape(props.children));
+const ToolbarSeparator = props => {
+  const toolbarOrientation = useContext(ToolbarOrientationContext);
+  const separatorOrientation = () => toolbarOrientation() === "horizontal" ? "vertical" : "horizontal";
+  return _$ssr(_tmpl$2, `k2b-toolbar__separator ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("aria-orientation", _$escape(separatorOrientation(), true), false) + _$ssrAttribute("data-orientation", _$escape(separatorOrientation(), true), false));
+};
+const ToolbarSpacer = () => _$ssr(_tmpl$3);
+export const Toolbar = Object.assign(props => {
+  const orientation = () => props.orientation ?? "horizontal";
+  return _$createComponent(ToolbarOrientationContext.Provider, {
+    value: orientation,
+    get children() {
+      return _$ssr(_tmpl$4, `k2b-toolbar ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("aria-label", _$escape(props.label, true), false) + _$ssrAttribute("aria-orientation", _$escape(orientation(), true), false) + _$ssrAttribute("data-orientation", _$escape(orientation(), true), false) + _$ssrAttribute("data-wrap", props.wrap ? "true" : _$escape(undefined, true), false), _$escape(props.children));
+    }
+  });
+}, {
+  Group: ToolbarGroup,
+  Separator: ToolbarSeparator,
+  Spacer: ToolbarSpacer
+});
+export default Toolbar;
+//# sourceMappingURL=Toolbar.js.map

package/dist/ssr/actions/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","defaultToolbarOrientation","ToolbarOrientationContext","ToolbarGroup","props","_$ssr","_tmpl$","_$escape","class","_$ssrAttribute","label","children","ToolbarSeparator","toolbarOrientation","separatorOrientation","_tmpl$2","ToolbarSpacer","_tmpl$3","Toolbar","Object","assign","orientation","_$createComponent","Provider","value","_tmpl$4","wrap","undefined","Group","Separator","Spacer"],"sources":["actions/Toolbar.tsx"],"sourcesContent":["import { createContext, type JSX, useContext } from \"solid-js\";\n\nexport type ToolbarProps = {\n  children: JSX.Element;\n  label: string;\n  orientation?: \"horizontal\" | \"vertical\";\n  wrap?: boolean;\n  class?: string;\n};\n\nexport type ToolbarGroupProps = { children: JSX.Element; label?: string; class?: string };\nexport type ToolbarSeparatorProps = { class?: string };\n\ntype ToolbarComponent = ((props: ToolbarProps) => JSX.Element) & {\n  Group: (props: ToolbarGroupProps) => JSX.Element;\n  Separator: (props: ToolbarSeparatorProps) => JSX.Element;\n  Spacer: () => JSX.Element;\n};\n\ntype ToolbarOrientation = NonNullable<ToolbarProps[\"orientation\"]>;\n\nconst defaultToolbarOrientation: () => ToolbarOrientation = () => \"horizontal\";\nconst ToolbarOrientationContext = createContext(defaultToolbarOrientation);\n\nconst ToolbarGroup = (props: ToolbarGroupProps): JSX.Element => (\n  <div class={`k2b-toolbar__group ${props.class ?? \"\"}`} role=\"group\" aria-label={props.label}>\n    {props.children}\n  </div>\n);\n\nconst ToolbarSeparator = (props: ToolbarSeparatorProps): JSX.Element => {\n  const toolbarOrientation = useContext(ToolbarOrientationContext);\n  const separatorOrientation = () => (toolbarOrientation() === \"horizontal\" ? \"vertical\" : \"horizontal\");\n\n  return (\n    <span\n      class={`k2b-toolbar__separator ${props.class ?? \"\"}`}\n      role=\"separator\"\n      aria-orientation={separatorOrientation()}\n      data-orientation={separatorOrientation()}\n    />\n  );\n};\n\nconst ToolbarSpacer = (): JSX.Element => <span class=\"k2b-toolbar__spacer\" aria-hidden=\"true\" />;\n\nexport const Toolbar = Object.assign(\n  (props: ToolbarProps): JSX.Element => {\n    const orientation = () => props.orientation ?? \"horizontal\";\n\n    return (\n      <ToolbarOrientationContext.Provider value={orientation}>\n        <div\n          class={`k2b-toolbar ${props.class ?? \"\"}`}\n          role=\"toolbar\"\n          aria-label={props.label}\n          aria-orientation={orientation()}\n          data-orientation={orientation()}\n          data-wrap={props.wrap ? \"true\" : undefined}\n        >\n          {props.children}\n        </div>\n      </ToolbarOrientationContext.Provider>\n    );\n  },\n  { Group: ToolbarGroup, Separator: ToolbarSeparator, Spacer: ToolbarSpacer },\n) as ToolbarComponent;\n\nexport default Toolbar;\n"],"mappings":";;;;;;;;AAAA,SAASA,aAAa,EAAYC,UAAU,QAAQ,UAAU;AAqB9D,MAAMC,yBAAmD,GAAGA,CAAA,KAAM,YAAY;AAC9E,MAAMC,yBAAyB,GAAGH,aAAa,CAACE,yBAAyB,CAAC;AAE1E,MAAME,YAAY,GAAIC,KAAwB,IAAAC,KAAA,CAAAC,MAAA,EAChC,sBAAAC,QAAA,CAAsBH,KAAK,CAACI,KAAK,IAAI,EAAE,SAAE,EAAAC,cAAA,eAAAF,QAAA,CAA2BH,KAAK,CAACM,KAAK,iBAAAH,QAAA,CACxFH,KAAK,CAACO,QAAQ,EAElB;AAED,MAAMC,gBAAgB,GAAIR,KAA4B,IAAkB;EACtE,MAAMS,kBAAkB,GAAGb,UAAU,CAACE,yBAAyB,CAAC;EAChE,MAAMY,oBAAoB,GAAGA,CAAA,KAAOD,kBAAkB,CAAC,CAAC,KAAK,YAAY,GAAG,UAAU,GAAG,YAAa;EAEtG,OAAAR,KAAA,CAAAU,OAAA,EAEW,0BAAAR,QAAA,CAA0BH,KAAK,CAACI,KAAK,IAAI,EAAE,SAAE,EAAAC,cAAA,qBAAAF,QAAA,CAElCO,oBAAoB,CAAC,CAAC,kBAAAL,cAAA,qBAAAF,QAAA,CACtBO,oBAAoB,CAAC,CAAC;AAG9C,CAAC;AAED,MAAME,aAAa,GAAGA,CAAA,KAAAX,KAAA,CAAAY,OAAA,CAA0E;AAEhG,OAAO,MAAMC,OAAO,GAAGC,MAAM,CAACC,MAAM,CACjChB,KAAmB,IAAkB;EACpC,MAAMiB,WAAW,GAAGA,CAAA,KAAMjB,KAAK,CAACiB,WAAW,IAAI,YAAY;EAE3D,OAAAC,iBAAA,CACGpB,yBAAyB,CAACqB,QAAQ;IAACC,KAAK,EAAEH,WAAW;IAAA,IAAAV,SAAA;MAAA,OAAAN,KAAA,CAAAoB,OAAA,EAE3C,eAAAlB,QAAA,CAAeH,KAAK,CAACI,KAAK,IAAI,EAAE,SAAE,EAAAC,cAAA,eAAAF,QAAA,CAE7BH,KAAK,CAACM,KAAK,kBAAAD,cAAA,qBAAAF,QAAA,CACLc,WAAW,CAAC,CAAC,kBAAAZ,cAAA,qBAAAF,QAAA,CACbc,WAAW,CAAC,CAAC,kBAAAZ,cAAA,cACpBL,KAAK,CAACsB,IAAI,GAAG,MAAM,GAAAnB,QAAA,CAAGoB,SAAS,iBAAApB,QAAA,CAEzCH,KAAK,CAACO,QAAQ;IAAA;EAAA;AAIvB,CAAC,EACD;EAAEiB,KAAK,EAAEzB,YAAY;EAAE0B,SAAS,EAAEjB,gBAAgB;EAAEkB,MAAM,EAAEd;AAAc,CAC5E,CAAqB;AAErB,eAAeE,OAAO","ignoreList":[]}

package/dist/ssr/actions/index.js

@@ -0,0 +1,13 @@
+export { Button, ButtonLink, IconButton, IconButtonLink } from "./Button";
+export { CopyButton } from "./CopyButton";
+export { Disclosure } from "./Disclosure";
+export { Dropdown, DropdownItem, dropdownPosition } from "./Dropdown";
+export { FilterChip } from "./FilterChip";
+export { ContextMenu } from "./ContextMenu";
+export { RemoveButton } from "./RemoveButton";
+export { isSpotlightShortcut, openSpotlightSearch, SPOTLIGHT_SHORTCUT, SPOTLIGHT_SHORTCUT_LABEL, SPOTLIGHT_SHORTCUT_TITLE, SpotlightButton } from "./SpotlightSearch";
+export { SegmentedControl } from "./SegmentedControl";
+export { SplitButton } from "./SplitButton";
+export { Tabs } from "./Tabs";
+export { Toolbar } from "./Toolbar";
+//# sourceMappingURL=index.js.map

package/dist/ssr/actions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button","ButtonLink","IconButton","IconButtonLink","CopyButton","Disclosure","Dropdown","DropdownItem","dropdownPosition","FilterChip","ContextMenu","RemoveButton","isSpotlightShortcut","openSpotlightSearch","SPOTLIGHT_SHORTCUT","SPOTLIGHT_SHORTCUT_LABEL","SPOTLIGHT_SHORTCUT_TITLE","SpotlightButton","SegmentedControl","SplitButton","Tabs","Toolbar"],"sources":["actions/index.ts"],"sourcesContent":["export type { ButtonLinkProps, ButtonProps, ButtonSize, ButtonVariant, IconButtonLinkProps, IconButtonProps } from \"./Button\";\nexport { Button, ButtonLink, IconButton, IconButtonLink } from \"./Button\";\nexport type { CopyButtonProps, CopyButtonValue } from \"./CopyButton\";\nexport { CopyButton } from \"./CopyButton\";\nexport type { DisclosureProps } from \"./Disclosure\";\nexport { Disclosure } from \"./Disclosure\";\nexport type {\n  DropdownAction,\n  DropdownActionBase,\n  DropdownChoice,\n  DropdownItemProps,\n  DropdownPosition,\n  DropdownProps,\n  DropdownSection,\n  DropdownTriggerProps,\n} from \"./Dropdown\";\nexport { Dropdown, DropdownItem, dropdownPosition } from \"./Dropdown\";\nexport type { FilterChipOption, FilterChipProps, FilterChipSection } from \"./FilterChip\";\nexport { FilterChip } from \"./FilterChip\";\nexport type { ContextMenuProps } from \"./ContextMenu\";\nexport { ContextMenu } from \"./ContextMenu\";\nexport type { RemoveButtonProps } from \"./RemoveButton\";\nexport { RemoveButton } from \"./RemoveButton\";\nexport type {\n  SpotlightButtonProps,\n  SpotlightButtonVariant,\n  SpotlightSearchOptions,\n  SpotlightSearchResolver,\n} from \"./SpotlightSearch\";\nexport {\n  isSpotlightShortcut,\n  openSpotlightSearch,\n  SPOTLIGHT_SHORTCUT,\n  SPOTLIGHT_SHORTCUT_LABEL,\n  SPOTLIGHT_SHORTCUT_TITLE,\n  SpotlightButton,\n} from \"./SpotlightSearch\";\nexport type { SegmentedControlProps, SegmentOption } from \"./SegmentedControl\";\nexport { SegmentedControl } from \"./SegmentedControl\";\nexport type { SplitButtonProps } from \"./SplitButton\";\nexport { SplitButton } from \"./SplitButton\";\nexport type { TabOption, TabsItemProps, TabsProps } from \"./Tabs\";\nexport { Tabs } from \"./Tabs\";\nexport type { ToolbarGroupProps, ToolbarProps, ToolbarSeparatorProps } from \"./Toolbar\";\nexport { Toolbar } from \"./Toolbar\";\n"],"mappings":"AACA,SAASA,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAEC,cAAc,QAAQ,UAAU;AAEzE,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,UAAU,QAAQ,cAAc;AAWzC,SAASC,QAAQ,EAAEC,YAAY,EAAEC,gBAAgB,QAAQ,YAAY;AAErE,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,WAAW,QAAQ,eAAe;AAE3C,SAASC,YAAY,QAAQ,gBAAgB;AAO7C,SACEC,mBAAmB,EACnBC,mBAAmB,EACnBC,kBAAkB,EAClBC,wBAAwB,EACxBC,wBAAwB,EACxBC,eAAe,QACV,mBAAmB;AAE1B,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,SAASC,WAAW,QAAQ,eAAe;AAE3C,SAASC,IAAI,QAAQ,QAAQ;AAE7B,SAASC,OAAO,QAAQ,WAAW","ignoreList":[]}