@redis-ui/components 37.0.0

package/dist/Menu/components/Content/components/Item/Components/SubHead/SubHead.style.d.ts

@@ -0,0 +1 @@
+export declare const MenuItemSubHead: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../../../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Menu/components/Content/components/Item/Components/SubHead/SubHead.style.js

@@ -0,0 +1,15 @@
+import _styled from "styled-components";
+import { useTheme } from "@redislabsdev/redis-ui-styles";
+import Typography from "../../../../../../../Typography/Typography.js";
+const MenuItemSubHead = _styled(Typography.Body).withConfig({
+  displayName: "SubHeadstyle__MenuItemSubHead",
+  componentId: "RedisUI__sc-cwmhtm-0"
+})(["white-space:nowrap;flex:none;color:", ";"], ({
+  color
+}) => {
+  const theme = useTheme().components.menu.item.subHead;
+  return color ? void 0 : theme.textColor;
+});
+export {
+  MenuItemSubHead
+};

package/dist/Menu/components/Content/components/Item/Components/Text/Text.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../../../../../node_modules/react/jsx-runtime.cjs");
+const Text_style = require("./Text.style.cjs");
+const Text = ({
+  tooltipOnEllipsis = true,
+  ...restProps
+}) => jsxRuntime.jsxRuntimeExports.jsx(Text_style.MenuItemText, {
+  tooltipOnEllipsis,
+  ...restProps
+});
+exports.default = Text;

package/dist/Menu/components/Content/components/Item/Components/Text/Text.d.ts

@@ -0,0 +1,3 @@
+import { TextProps } from './Text.types';
+declare const Text: ({ tooltipOnEllipsis, ...restProps }: TextProps) => import("react/jsx-runtime").JSX.Element;
+export default Text;

package/dist/Menu/components/Content/components/Item/Components/Text/Text.js

@@ -0,0 +1,12 @@
+import { j as jsxRuntimeExports } from "../../../../../../../node_modules/react/jsx-runtime.js";
+import { MenuItemText } from "./Text.style.js";
+const Text = ({
+  tooltipOnEllipsis = true,
+  ...restProps
+}) => jsxRuntimeExports.jsx(MenuItemText, {
+  tooltipOnEllipsis,
+  ...restProps
+});
+export {
+  Text as default
+};

