analytica-frontend-lib 1.0.37 → 1.0.39

package/dist/Chips/index.js

@@ -0,0 +1,57 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Chips/Chips.tsx
+var Chips_exports = {};
+__export(Chips_exports, {
+  default: () => Chips_default
+});
+module.exports = __toCommonJS(Chips_exports);
+var import_phosphor_react = require("phosphor-react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var STATE_CLASSES = {
+  default: "bg-background text-text-950 border border-border-100 hover:bg-secondary-50 hover:border-border-300",
+  selected: "bg-info-background text-primary-950 border-2 border-primary-950 hover:bg-secondary-50 focus-visible:border-0"
+};
+var Chips = ({
+  children,
+  selected = false,
+  className = "",
+  disabled,
+  type = "button",
+  ...props
+}) => {
+  const stateClasses = selected ? STATE_CLASSES.selected : STATE_CLASSES.default;
+  const baseClasses = "inline-flex items-center justify-center rounded-full cursor-pointer font-normal text-sm px-4 py-2 gap-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-primary-600 disabled:opacity-40 disabled:cursor-not-allowed";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      className: `${baseClasses} ${stateClasses} ${className}`,
+      disabled,
+      type,
+      ...props,
+      children: [
+        selected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `flex items-center`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_phosphor_react.Check, { weight: "bold", size: 16 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "flex-1", children })
+      ]
+    }
+  );
+};
+var Chips_default = Chips;
+//# sourceMappingURL=index.js.map

