@thunderid/react 0.1.0 → 0.2.0

package/dist/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.styles.js

@@ -0,0 +1,234 @@
+import { useMemo } from "react";
+import { css } from "@emotion/css";
+
+//#region src/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.styles.ts
+/**
+* Creates styles for the BaseOrganizationSwitcher component using BEM methodology
+* @param theme - The theme object containing design tokens
+* @param colorScheme - The current color scheme (used for memoization)
+* @returns Object containing CSS class names for component styling
+*/
+const useStyles = (theme, colorScheme) => useMemo(() => {
+	const root = css`
+      display: inline-block;
+      position: relative;
+      font-family: ${theme.vars.typography.fontFamily};
+    `;
+	const trigger = css`
+      display: inline-flex;
+      align-items: center;
+      gap: ${theme.vars.spacing.unit};
+      padding: calc(${theme.vars.spacing.unit} * 0.75) ${theme.vars.spacing.unit};
+      border: 1px solid ${theme.vars.colors.border};
+      background: ${theme.vars.colors.background.surface};
+      cursor: pointer;
+      border-radius: ${theme.vars.borderRadius.medium};
+      min-width: 160px;
+
+      > span {
+        width: 100%;
+        gap: ${theme.vars.spacing.unit};
+      }
+
+      &:hover {
+        background-color: ${theme.vars.colors.background.surface};
+      }
+    `;
+	const triggerLabel = css`
+      color: ${theme.vars.colors.text.primary};
+      font-weight: 500;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      flex: 1;
+    `;
+	const content = css`
+      min-width: 280px;
+      max-width: 400px;
+      background-color: ${theme.vars.colors.background.surface};
+      border-radius: ${theme.vars.borderRadius.medium};
+      box-shadow: ${theme.vars.shadows.medium};
+      border: 1px solid ${theme.vars.colors.border};
+      outline: none;
+      z-index: 1000;
+    `;
+	const header = css`
+      display: flex;
+      align-items: center;
+      gap: ${theme.vars.spacing.unit};
+      padding: ${theme.vars.spacing.unit} calc(${theme.vars.spacing.unit} * 2);
+    `;
+	const headerInfo = css`
+      display: flex;
+      flex-direction: column;
+      gap: calc(${theme.vars.spacing.unit} / 4);
+      flex: 1;
+      min-width: 0;
+      overflow: hidden;
+    `;
+	const headerName = css`
+      color: ${theme.vars.colors.text.primary};
+      font-size: 0.875rem;
+      font-weight: 500;
+      margin: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    `;
+	const headerMeta = css`
+      color: ${theme.vars.colors.text.secondary};
+      font-size: 0.75rem;
+      margin: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    `;
+	const headerRole = css`
+      color: ${theme.vars.colors.text.secondary};
+      font-size: 0.75rem;
+      margin: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      text-transform: capitalize;
+    `;
+	const manageButton = css`
+      min-width: auto;
+      margin-inline-start: auto;
+    `;
+	const menu = css`
+      display: flex;
+      flex-direction: column;
+      width: 100%;
+    `;
+	const menuItem = css`
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+      gap: ${theme.vars.spacing.unit};
+      padding: calc(${theme.vars.spacing.unit} * 1.5) calc(${theme.vars.spacing.unit} * 2);
+      width: 100%;
+      color: ${theme.vars.colors.text.primary};
+      text-decoration: none;
+      border: none;
+      background-color: transparent;
+      cursor: pointer;
+      font-size: 0.875rem;
+      text-align: start;
+      border-radius: ${theme.vars.borderRadius.medium};
+      transition: background-color 0.15s ease-in-out;
+
+      > span {
+        gap: ${theme.vars.spacing.unit};
+      }
+
+      &:hover {
+        background-color: ${theme.vars.colors.action?.hover || "rgba(0, 0, 0, 0.04)"};
+      }
+    `;
+	const menuDivider = css`
+      margin: calc(${theme.vars.spacing.unit} * 0.5) 0;
+      border-bottom: 1px solid ${theme.vars.colors.border};
+    `;
+	const organizationInfo = css`
+      display: flex;
+      flex-direction: column;
+      gap: calc(${theme.vars.spacing.unit} / 4);
+      flex: 1;
+      min-width: 0;
+      overflow: hidden;
+    `;
+	const organizationName = css`
+      color: ${theme.vars.colors.text.primary};
+      font-size: 0.875rem;
+      font-weight: 500;
+      margin: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    `;
+	const organizationMeta = css`
+      color: ${theme.vars.colors.text.secondary};
+      font-size: 0.75rem;
+      margin: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    `;
+	const loadingContainer = css`
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      min-height: 80px;
+      gap: ${theme.vars.spacing.unit};
+    `;
+	const loadingText = css`
+      color: ${theme.vars.colors.text.secondary};
+      font-size: 0.875rem;
+    `;
+	const errorContainer = css`
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      min-height: 80px;
+      padding: calc(${theme.vars.spacing.unit} * 2);
+    `;
+	const errorText = css`
+      color: ${theme.vars.colors.text.secondary};
+      font-size: 0.875rem;
+      text-align: center;
+    `;
+	const sectionHeader = css`
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+      color: ${theme.vars.colors.text.secondary};
+    `;
+	const sectionHeaderContainer = css`
+      border-top: none;
+      border-bottom: none;
+      padding-bottom: calc(${theme.vars.spacing.unit} / 2);
+    `;
+	return {
+		content,
+		errorContainer,
+		errorText,
+		header,
+		headerInfo,
+		headerMeta,
+		headerName,
+		headerRole,
+		loadingContainer,
+		loadingText,
+		manageButton,
+		menu,
+		menuDivider,
+		menuItem,
+		organizationInfo,
+		organizationMeta,
+		organizationName,
+		roleCapitalized: css`
+      text-transform: capitalize;
+    `,
+		root,
+		sectionHeader,
+		sectionHeaderContainer,
+		trigger,
+		triggerLabel
+	};
+}, [
+	theme.vars.colors.background.surface,
+	theme.vars.colors.text.primary,
+	theme.vars.colors.text.secondary,
+	theme.vars.colors.border,
+	theme.vars.borderRadius.medium,
+	theme.vars.shadows.medium,
+	theme.vars.spacing.unit,
+	theme.vars.colors.action?.hover,
+	theme.vars.typography.fontFamily,
+	colorScheme
+]);
+var BaseOrganizationSwitcher_styles_default = useStyles;
+
+//#endregion
+export { BaseOrganizationSwitcher_styles_default as default };
+//# sourceMappingURL=BaseOrganizationSwitcher.styles.js.map

