@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

package/dist/cjs/components/shared/utils/renderHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderHeader.cjs","names":["isDialogHeaderFunction","useOptionalStepControlContext","Environment","UnifiedHeader"],"sources":["../../../../../src/components/shared/utils/renderHeader.tsx"],"sourcesContent":["import type { BaseRecord } from \"@refinedev/core\";\n\nimport React, { ReactNode } from \"react\";\n\nimport {\n  DialogConfig,\n  isDialogHeaderFunction,\n} from \"../../dialog/Dialog.types\";\nimport { useOptionalStepControlContext } from \"../../form/StepControlContext\";\nimport { Environment } from \"../environment/builders\";\nimport { UnifiedHeader } from \"../UnifiedHeader\";\n\nexport interface HeaderRenderConfig<T extends BaseRecord = any> {\n  /** Actions for the header */\n  actions?: any[];\n  /** CSS class name for the header container */\n  className?: string;\n  /** Description for the header */\n  description?: string;\n  /** Dialog configuration (required for dialog contexts) */\n  dialogConfig?: DialogConfig<T>;\n  /** Header configuration - can be false, ReactNode, or function */\n  header?: ((environment: any) => ReactNode) | false | ReactNode;\n  /** Whether this is rendered in a dialog context */\n  isDialog?: boolean;\n  /** Title for the header */\n  title?: string;\n  /** Configuration object for UnifiedHeader */\n  unifiedHeaderConfig?: any;\n}\n\n/**\n * Shared header rendering utility that standardizes header rendering\n * across dialogs and forms in the portal framework.\n *\n * This utility handles:\n * - Function-based headers with environment context\n * - Static header content\n * - Disabled headers (header: false)\n * - Default UnifiedHeader fallback\n * - Dialog vs standalone contexts\n * - Wizard/step form detection for dialogs\n */\nexport function renderHeader<T extends BaseRecord = any>(\n  config: HeaderRenderConfig<T>,\n): React.ReactNode {\n  const {\n    actions,\n    className,\n    description,\n    dialogConfig,\n    header,\n    isDialog = false,\n    title,\n    unifiedHeaderConfig,\n  } = config;\n\n  // If header is explicitly false, don't render anything\n  if (header === false) {\n    return null;\n  }\n\n  // Handle function-based headers\n  if (header && isDialogHeaderFunction(header)) {\n    let headerEnvironment;\n\n    if (isDialog && dialogConfig) {\n      // Dialog context - determine if wizard or simple form\n      if (dialogConfig.formConfig && \"steps\" in dialogConfig.formConfig) {\n        // Wizard dialog - use optional step control context\n        const stepControl = useOptionalStepControlContext();\n        if (stepControl) {\n          headerEnvironment = Environment.header()\n            .dialog({ dialogConfig, onClose: dialogConfig.onClose })\n            .content({ actions, description, title })\n            .wizardNavigation({\n              current: stepControl.currentStep,\n              progressStyle: \"timeline\", // Default progress style\n              steps: dialogConfig.formConfig.steps,\n              total: stepControl.totalSteps,\n            })\n            .build();\n        } else {\n          // Fallback to simple dialog context if not in step control context\n          headerEnvironment = Environment.header()\n            .dialog({ dialogConfig, onClose: dialogConfig.onClose })\n            .content({ actions, description, title })\n            .noneNavigation()\n            .build();\n        }\n      } else {\n        // Simple dialog context\n        headerEnvironment = Environment.header()\n          .dialog({ dialogConfig, onClose: dialogConfig.onClose })\n          .content({ actions, description, title })\n          .noneNavigation()\n          .build();\n      }\n    } else {\n      // Standalone context\n      headerEnvironment = Environment.header()\n        .standalone()\n        .content({ actions, description, title })\n        .noneNavigation()\n        .build();\n    }\n\n    const customHeader = header(headerEnvironment);\n    return <div className={className}>{customHeader}</div>;\n  }\n\n  // Handle static header content\n  if (header) {\n    return <div className={className}>{header}</div>;\n  }\n\n  // Default: Use UnifiedHeader system\n  let unifiedHeaderEnvironment;\n\n  if (isDialog && dialogConfig) {\n    // Dialog context - determine if wizard or simple form\n    if (dialogConfig.formConfig && \"steps\" in dialogConfig.formConfig) {\n      // Wizard dialog - use optional step control context\n      const stepControl = useOptionalStepControlContext();\n      if (stepControl) {\n        unifiedHeaderEnvironment = Environment.header()\n          .dialog({ dialogConfig, onClose: dialogConfig.onClose })\n          .content({ actions, description, title })\n          .wizardNavigation({\n            current: stepControl.currentStep,\n            progressStyle: \"timeline\", // Default progress style\n            steps: dialogConfig.formConfig.steps,\n            total: stepControl.totalSteps,\n          })\n          .build();\n      } else {\n        // Fallback to simple dialog context if not in step control context\n        unifiedHeaderEnvironment = Environment.header()\n          .dialog({ dialogConfig, onClose: dialogConfig.onClose })\n          .content({ actions, description, title })\n          .noneNavigation()\n          .build();\n      }\n    } else {\n      // Simple dialog context\n      unifiedHeaderEnvironment = Environment.header()\n        .dialog({ dialogConfig, onClose: dialogConfig.onClose })\n        .content({ actions, description, title })\n        .noneNavigation()\n        .build();\n    }\n  } else {\n    // Standalone context\n    unifiedHeaderEnvironment = Environment.header()\n      .standalone()\n      .content({ actions, description, title })\n      .noneNavigation()\n      .build();\n  }\n\n  return (\n    <UnifiedHeader\n      config={unifiedHeaderConfig || { actions, description, title }}\n      environment={unifiedHeaderEnvironment}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA2CA,SAAgB,aACd,QACiB;CACjB,MAAM,EACJ,SACA,WACA,aACA,cACA,QACA,WAAW,OACX,OACA,wBACE;AAGJ,KAAI,WAAW,MACb,QAAO;AAIT,KAAI,UAAUA,8DAAuB,OAAO,EAAE;EAC5C,IAAI;AAEJ,MAAI,YAAY,aAEd,KAAI,aAAa,cAAc,WAAW,aAAa,YAAY;GAEjE,MAAM,cAAcC,0EAA+B;AACnD,OAAI,YACF,qBAAoBC,2DAAY,QAAQ,CACrC,OAAO;IAAE;IAAc,SAAS,aAAa;IAAS,CAAC,CACvD,QAAQ;IAAE;IAAS;IAAa;IAAO,CAAC,CACxC,iBAAiB;IAChB,SAAS,YAAY;IACrB,eAAe;IACf,OAAO,aAAa,WAAW;IAC/B,OAAO,YAAY;IACpB,CAAC,CACD,OAAO;OAGV,qBAAoBA,2DAAY,QAAQ,CACrC,OAAO;IAAE;IAAc,SAAS,aAAa;IAAS,CAAC,CACvD,QAAQ;IAAE;IAAS;IAAa;IAAO,CAAC,CACxC,gBAAgB,CAChB,OAAO;QAIZ,qBAAoBA,2DAAY,QAAQ,CACrC,OAAO;GAAE;GAAc,SAAS,aAAa;GAAS,CAAC,CACvD,QAAQ;GAAE;GAAS;GAAa;GAAO,CAAC,CACxC,gBAAgB,CAChB,OAAO;MAIZ,qBAAoBA,2DAAY,QAAQ,CACrC,YAAY,CACZ,QAAQ;GAAE;GAAS;GAAa;GAAO,CAAC,CACxC,gBAAgB,CAChB,OAAO;AAIZ,SAAO,2CAAC;GAAe;aADF,OAAO,kBAAkB;IACQ;;AAIxD,KAAI,OACF,QAAO,2CAAC;EAAe;YAAY;GAAa;CAIlD,IAAI;AAEJ,KAAI,YAAY,aAEd,KAAI,aAAa,cAAc,WAAW,aAAa,YAAY;EAEjE,MAAM,cAAcD,0EAA+B;AACnD,MAAI,YACF,4BAA2BC,2DAAY,QAAQ,CAC5C,OAAO;GAAE;GAAc,SAAS,aAAa;GAAS,CAAC,CACvD,QAAQ;GAAE;GAAS;GAAa;GAAO,CAAC,CACxC,iBAAiB;GAChB,SAAS,YAAY;GACrB,eAAe;GACf,OAAO,aAAa,WAAW;GAC/B,OAAO,YAAY;GACpB,CAAC,CACD,OAAO;MAGV,4BAA2BA,2DAAY,QAAQ,CAC5C,OAAO;GAAE;GAAc,SAAS,aAAa;GAAS,CAAC,CACvD,QAAQ;GAAE;GAAS;GAAa;GAAO,CAAC,CACxC,gBAAgB,CAChB,OAAO;OAIZ,4BAA2BA,2DAAY,QAAQ,CAC5C,OAAO;EAAE;EAAc,SAAS,aAAa;EAAS,CAAC,CACvD,QAAQ;EAAE;EAAS;EAAa;EAAO,CAAC,CACxC,gBAAgB,CAChB,OAAO;KAIZ,4BAA2BA,2DAAY,QAAQ,CAC5C,YAAY,CACZ,QAAQ;EAAE;EAAS;EAAa;EAAO,CAAC,CACxC,gBAAgB,CAChB,OAAO;AAGZ,QACE,2CAACC;EACC,QAAQ,uBAAuB;GAAE;GAAS;GAAa;GAAO;EAC9D,aAAa;GACb;;;2DA7J6B;qEAC2C;+DACxB;6DACL"}

