@cleartrip/talos-vertical-select-menu 2.0.0-TEST.0

package/dist/VerticalSelectMenu.d.ts

@@ -0,0 +1,5 @@
+import { type IWidgetProps } from "@cleartrip/talos-widget-types";
+import { IVerticalSelectMenuProps } from "./type";
+declare const VerticalSelectMenu: ({ data, }: IWidgetProps<IVerticalSelectMenuProps>) => import("react/jsx-runtime").JSX.Element;
+export default VerticalSelectMenu;
+//# sourceMappingURL=VerticalSelectMenu.d.ts.map

package/dist/VerticalSelectMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalSelectMenu.d.ts","sourceRoot":"","sources":["../packages/components/vertical-select-menu/src/VerticalSelectMenu.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAElE,OAAO,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAElD,QAAA,MAAM,kBAAkB,cAErB,aAAa,wBAAwB,CAAC,4CA0BxC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/VerticalSelectMenuItem.d.ts

@@ -0,0 +1,4 @@
+import { IVerticalSelectMenuItemProps } from "./type";
+declare const VerticalSelectMenuItem: ({ data }: IVerticalSelectMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export default VerticalSelectMenuItem;
+//# sourceMappingURL=VerticalSelectMenuItem.d.ts.map

package/dist/VerticalSelectMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalSelectMenuItem.d.ts","sourceRoot":"","sources":["../packages/components/vertical-select-menu/src/VerticalSelectMenuItem.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,4BAA4B,EAAE,MAAM,QAAQ,CAAC;AAEtD,QAAA,MAAM,sBAAsB,aAAc,4BAA4B,4CAyBrE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { default as VerticalSelectMenu } from "./VerticalSelectMenu";
+export { default as VerticalSelectMenuItem } from "./VerticalSelectMenuItem";
+export * from "./type";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../packages/components/vertical-select-menu/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,cAAc,QAAQ,CAAC"}

package/dist/style.d.ts

@@ -0,0 +1,37 @@
+import { Theme } from "@cleartrip/ct-design-components";
+export declare const getVerticalSelectMenuStyle: (theme: Theme) => {
+    root: {
+        backgroundColor: string;
+        borderRadius: "8px";
+        overflow: string;
+        minWidth: number;
+        maxWidth: number;
+    };
+};
+export declare const getVerticalSelectMenuItemStyle: (theme: Theme, hasIcon: boolean) => {
+    menuItemRoot: {
+        paddingTop: "12px";
+        paddingBottom: "12px";
+        paddingLeft: "8px";
+        paddingRight: "8px";
+        "&:hover": {
+            backgroundColor: string;
+            cursor: string;
+            paddingLeft: "16px";
+            boxShadow: string;
+        };
+    };
+    labelContainer: {
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        width: string;
+    };
+    iconContainer: {
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        width: string;
+    };
+};
+//# sourceMappingURL=style.d.ts.map

package/dist/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../packages/components/vertical-select-menu/src/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AAExD,eAAO,MAAM,0BAA0B,UAAW,KAAK;;;;;;;;CAUtD,CAAC;AAEF,eAAO,MAAM,8BAA8B,UAClC,KAAK,WACH,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;CA4BjB,CAAC"}

package/dist/talos-vertical-select-menu.browser.cjs.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),n=require("react/jsx-runtime"),r=require("react"),t=require("@cleartrip/ct-design-components"),i=require("@cleartrip/talos-widget-manager");exports.VerticalSelectMenu=function(o){var a=o.data,s=t.useTheme(),c=(a||{}).options,d=void 0===c?[]:c,l=r.useMemo(function(){return function(e){return{root:{backgroundColor:e.color.background.neutral,borderRadius:e.border.radius[8],overflow:"hidden",minWidth:200,maxWidth:200}}}(s)},[s]);return n.jsx(t.Container,e.__assign({css:l.root},{children:d.map(function(e,r){return n.jsxs(n.Fragment,{children:[n.jsx(i.WidgetGenerator,{type:e.type,data:e.data},r),r!==d.length-1&&d.length>1&&n.jsx(t.Divider,{type:"solid",borderColor:"#E6E6E6"})]})})}))},exports.VerticalSelectMenuItem=function(i){var o,a=i.data,s=t.useTheme(),c=a||{},d=c.label,l=void 0===d?"":d,u=c.suffixIcon,p=void 0===u?{icon:"",color:""}:u,g=null!==(o=null==p?void 0:p.icon)&&void 0!==o?o:"",h=r.useMemo(function(){return function(e,n){return{menuItemRoot:{paddingTop:e.spacing[3],paddingBottom:e.spacing[3],paddingLeft:e.spacing[2],paddingRight:e.spacing[2],"&:hover":{backgroundColor:e.color.background.disabled,cursor:"pointer",paddingLeft:e.spacing[4],boxShadow:"0px 4px 16px 0px #1A1A1A14"}},labelContainer:{display:"flex",alignItems:"center",justifyContent:"space-between",width:n?"80%":"100%"},iconContainer:{display:"flex",alignItems:"center",justifyContent:"center",width:"20%"}}}(s,!!g)},[s,g]);return n.jsxs(t.Container,e.__assign({css:h.menuItemRoot},{children:[n.jsx(t.Container,e.__assign({css:h.labelContainer},{children:n.jsx(t.Typography,e.__assign({variant:t.TypographyVariant.L3,color:t.TypographyColor.LINK},{children:l}))})),g&&n.jsx(t.Container,{css:h.iconContainer})]}))};
+//# sourceMappingURL=talos-vertical-select-menu.browser.cjs.js.map

