@jakubmazanec/ui 0.1.0-next.c928134

package/build/components/Menu.js

@@ -0,0 +1,29 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import { Menu as HeadlessMenu } from "@headlessui/react";
+import {
+  Fragment
+} from "react";
+import {
+  createComponentTheme
+} from "../theme/internals.js";
+import { filterProps, forwardRef } from "./internals.js";
+export const useMenuTheme = createComponentTheme("Menu");
+const MENU_ELEMENT = Fragment;
+export const Menu = forwardRef(
+  ({ as = MENU_ELEMENT, className, children, ...rest }, ref) => {
+    let theme = useMenuTheme();
+    let props = filterProps({
+      as,
+      ref,
+      className: theme(null, className),
+      "data-component": "menu",
+      ...rest
+    });
+    return /* @__PURE__ */ jsx(HeadlessMenu, { ...props, children });
+  }
+);
+export const menuTheme = {
+  className: null
+};
+//# sourceMappingURL=Menu.js.map

package/build/components/Menu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/Menu.tsx"],
+  "sourcesContent": ["import {Menu as HeadlessMenu, type MenuProps as HeadlessMenuProps} from '@headlessui/react';\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  Fragment,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {filterProps, forwardRef} from './internals.js';\n\nexport const useMenuTheme = createComponentTheme('Menu');\n\nconst MENU_ELEMENT = Fragment;\n\nexport type MenuProps<T extends ElementType> = PropsWithChildren<\n  ComponentProps<typeof useMenuTheme> &\n    ComponentPropsWithoutRef<T> & {\n      as?: T | undefined;\n      className?: string;\n    }\n>;\n\nexport const Menu = forwardRef(\n  <T extends ElementType = typeof MENU_ELEMENT>(\n    {as = MENU_ELEMENT as unknown as T, className, children, ...rest}: MenuProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = useMenuTheme();\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed because of type of `as`\n    let props: HeadlessMenuProps<any> = filterProps({\n      as,\n      ref,\n      className: theme(null, className),\n      'data-component': 'menu',\n      ...rest,\n    });\n\n    return <HeadlessMenu {...props}>{children}</HeadlessMenu>;\n  },\n);\n\nexport const menuTheme: ComponentTheme<typeof useMenuTheme> = {\n  className: null,\n};\n"],
+  "mappings": ";AA2CW;AA3CX,SAAQ,QAAQ,oBAAwD;AACxE;AAAA,EAGE;AAAA,OAGK;AAEP;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,aAAa,kBAAiB;AAE/B,aAAM,eAAe,qBAAqB,MAAM;AAEvD,MAAM,eAAe;AAUd,aAAM,OAAO;AAAA,EAClB,CACE,EAAC,KAAK,cAA8B,WAAW,UAAU,GAAG,KAAI,GAChE,QACG;AACH,QAAI,QAAQ,aAAa;AAEzB,QAAI,QAAgC,YAAY;AAAA,MAC9C;AAAA,MACA;AAAA,MACA,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL,CAAC;AAED,WAAO,oBAAC,gBAAc,GAAG,OAAQ,UAAS;AAAA,EAC5C;AACF;AAEO,aAAM,YAAiD;AAAA,EAC5D,WAAW;AACb;",
+  "names": []
+}

package/build/components/MenuButton.d.ts

@@ -0,0 +1,27 @@
+import { type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren, type Ref } from 'react';
+import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
+export declare const useMenuButtonTheme: ((themeProps: {
+    readonly disabled: boolean;
+}) => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "MenuButton";
+    themeDefinition: {
+        readonly variants: {
+            readonly disabled: [true, false];
+        };
+    };
+};
+export type MenuButtonProps<T extends ElementType> = PropsWithChildren<ComponentProps<typeof useMenuButtonTheme> & ComponentPropsWithoutRef<T> & {
+    as?: T | undefined;
+    className?: string;
+}>;
+export declare const MenuButton: <T extends ElementType = "button">(props: Partial<import("@jakubmazanec/ts-utils").Writable<{
+    readonly disabled: boolean;
+}>> & import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    as?: T | undefined;
+    className?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    ref?: Ref<HTMLElement> | undefined;
+}) => import("react").ReactNode;
+export declare const menuButtonTheme: ComponentTheme<typeof useMenuButtonTheme>;

package/build/components/MenuButton.js

@@ -0,0 +1,45 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import {
+  MenuButton as HeadlessMenuButton
+} from "@headlessui/react";
+import {
+  createComponentTheme
+} from "../theme/internals.js";
+import { filterProps, forwardRef } from "./internals.js";
+export const useMenuButtonTheme = createComponentTheme("MenuButton", {
+  variants: {
+    disabled: [true, false]
+  }
+});
+const MENU_BUTTON_ELEMENT = "button";
+export const MenuButton = forwardRef(
+  ({
+    disabled = false,
+    as = MENU_BUTTON_ELEMENT,
+    className,
+    children,
+    ...rest
+  }, ref) => {
+    let theme = useMenuButtonTheme({ disabled });
+    let props = filterProps({
+      as,
+      ref,
+      disabled,
+      className: theme(null, className),
+      "data-component": "menu-button",
+      ...rest
+    });
+    return /* @__PURE__ */ jsx(HeadlessMenuButton, { ...props, children });
+  }
+);
+export const menuButtonTheme = {
+  className: "text-sm",
+  variants: {
+    disabled: {
+      true: "",
+      false: ""
+    }
+  }
+};
+//# sourceMappingURL=MenuButton.js.map