package/dist/Chips/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Chips/Chips.tsx"],"sourcesContent":["import { ButtonHTMLAttributes, ReactNode } from 'react';\nimport { Check } from 'phosphor-react';\n\n/**\n * Lookup table for chip state classes\n */\nconst STATE_CLASSES = {\n  default:\n    'bg-background text-text-950 border border-border-100 hover:bg-secondary-50 hover:border-border-300',\n  selected:\n    'bg-info-background text-primary-950 border-2 border-primary-950 hover:bg-secondary-50 focus-visible:border-0',\n} as const;\n\n/**\n * Chips component props interface\n */\ntype ChipsProps = {\n  /** Content to be displayed inside the chip */\n  children: ReactNode;\n  /** Se o chip está selecionado (mostra check automaticamente) */\n  selected?: boolean;\n\n  /** Additional CSS classes to apply */\n  className?: string;\n} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;\n\n/**\n * Chips component for Analytica Ensino platforms\n *\n * Um componente de chip seguindo exatamente o design do Figma.\n * Suporte a dois estados principais: default (sem ícone) e selected (com ícone de check).\n * Quando selecionado, automaticamente mostra o ícone de check.\n *\n * @param children - O conteúdo a ser exibido dentro do chip\n * @param selected - Se o chip está selecionado (mostra check automaticamente)\n * @param className - Classes CSS adicionais\n * @param props - Todos os outros atributos padrão de button HTML\n * @returns Um elemento de chip estilizado\n *\n * @example\n * ```tsx\n * <Chips onClick={() => console.log('clicked')}>\n *   Label\n * </Chips>\n *\n * <Chips selected onClick={() => console.log('selected')}>\n *   Selected Label\n * </Chips>\n * ```\n */\nconst Chips = ({\n  children,\n  selected = false,\n  className = '',\n  disabled,\n  type = 'button',\n  ...props\n}: ChipsProps) => {\n  // Get classes from lookup tables\n  const stateClasses = selected\n    ? STATE_CLASSES.selected\n    : STATE_CLASSES.default;\n\n  const baseClasses =\n    'inline-flex items-center justify-center rounded-full cursor-pointer font-normal text-sm px-4 py-2 gap-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-primary-600 disabled:opacity-40 disabled:cursor-not-allowed';\n\n  return (\n    <button\n      className={`${baseClasses} ${stateClasses} ${className}`}\n      disabled={disabled}\n      type={type}\n      {...props}\n    >\n      {selected && (\n        <span className={`flex items-center`}>\n          <Check weight=\"bold\" size={16} />\n        </span>\n      )}\n\n      <span className=\"flex-1\">{children}</span>\n    </button>\n  );\n};\n\nexport default Chips;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,4BAAsB;AAkElB;AA7DJ,IAAM,gBAAgB;AAAA,EACpB,SACE;AAAA,EACF,UACE;AACJ;AAuCA,IAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,MAAkB;AAEhB,QAAM,eAAe,WACjB,cAAc,WACd,cAAc;AAElB,QAAM,cACJ;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,WAAW,IAAI,YAAY,IAAI,SAAS;AAAA,MACtD;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,oBACC,4CAAC,UAAK,WAAW,qBACf,sDAAC,+BAAM,QAAO,QAAO,MAAM,IAAI,GACjC;AAAA,QAGF,4CAAC,UAAK,WAAU,UAAU,UAAS;AAAA;AAAA;AAAA,EACrC;AAEJ;AAEA,IAAO,gBAAQ;","names":[]}

package/dist/Chips/index.mjs

@@ -0,0 +1,36 @@
+// src/components/Chips/Chips.tsx
+import { Check } from "phosphor-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var STATE_CLASSES = {
+  default: "bg-background text-text-950 border border-border-100 hover:bg-secondary-50 hover:border-border-300",
+  selected: "bg-info-background text-primary-950 border-2 border-primary-950 hover:bg-secondary-50 focus-visible:border-0"
+};
+var Chips = ({
+  children,
+  selected = false,
+  className = "",
+  disabled,
+  type = "button",
+  ...props
+}) => {
+  const stateClasses = selected ? STATE_CLASSES.selected : STATE_CLASSES.default;
+  const baseClasses = "inline-flex items-center justify-center rounded-full cursor-pointer font-normal text-sm px-4 py-2 gap-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-primary-600 disabled:opacity-40 disabled:cursor-not-allowed";
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      className: `${baseClasses} ${stateClasses} ${className}`,
+      disabled,
+      type,
+      ...props,
+      children: [
+        selected && /* @__PURE__ */ jsx("span", { className: `flex items-center`, children: /* @__PURE__ */ jsx(Check, { weight: "bold", size: 16 }) }),
+        /* @__PURE__ */ jsx("span", { className: "flex-1", children })
+      ]
+    }
+  );
+};
+var Chips_default = Chips;
+export {
+  Chips_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/Chips/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Chips/Chips.tsx"],"sourcesContent":["import { ButtonHTMLAttributes, ReactNode } from 'react';\nimport { Check } from 'phosphor-react';\n\n/**\n * Lookup table for chip state classes\n */\nconst STATE_CLASSES = {\n  default:\n    'bg-background text-text-950 border border-border-100 hover:bg-secondary-50 hover:border-border-300',\n  selected:\n    'bg-info-background text-primary-950 border-2 border-primary-950 hover:bg-secondary-50 focus-visible:border-0',\n} as const;\n\n/**\n * Chips component props interface\n */\ntype ChipsProps = {\n  /** Content to be displayed inside the chip */\n  children: ReactNode;\n  /** Se o chip está selecionado (mostra check automaticamente) */\n  selected?: boolean;\n\n  /** Additional CSS classes to apply */\n  className?: string;\n} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;\n\n/**\n * Chips component for Analytica Ensino platforms\n *\n * Um componente de chip seguindo exatamente o design do Figma.\n * Suporte a dois estados principais: default (sem ícone) e selected (com ícone de check).\n * Quando selecionado, automaticamente mostra o ícone de check.\n *\n * @param children - O conteúdo a ser exibido dentro do chip\n * @param selected - Se o chip está selecionado (mostra check automaticamente)\n * @param className - Classes CSS adicionais\n * @param props - Todos os outros atributos padrão de button HTML\n * @returns Um elemento de chip estilizado\n *\n * @example\n * ```tsx\n * <Chips onClick={() => console.log('clicked')}>\n *   Label\n * </Chips>\n *\n * <Chips selected onClick={() => console.log('selected')}>\n *   Selected Label\n * </Chips>\n * ```\n */\nconst Chips = ({\n  children,\n  selected = false,\n  className = '',\n  disabled,\n  type = 'button',\n  ...props\n}: ChipsProps) => {\n  // Get classes from lookup tables\n  const stateClasses = selected\n    ? STATE_CLASSES.selected\n    : STATE_CLASSES.default;\n\n  const baseClasses =\n    'inline-flex items-center justify-center rounded-full cursor-pointer font-normal text-sm px-4 py-2 gap-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-primary-600 disabled:opacity-40 disabled:cursor-not-allowed';\n\n  return (\n    <button\n      className={`${baseClasses} ${stateClasses} ${className}`}\n      disabled={disabled}\n      type={type}\n      {...props}\n    >\n      {selected && (\n        <span className={`flex items-center`}>\n          <Check weight=\"bold\" size={16} />\n        </span>\n      )}\n\n      <span className=\"flex-1\">{children}</span>\n    </button>\n  );\n};\n\nexport default Chips;\n"],"mappings":";AACA,SAAS,aAAa;AAkElB,SAQM,KARN;AA7DJ,IAAM,gBAAgB;AAAA,EACpB,SACE;AAAA,EACF,UACE;AACJ;AAuCA,IAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,MAAkB;AAEhB,QAAM,eAAe,WACjB,cAAc,WACd,cAAc;AAElB,QAAM,cACJ;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,WAAW,IAAI,YAAY,IAAI,SAAS;AAAA,MACtD;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,oBACC,oBAAC,UAAK,WAAW,qBACf,8BAAC,SAAM,QAAO,QAAO,MAAM,IAAI,GACjC;AAAA,QAGF,oBAAC,UAAK,WAAU,UAAU,UAAS;AAAA;AAAA;AAAA,EACrC;AAEJ;AAEA,IAAO,gBAAQ;","names":[]}

package/dist/Divider/index.d.mts

@@ -0,0 +1,32 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLAttributes } from 'react';
+
+/**
+ * Divider component props interface
+ */
+type DividerProps = {
+    /** Orientation of the divider */
+    orientation?: 'horizontal' | 'vertical';
+    /** Additional CSS classes to apply */
+    className?: string;
+} & HTMLAttributes<HTMLHRElement>;
+/**
+ * Divider component for Analytica Ensino platforms
+ *
+ * A simple divider component that creates a visual separation between content sections.
+ * Can be used both horizontally and vertically.
+ *
+ * @param orientation - The orientation of the divider (horizontal or vertical)
+ * @param className - Additional CSS classes
+ * @param props - All other standard hr HTML attributes
+ * @returns A styled divider element
+ *
+ * @example
+ * ```tsx
+ * <Divider orientation="horizontal" />
+ * <Divider orientation="vertical" className="h-8" />
+ * ```
+ */
+declare const Divider: ({ orientation, className, ...props }: DividerProps) => react_jsx_runtime.JSX.Element;
+
+export { Divider as default };

package/dist/Divider/index.d.ts

@@ -0,0 +1,32 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLAttributes } from 'react';
+
+/**
+ * Divider component props interface
+ */
+type DividerProps = {
+    /** Orientation of the divider */
+    orientation?: 'horizontal' | 'vertical';
+    /** Additional CSS classes to apply */
+    className?: string;
+} & HTMLAttributes<HTMLHRElement>;
+/**
+ * Divider component for Analytica Ensino platforms
+ *
+ * A simple divider component that creates a visual separation between content sections.
+ * Can be used both horizontally and vertically.
+ *
+ * @param orientation - The orientation of the divider (horizontal or vertical)
+ * @param className - Additional CSS classes
+ * @param props - All other standard hr HTML attributes
+ * @returns A styled divider element
+ *
+ * @example
+ * ```tsx
+ * <Divider orientation="horizontal" />
+ * <Divider orientation="vertical" className="h-8" />
+ * ```
+ */
+declare const Divider: ({ orientation, className, ...props }: DividerProps) => react_jsx_runtime.JSX.Element;
+
+export { Divider as default };