package/dist/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseOrganizationSwitcher.styles.js","names":["root: string","trigger: string","triggerLabel: string","content: string","header: string","headerInfo: string","headerName: string","headerMeta: string","headerRole: string","manageButton: string","menu: string","menuItem: string","menuDivider: string","organizationInfo: string","organizationName: string","organizationMeta: string","loadingContainer: string","loadingText: string","errorContainer: string","errorText: string","sectionHeader: string","sectionHeaderContainer: string"],"sources":["../../../../src/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.styles.ts"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {css} from '@emotion/css';\nimport {Theme} from '@thunderid/browser';\nimport {useMemo} from 'react';\n\n/**\n * Creates styles for the BaseOrganizationSwitcher component using BEM methodology\n * @param theme - The theme object containing design tokens\n * @param colorScheme - The current color scheme (used for memoization)\n * @returns Object containing CSS class names for component styling\n */\n\nconst useStyles = (theme: Theme, colorScheme: string): Record<string, string> =>\n  useMemo(() => {\n    const root: string = css`\n      display: inline-block;\n      position: relative;\n      font-family: ${theme.vars.typography.fontFamily};\n    `;\n\n    const trigger: string = css`\n      display: inline-flex;\n      align-items: center;\n      gap: ${theme.vars.spacing.unit};\n      padding: calc(${theme.vars.spacing.unit} * 0.75) ${theme.vars.spacing.unit};\n      border: 1px solid ${theme.vars.colors.border};\n      background: ${theme.vars.colors.background.surface};\n      cursor: pointer;\n      border-radius: ${theme.vars.borderRadius.medium};\n      min-width: 160px;\n\n      > span {\n        width: 100%;\n        gap: ${theme.vars.spacing.unit};\n      }\n\n      &:hover {\n        background-color: ${theme.vars.colors.background.surface};\n      }\n    `;\n\n    const triggerLabel: string = css`\n      color: ${theme.vars.colors.text.primary};\n      font-weight: 500;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      flex: 1;\n    `;\n\n    const content: string = css`\n      min-width: 280px;\n      max-width: 400px;\n      background-color: ${theme.vars.colors.background.surface};\n      border-radius: ${theme.vars.borderRadius.medium};\n      box-shadow: ${theme.vars.shadows.medium};\n      border: 1px solid ${theme.vars.colors.border};\n      outline: none;\n      z-index: 1000;\n    `;\n\n    const header: string = css`\n      display: flex;\n      align-items: center;\n      gap: ${theme.vars.spacing.unit};\n      padding: ${theme.vars.spacing.unit} calc(${theme.vars.spacing.unit} * 2);\n    `;\n\n    const headerInfo: string = css`\n      display: flex;\n      flex-direction: column;\n      gap: calc(${theme.vars.spacing.unit} / 4);\n      flex: 1;\n      min-width: 0;\n      overflow: hidden;\n    `;\n\n    const headerName: string = css`\n      color: ${theme.vars.colors.text.primary};\n      font-size: 0.875rem;\n      font-weight: 500;\n      margin: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n\n    const headerMeta: string = css`\n      color: ${theme.vars.colors.text.secondary};\n      font-size: 0.75rem;\n      margin: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n\n    const headerRole: string = css`\n      color: ${theme.vars.colors.text.secondary};\n      font-size: 0.75rem;\n      margin: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      text-transform: capitalize;\n    `;\n\n    const manageButton: string = css`\n      min-width: auto;\n      margin-inline-start: auto;\n    `;\n\n    const menu: string = css`\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n    `;\n\n    const menuItem: string = css`\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      gap: ${theme.vars.spacing.unit};\n      padding: calc(${theme.vars.spacing.unit} * 1.5) calc(${theme.vars.spacing.unit} * 2);\n      width: 100%;\n      color: ${theme.vars.colors.text.primary};\n      text-decoration: none;\n      border: none;\n      background-color: transparent;\n      cursor: pointer;\n      font-size: 0.875rem;\n      text-align: start;\n      border-radius: ${theme.vars.borderRadius.medium};\n      transition: background-color 0.15s ease-in-out;\n\n      > span {\n        gap: ${theme.vars.spacing.unit};\n      }\n\n      &:hover {\n        background-color: ${theme.vars.colors.action?.hover || 'rgba(0, 0, 0, 0.04)'};\n      }\n    `;\n\n    const menuDivider: string = css`\n      margin: calc(${theme.vars.spacing.unit} * 0.5) 0;\n      border-bottom: 1px solid ${theme.vars.colors.border};\n    `;\n\n    const organizationInfo: string = css`\n      display: flex;\n      flex-direction: column;\n      gap: calc(${theme.vars.spacing.unit} / 4);\n      flex: 1;\n      min-width: 0;\n      overflow: hidden;\n    `;\n\n    const organizationName: string = css`\n      color: ${theme.vars.colors.text.primary};\n      font-size: 0.875rem;\n      font-weight: 500;\n      margin: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n\n    const organizationMeta: string = css`\n      color: ${theme.vars.colors.text.secondary};\n      font-size: 0.75rem;\n      margin: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n\n    const loadingContainer: string = css`\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 80px;\n      gap: ${theme.vars.spacing.unit};\n    `;\n\n    const loadingText: string = css`\n      color: ${theme.vars.colors.text.secondary};\n      font-size: 0.875rem;\n    `;\n\n    const errorContainer: string = css`\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 80px;\n      padding: calc(${theme.vars.spacing.unit} * 2);\n    `;\n\n    const errorText: string = css`\n      color: ${theme.vars.colors.text.secondary};\n      font-size: 0.875rem;\n      text-align: center;\n    `;\n\n    const sectionHeader: string = css`\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      color: ${theme.vars.colors.text.secondary};\n    `;\n\n    const sectionHeaderContainer: string = css`\n      border-top: none;\n      border-bottom: none;\n      padding-bottom: calc(${theme.vars.spacing.unit} / 2);\n    `;\n\n    const roleCapitalized: string = css`\n      text-transform: capitalize;\n    `;\n\n    return {\n      content,\n      errorContainer,\n      errorText,\n      header,\n      headerInfo,\n      headerMeta,\n      headerName,\n      headerRole,\n      loadingContainer,\n      loadingText,\n      manageButton,\n      menu,\n      menuDivider,\n      menuItem,\n      organizationInfo,\n      organizationMeta,\n      organizationName,\n      roleCapitalized,\n      root,\n      sectionHeader,\n      sectionHeaderContainer,\n      trigger,\n      triggerLabel,\n    };\n  }, [\n    theme.vars.colors.background.surface,\n    theme.vars.colors.text.primary,\n    theme.vars.colors.text.secondary,\n    theme.vars.colors.border,\n    theme.vars.borderRadius.medium,\n    theme.vars.shadows.medium,\n    theme.vars.spacing.unit,\n    theme.vars.colors.action?.hover,\n    theme.vars.typography.fontFamily,\n    colorScheme,\n  ]);\n\nexport default useStyles;\n"],"mappings":"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"}