package/build/components/MenuButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/MenuButton.tsx"],
+  "sourcesContent": ["import {\n  MenuButton as HeadlessMenuButton,\n  type MenuButtonProps as HeadlessMenuButtonProps,\n} from '@headlessui/react';\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {filterProps, forwardRef} from './internals.js';\n\nexport const useMenuButtonTheme = createComponentTheme('MenuButton', {\n  variants: {\n    disabled: [true, false],\n  },\n});\n\nconst MENU_BUTTON_ELEMENT = 'button';\n\nexport type MenuButtonProps<T extends ElementType> = PropsWithChildren<\n  ComponentProps<typeof useMenuButtonTheme> &\n    ComponentPropsWithoutRef<T> & {\n      as?: T | undefined;\n      className?: string;\n    }\n>;\n\nexport const MenuButton = forwardRef(\n  <T extends ElementType = typeof MENU_BUTTON_ELEMENT>(\n    {\n      disabled = false,\n      as = MENU_BUTTON_ELEMENT as T,\n      className,\n      children,\n      ...rest\n    }: MenuButtonProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = useMenuButtonTheme({disabled});\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n    let props: HeadlessMenuButtonProps<any> = filterProps({\n      as,\n      ref,\n      disabled,\n      className: theme(null, className),\n      'data-component': 'menu-button',\n      ...rest,\n    });\n\n    return <HeadlessMenuButton {...props}>{children}</HeadlessMenuButton>;\n  },\n);\n\nexport const menuButtonTheme: ComponentTheme<typeof useMenuButtonTheme> = {\n  className: 'text-sm',\n  variants: {\n    disabled: {\n      true: '',\n      false: '',\n    },\n  },\n};\n"],
+  "mappings": ";AAwDW;AAxDX;AAAA,EACE,cAAc;AAAA,OAET;AAQP;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,aAAa,kBAAiB;AAE/B,aAAM,qBAAqB,qBAAqB,cAAc;AAAA,EACnE,UAAU;AAAA,IACR,UAAU,CAAC,MAAM,KAAK;AAAA,EACxB;AACF,CAAC;AAED,MAAM,sBAAsB;AAUrB,aAAM,aAAa;AAAA,EACxB,CACE;AAAA,IACE,WAAW;AAAA,IACX,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,QAAI,QAAQ,mBAAmB,EAAC,SAAQ,CAAC;AAEzC,QAAI,QAAsC,YAAY;AAAA,MACpD;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL,CAAC;AAED,WAAO,oBAAC,sBAAoB,GAAG,OAAQ,UAAS;AAAA,EAClD;AACF;AAEO,aAAM,kBAA6D;AAAA,EACxE,WAAW;AAAA,EACX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AACF;",
+  "names": []
+}

package/build/components/MenuHeading.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren, type Ref } from 'react';
+import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
+export declare const useMenuHeadingTheme: (() => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "MenuHeading";
+    themeDefinition: undefined;
+};
+export type MenuHeadingProps<T extends ElementType> = PropsWithChildren<ComponentProps<typeof useMenuHeadingTheme> & ComponentPropsWithoutRef<T> & {
+    as?: T | undefined;
+    className?: string;
+}>;
+export declare const MenuHeading: <T extends ElementType = "div">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    as?: T | undefined;
+    className?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    ref?: Ref<HTMLElement> | undefined;
+}) => import("react").ReactNode;
+export declare const menuHeadingTheme: ComponentTheme<typeof useMenuHeadingTheme>;

package/build/components/MenuHeading.js

@@ -0,0 +1,28 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import {
+  MenuHeading as HeadlessMenuHeading
+} from "@headlessui/react";
+import {
+  createComponentTheme
+} from "../theme/internals.js";
+import { filterProps, forwardRef } from "./internals.js";
+export const useMenuHeadingTheme = createComponentTheme("MenuHeading");
+const MENU_HEADING_ELEMENT = "div";
+export const MenuHeading = forwardRef(
+  ({ as = MENU_HEADING_ELEMENT, className, children, ...rest }, ref) => {
+    let theme = useMenuHeadingTheme();
+    let props = filterProps({
+      as,
+      ref,
+      className: theme(null, className),
+      "data-component": "menu-heading",
+      ...rest
+    });
+    return /* @__PURE__ */ jsx(HeadlessMenuHeading, { ...props, children });
+  }
+);
+export const menuHeadingTheme = {
+  className: "p-1 rounded-1 text-neutral-800 text-xs uppercase font-medium"
+};
+//# sourceMappingURL=MenuHeading.js.map

