@k2b/ui 0.1.0-rc.0

package/dist/browser/actions/SpotlightSearch.js

@@ -0,0 +1,87 @@
+import { template as _$template } from "solid-js/web";
+import { delegateEvents as _$delegateEvents } from "solid-js/web";
+import { setProperty as _$setProperty } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<button type=button><i aria-hidden=true></i><span class=k2b-spotlight-button__label></span><!$><!/>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<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 (() => {
+    var _el$ = _$getNextElement(_tmpl$),
+      _el$2 = _el$.firstChild,
+      _el$3 = _el$2.nextSibling,
+      _el$4 = _el$3.nextSibling,
+      [_el$5, _co$] = _$getNextMarker(_el$4.nextSibling);
+    _el$.$$click = () => void props.onClick();
+    _$insert(_el$3, label);
+    _$insert(_el$, (() => {
+      var _c$ = _$memo(() => !!showsShortcut());
+      return () => _c$() && (() => {
+        var _el$6 = _$getNextElement(_tmpl$2);
+        _$insert(_el$6, shortcut);
+        return _el$6;
+      })();
+    })(), _el$5, _co$);
+    _$effect(_p$ => {
+      var _v$ = `k2b-spotlight-button ${props.class ?? ""}`,
+        _v$2 = variant(),
+        _v$3 = props.disabled,
+        _v$4 = props.ariaLabel ?? (["compact", "icon"].includes(variant()) ? label() : undefined),
+        _v$5 = title(),
+        _v$6 = icon();
+      _v$ !== _p$.e && _$className(_el$, _p$.e = _v$);
+      _v$2 !== _p$.t && _$setAttribute(_el$, "data-variant", _p$.t = _v$2);
+      _v$3 !== _p$.a && _$setProperty(_el$, "disabled", _p$.a = _v$3);
+      _v$4 !== _p$.o && _$setAttribute(_el$, "aria-label", _p$.o = _v$4);
+      _v$5 !== _p$.i && _$setAttribute(_el$, "title", _p$.i = _v$5);
+      _v$6 !== _p$.n && _$className(_el$2, _p$.n = _v$6);
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined,
+      o: undefined,
+      i: undefined,
+      n: undefined
+    });
+    _$runHydrationEvents();
+    return _el$;
+  })();
+}
+export default SpotlightButton;
+_$delegateEvents(["click"]);
+//# sourceMappingURL=SpotlightSearch.js.map

package/dist/browser/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","_el$","_$getNextElement","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_el$4","_el$5","_co$","_$getNextMarker","$$click","onClick","_$insert","_c$","_$memo","_el$6","_tmpl$2","_$effect","_p$","_v$","class","_v$2","_v$3","disabled","_v$4","ariaLabel","_v$5","_v$6","e","_$className","t","_$setAttribute","a","_$setProperty","o","i","n","_$runHydrationEvents","_$delegateEvents"],"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":"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","ignoreList":[]}

package/dist/browser/actions/Tabs.js

