@caspeco/casper-ui-library 0.0.1

package/dist/components/input/types.d.ts

@@ -0,0 +1,24 @@
+import { CustomChakraBoxProps, LayoutProps, MarginProps, PaddingProps, TypographyProps } from '../../theme/index.js';
+import { InputProps as ChakraInputProps, ResponsiveValue } from '@chakra-ui/react';
+export type VisualInputState = "success" | "warning";
+export type CustomProperties = {
+    /** Size of input. Defaults to medium / 'md'. */
+    size?: ResponsiveValue<(string & {}) | "sm" | "md" | "lg"> | undefined;
+    /** Element to append to the right of input */
+    rightAddon?: JSX.Element | string | null;
+    /** Element to append to the left of input */
+    leftAddon?: JSX.Element | string | null;
+    /** Element to display inside input, to the right of the input value */
+    rightElement?: JSX.Element | string | null;
+    /** Element to display inside input, to the left of the input value */
+    leftElement?: JSX.Element | string | null;
+    /** Custom "visual state" of input, used to indicate "warning" or "success" appearance.
+     * Not semantic html, just visual effect. For invalid/error state of input, use 'isInvalid'. */
+    visualState?: VisualInputState;
+    /** Appearance variant for component. Defaults to 'outline' variant. */
+    variant?: "outline" | "ghost";
+};
+type ChakraInputProperties = Pick<ChakraInputProps, "id" | "type" | "value" | "placeholder" | "isDisabled" | "isReadOnly" | "isInvalid" | "isRequired" | "onChange" | "onBlur" | "onFocus" | "name" | "autoComplete" | "autoFocus" | "pattern" | "inputMode" | "defaultValue">;
+export type InputProps = CustomProperties & ChakraInputProperties & CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps & TypographyProps;
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/input/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC7G,OAAO,KAAK,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAC;AAErD,MAAM,MAAM,gBAAgB,GAAG;IAC9B,gDAAgD;IAChD,IAAI,CAAC,EAAE,eAAe,CAAC,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IACvE,8CAA8C;IAC9C,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;IACzC,6CAA6C;IAC7C,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;IACxC,uEAAuE;IACvE,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;IAC3C,sEAAsE;IACtE,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;IAC1C;mGAC+F;IAC/F,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC9B,CAAC;AAEF,KAAK,qBAAqB,GAAG,IAAI,CAChC,gBAAgB,EACd,IAAI,GACJ,MAAM,GACN,OAAO,GACP,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,YAAY,GACZ,UAAU,GACV,QAAQ,GACR,SAAS,GACT,MAAM,GACN,cAAc,GACd,WAAW,GACX,SAAS,GACT,WAAW,GACX,cAAc,CAChB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,gBAAgB,GACxC,qBAAqB,GACrB,oBAAoB,GACpB,WAAW,GACX,WAAW,GACX,YAAY,GACZ,eAAe,CAAC"}

package/dist/components/link/index.d.ts

@@ -0,0 +1,3 @@
+export { Link } from './link.js';
+export type { LinkProps } from './link.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/link/link.composition.d.ts

@@ -0,0 +1,3 @@
+export declare const BasicLink: () => import("react/jsx-runtime").JSX.Element;
+export declare const InlineLink: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=link.composition.d.ts.map

package/dist/components/link/link.composition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/link/link.composition.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,+CAMrB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAStB,CAAC"}

package/dist/components/link/link.d.ts