package/build/components/MenuHeading.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/MenuHeading.tsx"],
+  "sourcesContent": ["import {\n  MenuHeading as HeadlessMenuHeading,\n  type MenuHeadingProps as HeadlessMenuHeadingProps,\n} from '@headlessui/react';\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {filterProps, forwardRef} from './internals.js';\n\nexport const useMenuHeadingTheme = createComponentTheme('MenuHeading');\n\nconst MENU_HEADING_ELEMENT = 'div';\n\nexport type MenuHeadingProps<T extends ElementType> = PropsWithChildren<\n  ComponentProps<typeof useMenuHeadingTheme> &\n    ComponentPropsWithoutRef<T> & {\n      as?: T | undefined;\n      className?: string;\n    }\n>;\n\nexport const MenuHeading = forwardRef(\n  <T extends ElementType = typeof MENU_HEADING_ELEMENT>(\n    {as = MENU_HEADING_ELEMENT as T, className, children, ...rest}: MenuHeadingProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = useMenuHeadingTheme();\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n    let props: HeadlessMenuHeadingProps<any> = filterProps({\n      as,\n      ref,\n      className: theme(null, className),\n      'data-component': 'menu-heading',\n      ...rest,\n    });\n\n    return <HeadlessMenuHeading {...props}>{children}</HeadlessMenuHeading>;\n  },\n);\n\nexport const menuHeadingTheme: ComponentTheme<typeof useMenuHeadingTheme> = {\n  className: 'p-1 rounded-1 text-neutral-800 text-xs uppercase font-medium',\n};\n"],
+  "mappings": ";AA6CW;AA7CX;AAAA,EACE,eAAe;AAAA,OAEV;AAQP;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,aAAa,kBAAiB;AAE/B,aAAM,sBAAsB,qBAAqB,aAAa;AAErE,MAAM,uBAAuB;AAUtB,aAAM,cAAc;AAAA,EACzB,CACE,EAAC,KAAK,sBAA2B,WAAW,UAAU,GAAG,KAAI,GAC7D,QACG;AACH,QAAI,QAAQ,oBAAoB;AAEhC,QAAI,QAAuC,YAAY;AAAA,MACrD;AAAA,MACA;AAAA,MACA,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL,CAAC;AAED,WAAO,oBAAC,uBAAqB,GAAG,OAAQ,UAAS;AAAA,EACnD;AACF;AAEO,aAAM,mBAA+D;AAAA,EAC1E,WAAW;AACb;",
+  "names": []
+}

package/build/components/MenuItem.d.ts

@@ -0,0 +1,27 @@
+import { type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren, type Ref } from 'react';
+import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
+export declare const useMenuItemTheme: ((themeProps: {
+    readonly disabled: boolean;
+}) => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "MenuItem";
+    themeDefinition: {
+        readonly variants: {
+            readonly disabled: [true, false];
+        };
+    };
+};
+export type MenuItemProps<T extends ElementType> = PropsWithChildren<ComponentProps<typeof useMenuItemTheme> & ComponentPropsWithoutRef<T> & {
+    as?: T | undefined;
+    className?: string;
+}>;
+export declare const MenuItem: <T extends ElementType = "div">(props: Partial<import("@jakubmazanec/ts-utils").Writable<{
+    readonly disabled: boolean;
+}>> & import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    as?: T | undefined;
+    className?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    ref?: Ref<HTMLElement> | undefined;
+}) => import("react").ReactNode;
+export declare const menuItemTheme: ComponentTheme<typeof useMenuItemTheme>;

package/build/components/MenuItem.js

@@ -0,0 +1,39 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import {
+  MenuItem as HeadlessMenuItem
+} from "@headlessui/react";
+import {
+  createComponentTheme
+} from "../theme/internals.js";
+import { filterProps, forwardRef } from "./internals.js";
+export const useMenuItemTheme = createComponentTheme("MenuItem", {
+  variants: {
+    disabled: [true, false]
+  }
+});
+const MENU_ITEM_ELEMENT = "div";
+export const MenuItem = forwardRef(
+  ({ disabled = false, as = MENU_ITEM_ELEMENT, className, children, ...rest }, ref) => {
+    let theme = useMenuItemTheme({ disabled });
+    let props = filterProps({
+      as,
+      ref,
+      disabled,
+      className: theme(null, className),
+      "data-component": "menu-item",
+      ...rest
+    });
+    return /* @__PURE__ */ jsx(HeadlessMenuItem, { ...props, children });
+  }
+);
+export const menuItemTheme = {
+  className: "p-1 rounded-1 text-neutral-950 hover:bg-neutral-50 data-[active]:bg-neutral-50 text-sm transition-colors",
+  variants: {
+    disabled: {
+      true: "text-neutral-200 hover:bg-transparent",
+      false: ""
+    }
+  }
+};
+//# sourceMappingURL=MenuItem.js.map