package/dist/cjs/components/shared/utils/renderHeader.d.cts

@@ -0,0 +1,39 @@
+import { DialogConfig } from "../../dialog/Dialog.types.cjs";
+import React, { ReactNode } from "react";
+import { BaseRecord } from "@refinedev/core";
+
+//#region src/components/shared/utils/renderHeader.d.ts
+interface HeaderRenderConfig<T extends BaseRecord = any> {
+  /** Actions for the header */
+  actions?: any[];
+  /** CSS class name for the header container */
+  className?: string;
+  /** Description for the header */
+  description?: string;
+  /** Dialog configuration (required for dialog contexts) */
+  dialogConfig?: DialogConfig<T>;
+  /** Header configuration - can be false, ReactNode, or function */
+  header?: ((environment: any) => ReactNode) | false | ReactNode;
+  /** Whether this is rendered in a dialog context */
+  isDialog?: boolean;
+  /** Title for the header */
+  title?: string;
+  /** Configuration object for UnifiedHeader */
+  unifiedHeaderConfig?: any;
+}
+/**
+ * Shared header rendering utility that standardizes header rendering
+ * across dialogs and forms in the portal framework.
+ *
+ * This utility handles:
+ * - Function-based headers with environment context
+ * - Static header content
+ * - Disabled headers (header: false)
+ * - Default UnifiedHeader fallback
+ * - Dialog vs standalone contexts
+ * - Wizard/step form detection for dialogs
+ */
+declare function renderHeader<T extends BaseRecord = any>(config: HeaderRenderConfig<T>): React.ReactNode;
+//#endregion
+export { HeaderRenderConfig, renderHeader };
+//# sourceMappingURL=renderHeader.d.cts.map

package/dist/cjs/components/shared/utils/stepState.cjs

@@ -0,0 +1,74 @@
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+
+//#region src/components/shared/utils/stepState.ts
+/**
+* Calculate the state of a step at the given index
+*/
+function calculateStepState(index, current, total, allowNavigation, disabledSteps, steps) {
+	const step = steps[index] || { title: `Step ${index + 1}` };
+	const isActive = index === current - 1;
+	const isCompleted = index < current - 1;
+	const isDisabled = disabledSteps.includes(index + 1) || index + 1 > current;
+	return {
+		canNavigate: allowNavigation && !isDisabled && index + 1 <= current,
+		isActive,
+		isCompleted,
+		isDisabled,
+		step
+	};
+}
+/**
+* Create a step click handler that validates navigation permissions
+*/
+function createStepClickHandler(index, allowNavigation, disabledSteps, current, steps, onStepClick) {
+	return () => {
+		if (!allowNavigation) return;
+		if (!(disabledSteps.includes(index + 1) || index + 1 > current) && index + 1 <= current && onStepClick) onStepClick(index + 1);
+	};
+}
+/**
+* Resolves whether step navigation is allowed based on step-level and wizard-level configurations
+* @param wizardLevelConfig - Wizard-level navigation permission (boolean or function)
+* @param steps - Array of wizard step definitions
+* @param currentStep - Current step index (1-indexed)
+* @returns Boolean indicating if step navigation is allowed
+*/
+function resolveAllowStepNavigation(wizardLevelConfig, steps, currentStep) {
+	const currentStepDefinition = steps[currentStep - 1];
+	if (currentStepDefinition?.allowStepNavigation !== void 0) {
+		if (typeof currentStepDefinition.allowStepNavigation === "function") return currentStepDefinition.allowStepNavigation();
+		return currentStepDefinition.allowStepNavigation;
+	}
+	if (wizardLevelConfig !== void 0) {
+		if (typeof wizardLevelConfig === "function") return wizardLevelConfig();
+		return wizardLevelConfig;
+	}
+	return true;
+}
+/**
+* Create keyboard event handler for step navigation
+*/
+function createStepKeyHandler(index, allowNavigation, disabledSteps, current, steps, onStepClick) {
+	return (e) => {
+		if (!allowNavigation) return;
+		if (!(disabledSteps.includes(index + 1) || index + 1 > current) && index + 1 <= current && onStepClick && (e.key === "Enter" || e.key === " ")) {
+			e.preventDefault();
+			onStepClick(index + 1);
+		}
+	};
+}
+var init_stepState = require_rolldown_runtime.__esmMin((() => {}));
+
+//#endregion
+init_stepState();
+exports.calculateStepState = calculateStepState;
+exports.createStepClickHandler = createStepClickHandler;
+exports.createStepKeyHandler = createStepKeyHandler;
+Object.defineProperty(exports, 'init_stepState', {
+  enumerable: true,
+  get: function () {
+    return init_stepState;
+  }
+});
+exports.resolveAllowStepNavigation = resolveAllowStepNavigation;
+//# sourceMappingURL=stepState.cjs.map