package/dist/talos-vertical-select-menu.browser.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"talos-vertical-select-menu.browser.cjs.js","sources":["../packages/components/vertical-select-menu/src/VerticalSelectMenu.tsx","../packages/components/vertical-select-menu/src/style.ts","../packages/components/vertical-select-menu/src/VerticalSelectMenuItem.tsx"],"sourcesContent":[null,null,null],"names":["_a","data","theme","useTheme","_b","options","staticStyles","useMemo","root","backgroundColor","color","background","neutral","borderRadius","border","radius","overflow","minWidth","maxWidth","getVerticalSelectMenuStyle","_jsx","jsx","Container","__assign","css","children","map","child","index","_jsxs","WidgetGenerator","type","length","Divider","borderColor","_c","_d","label","_e","suffixIcon","icon","hasIcon","menuItemRoot","paddingTop","spacing","paddingBottom","paddingLeft","paddingRight","disabled","cursor","boxShadow","labelContainer","display","alignItems","justifyContent","width","iconContainer","getVerticalSelectMenuItemStyle","jsxs","Typography","variant","TypographyVariant","L3","TypographyColor","LINK"],"mappings":"2MAU2B,SAACA,GAC1B,IAAAC,EAAID,EAAAC,KAEEC,EAAQC,EAAAA,WACNC,GAAiBH,GAAQ,CAAA,GAAbI,QAAZA,OAAO,IAAAD,EAAG,GAAEA,EACdE,EAAeC,UACnB,WAAM,OCdgC,SAACL,GACzC,MAAO,CACLM,KAAM,CACJC,gBAAiBP,EAAMQ,MAAMC,WAAWC,QACxCC,aAAcX,EAAMY,OAAOC,OAAO,GAClCC,SAAU,SACVC,SAAU,IACVC,SAAU,KAGhB,CDIUC,CAA2BjB,EAAM,EACvC,CAACA,IAEH,OACEkB,EAACC,IAAAC,EAASA,UAACC,EAAAA,SAAA,CAAAC,IAAKlB,EAAaE,MAAI,CAAAiB,SAC9BpB,EAAQqB,IAAI,SAACC,EAAOC,GACnB,OACEC,EAAAA,2BACET,EAAAA,IAACU,EAAAA,iBAECC,KAAMJ,EAAMI,KACZ9B,KAAM0B,EAAM1B,MAFP2B,GAKNA,IAAUvB,EAAQ2B,OAAS,GAAK3B,EAAQ2B,OAAS,GAChDZ,EAAAA,IAACa,EAAAA,SAAQF,KAAK,QAAQG,YAAa,mBAOjD,iCE1B+B,SAAClC,SAAEC,EAAID,EAAAC,KAC9BC,EAAQC,EAAAA,WACRgC,EAAuDlC,GAAQ,CAAE,EAA/DmC,EAAUD,EAAAE,MAAVA,OAAK,IAAAD,EAAG,GAAEA,EAAEE,EAAAH,EAAAI,WAAAA,OAAU,IAAAD,EAAG,CAAEE,KAAM,GAAI9B,MAAO,IAAI4B,EAClDE,EAA2B,QAApBpC,EAAAmC,aAAA,EAAAA,EAAYC,YAAQ,IAAApC,EAAAA,EAAA,GAE3BE,EAAeC,EAAOA,QAC1B,WAAM,ODJoC,SAC5CL,EACAuC,GAEA,MAAO,CACLC,aAAc,CACZC,WAAYzC,EAAM0C,QAAQ,GAC1BC,cAAe3C,EAAM0C,QAAQ,GAC7BE,YAAa5C,EAAM0C,QAAQ,GAC3BG,aAAc7C,EAAM0C,QAAQ,GAC5B,UAAW,CACTnC,gBAAiBP,EAAMQ,MAAMC,WAAWqC,SACxCC,OAAQ,UACRH,YAAa5C,EAAM0C,QAAQ,GAC3BM,UAAW,+BAGfC,eAAgB,CACdC,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAChBC,MAAOd,EAAU,MAAQ,QAE3Be,cAAe,CACbJ,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,MAAO,OAGb,CC1BUE,CAA+BvD,IAASsC,EAAK,EACnD,CAACtC,EAAOsC,IAEV,OACEX,EAAC6B,KAAApC,YAAUC,EAAAA,SAAA,CAAAC,IAAKlB,EAAaoC,cAAY,CAAAjB,SAAA,CACvCL,EAAAA,IAACE,EAAAA,sBAAUE,IAAKlB,EAAa6C,gBAAc,CAAA1B,SACzCL,EAAAA,IAACuC,EAAUA,WAAApC,WAAA,CAACqC,QAASC,oBAAkBC,GAAIpD,MAAOqD,kBAAgBC,gBAC/D3B,QAIJG,GACCpB,EAAAA,IAACE,EAASA,UAAC,CAAAE,IAAKlB,EAAakD,mBAOrC"}