package/build/components/MenuItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/MenuItem.tsx"],
+  "sourcesContent": ["import {\n  MenuItem as HeadlessMenuItem,\n  type MenuItemProps as HeadlessMenuItemProps,\n} from '@headlessui/react';\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {filterProps, forwardRef} from './internals.js';\n\nexport const useMenuItemTheme = createComponentTheme('MenuItem', {\n  variants: {\n    disabled: [true, false],\n  },\n});\n\nconst MENU_ITEM_ELEMENT = 'div';\n\nexport type MenuItemProps<T extends ElementType> = PropsWithChildren<\n  ComponentProps<typeof useMenuItemTheme> &\n    ComponentPropsWithoutRef<T> & {\n      as?: T | undefined;\n      className?: string;\n    }\n>;\n\nexport const MenuItem = forwardRef(\n  <T extends ElementType = typeof MENU_ITEM_ELEMENT>(\n    {disabled = false, as = MENU_ITEM_ELEMENT as T, className, children, ...rest}: MenuItemProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = useMenuItemTheme({disabled});\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n    let props: HeadlessMenuItemProps<any> = filterProps({\n      as,\n      ref,\n      disabled,\n      className: theme(null, className),\n      'data-component': 'menu-item',\n      ...rest,\n    });\n\n    return <HeadlessMenuItem {...props}>{children}</HeadlessMenuItem>;\n  },\n);\n\nexport const menuItemTheme: ComponentTheme<typeof useMenuItemTheme> = {\n  className:\n    'p-1 rounded-1 text-neutral-950 hover:bg-neutral-50 data-[active]:bg-neutral-50 text-sm transition-colors',\n  variants: {\n    disabled: {\n      true: 'text-neutral-200 hover:bg-transparent',\n      false: '',\n    },\n  },\n};\n"],
+  "mappings": ";AAkDW;AAlDX;AAAA,EACE,YAAY;AAAA,OAEP;AAQP;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,aAAa,kBAAiB;AAE/B,aAAM,mBAAmB,qBAAqB,YAAY;AAAA,EAC/D,UAAU;AAAA,IACR,UAAU,CAAC,MAAM,KAAK;AAAA,EACxB;AACF,CAAC;AAED,MAAM,oBAAoB;AAUnB,aAAM,WAAW;AAAA,EACtB,CACE,EAAC,WAAW,OAAO,KAAK,mBAAwB,WAAW,UAAU,GAAG,KAAI,GAC5E,QACG;AACH,QAAI,QAAQ,iBAAiB,EAAC,SAAQ,CAAC;AAEvC,QAAI,QAAoC,YAAY;AAAA,MAClD;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL,CAAC;AAED,WAAO,oBAAC,oBAAkB,GAAG,OAAQ,UAAS;AAAA,EAChD;AACF;AAEO,aAAM,gBAAyD;AAAA,EACpE,WACE;AAAA,EACF,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AACF;",
+  "names": []
+}

package/build/components/MenuItems.d.ts

@@ -0,0 +1,22 @@
+import { type MenuItemsProps as HeadlessMenuItemsProps } from '@headlessui/react';
+import { type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren, type Ref } from 'react';
+import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
+export declare const useMenuItemsTheme: (() => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "MenuItems";
+    themeDefinition: undefined;
+};
+export type MenuItemsProps<T extends ElementType> = PropsWithChildren<ComponentProps<typeof useMenuItemsTheme> & ComponentPropsWithoutRef<T> & {
+    as?: T | undefined;
+    anchor?: HeadlessMenuItemsProps['anchor'] | undefined;
+    className?: string;
+}>;
+export declare const MenuItems: <T extends ElementType = "div">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    as?: T | undefined;
+    anchor?: HeadlessMenuItemsProps['anchor'] | undefined;
+    className?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    ref?: Ref<HTMLElement> | undefined;
+}) => import("react").ReactNode;
+export declare const menuItemsTheme: ComponentTheme<typeof useMenuItemsTheme>;

package/build/components/MenuItems.js

@@ -0,0 +1,36 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import {
+  MenuItems as HeadlessMenuItems
+} from "@headlessui/react";
+import {
+  createComponentTheme
+} from "../theme/internals.js";
+import { filterProps, forwardRef } from "./internals.js";
+export const useMenuItemsTheme = createComponentTheme("MenuItems");
+const MENU_ITEMS_ELEMENT = "div";
+export const MenuItems = forwardRef(
+  ({
+    as = MENU_ITEMS_ELEMENT,
+    anchor = "bottom start",
+    className,
+    children,
+    ...rest
+  }, ref) => {
+    let theme = useMenuItemsTheme();
+    let props = filterProps({
+      as,
+      ref,
+      anchor,
+      className: theme(null, className),
+      transition: true,
+      "data-component": "menu-items",
+      ...rest
+    });
+    return /* @__PURE__ */ jsx(HeadlessMenuItems, { ...props, children });
+  }
+);
+export const menuItemsTheme = {
+  className: "flex flex-col gap-y-1 shadow p-1 z-30 rounded-2 border-2 border-neutral-100 hover:border-neutral-200 bg-white text-left [--anchor-gap:theme(spacing.1)] [--anchor-padding:theme(spacing.2)] [scrollbar-width:thin] empty:invisible transition-colors"
+};
+//# sourceMappingURL=MenuItems.js.map

