@dextinity/admin 2.0.0-canary-20260729062014

package/lib/apollo/filterByFragment.js

@@ -0,0 +1,182 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+import { argumentsObjectFromField, createFragmentMap, getFragmentDefinitions, getMainDefinition, isField, isInlineFragment, resultKeyNameFromField, shouldInclude } from "@apollo/client/utilities";
+// Copied and adapted from https://github.com/apollographql/apollo-client/blob/release-2.x/packages/graphql-anywhere/src/utilities.ts
+export function filterByFragment(doc, data) {
+  var variableValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  if (data === null) {
+    return data;
+  }
+  var resolver = function resolver(fieldName, root, args, context, info) {
+    return root[info.resultKey];
+  };
+  return Array.isArray(data) ? data.map(function (dataObj) {
+    return graphql(resolver, doc, dataObj, null, variableValues);
+  }) : graphql(resolver, doc, data, null, variableValues);
+}
+
+// Copied and adapted from https://github.com/apollographql/apollo-client/blob/release-2.x/packages/graphql-anywhere/src/graphql.ts
+
+/* Based on graphql function from graphql-js:
+ *
+ * graphql(
+ *   schema: GraphQLSchema,
+ *   requestString: string,
+ *   rootValue?: ?any,
+ *   contextValue?: ?any,
+ *   variableValues?: ?{[key: string]: any},
+ *   operationName?: ?string
+ * ): Promise<GraphQLResult>
+ *
+ * The default export as of graphql-anywhere is sync as of 4.0,
+ * but below is an exported alternative that is async.
+ * In the 5.0 version, this will be the only export again
+ * and it will be async
+ */
+function graphql(resolver, document, rootValue, contextValue) {
+  var variableValues = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+  var execOptions = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
+  var mainDefinition = getMainDefinition(document);
+  var fragments = getFragmentDefinitions(document);
+  var fragmentMap = createFragmentMap(fragments);
+  var resultMapper = execOptions.resultMapper;
+
+  // Default matcher always matches all fragments
+  var fragmentMatcher = execOptions.fragmentMatcher || function () {
+    return true;
+  };
+  var execContext = {
+    fragmentMap: fragmentMap,
+    contextValue: contextValue,
+    variableValues: variableValues,
+    resultMapper: resultMapper,
+    resolver: resolver,
+    fragmentMatcher: fragmentMatcher
+  };
+  return executeSelectionSet(mainDefinition.selectionSet, rootValue, execContext);
+}
+function executeSelectionSet(selectionSet, rootValue, execContext) {
+  var fragmentMap = execContext.fragmentMap,
+    contextValue = execContext.contextValue,
+    variables = execContext.variableValues;
+  var result = {};
+  selectionSet.selections.forEach(function (selection) {
+    if (variables && !shouldInclude(selection, variables)) {
+      // Skip selection sets which we're able to determine should not be run
+      return;
+    }
+    if (isField(selection)) {
+      var fieldResult = executeField(selection, rootValue, execContext);
+      var resultFieldKey = resultKeyNameFromField(selection);
+      if (fieldResult !== undefined) {
+        if (result[resultFieldKey] === undefined) {
+          result[resultFieldKey] = fieldResult;
+        } else {
+          merge(result[resultFieldKey], fieldResult);
+        }
+      }
+    } else {
+      var _fragment$typeConditi;
+      var fragment;
+      if (isInlineFragment(selection)) {
+        fragment = selection;
+      } else {
+        // This is a named fragment
+        fragment = fragmentMap[selection.name.value];
+        if (!fragment) {
+          throw new Error("No fragment named ".concat(selection.name.value));
+        }
+      }
+      var typeCondition = (_fragment$typeConditi = fragment.typeCondition) === null || _fragment$typeConditi === void 0 ? void 0 : _fragment$typeConditi.name.value;
+      if (typeCondition && execContext.fragmentMatcher(rootValue, typeCondition, contextValue)) {
+        var fragmentResult = executeSelectionSet(fragment.selectionSet, rootValue, execContext);
+        merge(result, fragmentResult);
+      }
+    }
+  });
+  if (execContext.resultMapper) {
+    return execContext.resultMapper(result, rootValue);
+  }
+  return result;
+}
+function executeField(field, rootValue, execContext) {
+  var variables = execContext.variableValues,
+    contextValue = execContext.contextValue,
+    resolver = execContext.resolver;
+  var fieldName = field.name.value;
+  var args = argumentsObjectFromField(field, variables);
+  var info = {
+    isLeaf: !field.selectionSet,
+    resultKey: resultKeyNameFromField(field),
+    directives: getDirectiveInfoFromField(field, variables),
+    field: field
+  };
+  var result = resolver(fieldName, rootValue, args, contextValue, info);
+
+  // Handle all scalar types here
+  if (!field.selectionSet) {
+    return result;
+  }
+
+  // From here down, the field has a selection set, which means it's trying to
+  // query a GraphQLObjectType
+  if (result == null) {
+    // Basically any field in a GraphQL response can be null, or missing
+    return result;
+  }
+  if (Array.isArray(result)) {
+    return executeSubSelectedArray(field, result, execContext);
+  }
+
+  // Returned value is an object, and the query has a sub-selection. Recurse.
+  return executeSelectionSet(field.selectionSet, result, execContext);
+}
+function executeSubSelectedArray(field, result, execContext) {
+  return result.map(function (item) {
+    // null value in array
+    if (item === null) {
+      return null;
+    }
+
+    // This is a nested array, recurse
+    if (Array.isArray(item)) {
+      return executeSubSelectedArray(field, item, execContext);
+    }
+    if (!field.selectionSet) {
+      return null;
+    }
+
+    // This is an object, run the selection set on it
+    return executeSelectionSet(field.selectionSet, item, execContext);
+  });
+}
+var hasOwn = Object.prototype.hasOwnProperty;
+function merge(dest, src) {
+  if (src !== null && _typeof(src) === "object") {
+    Object.keys(src).forEach(function (key) {
+      var srcVal = src[key];
+      if (!hasOwn.call(dest, key)) {
+        dest[key] = srcVal;
+      } else {
+        merge(dest[key], srcVal);
+      }
+    });
+  }
+}
+
+// Copied and adapted from https://github.com/apollographql/apollo-client/blob/release-2.x/packages/apollo-utilities/src/directives.ts
+
+// Provides the methods that allow QueryManager to handle the `skip` and
+// `include` directives within GraphQL.
+function getDirectiveInfoFromField(field, variables) {
+  if (field.directives && field.directives.length) {
+    var directiveObj = {};
+    field.directives.forEach(function (directive) {
+      var argumentsObj = argumentsObjectFromField(directive, variables);
+      if (argumentsObj) {
+        directiveObj[directive.name.value] = argumentsObj;
+      }
+    });
+    return directiveObj;
+  }
+  return null;
+}