package/dist/talos-vertical-select-menu.browser.esm.js

@@ -0,0 +1,2 @@
+import{__assign as n}from"tslib";import{jsx as o,jsxs as r,Fragment as t}from"react/jsx-runtime";import{useMemo as i}from"react";import{useTheme as e,Container as a,Divider as d,Typography as c,TypographyVariant as l,TypographyColor as p}from"@cleartrip/ct-design-components";import{WidgetGenerator as s}from"@cleartrip/talos-widget-manager";var u=function(c){var l=c.data,p=e(),u=(l||{}).options,m=void 0===u?[]:u,g=i(function(){return function(n){return{root:{backgroundColor:n.color.background.neutral,borderRadius:n.border.radius[8],overflow:"hidden",minWidth:200,maxWidth:200}}}(p)},[p]);return o(a,n({css:g.root},{children:m.map(function(n,i){return r(t,{children:[o(s,{type:n.type,data:n.data},i),i!==m.length-1&&m.length>1&&o(d,{type:"solid",borderColor:"#E6E6E6"})]})})}))},m=function(t){var d,s=t.data,u=e(),m=s||{},g=m.label,f=void 0===g?"":g,h=m.suffixIcon,b=void 0===h?{icon:"",color:""}:h,v=null!==(d=null==b?void 0:b.icon)&&void 0!==d?d:"",x=i(function(){return function(n,o){return{menuItemRoot:{paddingTop:n.spacing[3],paddingBottom:n.spacing[3],paddingLeft:n.spacing[2],paddingRight:n.spacing[2],"&:hover":{backgroundColor:n.color.background.disabled,cursor:"pointer",paddingLeft:n.spacing[4],boxShadow:"0px 4px 16px 0px #1A1A1A14"}},labelContainer:{display:"flex",alignItems:"center",justifyContent:"space-between",width:o?"80%":"100%"},iconContainer:{display:"flex",alignItems:"center",justifyContent:"center",width:"20%"}}}(u,!!v)},[u,v]);return r(a,n({css:x.menuItemRoot},{children:[o(a,n({css:x.labelContainer},{children:o(c,n({variant:l.L3,color:p.LINK},{children:f}))})),v&&o(a,{css:x.iconContainer})]}))};export{u as VerticalSelectMenu,m as VerticalSelectMenuItem};
+//# sourceMappingURL=talos-vertical-select-menu.browser.esm.js.map