package/dist/Menu/components/Content/components/Item/Components/Text/Text.style.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const Typography = require("../../../../../../../Typography/Typography.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const MenuItemText = _styled__default.default(Typography.default.Body).withConfig({
+  displayName: "Textstyle__MenuItemText",
+  componentId: "RedisUI__sc-1y45zmr-0"
+})(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
+exports.MenuItemText = MenuItemText;

package/dist/Menu/components/Content/components/Item/Components/Text/Text.style.d.ts

@@ -0,0 +1 @@
+export declare const MenuItemText: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../../../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Menu/components/Content/components/Item/Components/Text/Text.style.js

@@ -0,0 +1,9 @@
+import _styled from "styled-components";
+import Typography from "../../../../../../../Typography/Typography.js";
+const MenuItemText = _styled(Typography.Body).withConfig({
+  displayName: "Textstyle__MenuItemText",
+  componentId: "RedisUI__sc-1y45zmr-0"
+})(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
+export {
+  MenuItemText
+};

package/dist/Menu/components/Content/components/Item/Components/Text/Text.types.d.ts

@@ -0,0 +1,2 @@
+import { BodyProps } from '../../../../../../../Typography/components/Body/Body.types';
+export type TextProps = BodyProps;

package/dist/Menu/components/Content/components/Item/Item.cjs

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const Text = require("./Components/Text/Text.cjs");
+const Icon = require("./Components/Icon/Icon.cjs");
+const SubHead = require("./Components/SubHead/SubHead.cjs");
+const Compose = require("./Components/Compose/Compose.cjs");
+const Check = require("./Components/Check/Check.cjs");
+const Split = require("./Components/Split/Split.cjs");
+const Item = Object.assign(({
+  text,
+  icon,
+  subHead,
+  description,
+  isSelected = false,
+  variant = "primary",
+  ...restProps
+}) => {
+  const firstElement = subHead ? (
+    //
+    jsxRuntime.jsxRuntimeExports.jsx(Item.SubHead, {
+      children: subHead
+    })
+  ) : icon && jsxRuntime.jsxRuntimeExports.jsx(Item.Icon, {
+    icon
+  });
+  const lastElement = subHead ? icon && jsxRuntime.jsxRuntimeExports.jsx(Item.Icon, {
+    icon
+  }) : isSelected && jsxRuntime.jsxRuntimeExports.jsx(Item.Check, {});
+  const hasSplit = Boolean(subHead && icon || description);
+  return jsxRuntime.jsxRuntimeExports.jsxs(Item.Compose, {
+    isSelected,
+    variant,
+    ...restProps,
+    children: [firstElement, text && jsxRuntime.jsxRuntimeExports.jsx(Item.Text, {
+      children: text
+    }), hasSplit && jsxRuntime.jsxRuntimeExports.jsx(Item.Split, {}), description && jsxRuntime.jsxRuntimeExports.jsx(Item.Text, {
+      children: description
+    }), lastElement]
+  });
+}, {
+  Text: Text.default,
+  Icon: Icon.default,
+  SubHead: SubHead.default,
+  Compose: Compose.default,
+  Check: Check.default,
+  Split: Split.default
+});
+exports.default = Item;

package/dist/Menu/components/Content/components/Item/Item.d.ts

@@ -0,0 +1,10 @@
+import { MenuItemProps } from './Item.types';
+declare const Item: (({ text, icon, subHead, description, isSelected, variant, ...restProps }: MenuItemProps) => import("react/jsx-runtime").JSX.Element) & {
+    Text: ({ tooltipOnEllipsis, ...restProps }: import("../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
+    Icon: ({ icon, ...props }: import("./Components/Icon/Icon.types").MenuIconProps) => import("react/jsx-runtime").JSX.Element;
+    SubHead: (props: import("../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
+    Compose: ({ isSelected, variant, onClick, ...restProps }: import("./Components/Compose/Compose.types").MenuItemComposeProps) => import("react/jsx-runtime").JSX.Element;
+    Check: ({ icon, ...restProps }: import("./Components/Check/Check.types").CheckProps) => import("react/jsx-runtime").JSX.Element;
+    Split: ({ minWidth, ...props }: import("./Components/Split/Split.types").SplitProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Item;

package/dist/Menu/components/Content/components/Item/Item.js

@@ -0,0 +1,49 @@
+import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import Text from "./Components/Text/Text.js";
+import Icon from "./Components/Icon/Icon.js";
+import SubHead from "./Components/SubHead/SubHead.js";
+import Compose from "./Components/Compose/Compose.js";
+import Check from "./Components/Check/Check.js";
+import Split from "./Components/Split/Split.js";
+const Item = Object.assign(({
+  text,
+  icon,
+  subHead,
+  description,
+  isSelected = false,
+  variant = "primary",
+  ...restProps
+}) => {
+  const firstElement = subHead ? (
+    //
+    jsxRuntimeExports.jsx(Item.SubHead, {
+      children: subHead
+    })
+  ) : icon && jsxRuntimeExports.jsx(Item.Icon, {
+    icon
+  });
+  const lastElement = subHead ? icon && jsxRuntimeExports.jsx(Item.Icon, {
+    icon
+  }) : isSelected && jsxRuntimeExports.jsx(Item.Check, {});
+  const hasSplit = Boolean(subHead && icon || description);
+  return jsxRuntimeExports.jsxs(Item.Compose, {
+    isSelected,
+    variant,
+    ...restProps,
+    children: [firstElement, text && jsxRuntimeExports.jsx(Item.Text, {
+      children: text
+    }), hasSplit && jsxRuntimeExports.jsx(Item.Split, {}), description && jsxRuntimeExports.jsx(Item.Text, {
+      children: description
+    }), lastElement]
+  });
+}, {
+  Text,
+  Icon,
+  SubHead,
+  Compose,
+  Check,
+  Split
+});
+export {
+  Item as default
+};

package/dist/Menu/components/Content/components/Item/Item.types.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Compose_types = require("./Components/Compose/Compose.types.cjs");
+const menuItemVariants = Compose_types.menuItemComposeVariants;
+exports.menuItemVariants = menuItemVariants;

package/dist/Menu/components/Content/components/Item/Item.types.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { IconType } from '@redislabsdev/redis-ui-icons';
+import { MenuItemComposeProps, MenuItemComposeVariants } from './Components/Compose/Compose.types';
+export declare const menuItemVariants: readonly ["primary", "destructive"];
+export type MenuItemVariants = MenuItemComposeVariants;
+export type MenuItemProps = Omit<MenuItemComposeProps, 'children' | 'isSelected'> & {
+    icon?: IconType;
+    description?: ReactNode;
+} & ({
+    text: ReactNode;
+    isSelected?: boolean;
+    subHead?: undefined;
+} | {
+    text?: ReactNode;
+    isSelected?: false;
+    subHead: ReactNode;
+});

package/dist/Menu/components/Content/components/Item/Item.types.js

@@ -0,0 +1,5 @@
+import { menuItemComposeVariants } from "./Components/Compose/Compose.types.js";
+const menuItemVariants = menuItemComposeVariants;
+export {
+  menuItemVariants
+};

package/dist/Menu/components/Content/components/Label/Label.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const Label_style = require("./Label.style.cjs");
+const Label = ({
+  children,
+  variant = "semiBold",
+  tooltipOnEllipsis = true,
+  ...restProps
+}) => {
+  return jsxRuntime.jsxRuntimeExports.jsx(Label_style.MenuContentLabel, {
+    variant,
+    tooltipOnEllipsis,
+    ...restProps,
+    children
+  });
+};
+exports.default = Label;

package/dist/Menu/components/Content/components/Label/Label.d.ts

@@ -0,0 +1,3 @@
+import { LabelProps } from './Label.types';
+declare const Label: ({ children, variant, tooltipOnEllipsis, ...restProps }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+export default Label;

package/dist/Menu/components/Content/components/Label/Label.js

@@ -0,0 +1,18 @@
+import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { MenuContentLabel } from "./Label.style.js";
+const Label = ({
+  children,
+  variant = "semiBold",
+  tooltipOnEllipsis = true,
+  ...restProps
+}) => {
+  return jsxRuntimeExports.jsx(MenuContentLabel, {
+    variant,
+    tooltipOnEllipsis,
+    ...restProps,
+    children
+  });
+};
+export {
+  Label as default
+};

package/dist/Menu/components/Content/components/Label/Label.style.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const redisUiStyles = require("@redislabsdev/redis-ui-styles");
+const Typography = require("../../../../../Typography/Typography.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const MenuContentLabel = _styled__default.default(Typography.default.Body).withConfig({
+  displayName: "Labelstyle__MenuContentLabel",
+  componentId: "RedisUI__sc-1coj64k-0"
+})(["color:", ";padding:", ";cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"], () => redisUiStyles.useTheme().components.menu.label.color, () => redisUiStyles.useTheme().components.menu.label.padding);
+exports.MenuContentLabel = MenuContentLabel;

package/dist/Menu/components/Content/components/Label/Label.style.d.ts

@@ -0,0 +1 @@
+export declare const MenuContentLabel: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Menu/components/Content/components/Label/Label.style.js

@@ -0,0 +1,10 @@
+import _styled from "styled-components";
+import { useTheme } from "@redislabsdev/redis-ui-styles";
+import Typography from "../../../../../Typography/Typography.js";
+const MenuContentLabel = _styled(Typography.Body).withConfig({
+  displayName: "Labelstyle__MenuContentLabel",
+  componentId: "RedisUI__sc-1coj64k-0"
+})(["color:", ";padding:", ";cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"], () => useTheme().components.menu.label.color, () => useTheme().components.menu.label.padding);
+export {
+  MenuContentLabel
+};

package/dist/Menu/components/Content/components/Label/Label.types.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { BodyProps } from '../../../../../Typography/components/Body/Body.types';
+export interface LabelProps extends Omit<BodyProps, 'children'> {
+    children?: React.ReactNode;
+}

package/dist/Menu/components/Content/components/Separator/Separator.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const Separator_style = require("./Separator.style.cjs");
+const Separator = (props) => {
+  return jsxRuntime.jsxRuntimeExports.jsx(Separator_style.MenuContentSeparator, {
+    ...props
+  });
+};
+exports.default = Separator;

package/dist/Menu/components/Content/components/Separator/Separator.d.ts

@@ -0,0 +1,3 @@
+import { SeparatorProps } from './Separator.types';
+declare const Separator: (props: SeparatorProps) => import("react/jsx-runtime").JSX.Element;
+export default Separator;

package/dist/Menu/components/Content/components/Separator/Separator.js

@@ -0,0 +1,10 @@
+import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { MenuContentSeparator } from "./Separator.style.js";
+const Separator = (props) => {
+  return jsxRuntimeExports.jsx(MenuContentSeparator, {
+    ...props
+  });
+};
+export {
+  Separator as default
+};

package/dist/Menu/components/Content/components/Separator/Separator.style.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const redisUiStyles = require("@redislabsdev/redis-ui-styles");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const MenuContentSeparator = _styled__default.default.hr.withConfig({
+  displayName: "Separatorstyle__MenuContentSeparator",
+  componentId: "RedisUI__sc-1ge7w9y-0"
+})(["width:100%;height:", ";background-color:", ";border:0;margin:0;"], () => redisUiStyles.useTheme().components.menu.separator.size, () => redisUiStyles.useTheme().components.menu.separator.bgColor);
+exports.MenuContentSeparator = MenuContentSeparator;

package/dist/Menu/components/Content/components/Separator/Separator.style.d.ts

@@ -0,0 +1 @@
+export declare const MenuContentSeparator: import("styled-components").StyledComponent<"hr", any, {}, never>;

package/dist/Menu/components/Content/components/Separator/Separator.style.js

@@ -0,0 +1,9 @@
+import _styled from "styled-components";
+import { useTheme } from "@redislabsdev/redis-ui-styles";
+const MenuContentSeparator = _styled.hr.withConfig({
+  displayName: "Separatorstyle__MenuContentSeparator",
+  componentId: "RedisUI__sc-1ge7w9y-0"
+})(["width:100%;height:", ";background-color:", ";border:0;margin:0;"], () => useTheme().components.menu.separator.size, () => useTheme().components.menu.separator.bgColor);
+export {
+  MenuContentSeparator
+};

package/dist/Menu/components/Content/components/Separator/Separator.types.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export type SeparatorProps = Omit<React.HTMLAttributes<HTMLHRElement>, 'children'>;

package/dist/Menu/components/MenuRoot/MenuRoot.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const index = require("../../../node_modules/@radix-ui/react-dropdown-menu/dist/index.cjs");
+const Field_context = require("../../../Inputs/components/Context/Field.context.cjs");
+const MenuRoot = ({
+  open,
+  onOpenChange,
+  modal = false,
+  ...restProps
+}) => {
+  const disabled = Field_context.useFieldDisabled();
+  return jsxRuntime.jsxRuntimeExports.jsx(index.Root, {
+    open: disabled ? false : open,
+    onOpenChange: disabled ? void 0 : onOpenChange,
+    modal,
+    ...restProps
+  });
+};
+exports.MenuRoot = MenuRoot;

package/dist/Menu/components/MenuRoot/MenuRoot.d.ts

@@ -0,0 +1,2 @@
+import { MenuProps } from '../../Menu.types';
+export declare const MenuRoot: ({ open, onOpenChange, modal, ...restProps }: MenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Menu/components/MenuRoot/MenuRoot.js

@@ -0,0 +1,20 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { Root as Root2 } from "../../../node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
+import { useFieldDisabled } from "../../../Inputs/components/Context/Field.context.js";
+const MenuRoot = ({
+  open,
+  onOpenChange,
+  modal = false,
+  ...restProps
+}) => {
+  const disabled = useFieldDisabled();
+  return jsxRuntimeExports.jsx(Root2, {
+    open: disabled ? false : open,
+    onOpenChange: disabled ? void 0 : onOpenChange,
+    modal,
+    ...restProps
+  });
+};
+export {
+  MenuRoot
+};

package/dist/Menu/components/MenuRoot/MenuRoot.types.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface MenuRootProps {
+    children: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?(open: boolean): void;
+    modal?: boolean;
+}

package/dist/Menu/components/Trigger/Trigger.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const index = require("../../../node_modules/@radix-ui/react-dropdown-menu/dist/index.cjs");
+const Arrow = require("./components/Arrow/Arrow.cjs");
+const Trigger_style = require("./Trigger.style.cjs");
+const Field_context = require("../../../Inputs/components/Context/Field.context.cjs");
+const TriggerRef_context = require("../../../Helpers/contexts/Popper/TriggerRef.context.cjs");
+const Trigger = Object.assign(({
+  withButton = false,
+  ...restProps
+}) => {
+  const ref = TriggerRef_context.useTriggerRef();
+  const disabled = Field_context.useFieldDisabled();
+  return withButton ? jsxRuntime.jsxRuntimeExports.jsx(Trigger_style.UnstyledTriggerContainer, {
+    ...restProps,
+    disabled,
+    ref
+  }) : jsxRuntime.jsxRuntimeExports.jsx(index.Trigger, {
+    ...restProps,
+    asChild: true,
+    disabled,
+    ref
+  });
+}, {
+  Arrow: Arrow.default
+});
+exports.default = Trigger;

package/dist/Menu/components/Trigger/Trigger.d.ts

@@ -0,0 +1,6 @@
+import { ComposeElementProps } from '../../../Helpers/common.types';
+import { MenuTriggerProps } from './Trigger.types';
+declare const Trigger: (({ withButton, ...restProps }: MenuTriggerProps & ComposeElementProps<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element) & {
+    Arrow: (props: import("@redislabsdev/redis-ui-icons/monochrome").MonochromeIconProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Trigger;

package/dist/Menu/components/Trigger/Trigger.js

@@ -0,0 +1,28 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { Trigger as Trigger$1 } from "../../../node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
+import Arrow from "./components/Arrow/Arrow.js";
+import { UnstyledTriggerContainer } from "./Trigger.style.js";
+import { useFieldDisabled } from "../../../Inputs/components/Context/Field.context.js";
+import { useTriggerRef } from "../../../Helpers/contexts/Popper/TriggerRef.context.js";
+const Trigger = Object.assign(({
+  withButton = false,
+  ...restProps
+}) => {
+  const ref = useTriggerRef();
+  const disabled = useFieldDisabled();
+  return withButton ? jsxRuntimeExports.jsx(UnstyledTriggerContainer, {
+    ...restProps,
+    disabled,
+    ref
+  }) : jsxRuntimeExports.jsx(Trigger$1, {
+    ...restProps,
+    asChild: true,
+    disabled,
+    ref
+  });
+}, {
+  Arrow
+});
+export {
+  Trigger as default
+};

package/dist/Menu/components/Trigger/Trigger.style.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const index = require("../../../node_modules/@radix-ui/react-dropdown-menu/dist/index.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const UnstyledTriggerContainer = _styled__default.default(index.Trigger).withConfig({
+  displayName: "Triggerstyle__UnstyledTriggerContainer",
+  componentId: "RedisUI__sc-gdzmol-0"
+})(["padding:0;border:none;display:flex;cursor:pointer;border-radius:unset;font-family:inherit;font-size:inherit;transition:unset;&,&:disabled,&:hover,&:active{background-color:transparent;color:inherit;}"]);
+exports.UnstyledTriggerContainer = UnstyledTriggerContainer;

package/dist/Menu/components/Trigger/Trigger.style.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
+export declare const UnstyledTriggerContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<DropdownMenu.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

package/dist/Menu/components/Trigger/Trigger.style.js

@@ -0,0 +1,9 @@
+import _styled from "styled-components";
+import { Trigger } from "../../../node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
+const UnstyledTriggerContainer = _styled(Trigger).withConfig({
+  displayName: "Triggerstyle__UnstyledTriggerContainer",
+  componentId: "RedisUI__sc-gdzmol-0"
+})(["padding:0;border:none;display:flex;cursor:pointer;border-radius:unset;font-family:inherit;font-size:inherit;transition:unset;&,&:disabled,&:hover,&:active{background-color:transparent;color:inherit;}"]);
+export {
+  UnstyledTriggerContainer
+};

package/dist/Menu/components/Trigger/Trigger.types.d.ts

@@ -0,0 +1,3 @@
+export interface MenuTriggerProps {
+    withButton?: boolean;
+}

package/dist/Menu/components/Trigger/components/Arrow/Arrow.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const Arrow_style = require("./Arrow.style.cjs");
+const Arrow = (props) => jsxRuntime.jsxRuntimeExports.jsx(Arrow_style.ArrowDownIconWrapper, {
+  size: "M",
+  ...props
+});
+exports.default = Arrow;

package/dist/Menu/components/Trigger/components/Arrow/Arrow.d.ts

@@ -0,0 +1,3 @@
+import { TriggerArrowProps } from './Arrow.types';
+declare const Arrow: (props: TriggerArrowProps) => import("react/jsx-runtime").JSX.Element;
+export default Arrow;

package/dist/Menu/components/Trigger/components/Arrow/Arrow.js

@@ -0,0 +1,9 @@
+import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { ArrowDownIconWrapper } from "./Arrow.style.js";
+const Arrow = (props) => jsxRuntimeExports.jsx(ArrowDownIconWrapper, {
+  size: "M",
+  ...props
+});
+export {
+  Arrow as default
+};

package/dist/Menu/components/Trigger/components/Arrow/Arrow.style.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const redisUiIcons = require("@redislabsdev/redis-ui-icons");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const ArrowDownIconWrapper = _styled__default.default(redisUiIcons.ChevronDownIcon).withConfig({
+  displayName: "Arrowstyle__ArrowDownIconWrapper",
+  componentId: "RedisUI__sc-mwk54p-0"
+})(["[data-state='open'] &{rotate:180deg;}[data-state='closed'] &{rotate:0deg;}transition:rotate 0.5s;"]);
+exports.ArrowDownIconWrapper = ArrowDownIconWrapper;

package/dist/Menu/components/Trigger/components/Arrow/Arrow.style.d.ts

@@ -0,0 +1 @@
+export declare const ArrowDownIconWrapper: import("styled-components").StyledComponent<({ size, customSize, color, customColor, title: titleProp, ...rest }: import("@redislabsdev/redis-ui-icons").MonochromeIconProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Menu/components/Trigger/components/Arrow/Arrow.style.js

@@ -0,0 +1,9 @@
+import _styled from "styled-components";
+import { ChevronDownIcon } from "@redislabsdev/redis-ui-icons";
+const ArrowDownIconWrapper = _styled(ChevronDownIcon).withConfig({
+  displayName: "Arrowstyle__ArrowDownIconWrapper",
+  componentId: "RedisUI__sc-mwk54p-0"
+})(["[data-state='open'] &{rotate:180deg;}[data-state='closed'] &{rotate:0deg;}transition:rotate 0.5s;"]);
+export {
+  ArrowDownIconWrapper
+};

package/dist/Menu/components/Trigger/components/Arrow/Arrow.types.d.ts

@@ -0,0 +1,2 @@
+import { MonochromeIconProps } from '@redislabsdev/redis-ui-icons';
+export type TriggerArrowProps = MonochromeIconProps;

package/dist/Menu/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Menu } from './Menu';
+export * from './components/Content/components/Item/Item.types';
+export type { MenuProps } from './Menu.types';

package/dist/Modal/Modal.cjs

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../node_modules/react/jsx-runtime.cjs");
+const Compose = require("./components/Compose/Compose.cjs");
+const Content = require("./components/Content/Content.cjs");
+const Trigger = require("./components/Trigger/Trigger.cjs");
+const Closable = require("./components/Closable/Closable.cjs");
+const Modal = Object.assign(({
+  children,
+  defaultOpen,
+  onOpenChange,
+  open,
+  withButton,
+  ...restProps
+}) => {
+  return jsxRuntime.jsxRuntimeExports.jsxs(Modal.Compose, {
+    ...{
+      defaultOpen,
+      onOpenChange,
+      open
+    },
+    children: [jsxRuntime.jsxRuntimeExports.jsx(Modal.Trigger, {
+      withButton,
+      children
+    }), jsxRuntime.jsxRuntimeExports.jsx(Modal.Content, {
+      ...restProps
+    })]
+  });
+}, {
+  Compose: Compose.default,
+  Content: Content.default,
+  Trigger: Trigger.default,
+  Closable: Closable.default
+});
+const Modal$1 = Modal;
+exports.default = Modal$1;