@nergora/ui 0.0.0-stage → 1.0.8

package/dist/esm/components/drawer/drawer.d.ts

@@ -0,0 +1,63 @@
+import { Dialog as RadixDialog } from "radix-ui";
+import * as React from "react";
+interface DrawerRootProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Root> {
+}
+interface DrawerTriggerProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Trigger> {
+}
+interface DrawerCloseProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Close> {
+}
+interface DrawerPortalProps extends RadixDialog.DialogPortalProps {
+}
+/**
+ * The `Drawer.Content` component uses this component to wrap the drawer content.
+ * It accepts props from the [Radix UI Dialog Portal](https://www.radix-ui.com/primitives/docs/components/dialog#portal) component.
+ */
+declare const DrawerPortal: {
+    (props: DrawerPortalProps): React.JSX.Element;
+    displayName: string;
+};
+interface DrawerOverlayProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Overlay> {
+}
+/**
+ * This component is used to create the overlay for the drawer.
+ * It accepts props from the [Radix UI Dialog Overlay](https://www.radix-ui.com/primitives/docs/components/dialog#overlay) component.
+ */
+declare const DrawerOverlay: React.ForwardRefExoticComponent<DrawerOverlayProps & React.RefAttributes<HTMLDivElement>>;
+interface DrawerContentProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Content> {
+    /**
+     * Props for the overlay component.
+     * It accepts props from the [Radix UI Dialog Overlay](https://www.radix-ui.com/primitives/docs/components/dialog#overlay) component.
+    */
+    overlayProps?: React.ComponentPropsWithoutRef<typeof DrawerOverlay>;
+    /**
+     * Props for the portal component that wraps the drawer content.
+     * It accepts props from the [Radix UI Dialog Portal](https://www.radix-ui.com/primitives/docs/components/dialog#portal) component.
+     */
+    portalProps?: React.ComponentPropsWithoutRef<typeof DrawerPortal>;
+}
+interface DrawerHeaderProps extends React.ComponentPropsWithoutRef<"div"> {
+}
+interface DrawerBodyProps extends React.ComponentPropsWithoutRef<"div"> {
+}
+interface DrawerFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+interface DrawerDescriptionProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Description> {
+}
+declare const Drawer: {
+    (props: DrawerRootProps): React.JSX.Element;
+    displayName: string;
+} & {
+    Body: React.ForwardRefExoticComponent<DrawerBodyProps & React.RefAttributes<HTMLDivElement>>;
+    Close: React.ForwardRefExoticComponent<DrawerCloseProps & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;
+    Description: React.ForwardRefExoticComponent<DrawerDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+    Footer: {
+        ({ className, ...props }: DrawerFooterProps): React.JSX.Element;
+        displayName: string;
+    };
+    Header: React.ForwardRefExoticComponent<DrawerHeaderProps & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<RadixDialog.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+    Trigger: React.ForwardRefExoticComponent<DrawerTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+};
+export { Drawer };
+//# sourceMappingURL=drawer.d.ts.map

package/dist/esm/components/drawer/drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/drawer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,UAAU,CAAA;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC;CAAG;AAY5F,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC;CAAG;AAgBlG,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC;CAAG;AAgB9F,UAAU,iBAAkB,SAAQ,WAAW,CAAC,iBAAiB;CAAG;AAEpE;;;GAGG;AACH,QAAA,MAAM,YAAY;YAAW,iBAAiB;;CAE7C,CAAA;AAGD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC;CAAG;AAElG;;;GAGG;AACH,QAAA,MAAM,aAAa,2FAejB,CAAA;AAGF,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC;IAC7F;;;MAGE;IACF,YAAY,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,CAAA;IACnE;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,YAAY,CAAC,CAAA;CAClE;AA2BD,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AA8B5E,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAgB1E,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AA6B3E,UAAU,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,WAAW,CAAC;CAAG;AAqB1G,QAAA,MAAM,MAAM;YA/MH,eAAe;;;;;;;;kCAsKrB,iBAAiB;;;;;;CAkDlB,CAAA;AAEF,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/esm/components/drawer/drawer.js

