@cognite/aura 0.3.5 → 1.46105.0

package/dist/lib/utils.js

@@ -1,37 +1,139 @@
-import e from "./style-scope.js";
-import { clsx as t } from "clsx";
-import { twMerge as n } from "tailwind-merge";
-//#region libs/aura/src/lib/utils.ts
-var r = null, i = !1;
-function a(...e) {
-	return n(t(e));
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+import styleScope from "./style-scope.js";
+let portalContainer = null;
+let hasWarnedAboutCustomPortalContainerProps = false;
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
 }
-var o = typeof window < "u" && window.__STORYBOOK_TEST__ === !0;
-function s(e) {
-	let t = e.trim().split(/\s+/);
-	return t.length === 0 || !t[0] ? "" : t.length === 1 ? t[0].slice(0, 2).toUpperCase() : t[0].charAt(0).toUpperCase() + t[t.length - 1].charAt(0).toUpperCase();
+export const isStorybookTestEnv = Boolean(import.meta.env.VITEST) || typeof window !== 'undefined' && window.__STORYBOOK_TEST__ === true;
+export function getInitials(name) {
+    const parts = name.trim().split(/\s+/);
+    if (parts.length === 0 || !parts[0]) {
+        return '';
+    }
+    if (parts.length === 1) {
+        return parts[0].slice(0, 2).toUpperCase();
+    }
+    const firstInitial = parts[0].charAt(0).toUpperCase();
+    const lastInitial = parts[parts.length - 1].charAt(0).toUpperCase();
+    return firstInitial + lastInitial;
 }
-var c = "focus-visible:shadow-focus-ring outline-none", l = "focus-visible:shadow-focus-ring-destructive outline-none", u = "border border-transparent rounded-lg bg-muted-background py-1.75 pl-2 pr-1 text-sm leading-5 tracking-tight text-muted-foreground placeholder:text-muted-foreground", d = "hover:bg-accent-background hover:border hover:border-border-emphasized", f = "[&:not(:placeholder-shown):not(:focus)]:bg-muted-background [&:not(:placeholder-shown)]:text-foreground", p = "focus-visible:shadow-focus-ring focus-visible:bg-background focus-visible:border-transparent focus-visible:text-foreground outline-none", m = "aria-invalid:border-destructive-foreground aria-invalid:shadow-focus-ring-destructive aria-invalid:border-transparent aria-invalid:text-foreground aria-invalid:focus-visible:shadow-focus-ring aria-invalid:focus-visible:bg-background aria-invalid:focus-visible:border-transparent aria-invalid:focus-visible:text-foreground outline-none", h = "disabled:bg-disabled-background disabled:border-transparent disabled:text-disabled-foreground disabled:placeholder:text-disabled-foreground disabled:pointer-events-none disabled:cursor-not-allowed", g = "read-only:border-transparent read-only:text-muted-foreground read-only:cursor-default read-only:hover:border-transparent read-only:focus-visible:shadow-none read-only:focus-visible:border-transparent read-only:focus-visible:bg-muted-background [&:read-only:not(:placeholder-shown)]:text-muted-foreground", _ = "grid max-w-150 cursor-pointer grid-cols-[auto_1fr] items-start gap-x-2 gap-y-1 has-[[data-disabled]]:cursor-not-allowed", v = "min-h-9 py-2", y = a("w-64 rounded-md border border-transparent p-3 bg-card-background", "has-[[data-checked]]:bg-active-muted-background", "hover:border-border-emphasized hover:bg-accent-background", "has-[[data-disabled]]:border-border has-[[data-disabled]]:bg-transparent", "has-[[data-disabled]]:hover:border-border has-[[data-disabled]]:hover:bg-transparent"), b = "col-start-2 text-sm font-medium leading-4.5 tracking-normal text-secondary-foreground dark:text-secondary-foreground", x = "col-start-2 text-xs font-normal leading-3.5 tracking-tightest text-muted-foreground";
-function S(e) {
-	return e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("");
+/**
+ * Focus rings for non-form interactive elements (buttons, etc.).
+ * These provide only the shadow-based focus ring without background/border changes.
+ */ export const focusRing = 'focus-visible:shadow-focus-ring outline-none';
+export const focusRingDestructive = 'focus-visible:shadow-focus-ring-destructive outline-none';
+/** Shared typography for section/group labels inside menus (dropdown, select, command). */ export const menuSectionLabelTypography = 'text-sm font-medium text-muted-foreground';
+/** Popover menu surface padding (dropdown content, command list). */ export const menuContainerPadding = 'p-1';
+/** Menu item padding — section labels use the same horizontal inset. */ export const menuItemPadding = 'p-2';
+/** Section label layout: 8px top, 4px bottom, horizontal padding aligned with menu items. */ export const menuSectionLabelLayout = 'pt-2 pb-1 px-2';
+export const menuSectionLabelClasses = cn(menuSectionLabelTypography, menuSectionLabelLayout);
+/** Full-width divider between menu sections (not below section labels).
+ * `-mx-1` cancels container padding so the line is edge-to-edge;
+ * `my-1` keeps a 4px gap so item hover surfaces match the container inset. */ export const menuSectionSeparatorClasses = 'bg-default h-px shrink-0 -mx-1 my-1';
+/**
+ * cmdk group headings (Command palette sections).
+ * pl-2 matches menu item content start — icon column when present, text when not.
+ */ export const menuSectionLabelCmdkHeadingClasses = '**:[[cmdk-group-heading]]:text-sm **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-muted-foreground **:[[cmdk-group-heading]]:pt-2 **:[[cmdk-group-heading]]:pb-1 **:[[cmdk-group-heading]]:pl-2 **:[[cmdk-group-heading]]:pr-2';
+/** When cmdk items use inset padding (e.g. checkbox column), align labels with item text. */ export const menuSectionLabelCmdkHeadingInsetClasses = '**:[[cmdk-group][data-inset=true]>[[cmdk-group-heading]]]:pl-8';
+/**
+ * Reusable form element state Tailwind classes.
+ * Import these to maintain consistent styling across all form components.
+ */ export const formElementBase = 'border border-transparent rounded-lg bg-medium-background py-1.75 pl-2 pr-1 text-sm leading-5 tracking-tight text-muted-foreground placeholder:text-muted-foreground';
+export const hoverState = 'hover:border-emphasized';
+export const filledState = '[&:not(:placeholder-shown):not(:focus):not(:read-only)]:bg-medium-background [&:not(:placeholder-shown):not(:read-only)]:text-base-foreground';
+export const focusState = 'focus-visible:shadow-focus-ring focus-visible:bg-base-background focus-visible:border-transparent focus-visible:text-base-foreground outline-none';
+export const invalidState = 'aria-invalid:border-destructive-foreground aria-invalid:shadow-focus-ring-destructive aria-invalid:border-transparent aria-invalid:text-base-foreground aria-invalid:focus-visible:shadow-focus-ring aria-invalid:focus-visible:bg-base-background aria-invalid:focus-visible:border-transparent aria-invalid:focus-visible:text-base-foreground outline-none';
+export const disabledState = 'disabled:bg-transparent disabled:border-disabled disabled:text-base-foreground-disabled disabled:placeholder:text-base-foreground-disabled disabled:pointer-events-none disabled:cursor-not-allowed';
+export const formFieldTriggerDisabledState = cn(disabledState, 'data-disabled:bg-transparent data-disabled:border-disabled data-disabled:text-base-foreground-disabled data-disabled:pointer-events-none data-disabled:cursor-not-allowed');
+/** Shared layout and states for select/combobox triggers (not native inputs). */ export const formFieldTriggerLayout = 'w-full min-w-0 h-9 flex items-center justify-between gap-2 text-left overflow-hidden transition-[color,box-shadow] cursor-pointer';
+export const formFieldOpenState = 'shadow-focus-ring bg-base-background border-transparent focus:border-transparent hover:border-transparent text-base-foreground';
+export const formFieldTriggerIcon = "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground disabled:[&_svg:not([class*='text-'])]:text-base-foreground-disabled data-disabled:[&_svg:not([class*='text-'])]:text-base-foreground-disabled data-readonly:[&_svg:not([class*='text-'])]:text-muted-foreground";
+export const formFieldTriggerReadOnlyState = 'data-readonly:bg-card-background data-readonly:border-transparent data-readonly:text-muted-foreground data-readonly:cursor-default data-readonly:hover:border-transparent data-readonly:focus-visible:shadow-none data-readonly:focus-visible:border-transparent data-readonly:focus-visible:bg-card-background';
+export const formFieldTriggerClasses = cn(formFieldTriggerLayout, formElementBase, hoverState, focusState, invalidState, formFieldTriggerDisabledState, formFieldTriggerReadOnlyState, formFieldTriggerIcon);
+export const readOnlyState = 'read-only:bg-card-background read-only:border-transparent read-only:text-muted-foreground read-only:placeholder:text-muted-foreground read-only:cursor-default read-only:hover:border-transparent read-only:focus-visible:shadow-none read-only:focus-visible:border-transparent read-only:focus-visible:bg-card-background [&:read-only:not(:placeholder-shown)]:text-muted-foreground';
+/**
+ * Reusable styles for selection-control rows (radio group items, checkbox items, etc.).
+ * These provide the shared layout, card variant, label, and description classes
+ * without baking in a parent group name (ancestor `group-has-[...]/<name>` selectors
+ * must stay inline in each consumer so they reference that component's own `group/<name>`).
+ */ export const selectionItemBase = 'grid max-w-150 cursor-pointer grid-cols-[auto_1fr] items-start gap-x-2 gap-y-1 has-[[data-disabled]]:cursor-not-allowed';
+export const selectionItemDefault = 'min-h-9 py-2';
+export const selectionItemCard = cn('w-64 rounded-md border border-transparent p-3 bg-card-background', 'has-[[data-checked]]:bg-secondary-background has-[[data-checked]]:hover:bg-secondary-background-hover', 'hover:border-default hover:bg-card-background-hover', 'has-[[data-disabled]]:border-disabled has-[[data-disabled]]:bg-transparent', 'has-[[data-disabled]]:hover:border-disabled has-[[data-disabled]]:hover:bg-transparent');
+export const selectionItemLabel = 'col-start-2 text-sm font-medium leading-4.5 tracking-normal text-secondary-foreground';
+export const selectionItemDescription = 'col-start-2 text-xs font-normal leading-3.5 tracking-tightest text-muted-foreground';
+export function slugToPascalCase(slug) {
+    return slug.split('-').map((part)=>part.charAt(0).toUpperCase() + part.slice(1)).join('');
 }
-function C(e) {
-	if (!e) return "unknown";
-	try {
-		return new URL(e).hostname;
-	} catch {
-		return e;
-	}
+/**
+ * Safely extracts hostname from a URL string.
+ * Returns the hostname if valid, otherwise returns the original string or "unknown".
+ *
+ * @param url - URL string to extract hostname from (optional)
+ * @returns The hostname, original string, or "unknown" if url is undefined
+ */ export function getHostname(url) {
+    if (!url) return 'unknown';
+    try {
+        return new URL(url).hostname;
+    } catch  {
+        return url;
+    }
 }
-var w = (t) => {
-	let n = !!(t && Object.keys(t).length > 0), a = t?.id ?? e.portalContainer, o = t?.className ?? e.styleScope, s = (e) => {
-		e.id = a, e.className = o, e.style.position = t?.style?.position ?? "fixed", e.style.zIndex = t?.style?.zIndex ?? "1000", t?.style && Object.assign(e.style, t.style);
-	};
-	if (r && !document.body?.contains(r) && (r = null), r) return n && console.warn("getPortalContainer: Portal container already exists. Custom options will be ignored to prevent side effects."), r;
-	if (typeof window > "u") return;
-	n && !i && (console.warn("Custom portal container props can lead to unintended behavior. Use with caution."), i = !0);
-	let c = document?.getElementById(a);
-	return c || (c = document.createElement("div"), document.body.appendChild(c)), s(c), r = c, c;
+/** True when `value` parses as JSON, so it is worth highlighting as such. */ export function isJsonString(value) {
+    const trimmed = value.trim();
+    if (!trimmed.startsWith('{') && !trimmed.startsWith('[')) {
+        return false;
+    }
+    try {
+        JSON.parse(trimmed);
+        return true;
+    } catch  {
+        return false;
+    }
+}
+/**
+ * Gets or creates the portal container for portalled UI components.
+ * Container is created in document.body to avoid positioning issues
+ * from the shell app's container query context.
+ * The result is cached to avoid side effects on subsequent calls during React renders.
+ */ export const getPortalContainer = (options)=>{
+    const hasCustomOptions = Boolean(options && Object.keys(options).length > 0);
+    const containerId = options?.id ?? styleScope.portalContainer;
+    const containerClassName = options?.className ?? styleScope.styleScope;
+    const applyContainerProps = (element)=>{
+        element.id = containerId;
+        element.className = containerClassName;
+        element.style.position = options?.style?.position ?? 'fixed';
+        element.style.zIndex = options?.style?.zIndex ?? '1000';
+        if (options?.style) {
+            Object.assign(element.style, options.style);
+        }
+    };
+    if (portalContainer && !document.body?.contains(portalContainer)) {
+        portalContainer = null;
+    }
+    if (portalContainer) {
+        if (hasCustomOptions) {
+            console.warn('getPortalContainer: Portal container already exists. Custom options will be ignored to prevent side effects.');
+        }
+        return portalContainer;
+    }
+    if (typeof window === 'undefined') {
+        return undefined;
+    }
+    if (hasCustomOptions && !hasWarnedAboutCustomPortalContainerProps) {
+        console.warn('Custom portal container props can lead to unintended behavior. Use with caution.');
+        hasWarnedAboutCustomPortalContainerProps = true;
+    }
+    let container = document?.getElementById(containerId);
+    if (!container) {
+        container = document.createElement('div');
+        document.body.appendChild(container);
+    }
+    applyContainerProps(container);
+    portalContainer = container;
+    return container;
 };
-//#endregion
-export { a as cn, h as disabledState, f as filledState, c as focusRing, l as focusRingDestructive, p as focusState, u as formElementBase, C as getHostname, s as getInitials, w as getPortalContainer, d as hoverState, m as invalidState, o as isStorybookTestEnv, g as readOnlyState, _ as selectionItemBase, y as selectionItemCard, v as selectionItemDefault, x as selectionItemDescription, b as selectionItemLabel, S as slugToPascalCase };
+
+//# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nimport styleScope from './style-scope';\n\nlet portalContainer: HTMLElement | null = null;\nlet hasWarnedAboutCustomPortalContainerProps = false;\n\ntype PortalContainerOptions = {\n  id?: string;\n  className?: string;\n  style?: Partial<CSSStyleDeclaration>;\n};\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n\nexport const isStorybookTestEnv: boolean =\n  Boolean(import.meta.env.VITEST) ||\n  (typeof window !== 'undefined' &&\n    (window as Window & { __STORYBOOK_TEST__?: boolean }).__STORYBOOK_TEST__ ===\n      true);\n\nexport function getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/);\n\n  if (parts.length === 0 || !parts[0]) {\n    return '';\n  }\n\n  if (parts.length === 1) {\n    return parts[0].slice(0, 2).toUpperCase();\n  }\n\n  const firstInitial = parts[0].charAt(0).toUpperCase();\n  const lastInitial = parts[parts.length - 1].charAt(0).toUpperCase();\n\n  return firstInitial + lastInitial;\n}\n\n/**\n * Focus rings for non-form interactive elements (buttons, etc.).\n * These provide only the shadow-based focus ring without background/border changes.\n */\nexport const focusRing =\n  'focus-visible:shadow-focus-ring outline-none' as const;\nexport const focusRingDestructive =\n  'focus-visible:shadow-focus-ring-destructive outline-none' as const;\n\n/** Shared typography for section/group labels inside menus (dropdown, select, command). */\nexport const menuSectionLabelTypography =\n  'text-sm font-medium text-muted-foreground' as const;\n\n/** Popover menu surface padding (dropdown content, command list). */\nexport const menuContainerPadding = 'p-1' as const;\n\n/** Menu item padding — section labels use the same horizontal inset. */\nexport const menuItemPadding = 'p-2' as const;\n\n/** Section label layout: 8px top, 4px bottom, horizontal padding aligned with menu items. */\nexport const menuSectionLabelLayout = 'pt-2 pb-1 px-2' as const;\n\nexport const menuSectionLabelClasses: string = cn(\n  menuSectionLabelTypography,\n  menuSectionLabelLayout\n);\n\n/** Full-width divider between menu sections (not below section labels).\n * `-mx-1` cancels container padding so the line is edge-to-edge;\n * `my-1` keeps a 4px gap so item hover surfaces match the container inset. */\nexport const menuSectionSeparatorClasses =\n  'bg-default h-px shrink-0 -mx-1 my-1' as const;\n\n/**\n * cmdk group headings (Command palette sections).\n * pl-2 matches menu item content start — icon column when present, text when not.\n */\nexport const menuSectionLabelCmdkHeadingClasses =\n  '**:[[cmdk-group-heading]]:text-sm **:[[cmdk-group-heading]]:font-medium **:[[cmdk-group-heading]]:text-muted-foreground **:[[cmdk-group-heading]]:pt-2 **:[[cmdk-group-heading]]:pb-1 **:[[cmdk-group-heading]]:pl-2 **:[[cmdk-group-heading]]:pr-2' as const;\n\n/** When cmdk items use inset padding (e.g. checkbox column), align labels with item text. */\nexport const menuSectionLabelCmdkHeadingInsetClasses =\n  '**:[[cmdk-group][data-inset=true]>[[cmdk-group-heading]]]:pl-8' as const;\n\n/**\n * Reusable form element state Tailwind classes.\n * Import these to maintain consistent styling across all form components.\n */\nexport const formElementBase =\n  'border border-transparent rounded-lg bg-medium-background py-1.75 pl-2 pr-1 text-sm leading-5 tracking-tight text-muted-foreground placeholder:text-muted-foreground' as const;\nexport const hoverState = 'hover:border-emphasized' as const;\nexport const filledState =\n  '[&:not(:placeholder-shown):not(:focus):not(:read-only)]:bg-medium-background [&:not(:placeholder-shown):not(:read-only)]:text-base-foreground' as const;\nexport const focusState =\n  'focus-visible:shadow-focus-ring focus-visible:bg-base-background focus-visible:border-transparent focus-visible:text-base-foreground outline-none' as const;\nexport const invalidState =\n  'aria-invalid:border-destructive-foreground aria-invalid:shadow-focus-ring-destructive aria-invalid:border-transparent aria-invalid:text-base-foreground aria-invalid:focus-visible:shadow-focus-ring aria-invalid:focus-visible:bg-base-background aria-invalid:focus-visible:border-transparent aria-invalid:focus-visible:text-base-foreground outline-none' as const;\nexport const disabledState =\n  'disabled:bg-transparent disabled:border-disabled disabled:text-base-foreground-disabled disabled:placeholder:text-base-foreground-disabled disabled:pointer-events-none disabled:cursor-not-allowed' as const;\nexport const formFieldTriggerDisabledState: string = cn(\n  disabledState,\n  'data-disabled:bg-transparent data-disabled:border-disabled data-disabled:text-base-foreground-disabled data-disabled:pointer-events-none data-disabled:cursor-not-allowed'\n);\n\n/** Shared layout and states for select/combobox triggers (not native inputs). */\nexport const formFieldTriggerLayout =\n  'w-full min-w-0 h-9 flex items-center justify-between gap-2 text-left overflow-hidden transition-[color,box-shadow] cursor-pointer' as const;\nexport const formFieldOpenState =\n  'shadow-focus-ring bg-base-background border-transparent focus:border-transparent hover:border-transparent text-base-foreground' as const;\nexport const formFieldTriggerIcon =\n  \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground disabled:[&_svg:not([class*='text-'])]:text-base-foreground-disabled data-disabled:[&_svg:not([class*='text-'])]:text-base-foreground-disabled data-readonly:[&_svg:not([class*='text-'])]:text-muted-foreground\" as const;\nexport const formFieldTriggerReadOnlyState =\n  'data-readonly:bg-card-background data-readonly:border-transparent data-readonly:text-muted-foreground data-readonly:cursor-default data-readonly:hover:border-transparent data-readonly:focus-visible:shadow-none data-readonly:focus-visible:border-transparent data-readonly:focus-visible:bg-card-background' as const;\nexport const formFieldTriggerClasses: string = cn(\n  formFieldTriggerLayout,\n  formElementBase,\n  hoverState,\n  focusState,\n  invalidState,\n  formFieldTriggerDisabledState,\n  formFieldTriggerReadOnlyState,\n  formFieldTriggerIcon\n);\n\nexport const readOnlyState =\n  'read-only:bg-card-background read-only:border-transparent read-only:text-muted-foreground read-only:placeholder:text-muted-foreground read-only:cursor-default read-only:hover:border-transparent read-only:focus-visible:shadow-none read-only:focus-visible:border-transparent read-only:focus-visible:bg-card-background [&:read-only:not(:placeholder-shown)]:text-muted-foreground' as const;\n\n/**\n * Reusable styles for selection-control rows (radio group items, checkbox items, etc.).\n * These provide the shared layout, card variant, label, and description classes\n * without baking in a parent group name (ancestor `group-has-[...]/<name>` selectors\n * must stay inline in each consumer so they reference that component's own `group/<name>`).\n */\nexport const selectionItemBase =\n  'grid max-w-150 cursor-pointer grid-cols-[auto_1fr] items-start gap-x-2 gap-y-1 has-[[data-disabled]]:cursor-not-allowed' as const;\nexport const selectionItemDefault = 'min-h-9 py-2' as const;\nexport const selectionItemCard: string = cn(\n  'w-64 rounded-md border border-transparent p-3 bg-card-background',\n  'has-[[data-checked]]:bg-secondary-background has-[[data-checked]]:hover:bg-secondary-background-hover',\n  'hover:border-default hover:bg-card-background-hover',\n  'has-[[data-disabled]]:border-disabled has-[[data-disabled]]:bg-transparent',\n  'has-[[data-disabled]]:hover:border-disabled has-[[data-disabled]]:hover:bg-transparent'\n);\nexport const selectionItemLabel =\n  'col-start-2 text-sm font-medium leading-4.5 tracking-normal text-secondary-foreground' as const;\nexport const selectionItemDescription =\n  'col-start-2 text-xs font-normal leading-3.5 tracking-tightest text-muted-foreground' as const;\n\nexport function slugToPascalCase(slug: string): string {\n  return slug\n    .split('-')\n    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n    .join('');\n}\n\n/**\n * Safely extracts hostname from a URL string.\n * Returns the hostname if valid, otherwise returns the original string or \"unknown\".\n *\n * @param url - URL string to extract hostname from (optional)\n * @returns The hostname, original string, or \"unknown\" if url is undefined\n */\nexport function getHostname(url: string | undefined): string {\n  if (!url) return 'unknown';\n  try {\n    return new URL(url).hostname;\n  } catch {\n    return url;\n  }\n}\n\n/** True when `value` parses as JSON, so it is worth highlighting as such. */\nexport function isJsonString(value: string): boolean {\n  const trimmed = value.trim();\n  if (!trimmed.startsWith('{') && !trimmed.startsWith('[')) {\n    return false;\n  }\n  try {\n    JSON.parse(trimmed);\n    return true;\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Gets or creates the portal container for portalled UI components.\n * Container is created in document.body to avoid positioning issues\n * from the shell app's container query context.\n * The result is cached to avoid side effects on subsequent calls during React renders.\n */\nexport const getPortalContainer = (\n  options?: PortalContainerOptions\n): HTMLElement | undefined => {\n  const hasCustomOptions = Boolean(options && Object.keys(options).length > 0);\n\n  const containerId = options?.id ?? styleScope.portalContainer;\n  const containerClassName = options?.className ?? styleScope.styleScope;\n  const applyContainerProps = (element: HTMLElement) => {\n    element.id = containerId;\n    element.className = containerClassName;\n    element.style.position = options?.style?.position ?? 'fixed';\n    element.style.zIndex = options?.style?.zIndex ?? '1000';\n    if (options?.style) {\n      Object.assign(element.style, options.style);\n    }\n  };\n\n  if (portalContainer && !document.body?.contains(portalContainer)) {\n    portalContainer = null;\n  }\n\n  if (portalContainer) {\n    if (hasCustomOptions) {\n      console.warn(\n        'getPortalContainer: Portal container already exists. Custom options will be ignored to prevent side effects.'\n      );\n    }\n    return portalContainer;\n  }\n\n  if (typeof window === 'undefined') {\n    return undefined;\n  }\n\n  if (hasCustomOptions && !hasWarnedAboutCustomPortalContainerProps) {\n    console.warn(\n      'Custom portal container props can lead to unintended behavior. Use with caution.'\n    );\n    hasWarnedAboutCustomPortalContainerProps = true;\n  }\n\n  let container = document?.getElementById(containerId);\n\n  if (!container) {\n    container = document.createElement('div');\n    document.body.appendChild(container);\n  }\n\n  applyContainerProps(container);\n\n  portalContainer = container;\n  return container;\n};\n"],"names":["clsx","twMerge","styleScope","portalContainer","hasWarnedAboutCustomPortalContainerProps","cn","inputs","isStorybookTestEnv","Boolean","env","VITEST","window","__STORYBOOK_TEST__","getInitials","name","parts","trim","split","length","slice","toUpperCase","firstInitial","charAt","lastInitial","focusRing","focusRingDestructive","menuSectionLabelTypography","menuContainerPadding","menuItemPadding","menuSectionLabelLayout","menuSectionLabelClasses","menuSectionSeparatorClasses","menuSectionLabelCmdkHeadingClasses","menuSectionLabelCmdkHeadingInsetClasses","formElementBase","hoverState","filledState","focusState","invalidState","disabledState","formFieldTriggerDisabledState","formFieldTriggerLayout","formFieldOpenState","formFieldTriggerIcon","formFieldTriggerReadOnlyState","formFieldTriggerClasses","readOnlyState","selectionItemBase","selectionItemDefault","selectionItemCard","selectionItemLabel","selectionItemDescription","slugToPascalCase","slug","map","part","join","getHostname","url","URL","hostname","isJsonString","value","trimmed","startsWith","JSON","parse","getPortalContainer","options","hasCustomOptions","Object","keys","containerId","id","containerClassName","className","applyContainerProps","element","style","position","zIndex","assign","document","body","contains","console","warn","undefined","container","getElementById","createElement","appendChild"],"mappings":"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"}