@@ -0,0 +1,185 @@
+import { template as _$template } from "solid-js/web";
+import { delegateEvents as _$delegateEvents } from "solid-js/web";
+import { setProperty as _$setProperty } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<div class=k2b-tabs__panel role=tabpanel tabindex=0>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<div><div class=k2b-tabs__list role=tablist></div><!$><!/>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<button type=button role=tab><!$><!/><span>`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<i aria-hidden=true>`);
+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 (() => {
+    var _el$ = _$getNextElement(_tmpl$2),
+      _el$2 = _el$.firstChild,
+      _el$4 = _el$2.nextSibling,
+      [_el$5, _co$] = _$getNextMarker(_el$4.nextSibling);
+    _$insert(_el$2, _$createComponent(For, {
+      get each() {
+        return items();
+      },
+      children: (option, index) => {
+        const id = () => `${instanceId}-tab-${index()}`;
+        const panelId = () => `${instanceId}-panel-${index()}`;
+        return (() => {
+          var _el$6 = _$getNextElement(_tmpl$3),
+            _el$8 = _el$6.firstChild,
+            [_el$9, _co$2] = _$getNextMarker(_el$8.nextSibling),
+            _el$7 = _el$9.nextSibling;
+          _el$6.$$keydown = event => {
+            const previous = props.orientation === "vertical" ? "ArrowUp" : "ArrowLeft";
+            const next = props.orientation === "vertical" ? "ArrowDown" : "ArrowRight";
+            if (event.key === previous || event.key === next) {
+              event.preventDefault();
+              move(index(), event.key === next ? 1 : -1);
+            } else if (event.key === "Home" || event.key === "End") {
+              event.preventDefault();
+              const available = enabled();
+              const target = event.key === "End" ? available.at(-1) : available[0];
+              if (target) select(target.index);
+            }
+          };
+          _el$6.$$click = () => props.onValueChange(option.value);
+          _$use(element => {
+            buttons[index()] = element;
+          }, _el$6);
+          _$insert(_el$6, _$createComponent(Show, {
+            get when() {
+              return option.icon;
+            },
+            children: icon => (() => {
+              var _el$0 = _$getNextElement(_tmpl$4);
+              _$effect(() => _$className(_el$0, icon()));
+              return _el$0;
+            })()
+          }), _el$9, _co$2);
+          _$insert(_el$7, () => option.label);
+          _$effect(_p$ => {
+            var _v$7 = id(),
+              _v$8 = current() === option.value,
+              _v$9 = option.panel !== undefined ? panelId() : undefined,
+              _v$0 = tabStopIndex() === index() ? 0 : -1,
+              _v$1 = option.disabled;
+            _v$7 !== _p$.e && _$setAttribute(_el$6, "id", _p$.e = _v$7);
+            _v$8 !== _p$.t && _$setAttribute(_el$6, "aria-selected", _p$.t = _v$8);
+            _v$9 !== _p$.a && _$setAttribute(_el$6, "aria-controls", _p$.a = _v$9);
+            _v$0 !== _p$.o && _$setAttribute(_el$6, "tabindex", _p$.o = _v$0);
+            _v$1 !== _p$.i && _$setProperty(_el$6, "disabled", _p$.i = _v$1);
+            return _p$;
+          }, {
+            e: undefined,
+            t: undefined,
+            a: undefined,
+            o: undefined,
+            i: undefined
+          });
+          _$runHydrationEvents();
+          return _el$6;
+        })();
+      }
+    }));
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return active()?.panel !== undefined;
+      },
+      get children() {
+        var _el$3 = _$getNextElement(_tmpl$);
+        _$insert(_el$3, () => active()?.panel);
+        _$effect(_p$ => {
+          var _v$ = `${instanceId}-panel-${activeIndex()}`,
+            _v$2 = `${instanceId}-tab-${activeIndex()}`;
+          _v$ !== _p$.e && _$setAttribute(_el$3, "id", _p$.e = _v$);
+          _v$2 !== _p$.t && _$setAttribute(_el$3, "aria-labelledby", _p$.t = _v$2);
+          return _p$;
+        }, {
+          e: undefined,
+          t: undefined
+        });
+        return _el$3;
+      }
+    }), _el$5, _co$);
+    _$effect(_p$ => {
+      var _v$3 = `k2b-tabs ${props.class ?? ""}`,
+        _v$4 = props.orientation ?? "horizontal",
+        _v$5 = props.ariaLabel,
+        _v$6 = props.orientation ?? "horizontal";
+      _v$3 !== _p$.e && _$className(_el$, _p$.e = _v$3);
+      _v$4 !== _p$.t && _$setAttribute(_el$, "data-orientation", _p$.t = _v$4);
+      _v$5 !== _p$.a && _$setAttribute(_el$2, "aria-label", _p$.a = _v$5);
+      _v$6 !== _p$.o && _$setAttribute(_el$2, "aria-orientation", _p$.o = _v$6);
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined,
+      o: undefined
+    });
+    return _el$;
+  })();
+}
+export const Tabs = TabsRoot;
+Tabs.Item = TabsItem;
+export default Tabs;
+_$delegateEvents(["click", "keydown"]);
+//# sourceMappingURL=Tabs.js.map

package/dist/browser/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","_el$","_$getNextElement","_tmpl$2","_el$2","firstChild","_el$4","nextSibling","_el$5","_co$","_$getNextMarker","_$insert","_$createComponent","each","id","panelId","_el$6","_tmpl$3","_el$8","_el$9","_co$2","_el$7","$$keydown","event","previous","orientation","key","preventDefault","target","at","$$click","_$use","element","when","_el$0","_tmpl$4","_$effect","_$className","_p$","_v$7","_v$8","_v$9","undefined","_v$0","_v$1","e","_$setAttribute","t","a","o","i","_$setProperty","_$runHydrationEvents","_el$3","_tmpl$","_v$","_v$2","_v$3","class","_v$4","_v$5","ariaLabel","_v$6","Tabs","Item","_$delegateEvents"],"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/browser/actions/Toolbar.js