@@ -0,0 +1,112 @@
+"use client";
+import { XMark } from "@nergora/icons";
+import { Dialog as RadixDialog } from "radix-ui";
+import * as React from "react";
+import { IconButton } from "../icon-button/index.js";
+import { Kbd } from "../kbd/index.js";
+import { Text } from "../text/index.js";
+import { clx } from "../../utils/clx.js";
+/**
+ * This component is based on the [Radix UI Dialog](https://www.radix-ui.com/primitives/docs/components/dialog) primitives.
+ */
+const DrawerRoot = (props) => {
+    return React.createElement(RadixDialog.Root, { ...props });
+};
+DrawerRoot.displayName = "Drawer";
+/**
+ * This component is used to create the trigger button that opens the drawer.
+ * It accepts props from the [Radix UI Dialog Trigger](https://www.radix-ui.com/primitives/docs/components/dialog#trigger) component.
+ */
+const DrawerTrigger = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(RadixDialog.Trigger, { ref: ref, className: clx(className), ...props }));
+});
+DrawerTrigger.displayName = "Drawer.Trigger";
+/**
+ * This component is used to create the close button for the drawer.
+ * It accepts props from the [Radix UI Dialog Close](https://www.radix-ui.com/primitives/docs/components/dialog#close) component.
+ */
+const DrawerClose = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(RadixDialog.Close, { ref: ref, className: clx(className), ...props }));
+});
+DrawerClose.displayName = "Drawer.Close";
+/**
+ * The `Drawer.Content` component uses this component to wrap the drawer content.
+ * It accepts props from the [Radix UI Dialog Portal](https://www.radix-ui.com/primitives/docs/components/dialog#portal) component.
+ */
+const DrawerPortal = (props) => {
+    return React.createElement(RadixDialog.DialogPortal, { ...props });
+};
+DrawerPortal.displayName = "Drawer.Portal";
+/**
+ * This component is used to create the overlay for the drawer.
+ * It accepts props from the [Radix UI Dialog Overlay](https://www.radix-ui.com/primitives/docs/components/dialog#overlay) component.
+ */
+const DrawerOverlay = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(RadixDialog.Overlay, { ref: ref, className: clx("z-admin-overlay bg-ui-bg-overlay fixed inset-0", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props }));
+});
+DrawerOverlay.displayName = "Drawer.Overlay";
+/**
+ * This component wraps the content of the drawer.
+ * It accepts props from the [Radix UI Dialog Content](https://www.radix-ui.com/primitives/docs/components/dialog#content) component.
+ */
+const DrawerContent = React.forwardRef(({ className, overlayProps, portalProps, ...props }, ref) => {
+    return (React.createElement(DrawerPortal, { ...portalProps },
+        React.createElement(DrawerOverlay, { ...overlayProps }),
+        React.createElement(RadixDialog.Content, { ref: ref, className: clx("z-admin-dialog bg-ui-bg-base shadow-elevation-modal border-ui-border-base fixed inset-y-2 flex w-full flex-1 flex-col rounded-lg border outline-none max-sm:inset-x-2 max-sm:w-[calc(100%-16px)] sm:right-2 sm:max-w-[560px]", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:slide-out-to-right-1/2 data-[state=open]:slide-in-from-right-1/2 duration-200", className), ...props })));
+});
+DrawerContent.displayName = "Drawer.Content";
+/**
+ * This component is used to wrap the header content of the drawer.
+ * This component is based on the `div` element and supports all of its props.
+ */
+const DrawerHeader = React.forwardRef(({ children, className, ...props }, ref) => {
+    return (React.createElement("div", { ref: ref, className: "border-ui-border-base flex items-start justify-between gap-x-4 border-b px-6 py-4", ...props },
+        React.createElement("div", { className: clx("flex flex-col gap-y-1", className) }, children),
+        React.createElement("div", { className: "flex items-center gap-x-2" },
+            React.createElement(Kbd, null, "esc"),
+            React.createElement(RadixDialog.Close, { asChild: true },
+                React.createElement(IconButton, { size: "small", type: "button", variant: "transparent" },
+                    React.createElement(XMark, null))))));
+});
+DrawerHeader.displayName = "Drawer.Header";
+/**
+ * This component is used to wrap the body content of the drawer.
+ * This component is based on the `div` element and supports all of its props
+ */
+const DrawerBody = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement("div", { ref: ref, className: clx("flex-1 px-6 py-4", className), ...props }));
+});
+DrawerBody.displayName = "Drawer.Body";
+/**
+ * This component is used to wrap the footer content of the drawer.
+ * This component is based on the `div` element and supports all of its props.
+ */
+const DrawerFooter = ({ className, ...props }) => {
+    return (React.createElement("div", { className: clx("border-ui-border-base flex items-center justify-end space-x-2 overflow-y-auto border-t px-6 py-4", className), ...props }));
+};
+DrawerFooter.displayName = "Drawer.Footer";
+/**
+ * This component adds an accessible title to the drawer.
+ * It accepts props from the [Radix UI Dialog Title](https://www.radix-ui.com/primitives/docs/components/dialog#title) component.
+ */
+const DrawerTitle = RadixDialog.Title;
+DrawerTitle.displayName = "Drawer.Title";
+/**
+ * This component adds accessible description to the drawer.
+ * It accepts props from the [Radix UI Dialog Description](https://www.radix-ui.com/primitives/docs/components/dialog#description) component.
+ */
+const DrawerDescription = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(RadixDialog.Description, { ref: ref, className: clx(className), asChild: true, ...props },
+    React.createElement(Text, null, children))));
+DrawerDescription.displayName = "Drawer.Description";
+const Drawer = Object.assign(DrawerRoot, {
+    Body: DrawerBody,
+    Close: DrawerClose,
+    Content: DrawerContent,
+    Description: DrawerDescription,
+    Footer: DrawerFooter,
+    Header: DrawerHeader,
+    Title: DrawerTitle,
+    Trigger: DrawerTrigger,
+});
+export { Drawer };
+//# sourceMappingURL=drawer.js.map

