@dynatrace/strato-components 3.12.2 → 3.13.0

package/esm/layouts/help-menu/HelpMenu.css

@@ -0,0 +1,20 @@
+._1m01arl5-3-13-0._zux1an0-3-13-0 {
+  font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
+  font-size: var(--dt-typography-text-small-default-size, 12px);
+  line-height: var(--dt-typography-text-small-default-line-height, 1.333333333);
+  font-weight: var(--dt-typography-text-small-default-weight, 400);
+  color: var(--dt-colors-text-neutral-subdued, #595a7d);
+  cursor: default;
+  padding-top: var(--dt-spacings-size-12, 12px);
+  padding-bottom: var(--dt-spacings-size-4, 4px);
+}
+._1m01arl5-3-13-0._zux1an0-3-13-0:hover, ._1m01arl5-3-13-0._zux1an0-3-13-0:active {
+  background-color: transparent;
+  color: var(--dt-colors-text-neutral-subdued, #595a7d);
+}
+._zux1an1-3-13-0 {
+  max-width: 500px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

package/esm/layouts/help-menu/HelpMenu.js

@@ -19,6 +19,7 @@ import {
   getCurrentUserDetails
 } from "@dynatrace-sdk/app-environment";
 import { sendIntent } from "@dynatrace-sdk/navigation";
+import * as styles from "./HelpMenu.sty.js";
 import { Button } from "../../buttons/button/Button.js";
 import { FormField } from "../../forms/forms-core/components/form-field/FormField.js";
 import { Label } from "../../forms/forms-core/components/label/Label.js";
@@ -94,13 +95,15 @@ const PackageVersionsModal = ({
       enabled: show,
       queryFn: async () => {
         try {
-          const manifestSdk = await import("@dynatrace-sdk/client-app-engine-registry").catch(() => {
-            return {
-              appEngineRegistryAppsClient: {
-                getApp: () => Promise.resolve({ manifest: { packages: [] } })
-              }
-            };
-          });
+          const manifestSdk = await import("@dynatrace-sdk/client-app-engine-registry").catch(
+            () => {
+              return {
+                appEngineRegistryAppsClient: {
+                  getApp: () => Promise.resolve({ manifest: { packages: [] } })
+                }
+              };
+            }
+          );
           const client = manifestSdk.appEngineRegistryAppsClient;
           const appInfo = await client.getApp({
             id: getAppId(),
@@ -198,16 +201,12 @@ const HelpMenuFooter = () => {
   if (!version) {
     return null;
   }
-  return /* @__PURE__ */ jsx(Menu.Label, { children: /* @__PURE__ */ jsx(
-    "div",
+  return /* @__PURE__ */ jsx(
+    Menu.Item,
     {
-      style: {
-        maxWidth: 500,
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        whiteSpace: "nowrap"
-      },
-      children: /* @__PURE__ */ jsx(
+      className: styles.versionItem,
+      onSelect: (event) => event.preventDefault(),
+      children: /* @__PURE__ */ jsx("div", { className: styles.versionText, children: /* @__PURE__ */ jsx(
         FormattedMessage,
         {
           defaultMessage: "Version {version}",
@@ -215,9 +214,9 @@ const HelpMenuFooter = () => {
           id: "W2KEm8AIcM8pOixf",
           values: { version }
         }
-      )
+      ) })
     }
-  ) });
+  );
 };
 const HelpMenuLink = ({
   href,

package/esm/layouts/help-menu/HelpMenu.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/help-menu/HelpMenu.tsx"],
-  "sourcesContent": ["import { QueryClient, useQuery } from '@tanstack/react-query';\nimport { type ReactNode, Suspense, useMemo, useState } from 'react';\nimport { FormattedMessage, useIntl } from 'react-intl';\n\nimport {\n  DescriptionIcon,\n  ExternalLinkIcon,\n  FeedbackIcon,\n  GuideIcon,\n  HelpIcon,\n  InformationIcon,\n  KeyboardIcon,\n  PlayIcon,\n  WhatsNewIcon,\n} from '@dynatrace/strato-icons';\nimport {\n  getAppId,\n  getAppVersion,\n  getCurrentUserDetails,\n} from '@dynatrace-sdk/app-environment';\nimport { sendIntent } from '@dynatrace-sdk/navigation';\n\nimport { Button } from '../../buttons/button/Button.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport type { WithChildren } from '../../core/types/with-children.js';\nimport { FormField } from '../../forms/forms-core/components/form-field/FormField.js';\nimport { Label } from '../../forms/forms-core/components/label/Label.js';\nimport { TextInput } from '../../forms/text-input/TextInput.js';\nimport { Menu } from '../../navigation/menu/Menu.js';\nimport { Modal } from '../../overlays/modal/Modal.js';\nimport { Tooltip } from '../../overlays/tooltip/Tooltip.js';\nimport type { SimpleTableColumnDef } from '../../tables/SimpleTable/public.api.js';\nimport { SimpleTable } from '../../tables/SimpleTable/SimpleTable.js';\nimport { Flex } from '../flex/Flex.js';\n\nconst COMPONENT_NAME = 'HelpMenu';\n\ntype MenuItem = {\n  label: ReactNode;\n  icon: ReactNode;\n  key: keyof HelpMenuProps['entries'];\n};\n\nconst MENU_ITEMS: MenuItem[] = [\n  {\n    label: (\n      <FormattedMessage defaultMessage=\"What's new\" id=\"TY3F/kE6n91t0TL0\" />\n    ),\n    icon: <WhatsNewIcon />,\n    key: 'whatsNew',\n  },\n  {\n    label: (\n      <FormattedMessage defaultMessage=\"Get started\" id=\"kOQNUENAg02eeaTY\" />\n    ),\n    icon: <GuideIcon />,\n    key: 'getStarted',\n  },\n  {\n    label: (\n      <FormattedMessage defaultMessage=\"Documentation\" id=\"npzzIhowJGIZhj8d\" />\n    ),\n    icon: <DescriptionIcon />,\n    key: 'documentation',\n  },\n  {\n    label: (\n      <FormattedMessage\n        defaultMessage=\"Keyboard shortcuts\"\n        id=\"JmaVR5qUnuxE3qnb\"\n      />\n    ),\n    icon: <KeyboardIcon />,\n    key: 'keyboardShortcuts',\n  },\n  {\n    label: (\n      <FormattedMessage\n        defaultMessage=\"Try in Playground\"\n        id=\"Nar807M4NJhqMw/T\"\n      />\n    ),\n    icon: <PlayIcon />,\n    key: 'playground',\n  },\n  {\n    label: (\n      <FormattedMessage defaultMessage=\"Share feedback\" id=\"Ia87HCOLBoxMcV9t\" />\n    ),\n    icon: <FeedbackIcon />,\n    key: 'feedback',\n  },\n  {\n    label: (\n      <FormattedMessage defaultMessage=\"About this app\" id=\"9/nhbjHpPPAhMbHo\" />\n    ),\n    icon: <InformationIcon />,\n    key: 'about',\n  },\n] as const;\n\ntype PackageVersionRow = HelpMenuDependency & { duplicate: boolean };\n\nconst DuplicateCell = ({ value }: { value: boolean }) =>\n  value ? (\n    <FormattedMessage defaultMessage=\"Yes\" id=\"U5fgWD8U9siN4Gse\" />\n  ) : (\n    <FormattedMessage defaultMessage=\"No\" id=\"gWxS/SvdlKY80JRI\" />\n  );\n\nexport const manifestQueryClient = new QueryClient({\n  defaultOptions: { queries: { staleTime: Infinity, retry: 0 } },\n});\n\nconst PackageVersionsModal = ({\n  show,\n  onDismiss,\n}: {\n  show: boolean;\n  onDismiss: () => void;\n}) => {\n  const intl = useIntl();\n  const [filter, setFilter] = useState('');\n\n  const { data: dependencies = [] } = useQuery<HelpMenuDependency[]>(\n    {\n      queryKey: ['appManifest'],\n      enabled: show,\n      queryFn: async () => {\n        try {\n          const manifestSdk = await import(\n            '@dynatrace-sdk/client-app-engine-registry'\n          ).catch(() => {\n            return {\n              appEngineRegistryAppsClient: {\n                getApp: () => Promise.resolve({ manifest: { packages: [] } }),\n              },\n            };\n          });\n          const client = manifestSdk.appEngineRegistryAppsClient;\n\n          const appInfo = await client.getApp({\n            id: getAppId(),\n            addFields: 'manifest',\n          });\n\n          return appInfo?.manifest?.packages ?? [];\n        } catch {\n          return [];\n        }\n      },\n    },\n    manifestQueryClient,\n  );\n\n  const rows = useMemo<PackageVersionRow[]>(() => {\n    const counts = new Map<string, number>();\n    for (const dep of dependencies) {\n      counts.set(dep.name, (counts.get(dep.name) ?? 0) + 1);\n    }\n    return dependencies.map((dep) => ({\n      ...dep,\n      duplicate: (counts.get(dep.name) ?? 0) > 1,\n    }));\n  }, [dependencies]);\n\n  const filteredData = useMemo(() => {\n    const query = filter.trim().toLowerCase();\n    if (!query) {\n      return rows;\n    }\n    return rows.filter((pkg) => pkg.name.toLowerCase().includes(query));\n  }, [filter, rows]);\n\n  const columns = useMemo<SimpleTableColumnDef<PackageVersionRow>[]>(\n    () => [\n      {\n        id: 'package',\n        accessor: 'name',\n        header: intl.formatMessage({\n          defaultMessage: 'Package',\n          id: 'dDHj3yQ8W+M8/6Cy',\n        }),\n      },\n      {\n        id: 'version',\n        accessor: 'version',\n        header: intl.formatMessage({\n          defaultMessage: 'Version',\n          id: 'LaYAv5QEhDEHqVMW',\n        }),\n      },\n      {\n        id: 'duplicate',\n        accessor: 'duplicate',\n        header: intl.formatMessage({\n          defaultMessage: 'Duplicate',\n          id: 'ly1XN52z5b521OrX',\n        }),\n        cell: DuplicateCell,\n      },\n    ],\n    [intl],\n  );\n\n  return (\n    <Modal\n      title={intl.formatMessage({\n        defaultMessage: 'Built with',\n        id: 'vkJWCbh6wLAsnHfT',\n      })}\n      show={show}\n      onDismiss={onDismiss}\n    >\n      <Flex flexDirection=\"column\" gap={16} width=\"100%\">\n        <FormField>\n          <Label>\n            <FormattedMessage\n              defaultMessage=\"Filter Dependencies\"\n              id=\"u0KgUM/9t1gS7DB9\"\n            />\n          </Label>\n          <TextInput value={filter} onChange={setFilter} />\n        </FormField>\n        <SimpleTable\n          data={filteredData}\n          columns={columns}\n          style={{ width: '100%' }}\n        />\n      </Flex>\n    </Modal>\n  );\n};\n\nconst HelpMenuFooter = () => {\n  const version = getAppVersion();\n  if (!version) {\n    return null;\n  }\n  return (\n    <Menu.Label>\n      <div\n        style={{\n          maxWidth: 500,\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          whiteSpace: 'nowrap',\n        }}\n      >\n        <FormattedMessage\n          defaultMessage=\"Version {version}\"\n          description=\"App version label\"\n          id=\"W2KEm8AIcM8pOixf\"\n          values={{ version }}\n        />\n      </div>\n    </Menu.Label>\n  );\n};\n\nconst HelpMenuLink = ({\n  href,\n  target = '_blank',\n  onSelect,\n  label,\n  icon,\n  ...rest\n}: {\n  href: string;\n  target?: string;\n  onSelect?: () => void;\n  label: ReactNode;\n  icon?: ReactNode;\n}) => {\n  return (\n    <Menu.Link\n      {...rest}\n      onClick={() => onSelect?.()}\n      href={href}\n      target={target}\n    >\n      {icon ? <Menu.Prefix>{icon}</Menu.Prefix> : null}\n      <Flex justifyContent=\"space-between\" width=\"inherit\">\n        {label}\n        <ExternalLinkIcon style={{ flexShrink: 0 }} />\n      </Flex>\n    </Menu.Link>\n  );\n};\n\nconst HelpMenuButton = ({\n  onSelect,\n  label,\n  icon,\n  ...rest\n}: {\n  onSelect: () => void;\n  label: ReactNode;\n  icon?: ReactNode;\n}) => {\n  return (\n    <Menu.Item onSelect={onSelect} {...rest}>\n      {icon ? <Menu.Prefix>{icon}</Menu.Prefix> : null}\n      {label}\n    </Menu.Item>\n  );\n};\n\n/** @public */\nexport type HelpMenuButtonEntry = {\n  onSelect: () => void;\n};\n\n/** @public */\nexport type HelpMenuLinkEntry = {\n  href: string;\n  /** Specify how to open the linked content. */\n  target?: string;\n  onSelect?: () => void;\n};\n\n/**\n * Use the default behavior via app configuration / SDKs\n * @public\n **/\nexport type HelpMenuDefault = 'default';\n\n/** @public */\nexport interface HelpMenuCustomLinkEntry extends HelpMenuLinkEntry {\n  label: string;\n}\n/** @public */\nexport interface HelpMenuCustomItemEntry extends HelpMenuButtonEntry {\n  label: string;\n}\n/** @public */\nexport type HelpMenuChildrenEntry = Array<\n  HelpMenuCustomLinkEntry | HelpMenuCustomItemEntry\n>;\n\n/**\n * A single dependency rendered in the package versions modal.\n * @public\n */\nexport type HelpMenuDependency = {\n  name: string;\n  version: string;\n};\n\n/**\n * An entry that can either trigger a custom callback/link or fall back to the\n * platform-provided default behavior.\n * @public\n */\nexport type HelpMenuDefaultableEntry =\n  | HelpMenuButtonEntry\n  | HelpMenuLinkEntry\n  | HelpMenuDefault;\n\n/**\n * An entry that can either trigger a custom callback/link or expand into a\n * sub-menu of nested entries.\n * @public\n */\nexport type HelpMenuExpandableEntry =\n  | HelpMenuButtonEntry\n  | HelpMenuLinkEntry\n  | HelpMenuChildrenEntry;\n\n/** @public */\nexport interface HelpMenuProps\n  extends WithChildren,\n    StylingProps,\n    DataTestId,\n    MaskingProps {\n  entries: {\n    whatsNew?: HelpMenuDefaultableEntry;\n    getStarted?: HelpMenuExpandableEntry;\n    documentation?: HelpMenuExpandableEntry;\n    keyboardShortcuts?: HelpMenuDefaultableEntry;\n    playground?: HelpMenuDefaultableEntry;\n    feedback?: HelpMenuExpandableEntry;\n    about?: HelpMenuDefaultableEntry;\n  };\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\n/**\n * A prebuilt menu as entrypoint for app specific help links and actions.\n * @public\n */\nexport const HelpMenu = (props: HelpMenuProps) => {\n  const {\n    entries,\n    onOpenChange,\n    children,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n  } = props;\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [isPackageVersionsOpen, setIsPackageVersionsOpen] = useState(false);\n  const intl = useIntl();\n\n  const label = intl.formatMessage({\n    defaultMessage: 'Help',\n    id: 'xHrhU3DP4e0nge7c',\n  });\n\n  const handleOpenChange = (value: boolean) => {\n    setIsOpen(value);\n    onOpenChange?.(value);\n  };\n\n  const email = getCurrentUserDetails().email.toLowerCase();\n  const showPackageVersionsOnInternalUser =\n    (email.includes('@dynatrace') || email.includes('@ruxit')) &&\n    email.endsWith('.com');\n\n  return (\n    <Menu\n      open={isOpen}\n      onOpenChange={handleOpenChange}\n      data-dt-component={COMPONENT_NAME}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n    >\n      <Tooltip text={label}>\n        <Menu.Trigger\n          data-dt-component={COMPONENT_NAME}\n          data-dt-children-name=\"OpenHelpMenu\"\n        >\n          <Button aria-label={label}>\n            <Button.Prefix>\n              <HelpIcon />\n            </Button.Prefix>\n          </Button>\n        </Menu.Trigger>\n      </Tooltip>\n      <Menu.Content>\n        {MENU_ITEMS.map(({ label, key, icon }) => {\n          const entry = entries[key];\n          if (!entry) {\n            return null;\n          }\n\n          if (entry === 'default') {\n            return (\n              <HelpMenuDefaults\n                key={key}\n                entryKey={key}\n                icon={icon}\n                label={label}\n              />\n            );\n          }\n\n          if (Array.isArray(entry)) {\n            return (\n              <Menu.Sub key={key}>\n                <Menu.SubTrigger>\n                  <Menu.Prefix>{icon}</Menu.Prefix>\n                  {label}\n                </Menu.SubTrigger>\n                <Menu.SubContent>\n                  {entry.map((entryChild) => {\n                    if ('href' in entryChild) {\n                      return (\n                        <HelpMenuLink\n                          key={entryChild.label}\n                          label={entryChild.label}\n                          onSelect={entryChild.onSelect}\n                          href={entryChild.href}\n                          target={entryChild.target}\n                        />\n                      );\n                    }\n                    return (\n                      <HelpMenuButton\n                        key={entryChild.label}\n                        label={entryChild.label}\n                        onSelect={entryChild.onSelect}\n                      />\n                    );\n                  })}\n                </Menu.SubContent>\n              </Menu.Sub>\n            );\n          }\n\n          if ('href' in entry) {\n            return (\n              <HelpMenuLink\n                key={key}\n                label={label}\n                icon={icon}\n                onSelect={entry.onSelect}\n                href={entry.href}\n                target={entry.target}\n              />\n            );\n          }\n          return (\n            <HelpMenuButton\n              key={key}\n              label={label}\n              icon={icon}\n              onSelect={entry.onSelect}\n            />\n          );\n        })}\n        {children}\n        {showPackageVersionsOnInternalUser && (\n          <HelpMenuButton\n            onSelect={() => setIsPackageVersionsOpen(true)}\n            label={\n              <FormattedMessage\n                defaultMessage=\"Package versions\"\n                description=\"HelpMenu entry that opens the package versions modal\"\n                id=\"+1GjcNJdKJiZg6v/\"\n              />\n            }\n          />\n        )}\n        <HelpMenuFooter />\n      </Menu.Content>\n      {showPackageVersionsOnInternalUser && (\n        <Suspense>\n          <PackageVersionsModal\n            show={isPackageVersionsOpen}\n            onDismiss={() => setIsPackageVersionsOpen(false)}\n          />\n        </Suspense>\n      )}\n    </Menu>\n  );\n};\n\nconst HelpMenuDefaults = (props: {\n  label: ReactNode;\n  entryKey: keyof HelpMenuProps['entries'];\n  icon: ReactNode;\n}) => {\n  switch (props.entryKey) {\n    case 'whatsNew':\n      return (\n        <HelpMenuButton\n          onSelect={() =>\n            sendIntent(\n              {\n                appId: getAppId(),\n                version: getAppVersion(),\n              },\n              {\n                recommendedAppId: 'dynatrace.hub',\n                recommendedIntentId: 'view_app_releases_add_on_intent',\n              },\n            )\n          }\n          label={props.label}\n          icon={props.icon}\n        />\n      );\n    case 'keyboardShortcuts':\n      return (\n        <HelpMenuButton\n          onSelect={() => {\n            // This is a workaround to call the keyboard modal for now.\n            // In the future this should be called via an sdk.\n            // It is not yet clear yet in which sdk this will be available.\n            // If it is available this will be replaced.\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            (globalThis as any).dtRuntime?.uiCommands?.showUiCommands?.();\n          }}\n          label={props.label}\n          icon={props.icon}\n        />\n      );\n    case 'playground':\n      return (\n        <HelpMenuLink\n          href={`https://wkf10640.apps.dynatrace.com/ui/apps/${getAppId()}`}\n          label={props.label}\n          icon={props.icon}\n        />\n      );\n    case 'about':\n      return (\n        <HelpMenuButton\n          onSelect={() => {\n            sendIntent(\n              { appId: getAppId() },\n              {\n                recommendedAppId: 'dynatrace.hub',\n                recommendedIntentId: 'view_app_details',\n              },\n            );\n          }}\n          label={props.label}\n          icon={props.icon}\n        />\n      );\n    default:\n      return null;\n  }\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { QueryClient, useQuery } from '@tanstack/react-query';\nimport { type ReactNode, Suspense, useMemo, useState } from 'react';\nimport { FormattedMessage, useIntl } from 'react-intl';\n\nimport {\n  DescriptionIcon,\n  ExternalLinkIcon,\n  FeedbackIcon,\n  GuideIcon,\n  HelpIcon,\n  InformationIcon,\n  KeyboardIcon,\n  PlayIcon,\n  WhatsNewIcon,\n} from '@dynatrace/strato-icons';\nimport {\n  getAppId,\n  getAppVersion,\n  getCurrentUserDetails,\n} from '@dynatrace-sdk/app-environment';\nimport { sendIntent } from '@dynatrace-sdk/navigation';\n\nimport * as styles from './HelpMenu.sty.js';\nimport { Button } from '../../buttons/button/Button.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport type { WithChildren } from '../../core/types/with-children.js';\nimport { FormField } from '../../forms/forms-core/components/form-field/FormField.js';\nimport { Label } from '../../forms/forms-core/components/label/Label.js';\nimport { TextInput } from '../../forms/text-input/TextInput.js';\nimport { Menu } from '../../navigation/menu/Menu.js';\nimport { Modal } from '../../overlays/modal/Modal.js';\nimport { Tooltip } from '../../overlays/tooltip/Tooltip.js';\nimport type { SimpleTableColumnDef } from '../../tables/SimpleTable/public.api.js';\nimport { SimpleTable } from '../../tables/SimpleTable/SimpleTable.js';\nimport { Flex } from '../flex/Flex.js';\n\nconst COMPONENT_NAME = 'HelpMenu';\n\ntype MenuItem = {\n  label: ReactNode;\n  icon: ReactNode;\n  key: keyof HelpMenuProps['entries'];\n};\n\nconst MENU_ITEMS: MenuItem[] = [\n  {\n    label: (\n      <FormattedMessage defaultMessage=\"What's new\" id=\"TY3F/kE6n91t0TL0\" />\n    ),\n    icon: <WhatsNewIcon />,\n    key: 'whatsNew',\n  },\n  {\n    label: (\n      <FormattedMessage defaultMessage=\"Get started\" id=\"kOQNUENAg02eeaTY\" />\n    ),\n    icon: <GuideIcon />,\n    key: 'getStarted',\n  },\n  {\n    label: (\n      <FormattedMessage defaultMessage=\"Documentation\" id=\"npzzIhowJGIZhj8d\" />\n    ),\n    icon: <DescriptionIcon />,\n    key: 'documentation',\n  },\n  {\n    label: (\n      <FormattedMessage\n        defaultMessage=\"Keyboard shortcuts\"\n        id=\"JmaVR5qUnuxE3qnb\"\n      />\n    ),\n    icon: <KeyboardIcon />,\n    key: 'keyboardShortcuts',\n  },\n  {\n    label: (\n      <FormattedMessage\n        defaultMessage=\"Try in Playground\"\n        id=\"Nar807M4NJhqMw/T\"\n      />\n    ),\n    icon: <PlayIcon />,\n    key: 'playground',\n  },\n  {\n    label: (\n      <FormattedMessage defaultMessage=\"Share feedback\" id=\"Ia87HCOLBoxMcV9t\" />\n    ),\n    icon: <FeedbackIcon />,\n    key: 'feedback',\n  },\n  {\n    label: (\n      <FormattedMessage defaultMessage=\"About this app\" id=\"9/nhbjHpPPAhMbHo\" />\n    ),\n    icon: <InformationIcon />,\n    key: 'about',\n  },\n] as const;\n\ntype PackageVersionRow = HelpMenuDependency & { duplicate: boolean };\n\nconst DuplicateCell = ({ value }: { value: boolean }) =>\n  value ? (\n    <FormattedMessage defaultMessage=\"Yes\" id=\"U5fgWD8U9siN4Gse\" />\n  ) : (\n    <FormattedMessage defaultMessage=\"No\" id=\"gWxS/SvdlKY80JRI\" />\n  );\n\nexport const manifestQueryClient = new QueryClient({\n  defaultOptions: { queries: { staleTime: Infinity, retry: 0 } },\n});\n\nconst PackageVersionsModal = ({\n  show,\n  onDismiss,\n}: {\n  show: boolean;\n  onDismiss: () => void;\n}) => {\n  const intl = useIntl();\n  const [filter, setFilter] = useState('');\n\n  const { data: dependencies = [] } = useQuery<HelpMenuDependency[]>(\n    {\n      queryKey: ['appManifest'],\n      enabled: show,\n      queryFn: async () => {\n        try {\n          const manifestSdk =\n            await import('@dynatrace-sdk/client-app-engine-registry').catch(\n              () => {\n                return {\n                  appEngineRegistryAppsClient: {\n                    getApp: () =>\n                      Promise.resolve({ manifest: { packages: [] } }),\n                  },\n                };\n              },\n            );\n          const client = manifestSdk.appEngineRegistryAppsClient;\n\n          const appInfo = await client.getApp({\n            id: getAppId(),\n            addFields: 'manifest',\n          });\n\n          return appInfo?.manifest?.packages ?? [];\n        } catch {\n          return [];\n        }\n      },\n    },\n    manifestQueryClient,\n  );\n\n  const rows = useMemo<PackageVersionRow[]>(() => {\n    const counts = new Map<string, number>();\n    for (const dep of dependencies) {\n      counts.set(dep.name, (counts.get(dep.name) ?? 0) + 1);\n    }\n    return dependencies.map((dep) => ({\n      ...dep,\n      duplicate: (counts.get(dep.name) ?? 0) > 1,\n    }));\n  }, [dependencies]);\n\n  const filteredData = useMemo(() => {\n    const query = filter.trim().toLowerCase();\n    if (!query) {\n      return rows;\n    }\n    return rows.filter((pkg) => pkg.name.toLowerCase().includes(query));\n  }, [filter, rows]);\n\n  const columns = useMemo<SimpleTableColumnDef<PackageVersionRow>[]>(\n    () => [\n      {\n        id: 'package',\n        accessor: 'name',\n        header: intl.formatMessage({\n          defaultMessage: 'Package',\n          id: 'dDHj3yQ8W+M8/6Cy',\n        }),\n      },\n      {\n        id: 'version',\n        accessor: 'version',\n        header: intl.formatMessage({\n          defaultMessage: 'Version',\n          id: 'LaYAv5QEhDEHqVMW',\n        }),\n      },\n      {\n        id: 'duplicate',\n        accessor: 'duplicate',\n        header: intl.formatMessage({\n          defaultMessage: 'Duplicate',\n          id: 'ly1XN52z5b521OrX',\n        }),\n        cell: DuplicateCell,\n      },\n    ],\n    [intl],\n  );\n\n  return (\n    <Modal\n      title={intl.formatMessage({\n        defaultMessage: 'Built with',\n        id: 'vkJWCbh6wLAsnHfT',\n      })}\n      show={show}\n      onDismiss={onDismiss}\n    >\n      <Flex flexDirection=\"column\" gap={16} width=\"100%\">\n        <FormField>\n          <Label>\n            <FormattedMessage\n              defaultMessage=\"Filter Dependencies\"\n              id=\"u0KgUM/9t1gS7DB9\"\n            />\n          </Label>\n          <TextInput value={filter} onChange={setFilter} />\n        </FormField>\n        <SimpleTable\n          data={filteredData}\n          columns={columns}\n          style={{ width: '100%' }}\n        />\n      </Flex>\n    </Modal>\n  );\n};\n\nconst HelpMenuFooter = () => {\n  const version = getAppVersion();\n  if (!version) {\n    return null;\n  }\n  return (\n    <Menu.Item\n      className={styles.versionItem}\n      onSelect={(event) => event.preventDefault()}\n    >\n      <div className={styles.versionText}>\n        <FormattedMessage\n          defaultMessage=\"Version {version}\"\n          description=\"App version label\"\n          id=\"W2KEm8AIcM8pOixf\"\n          values={{ version }}\n        />\n      </div>\n    </Menu.Item>\n  );\n};\n\nconst HelpMenuLink = ({\n  href,\n  target = '_blank',\n  onSelect,\n  label,\n  icon,\n  ...rest\n}: {\n  href: string;\n  target?: string;\n  onSelect?: () => void;\n  label: ReactNode;\n  icon?: ReactNode;\n}) => {\n  return (\n    <Menu.Link\n      {...rest}\n      onClick={() => onSelect?.()}\n      href={href}\n      target={target}\n    >\n      {icon ? <Menu.Prefix>{icon}</Menu.Prefix> : null}\n      <Flex justifyContent=\"space-between\" width=\"inherit\">\n        {label}\n        <ExternalLinkIcon style={{ flexShrink: 0 }} />\n      </Flex>\n    </Menu.Link>\n  );\n};\n\nconst HelpMenuButton = ({\n  onSelect,\n  label,\n  icon,\n  ...rest\n}: {\n  onSelect: () => void;\n  label: ReactNode;\n  icon?: ReactNode;\n}) => {\n  return (\n    <Menu.Item onSelect={onSelect} {...rest}>\n      {icon ? <Menu.Prefix>{icon}</Menu.Prefix> : null}\n      {label}\n    </Menu.Item>\n  );\n};\n\n/** @public */\nexport type HelpMenuButtonEntry = {\n  onSelect: () => void;\n};\n\n/** @public */\nexport type HelpMenuLinkEntry = {\n  href: string;\n  /** Specify how to open the linked content. */\n  target?: string;\n  onSelect?: () => void;\n};\n\n/**\n * Use the default behavior via app configuration / SDKs\n * @public\n **/\nexport type HelpMenuDefault = 'default';\n\n/** @public */\nexport interface HelpMenuCustomLinkEntry extends HelpMenuLinkEntry {\n  label: string;\n}\n/** @public */\nexport interface HelpMenuCustomItemEntry extends HelpMenuButtonEntry {\n  label: string;\n}\n/** @public */\nexport type HelpMenuChildrenEntry = Array<\n  HelpMenuCustomLinkEntry | HelpMenuCustomItemEntry\n>;\n\n/**\n * A single dependency rendered in the package versions modal.\n * @public\n */\nexport type HelpMenuDependency = {\n  name: string;\n  version: string;\n};\n\n/**\n * An entry that can either trigger a custom callback/link or fall back to the\n * platform-provided default behavior.\n * @public\n */\nexport type HelpMenuDefaultableEntry =\n  | HelpMenuButtonEntry\n  | HelpMenuLinkEntry\n  | HelpMenuDefault;\n\n/**\n * An entry that can either trigger a custom callback/link or expand into a\n * sub-menu of nested entries.\n * @public\n */\nexport type HelpMenuExpandableEntry =\n  | HelpMenuButtonEntry\n  | HelpMenuLinkEntry\n  | HelpMenuChildrenEntry;\n\n/** @public */\nexport interface HelpMenuProps\n  extends WithChildren, StylingProps, DataTestId, MaskingProps {\n  entries: {\n    whatsNew?: HelpMenuDefaultableEntry;\n    getStarted?: HelpMenuExpandableEntry;\n    documentation?: HelpMenuExpandableEntry;\n    keyboardShortcuts?: HelpMenuDefaultableEntry;\n    playground?: HelpMenuDefaultableEntry;\n    feedback?: HelpMenuExpandableEntry;\n    about?: HelpMenuDefaultableEntry;\n  };\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\n/**\n * A prebuilt menu as entrypoint for app specific help links and actions.\n * @public\n */\nexport const HelpMenu = (props: HelpMenuProps) => {\n  const {\n    entries,\n    onOpenChange,\n    children,\n    'data-testid': dataTestId,\n    'data-dtrum-mask': dataDtrumMask,\n    'data-dtrum-allow': dataDtrumAllow,\n  } = props;\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [isPackageVersionsOpen, setIsPackageVersionsOpen] = useState(false);\n  const intl = useIntl();\n\n  const label = intl.formatMessage({\n    defaultMessage: 'Help',\n    id: 'xHrhU3DP4e0nge7c',\n  });\n\n  const handleOpenChange = (value: boolean) => {\n    setIsOpen(value);\n    onOpenChange?.(value);\n  };\n\n  const email = getCurrentUserDetails().email.toLowerCase();\n  const showPackageVersionsOnInternalUser =\n    (email.includes('@dynatrace') || email.includes('@ruxit')) &&\n    email.endsWith('.com');\n\n  return (\n    <Menu\n      open={isOpen}\n      onOpenChange={handleOpenChange}\n      data-dt-component={COMPONENT_NAME}\n      data-testid={dataTestId}\n      data-dtrum-mask={dataDtrumMask}\n      data-dtrum-allow={dataDtrumAllow}\n    >\n      <Tooltip text={label}>\n        <Menu.Trigger\n          data-dt-component={COMPONENT_NAME}\n          data-dt-children-name=\"OpenHelpMenu\"\n        >\n          <Button aria-label={label}>\n            <Button.Prefix>\n              <HelpIcon />\n            </Button.Prefix>\n          </Button>\n        </Menu.Trigger>\n      </Tooltip>\n      <Menu.Content>\n        {MENU_ITEMS.map(({ label, key, icon }) => {\n          const entry = entries[key];\n          if (!entry) {\n            return null;\n          }\n\n          if (entry === 'default') {\n            return (\n              <HelpMenuDefaults\n                key={key}\n                entryKey={key}\n                icon={icon}\n                label={label}\n              />\n            );\n          }\n\n          if (Array.isArray(entry)) {\n            return (\n              <Menu.Sub key={key}>\n                <Menu.SubTrigger>\n                  <Menu.Prefix>{icon}</Menu.Prefix>\n                  {label}\n                </Menu.SubTrigger>\n                <Menu.SubContent>\n                  {entry.map((entryChild) => {\n                    if ('href' in entryChild) {\n                      return (\n                        <HelpMenuLink\n                          key={entryChild.label}\n                          label={entryChild.label}\n                          onSelect={entryChild.onSelect}\n                          href={entryChild.href}\n                          target={entryChild.target}\n                        />\n                      );\n                    }\n                    return (\n                      <HelpMenuButton\n                        key={entryChild.label}\n                        label={entryChild.label}\n                        onSelect={entryChild.onSelect}\n                      />\n                    );\n                  })}\n                </Menu.SubContent>\n              </Menu.Sub>\n            );\n          }\n\n          if ('href' in entry) {\n            return (\n              <HelpMenuLink\n                key={key}\n                label={label}\n                icon={icon}\n                onSelect={entry.onSelect}\n                href={entry.href}\n                target={entry.target}\n              />\n            );\n          }\n          return (\n            <HelpMenuButton\n              key={key}\n              label={label}\n              icon={icon}\n              onSelect={entry.onSelect}\n            />\n          );\n        })}\n        {children}\n        {showPackageVersionsOnInternalUser && (\n          <HelpMenuButton\n            onSelect={() => setIsPackageVersionsOpen(true)}\n            label={\n              <FormattedMessage\n                defaultMessage=\"Package versions\"\n                description=\"HelpMenu entry that opens the package versions modal\"\n                id=\"+1GjcNJdKJiZg6v/\"\n              />\n            }\n          />\n        )}\n        <HelpMenuFooter />\n      </Menu.Content>\n      {showPackageVersionsOnInternalUser && (\n        <Suspense>\n          <PackageVersionsModal\n            show={isPackageVersionsOpen}\n            onDismiss={() => setIsPackageVersionsOpen(false)}\n          />\n        </Suspense>\n      )}\n    </Menu>\n  );\n};\n\nconst HelpMenuDefaults = (props: {\n  label: ReactNode;\n  entryKey: keyof HelpMenuProps['entries'];\n  icon: ReactNode;\n}) => {\n  switch (props.entryKey) {\n    case 'whatsNew':\n      return (\n        <HelpMenuButton\n          onSelect={() =>\n            sendIntent(\n              {\n                appId: getAppId(),\n                version: getAppVersion(),\n              },\n              {\n                recommendedAppId: 'dynatrace.hub',\n                recommendedIntentId: 'view_app_releases_add_on_intent',\n              },\n            )\n          }\n          label={props.label}\n          icon={props.icon}\n        />\n      );\n    case 'keyboardShortcuts':\n      return (\n        <HelpMenuButton\n          onSelect={() => {\n            // This is a workaround to call the keyboard modal for now.\n            // In the future this should be called via an sdk.\n            // It is not yet clear yet in which sdk this will be available.\n            // If it is available this will be replaced.\n            // oxlint-disable-next-line typescript/no-explicit-any\n            (globalThis as any).dtRuntime?.uiCommands?.showUiCommands?.();\n          }}\n          label={props.label}\n          icon={props.icon}\n        />\n      );\n    case 'playground':\n      return (\n        <HelpMenuLink\n          href={`https://wkf10640.apps.dynatrace.com/ui/apps/${getAppId()}`}\n          label={props.label}\n          icon={props.icon}\n        />\n      );\n    case 'about':\n      return (\n        <HelpMenuButton\n          onSelect={() => {\n            sendIntent(\n              { appId: getAppId() },\n              {\n                recommendedAppId: 'dynatrace.hub',\n                recommendedIntentId: 'view_app_details',\n              },\n            );\n          }}\n          label={props.label}\n          icon={props.icon}\n        />\n      );\n    default:\n      return null;\n  }\n};\n"],
+  "mappings": "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",
   "names": ["label"]
 }

package/esm/layouts/help-menu/HelpMenu.sty.js

@@ -0,0 +1,9 @@
+import "../../navigation/menu/Menu.css";
+import "./HelpMenu.css";
+var versionItem = "_zux1an0-3-13-0";
+var versionText = "_zux1an1-3-13-0";
+export {
+  versionItem,
+  versionText
+};
+//# sourceMappingURL=HelpMenu.sty.js.map

package/esm/layouts/help-menu/HelpMenu.sty.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/layouts/help-menu/HelpMenu.css.ts"],
+  "sourcesContent": ["import '../../navigation/menu/Menu.css';\nimport './HelpMenu.css';\nexport var versionItem = '_zux1an0-3-13-0';\nexport var versionText = '_zux1an1-3-13-0';"],
+  "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,cAAc;AAClB,IAAI,cAAc;",
+  "names": []
+}

package/esm/layouts/hooks/useLayoutStyles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/hooks/useLayoutStyles.tsx"],
-  "sourcesContent": ["import { useLayoutSizeProps } from './useLayoutSizeProps.js';\nimport { useMarginProps } from './useMarginProps.js';\nimport { usePaddingProps } from './usePaddingProps.js';\nimport { SpacingProps } from '../../styles/getSpacingSprinkles.js';\nimport type { SurfaceProps } from '../surface/surface-types.js';\nimport type {\n  LayoutStyles,\n  LayoutSizeProps,\n  DefaultStyles,\n} from '../types/layout.types.js';\n\n/**\n * Generates layout styles including padding, margin, and size properties.\n * @internal\n */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport function useLayoutStyles(\n  props: SurfaceProps<any>,\n  defaultStyles: DefaultStyles,\n): LayoutStyles {\n  const {\n    /** Padding props */\n    padding,\n    p,\n    paddingX,\n    px,\n    paddingY,\n    py,\n    paddingTop,\n    pt,\n    paddingRight,\n    pr,\n    paddingBottom,\n    pb,\n    paddingLeft,\n    pl,\n\n    /** Margin props */\n    margin,\n    m,\n    marginX,\n    mx,\n    marginY,\n    my,\n    marginTop,\n    mt,\n    marginRight,\n    mr,\n    marginBottom,\n    mb,\n    marginLeft,\n    ml,\n\n    /** Layout props */\n    width,\n    minWidth,\n    maxWidth,\n    height,\n    minHeight,\n    maxHeight,\n\n    /** filtered remaining props for passing back to component */\n    ...remainingProps\n  } = props;\n\n  const paddingProps: Pick<\n    SpacingProps,\n    | 'padding'\n    | 'p'\n    | 'paddingX'\n    | 'px'\n    | 'paddingY'\n    | 'py'\n    | 'paddingTop'\n    | 'pt'\n    | 'paddingRight'\n    | 'pr'\n    | 'paddingBottom'\n    | 'pb'\n    | 'paddingLeft'\n    | 'pl'\n  > = {\n    padding,\n    p,\n    paddingX,\n    px,\n    paddingY,\n    py,\n    paddingTop,\n    pt,\n    paddingRight,\n    pr,\n    paddingBottom,\n    pb,\n    paddingLeft,\n    pl,\n  };\n\n  const marginProps: Pick<\n    SpacingProps,\n    | 'margin'\n    | 'm'\n    | 'marginX'\n    | 'mx'\n    | 'marginY'\n    | 'my'\n    | 'marginTop'\n    | 'mt'\n    | 'marginRight'\n    | 'mr'\n    | 'marginBottom'\n    | 'mb'\n    | 'marginLeft'\n    | 'ml'\n  > = {\n    margin,\n    m,\n    marginX,\n    mx,\n    marginY,\n    my,\n    marginTop,\n    mt,\n    marginRight,\n    mr,\n    marginBottom,\n    mb,\n    marginLeft,\n    ml,\n  };\n\n  const layoutProps: LayoutSizeProps = {\n    width,\n    minWidth,\n    maxWidth,\n    height,\n    minHeight,\n    maxHeight,\n  };\n\n  const paddingStyles = usePaddingProps(\n    paddingProps,\n    defaultStyles.paddingDefaults,\n  );\n  const marginStyles = useMarginProps(\n    marginProps,\n    defaultStyles.marginDefaults,\n  );\n  const layoutSizeStyles = useLayoutSizeProps(layoutProps);\n\n  return {\n    paddingStyles,\n    marginStyles,\n    layoutSizeStyles,\n    remainingProps,\n  };\n}\n"],
+  "sourcesContent": ["import { useLayoutSizeProps } from './useLayoutSizeProps.js';\nimport { useMarginProps } from './useMarginProps.js';\nimport { usePaddingProps } from './usePaddingProps.js';\nimport { SpacingProps } from '../../styles/getSpacingSprinkles.js';\nimport type { SurfaceProps } from '../surface/surface-types.js';\nimport type {\n  LayoutStyles,\n  LayoutSizeProps,\n  DefaultStyles,\n} from '../types/layout.types.js';\n\n/**\n * Generates layout styles including padding, margin, and size properties.\n * @internal\n */\n/* oxlint-disable typescript/no-explicit-any */\nexport function useLayoutStyles(\n  props: SurfaceProps<any>,\n  defaultStyles: DefaultStyles,\n): LayoutStyles {\n  const {\n    /** Padding props */\n    padding,\n    p,\n    paddingX,\n    px,\n    paddingY,\n    py,\n    paddingTop,\n    pt,\n    paddingRight,\n    pr,\n    paddingBottom,\n    pb,\n    paddingLeft,\n    pl,\n\n    /** Margin props */\n    margin,\n    m,\n    marginX,\n    mx,\n    marginY,\n    my,\n    marginTop,\n    mt,\n    marginRight,\n    mr,\n    marginBottom,\n    mb,\n    marginLeft,\n    ml,\n\n    /** Layout props */\n    width,\n    minWidth,\n    maxWidth,\n    height,\n    minHeight,\n    maxHeight,\n\n    /** filtered remaining props for passing back to component */\n    ...remainingProps\n  } = props;\n\n  const paddingProps: Pick<\n    SpacingProps,\n    | 'padding'\n    | 'p'\n    | 'paddingX'\n    | 'px'\n    | 'paddingY'\n    | 'py'\n    | 'paddingTop'\n    | 'pt'\n    | 'paddingRight'\n    | 'pr'\n    | 'paddingBottom'\n    | 'pb'\n    | 'paddingLeft'\n    | 'pl'\n  > = {\n    padding,\n    p,\n    paddingX,\n    px,\n    paddingY,\n    py,\n    paddingTop,\n    pt,\n    paddingRight,\n    pr,\n    paddingBottom,\n    pb,\n    paddingLeft,\n    pl,\n  };\n\n  const marginProps: Pick<\n    SpacingProps,\n    | 'margin'\n    | 'm'\n    | 'marginX'\n    | 'mx'\n    | 'marginY'\n    | 'my'\n    | 'marginTop'\n    | 'mt'\n    | 'marginRight'\n    | 'mr'\n    | 'marginBottom'\n    | 'mb'\n    | 'marginLeft'\n    | 'ml'\n  > = {\n    margin,\n    m,\n    marginX,\n    mx,\n    marginY,\n    my,\n    marginTop,\n    mt,\n    marginRight,\n    mr,\n    marginBottom,\n    mb,\n    marginLeft,\n    ml,\n  };\n\n  const layoutProps: LayoutSizeProps = {\n    width,\n    minWidth,\n    maxWidth,\n    height,\n    minHeight,\n    maxHeight,\n  };\n\n  const paddingStyles = usePaddingProps(\n    paddingProps,\n    defaultStyles.paddingDefaults,\n  );\n  const marginStyles = useMarginProps(\n    marginProps,\n    defaultStyles.marginDefaults,\n  );\n  const layoutSizeStyles = useLayoutSizeProps(layoutProps);\n\n  return {\n    paddingStyles,\n    marginStyles,\n    layoutSizeStyles,\n    remainingProps,\n  };\n}\n"],
   "mappings": "AAAA,SAAS,0BAA0B;AACnC,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB;AAczB,SAAS,gBACd,OACA,eACc;AACd,QAAM;AAAA;AAAA,IAEJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAGA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,eAgBF;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,cAgBF;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,cAA+B;AAAA,IACnC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,gBAAgB;AAAA,IACpB;AAAA,IACA,cAAc;AAAA,EAChB;AACA,QAAM,eAAe;AAAA,IACnB;AAAA,IACA,cAAc;AAAA,EAChB;AACA,QAAM,mBAAmB,mBAAmB,WAAW;AAEvD,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/esm/layouts/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/layouts/index.ts"],
-  "sourcesContent": ["export { Flex, type FlexOwnProps, type FlexProps } from './flex/Flex.js';\nexport { Grid, type GridOwnProps, type GridProps } from './grid/Grid.js';\nexport { Divider } from './divider/Divider.js';\nexport type { DividerProps } from './divider/Divider.js';\nexport {\n  Container,\n  useContainerColoring as _useContainerColoring,\n  type ContainerColoring as _ContainerColoring,\n} from './container/Container.js';\nexport type {\n  ContainerOwnProps,\n  ContainerProps,\n} from './container/Container.js';\nexport type { LayoutSizeCSS } from './types/layout.types.js';\nexport { Surface } from './surface/Surface.js';\nexport type { SurfaceOwnProps, SurfaceProps } from './surface/surface-types.js';\nexport { surfaceBorderRadius as _surfaceBorderRadius } from './surface/variables.sty.js';\nexport { useBreakpoint } from './hooks/useBreakpoint.js';\nexport { AppHeader } from './app-header/AppHeader.js';\nexport type { AppHeaderProps } from './app-header/AppHeader.js';\nexport type {\n  AppHeaderActionButtonOwnProps,\n  AppHeaderActionButtonProps,\n} from './app-header/ActionButton.js';\nexport type { AppHeaderActionItemsProps } from './app-header/ActionItems.js';\nexport type { ActionItemGroupProps } from './app-header/ActionItemGroup.js';\nexport { HelpMenu } from './help-menu/HelpMenu.js';\nexport type {\n  HelpMenuProps,\n  HelpMenuButtonEntry,\n  HelpMenuLinkEntry,\n  HelpMenuChildrenEntry,\n  HelpMenuCustomLinkEntry,\n  HelpMenuCustomItemEntry,\n  HelpMenuDefault,\n  HelpMenuDefaultableEntry,\n  HelpMenuExpandableEntry,\n  HelpMenuDependency,\n} from './help-menu/HelpMenu.js';\nexport type {\n  AppHeaderNavigationProps,\n  AppHeaderNavigationItemOwnProps,\n  AppHeaderNavigationItemProps,\n  // exported with alternate name for backwards compatibility\n  AppHeaderNavigationProps as AppHeaderNavItemsProps,\n} from './app-header/Navigation.js';\nexport type { AppIconProps } from './app-header/app-icon/AppIcon.js';\nexport { Logo, Logo as AppNavLink } from './app-header/Logo.js';\nexport type {\n  AppHeaderLogoProps,\n  AppHeaderLogoOwnProps,\n  // exported with alternate name for backwards compatibility\n  AppHeaderLogoProps as AppNavLinkProps,\n  AppHeaderLogoOwnProps as AppNavLinkOwnProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  AppNavLinkInternalOwnProps, // exported for backwards compatibility\n} from './app-header/Logo.js';\nexport type {\n  ActionButtonOwnProps,\n  ActionButtonProps,\n} from './app-header/action-group/ActionButton.js';\nexport { ActionGroup as _ActionGroup } from './app-header/action-group/ActionGroup.js';\nexport type { ActionGroupProps as _ActionGroupProps } from './app-header/action-group/ActionGroup.js';\nexport type {\n  NavItemProps,\n  NavItemOwnProps,\n} from './app-header/action-group/NavItem.js';\nexport type { GroupProps } from './app-header/action-group/Group.js';\n\nexport type {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  ControlledDetailViewProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  DetailViewOwnProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  DetailViewProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  UncontrolledDetailViewProps,\n} from './page/DetailView.js';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport type { HeaderProps } from './page/Header.js';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport type { MainProps } from './page/Main.js';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport { Page } from './page/Page.js';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport type { PageProps } from './page/Page.js';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport { panelSizeUnits } from './page/panel-types.js';\nexport type {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  PanelSize,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  PanelSizeUnit,\n  Direction as _Direction,\n} from './page/panel-types.js';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport type { PanelControlButtonProps } from './page/PanelControlButton.js';\nexport type {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  ControlledSidebarProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  SidebarOwnProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  SidebarProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  UncontrolledSidebarProps,\n} from './page/Sidebar.js';\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport { pagePanels } from './page/page-types.js';\nexport type {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  DismissiblePagePanels,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  PagePanelSizes,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  PanelName,\n  /** @deprecated Use `PanelName` instead. */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  PanelName as PagePanels,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  ControlledPagePanelProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  PagePanelProps,\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  UncontrolledPagePanelProps,\n} from './page/page-types.js';\n\nexport type { TitleBarActionProps } from './title-bar/Action.js';\nexport type { TitleBarNavigationProps } from './title-bar/Navigation.js';\nexport type { TitleBarPrefixProps } from './title-bar/Prefix.js';\nexport type { TitleBarSubtitleProps } from './title-bar/Subtitle.js';\nexport type { TitleBarSuffixProps } from './title-bar/Suffix.js';\nexport type { TitleBarTitleProps } from './title-bar/Title.js';\nexport { TitleBar } from './title-bar/TitleBar.js';\nexport type { TitleBarProps } from './title-bar/TitleBar.js';\n\nexport { InputGroup, type InputGroupProps } from './input-group/InputGroup.js';\nexport { inputGroupClassName } from './input-group/InputGroup.sty.js';\n\nexport { SplitLayout as _SplitLayout } from './split-layout/SplitLayout.js';\nexport type { SplitLayoutProps as _SplitLayoutProps } from './split-layout/SplitLayout.js';\nexport type { ResizeHandleProps as _SplitLayoutResizeHandleProps } from './split-layout/slots.js';\nexport { PageLayout } from './page-layout/PageLayout.js';\nexport type { ResizablePanelProps } from './split-layout/slots.js';\nexport type { PanelWidth } from './split-layout/width-utils.js';\nexport type { PageLayoutProps } from './page-layout/PageLayout.js';\nexport type { CollapsiblePanel } from './page-layout/shared/collapsible.js';\nexport type { HeaderProps as PageLayoutHeaderProps } from './page-layout/shared/portal-slots.js';\nexport type { SidebarProps as PageLayoutSidebarProps } from './page-layout/sidebar-layout/slots.js';\nexport type { DetailsProps as PageLayoutDetailsProps } from './page-layout/details-layout/slots.js';\nexport type { ContentProps as PageLayoutContentProps } from './split-layout/slots.js';\nexport type { LayoutMode as PageLayoutDetailsLayoutMode } from './page-layout/details-layout/DetailsLayoutContext.js';\nexport type { DetailsControlBarProps as PageLayoutDetailsControlBarProps } from './page-layout/details-layout/slots.js';\n"],
+  "sourcesContent": ["export { Flex, type FlexOwnProps, type FlexProps } from './flex/Flex.js';\nexport { Grid, type GridOwnProps, type GridProps } from './grid/Grid.js';\nexport { Divider } from './divider/Divider.js';\nexport type { DividerProps } from './divider/Divider.js';\nexport {\n  Container,\n  useContainerColoring as _useContainerColoring,\n  type ContainerColoring as _ContainerColoring,\n} from './container/Container.js';\nexport type {\n  ContainerOwnProps,\n  ContainerProps,\n} from './container/Container.js';\nexport type { LayoutSizeCSS } from './types/layout.types.js';\nexport { Surface } from './surface/Surface.js';\nexport type { SurfaceOwnProps, SurfaceProps } from './surface/surface-types.js';\nexport { surfaceBorderRadius as _surfaceBorderRadius } from './surface/variables.sty.js';\nexport { useBreakpoint } from './hooks/useBreakpoint.js';\nexport { AppHeader } from './app-header/AppHeader.js';\nexport type { AppHeaderProps } from './app-header/AppHeader.js';\nexport type {\n  AppHeaderActionButtonOwnProps,\n  AppHeaderActionButtonProps,\n} from './app-header/ActionButton.js';\nexport type { AppHeaderActionItemsProps } from './app-header/ActionItems.js';\nexport type { ActionItemGroupProps } from './app-header/ActionItemGroup.js';\nexport { HelpMenu } from './help-menu/HelpMenu.js';\nexport type {\n  HelpMenuProps,\n  HelpMenuButtonEntry,\n  HelpMenuLinkEntry,\n  HelpMenuChildrenEntry,\n  HelpMenuCustomLinkEntry,\n  HelpMenuCustomItemEntry,\n  HelpMenuDefault,\n  HelpMenuDefaultableEntry,\n  HelpMenuExpandableEntry,\n  HelpMenuDependency,\n} from './help-menu/HelpMenu.js';\nexport type {\n  AppHeaderNavigationProps,\n  AppHeaderNavigationItemOwnProps,\n  AppHeaderNavigationItemProps,\n  // exported with alternate name for backwards compatibility\n  AppHeaderNavigationProps as AppHeaderNavItemsProps,\n} from './app-header/Navigation.js';\nexport type { AppIconProps } from './app-header/app-icon/AppIcon.js';\nexport { Logo, Logo as AppNavLink } from './app-header/Logo.js';\nexport type {\n  AppHeaderLogoProps,\n  AppHeaderLogoOwnProps,\n  // exported with alternate name for backwards compatibility\n  AppHeaderLogoProps as AppNavLinkProps,\n  AppHeaderLogoOwnProps as AppNavLinkOwnProps,\n  // oxlint-disable-next-line typescript/no-deprecated\n  AppNavLinkInternalOwnProps, // exported for backwards compatibility\n} from './app-header/Logo.js';\nexport type {\n  ActionButtonOwnProps,\n  ActionButtonProps,\n} from './app-header/action-group/ActionButton.js';\nexport { ActionGroup as _ActionGroup } from './app-header/action-group/ActionGroup.js';\nexport type { ActionGroupProps as _ActionGroupProps } from './app-header/action-group/ActionGroup.js';\nexport type {\n  NavItemProps,\n  NavItemOwnProps,\n} from './app-header/action-group/NavItem.js';\nexport type { GroupProps } from './app-header/action-group/Group.js';\n\nexport type {\n  // oxlint-disable-next-line typescript/no-deprecated\n  ControlledDetailViewProps,\n  // oxlint-disable-next-line typescript/no-deprecated\n  DetailViewOwnProps,\n  // oxlint-disable-next-line typescript/no-deprecated\n  DetailViewProps,\n  // oxlint-disable-next-line typescript/no-deprecated\n  UncontrolledDetailViewProps,\n} from './page/DetailView.js';\n// oxlint-disable-next-line typescript/no-deprecated\nexport type { HeaderProps } from './page/Header.js';\n// oxlint-disable-next-line typescript/no-deprecated\nexport type { MainProps } from './page/Main.js';\n// oxlint-disable-next-line typescript/no-deprecated\nexport { Page } from './page/Page.js';\n// oxlint-disable-next-line typescript/no-deprecated\nexport type { PageProps } from './page/Page.js';\n// oxlint-disable-next-line typescript/no-deprecated\nexport { panelSizeUnits } from './page/panel-types.js';\nexport type {\n  // oxlint-disable-next-line typescript/no-deprecated\n  PanelSize,\n  // oxlint-disable-next-line typescript/no-deprecated\n  PanelSizeUnit,\n  Direction as _Direction,\n} from './page/panel-types.js';\n// oxlint-disable-next-line typescript/no-deprecated\nexport type { PanelControlButtonProps } from './page/PanelControlButton.js';\nexport type {\n  // oxlint-disable-next-line typescript/no-deprecated\n  ControlledSidebarProps,\n  // oxlint-disable-next-line typescript/no-deprecated\n  SidebarOwnProps,\n  // oxlint-disable-next-line typescript/no-deprecated\n  SidebarProps,\n  // oxlint-disable-next-line typescript/no-deprecated\n  UncontrolledSidebarProps,\n} from './page/Sidebar.js';\n// oxlint-disable-next-line typescript/no-deprecated\nexport { pagePanels } from './page/page-types.js';\nexport type {\n  // oxlint-disable-next-line typescript/no-deprecated\n  DismissiblePagePanels,\n  // oxlint-disable-next-line typescript/no-deprecated\n  PagePanelSizes,\n  // oxlint-disable-next-line typescript/no-deprecated\n  PanelName,\n  /** @deprecated Use `PanelName` instead. */\n  // oxlint-disable-next-line typescript/no-deprecated\n  PanelName as PagePanels,\n  // oxlint-disable-next-line typescript/no-deprecated\n  ControlledPagePanelProps,\n  // oxlint-disable-next-line typescript/no-deprecated\n  PagePanelProps,\n  // oxlint-disable-next-line typescript/no-deprecated\n  UncontrolledPagePanelProps,\n} from './page/page-types.js';\n\nexport type { TitleBarActionProps } from './title-bar/Action.js';\nexport type { TitleBarNavigationProps } from './title-bar/Navigation.js';\nexport type { TitleBarPrefixProps } from './title-bar/Prefix.js';\nexport type { TitleBarSubtitleProps } from './title-bar/Subtitle.js';\nexport type { TitleBarSuffixProps } from './title-bar/Suffix.js';\nexport type { TitleBarTitleProps } from './title-bar/Title.js';\nexport { TitleBar } from './title-bar/TitleBar.js';\nexport type { TitleBarProps } from './title-bar/TitleBar.js';\n\nexport { InputGroup, type InputGroupProps } from './input-group/InputGroup.js';\nexport { inputGroupClassName } from './input-group/InputGroup.sty.js';\n\nexport { SplitLayout as _SplitLayout } from './split-layout/SplitLayout.js';\nexport type { SplitLayoutProps as _SplitLayoutProps } from './split-layout/SplitLayout.js';\nexport type { ResizeHandleProps as _SplitLayoutResizeHandleProps } from './split-layout/slots.js';\nexport { PageLayout } from './page-layout/PageLayout.js';\nexport type { ResizablePanelProps } from './split-layout/slots.js';\nexport type { PanelWidth } from './split-layout/width-utils.js';\nexport type { PageLayoutProps } from './page-layout/PageLayout.js';\nexport type { CollapsiblePanel } from './page-layout/shared/collapsible.js';\nexport type { HeaderProps as PageLayoutHeaderProps } from './page-layout/shared/portal-slots.js';\nexport type { SidebarProps as PageLayoutSidebarProps } from './page-layout/sidebar-layout/slots.js';\nexport type { DetailsProps as PageLayoutDetailsProps } from './page-layout/details-layout/slots.js';\nexport type { ContentProps as PageLayoutContentProps } from './split-layout/slots.js';\nexport type { LayoutMode as PageLayoutDetailsLayoutMode } from './page-layout/details-layout/DetailsLayoutContext.js';\nexport type { DetailsControlBarProps as PageLayoutDetailsControlBarProps } from './page-layout/details-layout/slots.js';\n"],
   "mappings": "AAAA,SAAS,YAA+C;AACxD,SAAS,YAA+C;AACxD,SAAS,eAAe;AAExB;AAAA,EACE;AAAA,EACwB;AAAA,OAEnB;AAMP,SAAS,eAAe;AAExB,SAAgC,2BAA4B;AAC5D,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAQ1B,SAAS,gBAAgB;AAqBzB,SAAS,MAAc,QAARA,aAA0B;AAczC,SAAwB,mBAAoB;AAuB5C,SAAS,YAAY;AAIrB,SAAS,sBAAsB;AAqB/B,SAAS,kBAAkB;AAyB3B,SAAS,gBAAgB;AAGzB,SAAS,kBAAwC;AACjD,SAAS,2BAA2B;AAEpC,SAAwB,mBAAoB;AAG5C,SAAS,kBAAkB;",
   "names": ["Logo"]
 }

package/esm/layouts/input-group/InputGroup.css

@@ -1,103 +1,103 @@
-._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 {
+._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 {
   gap: var(--dt-spacings-size-0, 0);
   isolation: isolate;
 }
-._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > *:not(:first-child),
- ._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > *:not(:first-child, ._1x4bl8z1-3-12-2) > .strato-inputgroup,
- ._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > ._1x4bl8z1-3-12-2 + * {
+._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > *:not(:first-child),
+ ._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > *:not(:first-child, ._1x4bl8z1-3-13-0) > .strato-inputgroup,
+ ._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > ._1x4bl8z1-3-13-0 + * {
   margin-left: -1px;
   box-sizing: content-box;
 }
-._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > * {
-  --_1x4bl8z0-3-12-2: 1;
+._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > * {
+  --_1x4bl8z0-3-13-0: 1;
   position: relative;
-  z-index: var(--_1x4bl8z0-3-12-2);
+  z-index: var(--_1x4bl8z0-3-13-0);
 }
-._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > * > .strato-inputgroup {
+._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > * > .strato-inputgroup {
   position: relative;
-  z-index: var(--_1x4bl8z0-3-12-2);
-}
-._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > *:not(:has([disabled])):hover,
- ._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > *:not(:has([disabled])):active {
-  --_1x4bl8z0-3-12-2: 2;
-}
-._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > ._bx32hd-3-12-2._bx32h8-3-12-2:not(._bx32h6-3-12-2):not(:has(._1a8lqy92-3-12-2)):not(._1a8lqy92-3-12-2):hover,
- ._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > ._bx32hd-3-12-2._bx32h8-3-12-2:not(._bx32h6-3-12-2):not(:has(._1a8lqy92-3-12-2)):not(._1a8lqy92-3-12-2):active {
-  --_1x4bl8z0-3-12-2: 2;
-}
-._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > ._bx32hd-3-12-2:is(._bx32h7-3-12-2,._bx32h9-3-12-2,._bx32ha-3-12-2,._bx32hb-3-12-2):not(._bx32h6-3-12-2):not(:has(._1a8lqy92-3-12-2)):not(._1a8lqy92-3-12-2),
- ._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > *:has(._1a8lqy91-3-12-2):not(:has(._1a8lqy92-3-12-2)),
- ._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2._1a8lqy91-3-12-2:not(._1a8lqy92-3-12-2) > *:not(._bx32h6-3-12-2):not(:has(._1a8lqy92-3-12-2)):not(._1a8lqy92-3-12-2) {
-  --_1x4bl8z0-3-12-2: 3;
-}
-._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > ._bx32hd-3-12-2:is(._bx32h7-3-12-2,._bx32h9-3-12-2,._bx32ha-3-12-2,._bx32hb-3-12-2):not(._bx32h6-3-12-2):not(:has(._1a8lqy92-3-12-2)):not(._1a8lqy92-3-12-2):hover,
- ._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > ._bx32hd-3-12-2:is(._bx32h7-3-12-2,._bx32h9-3-12-2,._bx32ha-3-12-2,._bx32hb-3-12-2):not(._bx32h6-3-12-2):not(:has(._1a8lqy92-3-12-2)):not(._1a8lqy92-3-12-2):active,
- ._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > *:has(._1a8lqy91-3-12-2):not(:has(._1a8lqy92-3-12-2)):hover,
- ._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > *:has(._1a8lqy91-3-12-2):not(:has(._1a8lqy92-3-12-2)):active,
- ._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2._1a8lqy91-3-12-2:not(._1a8lqy92-3-12-2) > *:not(._bx32h6-3-12-2):not(:has(._1a8lqy92-3-12-2)):not(._1a8lqy92-3-12-2):hover,
- ._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2._1a8lqy91-3-12-2:not(._1a8lqy92-3-12-2) > *:not(._bx32h6-3-12-2):not(:has(._1a8lqy92-3-12-2)):not(._1a8lqy92-3-12-2):active {
-  --_1x4bl8z0-3-12-2: 4;
-}
-._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > ._bx32he-3-12-2:not(._bx32h6-3-12-2):not(:has(._1a8lqy92-3-12-2)):not(._1a8lqy92-3-12-2) {
-  --_1x4bl8z0-3-12-2: 5;
-}
-._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > *:focus-within,
- ._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > * > .strato-inputgroup:focus-within {
-  --_1x4bl8z0-3-12-2: 6;
-}
-._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > ._bx32h6-3-12-2,
- ._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > ._bx32h6-3-12-2:is(:hover, :active),
- ._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > ._1a8lqy92-3-12-2,
- ._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > ._1a8lqy92-3-12-2:is(:hover, :active),
- ._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > *:has(._1a8lqy92-3-12-2),
- ._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > *:has(._1a8lqy92-3-12-2):is(:hover, :active),
- ._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > *:has(._bx32h6-3-12-2),
- ._1jgl8s50-3-12-2 ._1x4bl8z1-3-12-2 > *:has(._bx32h6-3-12-2):is(:hover, :active) {
-  --_1x4bl8z0-3-12-2: 0;
-}
-._1x4bl8z1-3-12-2 > .strato-inputgroup:not(:last-child),
- ._1x4bl8z1-3-12-2 > *:not(:last-child) :is(.strato-inputgroup, .cm-editor) {
+  z-index: var(--_1x4bl8z0-3-13-0);
+}
+._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > *:not(:has([disabled])):hover,
+ ._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > *:not(:has([disabled])):active {
+  --_1x4bl8z0-3-13-0: 2;
+}
+._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > ._bx32hd-3-13-0._bx32h8-3-13-0:not(._bx32h6-3-13-0):not(:has(._1a8lqy92-3-13-0)):not(._1a8lqy92-3-13-0):hover,
+ ._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > ._bx32hd-3-13-0._bx32h8-3-13-0:not(._bx32h6-3-13-0):not(:has(._1a8lqy92-3-13-0)):not(._1a8lqy92-3-13-0):active {
+  --_1x4bl8z0-3-13-0: 2;
+}
+._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > ._bx32hd-3-13-0:is(._bx32h7-3-13-0,._bx32h9-3-13-0,._bx32ha-3-13-0,._bx32hb-3-13-0):not(._bx32h6-3-13-0):not(:has(._1a8lqy92-3-13-0)):not(._1a8lqy92-3-13-0),
+ ._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > *:has(._1a8lqy91-3-13-0):not(:has(._1a8lqy92-3-13-0)),
+ ._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0._1a8lqy91-3-13-0:not(._1a8lqy92-3-13-0) > *:not(._bx32h6-3-13-0):not(:has(._1a8lqy92-3-13-0)):not(._1a8lqy92-3-13-0) {
+  --_1x4bl8z0-3-13-0: 3;
+}
+._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > ._bx32hd-3-13-0:is(._bx32h7-3-13-0,._bx32h9-3-13-0,._bx32ha-3-13-0,._bx32hb-3-13-0):not(._bx32h6-3-13-0):not(:has(._1a8lqy92-3-13-0)):not(._1a8lqy92-3-13-0):hover,
+ ._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > ._bx32hd-3-13-0:is(._bx32h7-3-13-0,._bx32h9-3-13-0,._bx32ha-3-13-0,._bx32hb-3-13-0):not(._bx32h6-3-13-0):not(:has(._1a8lqy92-3-13-0)):not(._1a8lqy92-3-13-0):active,
+ ._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > *:has(._1a8lqy91-3-13-0):not(:has(._1a8lqy92-3-13-0)):hover,
+ ._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > *:has(._1a8lqy91-3-13-0):not(:has(._1a8lqy92-3-13-0)):active,
+ ._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0._1a8lqy91-3-13-0:not(._1a8lqy92-3-13-0) > *:not(._bx32h6-3-13-0):not(:has(._1a8lqy92-3-13-0)):not(._1a8lqy92-3-13-0):hover,
+ ._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0._1a8lqy91-3-13-0:not(._1a8lqy92-3-13-0) > *:not(._bx32h6-3-13-0):not(:has(._1a8lqy92-3-13-0)):not(._1a8lqy92-3-13-0):active {
+  --_1x4bl8z0-3-13-0: 4;
+}
+._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > ._bx32he-3-13-0:not(._bx32h6-3-13-0):not(:has(._1a8lqy92-3-13-0)):not(._1a8lqy92-3-13-0) {
+  --_1x4bl8z0-3-13-0: 5;
+}
+._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > *:focus-within,
+ ._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > * > .strato-inputgroup:focus-within {
+  --_1x4bl8z0-3-13-0: 6;
+}
+._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > ._bx32h6-3-13-0,
+ ._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > ._bx32h6-3-13-0:is(:hover, :active),
+ ._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > ._1a8lqy92-3-13-0,
+ ._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > ._1a8lqy92-3-13-0:is(:hover, :active),
+ ._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > *:has(._1a8lqy92-3-13-0),
+ ._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > *:has(._1a8lqy92-3-13-0):is(:hover, :active),
+ ._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > *:has(._bx32h6-3-13-0),
+ ._1jgl8s50-3-13-0 ._1x4bl8z1-3-13-0 > *:has(._bx32h6-3-13-0):is(:hover, :active) {
+  --_1x4bl8z0-3-13-0: 0;
+}
+._1x4bl8z1-3-13-0 > .strato-inputgroup:not(:last-child),
+ ._1x4bl8z1-3-13-0 > *:not(:last-child) :is(.strato-inputgroup, .cm-editor) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-._1x4bl8z1-3-12-2 > .strato-inputgroup:not(:first-child),
- ._1x4bl8z1-3-12-2 > *:not(:first-child) :is(.strato-inputgroup, .cm-editor) {
+._1x4bl8z1-3-13-0 > .strato-inputgroup:not(:first-child),
+ ._1x4bl8z1-3-13-0 > *:not(:first-child) :is(.strato-inputgroup, .cm-editor) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._1x4bl8z1-3-12-2 > ._mvcxum0-3-12-2 {
+._1x4bl8z1-3-13-0 > ._mvcxum0-3-13-0 {
   display: grid;
   align-items: center;
   grid-template-rows: subgrid;
 }
-._1x4bl8z1-3-12-2:has(> ._mvcxum0-3-12-2 > label):has(> ._mvcxum0-3-12-2 > ._1l9bja60-3-12-2:last-child:not(:empty)) > ._mvcxum0-3-12-2 {
+._1x4bl8z1-3-13-0:has(> ._mvcxum0-3-13-0 > label):has(> ._mvcxum0-3-13-0 > ._1l9bja60-3-13-0:last-child:not(:empty)) > ._mvcxum0-3-13-0 {
   grid-row: 1 / span 3;
 }
-._1x4bl8z1-3-12-2:has(> ._mvcxum0-3-12-2 > label):not(:has(> ._mvcxum0-3-12-2 > ._1l9bja60-3-12-2:last-child:not(:empty))) > ._mvcxum0-3-12-2 {
+._1x4bl8z1-3-13-0:has(> ._mvcxum0-3-13-0 > label):not(:has(> ._mvcxum0-3-13-0 > ._1l9bja60-3-13-0:last-child:not(:empty))) > ._mvcxum0-3-13-0 {
   grid-row: 1 / span 2;
 }
-._1x4bl8z1-3-12-2:not(:has(> ._mvcxum0-3-12-2 > label)):has(> ._mvcxum0-3-12-2 > ._1l9bja60-3-12-2:last-child:not(:empty)) > ._mvcxum0-3-12-2 {
+._1x4bl8z1-3-13-0:not(:has(> ._mvcxum0-3-13-0 > label)):has(> ._mvcxum0-3-13-0 > ._1l9bja60-3-13-0:last-child:not(:empty)) > ._mvcxum0-3-13-0 {
   grid-row: 1 / span 2;
 }
-._1x4bl8z1-3-12-2 > ._mvcxum0-3-12-2 > label {
+._1x4bl8z1-3-13-0 > ._mvcxum0-3-13-0 > label {
   grid-row: 1 / 2;
   align-self: end;
 }
-._1x4bl8z1-3-12-2 > ._mvcxum0-3-12-2:has(> :not(label, ._1l9bja60-3-12-2)) > label {
+._1x4bl8z1-3-13-0 > ._mvcxum0-3-13-0:has(> :not(label, ._1l9bja60-3-13-0)) > label {
   width: 0;
   min-width: 100%;
 }
-._1x4bl8z1-3-12-2 > :not(._mvcxum0-3-12-2) {
+._1x4bl8z1-3-13-0 > :not(._mvcxum0-3-13-0) {
   grid-row: 1 / 2;
 }
-._1x4bl8z1-3-12-2:has(> ._mvcxum0-3-12-2 > label) > :not(._mvcxum0-3-12-2), ._1x4bl8z1-3-12-2:has(> ._mvcxum0-3-12-2 > label) > ._mvcxum0-3-12-2 > :not(label, ._1l9bja60-3-12-2) {
+._1x4bl8z1-3-13-0:has(> ._mvcxum0-3-13-0 > label) > :not(._mvcxum0-3-13-0), ._1x4bl8z1-3-13-0:has(> ._mvcxum0-3-13-0 > label) > ._mvcxum0-3-13-0 > :not(label, ._1l9bja60-3-13-0) {
   grid-row: 2 / 3;
 }
-._1x4bl8z1-3-12-2:has(> ._mvcxum0-3-12-2 > label) > ._mvcxum0-3-12-2 > ._1l9bja60-3-12-2 {
+._1x4bl8z1-3-13-0:has(> ._mvcxum0-3-13-0 > label) > ._mvcxum0-3-13-0 > ._1l9bja60-3-13-0 {
   grid-row: 3 / 4;
   align-self: start;
 }
-._1x4bl8z1-3-12-2 > ._mvcxum0-3-12-2:has(> :not(label, ._1l9bja60-3-12-2)) > ._1l9bja60-3-12-2 ._16z6rg14-3-12-2 {
+._1x4bl8z1-3-13-0 > ._mvcxum0-3-13-0:has(> :not(label, ._1l9bja60-3-13-0)) > ._1l9bja60-3-13-0 ._16z6rg14-3-13-0 {
   width: 0;
   flex: 1 1 auto;
 }

package/esm/layouts/input-group/InputGroup.sty.js

@@ -7,7 +7,7 @@ import "../../forms/forms-core/components/form-field/FormField.css";
 import "../../forms/forms-core/components/form-field-messages/FormFieldMessageItem.css";
 import "../../forms/forms-core/components/form-field-messages/FormFieldMessages.css";
 import "./InputGroup.css";
-var inputGroup = "_1x4bl8z1-3-12-2";
+var inputGroup = "_1x4bl8z1-3-13-0";
 var inputGroupClassName = "strato-inputgroup";
 export {
   inputGroup,

package/esm/layouts/input-group/InputGroup.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/input-group/InputGroup.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport '../../styles/textStyle.css';\nimport '../../forms/hooks/useAutofillEvent.css';\nimport '../../forms/_base-input/BaseInput.css';\nimport '../../forms/forms-core/components/form-field/FormField.css';\nimport '../../forms/forms-core/components/form-field-messages/FormFieldMessageItem.css';\nimport '../../forms/forms-core/components/form-field-messages/FormFieldMessages.css';\nimport './InputGroup.css';\nexport var inputGroup = '_1x4bl8z1-3-12-2';\nexport var inputGroupClassName = 'strato-inputgroup';"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport '../../styles/textStyle.css';\nimport '../../forms/hooks/useAutofillEvent.css';\nimport '../../forms/_base-input/BaseInput.css';\nimport '../../forms/forms-core/components/form-field/FormField.css';\nimport '../../forms/forms-core/components/form-field-messages/FormFieldMessageItem.css';\nimport '../../forms/forms-core/components/form-field-messages/FormFieldMessages.css';\nimport './InputGroup.css';\nexport var inputGroup = '_1x4bl8z1-3-13-0';\nexport var inputGroupClassName = 'strato-inputgroup';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,aAAa;AACjB,IAAI,sBAAsB;",
   "names": []
 }

package/esm/layouts/page/DetailView.css

@@ -1,11 +1,11 @@
-._wapl5d0-3-12-2 {
+._wapl5d0-3-13-0 {
   grid-area: details;
   flex-direction: row-reverse;
 }
-._wapl5d1-3-12-2 {
+._wapl5d1-3-13-0 {
   background: var(--dt-colors-background-base-default, #f9f9fa);
   border-top-left-radius: var(--dt-borders-radius-surface-default, 12px);
 }
-._1jgl8s50-3-12-2 ._wapl5d1-3-12-2 {
+._1jgl8s50-3-13-0 ._wapl5d1-3-13-0 {
   border-top-left-radius: 0;
 }

package/esm/layouts/page/DetailView.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/page/DetailView.tsx"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-deprecated */\nimport clsx from 'clsx';\nimport { forwardRef, useCallback, useRef, type HTMLAttributes } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport * as styles from './DetailView.sty.js';\nimport { useKeepMounted } from './keepMounted.js';\nimport { usePageContext, useRegisterPagePanel } from './page-context.js';\nimport type {\n  ControlledPagePanelProps,\n  PagePanelSizes,\n  PanelName,\n  UncontrolledPagePanelProps,\n} from './page-types.js';\nimport type { PanelSize } from './panel-types.js';\nimport * as panelStyles from './panel.sty.js';\nimport { Panel } from './Panel.js';\nimport { useWatchBreakpoint } from './useWatchBreakpoint.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport type { WithChildren } from '../../core/types/with-children.js';\nimport { Drawer } from '../../overlays/drawer/Drawer.js';\n\n/**\n * @public\n * @deprecated Deprecated along with the `Page` component. Please use `PageLayout.Details` instead.\n */\nexport interface DetailViewOwnProps\n  extends WithChildren,\n    Omit<HTMLAttributes<HTMLDivElement>, 'onResize' | keyof StylingProps>,\n    StylingProps,\n    DataTestId {\n  /**\n   * The desired width of the sidebar.\n   * Depending on the available screen width and other panel configurations,\n   * the size of the panel might not match the `preferredWidth` exactly.\n   * @defaultValue 15%\n   */\n  preferredWidth?: PanelSize;\n  /**\n   * The minimum width of the sidebar in pixels.\n   * @defaultValue 200\n   */\n  minWidth?: number;\n  /**\n   * Screen size below which the overlay Drawer will be shown.\n   * @defaultValue 640\n   */\n  breakpoint?: number;\n  /**\n   * If the sidebar's width can be resized (by drag and drop)\n   * @defaultValue true\n   */\n  resizable?: boolean;\n  /**\n   * Defines if the Sidebar content will be kept in the DOM, even if the content\n   * is not shown to the user.\n   * @defaultValue false\n   */\n  keepMounted?: boolean;\n  /**\n   * Notifies the user if an action happened that should change the dismissed state\n   * like clicking on the backdrop on mobile.\n   * The returned state is only a recommendation and might differ from what the actual\n   * state of the panel should be.\n   */\n  onDismissChange?: (state: boolean, reason: string) => void;\n  /**\n   * Callback triggered after resizing is finished with the new panel sizes of\n   * all existing panels and the newly applied panel width (in px).\n   */\n  onResize?: (sizes: PagePanelSizes, width: number) => void;\n}\n\n/**\n * @public\n * @deprecated Deprecated along with the `Page` component. Please use `PageLayout.Details` instead.\n */\nexport interface ControlledDetailViewProps\n  extends DetailViewOwnProps,\n    ControlledPagePanelProps {}\n\n/**\n * @public\n * @deprecated Deprecated along with the `Page` component. Please use `PageLayout.Details` instead.\n */\nexport interface UncontrolledDetailViewProps\n  extends DetailViewOwnProps,\n    UncontrolledPagePanelProps {}\n\n/**\n * @public\n * @deprecated Deprecated along with the `Page` component. Please use `PageLayout.Details` instead.\n */\nexport type DetailViewProps =\n  | ControlledDetailViewProps\n  | UncontrolledDetailViewProps;\n\n/**\n * The `DetailView` component is used inside the `Page` component for displaying content in the corresponding panel.\n * @public\n * @deprecated The `Page.DetailView` component is deprecated. Please use `PageLayout.Details` instead.\n */\nexport const DetailView = forwardRef<HTMLDivElement, DetailViewProps>(\n  (props, forwardedRef) => {\n    const {\n      breakpoint = 1280,\n      className,\n      defaultDismissed,\n      dismissed,\n      minWidth = 320,\n      onDismissChange,\n      onResize,\n      resizable = true,\n      preferredWidth = '25%',\n      style,\n      children,\n      keepMounted = false,\n      ...restProps\n    }: DetailViewProps = props;\n\n    const panelId = useId();\n    const panelName: PanelName = 'details';\n    const panelRef = useRef<HTMLDivElement>(null);\n    const mergedRefs = useMergeRefs([panelRef, forwardedRef]);\n    const intl = useIntl();\n\n    const page = usePageContext();\n\n    const panel = useRegisterPagePanel(panelName, {\n      ref: panelRef,\n      isControlled: dismissed !== undefined,\n      isDismissed: dismissed ?? props.defaultDismissed,\n      minWidth,\n      breakpoint,\n    });\n\n    const setIsDismissedWithReason = useCallback(\n      (value: boolean, reason: string) => {\n        if (value === true) {\n          page.dismissPanel(panelName);\n        } else {\n          page.expandPanel(panelName);\n        }\n        onDismissChange?.(value, reason);\n      },\n      [onDismissChange, page, panelName],\n    );\n\n    const aboveBreakpoint = useWatchBreakpoint({\n      breakpoint,\n      callback: setIsDismissedWithReason,\n    });\n\n    const panelChildren = useKeepMounted({ children, keepMounted });\n\n    if (!panel) {\n      return null;\n    }\n\n    const label = intl.formatMessage({\n      defaultMessage: 'Detail View',\n      id: 'rR+xf1BGWvDgZVww',\n    });\n\n    const isDisplayedAsDismissed = !aboveBreakpoint || panel.isDismissed;\n\n    return (\n      <Panel\n        name={panelName}\n        id={panelId}\n        className={clsx(\n          isDisplayedAsDismissed && panelStyles.dismissedPanel,\n          styles.details,\n        )}\n        aria-label={label}\n      >\n        <Panel.Content\n          {...restProps}\n          containerSize={page.containerSize}\n          ref={mergedRefs}\n          label={label}\n          onResize={(width) => onResize?.(page.getPanelSizes(), width)}\n          preferredWidth={preferredWidth}\n          minWidth={minWidth}\n          handle={resizable === true ? 'left' : 'hidden'}\n          isDismissed={isDisplayedAsDismissed}\n          className={clsx(styles.content, className)}\n          style={style}\n        >\n          {panelChildren}\n        </Panel.Content>\n\n        {!aboveBreakpoint ? (\n          <Drawer\n            className={panelStyles.drawer}\n            isDismissed={panel.isDismissed}\n            onDismiss={setIsDismissedWithReason}\n            placement=\"right\"\n            width=\"wide\"\n          >\n            <div {...restProps} className={panelStyles.drawerContent}>\n              {children}\n            </div>\n          </Drawer>\n        ) : null}\n      </Panel>\n    );\n  },\n);\n(DetailView as typeof DetailView & { displayName: string }).displayName =\n  'Page.DetailView';\n"],
-  "mappings": "AA0KM,SASE,KATF;AAzKN,OAAO,UAAU;AACjB,SAAS,YAAY,aAAa,cAAmC;AACrE,SAAS,eAAe;AAExB,YAAY,YAAY;AACxB,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB,4BAA4B;AAQrD,YAAY,iBAAiB;AAC7B,SAAS,aAAa;AACtB,SAAS,0BAA0B;AACnC,SAAS,aAAa;AACtB,SAAS,oBAAoB;AAI7B,SAAS,cAAc;AAkFhB,MAAM,aAAa;AAAA,EACxB,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,GAAG;AAAA,IACL,IAAqB;AAErB,UAAM,UAAU,MAAM;AACtB,UAAM,YAAuB;AAC7B,UAAM,WAAW,OAAuB,IAAI;AAC5C,UAAM,aAAa,aAAa,CAAC,UAAU,YAAY,CAAC;AACxD,UAAM,OAAO,QAAQ;AAErB,UAAM,OAAO,eAAe;AAE5B,UAAM,QAAQ,qBAAqB,WAAW;AAAA,MAC5C,KAAK;AAAA,MACL,cAAc,cAAc;AAAA,MAC5B,aAAa,aAAa,MAAM;AAAA,MAChC;AAAA,MACA;AAAA,IACF,CAAC;AAED,UAAM,2BAA2B;AAAA,MAC/B,CAAC,OAAgB,WAAmB;AAClC,YAAI,UAAU,MAAM;AAClB,eAAK,aAAa,SAAS;AAAA,QAC7B,OAAO;AACL,eAAK,YAAY,SAAS;AAAA,QAC5B;AACA,0BAAkB,OAAO,MAAM;AAAA,MACjC;AAAA,MACA,CAAC,iBAAiB,MAAM,SAAS;AAAA,IACnC;AAEA,UAAM,kBAAkB,mBAAmB;AAAA,MACzC;AAAA,MACA,UAAU;AAAA,IACZ,CAAC;AAED,UAAM,gBAAgB,eAAe,EAAE,UAAU,YAAY,CAAC;AAE9D,QAAI,CAAC,OAAO;AACV,aAAO;AAAA,IACT;AAEA,UAAM,QAAQ,KAAK,cAAc;AAAA,MAC/B,gBAAgB;AAAA,MAChB,IAAI;AAAA,IACN,CAAC;AAED,UAAM,yBAAyB,CAAC,mBAAmB,MAAM;AAEzD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,WAAW;AAAA,UACT,0BAA0B,YAAY;AAAA,UACtC,OAAO;AAAA,QACT;AAAA,QACA,cAAY;AAAA,QAEZ;AAAA;AAAA,YAAC,MAAM;AAAA,YAAN;AAAA,cACE,GAAG;AAAA,cACJ,eAAe,KAAK;AAAA,cACpB,KAAK;AAAA,cACL;AAAA,cACA,UAAU,CAAC,UAAU,WAAW,KAAK,cAAc,GAAG,KAAK;AAAA,cAC3D;AAAA,cACA;AAAA,cACA,QAAQ,cAAc,OAAO,SAAS;AAAA,cACtC,aAAa;AAAA,cACb,WAAW,KAAK,OAAO,SAAS,SAAS;AAAA,cACzC;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UAEC,CAAC,kBACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,YAAY;AAAA,cACvB,aAAa,MAAM;AAAA,cACnB,WAAW;AAAA,cACX,WAAU;AAAA,cACV,OAAM;AAAA,cAEN,8BAAC,SAAK,GAAG,WAAW,WAAW,YAAY,eACxC,UACH;AAAA;AAAA,UACF,IACE;AAAA;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACC,WAA2D,cAC1D;",
+  "sourcesContent": ["/* oxlint-disable typescript/no-deprecated */\nimport clsx from 'clsx';\nimport { forwardRef, useCallback, useRef, type HTMLAttributes } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport * as styles from './DetailView.sty.js';\nimport { useKeepMounted } from './keepMounted.js';\nimport { usePageContext, useRegisterPagePanel } from './page-context.js';\nimport type {\n  ControlledPagePanelProps,\n  PagePanelSizes,\n  PanelName,\n  UncontrolledPagePanelProps,\n} from './page-types.js';\nimport type { PanelSize } from './panel-types.js';\nimport * as panelStyles from './panel.sty.js';\nimport { Panel } from './Panel.js';\nimport { useWatchBreakpoint } from './useWatchBreakpoint.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport type { WithChildren } from '../../core/types/with-children.js';\nimport { Drawer } from '../../overlays/drawer/Drawer.js';\n\n/**\n * @public\n * @deprecated Deprecated along with the `Page` component. Please use `PageLayout.Details` instead.\n */\nexport interface DetailViewOwnProps\n  extends\n    WithChildren,\n    Omit<HTMLAttributes<HTMLDivElement>, 'onResize' | keyof StylingProps>,\n    StylingProps,\n    DataTestId {\n  /**\n   * The desired width of the sidebar.\n   * Depending on the available screen width and other panel configurations,\n   * the size of the panel might not match the `preferredWidth` exactly.\n   * @defaultValue 15%\n   */\n  preferredWidth?: PanelSize;\n  /**\n   * The minimum width of the sidebar in pixels.\n   * @defaultValue 200\n   */\n  minWidth?: number;\n  /**\n   * Screen size below which the overlay Drawer will be shown.\n   * @defaultValue 640\n   */\n  breakpoint?: number;\n  /**\n   * If the sidebar's width can be resized (by drag and drop)\n   * @defaultValue true\n   */\n  resizable?: boolean;\n  /**\n   * Defines if the Sidebar content will be kept in the DOM, even if the content\n   * is not shown to the user.\n   * @defaultValue false\n   */\n  keepMounted?: boolean;\n  /**\n   * Notifies the user if an action happened that should change the dismissed state\n   * like clicking on the backdrop on mobile.\n   * The returned state is only a recommendation and might differ from what the actual\n   * state of the panel should be.\n   */\n  onDismissChange?: (state: boolean, reason: string) => void;\n  /**\n   * Callback triggered after resizing is finished with the new panel sizes of\n   * all existing panels and the newly applied panel width (in px).\n   */\n  onResize?: (sizes: PagePanelSizes, width: number) => void;\n}\n\n/**\n * @public\n * @deprecated Deprecated along with the `Page` component. Please use `PageLayout.Details` instead.\n */\nexport interface ControlledDetailViewProps\n  extends DetailViewOwnProps, ControlledPagePanelProps {}\n\n/**\n * @public\n * @deprecated Deprecated along with the `Page` component. Please use `PageLayout.Details` instead.\n */\nexport interface UncontrolledDetailViewProps\n  extends DetailViewOwnProps, UncontrolledPagePanelProps {}\n\n/**\n * @public\n * @deprecated Deprecated along with the `Page` component. Please use `PageLayout.Details` instead.\n */\nexport type DetailViewProps =\n  | ControlledDetailViewProps\n  | UncontrolledDetailViewProps;\n\n/**\n * The `DetailView` component is used inside the `Page` component for displaying content in the corresponding panel.\n * @public\n * @deprecated The `Page.DetailView` component is deprecated. Please use `PageLayout.Details` instead.\n */\nexport const DetailView = forwardRef<HTMLDivElement, DetailViewProps>(\n  (props, forwardedRef) => {\n    const {\n      breakpoint = 1280,\n      className,\n      defaultDismissed,\n      dismissed,\n      minWidth = 320,\n      onDismissChange,\n      onResize,\n      resizable = true,\n      preferredWidth = '25%',\n      style,\n      children,\n      keepMounted = false,\n      ...restProps\n    }: DetailViewProps = props;\n\n    const panelId = useId();\n    const panelName: PanelName = 'details';\n    const panelRef = useRef<HTMLDivElement>(null);\n    const mergedRefs = useMergeRefs([panelRef, forwardedRef]);\n    const intl = useIntl();\n\n    const page = usePageContext();\n\n    const panel = useRegisterPagePanel(panelName, {\n      ref: panelRef,\n      isControlled: dismissed !== undefined,\n      isDismissed: dismissed ?? props.defaultDismissed,\n      minWidth,\n      breakpoint,\n    });\n\n    const setIsDismissedWithReason = useCallback(\n      (value: boolean, reason: string) => {\n        if (value === true) {\n          page.dismissPanel(panelName);\n        } else {\n          page.expandPanel(panelName);\n        }\n        onDismissChange?.(value, reason);\n      },\n      [onDismissChange, page, panelName],\n    );\n\n    const aboveBreakpoint = useWatchBreakpoint({\n      breakpoint,\n      callback: setIsDismissedWithReason,\n    });\n\n    const panelChildren = useKeepMounted({ children, keepMounted });\n\n    if (!panel) {\n      return null;\n    }\n\n    const label = intl.formatMessage({\n      defaultMessage: 'Detail View',\n      id: 'rR+xf1BGWvDgZVww',\n    });\n\n    const isDisplayedAsDismissed = !aboveBreakpoint || panel.isDismissed;\n\n    return (\n      <Panel\n        name={panelName}\n        id={panelId}\n        className={clsx(\n          isDisplayedAsDismissed && panelStyles.dismissedPanel,\n          styles.details,\n        )}\n        aria-label={label}\n      >\n        <Panel.Content\n          {...restProps}\n          containerSize={page.containerSize}\n          ref={mergedRefs}\n          label={label}\n          onResize={(width) => onResize?.(page.getPanelSizes(), width)}\n          preferredWidth={preferredWidth}\n          minWidth={minWidth}\n          handle={resizable === true ? 'left' : 'hidden'}\n          isDismissed={isDisplayedAsDismissed}\n          className={clsx(styles.content, className)}\n          style={style}\n        >\n          {panelChildren}\n        </Panel.Content>\n\n        {!aboveBreakpoint ? (\n          <Drawer\n            className={panelStyles.drawer}\n            isDismissed={panel.isDismissed}\n            onDismiss={setIsDismissedWithReason}\n            placement=\"right\"\n            width=\"wide\"\n          >\n            <div {...restProps} className={panelStyles.drawerContent}>\n              {children}\n            </div>\n          </Drawer>\n        ) : null}\n      </Panel>\n    );\n  },\n);\n(DetailView as typeof DetailView & { displayName: string }).displayName =\n  'Page.DetailView';\n"],
+  "mappings": "AAyKM,SASE,KATF;AAxKN,OAAO,UAAU;AACjB,SAAS,YAAY,aAAa,cAAmC;AACrE,SAAS,eAAe;AAExB,YAAY,YAAY;AACxB,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB,4BAA4B;AAQrD,YAAY,iBAAiB;AAC7B,SAAS,aAAa;AACtB,SAAS,0BAA0B;AACnC,SAAS,aAAa;AACtB,SAAS,oBAAoB;AAI7B,SAAS,cAAc;AAiFhB,MAAM,aAAa;AAAA,EACxB,CAAC,OAAO,iBAAiB;AACvB,UAAM;AAAA,MACJ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,GAAG;AAAA,IACL,IAAqB;AAErB,UAAM,UAAU,MAAM;AACtB,UAAM,YAAuB;AAC7B,UAAM,WAAW,OAAuB,IAAI;AAC5C,UAAM,aAAa,aAAa,CAAC,UAAU,YAAY,CAAC;AACxD,UAAM,OAAO,QAAQ;AAErB,UAAM,OAAO,eAAe;AAE5B,UAAM,QAAQ,qBAAqB,WAAW;AAAA,MAC5C,KAAK;AAAA,MACL,cAAc,cAAc;AAAA,MAC5B,aAAa,aAAa,MAAM;AAAA,MAChC;AAAA,MACA;AAAA,IACF,CAAC;AAED,UAAM,2BAA2B;AAAA,MAC/B,CAAC,OAAgB,WAAmB;AAClC,YAAI,UAAU,MAAM;AAClB,eAAK,aAAa,SAAS;AAAA,QAC7B,OAAO;AACL,eAAK,YAAY,SAAS;AAAA,QAC5B;AACA,0BAAkB,OAAO,MAAM;AAAA,MACjC;AAAA,MACA,CAAC,iBAAiB,MAAM,SAAS;AAAA,IACnC;AAEA,UAAM,kBAAkB,mBAAmB;AAAA,MACzC;AAAA,MACA,UAAU;AAAA,IACZ,CAAC;AAED,UAAM,gBAAgB,eAAe,EAAE,UAAU,YAAY,CAAC;AAE9D,QAAI,CAAC,OAAO;AACV,aAAO;AAAA,IACT;AAEA,UAAM,QAAQ,KAAK,cAAc;AAAA,MAC/B,gBAAgB;AAAA,MAChB,IAAI;AAAA,IACN,CAAC;AAED,UAAM,yBAAyB,CAAC,mBAAmB,MAAM;AAEzD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,WAAW;AAAA,UACT,0BAA0B,YAAY;AAAA,UACtC,OAAO;AAAA,QACT;AAAA,QACA,cAAY;AAAA,QAEZ;AAAA;AAAA,YAAC,MAAM;AAAA,YAAN;AAAA,cACE,GAAG;AAAA,cACJ,eAAe,KAAK;AAAA,cACpB,KAAK;AAAA,cACL;AAAA,cACA,UAAU,CAAC,UAAU,WAAW,KAAK,cAAc,GAAG,KAAK;AAAA,cAC3D;AAAA,cACA;AAAA,cACA,QAAQ,cAAc,OAAO,SAAS;AAAA,cACtC,aAAa;AAAA,cACb,WAAW,KAAK,OAAO,SAAS,SAAS;AAAA,cACzC;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UAEC,CAAC,kBACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,YAAY;AAAA,cACvB,aAAa,MAAM;AAAA,cACnB,WAAW;AAAA,cACX,WAAU;AAAA,cACV,OAAM;AAAA,cAEN,8BAAC,SAAK,GAAG,WAAW,WAAW,YAAY,eACxC,UACH;AAAA;AAAA,UACF,IACE;AAAA;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACC,WAA2D,cAC1D;",
   "names": []
 }

package/esm/layouts/page/DetailView.sty.js

@@ -1,7 +1,7 @@
 import "../../core/components/app-root/AppRoot.css";
 import "./DetailView.css";
-var content = "_wapl5d1-3-12-2";
-var details = "_wapl5d0-3-12-2";
+var content = "_wapl5d1-3-13-0";
+var details = "_wapl5d0-3-13-0";
 export {
   content,
   details

package/esm/layouts/page/DetailView.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/layouts/page/DetailView.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport './DetailView.css';\nexport var content = '_wapl5d1-3-12-2';\nexport var details = '_wapl5d0-3-12-2';"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport './DetailView.css';\nexport var content = '_wapl5d1-3-13-0';\nexport var details = '_wapl5d0-3-13-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACA,IAAI,UAAU;AACd,IAAI,UAAU;",
   "names": []
 }