@sk-web-gui/core 0.1.92 → 0.1.93

package/dist/cjs/units.js

@@ -0,0 +1,250 @@
+module.exports = {
+  spacing: {
+    0: 'var(--sk-spacing-0)',
+    2: 'var(--sk-spacing-2)',
+    4: 'var(--sk-spacing-4)',
+    6: 'var(--sk-spacing-6)',
+    8: 'var(--sk-spacing-8)',
+    10: 'var(--sk-spacing-10)',
+    12: 'var(--sk-spacing-12)',
+    14: 'var(--sk-spacing-14)',
+    16: 'var(--sk-spacing-16)',
+    18: 'var(--sk-spacing-18)',
+    20: 'var(--sk-spacing-20)',
+    24: 'var(--sk-spacing-24)',
+    32: 'var(--sk-spacing-32)',
+    40: 'var(--sk-spacing-40)',
+    48: 'var(--sk-spacing-48)',
+    56: 'var(--sk-spacing-56)',
+    64: 'var(--sk-spacing-64)',
+    72: 'var(--sk-spacing-72)',
+    80: 'var(--sk-spacing-80)'
+  },
+  fontSizes: {
+    'display-1': ['var(--sk-fontSize-display-1-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-display-1-DEFAULT)',
+      fontWeight: 700
+    }],
+    'display-1-lg': ['var(--sk-fontSize-display-1-lg)', {
+      lineHeight: 'var(--sk-lineHeight-display-1-lg)',
+      fontWeight: 700
+    }],
+    'display-1-md': ['var(--sk-fontSize-display-1-md)', {
+      lineHeight: 'var(--sk-lineHeight-display-1-md)',
+      fontWeight: 700
+    }],
+    'display-1-sm': ['var(--sk-fontSize-display-1-sm)', {
+      lineHeight: 'var(--sk-lineHeight-display-1-sm)',
+      fontWeight: 700
+    }],
+    'display-2': ['var(--sk-fontSize-display-2-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-display-2-DEFAULT)',
+      fontWeight: 700
+    }],
+    'display-2-lg': ['var(--sk-fontSize-display-2-lg)', {
+      lineHeight: 'var(--sk-lineHeight-display-2-lg)',
+      fontWeight: 700
+    }],
+    'display-2-md': ['var(--sk-fontSize-display-2-md)', {
+      lineHeight: 'var(--sk-lineHeight-display-2-md)',
+      fontWeight: 700
+    }],
+    'display-2-sm': ['var(--sk-fontSize-display-2-sm)', {
+      lineHeight: 'var(--sk-lineHeight-display-2-sm)',
+      fontWeight: 700
+    }],
+    'display-3': ['var(--sk-fontSize-display-3-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-display-3-DEFAULT)',
+      fontWeight: 700
+    }],
+    'display-3-lg': ['var(--sk-fontSize-display-3-lg)', {
+      lineHeight: 'var(--sk-lineHeight-display-3-lg)',
+      fontWeight: 700
+    }],
+    'display-3-md': ['var(--sk-fontSize-display-3-md)', {
+      lineHeight: 'var(--sk-lineHeight-display-3-md)',
+      fontWeight: 700
+    }],
+    'display-3-sm': ['var(--sk-fontSize-display-3-sm)', {
+      lineHeight: 'var(--sk-lineHeight-display-3-sm)',
+      fontWeight: 700
+    }],
+    h1: ['var(--sk-fontSize-h-1-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-h-1-DEFAULT)',
+      fontWeight: 700
+    }],
+    'h1-lg': ['var(--sk-fontSize-h-1-lg)', {
+      lineHeight: 'var(--sk-lineHeight-h-1-lg)',
+      fontWeight: 700
+    }],
+    'h1-md': ['var(--sk-fontSize-h-1-md)', {
+      lineHeight: 'var(--sk-lineHeight-h-1-md)',
+      fontWeight: 700
+    }],
+    'h1-sm': ['var(--sk-fontSize-h-1-sm)', {
+      lineHeight: 'var(--sk-lineHeight-h-1-sm)',
+      fontWeight: 700
+    }],
+    h2: ['var(--sk-fontSize-h-2-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-h-2-DEFAULT)',
+      fontWeight: 700
+    }],
+    'h2-lg': ['var(--sk-fontSize-h-2-lg)', {
+      lineHeight: 'var(--sk-lineHeight-h-2-lg)',
+      fontWeight: 700
+    }],
+    'h2-md': ['var(--sk-fontSize-h-2-md)', {
+      lineHeight: 'var(--sk-lineHeight-h-2-md)',
+      fontWeight: 700
+    }],
+    'h2-sm': ['var(--sk-fontSize-h-2-sm)', {
+      lineHeight: 'var(--sk-lineHeight-h-2-sm)',
+      fontWeight: 700
+    }],
+    h3: ['var(--sk-fontSize-h-3-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-h-3-DEFAULT)',
+      fontWeight: 700
+    }],
+    'h3-lg': ['var(--sk-fontSize-h-3-lg)', {
+      lineHeight: 'var(--sk-lineHeight-h-3-lg)',
+      fontWeight: 700
+    }],
+    'h3-md': ['var(--sk-fontSize-h-3-md)', {
+      lineHeight: 'var(--sk-lineHeight-h-3-md)',
+      fontWeight: 700
+    }],
+    'h3-sm': ['var(--sk-fontSize-h-3-sm)', {
+      lineHeight: 'var(--sk-lineHeight-h-3-sm)',
+      fontWeight: 700
+    }],
+    h4: ['var(--sk-fontSize-h-4-DEFAULT)', {
+      lineHeight: 'var(--sk-lineHeight-h-4-DEFAULT)',
+      fontWeight: 700
+    }],
+    'h4-lg': ['var(--sk-fontSize-h-4-lg)', {
+      lineHeight: 'var(--sk-lineHeight-h-4-lg)',
+      fontWeight: 700
+    }],
+    'h4-md': ['var(--sk-fontSize-h-4-md)', {
+      lineHeight: 'var(--sk-lineHeight-h-4-md)',
+      fontWeight: 700
+    }],
+    'h4-sm': ['var(--sk-fontSize-h-4-sm)', {
+      lineHeight: 'var(--sk-lineHeight-h-4-sm)',
+      fontWeight: 700
+    }],
+    'label-large': ['var(--sk-fontSize-label-large)', {
+      lineHeight: 'var(--sk-lineHeight-label-large)',
+      fontWeight: 700
+    }],
+    'label-medium': ['var(--sk-fontSize-label-medium)', {
+      lineHeight: 'var(--sk-lineHeight-label-medium)',
+      fontWeight: 700
+    }],
+    'label-small': ['var(--sk-fontSize-label-small)', {
+      lineHeight: 'var(--sk-lineHeight-label-small)',
+      fontWeight: 700
+    }],
+    'input-large': ['var(--sk-fontSize-input-large)', {
+      lineHeight: 'var(--sk-lineHeight-input-large)',
+      fontWeight: 400
+    }],
+    'input-medium': ['var(--sk-fontSize-input-medium)', {
+      lineHeight: 'var(--sk-lineHeight-input-medium)',
+      fontWeight: 400
+    }],
+    'input-small': ['var(--sk-fontSize-input-small)', {
+      lineHeight: 'var(--sk-lineHeight-input-small)',
+      fontWeight: 400
+    }],
+    lead: ['var(--sk-fontSize-lead)', 'var(--sk-lineHeight-lead)'],
+    base: ['var(--sk-fontSize-base)', 'var(--sk-lineHeight-base)'],
+    large: ['var(--sk-fontSize-large)', 'var(--sk-lineHeight-large)'],
+    small: ['var(--sk-fontSize-small)', 'var(--sk-lineHeight-small)']
+  },
+  lineHeights: {
+    'display-1': 'var(--sk-lineHeight-display-1-DEFAULT)',
+    'display-1-lg': 'var(--sk-lineHeight-display-1-lg)',
+    'display-1-md': 'var(--sk-lineHeight-display-1-md)',
+    'display-1-sm': 'var(--sk-lineHeight-display-1-sm)',
+    'display-2': 'var(--sk-lineHeight-display-2-DEFAULT)',
+    'display-2-lg': 'var(--sk-lineHeight-display-2-lg)',
+    'display-2-md': 'var(--sk-lineHeight-display-2-md)',
+    'display-2-sm': 'var(--sk-lineHeight-display-2-sm)',
+    'display-3': 'var(--sk-lineHeight-display-3-DEFAULT)',
+    'display-3-lg': 'var(--sk-lineHeight-display-3-lg)',
+    'display-3-md': 'var(--sk-lineHeight-display-3-md)',
+    'display-3-sm': 'var(--sk-lineHeight-display-3-sm)',
+    h1: 'var(--sk-lineHeight-h-1-DEFAULT)',
+    'h1-lg': 'var(--sk-lineHeight-h-1-lg)',
+    'h1-md': 'var(--sk-lineHeight-h-1-md)',
+    'h1-sm': 'var(--sk-lineHeight-h-1-sm)',
+    h2: 'var(--sk-lineHeight-h-2-DEFAULT)',
+    'h2-lg': 'var(--sk-lineHeight-h-2-lg)',
+    'h2-md': 'var(--sk-lineHeight-h-2-md)',
+    'h2-sm': 'var(--sk-lineHeight-h-2-sm)',
+    h3: 'var(--sk-lineHeight-h-3-DEFAULT)',
+    'h3-lg': 'var(--sk-lineHeight-h-3-lg)',
+    'h3-md': 'var(--sk-lineHeight-h-3-md)',
+    'h3-sm': 'var(--sk-lineHeight-h-3-sm)',
+    h4: 'var(--sk-lineHeight-h-4-DEFAULT)',
+    'h4-lg': 'var(--sk-lineHeight-h-4-lg)',
+    'h4-md': 'var(--sk-lineHeight-h-4-md)',
+    'h4-sm': 'var(--sk-lineHeight-h-4-sm)',
+    'label-large': 'var(--sk-lineHeight-label-large)',
+    'label-medium': 'var(--sk-lineHeight-label-medium)',
+    'label-small': 'var(--sk-lineHeight-label-small)',
+    'input-large': 'var(--sk-lineHeight-input-large)',
+    'input-medium': 'var(--sk-lineHeight-input-medium)',
+    'input-small': 'var(--sk-lineHeight-input-small)',
+    lead: 'var(--sk-lineHeight-lead)',
+    base: 'var(--sk-lineHeight-base)',
+    large: 'var(--sk-lineHeight-large)',
+    small: 'var(--sk-lineHeight-small)'
+  },
+  radius: {
+    DEFAULT: 'var(--sk-radius-utility-DEFAULT)',
+    full: 'var(--sk-radius-circular-DEFAULT)',
+    none: 'var(--sk-spacing-0)',
+    circular: 'var(--sk-radius-circular-DEFAULT)',
+    'circular-lg': 'var(--sk-radius-circular-lg)',
+    'circular-md': 'var(--sk-radius-circular-md)',
+    'circular-sm': 'var(--sk-radius-circular-sm)',
+    button: 'var(--sk-radius-button-DEFAULT)',
+    'button-lg': 'var(--sk-radius-button-lg)',
+    'button-md': 'var(--sk-radius-button-md)',
+    'button-sm': 'var(--sk-radius-button-sm)',
+    cards: 'var(--sk-radius-cards-DEFAULT)',
+    'cards-lg': 'var(--sk-radius-cards-lg)',
+    'cards-md': 'var(--sk-radius-cards-md)',
+    'cards-sm': 'var(--sk-radius-cards-sm)',
+    utility: 'var(--sk-radius-utility-DEFAULT)',
+    'utility-lg': 'var(--sk-radius-utility-lg)',
+    'utility-md': 'var(--sk-radius-utility-md)',
+    'utility-sm': 'var(--sk-radius-utility-sm)',
+    groups: 'var(--sk-radius-groups-DEFAULT)',
+    'groups-lg': 'var(--sk-radius-groups-lg)',
+    'groups-md': 'var(--sk-radius-groups-md)',
+    'groups-sm': 'var(--sk-radius-groups-sm)',
+    0: 'var(--sk-spacing-0)',
+    2: 'var(--sk-spacing-2)',
+    4: 'var(--sk-spacing-4)',
+    6: 'var(--sk-spacing-6)',
+    8: 'var(--sk-spacing-8)',
+    10: 'var(--sk-spacing-10)',
+    12: 'var(--sk-spacing-12)',
+    14: 'var(--sk-spacing-14)',
+    16: 'var(--sk-spacing-16)',
+    18: 'var(--sk-spacing-18)',
+    20: 'var(--sk-spacing-20)',
+    24: 'var(--sk-spacing-24)',
+    32: 'var(--sk-spacing-32)',
+    40: 'var(--sk-spacing-40)',
+    48: 'var(--sk-spacing-48)',
+    56: 'var(--sk-spacing-56)',
+    64: 'var(--sk-spacing-64)',
+    72: 'var(--sk-spacing-72)',
+    80: 'var(--sk-spacing-80)'
+  }
+};
+//# sourceMappingURL=units.js.map