package/build/components/MenuItems.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/MenuItems.tsx"],
+  "sourcesContent": ["import {\n  MenuItems as HeadlessMenuItems,\n  type MenuItemsProps as HeadlessMenuItemsProps,\n} from '@headlessui/react';\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {filterProps, forwardRef} from './internals.js';\n\nexport const useMenuItemsTheme = createComponentTheme('MenuItems');\n\nconst MENU_ITEMS_ELEMENT = 'div';\n\nexport type MenuItemsProps<T extends ElementType> = PropsWithChildren<\n  ComponentProps<typeof useMenuItemsTheme> &\n    ComponentPropsWithoutRef<T> & {\n      as?: T | undefined;\n      anchor?: HeadlessMenuItemsProps['anchor'] | undefined;\n      className?: string;\n    }\n>;\n\nexport const MenuItems = forwardRef(\n  <T extends ElementType = typeof MENU_ITEMS_ELEMENT>(\n    {\n      as = MENU_ITEMS_ELEMENT as T,\n      anchor = 'bottom start',\n      className,\n      children,\n      ...rest\n    }: MenuItemsProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = useMenuItemsTheme();\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n    let props: HeadlessMenuItemsProps<any> = filterProps({\n      as,\n      ref,\n      anchor,\n      className: theme(null, className),\n      transition: true,\n      'data-component': 'menu-items',\n      ...rest,\n    });\n\n    return <HeadlessMenuItems {...props}>{children}</HeadlessMenuItems>;\n  },\n);\n\nexport const menuItemsTheme: ComponentTheme<typeof useMenuItemsTheme> = {\n  className:\n    'flex flex-col gap-y-1 shadow p-1 z-30 rounded-2 border-2 border-neutral-100 hover:border-neutral-200 bg-white text-left [--anchor-gap:theme(spacing.1)] [--anchor-padding:theme(spacing.2)] [scrollbar-width:thin] empty:invisible transition-colors',\n};\n"],
+  "mappings": ";AAsDW;AAtDX;AAAA,EACE,aAAa;AAAA,OAER;AAQP;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,aAAa,kBAAiB;AAE/B,aAAM,oBAAoB,qBAAqB,WAAW;AAEjE,MAAM,qBAAqB;AAWpB,aAAM,YAAY;AAAA,EACvB,CACE;AAAA,IACE,KAAK;AAAA,IACL,SAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,QAAI,QAAQ,kBAAkB;AAE9B,QAAI,QAAqC,YAAY;AAAA,MACnD;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,YAAY;AAAA,MACZ,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL,CAAC;AAED,WAAO,oBAAC,qBAAmB,GAAG,OAAQ,UAAS;AAAA,EACjD;AACF;AAEO,aAAM,iBAA2D;AAAA,EACtE,WACE;AACJ;",
+  "names": []
+}

package/build/components/MenuSection.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren, type Ref } from 'react';
+import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
+export declare const useMenuSectionTheme: (() => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "MenuSection";
+    themeDefinition: undefined;
+};
+export type MenuSectionProps<T extends ElementType> = PropsWithChildren<ComponentProps<typeof useMenuSectionTheme> & ComponentPropsWithoutRef<T> & {
+    as?: T | undefined;
+    className?: string;
+}>;
+export declare const MenuSection: <T extends ElementType = "div">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    as?: T | undefined;
+    className?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    ref?: Ref<HTMLElement> | undefined;
+}) => import("react").ReactNode;
+export declare const menuSectionTheme: ComponentTheme<typeof useMenuSectionTheme>;

package/build/components/MenuSection.js

@@ -0,0 +1,28 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import {
+  MenuSection as HeadlessMenuSection
+} from "@headlessui/react";
+import {
+  createComponentTheme
+} from "../theme/internals.js";
+import { filterProps, forwardRef } from "./internals.js";
+export const useMenuSectionTheme = createComponentTheme("MenuSection");
+const MENU_SECTION_ELEMENT = "div";
+export const MenuSection = forwardRef(
+  ({ as = MENU_SECTION_ELEMENT, className, children, ...rest }, ref) => {
+    let theme = useMenuSectionTheme();
+    let props = filterProps({
+      as,
+      ref,
+      className: theme(null, className),
+      "data-component": "menu-section",
+      ...rest
+    });
+    return /* @__PURE__ */ jsx(HeadlessMenuSection, { ...props, children });
+  }
+);
+export const menuSectionTheme = {
+  className: "flex flex-col gap-y-1"
+};
+//# sourceMappingURL=MenuSection.js.map