package/lib/apollo/useFocusAwarePolling.d.ts

@@ -0,0 +1,5 @@
+import type { ObservableQuery, QueryHookOptions } from "@apollo/client";
+type FocusAwarePollingHookOptions = Pick<ObservableQuery, "refetch" | "startPolling" | "stopPolling"> & Pick<QueryHookOptions, "pollInterval" | "skip">;
+declare function useFocusAwarePolling({ pollInterval, skip, refetch, startPolling, stopPolling }: FocusAwarePollingHookOptions): void;
+export { useFocusAwarePolling };
+//# sourceMappingURL=useFocusAwarePolling.d.ts.map

package/lib/apollo/useFocusAwarePolling.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusAwarePolling.d.ts","sourceRoot":"","sources":["../../src/apollo/useFocusAwarePolling.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGxE,KAAK,4BAA4B,GAAG,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,cAAc,GAAG,aAAa,CAAC,GACjG,IAAI,CAAC,gBAAgB,EAAE,cAAc,GAAG,MAAM,CAAC,CAAC;AAEpD,iBAAS,oBAAoB,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,4BAA4B,GAAG,IAAI,CAsC5H;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/lib/apollo/useFocusAwarePolling.js

@@ -0,0 +1,38 @@
+import { useEffect } from "react";
+function useFocusAwarePolling(_ref) {
+  var pollInterval = _ref.pollInterval,
+    skip = _ref.skip,
+    refetch = _ref.refetch,
+    startPolling = _ref.startPolling,
+    stopPolling = _ref.stopPolling;
+  useEffect(function () {
+    if (pollInterval === undefined || skip) {
+      stopPolling();
+      return;
+    }
+    var handleFocus = function handleFocus() {
+      refetch();
+      startPolling(pollInterval);
+    };
+    var handleBlur = function handleBlur() {
+      stopPolling();
+    };
+    window.addEventListener("focus", handleFocus);
+    window.addEventListener("blur", handleBlur);
+    var timeoutId;
+    if (document.hasFocus()) {
+      // Timeout to prevent duplicate initial requests as useQuery fetches as well
+      timeoutId = window.setTimeout(function () {
+        startPolling(pollInterval);
+      }, pollInterval);
+    }
+    return function () {
+      window.removeEventListener("focus", handleFocus);
+      window.removeEventListener("blur", handleBlur);
+      if (timeoutId !== undefined) {
+        window.clearTimeout(timeoutId);
+      }
+    };
+  }, [pollInterval, skip, refetch, startPolling, stopPolling]);
+}
+export { useFocusAwarePolling };