package/dist/cjs/components/shared/utils/stepState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepState.cjs","names":[],"sources":["../../../../../src/components/shared/utils/stepState.ts"],"sourcesContent":["import { WizardStepDefinition } from \"@/components\";\n\n/**\n * Shared utility for calculating step state in wizard navigation\n * Reduces code duplication between mobile and desktop renderers\n */\nexport interface StepState {\n  canNavigate: boolean;\n  isActive: boolean;\n  isCompleted: boolean;\n  isDisabled: boolean;\n  step: WizardStepDefinition;\n}\n\n/**\n * Calculate the state of a step at the given index\n */\nexport function calculateStepState(\n  index: number,\n  current: number,\n  total: number,\n  allowNavigation: boolean,\n  disabledSteps: number[],\n  steps: WizardStepDefinition[],\n): StepState {\n  const step = steps[index] || { title: `Step ${index + 1}` };\n\n  const isActive = index === current - 1;\n  const isCompleted = index < current - 1;\n  const isDisabled = disabledSteps.includes(index + 1) || index + 1 > current;\n\n  const canNavigate = allowNavigation && !isDisabled && index + 1 <= current;\n\n  return {\n    canNavigate,\n    isActive,\n    isCompleted,\n    isDisabled,\n    step,\n  };\n}\n\n/**\n * Create a step click handler that validates navigation permissions\n */\nexport function createStepClickHandler(\n  index: number,\n  allowNavigation: boolean,\n  disabledSteps: number[],\n  current: number,\n  steps: WizardStepDefinition[],\n  onStepClick?: (stepIndex: number) => void,\n): () => void {\n  return () => {\n    if (!allowNavigation) return;\n\n    const isDisabled = disabledSteps.includes(index + 1) || index + 1 > current;\n    if (!isDisabled && index + 1 <= current && onStepClick) {\n      onStepClick(index + 1);\n    }\n  };\n}\n\n/**\n * Resolves whether step navigation is allowed based on step-level and wizard-level configurations\n * @param wizardLevelConfig - Wizard-level navigation permission (boolean or function)\n * @param steps - Array of wizard step definitions\n * @param currentStep - Current step index (1-indexed)\n * @returns Boolean indicating if step navigation is allowed\n */\nexport function resolveAllowStepNavigation(\n  wizardLevelConfig: boolean | (() => boolean) | undefined,\n  steps: WizardStepDefinition[],\n  currentStep: number,\n): boolean {\n  // Check if current step has its own navigation configuration\n  const currentStepDefinition = steps[currentStep - 1];\n  if (currentStepDefinition?.allowStepNavigation !== undefined) {\n    // If step-level config is a function, call it; otherwise use the boolean value\n    if (typeof currentStepDefinition.allowStepNavigation === \"function\") {\n      return currentStepDefinition.allowStepNavigation();\n    }\n    return currentStepDefinition.allowStepNavigation;\n  }\n\n  // Fall back to wizard-level configuration\n  if (wizardLevelConfig !== undefined) {\n    // If wizard-level config is a function, call it; otherwise use the boolean value\n    if (typeof wizardLevelConfig === \"function\") {\n      return wizardLevelConfig();\n    }\n    return wizardLevelConfig;\n  }\n\n  // Default to true if neither is configured\n  return true;\n}\n\n/**\n * Create keyboard event handler for step navigation\n */\nexport function createStepKeyHandler(\n  index: number,\n  allowNavigation: boolean,\n  disabledSteps: number[],\n  current: number,\n  steps: WizardStepDefinition[],\n  onStepClick?: (stepIndex: number) => void,\n): (e: React.KeyboardEvent) => void {\n  return (e: React.KeyboardEvent) => {\n    if (!allowNavigation) return;\n\n    const isDisabled = disabledSteps.includes(index + 1) || index + 1 > current;\n    if (\n      !isDisabled &&\n      index + 1 <= current &&\n      onStepClick &&\n      (e.key === \"Enter\" || e.key === \" \")\n    ) {\n      e.preventDefault();\n      onStepClick(index + 1);\n    }\n  };\n}\n"],"mappings":";;;;;;AAiBA,SAAgB,mBACd,OACA,SACA,OACA,iBACA,eACA,OACW;CACX,MAAM,OAAO,MAAM,UAAU,EAAE,OAAO,QAAQ,QAAQ,KAAK;CAE3D,MAAM,WAAW,UAAU,UAAU;CACrC,MAAM,cAAc,QAAQ,UAAU;CACtC,MAAM,aAAa,cAAc,SAAS,QAAQ,EAAE,IAAI,QAAQ,IAAI;AAIpE,QAAO;EACL,aAHkB,mBAAmB,CAAC,cAAc,QAAQ,KAAK;EAIjE;EACA;EACA;EACA;EACD;;;;;AAMH,SAAgB,uBACd,OACA,iBACA,eACA,SACA,OACA,aACY;AACZ,cAAa;AACX,MAAI,CAAC,gBAAiB;AAGtB,MAAI,EADe,cAAc,SAAS,QAAQ,EAAE,IAAI,QAAQ,IAAI,YACjD,QAAQ,KAAK,WAAW,YACzC,aAAY,QAAQ,EAAE;;;;;;;;;;AAY5B,SAAgB,2BACd,mBACA,OACA,aACS;CAET,MAAM,wBAAwB,MAAM,cAAc;AAClD,KAAI,uBAAuB,wBAAwB,QAAW;AAE5D,MAAI,OAAO,sBAAsB,wBAAwB,WACvD,QAAO,sBAAsB,qBAAqB;AAEpD,SAAO,sBAAsB;;AAI/B,KAAI,sBAAsB,QAAW;AAEnC,MAAI,OAAO,sBAAsB,WAC/B,QAAO,mBAAmB;AAE5B,SAAO;;AAIT,QAAO;;;;;AAMT,SAAgB,qBACd,OACA,iBACA,eACA,SACA,OACA,aACkC;AAClC,SAAQ,MAA2B;AACjC,MAAI,CAAC,gBAAiB;AAGtB,MACE,EAFiB,cAAc,SAAS,QAAQ,EAAE,IAAI,QAAQ,IAAI,YAGlE,QAAQ,KAAK,WACb,gBACC,EAAE,QAAQ,WAAW,EAAE,QAAQ,MAChC;AACA,KAAE,gBAAgB;AAClB,eAAY,QAAQ,EAAE"}

package/dist/cjs/components/shared/utils/stepState.d.cts