package/dist/esm/components/drawer/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport { XMark } from \"@nergora/icons\"\nimport { Dialog as RadixDialog } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { IconButton } from \"@/components/icon-button\"\nimport { Kbd } from \"@/components/kbd\"\nimport { Text } from \"@/components/text\"\nimport { clx } from \"@/utils/clx\"\n\ninterface DrawerRootProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Root> {}\n\n/**\n * This component is based on the [Radix UI Dialog](https://www.radix-ui.com/primitives/docs/components/dialog) primitives.\n */\nconst DrawerRoot = (\n  props: DrawerRootProps\n) => {\n  return <RadixDialog.Root {...props} />\n}\nDrawerRoot.displayName = \"Drawer\"\n\ninterface DrawerTriggerProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Trigger> {}\n\n/**\n * This component is used to create the trigger button that opens the drawer.\n * It accepts props from the [Radix UI Dialog Trigger](https://www.radix-ui.com/primitives/docs/components/dialog#trigger) component.\n */\nconst DrawerTrigger = React.forwardRef<\n  React.ElementRef<typeof RadixDialog.Trigger>,\n  DrawerTriggerProps\n>(({ className, ...props }: DrawerTriggerProps, ref) => {\n  return (\n    <RadixDialog.Trigger ref={ref} className={clx(className)} {...props} />\n  )\n})\nDrawerTrigger.displayName = \"Drawer.Trigger\"\n\ninterface DrawerCloseProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Close> {}\n\n/**\n * This component is used to create the close button for the drawer.\n * It accepts props from the [Radix UI Dialog Close](https://www.radix-ui.com/primitives/docs/components/dialog#close) component.\n */\nconst DrawerClose = React.forwardRef<\n  React.ElementRef<typeof RadixDialog.Close>,\n  DrawerCloseProps\n>(({ className, ...props }: DrawerCloseProps, ref) => {\n  return (\n    <RadixDialog.Close ref={ref} className={clx(className)} {...props} />\n  )\n})\nDrawerClose.displayName = \"Drawer.Close\"\n\ninterface DrawerPortalProps extends RadixDialog.DialogPortalProps {}\n\n/**\n * The `Drawer.Content` component uses this component to wrap the drawer content.\n * It accepts props from the [Radix UI Dialog Portal](https://www.radix-ui.com/primitives/docs/components/dialog#portal) component.\n */\nconst DrawerPortal = (props: DrawerPortalProps) => {\n  return <RadixDialog.DialogPortal {...props} />\n}\nDrawerPortal.displayName = \"Drawer.Portal\"\n\ninterface DrawerOverlayProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Overlay> {}\n\n/**\n * This component is used to create the overlay for the drawer.\n * It accepts props from the [Radix UI Dialog Overlay](https://www.radix-ui.com/primitives/docs/components/dialog#overlay) component.\n */\nconst DrawerOverlay = React.forwardRef<\n  React.ElementRef<typeof RadixDialog.Overlay>,\n  DrawerOverlayProps\n>(({ className, ...props }: DrawerOverlayProps, ref) => {\n  return (\n    <RadixDialog.Overlay\n      ref={ref}\n      className={clx(\n        \"z-admin-overlay bg-ui-bg-overlay fixed inset-0\",\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nDrawerOverlay.displayName = \"Drawer.Overlay\"\n\ninterface DrawerContentProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Content> {\n  /**\n   * Props for the overlay component.\n   * It accepts props from the [Radix UI Dialog Overlay](https://www.radix-ui.com/primitives/docs/components/dialog#overlay) component.\n  */\n  overlayProps?: React.ComponentPropsWithoutRef<typeof DrawerOverlay>\n  /**\n   * Props for the portal component that wraps the drawer content.\n   * It accepts props from the [Radix UI Dialog Portal](https://www.radix-ui.com/primitives/docs/components/dialog#portal) component.\n   */\n  portalProps?: React.ComponentPropsWithoutRef<typeof DrawerPortal>\n}\n\n/**\n * This component wraps the content of the drawer.\n * It accepts props from the [Radix UI Dialog Content](https://www.radix-ui.com/primitives/docs/components/dialog#content) component.\n */\nconst DrawerContent = React.forwardRef<\n  React.ElementRef<typeof RadixDialog.Content>,\n  DrawerContentProps\n>(({ className, overlayProps, portalProps, ...props }: DrawerContentProps, ref) => {\n  return (\n    <DrawerPortal {...portalProps}>\n      <DrawerOverlay {...overlayProps} />\n      <RadixDialog.Content\n        ref={ref}\n        className={clx(\n          \"z-admin-dialog bg-ui-bg-base shadow-elevation-modal border-ui-border-base fixed inset-y-2 flex w-full flex-1 flex-col rounded-lg border outline-none max-sm:inset-x-2 max-sm:w-[calc(100%-16px)] sm:right-2 sm:max-w-[560px]\",\n          \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:slide-out-to-right-1/2 data-[state=open]:slide-in-from-right-1/2 duration-200\",\n          className\n        )}\n        {...props}\n      />\n    </DrawerPortal>\n  )\n})\nDrawerContent.displayName = \"Drawer.Content\"\n\ninterface DrawerHeaderProps extends React.ComponentPropsWithoutRef<\"div\"> {}\n\n/**\n * This component is used to wrap the header content of the drawer.\n * This component is based on the `div` element and supports all of its props.\n */\nconst DrawerHeader = React.forwardRef<\n  HTMLDivElement,\n  DrawerHeaderProps\n>(({ children, className, ...props }: DrawerHeaderProps, ref) => {\n  return (\n    <div\n      ref={ref}\n      className=\"border-ui-border-base flex items-start justify-between gap-x-4 border-b px-6 py-4\"\n      {...props}\n    >\n      <div className={clx(\"flex flex-col gap-y-1\", className)}>{children}</div>\n      <div className=\"flex items-center gap-x-2\">\n        <Kbd>esc</Kbd>\n        <RadixDialog.Close asChild>\n          <IconButton size=\"small\" type=\"button\" variant=\"transparent\">\n            <XMark />\n          </IconButton>\n        </RadixDialog.Close>\n      </div>\n    </div>\n  )\n})\nDrawerHeader.displayName = \"Drawer.Header\"\n\ninterface DrawerBodyProps extends React.ComponentPropsWithoutRef<\"div\"> {}\n\n/**\n * This component is used to wrap the body content of the drawer.\n * This component is based on the `div` element and supports all of its props\n */\nconst DrawerBody = React.forwardRef<\n  HTMLDivElement,\n  DrawerBodyProps\n>(({ className, ...props }: DrawerBodyProps, ref) => {\n  return (\n    <div ref={ref} className={clx(\"flex-1 px-6 py-4\", className)} {...props} />\n  )\n})\nDrawerBody.displayName = \"Drawer.Body\"\n\ninterface DrawerFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/**\n * This component is used to wrap the footer content of the drawer.\n * This component is based on the `div` element and supports all of its props.\n */\nconst DrawerFooter = ({\n  className,\n  ...props\n}: DrawerFooterProps) => {\n  return (\n    <div\n      className={clx(\n        \"border-ui-border-base flex items-center justify-end space-x-2 overflow-y-auto border-t px-6 py-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\nDrawerFooter.displayName = \"Drawer.Footer\"\n\n/**\n * This component adds an accessible title to the drawer.\n * It accepts props from the [Radix UI Dialog Title](https://www.radix-ui.com/primitives/docs/components/dialog#title) component.\n */\nconst DrawerTitle = RadixDialog.Title\nDrawerTitle.displayName = \"Drawer.Title\"\n\ninterface DrawerDescriptionProps extends React.ComponentPropsWithoutRef<typeof RadixDialog.Description> {}\n\n/**\n * This component adds accessible description to the drawer.\n * It accepts props from the [Radix UI Dialog Description](https://www.radix-ui.com/primitives/docs/components/dialog#description) component.\n */\nconst DrawerDescription = React.forwardRef<\n  React.ElementRef<typeof RadixDialog.Description>,\n  DrawerDescriptionProps\n>(({ className, children, ...props }: DrawerDescriptionProps, ref) => (\n  <RadixDialog.Description\n    ref={ref}\n    className={clx(className)}\n    asChild\n    {...props}\n  >\n    <Text>{children}</Text>\n  </RadixDialog.Description>\n))\nDrawerDescription.displayName = \"Drawer.Description\"\n\nconst Drawer = Object.assign(DrawerRoot, {\n  Body: DrawerBody,\n  Close: DrawerClose,\n  Content: DrawerContent,\n  Description: DrawerDescription,\n  Footer: DrawerFooter,\n  Header: DrawerHeader,\n  Title: DrawerTitle,\n  Trigger: DrawerTrigger,\n})\n\nexport { Drawer }\n"]}