package/lib/appHeader/AppHeader.d.ts

@@ -0,0 +1,26 @@
+import { type AppBarClassKey, type ComponentsOverrides, type Theme } from "@mui/material";
+import type { AppBarProps } from "@mui/material/AppBar";
+interface AppHeaderProps extends AppBarProps {
+    /**
+     * A custom height should only be set, if used outside of MasterLayout.
+     */
+    headerHeight?: number;
+}
+export type AppHeaderClassKey = AppBarClassKey;
+export declare const AppHeader: (inProps: AppHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare module "@mui/material/styles" {
+    interface ComponentNameToClassKey {
+        CometAdminAppHeader: AppHeaderClassKey;
+    }
+    interface ComponentsPropsList {
+        CometAdminAppHeader: AppHeaderProps;
+    }
+    interface Components {
+        CometAdminAppHeader?: {
+            defaultProps?: Partial<ComponentsPropsList["CometAdminAppHeader"]>;
+            styleOverrides?: ComponentsOverrides<Theme>["CometAdminAppHeader"];
+        };
+    }
+}
+export {};
+//# sourceMappingURL=AppHeader.d.ts.map

package/lib/appHeader/AppHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.d.ts","sourceRoot":"","sources":["../../src/appHeader/AppHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,cAAc,EAAc,KAAK,mBAAmB,EAAO,KAAK,KAAK,EAAiB,MAAM,eAAe,CAAC;AAC/I,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAMxD,UAAU,cAAe,SAAQ,WAAW;IACxC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC;AA0B/C,eAAO,MAAM,SAAS,GAAI,SAAS,cAAc,4CAuBhD,CAAC;AAEF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,mBAAmB,EAAE,iBAAiB,CAAC;KAC1C;IAED,UAAU,mBAAmB;QACzB,mBAAmB,EAAE,cAAc,CAAC;KACvC;IAED,UAAU,UAAU;QAChB,mBAAmB,CAAC,EAAE;YAClB,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,qBAAqB,CAAC,CAAC,CAAC;YACnE,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,qBAAqB,CAAC,CAAC;SACtE,CAAC;KACL;CACJ"}

package/lib/appHeader/AppHeader.js

@@ -0,0 +1,56 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "headerHeight", "position", "color"];
+var _templateObject;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { AppBar as MuiAppBar, capitalize, css, useThemeProps } from "@mui/material";
+import { useContext } from "react";
+import { createComponentSlot } from "../helpers/createComponentSlot";
+import { MasterLayoutContext } from "../mui/MasterLayoutContext";
+import { jsx as _jsx } from "react/jsx-runtime";
+var AppHeaderRoot = createComponentSlot(MuiAppBar)({
+  componentName: "AppHeader",
+  slotName: "root",
+  classesResolver: function classesResolver(ownerState) {
+    return [ownerState.position && "position".concat(capitalize(ownerState.position)), ownerState.color && "color".concat(capitalize(ownerState.color))];
+  }
+})(function (_ref) {
+  var theme = _ref.theme;
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        background-color: ", ";\n        color: white;\n        height: var(--header-height);\n        flex-direction: row;\n        align-items: center;\n    "])), theme.palette.grey.A400);
+});
+export var AppHeader = function AppHeader(inProps) {
+  var props = useThemeProps({
+    props: inProps,
+    name: "CometAdminAppHeader"
+  });
+  var children = props.children,
+    passedHeaderHeight = props.headerHeight,
+    _props$position = props.position,
+    position = _props$position === void 0 ? "fixed" : _props$position,
+    _props$color = props.color,
+    color = _props$color === void 0 ? "primary" : _props$color,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var _useContext = useContext(MasterLayoutContext),
+    masterLayoutHeaderHeight = _useContext.headerHeight;
+  var headerHeight = passedHeaderHeight === undefined ? masterLayoutHeaderHeight : passedHeaderHeight;
+  var ownerState = {
+    position: position,
+    color: color
+  };
+  return /*#__PURE__*/_jsx(AppHeaderRoot, _objectSpread(_objectSpread({
+    position: position,
+    color: color,
+    ownerState: ownerState
+  }, restProps), {}, {
+    style: {
+      "--header-height": "".concat(headerHeight, "px")
+    },
+    children: children
+  }));
+};