package/dist/Divider/index.js

@@ -0,0 +1,47 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Divider/Divider.tsx
+var Divider_exports = {};
+__export(Divider_exports, {
+  default: () => Divider_default
+});
+module.exports = __toCommonJS(Divider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var Divider = ({
+  orientation = "horizontal",
+  className = "",
+  ...props
+}) => {
+  const baseClasses = "bg-border-200 border-0";
+  const orientationClasses = {
+    horizontal: "w-full h-px",
+    vertical: "h-full w-px"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "hr",
+    {
+      className: `${baseClasses} ${orientationClasses[orientation]} ${className}`,
+      "aria-orientation": orientation,
+      ...props
+    }
+  );
+};
+var Divider_default = Divider;
+//# sourceMappingURL=index.js.map

package/dist/Divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\n/**\n * Divider component props interface\n */\ntype DividerProps = {\n  /** Orientation of the divider */\n  orientation?: 'horizontal' | 'vertical';\n  /** Additional CSS classes to apply */\n  className?: string;\n} & HTMLAttributes<HTMLHRElement>;\n\n/**\n * Divider component for Analytica Ensino platforms\n *\n * A simple divider component that creates a visual separation between content sections.\n * Can be used both horizontally and vertically.\n *\n * @param orientation - The orientation of the divider (horizontal or vertical)\n * @param className - Additional CSS classes\n * @param props - All other standard hr HTML attributes\n * @returns A styled divider element\n *\n * @example\n * ```tsx\n * <Divider orientation=\"horizontal\" />\n * <Divider orientation=\"vertical\" className=\"h-8\" />\n * ```\n */\nconst Divider = ({\n  orientation = 'horizontal',\n  className = '',\n  ...props\n}: DividerProps) => {\n  const baseClasses = 'bg-border-200 border-0';\n\n  const orientationClasses = {\n    horizontal: 'w-full h-px',\n    vertical: 'h-full w-px',\n  };\n\n  return (\n    <hr\n      className={`${baseClasses} ${orientationClasses[orientation]} ${className}`}\n      aria-orientation={orientation}\n      {...props}\n    />\n  );\n};\n\nexport default Divider;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0CI;AAbJ,IAAM,UAAU,CAAC;AAAA,EACf,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,GAAG;AACL,MAAoB;AAClB,QAAM,cAAc;AAEpB,QAAM,qBAAqB;AAAA,IACzB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,WAAW,IAAI,mBAAmB,WAAW,CAAC,IAAI,SAAS;AAAA,MACzE,oBAAkB;AAAA,MACjB,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAO,kBAAQ;","names":[]}

package/dist/Divider/index.mjs

@@ -0,0 +1,26 @@
+// src/components/Divider/Divider.tsx
+import { jsx } from "react/jsx-runtime";
+var Divider = ({
+  orientation = "horizontal",
+  className = "",
+  ...props
+}) => {
+  const baseClasses = "bg-border-200 border-0";
+  const orientationClasses = {
+    horizontal: "w-full h-px",
+    vertical: "h-full w-px"
+  };
+  return /* @__PURE__ */ jsx(
+    "hr",
+    {
+      className: `${baseClasses} ${orientationClasses[orientation]} ${className}`,
+      "aria-orientation": orientation,
+      ...props
+    }
+  );
+};
+var Divider_default = Divider;
+export {
+  Divider_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/Divider/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\n/**\n * Divider component props interface\n */\ntype DividerProps = {\n  /** Orientation of the divider */\n  orientation?: 'horizontal' | 'vertical';\n  /** Additional CSS classes to apply */\n  className?: string;\n} & HTMLAttributes<HTMLHRElement>;\n\n/**\n * Divider component for Analytica Ensino platforms\n *\n * A simple divider component that creates a visual separation between content sections.\n * Can be used both horizontally and vertically.\n *\n * @param orientation - The orientation of the divider (horizontal or vertical)\n * @param className - Additional CSS classes\n * @param props - All other standard hr HTML attributes\n * @returns A styled divider element\n *\n * @example\n * ```tsx\n * <Divider orientation=\"horizontal\" />\n * <Divider orientation=\"vertical\" className=\"h-8\" />\n * ```\n */\nconst Divider = ({\n  orientation = 'horizontal',\n  className = '',\n  ...props\n}: DividerProps) => {\n  const baseClasses = 'bg-border-200 border-0';\n\n  const orientationClasses = {\n    horizontal: 'w-full h-px',\n    vertical: 'h-full w-px',\n  };\n\n  return (\n    <hr\n      className={`${baseClasses} ${orientationClasses[orientation]} ${className}`}\n      aria-orientation={orientation}\n      {...props}\n    />\n  );\n};\n\nexport default Divider;\n"],"mappings":";AA0CI;AAbJ,IAAM,UAAU,CAAC;AAAA,EACf,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,GAAG;AACL,MAAoB;AAClB,QAAM,cAAc;AAEpB,QAAM,qBAAqB;AAAA,IACzB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,WAAW,IAAI,mBAAmB,WAAW,CAAC,IAAI,SAAS;AAAA,MACzE,oBAAkB;AAAA,MACjB,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAO,kBAAQ;","names":[]}

package/dist/DropdownMenu/index.d.mts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ReactNode, ButtonHTMLAttributes, HTMLAttributes } from 'react';
+import { ReactNode, HTMLAttributes, ButtonHTMLAttributes } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { StoreApi } from 'zustand';
 
@@ -16,9 +16,13 @@ interface DropdownMenuProps {
     onOpenChange?: (open: boolean) => void;
 }
 declare const DropdownMenu: ({ children, open, onOpenChange }: DropdownMenuProps) => react_jsx_runtime.JSX.Element;
-declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
-    store?: DropdownStoreApi;
-} & react.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuTrigger: {
+    ({ className, children, onClick, store: externalStore, ...props }: HTMLAttributes<HTMLButtonElement> & {
+        disabled?: boolean;
+        store?: DropdownStoreApi;
+    }): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 declare const MenuLabel: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     inset?: boolean;
     store?: DropdownStoreApi;
@@ -26,6 +30,7 @@ declare const MenuLabel: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivE
 declare const MenuContent: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     align?: "start" | "center" | "end";
     side?: "top" | "right" | "bottom" | "left";
+    variant?: "menu" | "profile";
     sideOffset?: number;
     store?: DropdownStoreApi;
 } & react.RefAttributes<HTMLDivElement>>;