package/dist/esm/components/drawer/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./drawer";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/dist/esm/components/drawer/index.js

@@ -0,0 +1,2 @@
+export * from "./drawer";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/drawer/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA","sourcesContent":["export * from \"./drawer\"\n"]}

package/dist/esm/components/dropdown-menu/dropdown-menu.d.ts

@@ -0,0 +1,26 @@
+import { DropdownMenu as RadixDropdownMenu } from "radix-ui";
+import * as React from "react";
+declare const DropdownMenu: React.FC<RadixDropdownMenu.DropdownMenuProps> & {
+    Trigger: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Group: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+    SubMenu: React.FC<RadixDropdownMenu.DropdownMenuSubProps>;
+    SubMenuContent: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    SubMenuTrigger: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    CheckboxItem: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    RadioGroup: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+    RadioItem: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Label: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Separator: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Shortcut: {
+        ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+        displayName: string;
+    };
+    Hint: {
+        ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+        displayName: string;
+    };
+};
+export { DropdownMenu };
+//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/esm/components/dropdown-menu/dropdown-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,IAAI,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAsR9B,QAAA,MAAM,YAAY;;;;;;;;;;;;;;kCAhCf,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;;;kCAmBrC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;;CA4BtC,CAAA;AAEF,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/esm/components/dropdown-menu/dropdown-menu.js