package/lib/appHeader/button/AppHeaderButton.d.ts

@@ -0,0 +1,31 @@
+import type { ButtonBase, ButtonBaseProps, ComponentsOverrides, Theme, Typography } from "@mui/material";
+import type { ReactNode } from "react";
+import type { ThemedComponentBaseProps } from "../../helpers/ThemedComponentBaseProps";
+import { type AppHeaderButtonClassKey } from "./AppHeaderButton.styles";
+export interface AppHeaderButtonProps extends ButtonBaseProps, ThemedComponentBaseProps<{
+    root: typeof ButtonBase;
+    content: "div";
+    typography: typeof Typography<"div">;
+    startIcon: "div";
+    endIcon: "div";
+}> {
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    disableTypography?: boolean;
+}
+export declare function AppHeaderButton(inProps: AppHeaderButtonProps): import("react/jsx-runtime").JSX.Element;
+declare module "@mui/material/styles" {
+    interface ComponentsPropsList {
+        CometAdminAppHeaderButton: AppHeaderButtonProps;
+    }
+    interface ComponentNameToClassKey {
+        CometAdminAppHeaderButton: AppHeaderButtonClassKey;
+    }
+    interface Components {
+        CometAdminAppHeaderButton?: {
+            defaultProps?: Partial<ComponentsPropsList["CometAdminAppHeaderButton"]>;
+            styleOverrides?: ComponentsOverrides<Theme>["CometAdminAppHeaderButton"];
+        };
+    }
+}
+//# sourceMappingURL=AppHeaderButton.d.ts.map

package/lib/appHeader/button/AppHeaderButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeaderButton.d.ts","sourceRoot":"","sources":["../../../src/appHeader/button/AppHeaderButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,mBAAmB,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEzG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AACvF,OAAO,EAAE,KAAK,uBAAuB,EAA2C,MAAM,0BAA0B,CAAC;AAEjH,MAAM,WAAW,oBACb,SAAQ,eAAe,EACnB,wBAAwB,CAAC;IACrB,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,OAAO,EAAE,KAAK,CAAC;IACf,UAAU,EAAE,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;IACrC,SAAS,EAAE,KAAK,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC;CAClB,CAAC;IACN,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,oBAAoB,2CAuB5D;AAED,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,mBAAmB;QACzB,yBAAyB,EAAE,oBAAoB,CAAC;KACnD;IAED,UAAU,uBAAuB;QAC7B,yBAAyB,EAAE,uBAAuB,CAAC;KACtD;IAED,UAAU,UAAU;QAChB,yBAAyB,CAAC,EAAE;YACxB,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,2BAA2B,CAAC,CAAC,CAAC;YACzE,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,2BAA2B,CAAC,CAAC;SAC5E,CAAC;KACL;CACJ"}

package/lib/appHeader/button/AppHeaderButton.js