package/dist/talos-vertical-select-menu.browser.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"talos-vertical-select-menu.browser.esm.js","sources":["../packages/components/vertical-select-menu/src/style.ts","../packages/components/vertical-select-menu/src/VerticalSelectMenu.tsx","../packages/components/vertical-select-menu/src/VerticalSelectMenuItem.tsx"],"sourcesContent":[null,null,null],"names":["VerticalSelectMenu","_a","data","theme","useTheme","_b","options","staticStyles","useMemo","root","backgroundColor","color","background","neutral","borderRadius","border","radius","overflow","minWidth","maxWidth","getVerticalSelectMenuStyle","_jsx","Container","__assign","css","children","map","child","index","_jsxs","WidgetGenerator","type","length","Divider","borderColor","VerticalSelectMenuItem","_c","_d","label","_e","suffixIcon","icon","hasIcon","menuItemRoot","paddingTop","spacing","paddingBottom","paddingLeft","paddingRight","disabled","cursor","boxShadow","labelContainer","display","alignItems","justifyContent","width","iconContainer","getVerticalSelectMenuItemStyle","Typography","variant","TypographyVariant","L3","TypographyColor","LINK"],"mappings":"sVAEO,ICQDA,EAAqB,SAACC,GAC1B,IAAAC,EAAID,EAAAC,KAEEC,EAAQC,IACNC,GAAiBH,GAAQ,CAAA,GAAbI,QAAZA,OAAO,IAAAD,EAAG,GAAEA,EACdE,EAAeC,EACnB,WAAM,ODdgC,SAACL,GACzC,MAAO,CACLM,KAAM,CACJC,gBAAiBP,EAAMQ,MAAMC,WAAWC,QACxCC,aAAcX,EAAMY,OAAOC,OAAO,GAClCC,SAAU,SACVC,SAAU,IACVC,SAAU,KAGhB,CCIUC,CAA2BjB,EAAM,EACvC,CAACA,IAEH,OACEkB,EAACC,EAAUC,EAAA,CAAAC,IAAKjB,EAAaE,MAAI,CAAAgB,SAC9BnB,EAAQoB,IAAI,SAACC,EAAOC,GACnB,OACEC,eACER,EAACS,GAECC,KAAMJ,EAAMI,KACZ7B,KAAMyB,EAAMzB,MAFP0B,GAKNA,IAAUtB,EAAQ0B,OAAS,GAAK1B,EAAQ0B,OAAS,GAChDX,EAACY,GAAQF,KAAK,QAAQG,YAAa,mBAOjD,EC1BMC,EAAyB,SAAClC,SAAEC,EAAID,EAAAC,KAC9BC,EAAQC,IACRgC,EAAuDlC,GAAQ,CAAE,EAA/DmC,EAAUD,EAAAE,MAAVA,OAAK,IAAAD,EAAG,GAAEA,EAAEE,EAAAH,EAAAI,WAAAA,OAAU,IAAAD,EAAG,CAAEE,KAAM,GAAI9B,MAAO,IAAI4B,EAClDE,EAA2B,QAApBpC,EAAAmC,aAAA,EAAAA,EAAYC,YAAQ,IAAApC,EAAAA,EAAA,GAE3BE,EAAeC,EACnB,WAAM,OFJoC,SAC5CL,EACAuC,GAEA,MAAO,CACLC,aAAc,CACZC,WAAYzC,EAAM0C,QAAQ,GAC1BC,cAAe3C,EAAM0C,QAAQ,GAC7BE,YAAa5C,EAAM0C,QAAQ,GAC3BG,aAAc7C,EAAM0C,QAAQ,GAC5B,UAAW,CACTnC,gBAAiBP,EAAMQ,MAAMC,WAAWqC,SACxCC,OAAQ,UACRH,YAAa5C,EAAM0C,QAAQ,GAC3BM,UAAW,+BAGfC,eAAgB,CACdC,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAChBC,MAAOd,EAAU,MAAQ,QAE3Be,cAAe,CACbJ,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,MAAO,OAGb,CE1BUE,CAA+BvD,IAASsC,EAAK,EACnD,CAACtC,EAAOsC,IAEV,OACEZ,EAACP,EAAUC,EAAA,CAAAC,IAAKjB,EAAaoC,cAAY,CAAAlB,SAAA,CACvCJ,EAACC,KAAUE,IAAKjB,EAAa6C,gBAAc,CAAA3B,SACzCJ,EAACsC,EAAUpC,EAAA,CAACqC,QAASC,EAAkBC,GAAInD,MAAOoD,EAAgBC,gBAC/D1B,QAIJG,GACCpB,EAACC,EAAU,CAAAE,IAAKjB,EAAakD,mBAOrC"}