@@ -0,0 +1,128 @@
+"use client";
+import { CheckMini, ChevronRightMini, EllipseMiniSolid } from "@nergora/icons";
+import { DropdownMenu as RadixDropdownMenu } from "radix-ui";
+import * as React from "react";
+import { clx } from "../../utils/clx.js";
+/**
+ * This component is based on the [Radix UI Dropdown Menu](https://www.radix-ui.com/primitives/docs/components/dropdown-menu) primitive.
+ */
+const Root = RadixDropdownMenu.Root;
+Root.displayName = "DropdownMenu";
+/**
+ * This component is based on the [Radix UI Dropdown Menu Trigger](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#trigger) primitive.
+ */
+const Trigger = RadixDropdownMenu.Trigger;
+Trigger.displayName = "DropdownMenu.Trigger";
+/**
+ * This component is based on the [Radix UI Dropdown Menu Group](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#group) primitive.
+ */
+const Group = RadixDropdownMenu.Group;
+Group.displayName = "DropdownMenu.Group";
+/**
+ * This component is based on the [Radix UI Dropdown Menu Sub](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#sub) primitive.
+ */
+const SubMenu = RadixDropdownMenu.Sub;
+SubMenu.displayName = "DropdownMenu.SubMenu";
+/**
+ * This component is based on the [Radix UI Dropdown Menu RadioGroup](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#radiogroup) primitive.
+ */
+const RadioGroup = RadixDropdownMenu.RadioGroup;
+RadioGroup.displayName = "DropdownMenu.RadioGroup";
+/**
+ * This component is based on the [Radix UI Dropdown Menu SubTrigger](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#subtrigger) primitive.
+ */
+const SubMenuTrigger = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(RadixDropdownMenu.SubTrigger, { ref: ref, className: clx("bg-ui-bg-component text-ui-fg-base txt-compact-small relative flex cursor-pointer select-none items-center rounded-md px-2 py-1.5 outline-none transition-colors", "focus-visible:bg-ui-bg-component-hover focus:bg-ui-bg-component-hover", "active:bg-ui-bg-component-hover", "data-[disabled]:text-ui-fg-disabled data-[disabled]:pointer-events-none", "data-[state=open]:!bg-ui-bg-component-hover", className), ...props },
+    children,
+    React.createElement(ChevronRightMini, { className: "text-ui-fg-muted ml-auto" }))));
+SubMenuTrigger.displayName = "DropdownMenu.SubMenuTrigger";
+/**
+ * This component is based on the [Radix UI Dropdown Menu SubContent](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#subcontent) primitive.
+ */
+const SubMenuContent = React.forwardRef(({ className, collisionPadding = 8, ...props }, ref) => (React.createElement(RadixDropdownMenu.Portal, null,
+    React.createElement(RadixDropdownMenu.SubContent, { ref: ref, collisionPadding: collisionPadding, className: clx("z-admin-flyout bg-ui-bg-component text-ui-fg-base shadow-elevation-flyout max-h-[var(--radix-popper-available-height)] min-w-[220px] overflow-hidden rounded-lg p-1", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props }))));
+SubMenuContent.displayName = "DropdownMenu.SubMenuContent";
+/**
+ * This component is based on the [Radix UI Dropdown Menu Content](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#content) primitive.
+ */
+const Content = React.forwardRef(({ className, 
+/**
+ * The space in pixels between the dropdown menu and its trigger element.
+ */
+sideOffset = 8, 
+/**
+ * The distance in pixels from the boundary edges where collision detection should occur.
+ */
+collisionPadding = 8, 
+/**
+ * The alignment of the dropdown menu relative to its trigger element.
+ *
+ * @defaultValue center
+ */
+align = "center", ...props }, ref) => (React.createElement(RadixDropdownMenu.Portal, null,
+    React.createElement(RadixDropdownMenu.Content, { ref: ref, sideOffset: sideOffset, align: align, collisionPadding: collisionPadding, className: clx("z-admin-flyout bg-ui-bg-component text-ui-fg-base shadow-elevation-flyout max-h-[var(--radix-popper-available-height)] min-w-[220px] overflow-hidden rounded-lg p-1", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props }))));
+Content.displayName = "DropdownMenu.Content";
+/**
+ * This component is based on the [Radix UI Dropdown Menu Item](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#item) primitive.
+ */
+const Item = React.forwardRef(({ className, ...props }, ref) => (React.createElement(RadixDropdownMenu.Item, { ref: ref, className: clx("bg-ui-bg-component text-ui-fg-base txt-compact-small relative flex cursor-pointer select-none items-center rounded-md px-2 py-1.5 outline-none transition-colors", "focus-visible:bg-ui-bg-component-hover focus:bg-ui-bg-component-hover", "active:bg-ui-bg-component-hover", "data-[disabled]:text-ui-fg-disabled data-[disabled]:pointer-events-none", className), ...props })));
+Item.displayName = "DropdownMenu.Item";
+/**
+ * This component is based on the [Radix UI Dropdown Menu CheckboxItem](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#checkboxitem) primitive.
+ */
+const CheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => (React.createElement(RadixDropdownMenu.CheckboxItem, { ref: ref, className: clx("bg-ui-bg-component text-ui-fg-base txt-compact-small relative flex cursor-pointer select-none items-center rounded-md py-1.5 pl-[31px] pr-2 outline-none transition-colors", "focus-visible:bg-ui-bg-component-hover focus:bg-ui-bg-component-hover", "active:bg-ui-bg-component-hover", "data-[disabled]:text-ui-fg-disabled data-[disabled]:pointer-events-none", "data-[state=checked]:txt-compact-small-plus", className), checked: checked, ...props },
+    React.createElement("span", { className: "absolute left-2 flex size-[15px] items-center justify-center" },
+        React.createElement(RadixDropdownMenu.ItemIndicator, null,
+            React.createElement(CheckMini, null))),
+    children)));
+CheckboxItem.displayName = "DropdownMenu.CheckboxItem";
+/**
+ * This component is based on the [Radix UI Dropdown Menu RadioItem](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#radioitem) primitive.
+ */
+const RadioItem = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(RadixDropdownMenu.RadioItem, { ref: ref, className: clx("bg-ui-bg-component txt-compact-small relative flex cursor-pointer select-none items-center rounded-md py-1.5 pl-[31px] pr-2 outline-none transition-colors", "focus-visible:bg-ui-bg-component-hover focus:bg-ui-bg-component-hover", "active:bg-ui-bg-component-hover", "data-[disabled]:text-ui-fg-disabled data-[disabled]:pointer-events-none", "data-[state=checked]:txt-compact-small-plus", className), ...props },
+    React.createElement("span", { className: "absolute left-2 flex size-[15px] items-center justify-center" },
+        React.createElement(RadixDropdownMenu.ItemIndicator, null,
+            React.createElement(EllipseMiniSolid, { className: "text-ui-fg-base" }))),
+    children)));
+RadioItem.displayName = "DropdownMenu.RadioItem";
+/**
+ * This component is based on the [Radix UI Dropdown Menu Label](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#label) primitive.
+ */
+const Label = React.forwardRef(({ className, ...props }, ref) => (React.createElement(RadixDropdownMenu.Label, { ref: ref, className: clx("text-ui-fg-subtle txt-compact-xsmall-plus", className), ...props })));
+Label.displayName = "DropdownMenu.Label";
+/**
+ * This component is based on the [Radix UI Dropdown Menu Separator](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#separator) primitive.
+ */
+const Separator = React.forwardRef(({ className, ...props }, ref) => (React.createElement(RadixDropdownMenu.Separator, { ref: ref, className: clx("bg-ui-border-component border-t-ui-border-menu-top border-b-ui-border-menu-bot -mx-1 my-1 h-0.5 border-b border-t", className), ...props })));
+Separator.displayName = "DropdownMenu.Separator";
+/**
+ * This component is based on the `span` element and supports all of its props
+ */
+const Shortcut = ({ className, ...props }) => {
+    return (React.createElement("span", { className: clx("text-ui-fg-subtle txt-compact-small ml-auto tracking-widest", className), ...props }));
+};
+Shortcut.displayName = "DropdownMenu.Shortcut";
+/**
+ * This component is based on the `span` element and supports all of its props
+ */
+const Hint = ({ className, ...props }) => {
+    return (React.createElement("span", { className: clx("text-ui-fg-subtle txt-compact-small ml-auto tracking-widest", className), ...props }));
+};
+Hint.displayName = "DropdownMenu.Hint";
+const DropdownMenu = Object.assign(Root, {
+    Trigger,
+    Group,
+    SubMenu,
+    SubMenuContent,
+    SubMenuTrigger,
+    Content,
+    Item,
+    CheckboxItem,
+    RadioGroup,
+    RadioItem,
+    Label,
+    Separator,
+    Shortcut,
+    Hint,
+});
+export { DropdownMenu };
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/esm/components/dropdown-menu/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport { CheckMini, ChevronRightMini, EllipseMiniSolid } from \"@nergora/icons\"\nimport { DropdownMenu as RadixDropdownMenu } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\n/**\n * This component is based on the [Radix UI Dropdown Menu](https://www.radix-ui.com/primitives/docs/components/dropdown-menu) primitive.\n */\nconst Root = RadixDropdownMenu.Root\nRoot.displayName = \"DropdownMenu\"\n\n/**\n * This component is based on the [Radix UI Dropdown Menu Trigger](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#trigger) primitive.\n */\nconst Trigger = RadixDropdownMenu.Trigger\nTrigger.displayName = \"DropdownMenu.Trigger\"\n\n/**\n * This component is based on the [Radix UI Dropdown Menu Group](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#group) primitive.\n */\nconst Group = RadixDropdownMenu.Group\nGroup.displayName = \"DropdownMenu.Group\"\n\n/**\n * This component is based on the [Radix UI Dropdown Menu Sub](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#sub) primitive.\n */\nconst SubMenu = RadixDropdownMenu.Sub\nSubMenu.displayName = \"DropdownMenu.SubMenu\"\n\n/**\n * This component is based on the [Radix UI Dropdown Menu RadioGroup](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#radiogroup) primitive.\n */\nconst RadioGroup = RadixDropdownMenu.RadioGroup\nRadioGroup.displayName = \"DropdownMenu.RadioGroup\"\n\n/**\n * This component is based on the [Radix UI Dropdown Menu SubTrigger](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#subtrigger) primitive.\n */\nconst SubMenuTrigger = React.forwardRef<\n  React.ElementRef<typeof RadixDropdownMenu.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof RadixDropdownMenu.SubTrigger>\n>(({ className, children, ...props }, ref) => (\n  <RadixDropdownMenu.SubTrigger\n    ref={ref}\n    className={clx(\n      \"bg-ui-bg-component text-ui-fg-base txt-compact-small relative flex cursor-pointer select-none items-center rounded-md px-2 py-1.5 outline-none transition-colors\",\n      \"focus-visible:bg-ui-bg-component-hover focus:bg-ui-bg-component-hover\",\n      \"active:bg-ui-bg-component-hover\",\n      \"data-[disabled]:text-ui-fg-disabled data-[disabled]:pointer-events-none\",\n      \"data-[state=open]:!bg-ui-bg-component-hover\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRightMini className=\"text-ui-fg-muted ml-auto\" />\n  </RadixDropdownMenu.SubTrigger>\n))\nSubMenuTrigger.displayName = \"DropdownMenu.SubMenuTrigger\"\n\n/**\n * This component is based on the [Radix UI Dropdown Menu SubContent](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#subcontent) primitive.\n */\nconst SubMenuContent = React.forwardRef<\n  React.ElementRef<typeof RadixDropdownMenu.SubContent>,\n  React.ComponentPropsWithoutRef<typeof RadixDropdownMenu.SubContent>\n>(({ className, collisionPadding = 8, ...props }, ref) => (\n  <RadixDropdownMenu.Portal>\n    <RadixDropdownMenu.SubContent\n      ref={ref}\n      collisionPadding={collisionPadding}\n      className={clx(\n        \"z-admin-flyout bg-ui-bg-component text-ui-fg-base shadow-elevation-flyout max-h-[var(--radix-popper-available-height)] min-w-[220px] overflow-hidden rounded-lg p-1\",\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        className\n      )}\n      {...props}\n    />\n  </RadixDropdownMenu.Portal>\n))\nSubMenuContent.displayName = \"DropdownMenu.SubMenuContent\"\n\n/**\n * This component is based on the [Radix UI Dropdown Menu Content](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#content) primitive.\n */\nconst Content = React.forwardRef<\n  React.ElementRef<typeof RadixDropdownMenu.Content>,\n  React.ComponentPropsWithoutRef<typeof RadixDropdownMenu.Content>\n>(\n  (\n    {\n      className,\n      /**\n       * The space in pixels between the dropdown menu and its trigger element.\n       */\n      sideOffset = 8,\n      /**\n       * The distance in pixels from the boundary edges where collision detection should occur.\n       */\n      collisionPadding = 8,\n      /**\n       * The alignment of the dropdown menu relative to its trigger element.\n       * \n       * @defaultValue center\n       */\n      align = \"center\",\n      ...props\n    },\n    ref\n  ) => (\n    <RadixDropdownMenu.Portal>\n      <RadixDropdownMenu.Content\n        ref={ref}\n        sideOffset={sideOffset}\n        align={align}\n        collisionPadding={collisionPadding}\n        className={clx(\n          \"z-admin-flyout bg-ui-bg-component text-ui-fg-base shadow-elevation-flyout max-h-[var(--radix-popper-available-height)] min-w-[220px] overflow-hidden rounded-lg p-1\",\n          \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n          className\n        )}\n        {...props}\n      />\n    </RadixDropdownMenu.Portal>\n  )\n)\nContent.displayName = \"DropdownMenu.Content\"\n\n/**\n * This component is based on the [Radix UI Dropdown Menu Item](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#item) primitive.\n */\nconst Item = React.forwardRef<\n  React.ElementRef<typeof RadixDropdownMenu.Item>,\n  React.ComponentPropsWithoutRef<typeof RadixDropdownMenu.Item>\n>(({ className, ...props }, ref) => (\n  <RadixDropdownMenu.Item\n    ref={ref}\n    className={clx(\n      \"bg-ui-bg-component text-ui-fg-base txt-compact-small relative flex cursor-pointer select-none items-center rounded-md px-2 py-1.5 outline-none transition-colors\",\n      \"focus-visible:bg-ui-bg-component-hover focus:bg-ui-bg-component-hover\",\n      \"active:bg-ui-bg-component-hover\",\n      \"data-[disabled]:text-ui-fg-disabled data-[disabled]:pointer-events-none\",\n      className\n    )}\n    {...props}\n  />\n))\nItem.displayName = \"DropdownMenu.Item\"\n\n/**\n * This component is based on the [Radix UI Dropdown Menu CheckboxItem](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#checkboxitem) primitive.\n */\nconst CheckboxItem = React.forwardRef<\n  React.ElementRef<typeof RadixDropdownMenu.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof RadixDropdownMenu.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <RadixDropdownMenu.CheckboxItem\n    ref={ref}\n    className={clx(\n      \"bg-ui-bg-component text-ui-fg-base txt-compact-small relative flex cursor-pointer select-none items-center rounded-md py-1.5 pl-[31px] pr-2 outline-none transition-colors\",\n      \"focus-visible:bg-ui-bg-component-hover focus:bg-ui-bg-component-hover\",\n      \"active:bg-ui-bg-component-hover\",\n      \"data-[disabled]:text-ui-fg-disabled data-[disabled]:pointer-events-none\",\n      \"data-[state=checked]:txt-compact-small-plus\",\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex size-[15px] items-center justify-center\">\n      <RadixDropdownMenu.ItemIndicator>\n        <CheckMini />\n      </RadixDropdownMenu.ItemIndicator>\n    </span>\n    {children}\n  </RadixDropdownMenu.CheckboxItem>\n))\nCheckboxItem.displayName = \"DropdownMenu.CheckboxItem\"\n\n/**\n * This component is based on the [Radix UI Dropdown Menu RadioItem](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#radioitem) primitive.\n */\nconst RadioItem = React.forwardRef<\n  React.ElementRef<typeof RadixDropdownMenu.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof RadixDropdownMenu.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <RadixDropdownMenu.RadioItem\n    ref={ref}\n    className={clx(\n      \"bg-ui-bg-component txt-compact-small relative flex cursor-pointer select-none items-center rounded-md py-1.5 pl-[31px] pr-2 outline-none transition-colors\",\n      \"focus-visible:bg-ui-bg-component-hover focus:bg-ui-bg-component-hover\",\n      \"active:bg-ui-bg-component-hover\",\n      \"data-[disabled]:text-ui-fg-disabled data-[disabled]:pointer-events-none\",\n      \"data-[state=checked]:txt-compact-small-plus\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex size-[15px] items-center justify-center\">\n      <RadixDropdownMenu.ItemIndicator>\n        <EllipseMiniSolid className=\"text-ui-fg-base\" />\n      </RadixDropdownMenu.ItemIndicator>\n    </span>\n    {children}\n  </RadixDropdownMenu.RadioItem>\n))\nRadioItem.displayName = \"DropdownMenu.RadioItem\"\n\n/**\n * This component is based on the [Radix UI Dropdown Menu Label](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#label) primitive.\n */\nconst Label = React.forwardRef<\n  React.ElementRef<typeof RadixDropdownMenu.Label>,\n  React.ComponentPropsWithoutRef<typeof RadixDropdownMenu.Label>\n>(({ className, ...props }, ref) => (\n  <RadixDropdownMenu.Label\n    ref={ref}\n    className={clx(\"text-ui-fg-subtle txt-compact-xsmall-plus\", className)}\n    {...props}\n  />\n))\nLabel.displayName = \"DropdownMenu.Label\"\n\n/**\n * This component is based on the [Radix UI Dropdown Menu Separator](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#separator) primitive.\n */\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof RadixDropdownMenu.Separator>,\n  React.ComponentPropsWithoutRef<typeof RadixDropdownMenu.Separator>\n>(({ className, ...props }, ref) => (\n  <RadixDropdownMenu.Separator\n    ref={ref}\n    className={clx(\n      \"bg-ui-border-component border-t-ui-border-menu-top border-b-ui-border-menu-bot -mx-1 my-1 h-0.5 border-b border-t\",\n      className\n    )}\n    {...props}\n  />\n))\nSeparator.displayName = \"DropdownMenu.Separator\"\n\n/**\n * This component is based on the `span` element and supports all of its props\n */\nconst Shortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={clx(\n        \"text-ui-fg-subtle txt-compact-small ml-auto tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\nShortcut.displayName = \"DropdownMenu.Shortcut\"\n\n/**\n * This component is based on the `span` element and supports all of its props\n */\nconst Hint = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={clx(\n        \"text-ui-fg-subtle txt-compact-small ml-auto tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\nHint.displayName = \"DropdownMenu.Hint\"\n\nconst DropdownMenu = Object.assign(Root, {\n  Trigger,\n  Group,\n  SubMenu,\n  SubMenuContent,\n  SubMenuTrigger,\n  Content,\n  Item,\n  CheckboxItem,\n  RadioGroup,\n  RadioItem,\n  Label,\n  Separator,\n  Shortcut,\n  Hint,\n})\n\nexport { DropdownMenu }\n"]}