package/dist/cjs/units.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"units.js","names":["module","exports","spacing","fontSizes","lineHeight","fontWeight","h1","h2","h3","h4","lead","base","large","small","lineHeights","radius","DEFAULT","full","none","circular","button","cards","utility","groups"],"sources":["../../src/units.js"],"sourcesContent":["module.exports = {\r\n  spacing: {\r\n    0: 'var(--sk-spacing-0)',\r\n    2: 'var(--sk-spacing-2)',\r\n    4: 'var(--sk-spacing-4)',\r\n    6: 'var(--sk-spacing-6)',\r\n    8: 'var(--sk-spacing-8)',\r\n    10: 'var(--sk-spacing-10)',\r\n    12: 'var(--sk-spacing-12)',\r\n    14: 'var(--sk-spacing-14)',\r\n    16: 'var(--sk-spacing-16)',\r\n    18: 'var(--sk-spacing-18)',\r\n    20: 'var(--sk-spacing-20)',\r\n    24: 'var(--sk-spacing-24)',\r\n    32: 'var(--sk-spacing-32)',\r\n    40: 'var(--sk-spacing-40)',\r\n    48: 'var(--sk-spacing-48)',\r\n    56: 'var(--sk-spacing-56)',\r\n    64: 'var(--sk-spacing-64)',\r\n    72: 'var(--sk-spacing-72)',\r\n    80: 'var(--sk-spacing-80)',\r\n  },\r\n\r\n  fontSizes: {\r\n    'display-1': [\r\n      'var(--sk-fontSize-display-1-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-DEFAULT)', fontWeight: 700 },\r\n    ],\r\n    'display-1-lg': [\r\n      'var(--sk-fontSize-display-1-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-lg)', fontWeight: 700 },\r\n    ],\r\n    'display-1-md': [\r\n      'var(--sk-fontSize-display-1-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-md)', fontWeight: 700 },\r\n    ],\r\n    'display-1-sm': [\r\n      'var(--sk-fontSize-display-1-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-1-sm)', fontWeight: 700 },\r\n    ],\r\n    'display-2': [\r\n      'var(--sk-fontSize-display-2-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-DEFAULT)', fontWeight: 700 },\r\n    ],\r\n    'display-2-lg': [\r\n      'var(--sk-fontSize-display-2-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-lg)', fontWeight: 700 },\r\n    ],\r\n    'display-2-md': [\r\n      'var(--sk-fontSize-display-2-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-md)', fontWeight: 700 },\r\n    ],\r\n    'display-2-sm': [\r\n      'var(--sk-fontSize-display-2-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-2-sm)', fontWeight: 700 },\r\n    ],\r\n    'display-3': [\r\n      'var(--sk-fontSize-display-3-DEFAULT)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-DEFAULT)', fontWeight: 700 },\r\n    ],\r\n    'display-3-lg': [\r\n      'var(--sk-fontSize-display-3-lg)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-lg)', fontWeight: 700 },\r\n    ],\r\n    'display-3-md': [\r\n      'var(--sk-fontSize-display-3-md)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-md)', fontWeight: 700 },\r\n    ],\r\n    'display-3-sm': [\r\n      'var(--sk-fontSize-display-3-sm)',\r\n      { lineHeight: 'var(--sk-lineHeight-display-3-sm)', fontWeight: 700 },\r\n    ],\r\n\r\n    h1: ['var(--sk-fontSize-h-1-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-1-DEFAULT)', fontWeight: 700 }],\r\n    'h1-lg': ['var(--sk-fontSize-h-1-lg)', { lineHeight: 'var(--sk-lineHeight-h-1-lg)', fontWeight: 700 }],\r\n    'h1-md': ['var(--sk-fontSize-h-1-md)', { lineHeight: 'var(--sk-lineHeight-h-1-md)', fontWeight: 700 }],\r\n    'h1-sm': ['var(--sk-fontSize-h-1-sm)', { lineHeight: 'var(--sk-lineHeight-h-1-sm)', fontWeight: 700 }],\r\n    h2: ['var(--sk-fontSize-h-2-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-2-DEFAULT)', fontWeight: 700 }],\r\n    'h2-lg': ['var(--sk-fontSize-h-2-lg)', { lineHeight: 'var(--sk-lineHeight-h-2-lg)', fontWeight: 700 }],\r\n    'h2-md': ['var(--sk-fontSize-h-2-md)', { lineHeight: 'var(--sk-lineHeight-h-2-md)', fontWeight: 700 }],\r\n    'h2-sm': ['var(--sk-fontSize-h-2-sm)', { lineHeight: 'var(--sk-lineHeight-h-2-sm)', fontWeight: 700 }],\r\n    h3: ['var(--sk-fontSize-h-3-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-3-DEFAULT)', fontWeight: 700 }],\r\n    'h3-lg': ['var(--sk-fontSize-h-3-lg)', { lineHeight: 'var(--sk-lineHeight-h-3-lg)', fontWeight: 700 }],\r\n    'h3-md': ['var(--sk-fontSize-h-3-md)', { lineHeight: 'var(--sk-lineHeight-h-3-md)', fontWeight: 700 }],\r\n    'h3-sm': ['var(--sk-fontSize-h-3-sm)', { lineHeight: 'var(--sk-lineHeight-h-3-sm)', fontWeight: 700 }],\r\n    h4: ['var(--sk-fontSize-h-4-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-4-DEFAULT)', fontWeight: 700 }],\r\n    'h4-lg': ['var(--sk-fontSize-h-4-lg)', { lineHeight: 'var(--sk-lineHeight-h-4-lg)', fontWeight: 700 }],\r\n    'h4-md': ['var(--sk-fontSize-h-4-md)', { lineHeight: 'var(--sk-lineHeight-h-4-md)', fontWeight: 700 }],\r\n    'h4-sm': ['var(--sk-fontSize-h-4-sm)', { lineHeight: 'var(--sk-lineHeight-h-4-sm)', fontWeight: 700 }],\r\n\r\n    'label-large': [\r\n      'var(--sk-fontSize-label-large)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-large)', fontWeight: 700 },\r\n    ],\r\n    'label-medium': [\r\n      'var(--sk-fontSize-label-medium)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-medium)', fontWeight: 700 },\r\n    ],\r\n    'label-small': [\r\n      'var(--sk-fontSize-label-small)',\r\n      { lineHeight: 'var(--sk-lineHeight-label-small)', fontWeight: 700 },\r\n    ],\r\n\r\n    'input-large': [\r\n      'var(--sk-fontSize-input-large)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-large)', fontWeight: 400 },\r\n    ],\r\n    'input-medium': [\r\n      'var(--sk-fontSize-input-medium)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-medium)', fontWeight: 400 },\r\n    ],\r\n    'input-small': [\r\n      'var(--sk-fontSize-input-small)',\r\n      { lineHeight: 'var(--sk-lineHeight-input-small)', fontWeight: 400 },\r\n    ],\r\n\r\n    lead: ['var(--sk-fontSize-lead)', 'var(--sk-lineHeight-lead)'],\r\n    base: ['var(--sk-fontSize-base)', 'var(--sk-lineHeight-base)'],\r\n    large: ['var(--sk-fontSize-large)', 'var(--sk-lineHeight-large)'],\r\n    small: ['var(--sk-fontSize-small)', 'var(--sk-lineHeight-small)'],\r\n  },\r\n  lineHeights: {\r\n    'display-1': 'var(--sk-lineHeight-display-1-DEFAULT)',\r\n    'display-1-lg': 'var(--sk-lineHeight-display-1-lg)',\r\n    'display-1-md': 'var(--sk-lineHeight-display-1-md)',\r\n    'display-1-sm': 'var(--sk-lineHeight-display-1-sm)',\r\n    'display-2': 'var(--sk-lineHeight-display-2-DEFAULT)',\r\n    'display-2-lg': 'var(--sk-lineHeight-display-2-lg)',\r\n    'display-2-md': 'var(--sk-lineHeight-display-2-md)',\r\n    'display-2-sm': 'var(--sk-lineHeight-display-2-sm)',\r\n    'display-3': 'var(--sk-lineHeight-display-3-DEFAULT)',\r\n    'display-3-lg': 'var(--sk-lineHeight-display-3-lg)',\r\n    'display-3-md': 'var(--sk-lineHeight-display-3-md)',\r\n    'display-3-sm': 'var(--sk-lineHeight-display-3-sm)',\r\n\r\n    h1: 'var(--sk-lineHeight-h-1-DEFAULT)',\r\n    'h1-lg': 'var(--sk-lineHeight-h-1-lg)',\r\n    'h1-md': 'var(--sk-lineHeight-h-1-md)',\r\n    'h1-sm': 'var(--sk-lineHeight-h-1-sm)',\r\n    h2: 'var(--sk-lineHeight-h-2-DEFAULT)',\r\n    'h2-lg': 'var(--sk-lineHeight-h-2-lg)',\r\n    'h2-md': 'var(--sk-lineHeight-h-2-md)',\r\n    'h2-sm': 'var(--sk-lineHeight-h-2-sm)',\r\n    h3: 'var(--sk-lineHeight-h-3-DEFAULT)',\r\n    'h3-lg': 'var(--sk-lineHeight-h-3-lg)',\r\n    'h3-md': 'var(--sk-lineHeight-h-3-md)',\r\n    'h3-sm': 'var(--sk-lineHeight-h-3-sm)',\r\n    h4: 'var(--sk-lineHeight-h-4-DEFAULT)',\r\n    'h4-lg': 'var(--sk-lineHeight-h-4-lg)',\r\n    'h4-md': 'var(--sk-lineHeight-h-4-md)',\r\n    'h4-sm': 'var(--sk-lineHeight-h-4-sm)',\r\n\r\n    'label-large': 'var(--sk-lineHeight-label-large)',\r\n    'label-medium': 'var(--sk-lineHeight-label-medium)',\r\n    'label-small': 'var(--sk-lineHeight-label-small)',\r\n\r\n    'input-large': 'var(--sk-lineHeight-input-large)',\r\n    'input-medium': 'var(--sk-lineHeight-input-medium)',\r\n    'input-small': 'var(--sk-lineHeight-input-small)',\r\n\r\n    lead: 'var(--sk-lineHeight-lead)',\r\n    base: 'var(--sk-lineHeight-base)',\r\n    large: 'var(--sk-lineHeight-large)',\r\n    small: 'var(--sk-lineHeight-small)',\r\n  },\r\n  radius: {\r\n    DEFAULT: 'var(--sk-radius-utility-DEFAULT)',\r\n    full: 'var(--sk-radius-circular-DEFAULT)',\r\n    none: 'var(--sk-spacing-0)',\r\n    circular: 'var(--sk-radius-circular-DEFAULT)',\r\n    'circular-lg': 'var(--sk-radius-circular-lg)',\r\n    'circular-md': 'var(--sk-radius-circular-md)',\r\n    'circular-sm': 'var(--sk-radius-circular-sm)',\r\n\r\n    button: 'var(--sk-radius-button-DEFAULT)',\r\n    'button-lg': 'var(--sk-radius-button-lg)',\r\n    'button-md': 'var(--sk-radius-button-md)',\r\n    'button-sm': 'var(--sk-radius-button-sm)',\r\n    cards: 'var(--sk-radius-cards-DEFAULT)',\r\n    'cards-lg': 'var(--sk-radius-cards-lg)',\r\n    'cards-md': 'var(--sk-radius-cards-md)',\r\n    'cards-sm': 'var(--sk-radius-cards-sm)',\r\n    utility: 'var(--sk-radius-utility-DEFAULT)',\r\n    'utility-lg': 'var(--sk-radius-utility-lg)',\r\n    'utility-md': 'var(--sk-radius-utility-md)',\r\n    'utility-sm': 'var(--sk-radius-utility-sm)',\r\n    groups: 'var(--sk-radius-groups-DEFAULT)',\r\n    'groups-lg': 'var(--sk-radius-groups-lg)',\r\n    'groups-md': 'var(--sk-radius-groups-md)',\r\n    'groups-sm': 'var(--sk-radius-groups-sm)',\r\n\r\n    0: 'var(--sk-spacing-0)',\r\n    2: 'var(--sk-spacing-2)',\r\n    4: 'var(--sk-spacing-4)',\r\n    6: 'var(--sk-spacing-6)',\r\n    8: 'var(--sk-spacing-8)',\r\n    10: 'var(--sk-spacing-10)',\r\n    12: 'var(--sk-spacing-12)',\r\n    14: 'var(--sk-spacing-14)',\r\n    16: 'var(--sk-spacing-16)',\r\n    18: 'var(--sk-spacing-18)',\r\n    20: 'var(--sk-spacing-20)',\r\n    24: 'var(--sk-spacing-24)',\r\n    32: 'var(--sk-spacing-32)',\r\n    40: 'var(--sk-spacing-40)',\r\n    48: 'var(--sk-spacing-48)',\r\n    56: 'var(--sk-spacing-56)',\r\n    64: 'var(--sk-spacing-64)',\r\n    72: 'var(--sk-spacing-72)',\r\n    80: 'var(--sk-spacing-80)',\r\n  },\r\n};\r\n"],"mappings":"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"}