@@ -0,0 +1,87 @@
+import { template as _$template } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { effect as _$effect } from "solid-js/web";
+import { getNextElement as _$getNextElement } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<div role=group>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<span role=separator>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<span class=k2b-toolbar__spacer aria-hidden=true>`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<div role=toolbar>`);
+import { createContext, useContext } from "solid-js";
+const defaultToolbarOrientation = () => "horizontal";
+const ToolbarOrientationContext = createContext(defaultToolbarOrientation);
+const ToolbarGroup = props => (() => {
+  var _el$ = _$getNextElement(_tmpl$);
+  _$insert(_el$, () => props.children);
+  _$effect(_p$ => {
+    var _v$ = `k2b-toolbar__group ${props.class ?? ""}`,
+      _v$2 = props.label;
+    _v$ !== _p$.e && _$className(_el$, _p$.e = _v$);
+    _v$2 !== _p$.t && _$setAttribute(_el$, "aria-label", _p$.t = _v$2);
+    return _p$;
+  }, {
+    e: undefined,
+    t: undefined
+  });
+  return _el$;
+})();
+const ToolbarSeparator = props => {
+  const toolbarOrientation = useContext(ToolbarOrientationContext);
+  const separatorOrientation = () => toolbarOrientation() === "horizontal" ? "vertical" : "horizontal";
+  return (() => {
+    var _el$2 = _$getNextElement(_tmpl$2);
+    _$effect(_p$ => {
+      var _v$3 = `k2b-toolbar__separator ${props.class ?? ""}`,
+        _v$4 = separatorOrientation(),
+        _v$5 = separatorOrientation();
+      _v$3 !== _p$.e && _$className(_el$2, _p$.e = _v$3);
+      _v$4 !== _p$.t && _$setAttribute(_el$2, "aria-orientation", _p$.t = _v$4);
+      _v$5 !== _p$.a && _$setAttribute(_el$2, "data-orientation", _p$.a = _v$5);
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined
+    });
+    return _el$2;
+  })();
+};
+const ToolbarSpacer = () => _$getNextElement(_tmpl$3);
+export const Toolbar = Object.assign(props => {
+  const orientation = () => props.orientation ?? "horizontal";
+  return _$createComponent(ToolbarOrientationContext.Provider, {
+    value: orientation,
+    get children() {
+      var _el$4 = _$getNextElement(_tmpl$4);
+      _$insert(_el$4, () => props.children);
+      _$effect(_p$ => {
+        var _v$6 = `k2b-toolbar ${props.class ?? ""}`,
+          _v$7 = props.label,
+          _v$8 = orientation(),
+          _v$9 = orientation(),
+          _v$0 = props.wrap ? "true" : undefined;
+        _v$6 !== _p$.e && _$className(_el$4, _p$.e = _v$6);
+        _v$7 !== _p$.t && _$setAttribute(_el$4, "aria-label", _p$.t = _v$7);
+        _v$8 !== _p$.a && _$setAttribute(_el$4, "aria-orientation", _p$.a = _v$8);
+        _v$9 !== _p$.o && _$setAttribute(_el$4, "data-orientation", _p$.o = _v$9);
+        _v$0 !== _p$.i && _$setAttribute(_el$4, "data-wrap", _p$.i = _v$0);
+        return _p$;
+      }, {
+        e: undefined,
+        t: undefined,
+        a: undefined,
+        o: undefined,
+        i: undefined
+      });
+      return _el$4;
+    }
+  });
+}, {
+  Group: ToolbarGroup,
+  Separator: ToolbarSeparator,
+  Spacer: ToolbarSpacer
+});
+export default Toolbar;
+//# sourceMappingURL=Toolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","defaultToolbarOrientation","ToolbarOrientationContext","ToolbarGroup","props","_el$","_$getNextElement","_tmpl$","_$insert","children","_$effect","_p$","_v$","class","_v$2","label","e","_$className","t","_$setAttribute","undefined","ToolbarSeparator","toolbarOrientation","separatorOrientation","_el$2","_tmpl$2","_v$3","_v$4","_v$5","a","ToolbarSpacer","_tmpl$3","Toolbar","Object","assign","orientation","_$createComponent","Provider","value","_el$4","_tmpl$4","_v$6","_v$7","_v$8","_v$9","_v$0","wrap","o","i","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":"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","ignoreList":[]}

package/dist/browser/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/browser/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":[]}