@@ -0,0 +1,39 @@
+import { WizardStepDefinition } from "../../form/types.cjs";
+import "../../index.cjs";
+
+//#region src/components/shared/utils/stepState.d.ts
+
+/**
+ * Shared utility for calculating step state in wizard navigation
+ * Reduces code duplication between mobile and desktop renderers
+ */
+interface StepState {
+  canNavigate: boolean;
+  isActive: boolean;
+  isCompleted: boolean;
+  isDisabled: boolean;
+  step: WizardStepDefinition;
+}
+/**
+ * Calculate the state of a step at the given index
+ */
+declare function calculateStepState(index: number, current: number, total: number, allowNavigation: boolean, disabledSteps: number[], steps: WizardStepDefinition[]): StepState;
+/**
+ * Create a step click handler that validates navigation permissions
+ */
+declare function createStepClickHandler(index: number, allowNavigation: boolean, disabledSteps: number[], current: number, steps: WizardStepDefinition[], onStepClick?: (stepIndex: number) => void): () => void;
+/**
+ * Resolves whether step navigation is allowed based on step-level and wizard-level configurations
+ * @param wizardLevelConfig - Wizard-level navigation permission (boolean or function)
+ * @param steps - Array of wizard step definitions
+ * @param currentStep - Current step index (1-indexed)
+ * @returns Boolean indicating if step navigation is allowed
+ */
+declare function resolveAllowStepNavigation(wizardLevelConfig: boolean | (() => boolean) | undefined, steps: WizardStepDefinition[], currentStep: number): boolean;
+/**
+ * Create keyboard event handler for step navigation
+ */
+declare function createStepKeyHandler(index: number, allowNavigation: boolean, disabledSteps: number[], current: number, steps: WizardStepDefinition[], onStepClick?: (stepIndex: number) => void): (e: React.KeyboardEvent) => void;
+//#endregion
+export { StepState, calculateStepState, createStepClickHandler, createStepKeyHandler, resolveAllowStepNavigation };
+//# sourceMappingURL=stepState.d.cts.map

package/dist/cjs/components/sizing/index.cjs

@@ -0,0 +1,82 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+
+//#region src/components/sizing/index.ts
+/**
+* Get the CSS class for a given component size
+* Returns undefined if the size is not valid
+*/
+function getComponentSizeClass(size) {
+	return COMPONENT_SIZE_CLASSES[size];
+}
+/**
+* Get the final size class considering both size prop and customSizeClass
+*/
+function getSizeClass(config) {
+	if (config.customSizeClass) return config.customSizeClass;
+	if (config.size) return getComponentSizeClass(config.size);
+}
+/**
+* Type guard to check if a string is a valid ComponentSize
+*/
+function isComponentSize(size) {
+	return Object.values(ComponentSize).includes(size);
+}
+var ComponentSize, WidthCategory, COMPONENT_SIZE_CLASSES;
+var init_sizing = require_rolldown_runtime.__esmMin((() => {
+	ComponentSize = /* @__PURE__ */ function(ComponentSize$1) {
+		ComponentSize$1["TWO_XL"] = "2xl";
+		ComponentSize$1["THREE_XL"] = "3xl";
+		ComponentSize$1["FOUR_XL"] = "4xl";
+		ComponentSize$1["FIVE_XL"] = "5xl";
+		ComponentSize$1["SIX_XL"] = "6xl";
+		ComponentSize$1["SEVEN_XL"] = "7xl";
+		ComponentSize$1["AUTO"] = "auto";
+		ComponentSize$1["FULL"] = "full";
+		ComponentSize$1["LG"] = "lg";
+		ComponentSize$1["MD"] = "md";
+		ComponentSize$1["SM"] = "sm";
+		ComponentSize$1["XL"] = "xl";
+		ComponentSize$1["XS"] = "xs";
+		return ComponentSize$1;
+	}({});
+	WidthCategory = /* @__PURE__ */ function(WidthCategory$1) {
+		WidthCategory$1["EXTRA_NARROW"] = "extra-narrow";
+		WidthCategory$1["NARROW"] = "narrow";
+		WidthCategory$1["MEDIUM"] = "medium";
+		WidthCategory$1["WIDE"] = "wide";
+		WidthCategory$1["EXTRA_WIDE"] = "extra-wide";
+		WidthCategory$1["RESPONSIVE"] = "responsive";
+		return WidthCategory$1;
+	}({});
+	COMPONENT_SIZE_CLASSES = {
+		[ComponentSize.TWO_XL]: "max-w-2xl",
+		[ComponentSize.THREE_XL]: "max-w-3xl",
+		[ComponentSize.FOUR_XL]: "max-w-4xl",
+		[ComponentSize.FIVE_XL]: "max-w-5xl",
+		[ComponentSize.SIX_XL]: "max-w-6xl",
+		[ComponentSize.SEVEN_XL]: "max-w-7xl",
+		[ComponentSize.AUTO]: "max-w-[calc(100vw-2rem)] sm:max-w-md",
+		[ComponentSize.FULL]: "max-w-full",
+		[ComponentSize.LG]: "max-w-lg",
+		[ComponentSize.MD]: "max-w-md",
+		[ComponentSize.SM]: "max-w-sm",
+		[ComponentSize.XL]: "max-w-xl",
+		[ComponentSize.XS]: "max-w-xs"
+	};
+}));
+
+//#endregion
+init_sizing();
+exports.COMPONENT_SIZE_CLASSES = COMPONENT_SIZE_CLASSES;
+exports.ComponentSize = ComponentSize;
+exports.WidthCategory = WidthCategory;
+exports.getComponentSizeClass = getComponentSizeClass;
+exports.getSizeClass = getSizeClass;
+Object.defineProperty(exports, 'init_sizing', {
+  enumerable: true,
+  get: function () {
+    return init_sizing;
+  }
+});
+exports.isComponentSize = isComponentSize;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/components/sizing/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/components/sizing/index.ts"],"sourcesContent":["/**\n * Generic size system for UI components\n * Provides consistent sizing across dialogs, wizards, and other components\n */\n\n/**\n * Standard size options using Tailwind CSS conventions\n */\nexport enum ComponentSize {\n  TWO_XL = \"2xl\", // max-w-2xl (42rem / 672px)\n  THREE_XL = \"3xl\", // max-w-3xl (48rem / 768px)\n  FOUR_XL = \"4xl\", // max-w-4xl (56rem / 896px)\n  FIVE_XL = \"5xl\", // max-w-5xl (64rem / 1024px)\n  SIX_XL = \"6xl\", // max-w-6xl (72rem / 1152px)\n  SEVEN_XL = \"7xl\", // max-w-7xl (80rem / 1280px)\n  AUTO = \"auto\", // Responsive auto width\n  FULL = \"full\", // 100%\n  LG = \"lg\", // max-w-lg (32rem / 512px)\n  MD = \"md\", // max-w-md (28rem / 448px)\n  SM = \"sm\", // max-w-sm (24rem / 384px)\n  XL = \"xl\", // max-w-xl (36rem / 576px)\n  XS = \"xs\", // max-w-xs (20rem / 320px)\n}\n\n/**\n * Width categories for components\n */\nexport enum WidthCategory {\n  EXTRA_NARROW = \"extra-narrow\", // xs, sm\n  NARROW = \"narrow\", // md, lg\n  MEDIUM = \"medium\", // xl\n  WIDE = \"wide\", // 2xl, 3xl\n  EXTRA_WIDE = \"extra-wide\", // 4xl, 5xl, 6xl, 7xl\n  RESPONSIVE = \"responsive\", // auto, full\n}\n\n/**\n * Generic size classes mapping that can be used by different components\n * Each component can use the sizes that make sense for its context\n */\nexport const COMPONENT_SIZE_CLASSES = {\n  [ComponentSize.TWO_XL]: \"max-w-2xl\", // 42rem (672px)\n  [ComponentSize.THREE_XL]: \"max-w-3xl\", // 48rem (768px)\n  [ComponentSize.FOUR_XL]: \"max-w-4xl\", // 56rem (896px)\n  [ComponentSize.FIVE_XL]: \"max-w-5xl\", // 64rem (1024px)\n  [ComponentSize.SIX_XL]: \"max-w-6xl\", // 72rem (1152px)\n  [ComponentSize.SEVEN_XL]: \"max-w-7xl\", // 80rem (1280px)\n  [ComponentSize.AUTO]: \"max-w-[calc(100vw-2rem)] sm:max-w-md\", // Responsive auto\n  [ComponentSize.FULL]: \"max-w-full\", // 100%\n  [ComponentSize.LG]: \"max-w-lg\", // 32rem (512px)\n  [ComponentSize.MD]: \"max-w-md\", // 28rem (448px)\n  [ComponentSize.SM]: \"max-w-sm\", // 24rem (384px)\n  [ComponentSize.XL]: \"max-w-xl\", // 36rem (576px)\n  [ComponentSize.XS]: \"max-w-xs\", // 20rem (320px)\n} as const;\n\n/**\n * Helper function to create size-specific props for components\n */\nexport interface SizeConfig {\n  /**\n   * Custom size class that overrides the size prop\n   * Useful when you need a specific size not covered by the standard sizes\n   */\n  customSizeClass?: string;\n  size?: ComponentSize;\n}\n\n/**\n * Get the CSS class for a given component size\n * Returns undefined if the size is not valid\n */\nexport function getComponentSizeClass(size: ComponentSize): string {\n  return COMPONENT_SIZE_CLASSES[size];\n}\n\n/**\n * Get the final size class considering both size prop and customSizeClass\n */\nexport function getSizeClass(config: SizeConfig): string | undefined {\n  if (config.customSizeClass) {\n    return config.customSizeClass;\n  }\n  if (config.size) {\n    return getComponentSizeClass(config.size);\n  }\n  return undefined;\n}\n\n/**\n * Type guard to check if a string is a valid ComponentSize\n */\nexport function isComponentSize(size: string): size is ComponentSize {\n  return Object.values(ComponentSize).includes(size as ComponentSize);\n}\n"],"mappings":";;;;;;;AAwEA,SAAgB,sBAAsB,MAA6B;AACjE,QAAO,uBAAuB;;;;;AAMhC,SAAgB,aAAa,QAAwC;AACnE,KAAI,OAAO,gBACT,QAAO,OAAO;AAEhB,KAAI,OAAO,KACT,QAAO,sBAAsB,OAAO,KAAK;;;;;AAQ7C,SAAgB,gBAAgB,MAAqC;AACnE,QAAO,OAAO,OAAO,cAAc,CAAC,SAAS,KAAsB;;;;CArFzD,0DAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;CAMU,0DAAL;AACL;AACA;AACA;AACA;AACA;AACA;;;CAOW,yBAAyB;GACnC,cAAc,SAAS;GACvB,cAAc,WAAW;GACzB,cAAc,UAAU;GACxB,cAAc,UAAU;GACxB,cAAc,SAAS;GACvB,cAAc,WAAW;GACzB,cAAc,OAAO;GACrB,cAAc,OAAO;GACrB,cAAc,KAAK;GACnB,cAAc,KAAK;GACnB,cAAc,KAAK;GACnB,cAAc,KAAK;GACnB,cAAc,KAAK;EACrB"}