package/dist/talos-vertical-select-menu.cjs.js

@@ -0,0 +1,71 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var ctDesignComponents = require('@cleartrip/ct-design-components');
+var talosWidgetManager = require('@cleartrip/talos-widget-manager');
+
+var getVerticalSelectMenuStyle = function (theme) {
+    return {
+        root: {
+            backgroundColor: theme.color.background.neutral,
+            borderRadius: theme.border.radius[8],
+            overflow: "hidden",
+            minWidth: 200,
+            maxWidth: 200,
+        },
+    };
+};
+var getVerticalSelectMenuItemStyle = function (theme, hasIcon) {
+    return {
+        menuItemRoot: {
+            paddingTop: theme.spacing[3],
+            paddingBottom: theme.spacing[3],
+            paddingLeft: theme.spacing[2],
+            paddingRight: theme.spacing[2],
+            "&:hover": {
+                backgroundColor: theme.color.background.disabled,
+                cursor: "pointer",
+                paddingLeft: theme.spacing[4],
+                boxShadow: "0px 4px 16px 0px #1A1A1A14",
+            },
+        },
+        labelContainer: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            width: hasIcon ? "80%" : "100%",
+        },
+        iconContainer: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            width: "20%",
+        },
+    };
+};
+
+var VerticalSelectMenu = function (_a) {
+    var data = _a.data;
+    var theme = ctDesignComponents.useTheme();
+    var _b = (data || {}).options, options = _b === void 0 ? [] : _b;
+    var staticStyles = react.useMemo(function () { return getVerticalSelectMenuStyle(theme); }, [theme]);
+    return (jsxRuntime.jsx(ctDesignComponents.Container, tslib.__assign({ css: staticStyles.root }, { children: options.map(function (child, index) {
+            return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(talosWidgetManager.WidgetGenerator, { type: child.type, data: child.data }, index), index !== options.length - 1 && options.length > 1 && (jsxRuntime.jsx(ctDesignComponents.Divider, { type: "solid", borderColor: "#E6E6E6" }))] }));
+        }) })));
+};
+
+var VerticalSelectMenuItem = function (_a) {
+    var _b;
+    var data = _a.data;
+    var theme = ctDesignComponents.useTheme();
+    var _c = data || {}, _d = _c.label, label = _d === void 0 ? "" : _d, _e = _c.suffixIcon, suffixIcon = _e === void 0 ? { icon: "", color: "" } : _e;
+    var icon = (_b = suffixIcon === null || suffixIcon === void 0 ? void 0 : suffixIcon.icon) !== null && _b !== void 0 ? _b : "";
+    var staticStyles = react.useMemo(function () { return getVerticalSelectMenuItemStyle(theme, !!icon); }, [theme, icon]);
+    return (jsxRuntime.jsxs(ctDesignComponents.Container, tslib.__assign({ css: staticStyles.menuItemRoot }, { children: [jsxRuntime.jsx(ctDesignComponents.Container, tslib.__assign({ css: staticStyles.labelContainer }, { children: jsxRuntime.jsx(ctDesignComponents.Typography, tslib.__assign({ variant: ctDesignComponents.TypographyVariant.L3, color: ctDesignComponents.TypographyColor.LINK }, { children: label })) })), icon && (jsxRuntime.jsx(ctDesignComponents.Container, { css: staticStyles.iconContainer }))] })));
+};
+
+exports.VerticalSelectMenu = VerticalSelectMenu;
+exports.VerticalSelectMenuItem = VerticalSelectMenuItem;
+//# sourceMappingURL=talos-vertical-select-menu.cjs.js.map