@@ -0,0 +1,39 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "disableTypography", "slotProps", "onClick", "startIcon", "endIcon"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { useThemeProps } from "@mui/material/styles";
+import { Content, EndIcon, Root, StartIcon, Text } from "./AppHeaderButton.styles";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function AppHeaderButton(inProps) {
+  var _useThemeProps = useThemeProps({
+      props: inProps,
+      name: "CometAdminAppHeaderButton"
+    }),
+    children = _useThemeProps.children,
+    disableTypography = _useThemeProps.disableTypography,
+    slotProps = _useThemeProps.slotProps,
+    onClick = _useThemeProps.onClick,
+    startIcon = _useThemeProps.startIcon,
+    endIcon = _useThemeProps.endIcon,
+    restProps = _objectWithoutProperties(_useThemeProps, _excluded);
+  return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
+    onClick: onClick,
+    children: /*#__PURE__*/_jsxs(Content, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.content), {}, {
+      children: [startIcon && /*#__PURE__*/_jsx(StartIcon, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.startIcon), {}, {
+        children: startIcon
+      })), children && (disableTypography ? children : /*#__PURE__*/_jsx(Text, _objectSpread(_objectSpread({
+        component: "div"
+      }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.typography), {}, {
+        children: children
+      }))), endIcon && /*#__PURE__*/_jsx(EndIcon, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.endIcon), {}, {
+        children: endIcon
+      }))]
+    }))
+  }));
+}

package/lib/appHeader/button/AppHeaderButton.styles.d.ts

