@sk-web-gui/core 3.10.0 → 3.11.0

package/dist/cjs/components/menubar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\n  '.sk-menubar': {\n    '@apply flex flex-row': {},\n    '@apply p-8 gap-16': {},\n    '@apply rounded-cards': {},\n\n    '&[data-background=\"true\"]': {\n      '@apply bg-background-color-mixin-1': {},\n    },\n\n    '&-item': {\n      '@apply inline-block': {},\n      '@apply relative': {},\n      '@apply h-40': {},\n      'a, button': {\n        color: 'unset',\n      },\n\n      '> *:first-child': {\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\n        '@apply cursor-pointer': {},\n        '@apply bg-transparent text-dark-primary': {},\n        '@apply hover:bg-tertiary-surface': {},\n        '@apply font-bold': {},\n        '@apply gap-2 px-14 py-8': {},\n        '@apply h-full min-h-full': {},\n        '@apply inline-flex shrink-0 flex-nowrap': {},\n\n        '@apply border-0': {},\n        '@apply focus-visible:bg-background-content focus-visible:ring': {},\n        '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover), ': {\n          '@apply bg-primary-surface text-light-primary': {},\n          '@apply focus-visible:ring': {},\n        },\n      },\n      ...colors.reduce(\n        (styles, color) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            '> *:first-child': {\n              [`@apply hover:bg-${color}-surface-accent`]: {},\n              [`@apply hover:text-${color}-text-primary`]: {},\n              '@apply focus-visible:bg-background-content focus-visible:ring': {},\n              '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover)': {\n                [`@apply bg-${color}-surface-primary`]: {},\n                '@apply focus-visible:ring': {},\n              },\n            },\n          },\n        }),\n        {}\n      ),\n    },\n  },\n});\n"],"names":["MenuBar","colors","color","reduce","styles"],"mappings":"oGAAaA,iDAAAA,kvCAAN,IAAMA,QAAU,SAACC,cAAsB,CAC5C,cAAe,CACb,uBAAwB,CAAC,EACzB,oBAAqB,CAAC,EACtB,uBAAwB,CAAC,EAEzB,4BAA6B,CAC3B,qCAAsC,CAAC,CACzC,EAEA,SAAU,gBACR,sBAAuB,CAAC,EACxB,kBAAmB,CAAC,EACpB,cAAe,CAAC,EAChB,YAAa,CACXC,MAAO,OACT,EAEA,kBAAmB,CACjB,qEAAsE,CAAC,EACvE,wBAAyB,CAAC,EAC1B,0CAA2C,CAAC,EAC5C,mCAAoC,CAAC,EACrC,mBAAoB,CAAC,EACrB,0BAA2B,CAAC,EAC5B,2BAA4B,CAAC,EAC7B,0CAA2C,CAAC,EAE5C,kBAAmB,CAAC,EACpB,gEAAiE,CAAC,EAClE,2EAA4E,CAC1E,+CAAgD,CAAC,EACjD,4BAA6B,CAAC,CAChC,CACF,GACGD,OAAOE,MAAM,CACd,SAACC,OAAQF,WAOuE,KAJzD,aAHH,uCACfE,QACH,oBAAC,AAAC,iBAAsB,OAANF,MAAM,MAAM,CAC5B,iBAAiB,EAAE,SACjB,iBADiB,MAChB,AAAC,mBAAwB,OAANA,MAAM,mBAAmB,CAAC,GAC9C,iBAFiB,MAEhB,AAAC,qBAA0B,OAANA,MAAM,iBAAiB,CAAC,GAC9C,iBAHiB,MAGjB,gEAAiE,CAAC,oBAHjD,MAIjB,0EAA0E,QACxE,iBADwE,KACvE,AAAC,aAAkB,OAANA,MAAM,oBAAoB,CAAC,GACzC,iBAFwE,KAExE,4BAA6B,CAAC,GAF0C,OAJzD,MASrB,KAEF,CAAC,GAGP,CACF"}
+{"version":3,"sources":["../../../src/components/menubar.ts"],"sourcesContent":["export const MenuBar = (colors: string[]) => ({\n  '.sk-menubar': {\n    '@apply flex flex-row': {},\n    '@apply p-8 gap-16': {},\n    '@apply rounded-cards': {},\n\n    '&[data-background=\"true\"]': {\n      '@apply bg-background-color-mixin-1': {},\n    },\n\n    '&-item': {\n      '@apply inline-block': {},\n      '@apply relative': {},\n      '@apply h-40': {},\n      'a, button': {\n        color: 'unset',\n      },\n\n      '> *:first-child': {\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\n        '@apply cursor-pointer': {},\n        '@apply bg-transparent text-dark-primary': {},\n        '@apply hover:bg-tertiary-surface': {},\n        '@apply font-bold': {},\n        '@apply gap-2 px-14 py-8': {},\n        '@apply h-full min-h-full': {},\n        '@apply inline-flex shrink-0 flex-nowrap': {},\n\n        '@apply border-0': {},\n        '@apply focus-visible:bg-background-content focus-visible:ring': {},\n        '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover), ': {\n          '@apply bg-primary-surface text-light-primary': {},\n          '@apply focus-visible:ring': {},\n        },\n      },\n      ...colors.reduce(\n        (styles, color) => ({\n          ...styles,\n          [`&[data-color=\"${color}\"]`]: {\n            '> *:first-child': {\n              [`@apply hover:bg-${color}-surface-accent`]: {},\n              [`@apply hover:text-${color}-text-primary`]: {},\n              '@apply focus-visible:bg-background-content focus-visible:ring': {},\n              '&[aria-current=\"page\"]:not(:hover),&[aria-selected=\"true\"]:not(:hover)': {\n                [`@apply bg-${color}-surface-primary`]: {},\n                '@apply focus-visible:ring': {},\n              },\n            },\n          },\n        }),\n        {}\n      ),\n    },\n  },\n});\n"],"names":["MenuBar","colors","color","reduce","styles"],"mappings":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAN,IAAMA,UAAU,SAACC;WAAsB;QAC5C,eAAe;YACb,wBAAwB,CAAC;YACzB,qBAAqB,CAAC;YACtB,wBAAwB,CAAC;YAEzB,6BAA6B;gBAC3B,sCAAsC,CAAC;YACzC;YAEA,UAAU;gBACR,uBAAuB,CAAC;gBACxB,mBAAmB,CAAC;gBACpB,eAAe,CAAC;gBAChB,aAAa;oBACXC,OAAO;gBACT;gBAEA,mBAAmB;oBACjB,sEAAsE,CAAC;oBACvE,yBAAyB,CAAC;oBAC1B,2CAA2C,CAAC;oBAC5C,oCAAoC,CAAC;oBACrC,oBAAoB,CAAC;oBACrB,2BAA2B,CAAC;oBAC5B,4BAA4B,CAAC;oBAC7B,2CAA2C,CAAC;oBAE5C,mBAAmB,CAAC;oBACpB,iEAAiE,CAAC;oBAClE,4EAA4E;wBAC1E,gDAAgD,CAAC;wBACjD,6BAA6B,CAAC;oBAChC;gBACF;eACGD,OAAOE,MAAM,CACd,SAACC,QAAQF;oBAOuE,MAJzD;uBAHH,wCACfE,SACH,qBAAC,AAAC,iBAAsB,OAANF,OAAM,OAAM;oBAC5B,iBAAiB,GAAE,YACjB,iBADiB,OAChB,AAAC,mBAAwB,OAANA,OAAM,oBAAmB,CAAC,IAC9C,iBAFiB,OAEhB,AAAC,qBAA0B,OAANA,OAAM,kBAAiB,CAAC,IAC9C,iBAHiB,OAGjB,iEAAiE,CAAC,qBAHjD,OAIjB,2EAA0E,WACxE,iBADwE,MACvE,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC,IACzC,iBAFwE,MAExE,6BAA6B,CAAC,IAF0C,QAJzD;gBASrB;eAEF,CAAC;QAGP;IACF"}

package/dist/cjs/components/modal.js

@@ -1,2 +1,62 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Modal",{enumerable:true,get:function(){return Modal}});var Modal=function(){return{".sk-modal":{"&-wrapper":{"@apply fixed inset-0 z-20 overflow-y-auto":{},"@apply bg-primitives-overlay-darken-6":{},"@apply dark:bg-primitives-overlay-darken-8":{},"&-inner":{"@apply min-h-screen px-4 text-center":{}}},"&-overlay":{"@apply fixed inset-0":{}},"&-trixter":{"@apply inline-block h-screen align-middle":{}},"&-dialog":{"@apply text-dark-secondary":{},"@apply inline-flex flex-col":{},"@apply text-left":{},"@apply align-middle":{},"@apply transition-all transform":{},"@apply rounded-cards":{},"@apply bg-background-content":{},"@apply dark:bg-background-100":{},"@apply px-24 pt-24 pb-40":{},"@apply gap-16":{},"&-header":{"@apply flex justify-between items-center w-full":{},"&-title":{"@apply grow":{},"@apply text-label-medium":{}}}},"&-content":{"@apply flex flex-col":{},"@apply py-8 pb-16 gap-12":{},"h1, h2, h3, h4, h5, h6":{"@apply text-dark-primary":{}}},"&-footer":{"@apply flex flex-row justify-start":{},"@apply p-0 gap-12":{}}}}};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Modal", {
+    enumerable: true,
+    get: function() {
+        return Modal;
+    }
+});
+var Modal = function() {
+    return {
+        '.sk-modal': {
+            '&-wrapper': {
+                '@apply fixed inset-0 z-20 overflow-y-auto': {},
+                '@apply bg-primitives-overlay-darken-6': {},
+                '@apply dark:bg-primitives-overlay-darken-8': {},
+                '&-inner': {
+                    '@apply min-h-screen px-4 text-center': {}
+                }
+            },
+            '&-overlay': {
+                '@apply fixed inset-0': {}
+            },
+            '&-trixter': {
+                '@apply inline-block h-screen align-middle': {}
+            },
+            '&-dialog': {
+                '@apply text-dark-secondary': {},
+                '@apply inline-flex flex-col': {},
+                '@apply text-left': {},
+                '@apply align-middle': {},
+                '@apply transition-all transform': {},
+                '@apply rounded-cards': {},
+                '@apply bg-background-content': {},
+                '@apply dark:bg-background-100': {},
+                '@apply px-24 pt-24 pb-40': {},
+                '@apply gap-16': {},
+                '&-header': {
+                    '@apply flex justify-between items-center w-full': {},
+                    '&-title': {
+                        '@apply grow': {},
+                        '@apply text-label-medium': {}
+                    }
+                }
+            },
+            '&-content': {
+                '@apply flex flex-col': {},
+                '@apply py-8 pb-16 gap-12': {},
+                'h1, h2, h3, h4, h5, h6': {
+                    '@apply text-dark-primary': {}
+                }
+            },
+            '&-footer': {
+                '@apply flex flex-row justify-start': {},
+                '@apply p-0 gap-12': {}
+            }
+        }
+    };
+};
+
 //# sourceMappingURL=modal.js.map