package/dist/components/presentation/OrganizationSwitcher/OrganizationSwitcher.d.ts

@@ -29,7 +29,7 @@ export interface OrganizationSwitcherProps extends Omit<BaseOrganizationSwitcher
     /**
      * Fallback element to render when the user is not signed in.
      */
-    fallback?: ReactElement;
+    fallback?: ReactElement | null;
     /**
      * Optional callback for organization switch (will use context if not provided)
      */

package/dist/components/presentation/OrganizationSwitcher/OrganizationSwitcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OrganizationSwitcher.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/OrganizationSwitcher/OrganizationSwitcher.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,EAAE,EAAE,YAAY,EAAW,MAAM,OAAO,CAAC;AAEjD,OAAO,EAEL,6BAA6B,EAC7B,YAAY,EACb,MAAM,4BAA4B,CAAC;AASpC;;;GAGG;AACH,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,6BAA6B,EAAE,eAAe,GAAG,qBAAqB,GAAG,sBAAsB,CAAC;IAC7G;;OAEG;IACH,mBAAmB,CAAC,EAAE,YAAY,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC5E;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;CAChC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAiH9D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"OrganizationSwitcher.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/OrganizationSwitcher/OrganizationSwitcher.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,EAAE,EAAE,YAAY,EAAW,MAAM,OAAO,CAAC;AAEjD,OAAO,EAEL,6BAA6B,EAC7B,YAAY,EACb,MAAM,4BAA4B,CAAC;AASpC;;;GAGG;AACH,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,6BAA6B,EAAE,eAAe,GAAG,qBAAqB,GAAG,sBAAsB,CAAC;IAC7G;;OAEG;IACH,mBAAmB,CAAC,EAAE,YAAY,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC/B;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC5E;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;CAChC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAkH9D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/presentation/OrganizationSwitcher/OrganizationSwitcher.js