@@ -0,0 +1,13 @@
+import { LinkProps as ChakraLinkProps } from '@chakra-ui/react';
+import { ThemeStyleProps } from '../../theme/index.js';
+export type LinkProps = ThemeStyleProps & Pick<ChakraLinkProps, "children" | "href" | "rel" | "target" | "as" | "download">;
+/**
+ * Links are accessible elements used primarily for navigation.
+ * Can be integrated with other routing libraries like React Router and Reach Router
+ * using the 'as' property. See docs for examples.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/link
+ * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/link/
+ */
+export declare function Link({ children, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=link.d.ts.map

package/dist/components/link/link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../lib/components/link/link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,SAAS,GAAG,eAAe,GACtC,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,IAAI,GAAG,UAAU,CAAC,CAAC;AAEnF;;;;;;;GAOG;AACH,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAErD"}

package/dist/components/link/link.js

@@ -0,0 +1,8 @@
+import { jsx as n } from "react/jsx-runtime";
+import { Link as o } from "@chakra-ui/react";
+function f({ children: r, ...i }) {
+  return /* @__PURE__ */ n(o, { ...i, children: r });
+}
+export {
+  f as Link
+};

package/dist/components/link/link.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=link.spec.d.ts.map

package/dist/components/link/link.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/link/link.spec.tsx"],"names":[],"mappings":""}

package/dist/components/list/index.d.ts

@@ -0,0 +1,4 @@
+export { List } from './list.js';
+export { ListItem } from './list-item.js';
+export type { ListProps } from './list.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/list/list-item.d.ts

@@ -0,0 +1,5 @@
+import { ListItemProps as ChakraListItemProps } from '@chakra-ui/react';
+import { ThemeStyleProps } from '../../theme/index.js';
+export type ListItemProps = Pick<ChakraListItemProps, "children"> & ThemeStyleProps;
+export declare function ListItem({ children, ...props }: ListItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=list-item.d.ts.map

package/dist/components/list/list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../lib/components/list/list-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACzG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,GAAG,eAAe,CAAC;AAEpF,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAE7D"}

package/dist/components/list/list-item.js

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+import { ListItem as i } from "@chakra-ui/react";
+function s({ children: t, ...m }) {
+  return /* @__PURE__ */ r(i, { ...m, children: t });
+}
+export {
+  s as ListItem
+};

package/dist/components/list/list.composition.d.ts

@@ -0,0 +1,2 @@
+export declare const BasicList: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=list.composition.d.ts.map

package/dist/components/list/list.composition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/list/list.composition.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,+CAOrB,CAAC"}

package/dist/components/list/list.d.ts

@@ -0,0 +1,16 @@
+import { ListProps as ChakraListProps, ResponsiveValue } from '@chakra-ui/react';
+import { ThemeSpaceVariable, ThemeStyleProps } from '../../theme/index.js';
+export type CustomListProps = {
+    /** Adjust vertical spacing between List Items */
+    spacing?: ResponsiveValue<ThemeSpaceVariable | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "auto"> | undefined;
+};
+type ChakraListProperties = Pick<ChakraListProps, "children">;
+export type ListProps = CustomListProps & ChakraListProperties & ThemeStyleProps;
+/**
+ * List is used to display list items.
+ *
+ * @see Docs https://bit.cloud/caspeco/casper-ui-library/components/list
+ */
+export declare function List({ fontFamily, children, ...props }: ListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=list.d.ts.map

package/dist/components/list/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../lib/components/list/list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEzF,OAAO,EAAqB,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AACtF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,MAAM,MAAM,eAAe,GAAG;IAC7B,iDAAiD;IACjD,OAAO,CAAC,EACL,eAAe,CACb,kBAAkB,GAClB,CAAC,MAAM,GAAG,EAAE,CAAC,GACb,cAAc,GACd,SAAS,GACT,SAAS,GACT,QAAQ,GACR,cAAc,GACd,OAAO,GACP,MAAM,CACP,GACD,SAAS,CAAC;CACb,CAAC;AAEF,KAAK,oBAAoB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;AAE9D,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG,oBAAoB,GAAG,eAAe,CAAC;AAEjF;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EAAE,UAAmC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAM1F"}

package/dist/components/list/list.js

@@ -0,0 +1,9 @@
+import { jsx as i } from "react/jsx-runtime";
+import { List as m } from "@chakra-ui/react";
+import { ThemeFontVariable as e } from "../../theme/theme-types.js";
+function p({ fontFamily: o = e.Body, children: r, ...t }) {
+  return /* @__PURE__ */ i(m, { fontFamily: o, ...t, children: r });
+}
+export {
+  p as List
+};

package/dist/components/list/list.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=list.spec.d.ts.map

package/dist/components/list/list.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/list/list.spec.tsx"],"names":[],"mappings":""}

package/dist/components/menu/helper.d.ts

@@ -0,0 +1,7 @@
+import { MenuItemType } from './types.js';
+/**
+ * Returns html element tagname based on the MenuItemType.
+ * Used to determine what html element to render the MenuItem or SubMenu as.
+ */
+export declare function setMenuItemElementType(itemType: MenuItemType): "button" | "label" | "div" | "a";
+//# sourceMappingURL=helper.d.ts.map

package/dist/components/menu/helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/helper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,YAAY,oCAc5D"}

package/dist/components/menu/helper.js

@@ -0,0 +1,18 @@
+function t(e) {
+  switch (e) {
+    case "radio":
+    case "checkbox":
+    case "switch":
+      return "label";
+    case "link":
+      return "a";
+    case "none":
+      return "div";
+    case "button":
+    default:
+      return "button";
+  }
+}
+export {
+  t as setMenuItemElementType
+};

package/dist/components/menu/index.d.ts

@@ -0,0 +1,14 @@
+export { Menu } from './menu.js';
+export type { MenuProps } from './menu.js';
+export { MenuList } from './menu-list.js';
+export type { MenuListProps } from './menu-list.js';
+export { MenuButton } from './menu-button.js';
+export { MenuBoxButton } from './menu-box-button.js';
+export { MenuDivider } from './menu-divider.js';
+export type { MenuDividerProps } from './menu-divider.js';
+export { MenuItem } from './menu-item.js';
+export type { MenuItemProps } from './menu-item.js';
+export { MenuGroup } from './menu-group.js';
+export type { MenuGroupProps } from './menu-group.js';
+export type { MenuItemType } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGxC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAGnD,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/menu/menu-box-button.d.ts

@@ -0,0 +1,3 @@
+import { BoxProps } from '../box/index.js';
+export declare const MenuBoxButton: ({ children, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=menu-box-button.d.ts.map

package/dist/components/menu/menu-box-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-box-button.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu-box-button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEtD,eAAO,MAAM,aAAa,GAAI,wBAAwB,QAAQ,4CAM7D,CAAC"}

package/dist/components/menu/menu-box-button.js

@@ -0,0 +1,7 @@
+import { jsx as r } from "react/jsx-runtime";
+import { MenuButton as m } from "@chakra-ui/react";
+import { Box as n } from "../box/box.js";
+const x = ({ children: o, ...t }) => /* @__PURE__ */ r(m, { as: n, ...t, children: o });
+export {
+  x as MenuBoxButton
+};

package/dist/components/menu/menu-button.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from '../button/index.js';
+export declare const MenuButton: ({ children, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=menu-button.d.ts.map

package/dist/components/menu/menu-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-button.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu-button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAE/D,eAAO,MAAM,UAAU,GAAI,wBAAwB,WAAW,4CAM7D,CAAC"}

package/dist/components/menu/menu-button.js

@@ -0,0 +1,7 @@
+import { jsx as n } from "react/jsx-runtime";
+import { MenuButton as r } from "@chakra-ui/react";
+import { Button as u } from "../button/button.js";
+const s = ({ children: t, ...o }) => /* @__PURE__ */ n(r, { as: u, ...o, children: t });
+export {
+  s as MenuButton
+};

package/dist/components/menu/menu-divider.d.ts

@@ -0,0 +1,5 @@
+export type MenuDividerProps = {
+    title?: string;
+};
+export declare const MenuDivider: ({ title }: MenuDividerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=menu-divider.d.ts.map

package/dist/components/menu/menu-divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-divider.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu-divider.tsx"],"names":[],"mappings":"AAqBA,MAAM,MAAM,gBAAgB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,WAAW,gBAAgB,4CAEtD,CAAC"}

package/dist/components/menu/menu-divider.js

@@ -0,0 +1,21 @@
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+import { ThemeColorVariable as e, ThemeSpaceVariable as i, ThemeFontSizeVariable as t } from "../../theme/theme-types.js";
+const n = {
+  margin: i.Medium,
+  borderTop: `1px solid ${e.OnBackgroundBorder}`,
+  position: "relative",
+  textAlign: "center"
+}, a = {
+  backgroundColor: e.Surface,
+  padding: `0 ${i.Small}`,
+  position: "absolute",
+  top: "50%",
+  left: "50%",
+  transform: "translate(-50%, -50%)",
+  color: e.OnBackgroundSubdued,
+  fontSize: t.XSmall
+}, s = ({ title: r }) => /* @__PURE__ */ o("div", { style: n, children: r && /* @__PURE__ */ o("span", { style: a, children: r }) });
+export {
+  s as MenuDivider
+};

package/dist/components/menu/menu-group.d.ts

@@ -0,0 +1,20 @@
+import { MenuItemProps } from './menu-item.js';
+export interface MenuGroupProps extends MenuItemProps {
+    /**
+     * Text to render within the SubMenu Item.
+     */
+    text: string;
+    /**
+     * Element to render to the right of the SubMenu Item contents.
+     */
+    rightElement?: JSX.Element;
+}
+/**
+ * A variant of MenuItem that renders children as nested list of maximum three levels.
+ * The SubMenu is collapsible and can be toggled by clicking the SubMenu IconButton.
+ *
+ * @note Differs from MenuItem in that it renders text via the `text` prop,
+ * and can render an element to the right of text via the `rightElement` prop.
+ */
+export declare const MenuGroup: ({ text, children, onClick, as, isDisabled, itemType, leftIcon, rightIcon, rightElement, ...props }: MenuGroupProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=menu-group.d.ts.map

package/dist/components/menu/menu-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-group.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu-group.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,MAAM,WAAW,cAAe,SAAQ,aAAa;IACpD;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC3B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,GAAI,oGAWvB,cAAc,4CA8IhB,CAAC"}

package/dist/components/menu/menu-group.js

@@ -0,0 +1,134 @@
+import { jsxs as p, Fragment as H, jsx as e } from "react/jsx-runtime";
+import N, { useRef as $ } from "react";
+import { HStack as K, MenuItem as O, Box as C } from "@chakra-ui/react";
+import { setMenuItemElementType as W } from "./helper.js";
+import { IconButton as X } from "../icon-button/icon-button.js";
+import { Icons as v } from "../icon/types.js";
+import { Flex as D } from "../flex/flex.js";
+import { Icon as L } from "../icon/icon.js";
+import { ThemeColorVariable as g, ThemeSpaceVariable as a } from "../../theme/theme-types.js";
+const re = ({
+  text: i,
+  children: M,
+  onClick: k,
+  as: y,
+  isDisabled: T = !1,
+  itemType: B = "button",
+  leftIcon: d,
+  rightIcon: f,
+  rightElement: _,
+  ...R
+}) => {
+  const [n, A] = N.useState(!1), r = $(null), o = $(null), P = () => {
+    A(!n);
+  }, V = y ?? W(B), j = d ? /* @__PURE__ */ e(L, { icon: d, w: "24px", h: "24px" }) : void 0, s = (t) => ({
+    content: '""',
+    position: "absolute",
+    top: 0,
+    left: t,
+    width: "1px",
+    height: "100%",
+    backgroundColor: g.OnSurfaceBorder,
+    zIndex: 1
+  }), u = 64, x = 36, c = 22, m = 28, b = 20, z = {
+    ".menu-item": {
+      paddingLeft: `${u}px`
+    },
+    ".menugroup-item": {
+      paddingLeft: `${x}px`
+    },
+    ".menugroup-wrapper > .menugroup-item": {
+      paddingLeft: `${x + c}px`
+    },
+    ".menugroup-wrapper > .menu-item": {
+      paddingLeft: `${u + c}px`
+    },
+    // Max level of nesting is currently three levels deep
+    ".menugroup-wrapper > .menugroup-wrapper > .menu-item": {
+      paddingLeft: `${u + 2 * c}px`
+    },
+    // Line indicating the hierarchy of the menu items
+    position: "relative",
+    "::before": s(`${m}px`),
+    ".menugroup-wrapper": {
+      "::before": s(`${m + b}px`)
+    },
+    ".menugroup-wrapper > .menugroup-wrapper": {
+      "::before": s(`${m + 2 * b}px`)
+    }
+    // ...Add more selectors as needed to support more levels
+  }, E = "24px", F = (t) => {
+    var h, w, S, I;
+    switch (t.stopPropagation(), t.key) {
+      case "ArrowLeft": {
+        const l = (h = o.current) == null ? void 0 : h.previousSibling;
+        r.current = l, (w = r.current) == null || w.focus();
+        break;
+      }
+      case "ArrowRight": {
+        const l = (S = r.current) == null ? void 0 : S.nextSibling;
+        o.current = l, (I = o.current) == null || I.focus();
+        break;
+      }
+    }
+  };
+  return /* @__PURE__ */ p(H, { children: [
+    /* @__PURE__ */ p(
+      K,
+      {
+        w: "100%",
+        pl: a.Medium,
+        spacing: a.XSmall,
+        className: "menugroup-item",
+        _hover: {
+          bg: g.AccentHoverAlpha,
+          transitionProperty: "background",
+          transitionDuration: "ultra-fast",
+          transitionTimingFunction: "ease-in"
+        },
+        role: "group",
+        onKeyUp: F,
+        children: [
+          /* @__PURE__ */ e(
+            X,
+            {
+              ref: r,
+              onClick: P,
+              variant: "ghost",
+              tabIndex: 0,
+              icon: n ? v.TreeViewCollapse : v.TreeViewExpand,
+              "aria-label": n ? `Collapse ${i}` : `Expand ${i}`,
+              size: "sm"
+            }
+          ),
+          /* @__PURE__ */ e(
+            O,
+            {
+              pl: 0,
+              _groupHover: { bg: "unset" },
+              as: V,
+              isDisabled: T,
+              onClick: k,
+              minWidth: "unset",
+              w: `calc(100% - ${E} - ${a.XSmall})`,
+              icon: j,
+              ref: o,
+              ...R,
+              children: /* @__PURE__ */ p(D, { justifyContent: "space-between", alignItems: "center", gap: a.Small, w: "100%", children: [
+                i,
+                /* @__PURE__ */ p(C, { children: [
+                  _,
+                  f && /* @__PURE__ */ e(L, { icon: f, color: g.OnSurfaceBorder, w: "20px", h: "20px" })
+                ] })
+              ] })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(C, { className: "menugroup-wrapper", __css: z, children: n && M })
+  ] });
+};
+export {
+  re as MenuGroup
+};

package/dist/components/menu/menu-item.d.ts

@@ -0,0 +1,37 @@
+import { MenuItemProps as ChakraMenuItemProps } from '@chakra-ui/react';
+import { Icons } from '../icon/index.js';
+import { MenuItemType } from './types.js';
+type CustomMenuItemProps = {
+    /**
+     * Type based on what element is used within the MenuItem.
+     * Internally translates the type into what html element to render the MenuItem as.
+     * Defaults to a button element.
+     */
+    itemType?: MenuItemType;
+    /**
+     * Icon to render to the left of the MenuItem contents.
+     */
+    leftIcon?: Icons;
+    /**
+     * Icon to render to the right of the MenuItem contents.
+     */
+    rightIcon?: Icons;
+    /**
+     * Link destination to use with itemType 'link'.
+     */
+    href?: string;
+    /**
+     * Custom element to render the MenuItem as. Overrides the itemType prop.
+     * Should only be used when the itemType prop is not sufficient, for example when using a custom Routing component
+     * and rendering the MenuItem as a Link-component from a routing library.
+     */
+    as?: any;
+    /**
+     * For usage with routing libraries. If the MenuItem is a custom Link component, this prop can be used to specify the route.
+     */
+    to?: string;
+};
+export type MenuItemProps = Pick<ChakraMenuItemProps, "children" | "isDisabled" | "onClick" | "command"> & CustomMenuItemProps;
+export declare const MenuItem: ({ children, onClick, as, isDisabled, itemType, leftIcon, rightIcon, ...props }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=menu-item.d.ts.map

package/dist/components/menu/menu-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEzG,OAAO,EAAQ,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG5C,KAAK,mBAAmB,GAAG;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,EAAE,CAAC,EAAE,GAAG,CAAC;IACT;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC,GACvG,mBAAmB,CAAC;AAErB,eAAO,MAAM,QAAQ,GAAI,gFAStB,aAAa,4CAsBf,CAAC"}

package/dist/components/menu/menu-item.js

@@ -0,0 +1,36 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { MenuItem as u } from "@chakra-ui/react";
+import { setMenuItemElementType as f } from "./helper.js";
+import { Flex as x } from "../flex/flex.js";
+import { Icon as n } from "../icon/icon.js";
+import { ThemeSpaceVariable as d, ThemeColorVariable as I } from "../../theme/theme-types.js";
+const y = ({
+  children: r,
+  onClick: m,
+  as: i,
+  isDisabled: a = !1,
+  itemType: c = "button",
+  leftIcon: o,
+  rightIcon: t,
+  ...p
+}) => {
+  const s = i ?? f(c);
+  return /* @__PURE__ */ e(
+    u,
+    {
+      as: s,
+      className: "menu-item",
+      isDisabled: a,
+      onClick: m,
+      icon: o ? /* @__PURE__ */ e(n, { icon: o, w: "24px", h: "24px" }) : void 0,
+      ...p,
+      children: /* @__PURE__ */ l(x, { justifyContent: "space-between", alignItems: "center", gap: d.XSmall, w: "100%", children: [
+        r,
+        t && /* @__PURE__ */ e(n, { icon: t, color: I.OnSurfaceSubdued, w: "20px", h: "20px" })
+      ] })
+    }
+  );
+};
+export {
+  y as MenuItem
+};

package/dist/components/menu/menu-list.d.ts

@@ -0,0 +1,5 @@
+import { MenuListProps as ChakraMenuListProps } from '@chakra-ui/react';
+import { ThemeStyleProps } from '../../theme/index.js';
+export type MenuListProps = ThemeStyleProps & Pick<ChakraMenuListProps, "children">;
+export declare const MenuList: ({ children, ...props }: MenuListProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=menu-list.d.ts.map

package/dist/components/menu/menu-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-list.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACzG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG,eAAe,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC;AAEpF,eAAO,MAAM,QAAQ,GAAI,wBAAwB,aAAa,4CAE7D,CAAC"}

package/dist/components/menu/menu-list.js

@@ -0,0 +1,6 @@
+import { jsx as o } from "react/jsx-runtime";
+import { MenuList as s } from "@chakra-ui/react";
+const n = ({ children: t, ...r }) => /* @__PURE__ */ o(s, { ...r, children: t });
+export {
+  n as MenuList
+};

package/dist/components/menu/menu.composition.d.ts

@@ -0,0 +1,11 @@
+export declare const BasicMenu: () => import("react/jsx-runtime").JSX.Element;
+export declare const NestedMenu: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomTriggerButton: () => import("react/jsx-runtime").JSX.Element;
+export declare const Dividers: () => import("react/jsx-runtime").JSX.Element;
+export declare const LeftAndRightIcons: () => import("react/jsx-runtime").JSX.Element;
+export declare const Commands: () => import("react/jsx-runtime").JSX.Element;
+export declare const RadioItems: () => import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxItems: () => import("react/jsx-runtime").JSX.Element;
+export declare const SwitchItems: () => import("react/jsx-runtime").JSX.Element;
+export declare const LinkItems: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=menu.composition.d.ts.map

package/dist/components/menu/menu.composition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu.composition.tsx"],"names":[],"mappings":"AAuBA,eAAO,MAAM,SAAS,+CAgBrB,CAAC;AAQF,eAAO,MAAM,UAAU,+CAqEtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,+CAoB/B,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAqBpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAgB7B,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAmBpB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAyBtB,CAAC;AAEF,eAAO,MAAM,aAAa,+CAoBzB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAkBvB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAgBrB,CAAC"}

package/dist/components/menu/menu.d.ts

@@ -0,0 +1,6 @@
+import { MenuProps as ChakraMenuProps } from '@chakra-ui/react';
+type ChakraMenuProperties = Pick<ChakraMenuProps, "children" | "closeOnBlur" | "closeOnSelect" | "matchWidth" | "placement" | "offset" | "isLazy" | "lazyBehavior">;
+export type MenuProps = Partial<ChakraMenuProperties>;
+export declare function Menu({ children, ...props }: MenuProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=menu.d.ts.map

package/dist/components/menu/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEzF,KAAK,oBAAoB,GAAG,IAAI,CAC/B,eAAe,EACb,UAAU,GACV,aAAa,GACb,eAAe,GACf,YAAY,GACZ,WAAW,GACX,QAAQ,GACR,QAAQ,GACR,cAAc,CAChB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;AAEtD,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAMrD"}

package/dist/components/menu/menu.js

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Menu as o } from "@chakra-ui/react";
+function f({ children: e, ...t }) {
+  return /* @__PURE__ */ r(o, { autoSelect: !1, gutter: 0, ...t, children: e });
+}
+export {
+  f as Menu
+};

package/dist/components/menu/menu.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=menu.spec.d.ts.map

package/dist/components/menu/menu.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.spec.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu.spec.tsx"],"names":[],"mappings":""}

package/dist/components/menu/types.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Type based on what element is used within the MenuItem.
+ * Internally translates the type into what html element to render the MenuItem or SubMenu as.
+ * Defaults to a button element.
+ */
+export type MenuItemType = 'radio' | 'checkbox' | 'switch' | 'none' | 'link' | 'button';
+//# sourceMappingURL=types.d.ts.map

package/dist/components/menu/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,MAAM,YAAY,GACpB,OAAO,GACP,UAAU,GACV,QAAQ,GACR,MAAM,GACN,MAAM,GACN,QAAQ,CAAC"}

package/dist/components/message/index.d.ts

@@ -0,0 +1,3 @@
+export { Message } from './message.js';
+export type { MessageProps } from './message.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/message/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/message/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/message/message.composition.d.ts

@@ -0,0 +1,2 @@
+export declare const BasicMessage: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=message.composition.d.ts.map

package/dist/components/message/message.composition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/message/message.composition.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,+CAcxB,CAAC"}