@k2b/ui 0.5.1 → 0.6.1

package/dist/browser/actions/Button.js

@@ -17,7 +17,7 @@ import { Show, splitProps } from "solid-js";
 import { Tooltip } from "../feedback/Tooltip";
 const buttonClass = className => ["k2b-button", className].filter(Boolean).join(" ");
 export function Button(props) {
-  const [local, rest] = splitProps(props, ["children", "class", "disabled", "loading", "loadingLabel", "ref", "size", "tooltip", "tooltipDelay", "tooltipPlacement", "type", "variant", "wrap"]);
+  const [local, rest] = splitProps(props, ["children", "class", "disabled", "loading", "loadingLabel", "ref", "size", "tooltip", "tooltipDelay", "tooltipPlacement", "type", "variant", "wrap", "align"]);
   let target;
   const setRef = element => {
     target = element;
@@ -45,6 +45,9 @@ export function Button(props) {
       get ["data-wrap"]() {
         return local.wrap || undefined;
       },
+      get ["data-align"]() {
+        return local.align === "start" ? "start" : undefined;
+      },
       get disabled() {
         return local.disabled || local.loading;
       },
@@ -98,7 +101,7 @@ export function Button(props) {
   })];
 }
 export function ButtonLink(props) {
-  const [local, rest] = splitProps(props, ["children", "class", "href", "navigation", "onClick", "onNavigate", "replace", "ref", "scroll", "size", "tooltip", "tooltipDelay", "tooltipPlacement", "variant", "wrap"]);
+  const [local, rest] = splitProps(props, ["children", "class", "href", "navigation", "onClick", "onNavigate", "replace", "ref", "scroll", "size", "tooltip", "tooltipDelay", "tooltipPlacement", "variant", "wrap", "align"]);
   let target;
   const setRef = element => {
     target = element;
@@ -145,6 +148,9 @@ export function ButtonLink(props) {
       get ["data-wrap"]() {
         return local.wrap || undefined;
       },
+      get ["data-align"]() {
+        return local.align === "start" ? "start" : undefined;
+      },
       get onClick() {
         return local.onClick;
       },
@@ -177,6 +183,9 @@ export function ButtonLink(props) {
       get ["data-wrap"]() {
         return local.wrap || undefined;
       },
+      get ["data-align"]() {
+        return local.align === "start" ? "start" : undefined;
+      },
       get onClick() {
         return local.onClick;
       }

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["actions/Button.tsx"],"sourcesContent":["import { Link, type LinkNavigateEvent, type NavigationScrollMode } from \"@k2b/ssr/nav\";\nimport { type JSX, Show, splitProps } from \"solid-js\";\nimport { Tooltip, type TooltipPlacement } from \"../feedback/Tooltip\";\n\nexport type ButtonVariant = \"primary\" | \"secondary\" | \"ghost\" | \"text\" | \"subtle\" | \"input\" | \"warning\" | \"danger\" | \"success\" | \"ai\";\nexport type ButtonSize = \"xs\" | \"sm\" | \"md\" | \"lg\";\n\nexport type ButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  /** Allow a deliberately long or rich label to wrap. Defaults to false. */\n  wrap?: boolean;\n  loading?: boolean;\n  loadingLabel?: string;\n  size?: ButtonSize;\n  variant?: ButtonVariant;\n  tooltip?: JSX.Element | false;\n  tooltipDelay?: number;\n  tooltipPlacement?: TooltipPlacement;\n};\n\nexport type ButtonLinkProps = Omit<JSX.AnchorHTMLAttributes<HTMLAnchorElement>, \"onClick\"> & {\n  /** Allow a deliberately long or rich label to wrap. Defaults to false. */\n  wrap?: boolean;\n  navigation?: \"document\" | \"enhanced\";\n  onClick?: JSX.EventHandlerUnion<HTMLAnchorElement, MouseEvent>;\n  onNavigate?: (event: LinkNavigateEvent) => void | Promise<void>;\n  replace?: boolean;\n  scroll?: NavigationScrollMode;\n  size?: ButtonSize;\n  variant?: ButtonVariant;\n  tooltip?: JSX.Element | false;\n  tooltipDelay?: number;\n  tooltipPlacement?: TooltipPlacement;\n};\n\nconst buttonClass = (className?: string): string => [\"k2b-button\", className].filter(Boolean).join(\" \");\n\nexport function Button(props: ButtonProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"disabled\",\n    \"loading\",\n    \"loadingLabel\",\n    \"ref\",\n    \"size\",\n    \"tooltip\",\n    \"tooltipDelay\",\n    \"tooltipPlacement\",\n    \"type\",\n    \"variant\",\n    \"wrap\",\n  ]);\n  let target: HTMLButtonElement | undefined;\n  const setRef = (element: HTMLButtonElement) => {\n    target = element;\n    if (typeof local.ref === \"function\") local.ref(element);\n  };\n\n  const control = (\n    <button\n      {...rest}\n      ref={setRef}\n      type={local.type ?? \"button\"}\n      class={buttonClass(local.class)}\n      data-size={local.size ?? \"md\"}\n      data-variant={local.variant ?? \"primary\"}\n      data-wrap={local.wrap || undefined}\n      disabled={local.disabled || local.loading}\n      aria-busy={local.loading ? \"true\" : undefined}\n    >\n      <Show when={local.loading}>\n        <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n      </Show>\n      <span class=\"k2b-button__label\">\n        <Show when={local.loading && local.loadingLabel} fallback={local.children}>\n          {local.loadingLabel}\n        </Show>\n      </span>\n    </button>\n  );\n\n  return (\n    <>\n      {control}\n      <Show when={local.tooltip !== false && local.tooltip !== undefined}>\n        <Tooltip\n          content={local.tooltip as JSX.Element}\n          target={() => target}\n          delay={local.tooltipDelay}\n          disabled={local.disabled || local.loading}\n          placement={local.tooltipPlacement}\n        />\n      </Show>\n    </>\n  );\n}\n\nexport function ButtonLink(props: ButtonLinkProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"href\",\n    \"navigation\",\n    \"onClick\",\n    \"onNavigate\",\n    \"replace\",\n    \"ref\",\n    \"scroll\",\n    \"size\",\n    \"tooltip\",\n    \"tooltipDelay\",\n    \"tooltipPlacement\",\n    \"variant\",\n    \"wrap\",\n  ]);\n  let target: HTMLAnchorElement | undefined;\n  const setRef = (element: HTMLAnchorElement) => {\n    target = element;\n    if (typeof local.ref === \"function\") local.ref(element);\n  };\n  const className = buttonClass(local.class);\n  const content = <span class=\"k2b-button__label\">{local.children}</span>;\n\n  const tooltip = () => (\n    <Show when={local.tooltip !== false && local.tooltip !== undefined}>\n      <Tooltip content={local.tooltip as JSX.Element} target={() => target} delay={local.tooltipDelay} placement={local.tooltipPlacement} />\n    </Show>\n  );\n\n  if (local.navigation === \"enhanced\" && local.href && local.onNavigate) {\n    return (\n      <>\n        <Link\n          {...rest}\n          ref={setRef}\n          href={local.href}\n          class={className}\n          data-size={local.size ?? \"md\"}\n          data-variant={local.variant ?? \"primary\"}\n          data-wrap={local.wrap || undefined}\n          onClick={local.onClick}\n          onNavigate={local.onNavigate}\n          replace={local.replace}\n          scroll={local.scroll}\n        >\n          {content}\n        </Link>\n        {tooltip()}\n      </>\n    );\n  }\n\n  return (\n    <>\n      <a\n        {...rest}\n        ref={setRef}\n        href={local.href}\n        class={className}\n        data-size={local.size ?? \"md\"}\n        data-variant={local.variant ?? \"primary\"}\n        data-wrap={local.wrap || undefined}\n        onClick={local.onClick}\n      >\n        {content}\n      </a>\n      {tooltip()}\n    </>\n  );\n}\n\nexport type IconButtonProps = Omit<ButtonProps, \"children\"> & {\n  children: JSX.Element;\n  label: string;\n};\n\nexport type IconButtonLinkProps = Omit<ButtonLinkProps, \"children\"> & {\n  children: JSX.Element;\n  label: string;\n};\n\nexport function IconButton(props: IconButtonProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"label\", \"loading\", \"loadingLabel\", \"tooltip\", \"variant\"]);\n\n  return (\n    <Button\n      {...rest}\n      loading={local.loading}\n      variant={local.variant ?? \"ghost\"}\n      class={`k2b-icon-button ${local.class ?? \"\"}`}\n      aria-label={local.loading ? (local.loadingLabel ?? local.label) : local.label}\n      title={rest.title ?? (local.tooltip === undefined ? local.label : undefined)}\n      tooltip={local.tooltip}\n    >\n      <Show when={!local.loading}>{local.children}</Show>\n    </Button>\n  );\n}\n\nexport function IconButtonLink(props: IconButtonLinkProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"label\", \"tooltip\", \"variant\"]);\n\n  return (\n    <ButtonLink\n      {...rest}\n      variant={local.variant ?? \"ghost\"}\n      class={`k2b-icon-button ${local.class ?? \"\"}`}\n      aria-label={local.label}\n      title={rest.title ?? (local.tooltip === undefined ? local.label : undefined)}\n      tooltip={local.tooltip}\n    >\n      {local.children}\n    </ButtonLink>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["actions/Button.tsx"],"sourcesContent":["import { Link, type LinkNavigateEvent, type NavigationScrollMode } from \"@k2b/ssr/nav\";\nimport { type JSX, Show, splitProps } from \"solid-js\";\nimport { Tooltip, type TooltipPlacement } from \"../feedback/Tooltip\";\n\nexport type ButtonVariant = \"primary\" | \"secondary\" | \"ghost\" | \"text\" | \"subtle\" | \"input\" | \"warning\" | \"danger\" | \"success\" | \"ai\";\nexport type ButtonSize = \"xs\" | \"sm\" | \"md\" | \"lg\";\nexport type ButtonAlign = \"center\" | \"start\";\n\nexport type ButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  /** Allow a deliberately long or rich label to wrap. Defaults to false. */\n  wrap?: boolean;\n  /** Start-align the content and let the label fill the button, for full-width rows. Defaults to `\"center\"`. */\n  align?: ButtonAlign;\n  loading?: boolean;\n  loadingLabel?: string;\n  size?: ButtonSize;\n  variant?: ButtonVariant;\n  tooltip?: JSX.Element | false;\n  tooltipDelay?: number;\n  tooltipPlacement?: TooltipPlacement;\n};\n\nexport type ButtonLinkProps = Omit<JSX.AnchorHTMLAttributes<HTMLAnchorElement>, \"onClick\"> & {\n  /** Allow a deliberately long or rich label to wrap. Defaults to false. */\n  wrap?: boolean;\n  /** Start-align the content and let the label fill the button, for full-width rows. Defaults to `\"center\"`. */\n  align?: ButtonAlign;\n  navigation?: \"document\" | \"enhanced\";\n  onClick?: JSX.EventHandlerUnion<HTMLAnchorElement, MouseEvent>;\n  onNavigate?: (event: LinkNavigateEvent) => void | Promise<void>;\n  replace?: boolean;\n  scroll?: NavigationScrollMode;\n  size?: ButtonSize;\n  variant?: ButtonVariant;\n  tooltip?: JSX.Element | false;\n  tooltipDelay?: number;\n  tooltipPlacement?: TooltipPlacement;\n};\n\nconst buttonClass = (className?: string): string => [\"k2b-button\", className].filter(Boolean).join(\" \");\n\nexport function Button(props: ButtonProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"disabled\",\n    \"loading\",\n    \"loadingLabel\",\n    \"ref\",\n    \"size\",\n    \"tooltip\",\n    \"tooltipDelay\",\n    \"tooltipPlacement\",\n    \"type\",\n    \"variant\",\n    \"wrap\",\n    \"align\",\n  ]);\n  let target: HTMLButtonElement | undefined;\n  const setRef = (element: HTMLButtonElement) => {\n    target = element;\n    if (typeof local.ref === \"function\") local.ref(element);\n  };\n\n  const control = (\n    <button\n      {...rest}\n      ref={setRef}\n      type={local.type ?? \"button\"}\n      class={buttonClass(local.class)}\n      data-size={local.size ?? \"md\"}\n      data-variant={local.variant ?? \"primary\"}\n      data-wrap={local.wrap || undefined}\n      data-align={local.align === \"start\" ? \"start\" : undefined}\n      disabled={local.disabled || local.loading}\n      aria-busy={local.loading ? \"true\" : undefined}\n    >\n      <Show when={local.loading}>\n        <i class=\"ti ti-loader-2 k2b-spin\" aria-hidden=\"true\" />\n      </Show>\n      <span class=\"k2b-button__label\">\n        <Show when={local.loading && local.loadingLabel} fallback={local.children}>\n          {local.loadingLabel}\n        </Show>\n      </span>\n    </button>\n  );\n\n  return (\n    <>\n      {control}\n      <Show when={local.tooltip !== false && local.tooltip !== undefined}>\n        <Tooltip\n          content={local.tooltip as JSX.Element}\n          target={() => target}\n          delay={local.tooltipDelay}\n          disabled={local.disabled || local.loading}\n          placement={local.tooltipPlacement}\n        />\n      </Show>\n    </>\n  );\n}\n\nexport function ButtonLink(props: ButtonLinkProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"children\",\n    \"class\",\n    \"href\",\n    \"navigation\",\n    \"onClick\",\n    \"onNavigate\",\n    \"replace\",\n    \"ref\",\n    \"scroll\",\n    \"size\",\n    \"tooltip\",\n    \"tooltipDelay\",\n    \"tooltipPlacement\",\n    \"variant\",\n    \"wrap\",\n    \"align\",\n  ]);\n  let target: HTMLAnchorElement | undefined;\n  const setRef = (element: HTMLAnchorElement) => {\n    target = element;\n    if (typeof local.ref === \"function\") local.ref(element);\n  };\n  const className = buttonClass(local.class);\n  const content = <span class=\"k2b-button__label\">{local.children}</span>;\n\n  const tooltip = () => (\n    <Show when={local.tooltip !== false && local.tooltip !== undefined}>\n      <Tooltip content={local.tooltip as JSX.Element} target={() => target} delay={local.tooltipDelay} placement={local.tooltipPlacement} />\n    </Show>\n  );\n\n  if (local.navigation === \"enhanced\" && local.href && local.onNavigate) {\n    return (\n      <>\n        <Link\n          {...rest}\n          ref={setRef}\n          href={local.href}\n          class={className}\n          data-size={local.size ?? \"md\"}\n          data-variant={local.variant ?? \"primary\"}\n          data-wrap={local.wrap || undefined}\n          data-align={local.align === \"start\" ? \"start\" : undefined}\n          onClick={local.onClick}\n          onNavigate={local.onNavigate}\n          replace={local.replace}\n          scroll={local.scroll}\n        >\n          {content}\n        </Link>\n        {tooltip()}\n      </>\n    );\n  }\n\n  return (\n    <>\n      <a\n        {...rest}\n        ref={setRef}\n        href={local.href}\n        class={className}\n        data-size={local.size ?? \"md\"}\n        data-variant={local.variant ?? \"primary\"}\n        data-wrap={local.wrap || undefined}\n        data-align={local.align === \"start\" ? \"start\" : undefined}\n        onClick={local.onClick}\n      >\n        {content}\n      </a>\n      {tooltip()}\n    </>\n  );\n}\n\nexport type IconButtonProps = Omit<ButtonProps, \"children\"> & {\n  children: JSX.Element;\n  label: string;\n};\n\nexport type IconButtonLinkProps = Omit<ButtonLinkProps, \"children\"> & {\n  children: JSX.Element;\n  label: string;\n};\n\nexport function IconButton(props: IconButtonProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"label\", \"loading\", \"loadingLabel\", \"tooltip\", \"variant\"]);\n\n  return (\n    <Button\n      {...rest}\n      loading={local.loading}\n      variant={local.variant ?? \"ghost\"}\n      class={`k2b-icon-button ${local.class ?? \"\"}`}\n      aria-label={local.loading ? (local.loadingLabel ?? local.label) : local.label}\n      title={rest.title ?? (local.tooltip === undefined ? local.label : undefined)}\n      tooltip={local.tooltip}\n    >\n      <Show when={!local.loading}>{local.children}</Show>\n    </Button>\n  );\n}\n\nexport function IconButtonLink(props: IconButtonLinkProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"label\", \"tooltip\", \"variant\"]);\n\n  return (\n    <ButtonLink\n      {...rest}\n      variant={local.variant ?? \"ghost\"}\n      class={`k2b-icon-button ${local.class ?? \"\"}`}\n      aria-label={local.label}\n      title={rest.title ?? (local.tooltip === undefined ? local.label : undefined)}\n      tooltip={local.tooltip}\n    >\n      {local.children}\n    </ButtonLink>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["actions/SplitButton.tsx"],"sourcesContent":["import { type JSX, Show, 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  /** Optional selection menu in place of the primary immediate action. */\n  primaryItems?: readonly DropdownItem[];\n  /** Accessible name for the primary selection menu. */\n  primaryMenuLabel?: string;\n  /** Secondary menu glyph; defaults to a chevron. */\n  menuIcon?: JSX.Element;\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    \"primaryItems\",\n    \"primaryMenuLabel\",\n    \"menuIcon\",\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      <Show\n        when={local.primaryItems}\n        fallback={\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        }\n      >\n        {(items) => (\n          <Dropdown.Root\n            items={items()}\n            disabled={disabled()}\n            class=\"k2b-split-button__primary-menu\"\n            position={local.menuPosition ?? \"bottom-left\"}\n            width={local.menuWidth}\n          >\n            <Dropdown.Trigger\n              wrap={buttonProps.wrap}\n              disabled={disabled()}\n              size={local.size}\n              variant={local.variant ?? \"primary\"}\n              label={local.primaryMenuLabel}\n              class={`k2b-split-button__primary ${local.class ?? \"\"}`}\n            >\n              {local.children}\n            </Dropdown.Trigger>\n          </Dropdown.Root>\n        )}\n      </Show>\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        {local.menuIcon ?? <i class=\"ti ti-chevron-down\" aria-hidden=\"true\" />}\n      </Dropdown.Trigger>\n    </Dropdown.Root>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["actions/SplitButton.tsx"],"sourcesContent":["import { type JSX, Show, splitProps } from \"solid-js\";\nimport { Button, type ButtonProps } from \"./Button\";\nimport { Dropdown, type DropdownItem, type DropdownPosition } from \"./Dropdown\";\n\nexport type SplitButtonProps = Omit<ButtonProps, \"align\"> & {\n  /** Actions shown from the secondary menu trigger. */\n  items: readonly DropdownItem[];\n  /** Optional selection menu in place of the primary immediate action. */\n  primaryItems?: readonly DropdownItem[];\n  /** Accessible name for the primary selection menu. */\n  primaryMenuLabel?: string;\n  /** Secondary menu glyph; defaults to a chevron. */\n  menuIcon?: JSX.Element;\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    \"primaryItems\",\n    \"primaryMenuLabel\",\n    \"menuIcon\",\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      <Show\n        when={local.primaryItems}\n        fallback={\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        }\n      >\n        {(items) => (\n          <Dropdown.Root\n            items={items()}\n            disabled={disabled()}\n            class=\"k2b-split-button__primary-menu\"\n            position={local.menuPosition ?? \"bottom-left\"}\n            width={local.menuWidth}\n          >\n            <Dropdown.Trigger\n              wrap={buttonProps.wrap}\n              disabled={disabled()}\n              size={local.size}\n              variant={local.variant ?? \"primary\"}\n              label={local.primaryMenuLabel}\n              class={`k2b-split-button__primary ${local.class ?? \"\"}`}\n            >\n              {local.children}\n            </Dropdown.Trigger>\n          </Dropdown.Root>\n        )}\n      </Show>\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        {local.menuIcon ?? <i class=\"ti ti-chevron-down\" aria-hidden=\"true\" />}\n      </Dropdown.Trigger>\n    </Dropdown.Root>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["actions/index.ts"],"sourcesContent":["export type { ButtonLinkProps, ButtonProps, ButtonSize, ButtonVariant, IconButtonLinkProps, IconButtonProps } from \"./Button\";\nexport { Button, ButtonLink, IconButton, IconButtonLink } from \"./Button\";\nexport type { ContextMenuProps } from \"./ContextMenu\";\nexport { ContextMenu } from \"./ContextMenu\";\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 { RemoveButtonProps } from \"./RemoveButton\";\nexport { RemoveButton } from \"./RemoveButton\";\nexport type { SegmentedControlProps, SegmentOption } from \"./SegmentedControl\";\nexport { SegmentedControl } from \"./SegmentedControl\";\nexport type { SplitButtonProps } from \"./SplitButton\";\nexport { SplitButton } from \"./SplitButton\";\nexport type {\n  SpotlightButtonProps,\n  SpotlightButtonVariant,\n  SpotlightSearchOptions,\n  SpotlightSearchResolver,\n} from \"./SpotlightSearch\";\nexport {\n  openSpotlightSearch,\n  SpotlightButton,\n} from \"./SpotlightSearch\";\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,SAAS,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,QAAQ,UAAU;AAEzE,SAAS,WAAW,QAAQ,eAAe;AAE3C,SAAS,UAAU,QAAQ,cAAc;AAEzC,SAAS,UAAU,QAAQ,cAAc;AAWzC,SAAS,QAAQ,EAAE,YAAY,EAAE,gBAAgB,QAAQ,YAAY;AAErE,SAAS,UAAU,QAAQ,cAAc;AAEzC,SAAS,YAAY,QAAQ,gBAAgB;AAE7C,SAAS,gBAAgB,QAAQ,oBAAoB;AAErD,SAAS,WAAW,QAAQ,eAAe;AAO3C,SACE,mBAAmB,EACnB,eAAe,QACV,mBAAmB;AAE1B,SAAS,IAAI,QAAQ,QAAQ;AAE7B,SAAS,OAAO,QAAQ,WAAW","ignoreList":[]}
+{"version":3,"names":[],"sources":["actions/index.ts"],"sourcesContent":["export type { ButtonAlign, ButtonLinkProps, ButtonProps, ButtonSize, ButtonVariant, IconButtonLinkProps, IconButtonProps } from \"./Button\";\nexport { Button, ButtonLink, IconButton, IconButtonLink } from \"./Button\";\nexport type { ContextMenuProps } from \"./ContextMenu\";\nexport { ContextMenu } from \"./ContextMenu\";\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 { RemoveButtonProps } from \"./RemoveButton\";\nexport { RemoveButton } from \"./RemoveButton\";\nexport type { SegmentedControlProps, SegmentOption } from \"./SegmentedControl\";\nexport { SegmentedControl } from \"./SegmentedControl\";\nexport type { SplitButtonProps } from \"./SplitButton\";\nexport { SplitButton } from \"./SplitButton\";\nexport type {\n  SpotlightButtonProps,\n  SpotlightButtonVariant,\n  SpotlightSearchOptions,\n  SpotlightSearchResolver,\n} from \"./SpotlightSearch\";\nexport {\n  openSpotlightSearch,\n  SpotlightButton,\n} from \"./SpotlightSearch\";\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,SAAS,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,QAAQ,UAAU;AAEzE,SAAS,WAAW,QAAQ,eAAe;AAE3C,SAAS,UAAU,QAAQ,cAAc;AAEzC,SAAS,UAAU,QAAQ,cAAc;AAWzC,SAAS,QAAQ,EAAE,YAAY,EAAE,gBAAgB,QAAQ,YAAY;AAErE,SAAS,UAAU,QAAQ,cAAc;AAEzC,SAAS,YAAY,QAAQ,gBAAgB;AAE7C,SAAS,gBAAgB,QAAQ,oBAAoB;AAErD,SAAS,WAAW,QAAQ,eAAe;AAO3C,SACE,mBAAmB,EACnB,eAAe,QACV,mBAAmB;AAE1B,SAAS,IAAI,QAAQ,QAAQ;AAE7B,SAAS,OAAO,QAAQ,WAAW","ignoreList":[]}

package/dist/browser/content/ZoomPanViewport.js

@@ -0,0 +1,396 @@
+import { template as _$template } from "solid-js/web";
+import { delegateEvents as _$delegateEvents } from "solid-js/web";
+import { setStyleProperty as _$setStyleProperty } from "solid-js/web";
+import { style as _$style } from "solid-js/web";
+import { use as _$use } from "solid-js/web";
+import { runHydrationEvents as _$runHydrationEvents } from "solid-js/web";
+import { addEventListener as _$addEventListener } from "solid-js/web";
+import { setAttribute as _$setAttribute } from "solid-js/web";
+import { getNextMarker as _$getNextMarker } from "solid-js/web";
+import { insert as _$insert } 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 { memo as _$memo } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+var _tmpl$ = /*#__PURE__*/_$template(`<i aria-hidden=true>`),
+  _tmpl$2 = /*#__PURE__*/_$template(`<footer class=k2b-dialog__actions>`),
+  _tmpl$3 = /*#__PURE__*/_$template(`<div class="k2b-dialog__panel k2b-dialog__stack"><!$><!/><div class=k2b-zoom-pan-dialog><!$><!/><!$><!/>`),
+  _tmpl$4 = /*#__PURE__*/_$template(`<button type=button class="k2b-button k2b-icon-button"data-variant=secondary><i aria-hidden=true>`),
+  _tmpl$5 = /*#__PURE__*/_$template(`<div role=group tabindex=0><div class=k2b-zoom-pan__stage></div><div class=k2b-zoom-pan__controls><!$><!/><!$><!/><!$><!/><!$><!/>`);
+import { createSignal, For, onCleanup, onMount, Show } from "solid-js";
+import { Button } from "../actions/Button";
+import { dialogCore } from "../feedback/dialog-core";
+import { DialogHeader } from "../feedback/prompts";
+import { LocaleProvider, useLocale } from "../intl/locale";
+import { useUiMessages } from "../intl/messages";
+import { clampZoomPan, panZoomPan, ZOOM_PAN_FIT, ZOOM_PAN_STEP, zoomZoomPanAt } from "./zoom-pan";
+const PAN_KEY_STEP = 48;
+const DRAG_THRESHOLD = 4;
+const PAN_KEYS = {
+  ArrowLeft: [PAN_KEY_STEP, 0],
+  ArrowRight: [-PAN_KEY_STEP, 0],
+  ArrowUp: [0, PAN_KEY_STEP],
+  ArrowDown: [0, -PAN_KEY_STEP]
+};
+
+/** Current screen transform of the stage, including a running CSS transition. */
+const renderedTransform = (stage, fallback) => {
+  const match = /^matrix\(([^)]+)\)$/.exec(getComputedStyle(stage).transform ?? "");
+  const values = match?.[1]?.split(",").map(Number);
+  if (!values || values.length !== 6 || values.some(value => !Number.isFinite(value)) || !values[0]) return fallback;
+  return {
+    scale: values[0],
+    x: values[4] ?? 0,
+    y: values[5] ?? 0
+  };
+};
+const ActionButton = props => {
+  const [pending, setPending] = createSignal(false);
+  const run = async () => {
+    if (pending()) return;
+    setPending(true);
+    try {
+      await props.action.onSelect();
+    } catch (error) {
+      console.error("Zoom-pan action failed", error);
+    } finally {
+      setPending(false);
+    }
+  };
+  return _$createComponent(Button, {
+    variant: "secondary",
+    get loading() {
+      return pending();
+    },
+    onClick: () => void run(),
+    get children() {
+      return [_$createComponent(Show, {
+        get when() {
+          return props.action.icon;
+        },
+        children: icon => (() => {
+          var _el$ = _$getNextElement(_tmpl$);
+          _$effect(() => _$className(_el$, icon()));
+          return _el$;
+        })()
+      }), _$memo(() => props.action.label)];
+    }
+  });
+};
+
+/**
+ * Makes any content zoomable (fit to 8×) and pannable with buttons, Ctrl/Cmd +
+ * wheel, pinch, drag, and keys. It applies a CSS transform, so vector content
+ * stays crisp and is never re-rendered. The view always starts at fit.
+ */
+export function ZoomPanViewport(props) {
+  const messages = useUiMessages();
+  const locale = useLocale();
+  const [transform, setTransform] = createSignal(ZOOM_PAN_FIT);
+  const [smooth, setSmooth] = createSignal(false);
+  const [dragging, setDragging] = createSignal(false);
+  let root;
+  let stage;
+  const pointers = new Map();
+  let drag;
+  let pinch;
+  let suppressClick = false;
+  const zoomed = () => transform().scale > 1;
+  const geometry = () => {
+    const rect = root?.getBoundingClientRect();
+    const width = rect?.width ?? 0;
+    const height = rect?.height ?? 0;
+    const content = stage?.firstElementChild?.getBoundingClientRect();
+    if (!rect || !stage || !content || content.width <= 0 || content.height <= 0) {
+      return {
+        width,
+        height,
+        content: {
+          left: 0,
+          top: 0,
+          width,
+          height
+        }
+      };
+    }
+    const current = renderedTransform(stage, transform());
+    return {
+      width,
+      height,
+      content: {
+        left: (content.left - rect.left - current.x) / current.scale,
+        top: (content.top - rect.top - current.y) / current.scale,
+        width: content.width / current.scale,
+        height: content.height / current.scale
+      }
+    };
+  };
+  const apply = (next, animate) => {
+    setSmooth(animate);
+    setTransform(next);
+  };
+  const local = event => {
+    const rect = root?.getBoundingClientRect();
+    return {
+      x: event.clientX - (rect?.left ?? 0),
+      y: event.clientY - (rect?.top ?? 0)
+    };
+  };
+  const zoomBy = (factor, point, animate = true) => {
+    const box = geometry();
+    const current = transform();
+    apply(zoomZoomPanAt(current, current.scale * factor, point ?? {
+      x: box.width / 2,
+      y: box.height / 2
+    }, box), animate);
+  };
+  const reset = () => apply(ZOOM_PAN_FIT, true);
+  const openFullscreen = () => {
+    const fullscreen = props.fullscreen;
+    if (!fullscreen) return;
+    const currentLocale = locale();
+    void dialogCore.open(close => _$createComponent(LocaleProvider, {
+      locale: currentLocale,
+      get children() {
+        var _el$2 = _$getNextElement(_tmpl$3),
+          _el$9 = _el$2.firstChild,
+          [_el$0, _co$3] = _$getNextMarker(_el$9.nextSibling),
+          _el$3 = _el$0.nextSibling,
+          _el$5 = _el$3.firstChild,
+          [_el$6, _co$] = _$getNextMarker(_el$5.nextSibling),
+          _el$7 = _el$6.nextSibling,
+          [_el$8, _co$2] = _$getNextMarker(_el$7.nextSibling);
+        _$insert(_el$2, _$createComponent(DialogHeader, {
+          get title() {
+            return fullscreen.title;
+          },
+          close: () => close()
+        }), _el$0, _co$3);
+        _$insert(_el$3, _$createComponent(ZoomPanViewport, {
+          get label() {
+            return props.label;
+          },
+          get children() {
+            return fullscreen.content();
+          }
+        }), _el$6, _co$);
+        _$insert(_el$3, _$createComponent(Show, {
+          get when() {
+            return fullscreen.actions?.length;
+          },
+          get children() {
+            var _el$4 = _$getNextElement(_tmpl$2);
+            _$insert(_el$4, _$createComponent(For, {
+              get each() {
+                return fullscreen.actions;
+              },
+              children: action => _$createComponent(ActionButton, {
+                action: action
+              })
+            }));
+            return _el$4;
+          }
+        }), _el$8, _co$2);
+        return _el$2;
+      }
+    }), {
+      panelClassName: "k2b-dialog k2b-dialog--full",
+      ariaLabel: fullscreen.title,
+      initialFocus: dialog => dialog.querySelector(".k2b-zoom-pan")
+    });
+  };
+  const handleKeyDown = event => {
+    if (event.target !== root || event.ctrlKey || event.metaKey || event.altKey) return;
+    const key = event.key;
+    if (key === "+" || key === "=") zoomBy(ZOOM_PAN_STEP);else if (key === "-" || key === "_") zoomBy(1 / ZOOM_PAN_STEP);else if (key === "0") reset();else if ((key === "f" || key === "F") && props.fullscreen) openFullscreen();else {
+      const delta = PAN_KEYS[key];
+      // At fit the arrow keys keep scrolling the page.
+      if (!delta || !zoomed()) return;
+      apply(panZoomPan(transform(), delta[0], delta[1], geometry()), true);
+    }
+    event.preventDefault();
+  };
+
+  // Plain wheel keeps scrolling the page; Ctrl/Cmd + wheel (and trackpad pinch) zooms toward the pointer.
+  const handleWheel = event => {
+    if (!event.ctrlKey && !event.metaKey) return;
+    event.preventDefault();
+    const lines = event.deltaMode === 1 ? 16 : event.deltaMode === 2 ? 400 : 1;
+    const delta = Math.max(-50, Math.min(50, event.deltaY * lines));
+    zoomBy(Math.exp(-delta / 100), local(event), false);
+  };
+  const handlePointerDown = event => {
+    if (event.button !== 0 || event.target.closest("button, a, input, select, textarea")) return;
+    pointers.set(event.pointerId, local(event));
+    if (pointers.size === 2) {
+      const [first, second] = [...pointers.values()];
+      pinch = {
+        distance: Math.max(1, Math.hypot(second.x - first.x, second.y - first.y)),
+        center: {
+          x: (first.x + second.x) / 2,
+          y: (first.y + second.y) / 2
+        },
+        origin: transform()
+      };
+      drag = undefined;
+    } else if (pointers.size === 1 && zoomed()) {
+      // Panning starts only above fit, so clicks and text selection keep working at fit.
+      drag = {
+        id: event.pointerId,
+        x: event.clientX,
+        y: event.clientY,
+        origin: transform(),
+        moved: false
+      };
+    } else return;
+    try {
+      event.currentTarget.setPointerCapture(event.pointerId);
+    } catch {
+      // A synthetic or already released pointer cannot be captured; moves still arrive while inside.
+    }
+  };
+  const handlePointerMove = event => {
+    if (!pointers.has(event.pointerId)) return;
+    pointers.set(event.pointerId, local(event));
+    if (pinch && pointers.size >= 2) {
+      const [first, second] = [...pointers.values()];
+      const distance = Math.hypot(second.x - first.x, second.y - first.y);
+      const center = {
+        x: (first.x + second.x) / 2,
+        y: (first.y + second.y) / 2
+      };
+      const box = geometry();
+      const scaled = zoomZoomPanAt(pinch.origin, pinch.origin.scale * (distance / pinch.distance), pinch.center, box);
+      apply(panZoomPan(scaled, center.x - pinch.center.x, center.y - pinch.center.y, box), false);
+      return;
+    }
+    if (drag?.id !== event.pointerId) return;
+    const dx = event.clientX - drag.x;
+    const dy = event.clientY - drag.y;
+    if (!drag.moved && Math.hypot(dx, dy) < DRAG_THRESHOLD) return;
+    drag.moved = true;
+    setDragging(true);
+    apply(panZoomPan(drag.origin, dx, dy, geometry()), false);
+  };
+  const handlePointerEnd = event => {
+    pointers.delete(event.pointerId);
+    if (pointers.size < 2) pinch = undefined;
+    if (drag?.id !== event.pointerId) return;
+    if (drag.moved) {
+      // The click that follows this pointerup (if the browser sends one) comes in the same task.
+      suppressClick = true;
+      setTimeout(() => {
+        suppressClick = false;
+      });
+    }
+    drag = undefined;
+    setDragging(false);
+  };
+  onMount(() => {
+    const element = root;
+    if (!element) return;
+    // A drag must not also count as a click on the content or its owner.
+    const click = event => {
+      if (!suppressClick) return;
+      suppressClick = false;
+      event.preventDefault();
+      event.stopPropagation();
+    };
+    // Keep a two-finger gesture for pinch zoom instead of page panning.
+    const touchMove = event => {
+      if (event.touches.length > 1) event.preventDefault();
+    };
+    element.addEventListener("click", click, true);
+    element.addEventListener("touchmove", touchMove, {
+      passive: false
+    });
+    const observer = typeof ResizeObserver === "undefined" ? undefined : new ResizeObserver(() => apply(clampZoomPan(transform(), geometry()), false));
+    observer?.observe(element);
+    onCleanup(() => {
+      element.removeEventListener("click", click, true);
+      element.removeEventListener("touchmove", touchMove);
+      observer?.disconnect();
+    });
+  });
+  const control = (label, shortcut, icon, action) => (() => {
+    var _el$1 = _$getNextElement(_tmpl$4),
+      _el$10 = _el$1.firstChild;
+    _$addEventListener(_el$1, "click", action, true);
+    _$setAttribute(_el$1, "aria-label", label);
+    _$setAttribute(_el$1, "title", `${label} (${shortcut})`);
+    _$className(_el$10, `ti ${icon}`);
+    _$runHydrationEvents();
+    return _el$1;
+  })();
+  return (() => {
+    var _el$11 = _$getNextElement(_tmpl$5),
+      _el$12 = _el$11.firstChild,
+      _el$13 = _el$12.nextSibling,
+      _el$14 = _el$13.firstChild,
+      [_el$15, _co$4] = _$getNextMarker(_el$14.nextSibling),
+      _el$16 = _el$15.nextSibling,
+      [_el$17, _co$5] = _$getNextMarker(_el$16.nextSibling),
+      _el$18 = _el$17.nextSibling,
+      [_el$19, _co$6] = _$getNextMarker(_el$18.nextSibling),
+      _el$20 = _el$19.nextSibling,
+      [_el$21, _co$7] = _$getNextMarker(_el$20.nextSibling);
+    _el$11.addEventListener("pointercancel", handlePointerEnd);
+    _el$11.$$pointerup = handlePointerEnd;
+    _el$11.$$pointermove = handlePointerMove;
+    _el$11.$$pointerdown = handlePointerDown;
+    _el$11.addEventListener("wheel", handleWheel);
+    _el$11.$$keydown = handleKeyDown;
+    var _ref$ = root;
+    typeof _ref$ === "function" ? _$use(_ref$, _el$11) : root = _el$11;
+    var _ref$2 = stage;
+    typeof _ref$2 === "function" ? _$use(_ref$2, _el$12) : stage = _el$12;
+    _$insert(_el$12, () => props.children);
+    _$insert(_el$13, () => control(messages().zoomIn, "+", "ti-plus", () => zoomBy(ZOOM_PAN_STEP)), _el$15, _co$4);
+    _$insert(_el$13, () => control(messages().zoomOut, "-", "ti-minus", () => zoomBy(1 / ZOOM_PAN_STEP)), _el$17, _co$5);
+    _$insert(_el$13, () => control(messages().resetZoom, "0", "ti-focus-centered", reset), _el$19, _co$6);
+    _$insert(_el$13, _$createComponent(Show, {
+      get when() {
+        return props.fullscreen;
+      },
+      get children() {
+        return control(messages().openFullscreen, "F", "ti-maximize", openFullscreen);
+      }
+    }), _el$21, _co$7);
+    _$effect(_p$ => {
+      var _v$ = `k2b-zoom-pan ${props.class ?? ""}`,
+        _v$2 = props.style,
+        _v$3 = props.label,
+        _v$4 = messages().zoomPanKeys,
+        _v$5 = props.controls ?? "visible",
+        _v$6 = zoomed() ? "true" : undefined,
+        _v$7 = dragging() ? "true" : undefined,
+        _v$8 = smooth() ? "true" : undefined,
+        _v$9 = `translate(${transform().x}px, ${transform().y}px) scale(${transform().scale})`;
+      _v$ !== _p$.e && _$className(_el$11, _p$.e = _v$);
+      _p$.t = _$style(_el$11, _v$2, _p$.t);
+      _v$3 !== _p$.a && _$setAttribute(_el$11, "aria-label", _p$.a = _v$3);
+      _v$4 !== _p$.o && _$setAttribute(_el$11, "aria-description", _p$.o = _v$4);
+      _v$5 !== _p$.i && _$setAttribute(_el$11, "data-controls", _p$.i = _v$5);
+      _v$6 !== _p$.n && _$setAttribute(_el$11, "data-zoomed", _p$.n = _v$6);
+      _v$7 !== _p$.s && _$setAttribute(_el$11, "data-dragging", _p$.s = _v$7);
+      _v$8 !== _p$.h && _$setAttribute(_el$12, "data-smooth", _p$.h = _v$8);
+      _v$9 !== _p$.r && _$setStyleProperty(_el$12, "transform", _p$.r = _v$9);
+      return _p$;
+    }, {
+      e: undefined,
+      t: undefined,
+      a: undefined,
+      o: undefined,
+      i: undefined,
+      n: undefined,
+      s: undefined,
+      h: undefined,
+      r: undefined
+    });
+    _$runHydrationEvents();
+    return _el$11;
+  })();
+}
+_$delegateEvents(["click", "keydown", "pointerdown", "pointermove", "pointerup"]);
+//# sourceMappingURL=ZoomPanViewport.js.map

package/dist/browser/content/ZoomPanViewport.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["content/ZoomPanViewport.tsx"],"sourcesContent":["import { createSignal, For, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { Button } from \"../actions/Button\";\nimport { dialogCore } from \"../feedback/dialog-core\";\nimport { DialogHeader } from \"../feedback/prompts\";\nimport { LocaleProvider, useLocale } from \"../intl/locale\";\nimport { useUiMessages } from \"../intl/messages\";\nimport {\n  clampZoomPan,\n  panZoomPan,\n  ZOOM_PAN_FIT,\n  ZOOM_PAN_STEP,\n  type ZoomPanGeometry,\n  type ZoomPanTransform,\n  zoomZoomPanAt,\n} from \"./zoom-pan\";\n\nexport type ZoomPanAction = {\n  label: string;\n  icon?: string;\n  /** Runs the action; the button shows a pending state until a returned promise settles. Handle failures here. */\n  onSelect: () => void | Promise<void>;\n};\n\nexport type ZoomPanFullscreen = {\n  /** Heading and accessible name of the fullscreen dialog. */\n  title: string;\n  /** Renders a fresh copy of the content for the dialog. Called once per opening. */\n  content: () => JSX.Element;\n  /** Actions shown in the fullscreen dialog, for example exports. */\n  actions?: readonly ZoomPanAction[];\n};\n\nexport type ZoomPanViewportProps = {\n  /** Accessible name of the focusable viewport. */\n  label: string;\n  /** The zoomable content. Its first element is measured to keep it on screen. */\n  children: JSX.Element;\n  /** Enables the fullscreen control and the `F` shortcut. */\n  fullscreen?: ZoomPanFullscreen;\n  /** `hover` reveals the controls on hover, on focus, and while zoomed in. Touch screens always show them. */\n  controls?: \"visible\" | \"hover\";\n  class?: string;\n  style?: JSX.CSSProperties;\n};\n\nconst PAN_KEY_STEP = 48;\nconst DRAG_THRESHOLD = 4;\nconst PAN_KEYS: Record<string, readonly [number, number]> = {\n  ArrowLeft: [PAN_KEY_STEP, 0],\n  ArrowRight: [-PAN_KEY_STEP, 0],\n  ArrowUp: [0, PAN_KEY_STEP],\n  ArrowDown: [0, -PAN_KEY_STEP],\n};\n\n/** Current screen transform of the stage, including a running CSS transition. */\nconst renderedTransform = (stage: HTMLElement, fallback: ZoomPanTransform): ZoomPanTransform => {\n  const match = /^matrix\\(([^)]+)\\)$/.exec(getComputedStyle(stage).transform ?? \"\");\n  const values = match?.[1]?.split(\",\").map(Number);\n  if (!values || values.length !== 6 || values.some((value) => !Number.isFinite(value)) || !values[0]) return fallback;\n  return { scale: values[0], x: values[4] ?? 0, y: values[5] ?? 0 };\n};\n\nconst ActionButton = (props: { action: ZoomPanAction }): JSX.Element => {\n  const [pending, setPending] = createSignal(false);\n  const run = async () => {\n    if (pending()) return;\n    setPending(true);\n    try {\n      await props.action.onSelect();\n    } catch (error) {\n      console.error(\"Zoom-pan action failed\", error);\n    } finally {\n      setPending(false);\n    }\n  };\n  return (\n    <Button variant=\"secondary\" loading={pending()} onClick={() => void run()}>\n      <Show when={props.action.icon}>{(icon) => <i class={icon()} aria-hidden=\"true\" />}</Show>\n      {props.action.label}\n    </Button>\n  );\n};\n\n/**\n * Makes any content zoomable (fit to 8×) and pannable with buttons, Ctrl/Cmd +\n * wheel, pinch, drag, and keys. It applies a CSS transform, so vector content\n * stays crisp and is never re-rendered. The view always starts at fit.\n */\nexport function ZoomPanViewport(props: ZoomPanViewportProps): JSX.Element {\n  const messages = useUiMessages();\n  const locale = useLocale();\n  const [transform, setTransform] = createSignal<ZoomPanTransform>(ZOOM_PAN_FIT);\n  const [smooth, setSmooth] = createSignal(false);\n  const [dragging, setDragging] = createSignal(false);\n  let root: HTMLDivElement | undefined;\n  let stage: HTMLDivElement | undefined;\n  const pointers = new Map<number, { x: number; y: number }>();\n  let drag: { id: number; x: number; y: number; origin: ZoomPanTransform; moved: boolean } | undefined;\n  let pinch: { distance: number; center: { x: number; y: number }; origin: ZoomPanTransform } | undefined;\n  let suppressClick = false;\n\n  const zoomed = () => transform().scale > 1;\n\n  const geometry = (): ZoomPanGeometry => {\n    const rect = root?.getBoundingClientRect();\n    const width = rect?.width ?? 0;\n    const height = rect?.height ?? 0;\n    const content = stage?.firstElementChild?.getBoundingClientRect();\n    if (!rect || !stage || !content || content.width <= 0 || content.height <= 0) {\n      return { width, height, content: { left: 0, top: 0, width, height } };\n    }\n    const current = renderedTransform(stage, transform());\n    return {\n      width,\n      height,\n      content: {\n        left: (content.left - rect.left - current.x) / current.scale,\n        top: (content.top - rect.top - current.y) / current.scale,\n        width: content.width / current.scale,\n        height: content.height / current.scale,\n      },\n    };\n  };\n\n  const apply = (next: ZoomPanTransform, animate: boolean) => {\n    setSmooth(animate);\n    setTransform(next);\n  };\n\n  const local = (event: { clientX: number; clientY: number }) => {\n    const rect = root?.getBoundingClientRect();\n    return { x: event.clientX - (rect?.left ?? 0), y: event.clientY - (rect?.top ?? 0) };\n  };\n\n  const zoomBy = (factor: number, point?: { x: number; y: number }, animate = true) => {\n    const box = geometry();\n    const current = transform();\n    apply(zoomZoomPanAt(current, current.scale * factor, point ?? { x: box.width / 2, y: box.height / 2 }, box), animate);\n  };\n\n  const reset = () => apply(ZOOM_PAN_FIT, true);\n\n  const openFullscreen = () => {\n    const fullscreen = props.fullscreen;\n    if (!fullscreen) return;\n    const currentLocale = locale();\n    void dialogCore.open<void>(\n      (close) => (\n        <LocaleProvider locale={currentLocale}>\n          <div class=\"k2b-dialog__panel k2b-dialog__stack\">\n            <DialogHeader title={fullscreen.title} close={() => close()} />\n            <div class=\"k2b-zoom-pan-dialog\">\n              <ZoomPanViewport label={props.label}>{fullscreen.content()}</ZoomPanViewport>\n              <Show when={fullscreen.actions?.length}>\n                <footer class=\"k2b-dialog__actions\">\n                  <For each={fullscreen.actions}>{(action) => <ActionButton action={action} />}</For>\n                </footer>\n              </Show>\n            </div>\n          </div>\n        </LocaleProvider>\n      ),\n      {\n        panelClassName: \"k2b-dialog k2b-dialog--full\",\n        ariaLabel: fullscreen.title,\n        initialFocus: (dialog) => dialog.querySelector<HTMLElement>(\".k2b-zoom-pan\"),\n      },\n    );\n  };\n\n  const handleKeyDown: JSX.EventHandler<HTMLDivElement, KeyboardEvent> = (event) => {\n    if (event.target !== root || event.ctrlKey || event.metaKey || event.altKey) return;\n    const key = event.key;\n    if (key === \"+\" || key === \"=\") zoomBy(ZOOM_PAN_STEP);\n    else if (key === \"-\" || key === \"_\") zoomBy(1 / ZOOM_PAN_STEP);\n    else if (key === \"0\") reset();\n    else if ((key === \"f\" || key === \"F\") && props.fullscreen) openFullscreen();\n    else {\n      const delta = PAN_KEYS[key];\n      // At fit the arrow keys keep scrolling the page.\n      if (!delta || !zoomed()) return;\n      apply(panZoomPan(transform(), delta[0], delta[1], geometry()), true);\n    }\n    event.preventDefault();\n  };\n\n  // Plain wheel keeps scrolling the page; Ctrl/Cmd + wheel (and trackpad pinch) zooms toward the pointer.\n  const handleWheel: JSX.EventHandler<HTMLDivElement, WheelEvent> = (event) => {\n    if (!event.ctrlKey && !event.metaKey) return;\n    event.preventDefault();\n    const lines = event.deltaMode === 1 ? 16 : event.deltaMode === 2 ? 400 : 1;\n    const delta = Math.max(-50, Math.min(50, event.deltaY * lines));\n    zoomBy(Math.exp(-delta / 100), local(event), false);\n  };\n\n  const handlePointerDown: JSX.EventHandler<HTMLDivElement, PointerEvent> = (event) => {\n    if (event.button !== 0 || (event.target as Element).closest(\"button, a, input, select, textarea\")) return;\n    pointers.set(event.pointerId, local(event));\n    if (pointers.size === 2) {\n      const [first, second] = [...pointers.values()] as [{ x: number; y: number }, { x: number; y: number }];\n      pinch = {\n        distance: Math.max(1, Math.hypot(second.x - first.x, second.y - first.y)),\n        center: { x: (first.x + second.x) / 2, y: (first.y + second.y) / 2 },\n        origin: transform(),\n      };\n      drag = undefined;\n    } else if (pointers.size === 1 && zoomed()) {\n      // Panning starts only above fit, so clicks and text selection keep working at fit.\n      drag = { id: event.pointerId, x: event.clientX, y: event.clientY, origin: transform(), moved: false };\n    } else return;\n    try {\n      event.currentTarget.setPointerCapture(event.pointerId);\n    } catch {\n      // A synthetic or already released pointer cannot be captured; moves still arrive while inside.\n    }\n  };\n\n  const handlePointerMove: JSX.EventHandler<HTMLDivElement, PointerEvent> = (event) => {\n    if (!pointers.has(event.pointerId)) return;\n    pointers.set(event.pointerId, local(event));\n    if (pinch && pointers.size >= 2) {\n      const [first, second] = [...pointers.values()] as [{ x: number; y: number }, { x: number; y: number }];\n      const distance = Math.hypot(second.x - first.x, second.y - first.y);\n      const center = { x: (first.x + second.x) / 2, y: (first.y + second.y) / 2 };\n      const box = geometry();\n      const scaled = zoomZoomPanAt(pinch.origin, pinch.origin.scale * (distance / pinch.distance), pinch.center, box);\n      apply(panZoomPan(scaled, center.x - pinch.center.x, center.y - pinch.center.y, box), false);\n      return;\n    }\n    if (drag?.id !== event.pointerId) return;\n    const dx = event.clientX - drag.x;\n    const dy = event.clientY - drag.y;\n    if (!drag.moved && Math.hypot(dx, dy) < DRAG_THRESHOLD) return;\n    drag.moved = true;\n    setDragging(true);\n    apply(panZoomPan(drag.origin, dx, dy, geometry()), false);\n  };\n\n  const handlePointerEnd: JSX.EventHandler<HTMLDivElement, PointerEvent> = (event) => {\n    pointers.delete(event.pointerId);\n    if (pointers.size < 2) pinch = undefined;\n    if (drag?.id !== event.pointerId) return;\n    if (drag.moved) {\n      // The click that follows this pointerup (if the browser sends one) comes in the same task.\n      suppressClick = true;\n      setTimeout(() => {\n        suppressClick = false;\n      });\n    }\n    drag = undefined;\n    setDragging(false);\n  };\n\n  onMount(() => {\n    const element = root;\n    if (!element) return;\n    // A drag must not also count as a click on the content or its owner.\n    const click = (event: MouseEvent) => {\n      if (!suppressClick) return;\n      suppressClick = false;\n      event.preventDefault();\n      event.stopPropagation();\n    };\n    // Keep a two-finger gesture for pinch zoom instead of page panning.\n    const touchMove = (event: TouchEvent) => {\n      if (event.touches.length > 1) event.preventDefault();\n    };\n    element.addEventListener(\"click\", click, true);\n    element.addEventListener(\"touchmove\", touchMove, { passive: false });\n    const observer =\n      typeof ResizeObserver === \"undefined\" ? undefined : new ResizeObserver(() => apply(clampZoomPan(transform(), geometry()), false));\n    observer?.observe(element);\n    onCleanup(() => {\n      element.removeEventListener(\"click\", click, true);\n      element.removeEventListener(\"touchmove\", touchMove);\n      observer?.disconnect();\n    });\n  });\n\n  const control = (label: string, shortcut: string, icon: string, action: () => void) => (\n    <button\n      type=\"button\"\n      class=\"k2b-button k2b-icon-button\"\n      data-variant=\"secondary\"\n      aria-label={label}\n      title={`${label} (${shortcut})`}\n      onClick={action}\n    >\n      <i class={`ti ${icon}`} aria-hidden=\"true\" />\n    </button>\n  );\n\n  return (\n    <div\n      ref={root}\n      class={`k2b-zoom-pan ${props.class ?? \"\"}`}\n      style={props.style}\n      role=\"group\"\n      aria-label={props.label}\n      aria-description={messages().zoomPanKeys}\n      tabIndex={0}\n      data-controls={props.controls ?? \"visible\"}\n      data-zoomed={zoomed() ? \"true\" : undefined}\n      data-dragging={dragging() ? \"true\" : undefined}\n      onKeyDown={handleKeyDown}\n      onWheel={handleWheel}\n      onPointerDown={handlePointerDown}\n      onPointerMove={handlePointerMove}\n      onPointerUp={handlePointerEnd}\n      onPointerCancel={handlePointerEnd}\n    >\n      <div\n        ref={stage}\n        class=\"k2b-zoom-pan__stage\"\n        data-smooth={smooth() ? \"true\" : undefined}\n        style={{ transform: `translate(${transform().x}px, ${transform().y}px) scale(${transform().scale})` }}\n      >\n        {props.children}\n      </div>\n      <div class=\"k2b-zoom-pan__controls\">\n        {control(messages().zoomIn, \"+\", \"ti-plus\", () => zoomBy(ZOOM_PAN_STEP))}\n        {control(messages().zoomOut, \"-\", \"ti-minus\", () => zoomBy(1 / ZOOM_PAN_STEP))}\n        {control(messages().resetZoom, \"0\", \"ti-focus-centered\", reset)}\n        <Show when={props.fullscreen}>{control(messages().openFullscreen, \"F\", \"ti-maximize\", openFullscreen)}</Show>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,SAAS,YAAY,EAAE,GAAG,EAAY,SAAS,EAAE,OAAO,EAAE,IAAI,QAAQ,UAAU;AAChF,SAAS,MAAM,QAAQ,mBAAmB;AAC1C,SAAS,UAAU,QAAQ,yBAAyB;AACpD,SAAS,YAAY,QAAQ,qBAAqB;AAClD,SAAS,cAAc,EAAE,SAAS,QAAQ,gBAAgB;AAC1D,SAAS,aAAa,QAAQ,kBAAkB;AAChD,SACE,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,aAAa,EAGb,aAAa,QACR,YAAY;AA+BnB,MAAM,YAAY,GAAG,EAAE;AACvB,MAAM,cAAc,GAAG,CAAC;AACxB,MAAM,QAAmD,GAAG;EAC1D,SAAS,EAAE,CAAC,YAAY,EAAE,CAAC,CAAC;EAC5B,UAAU,EAAE,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC;EAC9B,OAAO,EAAE,CAAC,CAAC,EAAE,YAAY,CAAC;EAC1B,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,YAAY;AAC9B,CAAC;;AAED;AACA,MAAM,iBAAiB,GAAG,CAAC,KAAkB,EAAE,QAA0B,KAAuB;EAC9F,MAAM,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC;EACjF,MAAM,MAAM,GAAG,KAAK,GAAG,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC;EACjD,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,IAAI,CAAE,KAAK,IAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,QAAQ;EACpH,OAAO;IAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAAE,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IAAE,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI;EAAE,CAAC;AACnE,CAAC;AAED,MAAM,YAAY,GAAI,KAAgC,IAAkB;EACtE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;EACjD,MAAM,GAAG,GAAG,YAAY;IACtB,IAAI,OAAO,CAAC,CAAC,EAAE;IACf,UAAU,CAAC,IAAI,CAAC;IAChB,IAAI;MACF,MAAM,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC,OAAO,KAAK,EAAE;MACd,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,KAAK,CAAC;IAChD,CAAC,SAAS;MACR,UAAU,CAAC,KAAK,CAAC;IACnB;EACF,CAAC;EACD,yBACG,MAAM;IAAC,OAAO;IAAA,IAAa,OAAO;MAAA,OAAE,OAAO,CAAC,CAAC;IAAA;IAAE,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC,CAAC;IAAA;MAAA,0BACtE,IAAI;QAAA,IAAC,IAAI;UAAA,OAAE,KAAK,CAAC,MAAM,CAAC,IAAI;QAAA;QAAA,UAAI,IAAI;UAAA;UAAA,iCAAe,IAAI,CAAC,CAAC;UAAA;QAAA;MAAuB,iBAChF,KAAK,CAAC,MAAM,CAAC,KAAK;IAAA;EAAA;AAGzB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,OAAO,SAAS,eAAe,CAAC,KAA2B,EAAe;EACxE,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,YAAY,CAAmB,YAAY,CAAC;EAC9E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;EAC/C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC;EACnD,IAAI,IAAgC;EACpC,IAAI,KAAiC;EACrC,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAmC,CAAC;EAC5D,IAAI,IAAgG;EACpG,IAAI,KAAmG;EACvG,IAAI,aAAa,GAAG,KAAK;EAEzB,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC;EAE1C,MAAM,QAAQ,GAAG,MAAuB;IACtC,MAAM,IAAI,GAAG,IAAI,EAAE,qBAAqB,CAAC,CAAC;IAC1C,MAAM,KAAK,GAAG,IAAI,EAAE,KAAK,IAAI,CAAC;IAC9B,MAAM,MAAM,GAAG,IAAI,EAAE,MAAM,IAAI,CAAC;IAChC,MAAM,OAAO,GAAG,KAAK,EAAE,iBAAiB,EAAE,qBAAqB,CAAC,CAAC;IACjE,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,KAAK,IAAI,CAAC,IAAI,OAAO,CAAC,MAAM,IAAI,CAAC,EAAE;MAC5E,OAAO;QAAE,KAAK;QAAE,MAAM;QAAE,OAAO,EAAE;UAAE,IAAI,EAAE,CAAC;UAAE,GAAG,EAAE,CAAC;UAAE,KAAK;UAAE;QAAO;MAAE,CAAC;IACvE;IACA,MAAM,OAAO,GAAG,iBAAiB,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IACrD,OAAO;MACL,KAAK;MACL,MAAM;MACN,OAAO,EAAE;QACP,IAAI,EAAE,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC,IAAI,OAAO,CAAC,KAAK;QAC5D,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC,CAAC,IAAI,OAAO,CAAC,KAAK;QACzD,KAAK,EAAE,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK;QACpC,MAAM,EAAE,OAAO,CAAC,MAAM,GAAG,OAAO,CAAC;MACnC;IACF,CAAC;EACH,CAAC;EAED,MAAM,KAAK,GAAG,CAAC,IAAsB,EAAE,OAAgB,KAAK;IAC1D,SAAS,CAAC,OAAO,CAAC;IAClB,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC;EAED,MAAM,KAAK,GAAI,KAA2C,IAAK;IAC7D,MAAM,IAAI,GAAG,IAAI,EAAE,qBAAqB,CAAC,CAAC;IAC1C,OAAO;MAAE,CAAC,EAAE,KAAK,CAAC,OAAO,IAAI,IAAI,EAAE,IAAI,IAAI,CAAC,CAAC;MAAE,CAAC,EAAE,KAAK,CAAC,OAAO,IAAI,IAAI,EAAE,GAAG,IAAI,CAAC;IAAE,CAAC;EACtF,CAAC;EAED,MAAM,MAAM,GAAG,CAAC,MAAc,EAAE,KAAgC,EAAE,OAAO,GAAG,IAAI,KAAK;IACnF,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC;IACtB,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC;IAC3B,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,GAAG,MAAM,EAAE,KAAK,IAAI;MAAE,CAAC,EAAE,GAAG,CAAC,KAAK,GAAG,CAAC;MAAE,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG;IAAE,CAAC,EAAE,GAAG,CAAC,EAAE,OAAO,CAAC;EACvH,CAAC;EAED,MAAM,KAAK,GAAG,MAAM,KAAK,CAAC,YAAY,EAAE,IAAI,CAAC;EAE7C,MAAM,cAAc,GAAG,MAAM;IAC3B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU;IACnC,IAAI,CAAC,UAAU,EAAE;IACjB,MAAM,aAAa,GAAG,MAAM,CAAC,CAAC;IAC9B,KAAK,UAAU,CAAC,IAAI,CACjB,KAAK,sBACH,cAAc;MAAC,MAAM,EAAE,aAAa;MAAA;QAAA;UAAA;UAAA;UAAA;UAAA;UAAA;UAAA;UAAA;QAAA,kCAEhC,YAAY;UAAA,IAAC,KAAK;YAAA,OAAE,UAAU,CAAC,KAAK;UAAA;UAAE,KAAK,EAAE,MAAM,KAAK,CAAC;QAAC;QAAA,kCAExD,eAAe;UAAA,IAAC,KAAK;YAAA,OAAE,KAAK,CAAC,KAAK;UAAA;UAAA;YAAA,OAAG,UAAU,CAAC,OAAO,CAAC,CAAC;UAAA;QAAA;QAAA,kCACzD,IAAI;UAAA,IAAC,IAAI;YAAA,OAAE,UAAU,CAAC,OAAO,EAAE,MAAM;UAAA;UAAA;YAAA;YAAA,kCAEjC,GAAG;cAAA,IAAC,IAAI;gBAAA,OAAE,UAAU,CAAC,OAAO;cAAA;cAAA,UAAI,MAAM,sBAAM,YAAY;gBAAC,MAAM,EAAE;cAAM;YAAI;YAAA;UAAA;QAAA;QAAA;MAAA;IAAA,EAMvF,EACD;MACE,cAAc,EAAE,6BAA6B;MAC7C,SAAS,EAAE,UAAU,CAAC,KAAK;MAC3B,YAAY,EAAG,MAAM,IAAK,MAAM,CAAC,aAAa,CAAc,eAAe;IAC7E,CACF,CAAC;EACH,CAAC;EAED,MAAM,aAA8D,GAAI,KAAK,IAAK;IAChF,IAAI,KAAK,CAAC,MAAM,KAAK,IAAI,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,EAAE;IAC7E,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG;IACrB,IAAI,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,GAAG,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC,KACjD,IAAI,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,GAAG,EAAE,MAAM,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,KAC1D,IAAI,GAAG,KAAK,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,KACzB,IAAI,CAAC,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,KAAK,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,KACvE;MACH,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC;MAC3B;MACA,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE;MACzB,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC;IACtE;IACA,KAAK,CAAC,cAAc,CAAC,CAAC;EACxB,CAAC;;EAED;EACA,MAAM,WAAyD,GAAI,KAAK,IAAK;IAC3E,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;IACtC,KAAK,CAAC,cAAc,CAAC,CAAC;IACtB,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,KAAK,CAAC,GAAG,EAAE,GAAG,KAAK,CAAC,SAAS,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;IAC1E,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC;IAC/D,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;EACrD,CAAC;EAED,MAAM,iBAAiE,GAAI,KAAK,IAAK;IACnF,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAK,KAAK,CAAC,MAAM,CAAa,OAAO,CAAC,oCAAoC,CAAC,EAAE;IACnG,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAC3C,IAAI,QAAQ,CAAC,IAAI,KAAK,CAAC,EAAE;MACvB,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAyD;MACtG,KAAK,GAAG;QACN,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACzE,MAAM,EAAE;UAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,IAAI,CAAC;UAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,IAAI;QAAE,CAAC;QACpE,MAAM,EAAE,SAAS,CAAC;MACpB,CAAC;MACD,IAAI,GAAG,SAAS;IAClB,CAAC,MAAM,IAAI,QAAQ,CAAC,IAAI,KAAK,CAAC,IAAI,MAAM,CAAC,CAAC,EAAE;MAC1C;MACA,IAAI,GAAG;QAAE,EAAE,EAAE,KAAK,CAAC,SAAS;QAAE,CAAC,EAAE,KAAK,CAAC,OAAO;QAAE,CAAC,EAAE,KAAK,CAAC,OAAO;QAAE,MAAM,EAAE,SAAS,CAAC,CAAC;QAAE,KAAK,EAAE;MAAM,CAAC;IACvG,CAAC,MAAM;IACP,IAAI;MACF,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC;IACxD,CAAC,CAAC,MAAM;MACN;IAAA;EAEJ,CAAC;EAED,MAAM,iBAAiE,GAAI,KAAK,IAAK;IACnF,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE;IACpC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAC3C,IAAI,KAAK,IAAI,QAAQ,CAAC,IAAI,IAAI,CAAC,EAAE;MAC/B,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAyD;MACtG,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;MACnE,MAAM,MAAM,GAAG;QAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,IAAI,CAAC;QAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,IAAI;MAAE,CAAC;MAC3E,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC;MACtB,MAAM,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,EAAE,GAAG,CAAC;MAC/G,KAAK,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC;MAC3F;IACF;IACA,IAAI,IAAI,EAAE,EAAE,KAAK,KAAK,CAAC,SAAS,EAAE;IAClC,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IACjC,MAAM,EAAE,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IACjC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,cAAc,EAAE;IACxD,IAAI,CAAC,KAAK,GAAG,IAAI;IACjB,WAAW,CAAC,IAAI,CAAC;IACjB,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;EAC3D,CAAC;EAED,MAAM,gBAAgE,GAAI,KAAK,IAAK;IAClF,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC;IAChC,IAAI,QAAQ,CAAC,IAAI,GAAG,CAAC,EAAE,KAAK,GAAG,SAAS;IACxC,IAAI,IAAI,EAAE,EAAE,KAAK,KAAK,CAAC,SAAS,EAAE;IAClC,IAAI,IAAI,CAAC,KAAK,EAAE;MACd;MACA,aAAa,GAAG,IAAI;MACpB,UAAU,CAAC,MAAM;QACf,aAAa,GAAG,KAAK;MACvB,CAAC,CAAC;IACJ;IACA,IAAI,GAAG,SAAS;IAChB,WAAW,CAAC,KAAK,CAAC;EACpB,CAAC;EAED,OAAO,CAAC,MAAM;IACZ,MAAM,OAAO,GAAG,IAAI;IACpB,IAAI,CAAC,OAAO,EAAE;IACd;IACA,MAAM,KAAK,GAAI,KAAiB,IAAK;MACnC,IAAI,CAAC,aAAa,EAAE;MACpB,aAAa,GAAG,KAAK;MACrB,KAAK,CAAC,cAAc,CAAC,CAAC;MACtB,KAAK,CAAC,eAAe,CAAC,CAAC;IACzB,CAAC;IACD;IACA,MAAM,SAAS,GAAI,KAAiB,IAAK;MACvC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IACtD,CAAC;IACD,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC;IAC9C,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,SAAS,EAAE;MAAE,OAAO,EAAE;IAAM,CAAC,CAAC;IACpE,MAAM,QAAQ,GACZ,OAAO,cAAc,KAAK,WAAW,GAAG,SAAS,GAAG,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IACnI,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC;IAC1B,SAAS,CAAC,MAAM;MACd,OAAO,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC;MACjD,OAAO,CAAC,mBAAmB,CAAC,WAAW,EAAE,SAAS,CAAC;MACnD,QAAQ,EAAE,UAAU,CAAC,CAAC;IACxB,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,MAAM,OAAO,GAAG,CAAC,KAAa,EAAE,QAAgB,EAAE,IAAY,EAAE,MAAkB;IAAA;MAAA;IAAA,mCAOrE,MAAM;IAAA,oCAFH,KAAK;IAAA,+BACV,GAAG,KAAK,KAAK,QAAQ,GAAG;IAAA,oBAGrB,MAAM,IAAI,EAAE;IAAA;IAAA;EAAA,IAEzB;EAED;IAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA,yCAiBqB,gBAAgB;IAAA,qBADpB,gBAAgB;IAAA,uBADd,iBAAiB;IAAA,uBADjB,iBAAiB;IAAA,iCADvB,WAAW;IAAA,mBADT,aAAa;IAAA,YAVnB,IAAI;IAAA,qDAAJ,IAAI;IAAA,aAkBF,KAAK;IAAA,uDAAL,KAAK;IAAA,uBAKT,KAAK,CAAC,QAAQ;IAAA,uBAGd,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC,aAAa,CAAC,CAAC;IAAA,uBACvE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC;IAAA,uBAC7E,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,mBAAmB,EAAE,KAAK,CAAC;IAAA,mCAC9D,IAAI;MAAA,IAAC,IAAI;QAAA,OAAE,KAAK,CAAC,UAAU;MAAA;MAAA;QAAA,OAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,EAAE,GAAG,EAAE,aAAa,EAAE,cAAc,CAAC;MAAA;IAAA;IAAA;MAAA,UA5BhG,gBAAgB,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE;QAAA,OACnC,KAAK,CAAC,KAAK;QAAA,OAEN,KAAK,CAAC,KAAK;QAAA,OACL,QAAQ,CAAC,CAAC,CAAC,WAAW;QAAA,OAEzB,KAAK,CAAC,QAAQ,IAAI,SAAS;QAAA,OAC7B,MAAM,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS;QAAA,OAC3B,QAAQ,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS;QAAA,OAW/B,MAAM,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS;QAAA,OACtB,aAAa,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,aAAa,SAAS,CAAC,CAAC,CAAC,KAAK,GAAG;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;IAAA;IAAA;IAAA;EAAA;AAY3G;AAAC","ignoreList":[]}

package/dist/browser/content/index.js

@@ -22,4 +22,5 @@ export { Pagination } from "./Pagination";
 export { default as PdfPreview } from "./PdfPreview";
 export { default as RangePicker } from "./RangePicker";
 export { default as StructuredDataPreview, isStructuredDataValue } from "./StructuredDataPreview";
+export { ZoomPanViewport } from "./ZoomPanViewport";
 //# sourceMappingURL=index.js.map

package/dist/browser/content/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["content/index.ts"],"sourcesContent":["export type {\n  CalendarAttendee,\n  CalendarDayBadge,\n  CalendarEvent,\n  CalendarEventColor,\n  CalendarEventRenderContext,\n  CalendarEventTimeChange,\n  CalendarLabels,\n  CalendarProps,\n  CalendarRecurrence,\n  CalendarResource,\n  CalendarView,\n} from \"./Calendar\";\nexport { default as Calendar } from \"./Calendar\";\n\nexport type { ChartKind, ChartLabels, ChartProps, ChartRenderOptions } from \"./Chart\";\nexport { default as Chart } from \"./Chart\";\nexport type { ChartExplorerColumn, ChartExplorerProps } from \"./ChartExplorer\";\nexport { ChartExplorer } from \"./ChartExplorer\";\nexport type { ChartExplorerControlsProps } from \"./ChartExplorerControls\";\nexport { ChartExplorerControls } from \"./ChartExplorerControls\";\nexport { ChartFilterControls, type ChartFilterControlsProps } from \"./ChartFilterControls\";\nexport { ChartSnapshotView } from \"./ChartSnapshotView\";\nexport type { CodeDisplayLanguage, CodeDisplayProps } from \"./CodeDisplay\";\nexport { default as CodeDisplay } from \"./CodeDisplay\";\nexport { type ChartCursor, createChartCursor } from \"./chart-cursor\";\nexport type {\n  ChartExplorerCharts,\n  ChartExplorerController,\n  ChartExplorerData,\n  ChartExplorerOptions,\n  ChartExplorerRequest,\n  ChartExplorerRow,\n  ChartExplorerSnapshot,\n} from \"./chart-explorer\";\nexport { createChartExplorer } from \"./chart-explorer\";\nexport type { ChartDatumRef, ChartSelection, ChartTooltip, ChartTooltipFormatter } from \"./chart-inspection\";\nexport type { ChartSnapshot } from \"./chart-snapshot\";\nexport { prepareChartSnapshot } from \"./chart-snapshot\";\nexport type {\n  StateTimelineChartOptions,\n  StateTimelineDomain,\n  StateTimelineInterval,\n  StateTimelineRow,\n  StateTimelineState,\n} from \"./chart-state-timeline\";\nexport { type CollectionSelection, createCollectionSelection, type SelectionModifiers } from \"./collection-selection\";\nexport type {\n  DataTableColumn,\n  DataTableControlsProps,\n  DataTableFooter,\n  DataTableHeaderProps,\n  DataTablePanelFooterProps,\n  DataTablePanelProps,\n  DataTableProps,\n  DataTableRenderCell,\n  DataTableRenderHeader,\n  DataTableSort,\n} from \"./DataTable\";\nexport { default as DataTable } from \"./DataTable\";\nexport type { DocCodeHighlighter, DocCodeProps, DocConcept, DocNoteVariant, DocRow } from \"./Docs\";\nexport { DocCode, DocConceptGrid, DocInlineCode, DocLead, DocNote, DocPage, DocRows, DocSection } from \"./Docs\";\nexport { FileBrowserPanel, type FileBrowserPanelProps, type FileSource, openFileBrowser } from \"./FileBrowser\";\nexport { FileGrid, type FileGridProps } from \"./FileGrid\";\nexport { default as FileTree, type FileTreeActions, type FileTreeEntry, type FileTreeProps } from \"./FileTree\";\nexport {\n  canPreviewFile,\n  default as FileView,\n  type FileViewContent,\n  type FileViewFile,\n  type FileViewPreviewKind,\n  type FileViewProps,\n  type FileViewRenderer,\n  type FileViewRendererProps,\n  formatFileViewSize,\n  getFileViewPreviewKind,\n} from \"./FileView\";\nexport type { LightboxImage } from \"./Lightbox\";\nexport { default as Lightbox } from \"./Lightbox\";\nexport type { LogTableEntry } from \"./LogEntriesTable\";\nexport { default as LogEntriesTable } from \"./LogEntriesTable\";\nexport { default as MarkdownView, type MarkdownRenderOptions, type MarkdownViewProps, renderSafeMarkdown } from \"./MarkdownView\";\nexport { Pagination, type PaginationProps } from \"./Pagination\";\nexport type { PdfPreviewProps, PdfPreviewRequest } from \"./PdfPreview\";\nexport { default as PdfPreview } from \"./PdfPreview\";\nexport type { RangeOption, RangePickerProps } from \"./RangePicker\";\nexport { default as RangePicker } from \"./RangePicker\";\nexport type { StructuredDataPreviewMode, StructuredDataPreviewProps, StructuredDataValue } from \"./StructuredDataPreview\";\nexport { default as StructuredDataPreview, isStructuredDataValue } from \"./StructuredDataPreview\";\n"],"mappings":"AAaA,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAGhD,SAAS,OAAO,IAAI,KAAK,QAAQ,SAAS;AAE1C,SAAS,aAAa,QAAQ,iBAAiB;AAE/C,SAAS,qBAAqB,QAAQ,yBAAyB;AAC/D,SAAS,mBAAmB,QAAuC,uBAAuB;AAC1F,SAAS,iBAAiB,QAAQ,qBAAqB;AAEvD,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AACtD,SAA2B,iBAAiB,QAAQ,gBAAgB;AAUpE,SAAS,mBAAmB,QAAQ,kBAAkB;AAGtD,SAAS,oBAAoB,QAAQ,kBAAkB;AAQvD,SAAmC,yBAAyB,QAAiC,wBAAwB;AAarH,SAAS,OAAO,IAAI,SAAS,QAAQ,aAAa;AAElD,SAAS,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,QAAQ,QAAQ;AAC/G,SAAS,gBAAgB,EAA+C,eAAe,QAAQ,eAAe;AAC9G,SAAS,QAAQ,QAA4B,YAAY;AACzD,SAAS,OAAO,IAAI,QAAQ,QAAsE,YAAY;AAC9G,SACE,cAAc,EACd,OAAO,IAAI,QAAQ,EAOnB,kBAAkB,EAClB,sBAAsB,QACjB,YAAY;AAEnB,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAEhD,SAAS,OAAO,IAAI,eAAe,QAAQ,mBAAmB;AAC9D,SAAS,OAAO,IAAI,YAAY,EAAsD,kBAAkB,QAAQ,gBAAgB;AAChI,SAAS,UAAU,QAA8B,cAAc;AAE/D,SAAS,OAAO,IAAI,UAAU,QAAQ,cAAc;AAEpD,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AAEtD,SAAS,OAAO,IAAI,qBAAqB,EAAE,qBAAqB,QAAQ,yBAAyB","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/index.ts"],"sourcesContent":["export type {\n  CalendarAttendee,\n  CalendarDayBadge,\n  CalendarEvent,\n  CalendarEventColor,\n  CalendarEventRenderContext,\n  CalendarEventTimeChange,\n  CalendarLabels,\n  CalendarProps,\n  CalendarRecurrence,\n  CalendarResource,\n  CalendarView,\n} from \"./Calendar\";\nexport { default as Calendar } from \"./Calendar\";\n\nexport type { ChartKind, ChartLabels, ChartProps, ChartRenderOptions } from \"./Chart\";\nexport { default as Chart } from \"./Chart\";\nexport type { ChartExplorerColumn, ChartExplorerProps } from \"./ChartExplorer\";\nexport { ChartExplorer } from \"./ChartExplorer\";\nexport type { ChartExplorerControlsProps } from \"./ChartExplorerControls\";\nexport { ChartExplorerControls } from \"./ChartExplorerControls\";\nexport { ChartFilterControls, type ChartFilterControlsProps } from \"./ChartFilterControls\";\nexport { ChartSnapshotView } from \"./ChartSnapshotView\";\nexport type { CodeDisplayLanguage, CodeDisplayProps } from \"./CodeDisplay\";\nexport { default as CodeDisplay } from \"./CodeDisplay\";\nexport { type ChartCursor, createChartCursor } from \"./chart-cursor\";\nexport type {\n  ChartExplorerCharts,\n  ChartExplorerController,\n  ChartExplorerData,\n  ChartExplorerOptions,\n  ChartExplorerRequest,\n  ChartExplorerRow,\n  ChartExplorerSnapshot,\n} from \"./chart-explorer\";\nexport { createChartExplorer } from \"./chart-explorer\";\nexport type { ChartDatumRef, ChartSelection, ChartTooltip, ChartTooltipFormatter } from \"./chart-inspection\";\nexport type { ChartSnapshot } from \"./chart-snapshot\";\nexport { prepareChartSnapshot } from \"./chart-snapshot\";\nexport type {\n  StateTimelineChartOptions,\n  StateTimelineDomain,\n  StateTimelineInterval,\n  StateTimelineRow,\n  StateTimelineState,\n} from \"./chart-state-timeline\";\nexport { type CollectionSelection, createCollectionSelection, type SelectionModifiers } from \"./collection-selection\";\nexport type {\n  DataTableColumn,\n  DataTableControlsProps,\n  DataTableFooter,\n  DataTableHeaderProps,\n  DataTablePanelFooterProps,\n  DataTablePanelProps,\n  DataTableProps,\n  DataTableRenderCell,\n  DataTableRenderHeader,\n  DataTableSort,\n} from \"./DataTable\";\nexport { default as DataTable } from \"./DataTable\";\nexport type { DocCodeHighlighter, DocCodeProps, DocConcept, DocNoteVariant, DocRow } from \"./Docs\";\nexport { DocCode, DocConceptGrid, DocInlineCode, DocLead, DocNote, DocPage, DocRows, DocSection } from \"./Docs\";\nexport { FileBrowserPanel, type FileBrowserPanelProps, type FileSource, openFileBrowser } from \"./FileBrowser\";\nexport { FileGrid, type FileGridProps } from \"./FileGrid\";\nexport { default as FileTree, type FileTreeActions, type FileTreeEntry, type FileTreeProps } from \"./FileTree\";\nexport {\n  canPreviewFile,\n  default as FileView,\n  type FileViewContent,\n  type FileViewFile,\n  type FileViewPreviewKind,\n  type FileViewProps,\n  type FileViewRenderer,\n  type FileViewRendererProps,\n  formatFileViewSize,\n  getFileViewPreviewKind,\n} from \"./FileView\";\nexport type { LightboxImage } from \"./Lightbox\";\nexport { default as Lightbox } from \"./Lightbox\";\nexport type { LogTableEntry } from \"./LogEntriesTable\";\nexport { default as LogEntriesTable } from \"./LogEntriesTable\";\nexport { default as MarkdownView, type MarkdownRenderOptions, type MarkdownViewProps, renderSafeMarkdown } from \"./MarkdownView\";\nexport { Pagination, type PaginationProps } from \"./Pagination\";\nexport type { PdfPreviewProps, PdfPreviewRequest } from \"./PdfPreview\";\nexport { default as PdfPreview } from \"./PdfPreview\";\nexport type { RangeOption, RangePickerProps } from \"./RangePicker\";\nexport { default as RangePicker } from \"./RangePicker\";\nexport type { StructuredDataPreviewMode, StructuredDataPreviewProps, StructuredDataValue } from \"./StructuredDataPreview\";\nexport { default as StructuredDataPreview, isStructuredDataValue } from \"./StructuredDataPreview\";\nexport type { ZoomPanAction, ZoomPanFullscreen, ZoomPanViewportProps } from \"./ZoomPanViewport\";\nexport { ZoomPanViewport } from \"./ZoomPanViewport\";\n"],"mappings":"AAaA,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAGhD,SAAS,OAAO,IAAI,KAAK,QAAQ,SAAS;AAE1C,SAAS,aAAa,QAAQ,iBAAiB;AAE/C,SAAS,qBAAqB,QAAQ,yBAAyB;AAC/D,SAAS,mBAAmB,QAAuC,uBAAuB;AAC1F,SAAS,iBAAiB,QAAQ,qBAAqB;AAEvD,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AACtD,SAA2B,iBAAiB,QAAQ,gBAAgB;AAUpE,SAAS,mBAAmB,QAAQ,kBAAkB;AAGtD,SAAS,oBAAoB,QAAQ,kBAAkB;AAQvD,SAAmC,yBAAyB,QAAiC,wBAAwB;AAarH,SAAS,OAAO,IAAI,SAAS,QAAQ,aAAa;AAElD,SAAS,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,QAAQ,QAAQ;AAC/G,SAAS,gBAAgB,EAA+C,eAAe,QAAQ,eAAe;AAC9G,SAAS,QAAQ,QAA4B,YAAY;AACzD,SAAS,OAAO,IAAI,QAAQ,QAAsE,YAAY;AAC9G,SACE,cAAc,EACd,OAAO,IAAI,QAAQ,EAOnB,kBAAkB,EAClB,sBAAsB,QACjB,YAAY;AAEnB,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAEhD,SAAS,OAAO,IAAI,eAAe,QAAQ,mBAAmB;AAC9D,SAAS,OAAO,IAAI,YAAY,EAAsD,kBAAkB,QAAQ,gBAAgB;AAChI,SAAS,UAAU,QAA8B,cAAc;AAE/D,SAAS,OAAO,IAAI,UAAU,QAAQ,cAAc;AAEpD,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AAEtD,SAAS,OAAO,IAAI,qBAAqB,EAAE,qBAAqB,QAAQ,yBAAyB;AAEjG,SAAS,eAAe,QAAQ,mBAAmB","ignoreList":[]}