@@ -0,0 +1,28 @@
+import { Typography } from "@mui/material";
+export type AppHeaderButtonClassKey = "root" | "content" | "startIcon" | "endIcon" | "typography";
+export declare const Root: import("react").ForwardRefExoticComponent<Omit<Pick<import("@mui/material").ButtonBaseOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "className" | "tabIndex" | "children" | "disabled" | "action" | "sx" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef">, "color" | "content" | "translate" | "form" | "slot" | "style" | "title" | "ref" | "className" | "name" | "suppressHydrationWarning" | "id" | "lang" | "nonce" | "part" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "action" | "sx" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    ownerState?: undefined;
+} & {
+    className?: string;
+    ownerState?: object;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const Content: import("react").ForwardRefExoticComponent<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    ownerState?: undefined;
+} & {
+    className?: string;
+    ownerState?: object;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const StartIcon: import("react").ForwardRefExoticComponent<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    ownerState?: undefined;
+} & {
+    className?: string;
+    ownerState?: object;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const EndIcon: import("react").ForwardRefExoticComponent<Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    ownerState?: undefined;
+} & {
+    className?: string;
+    ownerState?: object;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+export declare const Text: typeof Typography;
+//# sourceMappingURL=AppHeaderButton.styles.d.ts.map

package/lib/appHeader/button/AppHeaderButton.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeaderButton.styles.d.ts","sourceRoot":"","sources":["../../../src/appHeader/button/AppHeaderButton.styles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,UAAU,EAAE,MAAM,eAAe,CAAC;AAKvD,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,YAAY,CAAC;AAElG,eAAO,MAAM,IAAI;;;;;mDAMf,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;mDAmBnB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;mDAYrB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;mDAYnB,CAAC;AAEF,eAAO,MAAM,IAAI,EAGT,OAAO,UAAU,CAAC"}

package/lib/appHeader/button/AppHeaderButton.styles.js

@@ -0,0 +1,34 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { ButtonBase, Typography } from "@mui/material";
+import { css } from "@mui/material/styles";
+import { createComponentSlot } from "../../helpers/createComponentSlot";
+export var Root = createComponentSlot(ButtonBase)({
+  componentName: "AppHeaderButton",
+  slotName: "root"
+})(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    height: 100%;\n    border-left: 1px solid rgba(255, 255, 255, 0.2);\n"]))));
+export var Content = createComponentSlot("div")({
+  componentName: "AppHeaderButton",
+  slotName: "content"
+})(function (_ref) {
+  var theme = _ref.theme;
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 100%;\n        box-sizing: border-box;\n        padding-left: ", ";\n        padding-right: ", ";\n\n        ", " {\n            padding-left: ", ";\n            padding-right: ", ";\n            min-width: var(--header-height);\n        }\n    "])), theme.spacing(2), theme.spacing(2), theme.breakpoints.up("md"), theme.spacing(4), theme.spacing(4));
+});
+export var StartIcon = createComponentSlot("div")({
+  componentName: "AppHeaderButton",
+  slotName: "startIcon"
+})(function (_ref2) {
+  var theme = _ref2.theme;
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        display: flex;\n        align-items: center;\n\n        &:not(:last-child) {\n            margin-right: ", ";\n        }\n    "])), theme.spacing(2));
+});
+export var EndIcon = createComponentSlot("div")({
+  componentName: "AppHeaderButton",
+  slotName: "endIcon"
+})(function (_ref3) {
+  var theme = _ref3.theme;
+  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        display: flex;\n        align-items: center;\n\n        :not(:first-of-type) {\n            margin-left: ", ";\n        }\n    "])), theme.spacing(2));
+});
+export var Text = createComponentSlot(Typography)({
+  componentName: "AppHeaderButton",
+  slotName: "typography"
+})();

package/lib/appHeader/dropdown/AppHeaderDropdown.d.ts

@@ -0,0 +1,39 @@
+import { type ComponentsOverrides, type Theme } from "@mui/material";
+import { type ReactNode } from "react";
+import type { ThemedComponentBaseProps } from "../../helpers/ThemedComponentBaseProps";
+import { AppHeaderButton, type AppHeaderButtonProps } from "../button/AppHeaderButton";
+export type AppHeaderDropdownClassKey = "root" | "popover" | "button";
+export interface AppHeaderDropdownProps extends Omit<AppHeaderButtonProps, "children" | "slotProps">, ThemedComponentBaseProps<{
+    root: "div";
+    popover: typeof Popover;
+    button: typeof AppHeaderButton;
+}> {
+    children?: ((closeDropdown: () => void) => ReactNode) | ReactNode;
+    buttonChildren?: ReactNode;
+    dropdownArrow?: ((isOpen: boolean) => ReactNode) | null;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+declare const Popover: import("react").ForwardRefExoticComponent<Omit<Pick<import("@mui/material").PopoverProps, keyof import("@mui/material").PopoverProps> & import("@mui/system").MUIStyledCommonProps<Theme> & {
+    ownerState?: undefined;
+} & {
+    className?: string;
+    ownerState?: object;
+}, "ref"> & import("react").RefAttributes<unknown>>;
+export declare function AppHeaderDropdown(inProps: AppHeaderDropdownProps): import("react/jsx-runtime").JSX.Element;
+declare module "@mui/material/styles" {
+    interface ComponentsPropsList {
+        CometAdminAppHeaderDropdown: AppHeaderDropdownProps;
+    }
+    interface ComponentNameToClassKey {
+        CometAdminAppHeaderDropdown: AppHeaderDropdownClassKey;
+    }
+    interface Components {
+        CometAdminAppHeaderDropdown?: {
+            defaultProps?: Partial<ComponentsPropsList["CometAdminAppHeaderDropdown"]>;
+            styleOverrides?: ComponentsOverrides<Theme>["CometAdminAppHeaderDropdown"];
+        };
+    }
+}
+export {};
+//# sourceMappingURL=AppHeaderDropdown.d.ts.map

package/lib/appHeader/dropdown/AppHeaderDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeaderDropdown.d.ts","sourceRoot":"","sources":["../../../src/appHeader/dropdown/AppHeaderDropdown.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,mBAAmB,EAAyB,KAAK,KAAK,EAAE,MAAM,eAAe,CAAC;AAE5F,OAAO,EAAE,KAAK,SAAS,EAA+B,MAAM,OAAO,CAAC;AAGpE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEvF,MAAM,MAAM,yBAAyB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEtE,MAAM,WAAW,sBACb,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,WAAW,CAAC,EACxD,wBAAwB,CAAC;IACrB,IAAI,EAAE,KAAK,CAAC;IACZ,OAAO,EAAE,OAAO,OAAO,CAAC;IACxB,MAAM,EAAE,OAAO,eAAe,CAAC;CAClC,CAAC;IACN,QAAQ,CAAC,EAAE,CAAC,CAAC,aAAa,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,GAAG,SAAS,CAAC;IAClE,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC,GAAG,IAAI,CAAC;IACxD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAcD,QAAA,MAAM,OAAO;;;;;mDAGT,CAAC;AAEL,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,sBAAsB,2CA0DhE;AAED,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,mBAAmB;QACzB,2BAA2B,EAAE,sBAAsB,CAAC;KACvD;IAED,UAAU,uBAAuB;QAC7B,2BAA2B,EAAE,yBAAyB,CAAC;KAC1D;IAED,UAAU,UAAU;QAChB,2BAA2B,CAAC,EAAE;YAC1B,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,6BAA6B,CAAC,CAAC,CAAC;YAC3E,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,6BAA6B,CAAC,CAAC;SAC9E,CAAC;KACL;CACJ"}

package/lib/appHeader/dropdown/AppHeaderDropdown.js

@@ -0,0 +1,106 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "buttonChildren", "dropdownArrow", "open", "onOpenChange", "slotProps"];
+var _templateObject;
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { ChevronDown, ChevronUp } from "@dextinity/admin-icons";
+import { Popover as MuiPopover } from "@mui/material";
+import { css, useThemeProps } from "@mui/material/styles";
+import { useEffect, useRef, useState } from "react";
+import { createComponentSlot } from "../../helpers/createComponentSlot";
+import { AppHeaderButton } from "../button/AppHeaderButton";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var Root = createComponentSlot("div")({
+  componentName: "AppHeaderDropdown",
+  slotName: "root"
+})(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    height: 100%;\n"]))));
+var Button = createComponentSlot(AppHeaderButton)({
+  componentName: "AppHeaderDropdown",
+  slotName: "button"
+})();
+var Popover = createComponentSlot(MuiPopover)({
+  componentName: "AppHeaderDropdown",
+  slotName: "popover"
+})();
+export function AppHeaderDropdown(inProps) {
+  var _useThemeProps = useThemeProps({
+      props: inProps,
+      name: "CometAdminAppHeaderDropdown"
+    }),
+    children = _useThemeProps.children,
+    buttonChildren = _useThemeProps.buttonChildren,
+    _useThemeProps$dropdo = _useThemeProps.dropdownArrow,
+    dropdownArrow = _useThemeProps$dropdo === void 0 ? function (isOpen) {
+      return isOpen ? /*#__PURE__*/_jsx(ChevronUp, {}) : /*#__PURE__*/_jsx(ChevronDown, {});
+    } : _useThemeProps$dropdo,
+    open = _useThemeProps.open,
+    onOpenChange = _useThemeProps.onOpenChange,
+    slotProps = _useThemeProps.slotProps,
+    restProps = _objectWithoutProperties(_useThemeProps, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    uncontrolledOpen = _useState2[0],
+    setUncontrolledOpen = _useState2[1];
+  var _open = open !== undefined ? open : uncontrolledOpen;
+  var _onOpenChange = onOpenChange !== undefined ? onOpenChange : function (open) {
+    setUncontrolledOpen(open);
+  };
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    itemWidth = _useState4[0],
+    setItemWidth = _useState4[1];
+  var rootRef = useRef(null);
+  useEffect(function () {
+    if (rootRef.current) {
+      setItemWidth(rootRef.current.clientWidth);
+    }
+  }, []);
+  return /*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread({
+    ref: rootRef
+  }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), {}, {
+    children: [/*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread(_objectSpread({
+      endIcon: dropdownArrow !== null ? dropdownArrow(_open) : undefined
+    }, restProps), slotProps === null || slotProps === void 0 ? void 0 : slotProps.button), {}, {
+      onClick: function onClick() {
+        return _onOpenChange(true);
+      },
+      children: buttonChildren
+    })), /*#__PURE__*/_jsx(Popover, _objectSpread(_objectSpread({
+      open: _open,
+      anchorEl: rootRef.current,
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "center"
+      },
+      transformOrigin: {
+        vertical: "top",
+        horizontal: "center"
+      },
+      onClose: function onClose() {
+        return _onOpenChange(false);
+      },
+      marginThreshold: 0,
+      PaperProps: {
+        sx: {
+          minWidth: itemWidth
+        }
+      }
+    }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.popover), {}, {
+      children: typeof children === "function" ? children(function () {
+        return _onOpenChange(false);
+      }) : children
+    }))]
+  }));
+}