package/dist/cjs/components/sizing/index.d.cts

@@ -0,0 +1,97 @@
+//#region src/components/sizing/index.d.ts
+/**
+ * Generic size system for UI components
+ * Provides consistent sizing across dialogs, wizards, and other components
+ */
+/**
+ * Standard size options using Tailwind CSS conventions
+ */
+declare enum ComponentSize {
+  TWO_XL = "2xl",
+  // max-w-2xl (42rem / 672px)
+  THREE_XL = "3xl",
+  // max-w-3xl (48rem / 768px)
+  FOUR_XL = "4xl",
+  // max-w-4xl (56rem / 896px)
+  FIVE_XL = "5xl",
+  // max-w-5xl (64rem / 1024px)
+  SIX_XL = "6xl",
+  // max-w-6xl (72rem / 1152px)
+  SEVEN_XL = "7xl",
+  // max-w-7xl (80rem / 1280px)
+  AUTO = "auto",
+  // Responsive auto width
+  FULL = "full",
+  // 100%
+  LG = "lg",
+  // max-w-lg (32rem / 512px)
+  MD = "md",
+  // max-w-md (28rem / 448px)
+  SM = "sm",
+  // max-w-sm (24rem / 384px)
+  XL = "xl",
+  // max-w-xl (36rem / 576px)
+  XS = "xs",
+}
+/**
+ * Width categories for components
+ */
+declare enum WidthCategory {
+  EXTRA_NARROW = "extra-narrow",
+  // xs, sm
+  NARROW = "narrow",
+  // md, lg
+  MEDIUM = "medium",
+  // xl
+  WIDE = "wide",
+  // 2xl, 3xl
+  EXTRA_WIDE = "extra-wide",
+  // 4xl, 5xl, 6xl, 7xl
+  RESPONSIVE = "responsive",
+}
+/**
+ * Generic size classes mapping that can be used by different components
+ * Each component can use the sizes that make sense for its context
+ */
+declare const COMPONENT_SIZE_CLASSES: {
+  readonly "2xl": "max-w-2xl";
+  readonly "3xl": "max-w-3xl";
+  readonly "4xl": "max-w-4xl";
+  readonly "5xl": "max-w-5xl";
+  readonly "6xl": "max-w-6xl";
+  readonly "7xl": "max-w-7xl";
+  readonly auto: "max-w-[calc(100vw-2rem)] sm:max-w-md";
+  readonly full: "max-w-full";
+  readonly lg: "max-w-lg";
+  readonly md: "max-w-md";
+  readonly sm: "max-w-sm";
+  readonly xl: "max-w-xl";
+  readonly xs: "max-w-xs";
+};
+/**
+ * Helper function to create size-specific props for components
+ */
+interface SizeConfig {
+  /**
+   * Custom size class that overrides the size prop
+   * Useful when you need a specific size not covered by the standard sizes
+   */
+  customSizeClass?: string;
+  size?: ComponentSize;
+}
+/**
+ * Get the CSS class for a given component size
+ * Returns undefined if the size is not valid
+ */
+declare function getComponentSizeClass(size: ComponentSize): string;
+/**
+ * Get the final size class considering both size prop and customSizeClass
+ */
+declare function getSizeClass(config: SizeConfig): string | undefined;
+/**
+ * Type guard to check if a string is a valid ComponentSize
+ */
+declare function isComponentSize(size: string): size is ComponentSize;
+//#endregion
+export { COMPONENT_SIZE_CLASSES, ComponentSize, SizeConfig, WidthCategory, getComponentSizeClass, getSizeClass, isComponentSize };
+//# sourceMappingURL=index.d.cts.map

package/dist/cjs/hooks/index.cjs