package/dist/esm/components/dropdown-menu/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./dropdown-menu";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/dropdown-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}

package/dist/esm/components/dropdown-menu/index.js

@@ -0,0 +1,2 @@
+export * from "./dropdown-menu";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/dropdown-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA","sourcesContent":["export * from \"./dropdown-menu\"\n"]}

package/dist/esm/components/empty/empty.d.ts

@@ -0,0 +1,74 @@
+import { VariantProps } from "cva";
+import * as React from "react";
+declare const emptyMediaVariants: (props?: ({
+    variant?: "icon" | "default" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+declare function Empty({ className, ...props }: React.ComponentPropsWithoutRef<"div">): React.JSX.Element;
+declare function EmptyHeader({ className, ...props }: React.ComponentPropsWithoutRef<"div">): React.JSX.Element;
+declare function EmptyMedia({ className, variant, ...props }: React.ComponentPropsWithoutRef<"div"> & VariantProps<typeof emptyMediaVariants>): React.JSX.Element;
+declare function EmptyTitle({ className, ...props }: React.ComponentPropsWithoutRef<"div">): React.JSX.Element;
+declare function EmptyDescription({ className, ...props }: React.ComponentPropsWithoutRef<"p">): React.JSX.Element;
+declare function EmptyContent({ className, ...props }: React.ComponentPropsWithoutRef<"div">): React.JSX.Element;
+declare const EmptyRoot: typeof Empty & {
+    Header: typeof EmptyHeader;
+    Media: typeof EmptyMedia;
+    Title: typeof EmptyTitle;
+    Description: typeof EmptyDescription;
+    Content: typeof EmptyContent;
+};
+export { EmptyRoot as Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, emptyMediaVariants, };
+//# sourceMappingURL=empty.d.ts.map

package/dist/esm/components/empty/empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../../src/components/empty/empty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAO,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAWtB,CAAA;AAEF,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,qBAW5E;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,qBAQvC;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GACtC,YAAY,CAAC,OAAO,kBAAkB,CAAC,qBASxC;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,qBAQvC;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,qBAWrC;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,qBAWvC;AAED,QAAA,MAAM,SAAS;;;;;;CAMb,CAAA;AAEF,OAAO,EACL,SAAS,IAAI,KAAK,EAClB,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,UAAU,EACV,kBAAkB,GACnB,CAAA"}

package/dist/esm/components/empty/empty.js

@@ -0,0 +1,42 @@
+import { cva } from "cva";
+import * as React from "react";
+import { clx } from "../../utils/clx.js";
+const emptyMediaVariants = cva({
+    base: "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            icon: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-ui-bg-subtle text-ui-fg-base [&_svg:not([class*='size-'])]:size-4",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function Empty({ className, ...props }) {
+    return (React.createElement("div", { "data-slot": "empty", className: clx("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-lg border border-dashed border-ui-border-base p-6 text-center text-ui-fg-base", className), ...props }));
+}
+function EmptyHeader({ className, ...props }) {
+    return (React.createElement("div", { "data-slot": "empty-header", className: clx("flex max-w-sm flex-col items-center gap-2", className), ...props }));
+}
+function EmptyMedia({ className, variant = "default", ...props }) {
+    return (React.createElement("div", { "data-slot": "empty-media", "data-variant": variant, className: clx(emptyMediaVariants({ variant }), className), ...props }));
+}
+function EmptyTitle({ className, ...props }) {
+    return (React.createElement("div", { "data-slot": "empty-title", className: clx("txt-compact-medium-plus text-ui-fg-base", className), ...props }));
+}
+function EmptyDescription({ className, ...props }) {
+    return (React.createElement("p", { "data-slot": "empty-description", className: clx("txt-compact-small text-ui-fg-muted [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-ui-fg-base", className), ...props }));
+}
+function EmptyContent({ className, ...props }) {
+    return (React.createElement("div", { "data-slot": "empty-content", className: clx("txt-compact-small flex w-full max-w-sm min-w-0 flex-col items-center gap-2.5", className), ...props }));
+}
+const EmptyRoot = Object.assign(Empty, {
+    Header: EmptyHeader,
+    Media: EmptyMedia,
+    Title: EmptyTitle,
+    Description: EmptyDescription,
+    Content: EmptyContent,
+});
+export { EmptyRoot as Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, emptyMediaVariants, };
+//# sourceMappingURL=empty.js.map

package/dist/esm/components/empty/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","sourceRoot":"","sources":["../../../../src/components/empty/empty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,GAAG,EAAE,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,MAAM,kBAAkB,GAAG,GAAG,CAAC;IAC7B,IAAI,EAAE,6FAA6F;IACnG,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,gBAAgB;YACzB,IAAI,EAAE,kIAAkI;SACzI;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAA;AAEF,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyC;IAC3E,OAAO,CACL,0CACY,OAAO,EACjB,SAAS,EAAE,GAAG,CACZ,6JAA6J,EAC7J,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EAC8B;IACtC,OAAO,CACL,0CACY,cAAc,EACxB,SAAS,EAAE,GAAG,CAAC,2CAA2C,EAAE,SAAS,CAAC,KAClE,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAClB,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EAE+B;IACvC,OAAO,CACL,0CACY,aAAa,kBACT,OAAO,EACrB,SAAS,EAAE,GAAG,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KACtD,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EAC8B;IACtC,OAAO,CACL,0CACY,aAAa,EACvB,SAAS,EAAE,GAAG,CAAC,yCAAyC,EAAE,SAAS,CAAC,KAChE,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EAC4B;IACpC,OAAO,CACL,wCACY,mBAAmB,EAC7B,SAAS,EAAE,GAAG,CACZ,yGAAyG,EACzG,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EAC8B;IACtC,OAAO,CACL,0CACY,eAAe,EACzB,SAAS,EAAE,GAAG,CACZ,8EAA8E,EAC9E,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;IACrC,MAAM,EAAE,WAAW;IACnB,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,UAAU;IACjB,WAAW,EAAE,gBAAgB;IAC7B,OAAO,EAAE,YAAY;CACtB,CAAC,CAAA;AAEF,OAAO,EACL,SAAS,IAAI,KAAK,EAClB,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,UAAU,EACV,kBAAkB,GACnB,CAAA","sourcesContent":["import { VariantProps, cva } from \"cva\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst emptyMediaVariants = cva({\n  base: \"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  variants: {\n    variant: {\n      default: \"bg-transparent\",\n      icon: \"flex size-8 shrink-0 items-center justify-center rounded-lg bg-ui-bg-subtle text-ui-fg-base [&_svg:not([class*='size-'])]:size-4\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n})\n\nfunction Empty({ className, ...props }: React.ComponentPropsWithoutRef<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty\"\n      className={clx(\n        \"flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-lg border border-dashed border-ui-border-base p-6 text-center text-ui-fg-base\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyHeader({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-header\"\n      className={clx(\"flex max-w-sm flex-col items-center gap-2\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentPropsWithoutRef<\"div\"> &\n  VariantProps<typeof emptyMediaVariants>) {\n  return (\n    <div\n      data-slot=\"empty-media\"\n      data-variant={variant}\n      className={clx(emptyMediaVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyTitle({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-title\"\n      className={clx(\"txt-compact-medium-plus text-ui-fg-base\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyDescription({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<\"p\">) {\n  return (\n    <p\n      data-slot=\"empty-description\"\n      className={clx(\n        \"txt-compact-small text-ui-fg-muted [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-ui-fg-base\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyContent({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-content\"\n      className={clx(\n        \"txt-compact-small flex w-full max-w-sm min-w-0 flex-col items-center gap-2.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst EmptyRoot = Object.assign(Empty, {\n  Header: EmptyHeader,\n  Media: EmptyMedia,\n  Title: EmptyTitle,\n  Description: EmptyDescription,\n  Content: EmptyContent,\n})\n\nexport {\n  EmptyRoot as Empty,\n  EmptyContent,\n  EmptyDescription,\n  EmptyHeader,\n  EmptyMedia,\n  EmptyTitle,\n  emptyMediaVariants,\n}\n"]}

package/dist/esm/components/empty/index.d.ts

@@ -0,0 +1,2 @@
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, emptyMediaVariants, } from "./empty";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/empty/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/empty/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,UAAU,EACV,kBAAkB,GACnB,MAAM,SAAS,CAAA"}

package/dist/esm/components/empty/index.js

@@ -0,0 +1,2 @@
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, emptyMediaVariants, } from "./empty";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/empty/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/empty/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,UAAU,EACV,kBAAkB,GACnB,MAAM,SAAS,CAAA","sourcesContent":["export {\n  Empty,\n  EmptyContent,\n  EmptyDescription,\n  EmptyHeader,\n  EmptyMedia,\n  EmptyTitle,\n  emptyMediaVariants,\n} from \"./empty\"\n"]}