@@ -0,0 +1,124 @@
+import useThunderID_default from "../../../contexts/ThunderID/useThunderID.js";
+import useOrganization_default from "../../../contexts/Organization/useOrganization.js";
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import { BaseOrganizationSwitcher } from "./BaseOrganizationSwitcher.js";
+import BuildingAlt_default from "../../primitives/Icons/BuildingAlt.js";
+import { CreateOrganization } from "../CreateOrganization/CreateOrganization.js";
+import OrganizationList_default from "../OrganizationList/OrganizationList.js";
+import OrganizationProfile_default from "../OrganizationProfile/OrganizationProfile.js";
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/presentation/OrganizationSwitcher/OrganizationSwitcher.tsx
+/**
+* OrganizationSwitcher component that provides organization switching functionality.
+* This component automatically retrieves organizations from the OrganizationContext.
+* You can also override the organizations, currentOrganization, and onOrganizationSwitch
+* by passing them as props.
+*
+* @example
+* ```tsx
+* import { OrganizationSwitcher } from '@thunderid/react';
+*
+* // Basic usage - uses OrganizationContext
+* <OrganizationSwitcher />
+*
+* // With custom organization switch handler
+* <OrganizationSwitcher
+*   onOrganizationSwitch={(org) => {
+*     console.log('Switching to:', org.name);
+*     // Custom logic here
+*   }}
+* />
+*
+* // With fallback for unauthenticated users
+* <OrganizationSwitcher
+*   fallback={<div>Please sign in to view organizations</div>}
+* />
+* ```
+*/
+const OrganizationSwitcher = ({ currentOrganization: propCurrentOrganization, fallback = null, onOrganizationSwitch: propOnOrganizationSwitch, organizations: propOrganizations, preferences,...props }) => {
+	const { isSignedIn } = useThunderID_default();
+	const { currentOrganization: contextCurrentOrganization, myOrganizations: contextOrganizations, switchOrganization, isLoading, error } = useOrganization_default();
+	const [isCreateOrgOpen, setIsCreateOrgOpen] = useState(false);
+	const [isProfileOpen, setIsProfileOpen] = useState(false);
+	const [isOrganizationListOpen, setIsOrganizationListOpen] = useState(false);
+	const { t } = useTranslation_default(preferences?.i18n);
+	if (!isSignedIn && fallback) return fallback;
+	if (!isSignedIn) return /* @__PURE__ */ jsx(Fragment, {});
+	const organizations = propOrganizations || contextOrganizations || [];
+	const currentOrganization = propCurrentOrganization || contextCurrentOrganization || void 0;
+	const onOrganizationSwitch = propOnOrganizationSwitch || switchOrganization;
+	const handleManageOrganizations = () => {
+		setIsOrganizationListOpen(true);
+	};
+	const handleManageOrganization = () => {
+		setIsProfileOpen(true);
+	};
+	const defaultMenuItems = [];
+	if (currentOrganization) defaultMenuItems.push({
+		icon: /* @__PURE__ */ jsx(BuildingAlt_default, {}),
+		label: t("organization.switcher.manage.organizations"),
+		onClick: handleManageOrganizations
+	});
+	defaultMenuItems.push({
+		icon: /* @__PURE__ */ jsx("svg", {
+			width: "16",
+			height: "16",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			children: /* @__PURE__ */ jsx("path", { d: "M12 5v14m-7-7h14" })
+		}),
+		label: t("organization.switcher.create.organization"),
+		onClick: () => setIsCreateOrgOpen(true)
+	});
+	const menuItems = props.menuItems ? [...defaultMenuItems, ...props.menuItems] : defaultMenuItems;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(BaseOrganizationSwitcher, {
+			organizations,
+			currentOrganization,
+			onOrganizationSwitch,
+			loading: isLoading,
+			error: error ?? void 0,
+			menuItems,
+			onManageProfile: handleManageOrganization,
+			preferences,
+			...props
+		}),
+		/* @__PURE__ */ jsx(CreateOrganization, {
+			mode: "popup",
+			open: isCreateOrgOpen,
+			onOpenChange: setIsCreateOrgOpen,
+			onSuccess: (org) => {
+				if (org && onOrganizationSwitch) onOrganizationSwitch(org);
+				setIsCreateOrgOpen(false);
+			}
+		}),
+		currentOrganization && /* @__PURE__ */ jsx(OrganizationProfile_default, {
+			organizationId: currentOrganization.id,
+			mode: "popup",
+			open: isProfileOpen,
+			onOpenChange: setIsProfileOpen,
+			cardLayout: true,
+			loadingFallback: /* @__PURE__ */ jsx("div", { children: t("organization.profile.loading") }),
+			errorFallback: /* @__PURE__ */ jsx("div", { children: t("organization.profile.error") })
+		}),
+		/* @__PURE__ */ jsx(OrganizationList_default, {
+			mode: "popup",
+			open: isOrganizationListOpen,
+			onOpenChange: setIsOrganizationListOpen,
+			title: t("organization.switcher.manage.organizations"),
+			onOrganizationSelect: (organization) => {
+				if (onOrganizationSwitch) onOrganizationSwitch(organization);
+				setIsOrganizationListOpen(false);
+			}
+		})
+	] });
+};
+var OrganizationSwitcher_default = OrganizationSwitcher;
+
+//#endregion
+export { OrganizationSwitcher_default as default };
+//# sourceMappingURL=OrganizationSwitcher.js.map