package/build/components/MenuSection.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/MenuSection.tsx"],
+  "sourcesContent": ["import {\n  MenuSection as HeadlessMenuSection,\n  type MenuSectionProps as HeadlessMenuSectionProps,\n} from '@headlessui/react';\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {filterProps, forwardRef} from './internals.js';\n\nexport const useMenuSectionTheme = createComponentTheme('MenuSection');\n\nconst MENU_SECTION_ELEMENT = 'div';\n\nexport type MenuSectionProps<T extends ElementType> = PropsWithChildren<\n  ComponentProps<typeof useMenuSectionTheme> &\n    ComponentPropsWithoutRef<T> & {\n      as?: T | undefined;\n      className?: string;\n    }\n>;\n\nexport const MenuSection = forwardRef(\n  <T extends ElementType = typeof MENU_SECTION_ELEMENT>(\n    {as = MENU_SECTION_ELEMENT as T, className, children, ...rest}: MenuSectionProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = useMenuSectionTheme();\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n    let props: HeadlessMenuSectionProps<any> = filterProps({\n      as,\n      ref,\n      className: theme(null, className),\n      'data-component': 'menu-section',\n      ...rest,\n    });\n\n    return <HeadlessMenuSection {...props}>{children}</HeadlessMenuSection>;\n  },\n);\n\nexport const menuSectionTheme: ComponentTheme<typeof useMenuSectionTheme> = {\n  className: 'flex flex-col gap-y-1',\n};\n"],
+  "mappings": ";AA6CW;AA7CX;AAAA,EACE,eAAe;AAAA,OAEV;AAQP;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,aAAa,kBAAiB;AAE/B,aAAM,sBAAsB,qBAAqB,aAAa;AAErE,MAAM,uBAAuB;AAUtB,aAAM,cAAc;AAAA,EACzB,CACE,EAAC,KAAK,sBAA2B,WAAW,UAAU,GAAG,KAAI,GAC7D,QACG;AACH,QAAI,QAAQ,oBAAoB;AAEhC,QAAI,QAAuC,YAAY;AAAA,MACrD;AAAA,MACA;AAAA,MACA,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL,CAAC;AAED,WAAO,oBAAC,uBAAqB,GAAG,OAAQ,UAAS;AAAA,EACnD;AACF;AAEO,aAAM,mBAA+D;AAAA,EAC1E,WAAW;AACb;",
+  "names": []
+}

package/build/components/MenuSeparator.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren, type Ref } from 'react';
+import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
+export declare const useMenuSeparatorTheme: (() => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "MenuSeparator";
+    themeDefinition: undefined;
+};
+export type MenuSeparatorProps<T extends ElementType> = PropsWithChildren<ComponentProps<typeof useMenuSeparatorTheme> & ComponentPropsWithoutRef<T> & {
+    as?: T | undefined;
+    className?: string;
+}>;
+export declare const MenuSeparator: <T extends ElementType = "div">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    as?: T | undefined;
+    className?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    ref?: Ref<HTMLElement> | undefined;
+}) => import("react").ReactNode;
+export declare const menuSeparatorTheme: ComponentTheme<typeof useMenuSeparatorTheme>;

package/build/components/MenuSeparator.js

@@ -0,0 +1,28 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import {
+  MenuSeparator as HeadlessMenuSeparator
+} from "@headlessui/react";
+import {
+  createComponentTheme
+} from "../theme/internals.js";
+import { filterProps, forwardRef } from "./internals.js";
+export const useMenuSeparatorTheme = createComponentTheme("MenuSeparator");
+const MENU_SEPARATOR_ELEMENT = "div";
+export const MenuSeparator = forwardRef(
+  ({ as = MENU_SEPARATOR_ELEMENT, className, children, ...rest }, ref) => {
+    let theme = useMenuSeparatorTheme();
+    let props = filterProps({
+      as,
+      ref,
+      className: theme(null, className),
+      "data-component": "menu-separator",
+      ...rest
+    });
+    return /* @__PURE__ */ jsx(HeadlessMenuSeparator, { ...props, children });
+  }
+);
+export const menuSeparatorTheme = {
+  className: "h-0 border-b-2 border-neutral-50 bg-transparent"
+};
+//# sourceMappingURL=MenuSeparator.js.map

package/build/components/MenuSeparator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/MenuSeparator.tsx"],
+  "sourcesContent": ["import {\n  MenuSeparator as HeadlessMenuSeparator,\n  type MenuSeparatorProps as HeadlessMenuSeparatorProps,\n} from '@headlessui/react';\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {filterProps, forwardRef} from './internals.js';\n\nexport const useMenuSeparatorTheme = createComponentTheme('MenuSeparator');\n\nconst MENU_SEPARATOR_ELEMENT = 'div';\n\nexport type MenuSeparatorProps<T extends ElementType> = PropsWithChildren<\n  ComponentProps<typeof useMenuSeparatorTheme> &\n    ComponentPropsWithoutRef<T> & {\n      as?: T | undefined;\n      className?: string;\n    }\n>;\n\nexport const MenuSeparator = forwardRef(\n  <T extends ElementType = typeof MENU_SEPARATOR_ELEMENT>(\n    {as = MENU_SEPARATOR_ELEMENT as T, className, children, ...rest}: MenuSeparatorProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = useMenuSeparatorTheme();\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n    let props: HeadlessMenuSeparatorProps<any> = filterProps({\n      as,\n      ref,\n      className: theme(null, className),\n      'data-component': 'menu-separator',\n      ...rest,\n    });\n\n    return <HeadlessMenuSeparator {...props}>{children}</HeadlessMenuSeparator>;\n  },\n);\n\nexport const menuSeparatorTheme: ComponentTheme<typeof useMenuSeparatorTheme> = {\n  className: 'h-0 border-b-2 border-neutral-50 bg-transparent',\n};\n"],
+  "mappings": ";AA6CW;AA7CX;AAAA,EACE,iBAAiB;AAAA,OAEZ;AAQP;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,aAAa,kBAAiB;AAE/B,aAAM,wBAAwB,qBAAqB,eAAe;AAEzE,MAAM,yBAAyB;AAUxB,aAAM,gBAAgB;AAAA,EAC3B,CACE,EAAC,KAAK,wBAA6B,WAAW,UAAU,GAAG,KAAI,GAC/D,QACG;AACH,QAAI,QAAQ,sBAAsB;AAElC,QAAI,QAAyC,YAAY;AAAA,MACvD;AAAA,MACA;AAAA,MACA,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL,CAAC;AAED,WAAO,oBAAC,yBAAuB,GAAG,OAAQ,UAAS;AAAA,EACrD;AACF;AAEO,aAAM,qBAAmE;AAAA,EAC9E,WAAW;AACb;",
+  "names": []
+}