@@ -0,0 +1,43 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_hooks_useAvatar = require('./useAvatar.cjs');
+const require_hooks_useMenuItems = require('./useMenuItems.cjs');
+const require_hooks_usePluginMeta = require('./usePluginMeta.cjs');
+const require_hooks_useTheme = require('./useTheme.cjs');
+const require_hooks_useAccountSubdomain = require('./useAccountSubdomain.cjs');
+const require_hooks_useApiUrl = require('./useApiUrl.cjs');
+const require_hooks_useAccountUrl = require('./useAccountUrl.cjs');
+const require_hooks_usePortalMeta = require('./usePortalMeta.cjs');
+const require_hooks_useFeatureFlag = require('./useFeatureFlag.cjs');
+const require_hooks_useLoginUrl = require('./useLoginUrl.cjs');
+const require_hooks_useRegisterUrl = require('./useRegisterUrl.cjs');
+const require_hooks_useResetPasswordUrl = require('./useResetPasswordUrl.cjs');
+const require_hooks_usePortalUrl = require('./usePortalUrl.cjs');
+const require_hooks_useProtocolDomain = require('./useProtocolDomain.cjs');
+const require_hooks_useSdk = require('./useSdk.cjs');
+
+//#region src/hooks/index.ts
+init_useAvatar();
+init_useMenuItems();
+init_usePluginMeta();
+init_useTheme();
+
+//#endregion
+exports.resetGloballyInitialized = require_hooks_useSdk.resetGloballyInitialized;
+exports.useAccountSubdomain = require_hooks_useAccountSubdomain.useAccountSubdomain;
+exports.useAccountUrl = require_hooks_useAccountUrl.useAccountUrl;
+exports.useApiUrl = require_hooks_useApiUrl.useApiUrl;
+exports.useAvatar = require_hooks_useAvatar.useAvatar;
+exports.useFeatureFlag = require_hooks_useFeatureFlag.useFeatureFlag;
+exports.useLoginUrl = require_hooks_useLoginUrl.useLoginUrl;
+exports.useMenuItems = require_hooks_useMenuItems.useMenuItems;
+exports.usePluginMeta = require_hooks_usePluginMeta.usePluginMeta;
+exports.usePortalMeta = require_hooks_usePortalMeta.usePortalMeta;
+exports.usePortalUrl = require_hooks_usePortalUrl.usePortalUrl;
+exports.useProtocolDomain = require_hooks_useProtocolDomain.useProtocolDomain;
+exports.useRegisterUrl = require_hooks_useRegisterUrl.useRegisterUrl;
+exports.useResetPasswordUrl = require_hooks_useResetPasswordUrl.useResetPasswordUrl;
+exports.useSdk = require_hooks_useSdk.useSdk;
+exports.useTheme = require_hooks_useTheme.useTheme;
+exports.useThemeIdAndSetter = require_hooks_useTheme.useThemeIdAndSetter;
+exports.withTheme = require_hooks_useTheme.withTheme;
+//# sourceMappingURL=index.cjs.map

package/dist/cjs/hooks/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["/**\n * Portal Framework UI Hooks\n * \n * This barrel file exports all hooks from the portal framework UI library.\n * Use this file to import hooks in a centralized way.\n */\n\n// Account and Authentication Hooks\nexport * from './useAccountSubdomain';\nexport * from './useAccountUrl';\nexport * from './useApiUrl';\nexport * from './useAvatar';\nexport * from './useFeatureFlag';\nexport * from './useLoginUrl';\nexport * from './useRegisterUrl';\nexport * from './useResetPasswordUrl';\n\n// Portal and Framework Hooks\nexport * from './useMenuItems';\nexport * from './usePluginMeta';\nexport * from './usePortalMeta';\nexport * from './usePortalUrl';\nexport * from './useProtocolDomain';\nexport * from './useSdk';\n\n// UI State Hooks\nexport * from './useTheme';"],"mappings":""}

package/dist/cjs/hooks/index.d.cts

@@ -0,0 +1,16 @@
+import { useAccountSubdomain } from "./useAccountSubdomain.cjs";
+import { useAccountUrl } from "./useAccountUrl.cjs";
+import { useApiUrl } from "./useApiUrl.cjs";
+import { useAvatar } from "./useAvatar.cjs";
+import { useFeatureFlag } from "./useFeatureFlag.cjs";
+import { useLoginUrl } from "./useLoginUrl.cjs";
+import { useRegisterUrl } from "./useRegisterUrl.cjs";
+import { useResetPasswordUrl } from "./useResetPasswordUrl.cjs";
+import { useMenuItems } from "./useMenuItems.cjs";
+import { usePluginMeta } from "./usePluginMeta.cjs";
+import { usePortalMeta } from "./usePortalMeta.cjs";
+import { usePortalUrl } from "./usePortalUrl.cjs";
+import { useProtocolDomain } from "./useProtocolDomain.cjs";
+import { resetGloballyInitialized, useSdk } from "./useSdk.cjs";
+import { useTheme, useThemeIdAndSetter, withTheme } from "./useTheme.cjs";
+export { resetGloballyInitialized, useAccountSubdomain, useAccountUrl, useApiUrl, useAvatar, useFeatureFlag, useLoginUrl, useMenuItems, usePluginMeta, usePortalMeta, usePortalUrl, useProtocolDomain, useRegisterUrl, useResetPasswordUrl, useSdk, useTheme, useThemeIdAndSetter, withTheme };

package/dist/cjs/hooks/useAccountSubdomain.cjs

@@ -0,0 +1,13 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_hooks_usePluginMeta = require('./usePluginMeta.cjs');
+let _lumeweb_portal_framework_core = require("@lumeweb/portal-framework-core");
+
+//#region src/hooks/useAccountSubdomain.ts
+require_hooks_usePluginMeta.init_usePluginMeta();
+function useAccountSubdomain() {
+	return (0, _lumeweb_portal_framework_core.getAccountSubdomain)(require_hooks_usePluginMeta.usePluginMeta("dashboard", "subdomain"));
+}
+
+//#endregion
+exports.useAccountSubdomain = useAccountSubdomain;
+//# sourceMappingURL=useAccountSubdomain.cjs.map

package/dist/cjs/hooks/useAccountSubdomain.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAccountSubdomain.cjs","names":["usePluginMeta"],"sources":["../../../src/hooks/useAccountSubdomain.ts"],"sourcesContent":["import { getAccountSubdomain } from \"@lumeweb/portal-framework-core\";\n\nimport { usePluginMeta } from \"@/hooks/usePluginMeta\";\n\nexport function useAccountSubdomain(): string {\n  const dashboardSubdomain = usePluginMeta<string>(\"dashboard\", \"subdomain\");\n\n  return getAccountSubdomain(dashboardSubdomain);\n}\n"],"mappings":";;;;;gDAEsD;AAEtD,SAAgB,sBAA8B;AAG5C,gEAF2BA,0CAAsB,aAAa,YAAY,CAE5B"}

package/dist/cjs/hooks/useAccountSubdomain.d.cts

@@ -0,0 +1,5 @@
+//#region src/hooks/useAccountSubdomain.d.ts
+declare function useAccountSubdomain(): string;
+//#endregion
+export { useAccountSubdomain };
+//# sourceMappingURL=useAccountSubdomain.d.cts.map