package/dist/cjs/components/modal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/modal.ts"],"sourcesContent":["export const Modal = () => ({\r\n  '.sk-modal': {\r\n    '&-wrapper': {\r\n      '@apply fixed inset-0 z-20 overflow-y-auto': {},\r\n      '@apply bg-primitives-overlay-darken-6': {},\r\n      '@apply dark:bg-primitives-overlay-darken-8': {},\r\n\r\n      '&-inner': {\r\n        '@apply min-h-screen px-4 text-center': {},\r\n      },\r\n    },\r\n\r\n    '&-overlay': {\r\n      '@apply fixed inset-0': {},\r\n    },\r\n\r\n    '&-trixter': {\r\n      '@apply inline-block h-screen align-middle': {},\r\n    },\r\n\r\n    '&-dialog': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply inline-flex flex-col': {},\r\n      '@apply text-left': {},\r\n      '@apply align-middle': {},\r\n      '@apply transition-all transform': {},\r\n      '@apply rounded-cards': {},\r\n      '@apply bg-background-content': {},\r\n      '@apply dark:bg-background-100': {},\r\n      '@apply px-24 pt-24 pb-40': {},\r\n      '@apply gap-16': {},\r\n\r\n      '&-header': {\r\n        '@apply flex justify-between items-center w-full': {},\r\n        '&-title': {\r\n          '@apply grow': {},\r\n          '@apply text-label-medium': {},\r\n        },\r\n      },\r\n    },\r\n    '&-content': {\r\n      '@apply flex flex-col': {},\r\n      '@apply py-8 pb-16 gap-12': {},\r\n      'h1, h2, h3, h4, h5, h6': {\r\n        '@apply text-dark-primary': {},\r\n      },\r\n    },\r\n    '&-footer': {\r\n      '@apply flex flex-row justify-start': {},\r\n      '@apply p-0 gap-12': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Modal"],"mappings":"oGAAaA,+CAAAA,SAAN,IAAMA,MAAQ,iBAAO,CAC1B,YAAa,CACX,YAAa,CACX,4CAA6C,CAAC,EAC9C,wCAAyC,CAAC,EAC1C,6CAA8C,CAAC,EAE/C,UAAW,CACT,uCAAwC,CAAC,CAC3C,CACF,EAEA,YAAa,CACX,uBAAwB,CAAC,CAC3B,EAEA,YAAa,CACX,4CAA6C,CAAC,CAChD,EAEA,WAAY,CACV,6BAA8B,CAAC,EAC/B,8BAA+B,CAAC,EAChC,mBAAoB,CAAC,EACrB,sBAAuB,CAAC,EACxB,kCAAmC,CAAC,EACpC,uBAAwB,CAAC,EACzB,+BAAgC,CAAC,EACjC,gCAAiC,CAAC,EAClC,2BAA4B,CAAC,EAC7B,gBAAiB,CAAC,EAElB,WAAY,CACV,kDAAmD,CAAC,EACpD,UAAW,CACT,cAAe,CAAC,EAChB,2BAA4B,CAAC,CAC/B,CACF,CACF,EACA,YAAa,CACX,uBAAwB,CAAC,EACzB,2BAA4B,CAAC,EAC7B,yBAA0B,CACxB,2BAA4B,CAAC,CAC/B,CACF,EACA,WAAY,CACV,qCAAsC,CAAC,EACvC,oBAAqB,CAAC,CACxB,CACF,CACF"}
+{"version":3,"sources":["../../../src/components/modal.ts"],"sourcesContent":["export const Modal = () => ({\r\n  '.sk-modal': {\r\n    '&-wrapper': {\r\n      '@apply fixed inset-0 z-20 overflow-y-auto': {},\r\n      '@apply bg-primitives-overlay-darken-6': {},\r\n      '@apply dark:bg-primitives-overlay-darken-8': {},\r\n\r\n      '&-inner': {\r\n        '@apply min-h-screen px-4 text-center': {},\r\n      },\r\n    },\r\n\r\n    '&-overlay': {\r\n      '@apply fixed inset-0': {},\r\n    },\r\n\r\n    '&-trixter': {\r\n      '@apply inline-block h-screen align-middle': {},\r\n    },\r\n\r\n    '&-dialog': {\r\n      '@apply text-dark-secondary': {},\r\n      '@apply inline-flex flex-col': {},\r\n      '@apply text-left': {},\r\n      '@apply align-middle': {},\r\n      '@apply transition-all transform': {},\r\n      '@apply rounded-cards': {},\r\n      '@apply bg-background-content': {},\r\n      '@apply dark:bg-background-100': {},\r\n      '@apply px-24 pt-24 pb-40': {},\r\n      '@apply gap-16': {},\r\n\r\n      '&-header': {\r\n        '@apply flex justify-between items-center w-full': {},\r\n        '&-title': {\r\n          '@apply grow': {},\r\n          '@apply text-label-medium': {},\r\n        },\r\n      },\r\n    },\r\n    '&-content': {\r\n      '@apply flex flex-col': {},\r\n      '@apply py-8 pb-16 gap-12': {},\r\n      'h1, h2, h3, h4, h5, h6': {\r\n        '@apply text-dark-primary': {},\r\n      },\r\n    },\r\n    '&-footer': {\r\n      '@apply flex flex-row justify-start': {},\r\n      '@apply p-0 gap-12': {},\r\n    },\r\n  },\r\n});\r\n"],"names":["Modal"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,IAAMA,QAAQ;WAAO;QAC1B,aAAa;YACX,aAAa;gBACX,6CAA6C,CAAC;gBAC9C,yCAAyC,CAAC;gBAC1C,8CAA8C,CAAC;gBAE/C,WAAW;oBACT,wCAAwC,CAAC;gBAC3C;YACF;YAEA,aAAa;gBACX,wBAAwB,CAAC;YAC3B;YAEA,aAAa;gBACX,6CAA6C,CAAC;YAChD;YAEA,YAAY;gBACV,8BAA8B,CAAC;gBAC/B,+BAA+B,CAAC;gBAChC,oBAAoB,CAAC;gBACrB,uBAAuB,CAAC;gBACxB,mCAAmC,CAAC;gBACpC,wBAAwB,CAAC;gBACzB,gCAAgC,CAAC;gBACjC,iCAAiC,CAAC;gBAClC,4BAA4B,CAAC;gBAC7B,iBAAiB,CAAC;gBAElB,YAAY;oBACV,mDAAmD,CAAC;oBACpD,WAAW;wBACT,eAAe,CAAC;wBAChB,4BAA4B,CAAC;oBAC/B;gBACF;YACF;YACA,aAAa;gBACX,wBAAwB,CAAC;gBACzB,4BAA4B,CAAC;gBAC7B,0BAA0B;oBACxB,4BAA4B,CAAC;gBAC/B;YACF;YACA,YAAY;gBACV,sCAAsC,CAAC;gBACvC,qBAAqB,CAAC;YACxB;QACF;IACF"}

package/dist/cjs/components/pagination.js

@@ -1,2 +1,115 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"Pagination",{enumerable:true,get:function(){return Pagination}});var Pagination=function(){return{".sk-pagination":{"@apply select-none":{},"@apply text-base":{},"&-list":{"@apply flex justify-between items-center":{},'.sk-pagination[data-hideprevnextlabel="true"] &':{"@apply w-fit":{}},li:{"@apply min-w-40 text-center":{}},"li:first-child":{"@apply text-left":{}},"li:last-child":{"@apply text-right":{}}},".form-select-wrapper":{"@apply w-fit":{}},"&-pageLabel":{"@apply leading-base cursor-pointer underline text-vattjom-surface-primary":{},"@apply focus-visible:ring ring-ring ring-offset":{},"@apply rounded-full":{},"@apply h-32 w-32":{},"&[aria-current='true']":{"@apply font-bold no-underline text-dark-primary":{}}},"&-prevNextButton":{"@apply text-dark-secondary":{},"&.sk-btn":{"@apply bg-transparent text-dark-secondary font-normal":{},'&.sk-btn-disabled:disabled, .sk-btn[aria-disabled="true"]:disabled':{"@apply bg-transparent !important":{},"@apply text-dark-disabled hover:text-dark-disabled":{},".sk-icon":{"@apply text-dark-disabled hover:text-dark-disabled":{}}},".sk-icon":{"@apply bg-transparent text-dark-secondary":{}},"&:hover":{"@apply text-dark-primary":{},"@apply bg-tertiary-surface-hover":{},".sk-icon":{"@apply text-dark-primary":{}}}},"&[disabled]":{"@apply cursor-default":{}},"&[disabled='false']":{".sk-pagination-prevNextButton-label, .sk-pagination-prevNextButton-icon":{"@apply cursor-pointer":{}}},"&-label":{"@apply hidden sm:inline ml-sm leading-none":{}},"&-icon":{"@apply m-1 leading-none flex items-center":{}}},"&-ellipsis":{"@apply inline-block w-16 text-center":{}},"&.fit-content":{"@apply w-full max-w-full":{},".sk-pagination-list":{"@apply w-full flex justify-center":{},"@apply gap-0 md:gap-24":{},"&-item":{"@apply px-0 grow-0 text-center":{},"&.ellipsis":{"@apply flex-shrink grow-0":{}},"&.prev-next":{"@apply flex-shrink":{},"&.prev":{"@apply text-left":{}},"&.next":{"@apply text-right":{}}},".sk-pagination-pageLabel":{"@apply mx-xs":{}}}},".form-select-wrapper":{"@apply w-full":{}}}}}};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Pagination", {
+    enumerable: true,
+    get: function() {
+        return Pagination;
+    }
+});
+var Pagination = function() {
+    return {
+        '.sk-pagination': {
+            '@apply select-none': {},
+            '@apply text-base': {},
+            '&-list': {
+                '@apply flex justify-between items-center': {},
+                '.sk-pagination[data-hideprevnextlabel="true"] &': {
+                    '@apply w-fit': {}
+                },
+                li: {
+                    '@apply min-w-40 text-center': {}
+                },
+                'li:first-child': {
+                    '@apply text-left': {}
+                },
+                'li:last-child': {
+                    '@apply text-right': {}
+                }
+            },
+            '.form-select-wrapper': {
+                '@apply w-fit': {}
+            },
+            '&-pageLabel': {
+                '@apply leading-base cursor-pointer underline text-vattjom-surface-primary': {},
+                '@apply focus-visible:ring ring-ring ring-offset': {},
+                '@apply rounded-full': {},
+                '@apply h-32 w-32': {},
+                "&[aria-current='true']": {
+                    '@apply font-bold no-underline text-dark-primary': {}
+                }
+            },
+            '&-prevNextButton': {
+                '@apply text-dark-secondary': {},
+                '&.sk-btn': {
+                    '@apply bg-transparent text-dark-secondary font-normal': {},
+                    '&.sk-btn-disabled:disabled, .sk-btn[aria-disabled="true"]:disabled': {
+                        '@apply bg-transparent !important': {},
+                        '@apply text-dark-disabled hover:text-dark-disabled': {},
+                        '.sk-icon': {
+                            '@apply text-dark-disabled hover:text-dark-disabled': {}
+                        }
+                    },
+                    '.sk-icon': {
+                        '@apply bg-transparent text-dark-secondary': {}
+                    },
+                    '&:hover': {
+                        '@apply text-dark-primary': {},
+                        '@apply bg-tertiary-surface-hover': {},
+                        '.sk-icon': {
+                            '@apply text-dark-primary': {}
+                        }
+                    }
+                },
+                '&[disabled]': {
+                    '@apply cursor-default': {}
+                },
+                "&[disabled='false']": {
+                    '.sk-pagination-prevNextButton-label, .sk-pagination-prevNextButton-icon': {
+                        '@apply cursor-pointer': {}
+                    }
+                },
+                '&-label': {
+                    '@apply hidden sm:inline ml-sm leading-none': {}
+                },
+                '&-icon': {
+                    '@apply m-1 leading-none flex items-center': {}
+                }
+            },
+            '&-ellipsis': {
+                '@apply inline-block w-16 text-center': {}
+            },
+            '&.fit-content': {
+                '@apply w-full max-w-full': {},
+                '.sk-pagination-list': {
+                    '@apply w-full flex justify-center': {},
+                    '@apply gap-0 md:gap-24': {},
+                    '&-item': {
+                        '@apply px-0 grow-0 text-center': {},
+                        '&.ellipsis': {
+                            '@apply flex-shrink grow-0': {}
+                        },
+                        '&.prev-next': {
+                            '@apply flex-shrink': {},
+                            '&.prev': {
+                                '@apply text-left': {}
+                            },
+                            '&.next': {
+                                '@apply text-right': {}
+                            }
+                        },
+                        '.sk-pagination-pageLabel': {
+                            '@apply mx-xs': {}
+                        }
+                    }
+                },
+                '.form-select-wrapper': {
+                    '@apply w-full': {}
+                }
+            }
+        }
+    };
+};
+
 //# sourceMappingURL=pagination.js.map

package/dist/cjs/components/pagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/pagination.ts"],"sourcesContent":["export const Pagination = () => ({\r\n  '.sk-pagination': {\r\n    '@apply select-none': {},\r\n    '@apply text-base': {},\r\n\r\n    '&-list': {\r\n      '@apply flex justify-between items-center': {},\r\n\r\n      '.sk-pagination[data-hideprevnextlabel=\"true\"] &': {\r\n        '@apply w-fit': {},\r\n      },\r\n\r\n      li: {\r\n        '@apply min-w-40 text-center': {},\r\n      },\r\n\r\n      'li:first-child': {\r\n        '@apply text-left': {},\r\n      },\r\n\r\n      'li:last-child': {\r\n        '@apply text-right': {},\r\n      },\r\n    },\r\n    '.form-select-wrapper': {\r\n      '@apply w-fit': {},\r\n    },\r\n    '&-pageLabel': {\r\n      '@apply leading-base cursor-pointer underline text-vattjom-surface-primary': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset': {},\r\n      '@apply rounded-full': {},\r\n      '@apply h-32 w-32': {},\r\n      \"&[aria-current='true']\": {\r\n        '@apply font-bold no-underline text-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&-prevNextButton': {\r\n      '@apply text-dark-secondary': {},\r\n\r\n      '&.sk-btn': {\r\n        '@apply bg-transparent text-dark-secondary font-normal': {},\r\n\r\n        '&.sk-btn-disabled:disabled, .sk-btn[aria-disabled=\"true\"]:disabled': {\r\n          '@apply bg-transparent !important': {},\r\n          '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n          '.sk-icon': {\r\n            '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n          },\r\n        },\r\n\r\n        '.sk-icon': {\r\n          '@apply bg-transparent text-dark-secondary': {},\r\n        },\r\n\r\n        '&:hover': {\r\n          '@apply text-dark-primary': {},\r\n          '@apply bg-tertiary-surface-hover': {},\r\n\r\n          '.sk-icon': {\r\n            '@apply text-dark-primary': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&[disabled]': {\r\n        '@apply cursor-default': {},\r\n      },\r\n\r\n      \"&[disabled='false']\": {\r\n        '.sk-pagination-prevNextButton-label, .sk-pagination-prevNextButton-icon': {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply hidden sm:inline ml-sm leading-none': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply m-1 leading-none flex items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-ellipsis': {\r\n      '@apply inline-block w-16 text-center': {},\r\n    },\r\n    '&.fit-content': {\r\n      '@apply w-full max-w-full': {},\r\n      '.sk-pagination-list': {\r\n        '@apply w-full flex justify-center': {},\r\n        '@apply gap-0 md:gap-24': {},\r\n        '&-item': {\r\n          '@apply px-0 grow-0 text-center': {},\r\n          '&.ellipsis': {\r\n            '@apply flex-shrink grow-0': {},\r\n          },\r\n          '&.prev-next': {\r\n            '@apply flex-shrink': {},\r\n            '&.prev': {\r\n              '@apply text-left': {},\r\n            },\r\n            '&.next': {\r\n              '@apply text-right': {},\r\n            },\r\n          },\r\n          '.sk-pagination-pageLabel': {\r\n            '@apply mx-xs': {},\r\n          },\r\n        },\r\n      },\r\n      '.form-select-wrapper': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Pagination","li"],"mappings":"oGAAaA,oDAAAA,cAAN,IAAMA,WAAa,iBAAO,CAC/B,iBAAkB,CAChB,qBAAsB,CAAC,EACvB,mBAAoB,CAAC,EAErB,SAAU,CACR,2CAA4C,CAAC,EAE7C,kDAAmD,CACjD,eAAgB,CAAC,CACnB,EAEAC,GAAI,CACF,8BAA+B,CAAC,CAClC,EAEA,iBAAkB,CAChB,mBAAoB,CAAC,CACvB,EAEA,gBAAiB,CACf,oBAAqB,CAAC,CACxB,CACF,EACA,uBAAwB,CACtB,eAAgB,CAAC,CACnB,EACA,cAAe,CACb,4EAA6E,CAAC,EAC9E,kDAAmD,CAAC,EACpD,sBAAuB,CAAC,EACxB,mBAAoB,CAAC,EACrB,yBAA0B,CACxB,kDAAmD,CAAC,CACtD,CACF,EAEA,mBAAoB,CAClB,6BAA8B,CAAC,EAE/B,WAAY,CACV,wDAAyD,CAAC,EAE1D,qEAAsE,CACpE,mCAAoC,CAAC,EACrC,qDAAsD,CAAC,EACvD,WAAY,CACV,qDAAsD,CAAC,CACzD,CACF,EAEA,WAAY,CACV,4CAA6C,CAAC,CAChD,EAEA,UAAW,CACT,2BAA4B,CAAC,EAC7B,mCAAoC,CAAC,EAErC,WAAY,CACV,2BAA4B,CAAC,CAC/B,CACF,CACF,EAEA,cAAe,CACb,wBAAyB,CAAC,CAC5B,EAEA,sBAAuB,CACrB,0EAA2E,CACzE,wBAAyB,CAAC,CAC5B,CACF,EAEA,UAAW,CACT,6CAA8C,CAAC,CACjD,EAEA,SAAU,CACR,4CAA6C,CAAC,CAChD,CACF,EAEA,aAAc,CACZ,uCAAwC,CAAC,CAC3C,EACA,gBAAiB,CACf,2BAA4B,CAAC,EAC7B,sBAAuB,CACrB,oCAAqC,CAAC,EACtC,yBAA0B,CAAC,EAC3B,SAAU,CACR,iCAAkC,CAAC,EACnC,aAAc,CACZ,4BAA6B,CAAC,CAChC,EACA,cAAe,CACb,qBAAsB,CAAC,EACvB,SAAU,CACR,mBAAoB,CAAC,CACvB,EACA,SAAU,CACR,oBAAqB,CAAC,CACxB,CACF,EACA,2BAA4B,CAC1B,eAAgB,CAAC,CACnB,CACF,CACF,EACA,uBAAwB,CACtB,gBAAiB,CAAC,CACpB,CACF,CACF,CACF"}
+{"version":3,"sources":["../../../src/components/pagination.ts"],"sourcesContent":["export const Pagination = () => ({\r\n  '.sk-pagination': {\r\n    '@apply select-none': {},\r\n    '@apply text-base': {},\r\n\r\n    '&-list': {\r\n      '@apply flex justify-between items-center': {},\r\n\r\n      '.sk-pagination[data-hideprevnextlabel=\"true\"] &': {\r\n        '@apply w-fit': {},\r\n      },\r\n\r\n      li: {\r\n        '@apply min-w-40 text-center': {},\r\n      },\r\n\r\n      'li:first-child': {\r\n        '@apply text-left': {},\r\n      },\r\n\r\n      'li:last-child': {\r\n        '@apply text-right': {},\r\n      },\r\n    },\r\n    '.form-select-wrapper': {\r\n      '@apply w-fit': {},\r\n    },\r\n    '&-pageLabel': {\r\n      '@apply leading-base cursor-pointer underline text-vattjom-surface-primary': {},\r\n      '@apply focus-visible:ring ring-ring ring-offset': {},\r\n      '@apply rounded-full': {},\r\n      '@apply h-32 w-32': {},\r\n      \"&[aria-current='true']\": {\r\n        '@apply font-bold no-underline text-dark-primary': {},\r\n      },\r\n    },\r\n\r\n    '&-prevNextButton': {\r\n      '@apply text-dark-secondary': {},\r\n\r\n      '&.sk-btn': {\r\n        '@apply bg-transparent text-dark-secondary font-normal': {},\r\n\r\n        '&.sk-btn-disabled:disabled, .sk-btn[aria-disabled=\"true\"]:disabled': {\r\n          '@apply bg-transparent !important': {},\r\n          '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n          '.sk-icon': {\r\n            '@apply text-dark-disabled hover:text-dark-disabled': {},\r\n          },\r\n        },\r\n\r\n        '.sk-icon': {\r\n          '@apply bg-transparent text-dark-secondary': {},\r\n        },\r\n\r\n        '&:hover': {\r\n          '@apply text-dark-primary': {},\r\n          '@apply bg-tertiary-surface-hover': {},\r\n\r\n          '.sk-icon': {\r\n            '@apply text-dark-primary': {},\r\n          },\r\n        },\r\n      },\r\n\r\n      '&[disabled]': {\r\n        '@apply cursor-default': {},\r\n      },\r\n\r\n      \"&[disabled='false']\": {\r\n        '.sk-pagination-prevNextButton-label, .sk-pagination-prevNextButton-icon': {\r\n          '@apply cursor-pointer': {},\r\n        },\r\n      },\r\n\r\n      '&-label': {\r\n        '@apply hidden sm:inline ml-sm leading-none': {},\r\n      },\r\n\r\n      '&-icon': {\r\n        '@apply m-1 leading-none flex items-center': {},\r\n      },\r\n    },\r\n\r\n    '&-ellipsis': {\r\n      '@apply inline-block w-16 text-center': {},\r\n    },\r\n    '&.fit-content': {\r\n      '@apply w-full max-w-full': {},\r\n      '.sk-pagination-list': {\r\n        '@apply w-full flex justify-center': {},\r\n        '@apply gap-0 md:gap-24': {},\r\n        '&-item': {\r\n          '@apply px-0 grow-0 text-center': {},\r\n          '&.ellipsis': {\r\n            '@apply flex-shrink grow-0': {},\r\n          },\r\n          '&.prev-next': {\r\n            '@apply flex-shrink': {},\r\n            '&.prev': {\r\n              '@apply text-left': {},\r\n            },\r\n            '&.next': {\r\n              '@apply text-right': {},\r\n            },\r\n          },\r\n          '.sk-pagination-pageLabel': {\r\n            '@apply mx-xs': {},\r\n          },\r\n        },\r\n      },\r\n      '.form-select-wrapper': {\r\n        '@apply w-full': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"names":["Pagination","li"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,IAAMA,aAAa;WAAO;QAC/B,kBAAkB;YAChB,sBAAsB,CAAC;YACvB,oBAAoB,CAAC;YAErB,UAAU;gBACR,4CAA4C,CAAC;gBAE7C,mDAAmD;oBACjD,gBAAgB,CAAC;gBACnB;gBAEAC,IAAI;oBACF,+BAA+B,CAAC;gBAClC;gBAEA,kBAAkB;oBAChB,oBAAoB,CAAC;gBACvB;gBAEA,iBAAiB;oBACf,qBAAqB,CAAC;gBACxB;YACF;YACA,wBAAwB;gBACtB,gBAAgB,CAAC;YACnB;YACA,eAAe;gBACb,6EAA6E,CAAC;gBAC9E,mDAAmD,CAAC;gBACpD,uBAAuB,CAAC;gBACxB,oBAAoB,CAAC;gBACrB,0BAA0B;oBACxB,mDAAmD,CAAC;gBACtD;YACF;YAEA,oBAAoB;gBAClB,8BAA8B,CAAC;gBAE/B,YAAY;oBACV,yDAAyD,CAAC;oBAE1D,sEAAsE;wBACpE,oCAAoC,CAAC;wBACrC,sDAAsD,CAAC;wBACvD,YAAY;4BACV,sDAAsD,CAAC;wBACzD;oBACF;oBAEA,YAAY;wBACV,6CAA6C,CAAC;oBAChD;oBAEA,WAAW;wBACT,4BAA4B,CAAC;wBAC7B,oCAAoC,CAAC;wBAErC,YAAY;4BACV,4BAA4B,CAAC;wBAC/B;oBACF;gBACF;gBAEA,eAAe;oBACb,yBAAyB,CAAC;gBAC5B;gBAEA,uBAAuB;oBACrB,2EAA2E;wBACzE,yBAAyB,CAAC;oBAC5B;gBACF;gBAEA,WAAW;oBACT,8CAA8C,CAAC;gBACjD;gBAEA,UAAU;oBACR,6CAA6C,CAAC;gBAChD;YACF;YAEA,cAAc;gBACZ,wCAAwC,CAAC;YAC3C;YACA,iBAAiB;gBACf,4BAA4B,CAAC;gBAC7B,uBAAuB;oBACrB,qCAAqC,CAAC;oBACtC,0BAA0B,CAAC;oBAC3B,UAAU;wBACR,kCAAkC,CAAC;wBACnC,cAAc;4BACZ,6BAA6B,CAAC;wBAChC;wBACA,eAAe;4BACb,sBAAsB,CAAC;4BACvB,UAAU;gCACR,oBAAoB,CAAC;4BACvB;4BACA,UAAU;gCACR,qBAAqB,CAAC;4BACxB;wBACF;wBACA,4BAA4B;4BAC1B,gBAAgB,CAAC;wBACnB;oBACF;gBACF;gBACA,wBAAwB;oBACtB,iBAAiB,CAAC;gBACpB;YACF;QACF;IACF"}

package/dist/cjs/components/popup-menu.js

@@ -1,2 +1,154 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"PopupMenu",{enumerable:true,get:function(){return PopupMenu}});var PopupMenu=function(){return{".sk-popup-menu":{"@apply hidden":{},'&[data-open="true"]':{"@apply flex":{}},'&[data-position="left"]':{"@apply mt-0 mr-8 right-full":{},'&[data-align="end"]':{"@apply bottom-0":{}},'&[data-align="start"]':{"@apply top-0":{}}},'&[data-position="right"]':{"@apply mt-0 ml-8 left-full":{},'&[data-align="end"]':{"@apply bottom-0":{}},'&[data-align="start"]':{"@apply top-0":{}}},'&[data-position="over"]':{"@apply mt-0 mb-8 bottom-full":{},'&[data-align="end"]':{"@apply right-0":{}},'&[data-align="start"]':{"@apply left-0":{}}},'&[data-position="under"]':{'&[data-align="end"]':{"@apply right-0":{}},'&[data-align="start"]':{"@apply left-0":{}}},"> *":{"@apply max-w-full w-full":{}},"@apply absolute flex-col justify-start items-start mt-8":{},"@apply w-max":{},"@apply rounded-utility":{},"@apply bg-background-100":{},"@apply z-10":{},"@apply p-8 gap-4":{},"@apply shadow-100":{},"@apply border-0":{},"@apply focus-within:border-0":{},"@apply focus:outline-0 focus-visible:outline-0 focus-visible:ring":{},".sk-form-checkbox-label-left .sk-icon":{"@apply right-8":{}},".sk-form-checkbox-label-right .sk-icon":{"@apply left-8":{}},".sk-popup-menu-item":{"@apply list-none":{},"@apply w-full":{},"@apply h-40":{},"@apply min-h-40":{},"@apply bg-transparent hover:bg-menu-item-surface-hover":{},"@apply cursor-pointer":{},"@apply flex flex-row shrink-0":{},"@apply pl-8 pr-8 py-4 gap-12":{},"@apply ring-offset-0":{},"@apply focus-visible:ring ring-ring":{},"@apply rounded-utility":{},"@apply text-body font-normal":{},"> *":{"@apply max-w-full":{}},"&:focus-visible, &:focus-within":{"@apply bg-menu-item-surface-hover":{}},svg:{"@apply w-20 h-20":{}},"@apply justify-start":{},"@apply border-0":{},"@apply items-center":{},"@apply no-underline":{},"&-submenu":{"&-wrapper":{"@apply relative":{}}}},"&-group":{"@apply w-full flex flex-col border-b-1 border-divider pb-4 pt-4 gap-4":{},"&:first-child":{"@apply pt-0":{}},"&:last-child":{"@apply border-0 pb-0":{}}},"&-items":{"@apply w-full":{},"@apply rounded-utility":{},"@apply focus-within:ring ring-ring":{},".sk-popup-menu-item":{"@apply focus-visible:ring-0 ring-transparent ring-offset-0":{},"> *":{"@apply focus-visible:ring-0 ring-transparent ring-offset-0":{}}},"&:focus-within":{".sk-popup-menu-item.active":{"@apply bg-menu-item-surface-hover":{}}}},"&-sm":{"@apply p-8 gap-6":{},".sk-popup-menu-item":{"@apply h-32":{},"@apply min-h-32":{},"@apply gap-10 pl-8 pr-8 py-4":{},"@apply text-small":{},"&-group":{"@apply gap-6 pb-6":{},"> *":{"@apply gap-10 pl-8 pr-8 py-4":{}}},svg:{"@apply w-18 h-18":{}}}},"&.right":{"@apply right-0":{}}}}};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PopupMenu", {
+    enumerable: true,
+    get: function() {
+        return PopupMenu;
+    }
+});
+var PopupMenu = function() {
+    return {
+        '.sk-popup-menu': {
+            '@apply hidden': {},
+            '&[data-open="true"]': {
+                '@apply flex': {}
+            },
+            '&[data-position="left"]': {
+                '@apply mt-0 mr-8 right-full': {},
+                '&[data-align="end"]': {
+                    '@apply bottom-0': {}
+                },
+                '&[data-align="start"]': {
+                    '@apply top-0': {}
+                }
+            },
+            '&[data-position="right"]': {
+                '@apply mt-0 ml-8 left-full': {},
+                '&[data-align="end"]': {
+                    '@apply bottom-0': {}
+                },
+                '&[data-align="start"]': {
+                    '@apply top-0': {}
+                }
+            },
+            '&[data-position="over"]': {
+                '@apply mt-0 mb-8 bottom-full': {},
+                '&[data-align="end"]': {
+                    '@apply right-0': {}
+                },
+                '&[data-align="start"]': {
+                    '@apply left-0': {}
+                }
+            },
+            '&[data-position="under"]': {
+                '&[data-align="end"]': {
+                    '@apply right-0': {}
+                },
+                '&[data-align="start"]': {
+                    '@apply left-0': {}
+                }
+            },
+            '> *': {
+                '@apply max-w-full w-full': {}
+            },
+            '@apply absolute flex-col justify-start items-start mt-8': {},
+            '@apply w-max': {},
+            '@apply rounded-utility': {},
+            '@apply bg-background-100': {},
+            '@apply z-10': {},
+            '@apply p-8 gap-4': {},
+            '@apply shadow-100': {},
+            '@apply border-0': {},
+            '@apply focus-within:border-0': {},
+            '@apply focus:outline-0 focus-visible:outline-0 focus-visible:ring': {},
+            '.sk-form-checkbox-label-left .sk-icon': {
+                '@apply right-8': {}
+            },
+            '.sk-form-checkbox-label-right .sk-icon': {
+                '@apply left-8': {}
+            },
+            '.sk-popup-menu-item': {
+                '@apply list-none': {},
+                '@apply w-full': {},
+                '@apply h-40': {},
+                '@apply min-h-40': {},
+                '@apply bg-transparent hover:bg-menu-item-surface-hover': {},
+                '@apply cursor-pointer': {},
+                '@apply flex flex-row shrink-0': {},
+                '@apply pl-8 pr-8 py-4 gap-12': {},
+                '@apply ring-offset-0': {},
+                '@apply focus-visible:ring ring-ring': {},
+                '@apply rounded-utility': {},
+                '@apply text-body font-normal': {},
+                '> *': {
+                    '@apply max-w-full': {}
+                },
+                '&:focus-visible, &:focus-within': {
+                    '@apply bg-menu-item-surface-hover': {}
+                },
+                svg: {
+                    '@apply w-20 h-20': {}
+                },
+                '@apply justify-start': {},
+                '@apply border-0': {},
+                '@apply items-center': {},
+                '@apply no-underline': {},
+                '&-submenu': {
+                    '&-wrapper': {
+                        '@apply relative': {}
+                    }
+                }
+            },
+            '&-group': {
+                '@apply w-full flex flex-col border-b-1 border-divider pb-4 pt-4 gap-4': {},
+                '&:first-child': {
+                    '@apply pt-0': {}
+                },
+                '&:last-child': {
+                    '@apply border-0 pb-0': {}
+                }
+            },
+            '&-items': {
+                '@apply w-full': {},
+                '@apply rounded-utility': {},
+                '@apply focus-within:ring ring-ring': {},
+                '.sk-popup-menu-item': {
+                    '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},
+                    '> *': {
+                        '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {}
+                    }
+                },
+                '&:focus-within': {
+                    '.sk-popup-menu-item.active': {
+                        '@apply bg-menu-item-surface-hover': {}
+                    }
+                }
+            },
+            '&-sm': {
+                '@apply p-8 gap-6': {},
+                '.sk-popup-menu-item': {
+                    '@apply h-32': {},
+                    '@apply min-h-32': {},
+                    '@apply gap-10 pl-8 pr-8 py-4': {},
+                    '@apply text-small': {},
+                    '&-group': {
+                        '@apply gap-6 pb-6': {},
+                        '> *': {
+                            '@apply gap-10 pl-8 pr-8 py-4': {}
+                        }
+                    },
+                    svg: {
+                        '@apply w-18 h-18': {}
+                    }
+                }
+            },
+            '&.right': {
+                '@apply right-0': {}
+            }
+        }
+    };
+};
+
 //# sourceMappingURL=popup-menu.js.map

package/dist/cjs/components/popup-menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/popup-menu.ts"],"sourcesContent":["export const PopupMenu = () => ({\n  '.sk-popup-menu': {\n    '@apply hidden': {},\n    '&[data-open=\"true\"]': {\n      '@apply flex': {},\n    },\n    '&[data-position=\"left\"]': {\n      '@apply mt-0 mr-8 right-full': {},\n      '&[data-align=\"end\"]': {\n        '@apply bottom-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply top-0': {},\n      },\n    },\n    '&[data-position=\"right\"]': {\n      '@apply mt-0 ml-8 left-full': {},\n      '&[data-align=\"end\"]': {\n        '@apply bottom-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply top-0': {},\n      },\n    },\n    '&[data-position=\"over\"]': {\n      '@apply mt-0 mb-8 bottom-full': {},\n      '&[data-align=\"end\"]': {\n        '@apply right-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply left-0': {},\n      },\n    },\n    '&[data-position=\"under\"]': {\n      '&[data-align=\"end\"]': {\n        '@apply right-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply left-0': {},\n      },\n    },\n    '> *': {\n      '@apply max-w-full w-full': {},\n    },\n\n    '@apply absolute flex-col justify-start items-start mt-8': {},\n    '@apply w-max': {},\n    '@apply rounded-utility': {},\n    '@apply bg-background-100': {},\n    '@apply z-10': {},\n    '@apply p-8 gap-4': {},\n    '@apply shadow-100': {},\n    '@apply border-0': {},\n    '@apply focus-within:border-0': {},\n    '@apply focus:outline-0 focus-visible:outline-0 focus-visible:ring': {},\n    '.sk-form-checkbox-label-left .sk-icon': {\n      '@apply right-8': {},\n    },\n    '.sk-form-checkbox-label-right .sk-icon': {\n      '@apply left-8': {},\n    },\n    '.sk-popup-menu-item': {\n      '@apply list-none': {},\n      '@apply w-full': {},\n      '@apply h-40': {},\n      '@apply min-h-40': {},\n      '@apply bg-transparent hover:bg-menu-item-surface-hover': {},\n      '@apply cursor-pointer': {},\n      '@apply flex flex-row shrink-0': {},\n      '@apply pl-8 pr-8 py-4 gap-12': {},\n      '@apply ring-offset-0': {},\n      '@apply focus-visible:ring ring-ring': {},\n      '@apply rounded-utility': {},\n      '@apply text-body font-normal': {},\n      '> *': {\n        '@apply max-w-full': {},\n      },\n      '&:focus-visible, &:focus-within': {\n        '@apply bg-menu-item-surface-hover': {},\n      },\n      svg: {\n        '@apply w-20 h-20': {},\n      },\n\n      '@apply justify-start': {},\n\n      '@apply border-0': {},\n      '@apply items-center': {},\n      '@apply no-underline': {},\n      '&-submenu': {\n        '&-wrapper': {\n          '@apply relative': {},\n        },\n      },\n    },\n\n    '&-group': {\n      '@apply w-full flex flex-col border-b-1 border-divider pb-4 pt-4 gap-4': {},\n      '&:first-child': {\n        '@apply pt-0': {},\n      },\n      '&:last-child': {\n        '@apply border-0 pb-0': {},\n      },\n    },\n\n    '&-items': {\n      '@apply w-full': {},\n      '@apply rounded-utility': {},\n      '@apply focus-within:ring ring-ring': {},\n      '.sk-popup-menu-item': {\n        '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},\n        '> *': {\n          '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},\n        },\n      },\n      '&:focus-within': {\n        '.sk-popup-menu-item.active': {\n          '@apply bg-menu-item-surface-hover': {},\n        },\n      },\n    },\n\n    '&-sm': {\n      '@apply p-8 gap-6': {},\n\n      '.sk-popup-menu-item': {\n        '@apply h-32': {},\n        '@apply min-h-32': {},\n        '@apply gap-10 pl-8 pr-8 py-4': {},\n\n        '@apply text-small': {},\n        '&-group': {\n          '@apply gap-6 pb-6': {},\n          '> *': {\n            '@apply gap-10 pl-8 pr-8 py-4': {},\n          },\n        },\n        svg: {\n          '@apply w-18 h-18': {},\n        },\n      },\n    },\n    '&.right': {\n      '@apply right-0': {},\n    },\n  },\n});\n"],"names":["PopupMenu","svg"],"mappings":"oGAAaA,mDAAAA,aAAN,IAAMA,UAAY,iBAAO,CAC9B,iBAAkB,CAChB,gBAAiB,CAAC,EAClB,sBAAuB,CACrB,cAAe,CAAC,CAClB,EACA,0BAA2B,CACzB,8BAA+B,CAAC,EAChC,sBAAuB,CACrB,kBAAmB,CAAC,CACtB,EACA,wBAAyB,CACvB,eAAgB,CAAC,CACnB,CACF,EACA,2BAA4B,CAC1B,6BAA8B,CAAC,EAC/B,sBAAuB,CACrB,kBAAmB,CAAC,CACtB,EACA,wBAAyB,CACvB,eAAgB,CAAC,CACnB,CACF,EACA,0BAA2B,CACzB,+BAAgC,CAAC,EACjC,sBAAuB,CACrB,iBAAkB,CAAC,CACrB,EACA,wBAAyB,CACvB,gBAAiB,CAAC,CACpB,CACF,EACA,2BAA4B,CAC1B,sBAAuB,CACrB,iBAAkB,CAAC,CACrB,EACA,wBAAyB,CACvB,gBAAiB,CAAC,CACpB,CACF,EACA,MAAO,CACL,2BAA4B,CAAC,CAC/B,EAEA,0DAA2D,CAAC,EAC5D,eAAgB,CAAC,EACjB,yBAA0B,CAAC,EAC3B,2BAA4B,CAAC,EAC7B,cAAe,CAAC,EAChB,mBAAoB,CAAC,EACrB,oBAAqB,CAAC,EACtB,kBAAmB,CAAC,EACpB,+BAAgC,CAAC,EACjC,oEAAqE,CAAC,EACtE,wCAAyC,CACvC,iBAAkB,CAAC,CACrB,EACA,yCAA0C,CACxC,gBAAiB,CAAC,CACpB,EACA,sBAAuB,CACrB,mBAAoB,CAAC,EACrB,gBAAiB,CAAC,EAClB,cAAe,CAAC,EAChB,kBAAmB,CAAC,EACpB,yDAA0D,CAAC,EAC3D,wBAAyB,CAAC,EAC1B,gCAAiC,CAAC,EAClC,+BAAgC,CAAC,EACjC,uBAAwB,CAAC,EACzB,sCAAuC,CAAC,EACxC,yBAA0B,CAAC,EAC3B,+BAAgC,CAAC,EACjC,MAAO,CACL,oBAAqB,CAAC,CACxB,EACA,kCAAmC,CACjC,oCAAqC,CAAC,CACxC,EACAC,IAAK,CACH,mBAAoB,CAAC,CACvB,EAEA,uBAAwB,CAAC,EAEzB,kBAAmB,CAAC,EACpB,sBAAuB,CAAC,EACxB,sBAAuB,CAAC,EACxB,YAAa,CACX,YAAa,CACX,kBAAmB,CAAC,CACtB,CACF,CACF,EAEA,UAAW,CACT,wEAAyE,CAAC,EAC1E,gBAAiB,CACf,cAAe,CAAC,CAClB,EACA,eAAgB,CACd,uBAAwB,CAAC,CAC3B,CACF,EAEA,UAAW,CACT,gBAAiB,CAAC,EAClB,yBAA0B,CAAC,EAC3B,qCAAsC,CAAC,EACvC,sBAAuB,CACrB,6DAA8D,CAAC,EAC/D,MAAO,CACL,6DAA8D,CAAC,CACjE,CACF,EACA,iBAAkB,CAChB,6BAA8B,CAC5B,oCAAqC,CAAC,CACxC,CACF,CACF,EAEA,OAAQ,CACN,mBAAoB,CAAC,EAErB,sBAAuB,CACrB,cAAe,CAAC,EAChB,kBAAmB,CAAC,EACpB,+BAAgC,CAAC,EAEjC,oBAAqB,CAAC,EACtB,UAAW,CACT,oBAAqB,CAAC,EACtB,MAAO,CACL,+BAAgC,CAAC,CACnC,CACF,EACAA,IAAK,CACH,mBAAoB,CAAC,CACvB,CACF,CACF,EACA,UAAW,CACT,iBAAkB,CAAC,CACrB,CACF,CACF"}
+{"version":3,"sources":["../../../src/components/popup-menu.ts"],"sourcesContent":["export const PopupMenu = () => ({\n  '.sk-popup-menu': {\n    '@apply hidden': {},\n    '&[data-open=\"true\"]': {\n      '@apply flex': {},\n    },\n    '&[data-position=\"left\"]': {\n      '@apply mt-0 mr-8 right-full': {},\n      '&[data-align=\"end\"]': {\n        '@apply bottom-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply top-0': {},\n      },\n    },\n    '&[data-position=\"right\"]': {\n      '@apply mt-0 ml-8 left-full': {},\n      '&[data-align=\"end\"]': {\n        '@apply bottom-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply top-0': {},\n      },\n    },\n    '&[data-position=\"over\"]': {\n      '@apply mt-0 mb-8 bottom-full': {},\n      '&[data-align=\"end\"]': {\n        '@apply right-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply left-0': {},\n      },\n    },\n    '&[data-position=\"under\"]': {\n      '&[data-align=\"end\"]': {\n        '@apply right-0': {},\n      },\n      '&[data-align=\"start\"]': {\n        '@apply left-0': {},\n      },\n    },\n    '> *': {\n      '@apply max-w-full w-full': {},\n    },\n\n    '@apply absolute flex-col justify-start items-start mt-8': {},\n    '@apply w-max': {},\n    '@apply rounded-utility': {},\n    '@apply bg-background-100': {},\n    '@apply z-10': {},\n    '@apply p-8 gap-4': {},\n    '@apply shadow-100': {},\n    '@apply border-0': {},\n    '@apply focus-within:border-0': {},\n    '@apply focus:outline-0 focus-visible:outline-0 focus-visible:ring': {},\n    '.sk-form-checkbox-label-left .sk-icon': {\n      '@apply right-8': {},\n    },\n    '.sk-form-checkbox-label-right .sk-icon': {\n      '@apply left-8': {},\n    },\n    '.sk-popup-menu-item': {\n      '@apply list-none': {},\n      '@apply w-full': {},\n      '@apply h-40': {},\n      '@apply min-h-40': {},\n      '@apply bg-transparent hover:bg-menu-item-surface-hover': {},\n      '@apply cursor-pointer': {},\n      '@apply flex flex-row shrink-0': {},\n      '@apply pl-8 pr-8 py-4 gap-12': {},\n      '@apply ring-offset-0': {},\n      '@apply focus-visible:ring ring-ring': {},\n      '@apply rounded-utility': {},\n      '@apply text-body font-normal': {},\n      '> *': {\n        '@apply max-w-full': {},\n      },\n      '&:focus-visible, &:focus-within': {\n        '@apply bg-menu-item-surface-hover': {},\n      },\n      svg: {\n        '@apply w-20 h-20': {},\n      },\n\n      '@apply justify-start': {},\n\n      '@apply border-0': {},\n      '@apply items-center': {},\n      '@apply no-underline': {},\n      '&-submenu': {\n        '&-wrapper': {\n          '@apply relative': {},\n        },\n      },\n    },\n\n    '&-group': {\n      '@apply w-full flex flex-col border-b-1 border-divider pb-4 pt-4 gap-4': {},\n      '&:first-child': {\n        '@apply pt-0': {},\n      },\n      '&:last-child': {\n        '@apply border-0 pb-0': {},\n      },\n    },\n\n    '&-items': {\n      '@apply w-full': {},\n      '@apply rounded-utility': {},\n      '@apply focus-within:ring ring-ring': {},\n      '.sk-popup-menu-item': {\n        '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},\n        '> *': {\n          '@apply focus-visible:ring-0 ring-transparent ring-offset-0': {},\n        },\n      },\n      '&:focus-within': {\n        '.sk-popup-menu-item.active': {\n          '@apply bg-menu-item-surface-hover': {},\n        },\n      },\n    },\n\n    '&-sm': {\n      '@apply p-8 gap-6': {},\n\n      '.sk-popup-menu-item': {\n        '@apply h-32': {},\n        '@apply min-h-32': {},\n        '@apply gap-10 pl-8 pr-8 py-4': {},\n\n        '@apply text-small': {},\n        '&-group': {\n          '@apply gap-6 pb-6': {},\n          '> *': {\n            '@apply gap-10 pl-8 pr-8 py-4': {},\n          },\n        },\n        svg: {\n          '@apply w-18 h-18': {},\n        },\n      },\n    },\n    '&.right': {\n      '@apply right-0': {},\n    },\n  },\n});\n"],"names":["PopupMenu","svg"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,IAAMA,YAAY;WAAO;QAC9B,kBAAkB;YAChB,iBAAiB,CAAC;YAClB,uBAAuB;gBACrB,eAAe,CAAC;YAClB;YACA,2BAA2B;gBACzB,+BAA+B,CAAC;gBAChC,uBAAuB;oBACrB,mBAAmB,CAAC;gBACtB;gBACA,yBAAyB;oBACvB,gBAAgB,CAAC;gBACnB;YACF;YACA,4BAA4B;gBAC1B,8BAA8B,CAAC;gBAC/B,uBAAuB;oBACrB,mBAAmB,CAAC;gBACtB;gBACA,yBAAyB;oBACvB,gBAAgB,CAAC;gBACnB;YACF;YACA,2BAA2B;gBACzB,gCAAgC,CAAC;gBACjC,uBAAuB;oBACrB,kBAAkB,CAAC;gBACrB;gBACA,yBAAyB;oBACvB,iBAAiB,CAAC;gBACpB;YACF;YACA,4BAA4B;gBAC1B,uBAAuB;oBACrB,kBAAkB,CAAC;gBACrB;gBACA,yBAAyB;oBACvB,iBAAiB,CAAC;gBACpB;YACF;YACA,OAAO;gBACL,4BAA4B,CAAC;YAC/B;YAEA,2DAA2D,CAAC;YAC5D,gBAAgB,CAAC;YACjB,0BAA0B,CAAC;YAC3B,4BAA4B,CAAC;YAC7B,eAAe,CAAC;YAChB,oBAAoB,CAAC;YACrB,qBAAqB,CAAC;YACtB,mBAAmB,CAAC;YACpB,gCAAgC,CAAC;YACjC,qEAAqE,CAAC;YACtE,yCAAyC;gBACvC,kBAAkB,CAAC;YACrB;YACA,0CAA0C;gBACxC,iBAAiB,CAAC;YACpB;YACA,uBAAuB;gBACrB,oBAAoB,CAAC;gBACrB,iBAAiB,CAAC;gBAClB,eAAe,CAAC;gBAChB,mBAAmB,CAAC;gBACpB,0DAA0D,CAAC;gBAC3D,yBAAyB,CAAC;gBAC1B,iCAAiC,CAAC;gBAClC,gCAAgC,CAAC;gBACjC,wBAAwB,CAAC;gBACzB,uCAAuC,CAAC;gBACxC,0BAA0B,CAAC;gBAC3B,gCAAgC,CAAC;gBACjC,OAAO;oBACL,qBAAqB,CAAC;gBACxB;gBACA,mCAAmC;oBACjC,qCAAqC,CAAC;gBACxC;gBACAC,KAAK;oBACH,oBAAoB,CAAC;gBACvB;gBAEA,wBAAwB,CAAC;gBAEzB,mBAAmB,CAAC;gBACpB,uBAAuB,CAAC;gBACxB,uBAAuB,CAAC;gBACxB,aAAa;oBACX,aAAa;wBACX,mBAAmB,CAAC;oBACtB;gBACF;YACF;YAEA,WAAW;gBACT,yEAAyE,CAAC;gBAC1E,iBAAiB;oBACf,eAAe,CAAC;gBAClB;gBACA,gBAAgB;oBACd,wBAAwB,CAAC;gBAC3B;YACF;YAEA,WAAW;gBACT,iBAAiB,CAAC;gBAClB,0BAA0B,CAAC;gBAC3B,sCAAsC,CAAC;gBACvC,uBAAuB;oBACrB,8DAA8D,CAAC;oBAC/D,OAAO;wBACL,8DAA8D,CAAC;oBACjE;gBACF;gBACA,kBAAkB;oBAChB,8BAA8B;wBAC5B,qCAAqC,CAAC;oBACxC;gBACF;YACF;YAEA,QAAQ;gBACN,oBAAoB,CAAC;gBAErB,uBAAuB;oBACrB,eAAe,CAAC;oBAChB,mBAAmB,CAAC;oBACpB,gCAAgC,CAAC;oBAEjC,qBAAqB,CAAC;oBACtB,WAAW;wBACT,qBAAqB,CAAC;wBACtB,OAAO;4BACL,gCAAgC,CAAC;wBACnC;oBACF;oBACAA,KAAK;wBACH,oBAAoB,CAAC;oBACvB;gBACF;YACF;YACA,WAAW;gBACT,kBAAkB,CAAC;YACrB;QACF;IACF"}

package/dist/cjs/components/progress-bar.js

@@ -1,2 +1,83 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"ProgressBar",{enumerable:true,get:function(){return ProgressBar}});function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}var ProgressBar=function(colors){return{".sk-progress-bar":_object_spread_props(_object_spread({"@apply flex h-4 rounded-circular bg-background-color-mixin-2":{},"&-fill":{"@apply rounded-circular":{}}},colors.reduce(function(styles,color){return _object_spread_props(_object_spread({},styles),_define_property({},'&[data-color="'.concat(color,'"]'),{".sk-progress-bar-fill":_define_property({},"@apply bg-".concat(color,"-surface-primary"),{}),'&[data-accent="true"]':_define_property({},"@apply bg-inverted-".concat(color,"-surface-primary"),{})}))},{})),{"&[data-color='tertiary']":{".sk-progress-bar-fill":_define_property({},"@apply bg-primary-surface",{})}})}};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ProgressBar", {
+    enumerable: true,
+    get: function() {
+        return ProgressBar;
+    }
+});
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+var ProgressBar = function(colors) {
+    return {
+        '.sk-progress-bar': _object_spread_props(_object_spread({
+            '@apply flex h-4 rounded-circular bg-background-color-mixin-2': {},
+            '&-fill': {
+                '@apply rounded-circular': {}
+            }
+        }, colors.reduce(function(styles, color) {
+            return _object_spread_props(_object_spread({}, styles), _define_property({}, '&[data-color="'.concat(color, '"]'), {
+                '.sk-progress-bar-fill': _define_property({}, "@apply bg-".concat(color, "-surface-primary"), {}),
+                '&[data-accent="true"]': _define_property({}, "@apply bg-inverted-".concat(color, "-surface-primary"), {})
+            }));
+        }, {})), {
+            "&[data-color='tertiary']": {
+                '.sk-progress-bar-fill': _define_property({}, "@apply bg-primary-surface", {})
+            }
+        })
+    };
+};
+
 //# sourceMappingURL=progress-bar.js.map