package/build/components/Popover.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren, type Ref } from 'react';
+import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
+export declare const usePopoverTheme: (() => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "Popover";
+    themeDefinition: undefined;
+};
+export type PopoverProps<T extends ElementType> = PropsWithChildren<ComponentProps<typeof usePopoverTheme> & ComponentPropsWithoutRef<T> & {
+    as?: T | undefined;
+    className?: string;
+}>;
+export declare const Popover: <T extends ElementType = "div">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    as?: T | undefined;
+    className?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    ref?: Ref<HTMLElement> | undefined;
+}) => import("react").ReactNode;
+export declare const popoverTheme: ComponentTheme<typeof usePopoverTheme>;

package/build/components/Popover.js

@@ -0,0 +1,28 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import {
+  Popover as HeadlessPopover
+} from "@headlessui/react";
+import {
+  createComponentTheme
+} from "../theme/internals.js";
+import { filterProps, forwardRef } from "./internals.js";
+export const usePopoverTheme = createComponentTheme("Popover");
+const POPOVER_ELEMENT = "div";
+export const Popover = forwardRef(
+  ({ as = POPOVER_ELEMENT, className, children, ...rest }, ref) => {
+    let theme = usePopoverTheme();
+    let props = filterProps({
+      as,
+      ref,
+      className: theme(null, className),
+      "data-component": "popover",
+      ...rest
+    });
+    return /* @__PURE__ */ jsx(HeadlessPopover, { ...props, children });
+  }
+);
+export const popoverTheme = {
+  className: ""
+};
+//# sourceMappingURL=Popover.js.map

package/build/components/Popover.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/Popover.tsx"],
+  "sourcesContent": ["import {\n  Popover as HeadlessPopover,\n  type PopoverProps as HeadlessPopoverProps,\n} from '@headlessui/react';\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {filterProps, forwardRef} from './internals.js';\n\nexport const usePopoverTheme = createComponentTheme('Popover');\n\nconst POPOVER_ELEMENT = 'div';\n\nexport type PopoverProps<T extends ElementType> = PropsWithChildren<\n  ComponentProps<typeof usePopoverTheme> &\n    ComponentPropsWithoutRef<T> & {\n      as?: T | undefined;\n      className?: string;\n    }\n>;\n\nexport const Popover = forwardRef(\n  <T extends ElementType = typeof POPOVER_ELEMENT>(\n    {as = POPOVER_ELEMENT as T, className, children, ...rest}: PopoverProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = usePopoverTheme();\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n    let props: HeadlessPopoverProps<any> = filterProps({\n      as,\n      ref,\n      className: theme(null, className),\n      'data-component': 'popover',\n      ...rest,\n    });\n\n    return <HeadlessPopover {...props}>{children}</HeadlessPopover>;\n  },\n);\n\nexport const popoverTheme: ComponentTheme<typeof usePopoverTheme> = {\n  className: '',\n};\n"],
+  "mappings": ";AA6CW;AA7CX;AAAA,EACE,WAAW;AAAA,OAEN;AAQP;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,aAAa,kBAAiB;AAE/B,aAAM,kBAAkB,qBAAqB,SAAS;AAE7D,MAAM,kBAAkB;AAUjB,aAAM,UAAU;AAAA,EACrB,CACE,EAAC,KAAK,iBAAsB,WAAW,UAAU,GAAG,KAAI,GACxD,QACG;AACH,QAAI,QAAQ,gBAAgB;AAE5B,QAAI,QAAmC,YAAY;AAAA,MACjD;AAAA,MACA;AAAA,MACA,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL,CAAC;AAED,WAAO,oBAAC,mBAAiB,GAAG,OAAQ,UAAS;AAAA,EAC/C;AACF;AAEO,aAAM,eAAuD;AAAA,EAClE,WAAW;AACb;",
+  "names": []
+}

package/build/components/PopoverBackdrop.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren, type Ref } from 'react';
+import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
+export declare const usePopoverBackdropTheme: (() => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "PopoverBackdrop";
+    themeDefinition: undefined;
+};
+export type PopoverBackdropProps<T extends ElementType> = PropsWithChildren<ComponentProps<typeof usePopoverBackdropTheme> & ComponentPropsWithoutRef<T> & {
+    as?: T | undefined;
+    className?: string;
+}>;
+export declare const PopoverBackdrop: <T extends ElementType = "div">(props: import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    as?: T | undefined;
+    className?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    ref?: Ref<HTMLElement> | undefined;
+}) => import("react").ReactNode;
+export declare const popoverBackdropTheme: ComponentTheme<typeof usePopoverBackdropTheme>;