package/dist/cjs/hooks/useAccountUrl.cjs

@@ -0,0 +1,28 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_hooks_useAccountSubdomain = require('./useAccountSubdomain.cjs');
+const require_hooks_useApiUrl = require('./useApiUrl.cjs');
+let _lumeweb_portal_framework_core = require("@lumeweb/portal-framework-core");
+
+//#region src/hooks/useAccountUrl.ts
+const LEADING_SLASHES_REGEX = /^\/+/;
+function useAccountUrl(path) {
+	const accountSubdomain = require_hooks_useAccountSubdomain.useAccountSubdomain();
+	const apiUrl = require_hooks_useApiUrl.useApiUrl();
+	const { hostname: currentHostname, protocol } = (0, _lumeweb_portal_framework_core.getCurrentLocation)();
+	const normalizedPath = `/${String(path ?? "").replace(LEADING_SLASHES_REGEX, "").replace(/\/+$/, "")}`;
+	if (!apiUrl) return normalizedPath;
+	let parsedApiUrl;
+	try {
+		parsedApiUrl = new URL(apiUrl);
+		if (["127.0.0.1", "localhost"].includes(parsedApiUrl.hostname)) return normalizedPath;
+	} catch {
+		return normalizedPath;
+	}
+	let host = (0, _lumeweb_portal_framework_core.cleanTrailingSlashes)(accountSubdomain || currentHostname);
+	if (parsedApiUrl && parsedApiUrl.hostname !== accountSubdomain) host = (0, _lumeweb_portal_framework_core.cleanTrailingSlashes)(currentHostname);
+	return new URL(normalizedPath, `${protocol}//${host}`).toString();
+}
+
+//#endregion
+exports.useAccountUrl = useAccountUrl;
+//# sourceMappingURL=useAccountUrl.cjs.map

package/dist/cjs/hooks/useAccountUrl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAccountUrl.cjs","names":["useAccountSubdomain","useApiUrl"],"sources":["../../../src/hooks/useAccountUrl.ts"],"sourcesContent":["import {\n  cleanTrailingSlashes,\n  getCurrentLocation,\n} from \"@lumeweb/portal-framework-core\";\n\nimport { useAccountSubdomain } from \"@/hooks/useAccountSubdomain\";\nimport { useApiUrl } from \"@/hooks/useApiUrl\";\n\nconst LEADING_SLASHES_REGEX = /^\\/+/;\n\nexport function useAccountUrl(path: string) {\n  const accountSubdomain = useAccountSubdomain();\n  const apiUrl = useApiUrl();\n  const { hostname: currentHostname, protocol } = getCurrentLocation();\n\n  const normalizedPath = `/${String(path ?? \"\")\n    .replace(LEADING_SLASHES_REGEX, \"\")\n    .replace(/\\/+$/, \"\")}`;\n\n  if (!apiUrl) {\n    return normalizedPath;\n  }\n\n  let parsedApiUrl: undefined | URL;\n\n  try {\n    parsedApiUrl = new URL(apiUrl);\n    if ([\"127.0.0.1\", \"localhost\"].includes(parsedApiUrl.hostname)) {\n      return normalizedPath;\n    }\n  } catch {\n    return normalizedPath;\n  }\n\n  let host = cleanTrailingSlashes(accountSubdomain || currentHostname);\n\n  // If API URL host doesn't match expected account subdomain, use current host\n  if (parsedApiUrl && parsedApiUrl.hostname !== accountSubdomain) {\n    host = cleanTrailingSlashes(currentHostname);\n  }\n\n  return new URL(normalizedPath, `${protocol}//${host}`).toString();\n}\n"],"mappings":";;;;;;AAQA,MAAM,wBAAwB;AAE9B,SAAgB,cAAc,MAAc;CAC1C,MAAM,mBAAmBA,uDAAqB;CAC9C,MAAM,SAASC,mCAAW;CAC1B,MAAM,EAAE,UAAU,iBAAiB,qEAAiC;CAEpE,MAAM,iBAAiB,IAAI,OAAO,QAAQ,GAAG,CAC1C,QAAQ,uBAAuB,GAAG,CAClC,QAAQ,QAAQ,GAAG;AAEtB,KAAI,CAAC,OACH,QAAO;CAGT,IAAI;AAEJ,KAAI;AACF,iBAAe,IAAI,IAAI,OAAO;AAC9B,MAAI,CAAC,aAAa,YAAY,CAAC,SAAS,aAAa,SAAS,CAC5D,QAAO;SAEH;AACN,SAAO;;CAGT,IAAI,gEAA4B,oBAAoB,gBAAgB;AAGpE,KAAI,gBAAgB,aAAa,aAAa,iBAC5C,iEAA4B,gBAAgB;AAG9C,QAAO,IAAI,IAAI,gBAAgB,GAAG,SAAS,IAAI,OAAO,CAAC,UAAU"}

package/dist/cjs/hooks/useAccountUrl.d.cts

@@ -0,0 +1,5 @@
+//#region src/hooks/useAccountUrl.d.ts
+declare function useAccountUrl(path: string): string;
+//#endregion
+export { useAccountUrl };
+//# sourceMappingURL=useAccountUrl.d.cts.map

package/dist/cjs/hooks/useApiUrl.cjs

@@ -0,0 +1,15 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let _lumeweb_portal_framework_core = require("@lumeweb/portal-framework-core");
+
+//#region src/hooks/useApiUrl.ts
+function useApiUrl() {
+	const { framework, isLoading } = (0, _lumeweb_portal_framework_core.useFramework)();
+	if (!isLoading) return framework?.portalUrl ?? (0, _lumeweb_portal_framework_core.getApiBaseUrl)({ allowLocalhost: true });
+	const apiUrl = (0, _lumeweb_portal_framework_core.getApiBaseUrl)({ allowLocalhost: true });
+	if (apiUrl === false) return "";
+	return apiUrl;
+}
+
+//#endregion
+exports.useApiUrl = useApiUrl;
+//# sourceMappingURL=useApiUrl.cjs.map

package/dist/cjs/hooks/useApiUrl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useApiUrl.cjs","names":[],"sources":["../../../src/hooks/useApiUrl.ts"],"sourcesContent":["import { getApiBaseUrl, useFramework } from \"@lumeweb/portal-framework-core\";\n\nexport function useApiUrl() {\n  const { framework, isLoading } = useFramework();\n\n  if (!isLoading) {\n    return framework?.portalUrl ?? getApiBaseUrl({ allowLocalhost: true });\n  }\n\n  // Use getApiBaseUrl from the core framework.\n  // Pass allowLocalhost: true to enable localhost in dev environments.\n  // preserveSubdomain defaults to respecting VITE_PORTAL_DOMAIN_IS_ROOT.\n  const apiUrl = getApiBaseUrl({ allowLocalhost: true });\n\n  // getApiBaseUrl returns false if localhost is disallowed and the current location is localhost.\n  // Return an empty string in this case, consistent with the previous hook's behavior\n  // for non-string results from useApiUrlBase.\n  if (apiUrl === false) {\n    return \"\";\n  }\n\n  // getApiBaseUrl already handles trailing slashes and normalization.\n  return apiUrl;\n}\n"],"mappings":";;;;AAEA,SAAgB,YAAY;CAC1B,MAAM,EAAE,WAAW,gEAA4B;AAE/C,KAAI,CAAC,UACH,QAAO,WAAW,+DAA2B,EAAE,gBAAgB,MAAM,CAAC;CAMxE,MAAM,2DAAuB,EAAE,gBAAgB,MAAM,CAAC;AAKtD,KAAI,WAAW,MACb,QAAO;AAIT,QAAO"}