package/dist/talos-vertical-select-menu.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"talos-vertical-select-menu.cjs.js","sources":["../packages/components/vertical-select-menu/src/style.ts","../packages/components/vertical-select-menu/src/VerticalSelectMenu.tsx","../packages/components/vertical-select-menu/src/VerticalSelectMenuItem.tsx"],"sourcesContent":[null,null,null],"names":["useTheme","useMemo","_jsx","Container","__assign","_jsxs","WidgetGenerator","Divider","Typography","TypographyVariant","TypographyColor"],"mappings":"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"}

package/dist/talos-vertical-select-menu.esm.js

@@ -0,0 +1,68 @@
+import { __assign } from 'tslib';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { useTheme, Container, Divider, Typography, TypographyVariant, TypographyColor } from '@cleartrip/ct-design-components';
+import { WidgetGenerator } from '@cleartrip/talos-widget-manager';
+
+var getVerticalSelectMenuStyle = function (theme) {
+    return {
+        root: {
+            backgroundColor: theme.color.background.neutral,
+            borderRadius: theme.border.radius[8],
+            overflow: "hidden",
+            minWidth: 200,
+            maxWidth: 200,
+        },
+    };
+};
+var getVerticalSelectMenuItemStyle = function (theme, hasIcon) {
+    return {
+        menuItemRoot: {
+            paddingTop: theme.spacing[3],
+            paddingBottom: theme.spacing[3],
+            paddingLeft: theme.spacing[2],
+            paddingRight: theme.spacing[2],
+            "&:hover": {
+                backgroundColor: theme.color.background.disabled,
+                cursor: "pointer",
+                paddingLeft: theme.spacing[4],
+                boxShadow: "0px 4px 16px 0px #1A1A1A14",
+            },
+        },
+        labelContainer: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            width: hasIcon ? "80%" : "100%",
+        },
+        iconContainer: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            width: "20%",
+        },
+    };
+};
+
+var VerticalSelectMenu = function (_a) {
+    var data = _a.data;
+    var theme = useTheme();
+    var _b = (data || {}).options, options = _b === void 0 ? [] : _b;
+    var staticStyles = useMemo(function () { return getVerticalSelectMenuStyle(theme); }, [theme]);
+    return (jsx(Container, __assign({ css: staticStyles.root }, { children: options.map(function (child, index) {
+            return (jsxs(Fragment, { children: [jsx(WidgetGenerator, { type: child.type, data: child.data }, index), index !== options.length - 1 && options.length > 1 && (jsx(Divider, { type: "solid", borderColor: "#E6E6E6" }))] }));
+        }) })));
+};
+
+var VerticalSelectMenuItem = function (_a) {
+    var _b;
+    var data = _a.data;
+    var theme = useTheme();
+    var _c = data || {}, _d = _c.label, label = _d === void 0 ? "" : _d, _e = _c.suffixIcon, suffixIcon = _e === void 0 ? { icon: "", color: "" } : _e;
+    var icon = (_b = suffixIcon === null || suffixIcon === void 0 ? void 0 : suffixIcon.icon) !== null && _b !== void 0 ? _b : "";
+    var staticStyles = useMemo(function () { return getVerticalSelectMenuItemStyle(theme, !!icon); }, [theme, icon]);
+    return (jsxs(Container, __assign({ css: staticStyles.menuItemRoot }, { children: [jsx(Container, __assign({ css: staticStyles.labelContainer }, { children: jsx(Typography, __assign({ variant: TypographyVariant.L3, color: TypographyColor.LINK }, { children: label })) })), icon && (jsx(Container, { css: staticStyles.iconContainer }))] })));
+};
+
+export { VerticalSelectMenu, VerticalSelectMenuItem };
+//# sourceMappingURL=talos-vertical-select-menu.esm.js.map

package/dist/talos-vertical-select-menu.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"talos-vertical-select-menu.esm.js","sources":["../packages/components/vertical-select-menu/src/style.ts","../packages/components/vertical-select-menu/src/VerticalSelectMenu.tsx","../packages/components/vertical-select-menu/src/VerticalSelectMenuItem.tsx"],"sourcesContent":[null,null,null],"names":["_jsx","_jsxs"],"mappings":"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"}