package/build/components/PopoverBackdrop.js

@@ -0,0 +1,28 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import {
+  PopoverBackdrop as HeadlessPopoverBackdrop
+} from "@headlessui/react";
+import {
+  createComponentTheme
+} from "../theme/internals.js";
+import { filterProps, forwardRef } from "./internals.js";
+export const usePopoverBackdropTheme = createComponentTheme("PopoverBackdrop");
+const POPOVER_BACKDROP_ELEMENT = "div";
+export const PopoverBackdrop = forwardRef(
+  ({ as = POPOVER_BACKDROP_ELEMENT, className, children, ...rest }, ref) => {
+    let theme = usePopoverBackdropTheme();
+    let props = filterProps({
+      as,
+      ref,
+      className: theme(null, className),
+      "data-component": "popover-backdrop",
+      ...rest
+    });
+    return /* @__PURE__ */ jsx(HeadlessPopoverBackdrop, { ...props, children });
+  }
+);
+export const popoverBackdropTheme = {
+  className: ""
+};
+//# sourceMappingURL=PopoverBackdrop.js.map

package/build/components/PopoverBackdrop.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/PopoverBackdrop.tsx"],
+  "sourcesContent": ["import {\n  PopoverBackdrop as HeadlessPopoverBackdrop,\n  type PopoverBackdropProps as HeadlessPopoverBackdropProps,\n} from '@headlessui/react';\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  type PropsWithChildren,\n  type Ref,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {filterProps, forwardRef} from './internals.js';\n\nexport const usePopoverBackdropTheme = createComponentTheme('PopoverBackdrop');\n\nconst POPOVER_BACKDROP_ELEMENT = 'div';\n\nexport type PopoverBackdropProps<T extends ElementType> = PropsWithChildren<\n  ComponentProps<typeof usePopoverBackdropTheme> &\n    ComponentPropsWithoutRef<T> & {\n      as?: T | undefined;\n      className?: string;\n    }\n>;\n\nexport const PopoverBackdrop = forwardRef(\n  <T extends ElementType = typeof POPOVER_BACKDROP_ELEMENT>(\n    {as = POPOVER_BACKDROP_ELEMENT as T, className, children, ...rest}: PopoverBackdropProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = usePopoverBackdropTheme();\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n    let props: HeadlessPopoverBackdropProps<any> = filterProps({\n      as,\n      ref,\n      className: theme(null, className),\n      'data-component': 'popover-backdrop',\n      ...rest,\n    });\n\n    return <HeadlessPopoverBackdrop {...props}>{children}</HeadlessPopoverBackdrop>;\n  },\n);\n\nexport const popoverBackdropTheme: ComponentTheme<typeof usePopoverBackdropTheme> = {\n  className: '',\n};\n"],
+  "mappings": ";AA6CW;AA7CX;AAAA,EACE,mBAAmB;AAAA,OAEd;AAQP;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,aAAa,kBAAiB;AAE/B,aAAM,0BAA0B,qBAAqB,iBAAiB;AAE7E,MAAM,2BAA2B;AAU1B,aAAM,kBAAkB;AAAA,EAC7B,CACE,EAAC,KAAK,0BAA+B,WAAW,UAAU,GAAG,KAAI,GACjE,QACG;AACH,QAAI,QAAQ,wBAAwB;AAEpC,QAAI,QAA2C,YAAY;AAAA,MACzD;AAAA,MACA;AAAA,MACA,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL,CAAC;AAED,WAAO,oBAAC,2BAAyB,GAAG,OAAQ,UAAS;AAAA,EACvD;AACF;AAEO,aAAM,uBAAuE;AAAA,EAClF,WAAW;AACb;",
+  "names": []
+}

package/build/components/PopoverButton.d.ts

@@ -0,0 +1,29 @@
+import { type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren, type Ref } from 'react';
+import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
+export declare const usePopoverButtonTheme: ((themeProps: {
+    readonly disabled: boolean;
+}) => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string) & {
+    componentThemeName: "PopoverButton";
+    themeDefinition: {
+        readonly variants: {
+            readonly disabled: [true, false];
+        };
+    };
+};
+export type PopoverButtonProps<T extends ElementType> = PropsWithChildren<ComponentProps<typeof usePopoverButtonTheme> & ComponentPropsWithoutRef<T> & {
+    as?: T | undefined;
+    autoFocus?: boolean | undefined;
+    className?: string;
+}>;
+export declare const PopoverButton: <T extends ElementType = "div">(props: Partial<import("@jakubmazanec/ts-utils").Writable<{
+    readonly disabled: boolean;
+}>> & import("react").PropsWithoutRef<import("react").ComponentProps<T>> & {
+    as?: T | undefined;
+    autoFocus?: boolean | undefined;
+    className?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    ref?: Ref<HTMLElement> | undefined;
+}) => import("react").ReactNode;
+export declare const popoverButtonTheme: ComponentTheme<typeof usePopoverButtonTheme>;