package/dist/esm/components/comments.js

@@ -5,9 +5,9 @@ module.exports = Comments = () => ({
   '.comment-item': {
     '@apply w-full': {},
     '&-container': {
-      '@apply flex justify-between relative': {},
+      '@apply flex relative w-full': {},
       '&-textpic': {
-        '@apply flex gap-2': {}
+        '@apply flex gap-2 grow': {}
       }
     },
     '&-text': {

package/dist/esm/components/comments.js.map

@@ -1 +1 @@
-{"version":3,"file":"comments.js","names":["module","exports","Comments"],"sources":["../../../src/components/comments.js"],"sourcesContent":["module.exports = Comments = () => ({ \n\n    '.comment-header': {\n        '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},\n    },\n\n    '.comment-item':{\n        '@apply w-full': {},\n\n        '&-container': {\n            '@apply flex justify-between relative': {},\n\n            '&-textpic': {\n                '@apply flex gap-2': {},\n            },\n        },\n        '&-text': {\n            '@apply text-base font-bold mx-0 mb-0 mt-4': {},\n        },\n        '&-commentorpublished': {\n            '@apply float-right text-neutral-600 m-0': {},\n        },\n    },\n    '.comment-input':{\n        '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},\n\n        '&-inactive': {\n            '@apply text-neutral-300 !text-3xl': {},\n        },\n\n        '&-active': {\n            '@apply text-primary !text-3xl': {},\n        }\n\n    },\n\n   \n});"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAGA,CAAA,MAAO;EAE/B,iBAAiB,EAAE;IACf,uEAAuE,EAAE,CAAC;EAC9E,CAAC;EAED,eAAe,EAAC;IACZ,eAAe,EAAE,CAAC,CAAC;IAEnB,aAAa,EAAE;MACX,sCAAsC,EAAE,CAAC,CAAC;MAE1C,WAAW,EAAE;QACT,mBAAmB,EAAE,CAAC;MAC1B;IACJ,CAAC;IACD,QAAQ,EAAE;MACN,2CAA2C,EAAE,CAAC;IAClD,CAAC;IACD,sBAAsB,EAAE;MACpB,yCAAyC,EAAE,CAAC;IAChD;EACJ,CAAC;EACD,gBAAgB,EAAC;IACb,2CAA2C,EAAE,CAAC,CAAC;IAE/C,YAAY,EAAE;MACV,mCAAmC,EAAE,CAAC;IAC1C,CAAC;IAED,UAAU,EAAE;MACR,+BAA+B,EAAE,CAAC;IACtC;EAEJ;AAGJ,CAAC,CAAC"}
+{"version":3,"file":"comments.js","names":["module","exports","Comments"],"sources":["../../../src/components/comments.js"],"sourcesContent":["module.exports = Comments = () => ({\r\n  '.comment-header': {\r\n    '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {},\r\n  },\r\n\r\n  '.comment-item': {\r\n    '@apply w-full': {},\r\n\r\n    '&-container': {\r\n      '@apply flex relative w-full': {},\r\n\r\n      '&-textpic': {\r\n        '@apply flex gap-2 grow': {},\r\n      },\r\n    },\r\n    '&-text': {\r\n      '@apply text-base font-bold mx-0 mb-0 mt-4': {},\r\n    },\r\n    '&-commentorpublished': {\r\n      '@apply float-right text-neutral-600 m-0': {},\r\n    },\r\n  },\r\n  '.comment-input': {\r\n    '@apply w-full flex gap-4 px-10 pt-8 pb-10': {},\r\n\r\n    '&-inactive': {\r\n      '@apply text-neutral-300 !text-3xl': {},\r\n    },\r\n\r\n    '&-active': {\r\n      '@apply text-primary !text-3xl': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAGA,CAAA,MAAO;EACjC,iBAAiB,EAAE;IACjB,uEAAuE,EAAE,CAAC;EAC5E,CAAC;EAED,eAAe,EAAE;IACf,eAAe,EAAE,CAAC,CAAC;IAEnB,aAAa,EAAE;MACb,6BAA6B,EAAE,CAAC,CAAC;MAEjC,WAAW,EAAE;QACX,wBAAwB,EAAE,CAAC;MAC7B;IACF,CAAC;IACD,QAAQ,EAAE;MACR,2CAA2C,EAAE,CAAC;IAChD,CAAC;IACD,sBAAsB,EAAE;MACtB,yCAAyC,EAAE,CAAC;IAC9C;EACF,CAAC;EACD,gBAAgB,EAAE;IAChB,2CAA2C,EAAE,CAAC,CAAC;IAE/C,YAAY,EAAE;MACZ,mCAAmC,EAAE,CAAC;IACxC,CAAC;IAED,UAAU,EAAE;MACV,+BAA+B,EAAE,CAAC;IACpC;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/menubar.js

@@ -0,0 +1,49 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+module.exports = Avatar = colors => ({
+  '.sk-menubar': {
+    '@apply flex flex-row': {},
+    '@apply p-8 gap-16': {},
+    '@apply rounded-cards': {},
+    '&[data-background="true"]': {
+      '@apply bg-background-color-mixin-1': {}
+    },
+    '&-item': _extends({
+      '@apply inline-block': {},
+      '@apply relative': {},
+      '@apply h-40': {},
+      'a, button': {
+        color: 'unset'
+      },
+      '> *:first-child': {
+        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},
+        '@apply cursor-pointer': {},
+        '@apply bg-transparent text-dark-primary': {},
+        '@apply hover:bg-tertiary-surface': {},
+        '@apply font-bold': {},
+        '@apply gap-2 px-14 py-8': {},
+        '@apply h-full min-h-full': {},
+        '@apply text-base leading-base': {},
+        '@apply inline-flex shrink-0 flex-nowrap': {},
+        '@apply border-0': {},
+        '@apply focus-visible:bg-background-content focus-visible:ring': {},
+        '&[aria-current="page"]:not(:hover)': {
+          '@apply bg-primary-surface text-light-primary': {},
+          '@apply focus-visible:ring': {}
+        }
+      }
+    }, colors.reduce((styles, color) => _extends({}, styles, {
+      ["&[data-color=\"" + color + "\"]"]: {
+        '> *:first-child': {
+          ["@apply hover:bg-" + color + "-surface-accent"]: {},
+          ["@apply hover:text-" + color + "-text-primary"]: {},
+          '@apply focus-visible:bg-background-content focus-visible:ring': {},
+          '&[aria-current="page"]:not(:hover)': {
+            ["@apply bg-" + color + "-surface-primary"]: {},
+            '@apply focus-visible:ring': {}
+          }
+        }
+      }
+    }), {}))
+  }
+});
+//# sourceMappingURL=menubar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.js","names":["module","exports","Avatar","colors","_extends","color","reduce","styles"],"sources":["../../../src/components/menubar.js"],"sourcesContent":["module.exports = Avatar = (colors) => ({\r\n  '.sk-menubar': {\r\n    '@apply flex flex-row': {},\r\n    '@apply p-8 gap-16': {},\r\n    '@apply rounded-cards': {},\r\n\r\n    '&[data-background=\"true\"]': {\r\n      '@apply bg-background-color-mixin-1': {},\r\n    },\r\n\r\n    '&-item': {\r\n      '@apply inline-block': {},\r\n      '@apply relative': {},\r\n      '@apply h-40': {},\r\n      'a, button': {\r\n        color: 'unset',\r\n      },\r\n\r\n      '> *:first-child': {\r\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n        '@apply cursor-pointer': {},\r\n        '@apply bg-transparent text-dark-primary': {},\r\n        '@apply hover:bg-tertiary-surface': {},\r\n        '@apply font-bold': {},\r\n        '@apply gap-2 px-14 py-8': {},\r\n        '@apply h-full min-h-full': {},\r\n        '@apply text-base leading-base': {},\r\n        '@apply inline-flex shrink-0 flex-nowrap': {},\r\n\r\n        '@apply border-0': {},\r\n        '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n        '&[aria-current=\"page\"]:not(:hover)': {\r\n          '@apply bg-primary-surface text-light-primary': {},\r\n          '@apply focus-visible:ring': {},\r\n        },\r\n      },\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            '> *:first-child': {\r\n              [`@apply hover:bg-${color}-surface-accent`]: {},\r\n              [`@apply hover:text-${color}-text-primary`]: {},\r\n              '@apply focus-visible:bg-background-content focus-visible:ring': {},\r\n              '&[aria-current=\"page\"]:not(:hover)': {\r\n                [`@apply bg-${color}-surface-primary`]: {},\r\n                '@apply focus-visible:ring': {},\r\n              },\r\n            },\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n    },\r\n  },\r\n});\r\n"],"mappings":";AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAIC,MAAM,KAAM;EACrC,aAAa,EAAE;IACb,sBAAsB,EAAE,CAAC,CAAC;IAC1B,mBAAmB,EAAE,CAAC,CAAC;IACvB,sBAAsB,EAAE,CAAC,CAAC;IAE1B,2BAA2B,EAAE;MAC3B,oCAAoC,EAAE,CAAC;IACzC,CAAC;IAED,QAAQ,EAAAC,QAAA;MACN,qBAAqB,EAAE,CAAC,CAAC;MACzB,iBAAiB,EAAE,CAAC,CAAC;MACrB,aAAa,EAAE,CAAC,CAAC;MACjB,WAAW,EAAE;QACXC,KAAK,EAAE;MACT,CAAC;MAED,iBAAiB,EAAE;QACjB,oEAAoE,EAAE,CAAC,CAAC;QACxE,uBAAuB,EAAE,CAAC,CAAC;QAC3B,yCAAyC,EAAE,CAAC,CAAC;QAC7C,kCAAkC,EAAE,CAAC,CAAC;QACtC,kBAAkB,EAAE,CAAC,CAAC;QACtB,yBAAyB,EAAE,CAAC,CAAC;QAC7B,0BAA0B,EAAE,CAAC,CAAC;QAC9B,+BAA+B,EAAE,CAAC,CAAC;QACnC,yCAAyC,EAAE,CAAC,CAAC;QAE7C,iBAAiB,EAAE,CAAC,CAAC;QACrB,+DAA+D,EAAE,CAAC,CAAC;QACnE,oCAAoC,EAAE;UACpC,8CAA8C,EAAE,CAAC,CAAC;UAClD,2BAA2B,EAAE,CAAC;QAChC;MACF;IAAC,GACEF,MAAM,CAACG,MAAM,CACd,CAACC,MAAM,EAAEF,KAAK,KAAAD,QAAA,KACTG,MAAM;MACT,qBAAkBF,KAAK,WAAO;QAC5B,iBAAiB,EAAE;UACjB,sBAAoBA,KAAK,uBAAoB,CAAC,CAAC;UAC/C,wBAAsBA,KAAK,qBAAkB,CAAC,CAAC;UAC/C,+DAA+D,EAAE,CAAC,CAAC;UACnE,oCAAoC,EAAE;YACpC,gBAAcA,KAAK,wBAAqB,CAAC,CAAC;YAC1C,2BAA2B,EAAE,CAAC;UAChC;QACF;MACF;IAAC,EACD,EACF,CAAC,CACH,CAAC;EAEL;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,106 @@
+module.exports = PopupMenu = () => ({
+  '.sk-popup-menu-items': {
+    '&[data-position="left"]': {
+      '@apply mt-0 mr-8 right-[100%]': {},
+      '&[data-align="end"]': {
+        '@apply bottom-0': {}
+      },
+      '&[data-align="start"]': {
+        '@apply top-0': {}
+      }
+    },
+    '&[data-position="right"]': {
+      '@apply mt-0 ml-8 left-[100%]': {},
+      '&[data-align="end"]': {
+        '@apply bottom-0': {}
+      },
+      '&[data-align="start"]': {
+        '@apply top-0': {}
+      }
+    },
+    '&[data-position="over"]': {
+      '@apply mt-0 mb-8 bottom-[100%]': {},
+      '&[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 absolute flex 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-popup-menu-item': {
+      '@apply w-full': {},
+      '@apply h-[4rem]': {},
+      '@apply min-h-[4rem]': {},
+      '@apply bg-transparent hover:bg-primitives-gray-200': {},
+      '@apply dark:hover:bg-primitives-overlay-lighten-1': {},
+      '@apply cursor-pointer': {},
+      '@apply flex flex-row shrink-0': {},
+      '@apply pl-8 pr-32 py-4 gap-12': {},
+      '@apply rounded-utility': {},
+      '@apply text-body font-normal': {},
+      '&.active, &:active': {
+        '@apply bg-primitives-gray-200': {},
+        '@apply dark:bg-primitives-overlay-lighten-1': {}
+      },
+      svg: {
+        '@apply w-[2rem] h-[2rem]': {}
+      },
+      '@apply justify-start': {},
+      '@apply border-0': {},
+      '@apply items-center': {},
+      '@apply no-underline': {}
+    },
+    '&-group': {
+      '@apply w-full flex flex-col border-b-1 border-divider pb-4 gap-4': {},
+      '&:first-child': {
+        '@apply pt-0': {}
+      },
+      '&:last-child': {
+        '@apply border-0 pb-0': {}
+      },
+      '> *': {
+        '@apply pl-8 pr-32 py-4 gap-12': {}
+      }
+    },
+    '&-sm': {
+      '@apply p-8 gap-6': {},
+      '.sk-popup-menu-item': {
+        '@apply h-[3.2rem]': {},
+        '@apply min-h-[3.2rem]': {},
+        '@apply gap-10 pl-8 pr-24 py-4': {},
+        '@apply text-small': {},
+        '&-group': {
+          '@apply gap-6 pb-6': {},
+          '> *': {
+            '@apply gap-10 pl-8 pr-24 py-4': {}
+          }
+        },
+        svg: {
+          '@apply w-[1.8rem] h-[1.8rem]': {}
+        }
+      }
+    },
+    '&.right': {
+      '@apply right-0': {}
+    }
+  }
+});
+//# sourceMappingURL=popup-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popup-menu.js","names":["module","exports","PopupMenu","svg"],"sources":["../../../src/components/popup-menu.js"],"sourcesContent":["module.exports = PopupMenu = () => ({\r\n  '.sk-popup-menu-items': {\r\n    '&[data-position=\"left\"]': {\r\n      '@apply mt-0 mr-8 right-[100%]': {},\r\n      '&[data-align=\"end\"]': {\r\n        '@apply bottom-0': {},\r\n      },\r\n      '&[data-align=\"start\"]': {\r\n        '@apply top-0': {},\r\n      },\r\n    },\r\n    '&[data-position=\"right\"]': {\r\n      '@apply mt-0 ml-8 left-[100%]': {},\r\n      '&[data-align=\"end\"]': {\r\n        '@apply bottom-0': {},\r\n      },\r\n      '&[data-align=\"start\"]': {\r\n        '@apply top-0': {},\r\n      },\r\n    },\r\n    '&[data-position=\"over\"]': {\r\n      '@apply mt-0 mb-8 bottom-[100%]': {},\r\n      '&[data-align=\"end\"]': {\r\n        '@apply right-0': {},\r\n      },\r\n      '&[data-align=\"start\"]': {\r\n        '@apply left-0': {},\r\n      },\r\n    },\r\n    '&[data-position=\"under\"]': {\r\n      '&[data-align=\"end\"]': {\r\n        '@apply right-0': {},\r\n      },\r\n      '&[data-align=\"start\"]': {\r\n        '@apply left-0': {},\r\n      },\r\n    },\r\n    '@apply absolute flex flex-col justify-start items-start mt-8': {},\r\n    '@apply w-max': {},\r\n    '@apply rounded-utility': {},\r\n    '@apply bg-background-100': {},\r\n    '@apply z-10': {},\r\n    '@apply p-8 gap-4': {},\r\n    '@apply shadow-100': {},\r\n    '@apply border-0': {},\r\n    '@apply focus-within:border-0': {},\r\n    '@apply focus:outline-0 focus-visible:outline-0 focus-visible:ring': {},\r\n\r\n    '.sk-popup-menu-item': {\r\n      '@apply w-full': {},\r\n      '@apply h-[4rem]': {},\r\n      '@apply min-h-[4rem]': {},\r\n      '@apply bg-transparent hover:bg-primitives-gray-200': {},\r\n      '@apply dark:hover:bg-primitives-overlay-lighten-1': {},\r\n      '@apply cursor-pointer': {},\r\n      '@apply flex flex-row shrink-0': {},\r\n      '@apply pl-8 pr-32 py-4 gap-12': {},\r\n\r\n      '@apply rounded-utility': {},\r\n      '@apply text-body font-normal': {},\r\n      '&.active, &:active': {\r\n        '@apply bg-primitives-gray-200': {},\r\n        '@apply dark:bg-primitives-overlay-lighten-1': {},\r\n      },\r\n      svg: {\r\n        '@apply w-[2rem] h-[2rem]': {},\r\n      },\r\n\r\n      '@apply justify-start': {},\r\n\r\n      '@apply border-0': {},\r\n      '@apply items-center': {},\r\n      '@apply no-underline': {},\r\n    },\r\n    '&-group': {\r\n      '@apply w-full flex flex-col border-b-1 border-divider pb-4 gap-4': {},\r\n      '&:first-child': {\r\n        '@apply pt-0': {},\r\n      },\r\n      '&:last-child': {\r\n        '@apply border-0 pb-0': {},\r\n      },\r\n      '> *': {\r\n        '@apply pl-8 pr-32 py-4 gap-12': {},\r\n      },\r\n    },\r\n    '&-sm': {\r\n      '@apply p-8 gap-6': {},\r\n\r\n      '.sk-popup-menu-item': {\r\n        '@apply h-[3.2rem]': {},\r\n        '@apply min-h-[3.2rem]': {},\r\n        '@apply gap-10 pl-8 pr-24 py-4': {},\r\n\r\n        '@apply text-small': {},\r\n        '&-group': {\r\n          '@apply gap-6 pb-6': {},\r\n          '> *': {\r\n            '@apply gap-10 pl-8 pr-24 py-4': {},\r\n          },\r\n        },\r\n        svg: {\r\n          '@apply w-[1.8rem] h-[1.8rem]': {},\r\n        },\r\n      },\r\n    },\r\n    '&.right': {\r\n      '@apply right-0': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"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"}

package/dist/esm/components/progress-stepper.js

@@ -0,0 +1,51 @@
+module.exports = ProgressStepper = () => ({
+  '.sk-progress-stepper': {
+    '@apply flex justify-between': {},
+    hr: {
+      '@apply w-full mt-[1.9rem]': {}
+    },
+    '&-step': {
+      '@apply flex flex-col items-center': {},
+      '@apply gap-4': {},
+      '@apply w-auto': {},
+      '@apply shrink-0': {},
+      '@apply text-base leading-base text-dark-primary font-normal': {},
+      svg: {
+        '@apply w-20 h-20': {}
+      },
+      '&-wrapper': {
+        '@apply flex flex-row shrink w-full gap-4': {},
+        hr: {
+          '@apply w-full grow shrink mt-[1.9rem]': {}
+        }
+      },
+      '&-box': {
+        '@apply box-border': {},
+        '@apply shrink-0': {},
+        '@apply h-[4rem] w-[4rem]': {},
+        '@apply bg-secondary-surface': {},
+        '@apply flex justify-center items-center': {},
+        '@apply text-label-medium': {},
+        '@apply border-2 border-secondary-outline': {},
+        '@apply text-dark-secondary': {},
+        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {}
+      },
+      '&[data-progress="current"]': {
+        '@apply font-bold': {},
+        '.sk-progress-stepper-step-box': {
+          '@apply border-vattjom-surface-primary': {},
+          '@apply bg-vattjom-surface-primary': {},
+          '@apply text-vattjom-text-secondary': {}
+        }
+      },
+      '&[data-progress="done"]': {
+        '.sk-progress-stepper-step-box': {
+          '@apply border-success-surface-primary': {},
+          '@apply bg-success-surface-primary': {},
+          '@apply text-success-text-secondary': {}
+        }
+      }
+    }
+  }
+});
+//# sourceMappingURL=progress-stepper.js.map

package/dist/esm/components/progress-stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-stepper.js","names":["module","exports","ProgressStepper","hr","svg"],"sources":["../../../src/components/progress-stepper.js"],"sourcesContent":["module.exports = ProgressStepper = () => ({\r\n  '.sk-progress-stepper': {\r\n    '@apply flex justify-between': {},\r\n    hr: {\r\n      '@apply w-full mt-[1.9rem]': {},\r\n    },\r\n    '&-step': {\r\n      '@apply flex flex-col items-center': {},\r\n      '@apply gap-4': {},\r\n      '@apply w-auto': {},\r\n      '@apply shrink-0': {},\r\n      '@apply text-base leading-base text-dark-primary font-normal': {},\r\n      svg: {\r\n        '@apply w-20 h-20': {},\r\n      },\r\n      '&-wrapper': {\r\n        '@apply flex flex-row shrink w-full gap-4': {},\r\n        hr: {\r\n          '@apply w-full grow shrink mt-[1.9rem]': {},\r\n        },\r\n      },\r\n      '&-box': {\r\n        '@apply box-border': {},\r\n        '@apply shrink-0': {},\r\n        '@apply h-[4rem] w-[4rem]': {},\r\n        '@apply bg-secondary-surface': {},\r\n        '@apply flex justify-center items-center': {},\r\n        '@apply text-label-medium': {},\r\n        '@apply border-2 border-secondary-outline': {},\r\n        '@apply text-dark-secondary': {},\r\n        '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {},\r\n      },\r\n      '&[data-progress=\"current\"]': {\r\n        '@apply font-bold': {},\r\n        '.sk-progress-stepper-step-box': {\r\n          '@apply border-vattjom-surface-primary': {},\r\n          '@apply bg-vattjom-surface-primary': {},\r\n          '@apply text-vattjom-text-secondary': {},\r\n        },\r\n      },\r\n      '&[data-progress=\"done\"]': {\r\n        '.sk-progress-stepper-step-box': {\r\n          '@apply border-success-surface-primary': {},\r\n          '@apply bg-success-surface-primary': {},\r\n          '@apply text-success-text-secondary': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,eAAe,GAAGA,CAAA,MAAO;EACxC,sBAAsB,EAAE;IACtB,6BAA6B,EAAE,CAAC,CAAC;IACjCC,EAAE,EAAE;MACF,2BAA2B,EAAE,CAAC;IAChC,CAAC;IACD,QAAQ,EAAE;MACR,mCAAmC,EAAE,CAAC,CAAC;MACvC,cAAc,EAAE,CAAC,CAAC;MAClB,eAAe,EAAE,CAAC,CAAC;MACnB,iBAAiB,EAAE,CAAC,CAAC;MACrB,6DAA6D,EAAE,CAAC,CAAC;MACjEC,GAAG,EAAE;QACH,kBAAkB,EAAE,CAAC;MACvB,CAAC;MACD,WAAW,EAAE;QACX,0CAA0C,EAAE,CAAC,CAAC;QAC9CD,EAAE,EAAE;UACF,uCAAuC,EAAE,CAAC;QAC5C;MACF,CAAC;MACD,OAAO,EAAE;QACP,mBAAmB,EAAE,CAAC,CAAC;QACvB,iBAAiB,EAAE,CAAC,CAAC;QACrB,0BAA0B,EAAE,CAAC,CAAC;QAC9B,6BAA6B,EAAE,CAAC,CAAC;QACjC,yCAAyC,EAAE,CAAC,CAAC;QAC7C,0BAA0B,EAAE,CAAC,CAAC;QAC9B,0CAA0C,EAAE,CAAC,CAAC;QAC9C,4BAA4B,EAAE,CAAC,CAAC;QAChC,oEAAoE,EAAE,CAAC;MACzE,CAAC;MACD,4BAA4B,EAAE;QAC5B,kBAAkB,EAAE,CAAC,CAAC;QACtB,+BAA+B,EAAE;UAC/B,uCAAuC,EAAE,CAAC,CAAC;UAC3C,mCAAmC,EAAE,CAAC,CAAC;UACvC,oCAAoC,EAAE,CAAC;QACzC;MACF,CAAC;MACD,yBAAyB,EAAE;QACzB,+BAA+B,EAAE;UAC/B,uCAAuC,EAAE,CAAC,CAAC;UAC3C,mCAAmC,EAAE,CAAC,CAAC;UACvC,oCAAoC,EAAE,CAAC;QACzC;MACF;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/snackbar.js

@@ -0,0 +1,25 @@
+module.exports = Snackbar = () => ({
+  '.sk-snackbar': {
+    '@apply flex items-center gap-12 py-8 pl-16 pr-8 rounded-groups break-words max-w-[40rem]': {},
+    '@apply text-label-small text-vattjom-text-secondary': {},
+    '&-text': {
+      '@apply flex-grow': {}
+    },
+    '&-content': {
+      '@apply flex-grow gap-12 py-4 flex items-center': {}
+    },
+    '&-info': {
+      '@apply text-vattjom-text-secondary bg-vattjom-surface-primary': {}
+    },
+    '&-success': {
+      '@apply text-gronsta-text-secondary bg-gronsta-surface-primary': {}
+    },
+    '&-warning': {
+      '@apply text-warning-text-secondary bg-warning-surface-primary': {}
+    },
+    '&-error': {
+      '@apply text-error-text-secondary bg-error-surface-primary': {}
+    }
+  }
+});
+//# sourceMappingURL=snackbar.js.map

package/dist/esm/components/snackbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.js","names":["module","exports","Snackbar"],"sources":["../../../src/components/snackbar.js"],"sourcesContent":["module.exports = Snackbar = () => ({\r\n  '.sk-snackbar': {\r\n    '@apply flex items-center gap-12 py-8 pl-16 pr-8 rounded-groups break-words max-w-[40rem]': {},\r\n    '@apply text-label-small text-vattjom-text-secondary': {},\r\n\r\n    '&-text': {\r\n      '@apply flex-grow': {},\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply flex-grow gap-12 py-4 flex items-center': {},\r\n    },\r\n\r\n    '&-info': {\r\n      '@apply text-vattjom-text-secondary bg-vattjom-surface-primary': {},\r\n    },\r\n    '&-success': {\r\n      '@apply text-gronsta-text-secondary bg-gronsta-surface-primary': {},\r\n    },\r\n    '&-warning': {\r\n      '@apply text-warning-text-secondary bg-warning-surface-primary': {},\r\n    },\r\n    '&-error': {\r\n      '@apply text-error-text-secondary bg-error-surface-primary': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAGA,CAAA,MAAO;EACjC,cAAc,EAAE;IACd,0FAA0F,EAAE,CAAC,CAAC;IAC9F,qDAAqD,EAAE,CAAC,CAAC;IAEzD,QAAQ,EAAE;MACR,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,WAAW,EAAE;MACX,gDAAgD,EAAE,CAAC;IACrD,CAAC;IAED,QAAQ,EAAE;MACR,+DAA+D,EAAE,CAAC;IACpE,CAAC;IACD,WAAW,EAAE;MACX,+DAA+D,EAAE,CAAC;IACpE,CAAC;IACD,WAAW,EAAE;MACX,+DAA+D,EAAE,CAAC;IACpE,CAAC;IACD,SAAS,EAAE;MACT,2DAA2D,EAAE,CAAC;IAChE;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/tab-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-menu.js","names":["module","exports","TabMenu","display","flexDirection","margin","all","width","height","padding","marginRight","alignItems","position","cursor","content","top","left"],"sources":["../../../src/components/tab-menu.js"],"sourcesContent":["module.exports = TabMenu = () => ({\n  '.sk-tab-menu': {\n    '&-wrapper': {\n      display: 'flex',\n      flexDirection: 'row',\n      margin: 'auto',\n    },\n    '&-right': {\n      '@apply justify-end': {},\n    },\n    '&-center': {\n      '@apply justify-center': {},\n    },\n    '&-list': {\n      all: 'unset',\n      display: 'flex',\n      '&-stretch': {\n        '@apply w-full justify-between': {},\n      },\n    },\n\n    '&-underline': {\n      width: '100%',\n      height: 6,\n      '@apply bg-gray-light': {},\n    },\n    '&-item': {\n      all: 'unset',\n      height: 65,\n      display: 'flex',\n      padding: '0 1rem',\n      marginRight: '5rem',\n      alignItems: 'center',\n      position: 'relative',\n      cursor: 'pointer',\n      '&-stretch': {\n        '@apply mr-0': {},\n      },\n      '&-right': {\n        '@apply mr-0 ml-[5rem]': {},\n      },\n      '&-center:last-of-type': {\n        '@apply mr-0': {},\n      },\n\n      '&.active::after': {\n        content: '\"\"',\n        display: 'block',\n        position: 'absolute',\n        width: '100%',\n        height: 6,\n        top: '100%',\n        left: 0,\n        '@apply bg-primary': {},\n      },\n    },\n  },\n});\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAGA,CAAA,MAAO;EAChC,cAAc,EAAE;IACd,WAAW,EAAE;MACXC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,KAAK;MACpBC,MAAM,EAAE;IACV,CAAC;IACD,SAAS,EAAE;MACT,oBAAoB,EAAE,CAAC;IACzB,CAAC;IACD,UAAU,EAAE;MACV,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IACD,QAAQ,EAAE;MACRC,GAAG,EAAE,OAAO;MACZH,OAAO,EAAE,MAAM;MACf,WAAW,EAAE;QACX,+BAA+B,EAAE,CAAC;MACpC;IACF,CAAC;IAED,aAAa,EAAE;MACbI,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,CAAC;MACT,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IACD,QAAQ,EAAE;MACRF,GAAG,EAAE,OAAO;MACZE,MAAM,EAAE,EAAE;MACVL,OAAO,EAAE,MAAM;MACfM,OAAO,EAAE,QAAQ;MACjBC,WAAW,EAAE,MAAM;MACnBC,UAAU,EAAE,QAAQ;MACpBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,SAAS;MACjB,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,SAAS,EAAE;QACT,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,uBAAuB,EAAE;QACvB,aAAa,EAAE,CAAC;MAClB,CAAC;MAED,iBAAiB,EAAE;QACjBC,OAAO,EAAE,IAAI;QACbX,OAAO,EAAE,OAAO;QAChBS,QAAQ,EAAE,UAAU;QACpBL,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,CAAC;QACTO,GAAG,EAAE,MAAM;QACXC,IAAI,EAAE,CAAC;QACP,mBAAmB,EAAE,CAAC;MACxB;IACF;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"tab-menu.js","names":["module","exports","TabMenu","display","flexDirection","margin","all","width","height","padding","marginRight","alignItems","position","cursor","content","top","left"],"sources":["../../../src/components/tab-menu.js"],"sourcesContent":["module.exports = TabMenu = () => ({\r\n  '.sk-tab-menu': {\r\n    '&-wrapper': {\r\n      display: 'flex',\r\n      flexDirection: 'row',\r\n      margin: 'auto',\r\n    },\r\n    '&-right': {\r\n      '@apply justify-end': {},\r\n    },\r\n    '&-center': {\r\n      '@apply justify-center': {},\r\n    },\r\n    '&-list': {\r\n      all: 'unset',\r\n      display: 'flex',\r\n      '&-stretch': {\r\n        '@apply w-full justify-between': {},\r\n      },\r\n    },\r\n\r\n    '&-underline': {\r\n      width: '100%',\r\n      height: 6,\r\n      '@apply bg-gray-light': {},\r\n    },\r\n    '&-item': {\r\n      all: 'unset',\r\n      height: 65,\r\n      display: 'flex',\r\n      padding: '0 1rem',\r\n      marginRight: '5rem',\r\n      alignItems: 'center',\r\n      position: 'relative',\r\n      cursor: 'pointer',\r\n      '&-stretch': {\r\n        '@apply mr-0': {},\r\n      },\r\n      '&-right': {\r\n        '@apply mr-0 ml-[5rem]': {},\r\n      },\r\n      '&-center:last-of-type': {\r\n        '@apply mr-0': {},\r\n      },\r\n\r\n      '&.active::after': {\r\n        content: '\"\"',\r\n        display: 'block',\r\n        position: 'absolute',\r\n        width: '100%',\r\n        height: 6,\r\n        top: '100%',\r\n        left: 0,\r\n        '@apply bg-primary': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAGA,CAAA,MAAO;EAChC,cAAc,EAAE;IACd,WAAW,EAAE;MACXC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,KAAK;MACpBC,MAAM,EAAE;IACV,CAAC;IACD,SAAS,EAAE;MACT,oBAAoB,EAAE,CAAC;IACzB,CAAC;IACD,UAAU,EAAE;MACV,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IACD,QAAQ,EAAE;MACRC,GAAG,EAAE,OAAO;MACZH,OAAO,EAAE,MAAM;MACf,WAAW,EAAE;QACX,+BAA+B,EAAE,CAAC;MACpC;IACF,CAAC;IAED,aAAa,EAAE;MACbI,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,CAAC;MACT,sBAAsB,EAAE,CAAC;IAC3B,CAAC;IACD,QAAQ,EAAE;MACRF,GAAG,EAAE,OAAO;MACZE,MAAM,EAAE,EAAE;MACVL,OAAO,EAAE,MAAM;MACfM,OAAO,EAAE,QAAQ;MACjBC,WAAW,EAAE,MAAM;MACnBC,UAAU,EAAE,QAAQ;MACpBC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,SAAS;MACjB,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,SAAS,EAAE;QACT,uBAAuB,EAAE,CAAC;MAC5B,CAAC;MACD,uBAAuB,EAAE;QACvB,aAAa,EAAE,CAAC;MAClB,CAAC;MAED,iBAAiB,EAAE;QACjBC,OAAO,EAAE,IAAI;QACbX,OAAO,EAAE,OAAO;QAChBS,QAAQ,EAAE,UAAU;QACpBL,KAAK,EAAE,MAAM;QACbC,MAAM,EAAE,CAAC;QACTO,GAAG,EAAE,MAAM;QACXC,IAAI,EAAE,CAAC;QACP,mBAAmB,EAAE,CAAC;MACxB;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/components/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":["module","exports","Tabs","content","display","hidden"],"sources":["../../../src/components/tabs.js"],"sourcesContent":["module.exports = Tabs = () => ({\n  '.sk-tabs': {\n    '&-stretch': {\n      '@apply w-full': {},\n    },\n    '&-list': {\n      '@apply  block relative w-full h-[3rem]': {},\n      '&-stretch': {\n        '@apply flex justify-between': {},\n      },\n      '&-right': {\n        '@apply text-right': {},\n      },\n      '&-center': {\n        '@apply text-center': {},\n      },\n\n      '&-line::after': {\n        content: '\"\"',\n        '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {},\n      },\n    },\n    '&-tab': {\n      '@apply relative mr-[3.2rem] text-base font-bold  p-0 relative h-[2.8rem] inline-block': {},\n      '@apply text-gray': {},\n      '@apply cursor-pointer': {},\n      '&.disabled': {\n        '@apply cursor-not-allowed': {},\n        '@apply text-gray-stroke': {},\n      },\n      '&.active': {\n        '@apply text-body': {},\n        '&::after': {\n          content: '\"\"',\n          '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {},\n        },\n      },\n      '&-stretch': {\n        '@apply mr-0': {},\n      },\n      '&-header': {\n        '@apply text-lg font-normal': {},\n      },\n      '&-right': {\n        '@apply mr-0 ml-lg': {},\n      },\n      '&:last-of-type': {\n        '@apply mr-0': {},\n      },\n      '&-icon': {\n        '&-with-label': {\n          '@apply mr-sm': {},\n        },\n      },\n    },\n    '&-panel': {\n      '@apply mt-lg': {},\n      '&:not(.active)': {\n        display: 'none',\n        hidden: true,\n      },\n    },\n  },\n});\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAGA,CAAA,MAAO;EAC7B,UAAU,EAAE;IACV,WAAW,EAAE;MACX,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,QAAQ,EAAE;MACR,wCAAwC,EAAE,CAAC,CAAC;MAC5C,WAAW,EAAE;QACX,6BAA6B,EAAE,CAAC;MAClC,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,UAAU,EAAE;QACV,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,eAAe,EAAE;QACfC,OAAO,EAAE,IAAI;QACb,uEAAuE,EAAE,CAAC;MAC5E;IACF,CAAC;IACD,OAAO,EAAE;MACP,uFAAuF,EAAE,CAAC,CAAC;MAC3F,kBAAkB,EAAE,CAAC,CAAC;MACtB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,YAAY,EAAE;QACZ,2BAA2B,EAAE,CAAC,CAAC;QAC/B,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,UAAU,EAAE;QACV,kBAAkB,EAAE,CAAC,CAAC;QACtB,UAAU,EAAE;UACVA,OAAO,EAAE,IAAI;UACb,2EAA2E,EAAE,CAAC;QAChF;MACF,CAAC;MACD,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,UAAU,EAAE;QACV,4BAA4B,EAAE,CAAC;MACjC,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,gBAAgB,EAAE;QAChB,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,QAAQ,EAAE;QACR,cAAc,EAAE;UACd,cAAc,EAAE,CAAC;QACnB;MACF;IACF,CAAC;IACD,SAAS,EAAE;MACT,cAAc,EAAE,CAAC,CAAC;MAClB,gBAAgB,EAAE;QAChBC,OAAO,EAAE,MAAM;QACfC,MAAM,EAAE;MACV;IACF;EACF;AACF,CAAC,CAAC"}
+{"version":3,"file":"tabs.js","names":["module","exports","Tabs","content","display","hidden"],"sources":["../../../src/components/tabs.js"],"sourcesContent":["module.exports = Tabs = () => ({\r\n  '.sk-tabs': {\r\n    '&-stretch': {\r\n      '@apply w-full': {},\r\n    },\r\n    '&-list': {\r\n      '@apply  block relative w-full h-[3rem]': {},\r\n      '&-stretch': {\r\n        '@apply flex justify-between': {},\r\n      },\r\n      '&-right': {\r\n        '@apply text-right': {},\r\n      },\r\n      '&-center': {\r\n        '@apply text-center': {},\r\n      },\r\n\r\n      '&-line::after': {\r\n        content: '\"\"',\r\n        '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {},\r\n      },\r\n    },\r\n    '&-tab': {\r\n      '@apply relative mr-[3.2rem] text-base font-bold  p-0 relative h-[2.8rem] inline-block': {},\r\n      '@apply text-gray': {},\r\n      '@apply cursor-pointer': {},\r\n      '&.disabled': {\r\n        '@apply cursor-not-allowed': {},\r\n        '@apply text-gray-stroke': {},\r\n      },\r\n      '&.active': {\r\n        '@apply text-body': {},\r\n        '&::after': {\r\n          content: '\"\"',\r\n          '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {},\r\n        },\r\n      },\r\n      '&-stretch': {\r\n        '@apply mr-0': {},\r\n      },\r\n      '&-header': {\r\n        '@apply text-lg font-normal': {},\r\n      },\r\n      '&-right': {\r\n        '@apply mr-0 ml-lg': {},\r\n      },\r\n      '&:last-of-type': {\r\n        '@apply mr-0': {},\r\n      },\r\n      '&-icon': {\r\n        '&-with-label': {\r\n          '@apply mr-sm': {},\r\n        },\r\n      },\r\n    },\r\n    '&-panel': {\r\n      '@apply mt-lg': {},\r\n      '&:not(.active)': {\r\n        display: 'none',\r\n        hidden: true,\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAGA,CAAA,MAAO;EAC7B,UAAU,EAAE;IACV,WAAW,EAAE;MACX,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,QAAQ,EAAE;MACR,wCAAwC,EAAE,CAAC,CAAC;MAC5C,WAAW,EAAE;QACX,6BAA6B,EAAE,CAAC;MAClC,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,UAAU,EAAE;QACV,oBAAoB,EAAE,CAAC;MACzB,CAAC;MAED,eAAe,EAAE;QACfC,OAAO,EAAE,IAAI;QACb,uEAAuE,EAAE,CAAC;MAC5E;IACF,CAAC;IACD,OAAO,EAAE;MACP,uFAAuF,EAAE,CAAC,CAAC;MAC3F,kBAAkB,EAAE,CAAC,CAAC;MACtB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,YAAY,EAAE;QACZ,2BAA2B,EAAE,CAAC,CAAC;QAC/B,yBAAyB,EAAE,CAAC;MAC9B,CAAC;MACD,UAAU,EAAE;QACV,kBAAkB,EAAE,CAAC,CAAC;QACtB,UAAU,EAAE;UACVA,OAAO,EAAE,IAAI;UACb,2EAA2E,EAAE,CAAC;QAChF;MACF,CAAC;MACD,WAAW,EAAE;QACX,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,UAAU,EAAE;QACV,4BAA4B,EAAE,CAAC;MACjC,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,CAAC;MACxB,CAAC;MACD,gBAAgB,EAAE;QAChB,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,QAAQ,EAAE;QACR,cAAc,EAAE;UACd,cAAc,EAAE,CAAC;QACnB;MACF;IACF,CAAC;IACD,SAAS,EAAE;MACT,cAAc,EAAE,CAAC,CAAC;MAClB,gBAAgB,EAAE;QAChBC,OAAO,EAAE,MAAM;QACfC,MAAM,EAAE;MACV;IACF;EACF;AACF,CAAC,CAAC"}

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["preset","require","plugin","module","exports","default"],"sources":["../../src/index.js"],"sourcesContent":["const preset = require('./preset');\nconst plugin = require('./plugin');\n\nmodule.exports = {\n  default: plugin,\n  plugin: plugin,\n  preset: preset,\n};\n"],"mappings":"AAAA,IAAMA,MAAM,GAAGC,OAAO,CAAC,UAAU,CAAC;AAClC,IAAMC,MAAM,GAAGD,OAAO,CAAC,UAAU,CAAC;AAElCE,MAAM,CAACC,OAAO,GAAG;EACfC,OAAO,EAAEH,MAAM;EACfA,MAAM,EAAEA,MAAM;EACdF,MAAM,EAAEA;AACV,CAAC"}
+{"version":3,"file":"index.js","names":["preset","require","plugin","module","exports","default"],"sources":["../../src/index.js"],"sourcesContent":["const preset = require('./preset');\r\nconst plugin = require('./plugin');\r\n\r\nmodule.exports = {\r\n  default: plugin,\r\n  plugin: plugin,\r\n  preset: preset,\r\n};\r\n"],"mappings":"AAAA,IAAMA,MAAM,GAAGC,OAAO,CAAC,UAAU,CAAC;AAClC,IAAMC,MAAM,GAAGD,OAAO,CAAC,UAAU,CAAC;AAElCE,MAAM,CAACC,OAAO,GAAG;EACfC,OAAO,EAAEH,MAAM;EACfA,MAAM,EAAEA,MAAM;EACdF,MAAM,EAAEA;AACV,CAAC"}