@udixio/ui-react 2.9.23 → 2.10.0

package/dist/lib/components/AnchorPositioner.d.ts

@@ -1,6 +1,7 @@
 import { default as React, CSSProperties, RefObject } from 'react';
 import IntrinsicElements = React.JSX.IntrinsicElements;
-export type Position = 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export type PositionKeyword = 'left' | 'center' | 'right' | 'span-left' | 'span-right' | 'x-start' | 'x-end' | 'span-x-start' | 'span-x-end' | 'self-x-start' | 'self-x-end' | 'span-self-x-start' | 'span-self-x-end' | 'top' | 'bottom' | 'span-top' | 'span-bottom' | 'y-start' | 'y-end' | 'span-y-start' | 'span-y-end' | 'self-y-start' | 'self-y-end' | 'span-self-y-start' | 'span-self-y-end' | 'block-start' | 'block-end' | 'span-block-start' | 'span-block-end' | 'inline-start' | 'inline-end' | 'span-inline-start' | 'span-inline-end' | 'self-block-start' | 'self-block-end' | 'span-self-block-start' | 'span-self-block-end' | 'self-inline-start' | 'self-inline-end' | 'span-self-inline-start' | 'span-self-inline-end' | 'start' | 'end' | 'span-start' | 'span-end' | 'self-start' | 'self-end' | 'span-self-start' | 'span-self-end' | 'span-all';
+export type Position = PositionKeyword | `${PositionKeyword} ${PositionKeyword}` | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'right-start' | 'right-end' | 'left-start' | 'left-end';
 export interface AnchorPositionerProps {
     anchorRef: RefObject<HTMLElement | null>;
     position?: Position;

package/dist/lib/components/AnchorPositioner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnchorPositioner.d.ts","sourceRoot":"","sources":["../../../src/lib/components/AnchorPositioner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,SAAS,EAIV,MAAM,OAAO,CAAC;AAGf,OAAO,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC;AAEvD,MAAM,MAAM,QAAQ,GAChB,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,GAAI,wDAM9B,qBAAqB,GAAG,iBAAiB,CAAC,KAAK,CAAC,4CA0GlD,CAAC"}
+{"version":3,"file":"AnchorPositioner.d.ts","sourceRoot":"","sources":["../../../src/lib/components/AnchorPositioner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,SAAS,EAIV,MAAM,OAAO,CAAC;AAGf,OAAO,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC;AAEvD,MAAM,MAAM,eAAe,GACvB,MAAM,GACN,QAAQ,GACR,OAAO,GACP,WAAW,GACX,YAAY,GACZ,SAAS,GACT,OAAO,GACP,cAAc,GACd,YAAY,GACZ,cAAc,GACd,YAAY,GACZ,mBAAmB,GACnB,iBAAiB,GACjB,KAAK,GACL,QAAQ,GACR,UAAU,GACV,aAAa,GACb,SAAS,GACT,OAAO,GACP,cAAc,GACd,YAAY,GACZ,cAAc,GACd,YAAY,GACZ,mBAAmB,GACnB,iBAAiB,GACjB,aAAa,GACb,WAAW,GACX,kBAAkB,GAClB,gBAAgB,GAChB,cAAc,GACd,YAAY,GACZ,mBAAmB,GACnB,iBAAiB,GACjB,kBAAkB,GAClB,gBAAgB,GAChB,uBAAuB,GACvB,qBAAqB,GACrB,mBAAmB,GACnB,iBAAiB,GACjB,wBAAwB,GACxB,sBAAsB,GACtB,OAAO,GACP,KAAK,GACL,YAAY,GACZ,UAAU,GACV,YAAY,GACZ,UAAU,GACV,iBAAiB,GACjB,eAAe,GACf,UAAU,CAAC;AAEf,MAAM,MAAM,QAAQ,GAChB,eAAe,GACf,GAAG,eAAe,IAAI,eAAe,EAAE,GACvC,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,GACd,aAAa,GACb,WAAW,GACX,YAAY,GACZ,UAAU,CAAC;AAEf,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,GAAI,wDAM9B,qBAAqB,GAAG,iBAAiB,CAAC,KAAK,CAAC,4CA+FlD,CAAC"}

package/dist/lib/components/ContextMenu.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { MenuInterface } from '../interfaces';
+import { ReactProps } from '../utils';
+export type ContextMenuProps = {
+    props: {
+        trigger: React.ReactNode;
+    } & MenuInterface['props'];
+    type: 'div';
+    states: {
+        hasGroups: boolean;
+    };
+    elements: [''];
+};
+export declare const ContextMenu: ({ trigger, children, onItemSelect, ...menuProps }: ReactProps<ContextMenuProps>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ContextMenu.d.ts.map

package/dist/lib/components/ContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/lib/components/ContextMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAMtC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE;QAAE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAC7D,IAAI,EAAE,KAAK,CAAC;IACZ,MAAM,EAAE;QACN,SAAS,EAAE,OAAO,CAAC;KACpB,CAAC;IACF,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,mDAKzB,UAAU,CAAC,gBAAgB,CAAC,4CAqF9B,CAAC"}

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

@@ -0,0 +1,16 @@
+import { MenuInterface } from '../interfaces/menu.interface';
+import { ReactProps } from '../utils/component';
+/**
+ * Menu displays a list of choices on a temporary surface.
+ * @status beta
+ * @category Selection
+ * @limitations
+ * - Don’t use MenuGroup in scrollable menus
+ * @devx
+ * - Used internally by `TextField` for `type="select"`.
+ * - Supports keyboard navigation and auto-scrolling to selected item.
+ * @a11y
+ * - `role="listbox"` with `aria-selected` management.
+ */
+export declare const Menu: ({ children, selected, onItemSelect, className, variant, ...restProps }: ReactProps<MenuInterface>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Menu.d.ts.map

package/dist/lib/components/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Menu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAG7D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAMhD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,IAAI,GAAI,wEAOlB,UAAU,CAAC,aAAa,CAAC,4CAmF3B,CAAC"}

package/dist/lib/components/MenuGroup.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { ReactProps } from '../utils/component';
+import { MenuGroupInterface } from '../interfaces/menu-group.interface';
+/**
+ * MenuGroup renders a group of menu items with persistent styling.
+ * It is primarily used to apply grouping logic or context to its children.
+ *
+ * @status beta
+ * @category Selection
+ */
+export declare const MenuGroup: ({ children, className, variant, label, ...restProps }: ReactProps<MenuGroupInterface> & React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MenuGroup.d.ts.map

package/dist/lib/components/MenuGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuGroup.d.ts","sourceRoot":"","sources":["../../../src/lib/components/MenuGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAExE;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,GAAI,uDAMvB,UAAU,CAAC,kBAAkB,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,4CAevE,CAAC"}

package/dist/lib/components/MenuHeadline.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { MenuHeadlineInterface } from '../styles/menu-headline.style';
+import { ReactProps } from '../utils';
+export declare const MenuHeadline: ({ label, children, variant, className, ...restProps }: ReactProps<MenuHeadlineInterface> & {
+    children?: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MenuHeadline.d.ts.map

package/dist/lib/components/MenuHeadline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuHeadline.d.ts","sourceRoot":"","sources":["../../../src/lib/components/MenuHeadline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAwB,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAC5F,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,eAAO,MAAM,YAAY,GAAI,uDAAuD,UAAU,CAAC,qBAAqB,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,4CAGrJ,CAAC"}

package/dist/lib/components/MenuItem.d.ts

@@ -0,0 +1,9 @@
+import { ReactProps } from '../utils';
+import { MenuItemInterface } from '../interfaces/menu-item.interface';
+/**
+ * Single item within a Menu.
+ * @status beta
+ * @category Selection
+ */
+export declare const MenuItem: ({ label, children, value, leadingIcon, trailingIcon, disabled, selected, variant, onClick, onItemSelect, className, ...restProps }: ReactProps<MenuItemInterface>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MenuItem.d.ts.map

package/dist/lib/components/MenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../src/lib/components/MenuItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAMtE;;;;GAIG;AACH,eAAO,MAAM,QAAQ,GAAI,oIAatB,UAAU,CAAC,iBAAiB,CAAC,4CAyK/B,CAAC"}

package/dist/lib/components/TextField.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { ReactProps } from '../utils/component';
 import { TextFieldInterface } from '../interfaces';
 /**
@@ -7,8 +8,11 @@ import { TextFieldInterface } from '../interfaces';
  * @devx
  * - Supports controlled (`value`) and uncontrolled (`defaultValue`) usage.
  * - `multiline` switches to textarea mode.
+ * - `type="select" ` switches to select mode with `options`
  * @a11y
  * - `aria-describedby` links supporting text/error to input.
  */
-export declare const TextField: ({ variant, autoFocus, disabled, errorText, placeholder, suffix, name, label, className, supportingText, trailingIcon, leadingIcon, type, multiline, autoComplete, onChange, value: valueProp, defaultValue, showSupportingText, id: idProp, style, ref, onFocus, onBlur, ...restProps }: ReactProps<TextFieldInterface>) => import("react/jsx-runtime").JSX.Element;
+export declare const TextField: ({ variant, autoFocus, disabled, errorText, placeholder, suffix, name, label, className, supportingText, trailingIcon, leadingIcon, type, multiline, autoComplete, onChange, value: valueProp, defaultValue, showSupportingText, id: idProp, style, ref, onFocus, onBlur, options, children, ...restProps }: ReactProps<TextFieldInterface> & {
+    children?: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TextField.d.ts.map

package/dist/lib/components/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TextField.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS,GAAI,yRA0BvB,UAAU,CAAC,kBAAkB,CAAC,4CAkYhC,CAAC"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAmB3E,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS,GAAI,4SA4BvB,UAAU,CAAC,kBAAkB,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,4CAwfjE,CAAC"}

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

@@ -1,17 +1,21 @@
 export * from './AnchorPositioner';
 export * from './Button';
 export * from './Card';
+export * from './Card';
 export * from './Carousel';
 export * from './CarouselItem';
-export * from './CarouselItem';
 export * from './Checkbox';
 export * from './Chip';
+export * from './ContextMenu';
 export * from './Chips';
 export * from './Divider';
 export * from './Fab';
 export * from './FabMenu';
 export * from './IconButton';
-export * from './IconButton';
+export * from './Menu';
+export * from './MenuItem';
+export * from './MenuGroup';
+export * from './MenuHeadline';
 export * from './ProgressIndicator';
 export * from './Slider';
 export * from './SideSheet';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/index.ts"],"names":[],"mappings":"AACA,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}

package/dist/lib/icon/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/lib/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE,MAAM,MAAM,IAAI,GAAG,cAAc,GAAG,SAAS,GAAG,MAAM,CAAC;AAEvD,UAAU,SAAS;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,KAAK;IACb,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA+FhC,CAAC"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/lib/icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE,MAAM,MAAM,IAAI,GAAG,cAAc,GAAG,SAAS,GAAG,MAAM,CAAC;AAEvD,UAAU,SAAS;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,KAAK;IACb,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmGhC,CAAC"}

package/dist/lib/interfaces/index.d.ts

@@ -9,6 +9,7 @@ export * from './divider.interface';
 export * from './fab.interface';
 export * from './fab-menu.interface';
 export * from './icon-button.interface';
+export * from './menu.interface';
 export * from './progress-indicator.interface';
 export * from './side-sheet.interface';
 export * from './slider.interface';

package/dist/lib/interfaces/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,qBAAqB,CAAC"}

package/dist/lib/interfaces/menu-group.interface.d.ts

@@ -0,0 +1,13 @@
+export interface MenuGroupProps {
+    children: React.ReactNode;
+    className?: string;
+    variant?: 'standard' | 'vibrant';
+    label?: string;
+}
+export interface MenuGroupInterface {
+    type: 'div';
+    props: MenuGroupProps;
+    states: object;
+    elements: ['menuGroup', 'groupLabel'];
+}
+//# sourceMappingURL=menu-group.interface.d.ts.map

package/dist/lib/interfaces/menu-group.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-group.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/menu-group.interface.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,cAAc,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;CACvC"}

package/dist/lib/interfaces/menu-item.interface.d.ts

@@ -0,0 +1,34 @@
+import { ComponentInterface } from '../utils/component';
+export interface MenuItemInterface extends ComponentInterface {
+    value: string | number;
+    label?: string;
+    children?: React.ReactNode;
+    leadingIcon?: any;
+    trailingIcon?: any;
+    disabled?: boolean;
+    selected?: boolean;
+    variant?: 'standard' | 'vibrant';
+    onClick?: (e?: React.MouseEvent) => void;
+    type: 'div';
+    props: {
+        label?: string;
+        value: string | number;
+        leadingIcon?: any;
+        trailingIcon?: any;
+        disabled?: boolean;
+        selected?: boolean;
+        variant?: 'standard' | 'vibrant';
+        onItemSelect?: (value: string | number) => void;
+        children?: React.ReactNode;
+    };
+    states: Record<string, any>;
+    elements: [
+        'menuItem',
+        'selectedItem',
+        'itemLabel',
+        'itemIcon',
+        'leadingIcon',
+        'trailingIcon'
+    ];
+}
+//# sourceMappingURL=menu-item.interface.d.ts.map

package/dist/lib/interfaces/menu-item.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/menu-item.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB;IAC3D,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACjC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAEzC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QACvB,WAAW,CAAC,EAAE,GAAG,CAAC;QAClB,YAAY,CAAC,EAAE,GAAG,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;QACjC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;QAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC5B,CAAC;IACF,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,EAAE;QACR,UAAU;QACV,cAAc;QACd,WAAW;QACX,UAAU;QACV,aAAa;QACb,cAAc;KACf,CAAC;CACH"}

package/dist/lib/interfaces/menu.interface.d.ts

@@ -0,0 +1,17 @@
+export type MenuStates = Record<string, any>;
+export interface MenuProps {
+    children: React.ReactNode;
+    selected?: string | number | (string | number)[];
+    onItemSelect?: (value: string | number) => void;
+    className?: string;
+    variant?: 'standard' | 'vibrant';
+}
+export interface MenuInterface {
+    type: 'div';
+    props: MenuProps;
+    states: {
+        hasGroups: boolean;
+    };
+    elements: ['menu'];
+}
+//# sourceMappingURL=menu.interface.d.ts.map

package/dist/lib/interfaces/menu.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/menu.interface.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE7C,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACjD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;CAGlC;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE;QACN,SAAS,EAAE,OAAO,CAAC;KACpB,CAAC;IACF,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC;CACpB"}

package/dist/lib/interfaces/text-field.interface.d.ts

@@ -19,7 +19,15 @@ type Props = {
     id?: string;
     style?: React.CSSProperties;
     variant?: TextFieldVariant;
-    type?: 'text' | 'password' | 'number' | 'date';
+    options?: Array<{
+        label: string;
+        value: string | number;
+        leadingIcon?: any;
+        trailingIcon?: any;
+        disabled?: boolean;
+        type?: 'divider' | 'headline';
+    }>;
+    type?: 'text' | 'password' | 'number' | 'date' | 'select';
     autoComplete?: 'on' | 'off' | string;
     autoFocus?: boolean;
     multiline?: boolean;

package/dist/lib/interfaces/text-field.interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/text-field.interface.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAErD,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC;IAC5D,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;IAC5E,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC/C,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AACF,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,eAAe,CAAC;IACxB,QAAQ,EAAE;QACR,WAAW;QACX,SAAS;QACT,OAAO;QACP,OAAO;QACP,iBAAiB;QACjB,gBAAgB;QAChB,aAAa;QACb,cAAc;QACd,QAAQ;QACR,YAAY;KACb,CAAC;CACH"}
+{"version":3,"file":"text-field.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/text-field.interface.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAErD,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC;IAC5D,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,GAAG,IAAI,CAAC;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,CAAC;IAC5E,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QACvB,WAAW,CAAC,EAAE,GAAG,CAAC;QAClB,YAAY,CAAC,EAAE,GAAG,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;KAC/B,CAAC,CAAC;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC1D,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AACF,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,eAAe,CAAC;IACxB,QAAQ,EAAE;QACR,WAAW;QACX,SAAS;QACT,OAAO;QACP,OAAO;QACP,iBAAiB;QACjB,gBAAgB;QAChB,aAAa;QACb,cAAc;QACd,QAAQ;QACR,YAAY;KACb,CAAC;CACH"}

package/dist/lib/styles/index.d.ts

@@ -9,6 +9,8 @@ export * from './divider.style';
 export * from './fab.style';
 export * from './fab-menu.style';
 export * from './icon-button.style';
+export * from './menu.style';
+export * from './menu-group.style';
 export * from './progress-indicator.style';
 export * from './side-sheet.style';
 export * from './slider.style';
@@ -20,4 +22,5 @@ export * from './tab-panels.style';
 export * from './text-field.style';
 export * from './tooltip.style';
 export { useButtonStyle } from './button.style';
+export { useMenuStyle } from './menu.style';
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/styles/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC"}

package/dist/lib/styles/menu-group.style.d.ts

@@ -0,0 +1,14 @@
+import { ClassNameComponent } from '../utils';
+import { MenuGroupInterface } from '../interfaces/menu-group.interface';
+export declare const menuGroupStyle: (states: {
+    children: any;
+    className: any;
+    variant: any;
+    label: any;
+} & import('../interfaces/menu-group.interface').MenuGroupProps & object & {
+    className: string | ClassNameComponent<MenuGroupInterface> | undefined;
+}) => Record<"menuGroup" | "groupLabel", string>;
+export declare const useMenuGroupStyle: (states: object & import('../interfaces/menu-group.interface').MenuGroupProps & {
+    className?: string | ClassNameComponent<MenuGroupInterface> | undefined;
+}) => Record<"menuGroup" | "groupLabel", string>;
+//# sourceMappingURL=menu-group.style.d.ts.map

package/dist/lib/styles/menu-group.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-group.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/menu-group.style.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,kBAAkB,EAIxB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAmBxE,eAAO,MAAM,cAAc;;;;;;;gDAG1B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;gDAG7B,CAAC"}

package/dist/lib/styles/menu-headline.style.d.ts

@@ -0,0 +1,19 @@
+import { ClassNameComponent } from '../utils';
+export interface MenuHeadlineInterface {
+    label?: string;
+    variant?: 'standard' | 'vibrant';
+    type: 'div';
+    props: {
+        label?: string;
+        variant?: 'standard' | 'vibrant';
+    };
+    states: Record<string, any>;
+    elements: ['headline'];
+}
+export declare const useMenuHeadlineStyle: (states: Record<string, any> & {
+    label?: string;
+    variant?: "standard" | "vibrant";
+} & {
+    className?: string | ClassNameComponent<MenuHeadlineInterface> | undefined;
+}) => Record<"headline", string>;
+//# sourceMappingURL=menu-headline.style.d.ts.map

package/dist/lib/styles/menu-headline.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-headline.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/menu-headline.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,kBAAkB,EAAsD,MAAM,UAAU,CAAC;AAEvG,MAAM,WAAW,qBAAqB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACjC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;KAAE,CAAC;IAC5D,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC5B,QAAQ,EAAE,CAAC,UAAU,CAAC,CAAC;CAC1B;AASD,eAAO,MAAM,oBAAoB;YAZZ,MAAM;cAAY,UAAU,GAAG,SAAS;;;gCAYsD,CAAC"}

package/dist/lib/styles/menu-item.style.d.ts

@@ -0,0 +1,39 @@
+import { ClassNameComponent } from '../utils';
+import { MenuItemInterface } from '../interfaces/menu-item.interface';
+export declare const menuItemStyle: (states: {
+    label: any;
+    value: any;
+    leadingIcon: any;
+    trailingIcon: any;
+    disabled: any;
+    selected: any;
+    variant: any;
+    onItemSelect: any;
+    children: any;
+} & {
+    label?: string;
+    value: string | number;
+    leadingIcon?: any;
+    trailingIcon?: any;
+    disabled?: boolean;
+    selected?: boolean;
+    variant?: "standard" | "vibrant";
+    onItemSelect?: (value: string | number) => void;
+    children?: React.ReactNode;
+} & Record<string, any> & {
+    className: string | ClassNameComponent<MenuItemInterface> | undefined;
+}) => Record<"leadingIcon" | "trailingIcon" | "selectedItem" | "menuItem" | "itemLabel" | "itemIcon", string>;
+export declare const useMenuItemStyle: (states: Record<string, any> & {
+    label?: string;
+    value: string | number;
+    leadingIcon?: any;
+    trailingIcon?: any;
+    disabled?: boolean;
+    selected?: boolean;
+    variant?: "standard" | "vibrant";
+    onItemSelect?: (value: string | number) => void;
+    children?: React.ReactNode;
+} & {
+    className?: string | ClassNameComponent<MenuItemInterface> | undefined;
+}) => Record<"leadingIcon" | "trailingIcon" | "selectedItem" | "menuItem" | "itemLabel" | "itemIcon", string>;
+//# sourceMappingURL=menu-item.style.d.ts.map

package/dist/lib/styles/menu-item.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/menu-item.style.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,kBAAkB,EAIxB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAuCtE,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;6GAGzB,CAAC;AACF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;6GAG5B,CAAC"}

package/dist/lib/styles/menu.style.d.ts

@@ -0,0 +1,19 @@
+import { ClassNameComponent } from '../utils';
+import { MenuInterface } from '../interfaces';
+export declare const menuStyle: (states: {
+    children: any;
+    selected: any;
+    onItemSelect: any;
+    className: any;
+    variant: any;
+} & import('..').MenuProps & {
+    hasGroups: boolean;
+} & {
+    className: string | ClassNameComponent<MenuInterface> | undefined;
+}) => Record<"menu", string>;
+export declare const useMenuStyle: (states: {
+    hasGroups: boolean;
+} & import('..').MenuProps & {
+    className?: string | ClassNameComponent<MenuInterface> | undefined;
+}) => Record<"menu", string>;
+//# sourceMappingURL=menu.style.d.ts.map

package/dist/lib/styles/menu.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/menu.style.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,kBAAkB,EAIxB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAoB9C,eAAO,MAAM,SAAS;;;;;;;;;;4BAAuD,CAAC;AAE9E,eAAO,MAAM,YAAY;;;;4BAGxB,CAAC"}

package/dist/lib/styles/text-field.style.d.ts

@@ -18,6 +18,7 @@ export declare const textFieldStyle: (states: {
     id: any;
     style: any;
     variant: any;
+    options: any;
     type: any;
     autoComplete: any;
     autoFocus: any;
@@ -41,7 +42,15 @@ export declare const textFieldStyle: (states: {
     id?: string;
     style?: React.CSSProperties;
     variant?: import('..').TextFieldVariant;
-    type?: "text" | "password" | "number" | "date";
+    options?: Array<{
+        label: string;
+        value: string | number;
+        leadingIcon?: any;
+        trailingIcon?: any;
+        disabled?: boolean;
+        type?: "divider" | "headline";
+    }>;
+    type?: "text" | "password" | "number" | "date" | "select";
     autoComplete?: "on" | "off" | string;
     autoFocus?: boolean;
     multiline?: boolean;
@@ -67,7 +76,15 @@ export declare const useTextFieldStyle: (states: import('..').TextFieldStates &
     id?: string;
     style?: React.CSSProperties;
     variant?: import('..').TextFieldVariant;
-    type?: "text" | "password" | "number" | "date";
+    options?: Array<{
+        label: string;
+        value: string | number;
+        leadingIcon?: any;
+        trailingIcon?: any;
+        disabled?: boolean;
+        type?: "divider" | "headline";
+    }>;
+    type?: "text" | "password" | "number" | "date" | "select";
     autoComplete?: "on" | "off" | string;
     autoFocus?: boolean;
     multiline?: boolean;

package/dist/lib/styles/text-field.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/text-field.style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,KAAK,kBAAkB,EAIxB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAmGnD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mKAG1B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;mKAG7B,CAAC"}
+{"version":3,"file":"text-field.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/text-field.style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,KAAK,kBAAkB,EAIxB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAmGnD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA3ErB,CAAL;oBAAuB,CAAC;gBAAmB,CAAC;YACtC,CAAC;;;;;;;;;;mKA6EP,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;mBAhFxB,CAAL;oBAAuB,CAAC;gBAAmB,CAAC;YACtC,CAAC;;;;;;;;;;mKAkFP,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@udixio/ui-react",
-  "version": "2.9.23",
+  "version": "2.10.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/src/lib/components/AnchorPositioner.tsx

@@ -5,19 +5,73 @@ import React, {
   useLayoutEffect,
   useState,
 } from 'react';
-import { SyncedFixedWrapper } from '../effects';
 import { createPortal } from 'react-dom';
+import { SyncedFixedWrapper } from '../effects';
 import IntrinsicElements = React.JSX.IntrinsicElements;
 
-export type Position =
-  | 'top'
-  | 'bottom'
+export type PositionKeyword =
   | 'left'
+  | 'center'
   | 'right'
+  | 'span-left'
+  | 'span-right'
+  | 'x-start'
+  | 'x-end'
+  | 'span-x-start'
+  | 'span-x-end'
+  | 'self-x-start'
+  | 'self-x-end'
+  | 'span-self-x-start'
+  | 'span-self-x-end'
+  | 'top'
+  | 'bottom'
+  | 'span-top'
+  | 'span-bottom'
+  | 'y-start'
+  | 'y-end'
+  | 'span-y-start'
+  | 'span-y-end'
+  | 'self-y-start'
+  | 'self-y-end'
+  | 'span-self-y-start'
+  | 'span-self-y-end'
+  | 'block-start'
+  | 'block-end'
+  | 'span-block-start'
+  | 'span-block-end'
+  | 'inline-start'
+  | 'inline-end'
+  | 'span-inline-start'
+  | 'span-inline-end'
+  | 'self-block-start'
+  | 'self-block-end'
+  | 'span-self-block-start'
+  | 'span-self-block-end'
+  | 'self-inline-start'
+  | 'self-inline-end'
+  | 'span-self-inline-start'
+  | 'span-self-inline-end'
+  | 'start'
+  | 'end'
+  | 'span-start'
+  | 'span-end'
+  | 'self-start'
+  | 'self-end'
+  | 'span-self-start'
+  | 'span-self-end'
+  | 'span-all';
+
+export type Position =
+  | PositionKeyword
+  | `${PositionKeyword} ${PositionKeyword}`
   | 'top-left'
   | 'top-right'
   | 'bottom-left'
-  | 'bottom-right';
+  | 'bottom-right'
+  | 'right-start'
+  | 'right-end'
+  | 'left-start'
+  | 'left-end';
 
 export interface AnchorPositionerProps {
   anchorRef: RefObject<HTMLElement | null>;
@@ -58,24 +112,13 @@ export const AnchorPositioner = ({
   }, [supportsAnchor, anchorRef, anchorName]);
 
   if (supportsAnchor) {
-    const positionAreaMap: Record<Position, string> = {
-      top: 'top',
-      bottom: 'bottom',
-      left: 'left',
-      right: 'right',
-      'top-left': 'top left',
-      'top-right': 'top right',
-      'bottom-left': 'bottom left',
-      'bottom-right': 'bottom right',
-    };
-
     const floatingStyles: CSSProperties = {
       position: 'fixed',
       margin: 0,
       zIndex: 9999,
       positionAnchor: anchorName,
-      positionArea: positionAreaMap[position],
-      positionTryFallbacks: 'flip-block, flip-inline',
+      positionArea: position,
+      positionTryFallbacks: 'flip-block, flip-inline', // Correct CSS prop
       ...style,
     } as any;