package/dist/cjs/hooks/useApiUrl.d.cts

@@ -0,0 +1,5 @@
+//#region src/hooks/useApiUrl.d.ts
+declare function useApiUrl(): any;
+//#endregion
+export { useApiUrl };
+//# sourceMappingURL=useApiUrl.d.cts.map

package/dist/cjs/hooks/useAvatar.cjs

@@ -0,0 +1,31 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let _refinedev_core = require("@refinedev/core");
+
+//#region src/hooks/useAvatar.ts
+var useAvatar;
+var init_useAvatar = require_rolldown_runtime.__esmMin((() => {
+	useAvatar = () => {
+		const { data: identity, isLoading } = (0, _refinedev_core.useGetIdentity)();
+		if (isLoading) return {
+			avatarUrl: "/placeholder.svg",
+			displayName: "",
+			isLoading: true
+		};
+		return {
+			avatarUrl: identity?.avatar ? `${identity.avatar}?t=${Date.now()}` : "/placeholder.svg",
+			displayName: `${identity?.firstName || ""} ${identity?.lastName || ""}`.trim(),
+			isLoading: false
+		};
+	};
+}));
+
+//#endregion
+init_useAvatar();
+Object.defineProperty(exports, 'init_useAvatar', {
+  enumerable: true,
+  get: function () {
+    return init_useAvatar;
+  }
+});
+exports.useAvatar = useAvatar;
+//# sourceMappingURL=useAvatar.cjs.map

package/dist/cjs/hooks/useAvatar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAvatar.cjs","names":[],"sources":["../../../src/hooks/useAvatar.ts"],"sourcesContent":["import type { Identity } from \"@lumeweb/portal-framework-core\";\n\nimport { useGetIdentity } from \"@refinedev/core\";\n\ninterface UseAvatarReturn {\n  avatarUrl: string;\n  displayName: string;\n  isLoading: boolean;\n}\n\nexport const useAvatar = (): UseAvatarReturn => {\n  const { data: identity, isLoading } = useGetIdentity<Identity>();\n\n  if (isLoading) {\n    return {\n      avatarUrl: \"/placeholder.svg\",\n      displayName: \"\",\n      isLoading: true,\n    };\n  }\n\n  const avatarUrl = identity?.avatar\n    ? `${identity.avatar}?t=${Date.now()}`\n    : \"/placeholder.svg\";\n  const displayName =\n    `${identity?.firstName || \"\"} ${identity?.lastName || \"\"}`.trim();\n\n  return {\n    avatarUrl,\n    displayName,\n    isLoading: false,\n  };\n};\n"],"mappings":";;;;;;CAUa,kBAAmC;EAC9C,MAAM,EAAE,MAAM,UAAU,mDAAwC;AAEhE,MAAI,UACF,QAAO;GACL,WAAW;GACX,aAAa;GACb,WAAW;GACZ;AASH,SAAO;GACL,WAPgB,UAAU,SACxB,GAAG,SAAS,OAAO,KAAK,KAAK,KAAK,KAClC;GAMF,aAJA,GAAG,UAAU,aAAa,GAAG,GAAG,UAAU,YAAY,KAAK,MAAM;GAKjE,WAAW;GACZ"}

package/dist/cjs/hooks/useAvatar.d.cts

@@ -0,0 +1,10 @@
+//#region src/hooks/useAvatar.d.ts
+interface UseAvatarReturn {
+  avatarUrl: string;
+  displayName: string;
+  isLoading: boolean;
+}
+declare const useAvatar: () => UseAvatarReturn;
+//#endregion
+export { useAvatar };
+//# sourceMappingURL=useAvatar.d.cts.map

package/dist/cjs/hooks/useFeatureFlag.cjs

@@ -0,0 +1,11 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_hooks_usePortalMeta = require('./usePortalMeta.cjs');
+
+//#region src/hooks/useFeatureFlag.ts
+function useFeatureFlag(featureName) {
+	return !!require_hooks_usePortalMeta.usePortalMeta()?.feature_flags?.[featureName.toUpperCase()];
+}
+
+//#endregion
+exports.useFeatureFlag = useFeatureFlag;
+//# sourceMappingURL=useFeatureFlag.cjs.map

package/dist/cjs/hooks/useFeatureFlag.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFeatureFlag.cjs","names":["usePortalMeta"],"sources":["../../../src/hooks/useFeatureFlag.ts"],"sourcesContent":["import { usePortalMeta } from \"@/hooks/usePortalMeta\";\n\nexport function useFeatureFlag(featureName: string): boolean {\n  const portalMeta = usePortalMeta();\n  const flagValue = portalMeta?.feature_flags?.[featureName.toUpperCase()];\n  // Convert the value to a boolean: truthy values become true, falsy values become false\n  return !!flagValue;\n}\n"],"mappings":";;;;AAEA,SAAgB,eAAe,aAA8B;AAI3D,QAAO,CAAC,CAHWA,2CAAe,EACJ,gBAAgB,YAAY,aAAa"}

package/dist/cjs/hooks/useFeatureFlag.d.cts

@@ -0,0 +1,5 @@
+//#region src/hooks/useFeatureFlag.d.ts
+declare function useFeatureFlag(featureName: string): boolean;
+//#endregion
+export { useFeatureFlag };
+//# sourceMappingURL=useFeatureFlag.d.cts.map

package/dist/cjs/hooks/useLoginUrl.cjs

@@ -0,0 +1,11 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_hooks_useAccountUrl = require('./useAccountUrl.cjs');
+
+//#region src/hooks/useLoginUrl.ts
+function useLoginUrl() {
+	return require_hooks_useAccountUrl.useAccountUrl("/login");
+}
+
+//#endregion
+exports.useLoginUrl = useLoginUrl;
+//# sourceMappingURL=useLoginUrl.cjs.map

package/dist/cjs/hooks/useLoginUrl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLoginUrl.cjs","names":["useAccountUrl"],"sources":["../../../src/hooks/useLoginUrl.ts"],"sourcesContent":["import { useAccountUrl } from \"@/hooks/useAccountUrl\";\n\nexport function useLoginUrl() {\n  return useAccountUrl(\"/login\");\n}\n"],"mappings":";;;;AAEA,SAAgB,cAAc;AAC5B,QAAOA,0CAAc,SAAS"}

package/dist/cjs/hooks/useLoginUrl.d.cts

@@ -0,0 +1,5 @@
+//#region src/hooks/useLoginUrl.d.ts
+declare function useLoginUrl(): string;
+//#endregion
+export { useLoginUrl };
+//# sourceMappingURL=useLoginUrl.d.cts.map