@@ -52,9 +57,12 @@ declare const ProfileMenuHeader: react.ForwardRefExoticComponent<HTMLAttributes<
 declare const ProfileMenuSection: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     store?: DropdownStoreApi;
 } & react.RefAttributes<HTMLDivElement>>;
-declare const ProfileMenuFooter: react.ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & {
-    disabled?: boolean;
-    store?: DropdownStoreApi;
-} & react.RefAttributes<HTMLButtonElement>>;
+declare const ProfileMenuFooter: {
+    ({ className, disabled, onClick, store: externalStore, ...props }: HTMLAttributes<HTMLButtonElement> & {
+        disabled?: boolean;
+        store?: DropdownStoreApi;
+    }): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 export { DropdownMenuTrigger, MenuContent, MenuItem, MenuLabel, MenuSeparator, ProfileMenuFooter, ProfileMenuHeader, ProfileMenuSection, ProfileMenuTrigger, createDropdownStore, DropdownMenu as default, useDropdownStore };

package/dist/DropdownMenu/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ReactNode, ButtonHTMLAttributes, HTMLAttributes } from 'react';
+import { ReactNode, HTMLAttributes, ButtonHTMLAttributes } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { StoreApi } from 'zustand';
 
@@ -16,9 +16,13 @@ interface DropdownMenuProps {
     onOpenChange?: (open: boolean) => void;
 }
 declare const DropdownMenu: ({ children, open, onOpenChange }: DropdownMenuProps) => react_jsx_runtime.JSX.Element;
-declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
-    store?: DropdownStoreApi;
-} & react.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuTrigger: {
+    ({ className, children, onClick, store: externalStore, ...props }: HTMLAttributes<HTMLButtonElement> & {
+        disabled?: boolean;
+        store?: DropdownStoreApi;
+    }): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 declare const MenuLabel: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     inset?: boolean;
     store?: DropdownStoreApi;
@@ -26,6 +30,7 @@ declare const MenuLabel: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivE
 declare const MenuContent: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     align?: "start" | "center" | "end";
     side?: "top" | "right" | "bottom" | "left";
+    variant?: "menu" | "profile";
     sideOffset?: number;
     store?: DropdownStoreApi;
 } & react.RefAttributes<HTMLDivElement>>;
@@ -52,9 +57,12 @@ declare const ProfileMenuHeader: react.ForwardRefExoticComponent<HTMLAttributes<
 declare const ProfileMenuSection: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     store?: DropdownStoreApi;
 } & react.RefAttributes<HTMLDivElement>>;
-declare const ProfileMenuFooter: react.ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & {
-    disabled?: boolean;
-    store?: DropdownStoreApi;
-} & react.RefAttributes<HTMLButtonElement>>;
+declare const ProfileMenuFooter: {
+    ({ className, disabled, onClick, store: externalStore, ...props }: HTMLAttributes<HTMLButtonElement> & {
+        disabled?: boolean;
+        store?: DropdownStoreApi;
+    }): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 export { DropdownMenuTrigger, MenuContent, MenuItem, MenuLabel, MenuSeparator, ProfileMenuFooter, ProfileMenuHeader, ProfileMenuSection, ProfileMenuTrigger, createDropdownStore, DropdownMenu as default, useDropdownStore };