package/dist/components/presentation/OrganizationSwitcher/OrganizationSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationSwitcher.js","names":["OrganizationSwitcher: FC<OrganizationSwitcherProps>","useThunderID","useOrganization","useTranslation","organizations: Organization[]","currentOrganization: Organization | undefined","onOrganizationSwitch: (organization: Organization) => Promise<void> | void","defaultMenuItems: {icon?: ReactElement; label: string; onClick: () => void}[]","BuildingAlt","menuItems: any[]","BaseOrganizationSwitcherComponent","OrganizationProfile","OrganizationListComponent"],"sources":["../../../../src/components/presentation/OrganizationSwitcher/OrganizationSwitcher.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {FC, ReactElement, useState} from 'react';\n\nimport {\n  BaseOrganizationSwitcher as BaseOrganizationSwitcherComponent,\n  BaseOrganizationSwitcherProps,\n  Organization,\n} from './BaseOrganizationSwitcher';\nimport useOrganization from '../../../contexts/Organization/useOrganization';\nimport useThunderID from '../../../contexts/ThunderID/useThunderID';\nimport useTranslation from '../../../hooks/useTranslation';\nimport BuildingAlt from '../../primitives/Icons/BuildingAlt';\nimport {CreateOrganization} from '../CreateOrganization/CreateOrganization';\nimport OrganizationListComponent from '../OrganizationList/OrganizationList';\nimport OrganizationProfile from '../OrganizationProfile/OrganizationProfile';\n\n/**\n * Props interface for the OrganizationSwitcher component.\n * Makes organizations optional since they'll be retrieved from OrganizationContext.\n */\nexport interface OrganizationSwitcherProps\n  extends Omit<BaseOrganizationSwitcherProps, 'organizations' | 'currentOrganization' | 'onOrganizationSwitch'> {\n  /**\n   * Optional override for current organization (will use context if not provided)\n   */\n  currentOrganization?: Organization;\n  /**\n   * Fallback element to render when the user is not signed in.\n   */\n  fallback?: ReactElement | null;\n  /**\n   * Optional callback for organization switch (will use context if not provided)\n   */\n  onOrganizationSwitch?: (organization: Organization) => Promise<void> | void;\n  /**\n   * Optional override for organizations list (will use context if not provided)\n   */\n  organizations?: Organization[];\n}\n\n/**\n * OrganizationSwitcher component that provides organization switching functionality.\n * This component automatically retrieves organizations from the OrganizationContext.\n * You can also override the organizations, currentOrganization, and onOrganizationSwitch\n * by passing them as props.\n *\n * @example\n * ```tsx\n * import { OrganizationSwitcher } from '@thunderid/react';\n *\n * // Basic usage - uses OrganizationContext\n * <OrganizationSwitcher />\n *\n * // With custom organization switch handler\n * <OrganizationSwitcher\n *   onOrganizationSwitch={(org) => {\n *     console.log('Switching to:', org.name);\n *     // Custom logic here\n *   }}\n * />\n *\n * // With fallback for unauthenticated users\n * <OrganizationSwitcher\n *   fallback={<div>Please sign in to view organizations</div>}\n * />\n * ```\n */\nexport const OrganizationSwitcher: FC<OrganizationSwitcherProps> = ({\n  currentOrganization: propCurrentOrganization,\n  fallback = null,\n  onOrganizationSwitch: propOnOrganizationSwitch,\n  organizations: propOrganizations,\n  preferences,\n  ...props\n}: OrganizationSwitcherProps): ReactElement | null => {\n  const {isSignedIn} = useThunderID();\n  const {\n    currentOrganization: contextCurrentOrganization,\n    myOrganizations: contextOrganizations,\n    switchOrganization,\n    isLoading,\n    error,\n  } = useOrganization();\n  const [isCreateOrgOpen, setIsCreateOrgOpen] = useState(false);\n  const [isProfileOpen, setIsProfileOpen] = useState(false);\n  const [isOrganizationListOpen, setIsOrganizationListOpen] = useState(false);\n  const {t} = useTranslation(preferences?.i18n);\n\n  if (!isSignedIn && fallback) {\n    return fallback;\n  }\n\n  if (!isSignedIn) {\n    return <></>;\n  }\n\n  const organizations: Organization[] = propOrganizations || contextOrganizations || [];\n  const currentOrganization: Organization | undefined =\n    propCurrentOrganization || contextCurrentOrganization || undefined;\n  const onOrganizationSwitch: (organization: Organization) => Promise<void> | void =\n    propOnOrganizationSwitch || switchOrganization;\n\n  const handleManageOrganizations = (): void => {\n    setIsOrganizationListOpen(true);\n  };\n\n  const handleManageOrganization = (): void => {\n    setIsProfileOpen(true);\n  };\n\n  const defaultMenuItems: {icon?: ReactElement; label: string; onClick: () => void}[] = [];\n\n  if (currentOrganization) {\n    defaultMenuItems.push({\n      icon: <BuildingAlt />,\n      label: t('organization.switcher.manage.organizations'),\n      onClick: handleManageOrganizations,\n    });\n  }\n\n  defaultMenuItems.push({\n    icon: (\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n        <path d=\"M12 5v14m-7-7h14\" />\n      </svg>\n    ),\n    label: t('organization.switcher.create.organization'),\n    onClick: (): void => setIsCreateOrgOpen(true),\n  });\n\n  const menuItems: any[] = props.menuItems ? [...defaultMenuItems, ...props.menuItems] : defaultMenuItems;\n\n  return (\n    <>\n      <BaseOrganizationSwitcherComponent\n        organizations={organizations}\n        currentOrganization={currentOrganization}\n        onOrganizationSwitch={onOrganizationSwitch}\n        loading={isLoading}\n        error={error ?? undefined}\n        menuItems={menuItems}\n        onManageProfile={handleManageOrganization}\n        preferences={preferences}\n        {...props}\n      />\n      <CreateOrganization\n        mode=\"popup\"\n        open={isCreateOrgOpen}\n        onOpenChange={setIsCreateOrgOpen}\n        onSuccess={(org: Organization): void => {\n          if (org && onOrganizationSwitch) {\n            onOrganizationSwitch(org);\n          }\n          setIsCreateOrgOpen(false);\n        }}\n      />\n      {currentOrganization && (\n        <OrganizationProfile\n          organizationId={currentOrganization.id}\n          mode=\"popup\"\n          open={isProfileOpen}\n          onOpenChange={setIsProfileOpen}\n          cardLayout={true}\n          loadingFallback={<div>{t('organization.profile.loading')}</div>}\n          errorFallback={<div>{t('organization.profile.error')}</div>}\n        />\n      )}\n      <OrganizationListComponent\n        mode=\"popup\"\n        open={isOrganizationListOpen}\n        onOpenChange={setIsOrganizationListOpen}\n        title={t('organization.switcher.manage.organizations')}\n        onOrganizationSelect={(organization: Organization): void => {\n          if (onOrganizationSwitch) {\n            onOrganizationSwitch(organization);\n          }\n          setIsOrganizationListOpen(false);\n        }}\n      />\n    </>\n  );\n};\n\nexport default OrganizationSwitcher;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFA,MAAaA,wBAAuD,EAClE,qBAAqB,yBACrB,WAAW,MACX,sBAAsB,0BACtB,eAAe,mBACf,YACA,GAAG,YACiD;CACpD,MAAM,EAAC,eAAcC,sBAAc;CACnC,MAAM,EACJ,qBAAqB,4BACrB,iBAAiB,sBACjB,oBACA,WACA,UACEC,yBAAiB;CACrB,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,MAAM;CAC7D,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM;CACzD,MAAM,CAAC,wBAAwB,6BAA6B,SAAS,MAAM;CAC3E,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;AAE7C,KAAI,CAAC,cAAc,SACjB,QAAO;AAGT,KAAI,CAAC,WACH,QAAO,iCAAK;CAGd,MAAMC,gBAAgC,qBAAqB,wBAAwB,EAAE;CACrF,MAAMC,sBACJ,2BAA2B,8BAA8B;CAC3D,MAAMC,uBACJ,4BAA4B;CAE9B,MAAM,kCAAwC;AAC5C,4BAA0B,KAAK;;CAGjC,MAAM,iCAAuC;AAC3C,mBAAiB,KAAK;;CAGxB,MAAMC,mBAAgF,EAAE;AAExF,KAAI,oBACF,kBAAiB,KAAK;EACpB,MAAM,oBAACC,wBAAc;EACrB,OAAO,EAAE,6CAA6C;EACtD,SAAS;EACV,CAAC;AAGJ,kBAAiB,KAAK;EACpB,MACE,oBAAC;GAAI,OAAM;GAAK,QAAO;GAAK,SAAQ;GAAY,MAAK;GAAO,QAAO;GAAe,aAAY;aAC5F,oBAAC,UAAK,GAAE,qBAAqB;IACzB;EAER,OAAO,EAAE,4CAA4C;EACrD,eAAqB,mBAAmB,KAAK;EAC9C,CAAC;CAEF,MAAMC,YAAmB,MAAM,YAAY,CAAC,GAAG,kBAAkB,GAAG,MAAM,UAAU,GAAG;AAEvF,QACE;EACE,oBAACC;GACgB;GACM;GACC;GACtB,SAAS;GACT,OAAO,SAAS;GACL;GACX,iBAAiB;GACJ;GACb,GAAI;IACJ;EACF,oBAAC;GACC,MAAK;GACL,MAAM;GACN,cAAc;GACd,YAAY,QAA4B;AACtC,QAAI,OAAO,qBACT,sBAAqB,IAAI;AAE3B,uBAAmB,MAAM;;IAE3B;EACD,uBACC,oBAACC;GACC,gBAAgB,oBAAoB;GACpC,MAAK;GACL,MAAM;GACN,cAAc;GACd,YAAY;GACZ,iBAAiB,oBAAC,mBAAK,EAAE,+BAA+B,GAAO;GAC/D,eAAe,oBAAC,mBAAK,EAAE,6BAA6B,GAAO;IAC3D;EAEJ,oBAACC;GACC,MAAK;GACL,MAAM;GACN,cAAc;GACd,OAAO,EAAE,6CAA6C;GACtD,uBAAuB,iBAAqC;AAC1D,QAAI,qBACF,sBAAqB,aAAa;AAEpC,8BAA0B,MAAM;;IAElC;KACD;;AAIP,mCAAe"}

package/dist/components/presentation/User/BaseUser.js

@@ -0,0 +1,39 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+
+//#region src/components/presentation/User/BaseUser.tsx
+/**
+* Base User component that provides the core functionality for displaying user information.
+* This component takes a user object as a prop and uses render props to expose it.
+*
+* @remarks This is the base component that can be used in any context where you have
+* a user object available. For React applications, use the User component which
+* automatically retrieves the user from ThunderID context.
+*
+* @example
+* ```tsx
+* import { BaseUser } from '@thunderid/auth-react';
+*
+* const MyComponent = ({ user }) => {
+*   return (
+*     <BaseUser user={user} fallback={<p>No user data</p>}>
+*       {(user) => (
+*         <div>
+*           <h1>Welcome, {user.displayName}!</h1>
+*           <p>Email: {user.email}</p>
+*         </div>
+*       )}
+*     </BaseUser>
+*   );
+* }
+* ```
+*/
+const BaseUser = ({ user, children, fallback = null }) => {
+	if (!user) return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+	return /* @__PURE__ */ jsx(Fragment, { children: children(user) });
+};
+BaseUser.displayName = "BaseUser";
+var BaseUser_default = BaseUser;
+
+//#endregion
+export { BaseUser_default as default };
+//# sourceMappingURL=BaseUser.js.map

package/dist/components/presentation/User/BaseUser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseUser.js","names":["BaseUser: FC<BaseUserProps>"],"sources":["../../../../src/components/presentation/User/BaseUser.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {User as IUser} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode} from 'react';\n\n/**\n * Props for the BaseUser component.\n */\nexport interface BaseUserProps {\n  /**\n   * Render prop that takes the user object and returns a ReactNode.\n   * @param user - The authenticated user object from ThunderID.\n   * @returns A ReactNode to render.\n   */\n  children: (user: IUser | null) => ReactNode;\n\n  /**\n   * Optional element to render when no user is provided.\n   */\n  fallback?: ReactNode;\n\n  /**\n   * The user object to display. If not provided, the component will render the fallback.\n   */\n  user: IUser | null;\n}\n\n/**\n * Base User component that provides the core functionality for displaying user information.\n * This component takes a user object as a prop and uses render props to expose it.\n *\n * @remarks This is the base component that can be used in any context where you have\n * a user object available. For React applications, use the User component which\n * automatically retrieves the user from ThunderID context.\n *\n * @example\n * ```tsx\n * import { BaseUser } from '@thunderid/auth-react';\n *\n * const MyComponent = ({ user }) => {\n *   return (\n *     <BaseUser user={user} fallback={<p>No user data</p>}>\n *       {(user) => (\n *         <div>\n *           <h1>Welcome, {user.displayName}!</h1>\n *           <p>Email: {user.email}</p>\n *         </div>\n *       )}\n *     </BaseUser>\n *   );\n * }\n * ```\n */\nconst BaseUser: FC<BaseUserProps> = ({user, children, fallback = null}: BaseUserProps): ReactElement => {\n  if (!user) {\n    return <>{fallback}</>;\n  }\n\n  return <>{children(user)}</>;\n};\n\nBaseUser.displayName = 'BaseUser';\n\nexport default BaseUser;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEA,MAAMA,YAA+B,EAAC,MAAM,UAAU,WAAW,WAAuC;AACtG,KAAI,CAAC,KACH,QAAO,0CAAG,WAAY;AAGxB,QAAO,0CAAG,SAAS,KAAK,GAAI;;AAG9B,SAAS,cAAc;AAEvB,uBAAe"}

package/dist/components/presentation/User/User.js

@@ -0,0 +1,43 @@
+import useThunderID_default from "../../../contexts/ThunderID/useThunderID.js";
+import BaseUser_default from "./BaseUser.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/presentation/User/User.tsx
+/**
+* A component that uses render props to expose the authenticated user object.
+* This component automatically retrieves the user from ThunderID context.
+*
+* @remarks This component is only supported in browser based React applications (CSR).
+*
+* @example
+* ```tsx
+* import { IUser } from '@thunderid/auth-react';
+*
+* const App = () => {
+*   return (
+*     <User fallback={<p>Please sign in</p>}>
+*       {(user) => (
+*         <div>
+*           <h1>Welcome, {user.displayName}!</h1>
+*           <p>Email: {user.email}</p>
+*         </div>
+*       )}
+*     </User>
+*   );
+* }
+* ```
+*/
+const User = ({ children, fallback = null }) => {
+	const { user } = useThunderID_default();
+	return /* @__PURE__ */ jsx(BaseUser_default, {
+		user,
+		fallback,
+		children
+	});
+};
+User.displayName = "User";
+var User_default = User;
+
+//#endregion
+export { User_default as default };
+//# sourceMappingURL=User.js.map

package/dist/components/presentation/User/User.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"User.js","names":["User: FC<UserProps>","useThunderID","BaseUser"],"sources":["../../../../src/components/presentation/User/User.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {User as IUser} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode} from 'react';\nimport BaseUser, {BaseUserProps} from './BaseUser';\nimport useThunderID from '../../../contexts/ThunderID/useThunderID';\n\n/**\n * Props for the User component.\n * Extends BaseUserProps but makes the user prop optional since it will be obtained from useThunderID\n */\nexport interface UserProps extends Omit<BaseUserProps, 'user'> {\n  /**\n   * Render prop that takes the user object and returns a ReactNode.\n   * @param user - The authenticated user object from ThunderID.\n   * @returns A ReactNode to render.\n   */\n  children: (user: IUser | null) => ReactNode;\n\n  /**\n   * Optional element to render when no user is signed in.\n   */\n  fallback?: ReactNode;\n}\n\n/**\n * A component that uses render props to expose the authenticated user object.\n * This component automatically retrieves the user from ThunderID context.\n *\n * @remarks This component is only supported in browser based React applications (CSR).\n *\n * @example\n * ```tsx\n * import { IUser } from '@thunderid/auth-react';\n *\n * const App = () => {\n *   return (\n *     <User fallback={<p>Please sign in</p>}>\n *       {(user) => (\n *         <div>\n *           <h1>Welcome, {user.displayName}!</h1>\n *           <p>Email: {user.email}</p>\n *         </div>\n *       )}\n *     </User>\n *   );\n * }\n * ```\n */\nconst User: FC<UserProps> = ({children, fallback = null}: UserProps): ReactElement => {\n  const {user} = useThunderID();\n\n  return (\n    <BaseUser user={user} fallback={fallback}>\n      {children}\n    </BaseUser>\n  );\n};\n\nUser.displayName = 'User';\n\nexport default User;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA,MAAMA,QAAuB,EAAC,UAAU,WAAW,WAAmC;CACpF,MAAM,EAAC,SAAQC,sBAAc;AAE7B,QACE,oBAACC;EAAe;EAAgB;EAC7B;GACQ;;AAIf,KAAK,cAAc;AAEnB,mBAAe"}

package/dist/components/presentation/UserDropdown/BaseUserDropdown.d.ts

@@ -45,7 +45,7 @@ export interface BaseUserDropdownProps {
     /**
      * Optional element to render when no user is signed in.
      */
-    fallback?: ReactElement;
+    fallback?: ReactElement | null;
     /**
      * Whether the user data is currently loading
      */

package/dist/components/presentation/UserDropdown/BaseUserDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseUserDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/UserDropdown/BaseUserDropdown.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAiBH,OAAO,EAAC,EAAE,EAAE,YAAY,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAW5D,UAAU,QAAQ;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,gBAAgB,CAAC,EAAE;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;QAC7C,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QAC9B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC9B,CAAC;IACF;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,IAAI,EAAE,GAAG,CAAC;CACX;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAqNtD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"BaseUserDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/UserDropdown/BaseUserDropdown.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAiBH,OAAO,EAAC,EAAE,EAAE,YAAY,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAW5D,UAAU,QAAQ;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,gBAAgB,CAAC,EAAE;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC;QAC7C,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QAC9B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC9B,CAAC;IACF;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,IAAI,EAAE,GAAG,CAAC;CACX;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAsNtD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}