package/dist/cjs/components/progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/progress-bar.ts"],"sourcesContent":["export const ProgressBar = (colors: string[]) => ({\n  '.sk-progress-bar': {\n    '@apply flex h-4 rounded-circular bg-background-color-mixin-2': {},\n\n    '&-fill': {\n      '@apply rounded-circular': {},\n    },\n\n    ...colors.reduce(\n      (styles, color) => ({\n        ...styles,\n        [`&[data-color=\"${color}\"]`]: {\n          '.sk-progress-bar-fill': {\n            [`@apply bg-${color}-surface-primary`]: {},\n          },\n\n          '&[data-accent=\"true\"]': {\n            [`@apply bg-inverted-${color}-surface-primary`]: {},\n          },\n        },\n      }),\n      {}\n    ),\n\n    \"&[data-color='tertiary']\": {\n      '.sk-progress-bar-fill': {\n        [`@apply bg-primary-surface`]: {},\n      },\n    },\n  },\n});\n"],"names":["ProgressBar","colors","reduce","styles","color"],"mappings":"oGAAaA,qDAAAA,svCAAN,IAAMA,YAAc,SAACC,cAAsB,CAChD,mBAAoB,qCAClB,+DAAgE,CAAC,EAEjE,SAAU,CACR,0BAA2B,CAAC,CAC9B,GAEGA,OAAOC,MAAM,CACd,SAACC,OAAQC,cAAW,uCACfD,QACH,oBAAC,AAAC,iBAAsB,OAANC,MAAM,MAAM,CAC5B,wBACE,oBAAC,AAAC,aAAkB,OAANA,MAAM,oBAAoB,CAAC,GAG3C,wBACE,oBAAC,AAAC,sBAA2B,OAANA,MAAM,oBAAoB,CAAC,EAEtD,KAEF,CAAC,KAGH,2BAA4B,CAC1B,wBACE,oBAAE,4BAA6B,CAAC,EAEpC,GAEJ"}
+{"version":3,"sources":["../../../src/components/progress-bar.ts"],"sourcesContent":["export const ProgressBar = (colors: string[]) => ({\n  '.sk-progress-bar': {\n    '@apply flex h-4 rounded-circular bg-background-color-mixin-2': {},\n\n    '&-fill': {\n      '@apply rounded-circular': {},\n    },\n\n    ...colors.reduce(\n      (styles, color) => ({\n        ...styles,\n        [`&[data-color=\"${color}\"]`]: {\n          '.sk-progress-bar-fill': {\n            [`@apply bg-${color}-surface-primary`]: {},\n          },\n\n          '&[data-accent=\"true\"]': {\n            [`@apply bg-inverted-${color}-surface-primary`]: {},\n          },\n        },\n      }),\n      {}\n    ),\n\n    \"&[data-color='tertiary']\": {\n      '.sk-progress-bar-fill': {\n        [`@apply bg-primary-surface`]: {},\n      },\n    },\n  },\n});\n"],"names":["ProgressBar","colors","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAN,IAAMA,cAAc,SAACC;WAAsB;QAChD,oBAAoB;YAClB,gEAAgE,CAAC;YAEjE,UAAU;gBACR,2BAA2B,CAAC;YAC9B;WAEGA,OAAOC,MAAM,CACd,SAACC,QAAQC;mBAAW,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;gBAC5B,yBACE,qBAAC,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC;gBAG3C,yBACE,qBAAC,AAAC,sBAA2B,OAANA,OAAM,qBAAoB,CAAC;YAEtD;WAEF,CAAC;YAGH,4BAA4B;gBAC1B,yBACE,qBAAE,6BAA6B,CAAC;YAEpC;;IAEJ"}