@sk-web-gui/core 0.1.75 → 0.1.77

package/dist/cjs/components/forms.js

@@ -0,0 +1,273 @@
+"use strict";
+
+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); }
+function fieldOutline(colors) {
+  return {
+    '&-outline': _extends({
+      '@apply border shadow-sm border-gray-stroke': {},
+      '@apply text-gray bg-white': {}
+    }, colors.reduce(function (styles, color) {
+      var _ref, _extends2;
+      return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply focus-visible:border-" + color + " focus-visible:ring-" + color] = {}, _ref["@apply dark:focus-visible:border-" + color + " dark:focus-visible:ring-" + color] = {}, _ref), _extends2));
+    }, {}), {
+      '&[aria-invalid=true]': {
+        '@apply border-error ring-error': {},
+        '&:focus-visible': {
+          '@apply border-error ring-error': {}
+        }
+      }
+    })
+  };
+}
+function fieldSolid(colors) {
+  return {
+    '&-solid': _extends({
+      '@apply border border-transparent': {},
+      '@apply text-black bg-gray-light': {}
+    }, colors.reduce(function (styles, color) {
+      var _ref2, _extends3;
+      return _extends({}, styles, (_extends3 = {}, _extends3["&[data-color=\"" + color + "\"]"] = (_ref2 = {}, _ref2["@apply focus-visible:border-" + color + " focus-visible:ring-" + color] = {}, _ref2["@apply dark:focus-visible:border-" + color + " dark:focus-visible:ring-" + color] = {}, _ref2), _extends3));
+    }, {}), {
+      '&[aria-invalid=true]': {
+        '@apply border-error ring-error': {},
+        '&:focus-visible': {
+          '@apply border-error ring-error': {}
+        }
+      }
+    })
+  };
+}
+function formControl() {
+  return {
+    '.form-control': {
+      '@apply w-full relative': {}
+    },
+    '.form-helper-text': {
+      '@apply mt-1.5 leading-none text-gray dark:text-white/60': {}
+    },
+    '.form-error-message': {
+      '@apply mt-1.5 leading-none flex items-center text-sm text-error': {}
+    },
+    '.form-label': {
+      '@apply text-sm font-medium text-left align-middle block mb-1.5': {}
+    },
+    '.form-required-indicator': {
+      '@apply ml-1 text-sm': {},
+      '--tw-text-opacity': '1',
+      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',
+      '.dark &': {
+        '--tw-text-opacity': '1',
+        color: 'rgba(252, 165, 165, var(--tw-text-opacity))'
+      }
+    }
+  };
+}
+function formInputGroup() {
+  return {
+    '.form-input-group': {
+      '@apply flex relative bg-white h-fit w-full rounded-[0.2rem] border border-gray-stroke': {},
+      '&:focus-within': {
+        '@apply border border-primary ring-primary ring-1': {}
+      },
+      '> *': {
+        '@apply border-0 ring-0 shadow-none': {},
+        '&:focus': {
+          '@apply ring-0': {}
+        }
+      },
+      '&-sm': {
+        '@apply min-h-[4rem] max-h-[4rem]': {},
+        '.form-field': {
+          '@apply min-h-[3.8rem] max-h-[3.8rem]': {}
+        }
+      },
+      '&-md': {
+        '@apply min-h-[4.4rem] max-h-[4.4rem]': {},
+        '.form-field': {
+          '@apply min-h-[4.2rem] max-h-[4.2rem]': {}
+        }
+      },
+      '&-lg': {
+        '@apply min-h-[4.8rem] max-h-[4.8rem]': {},
+        '.form-field': {
+          '@apply min-h-[4.6rem] max-h-[4.6rem]': {}
+        }
+      },
+      "&[data-rounded='true']": {
+        '@apply rounded-[3.2rem]': {},
+        '> *:first-child': {
+          '@apply rounded-[3.2rem]': {}
+        },
+        '> *:last-child': {
+          '@apply rounded-[3.2rem]': {}
+        }
+      },
+      '&[aria-invalid=true]': {
+        '@apply border-error ring-error': {}
+      }
+    },
+    '.form-input-element': {
+      '@apply flex items-center justify-center absolute z-base top-0': {},
+      '&-sm': {
+        '@apply text-xs h-7 w-7': {}
+      },
+      '&-md': {
+        '@apply text-sm h-8 w-8': {}
+      },
+      '&-lg': {
+        '@apply text-base h-10 w-10': {}
+      }
+    },
+    '.form-input-addon': {
+      '@apply flex items-center w-auto shadow-sm whitespace-nowrap': {},
+      '@apply text-neutral-600 bg-neutral-50': {},
+      // dark colors
+      '@apply dark:border-neutral-700': {},
+      '@apply dark:text-neutral-100 dark:bg-white/30': {},
+      '&-sm': {
+        '@apply px-3 text-xs': {}
+      },
+      '&-md': {
+        '@apply px-4 text-sm': {}
+      },
+      '&-lg': {
+        '@apply px-4 text-base': {}
+      },
+      '&-left': {
+        '@apply rounded-r-none': {}
+      },
+      '&-right': {
+        '@apply rounded-l-none': {}
+      }
+    },
+    '.form-input-addin': {
+      '@apply flex items-center w-auto whitespace-nowrap': {},
+      '@apply text-body': {},
+      '&-sm': {
+        '@apply px-[1.44rem] text-xs': {}
+      },
+      '&-md': {
+        '@apply px-[1.6rem] text-sm': {}
+      },
+      '&-lg': {
+        '@apply px-[1.76rem] text-base': {}
+      },
+      '&-left': {
+        '@apply pr-0 rounded-r-none': {}
+      },
+      '&-right': {
+        '@apply pl-0 rounded-l-none': {}
+      }
+    }
+  };
+}
+module.exports = Forms = function Forms(colors) {
+  return _extends({
+    '.form-field': _extends({
+      '@apply rounded-[0.2rem] placeholder-gray-stroke': {},
+      '@apply relative w-full min-w-0 inline-flex items-center appearance-none focus-visible:outline-none': {},
+      '@apply transition-colors	duration-75 ease-out': {},
+      '&-sm': {
+        '@apply text-sm leading-sm': {},
+        '@apply py-0 px-[1.44rem] min-h-[4rem] max-h-[4rem]': {}
+      },
+      '&-md': {
+        '@apply text-base leading-base': {},
+        '@apply py-0 px-[1.6rem] min-h-[4.4rem] max-h-[4.4rem]': {}
+      },
+      '&-lg': {
+        '@apply text-base leading-lg': {},
+        '@apply py-0 px-[1.76rem] min-h-[4.8rem] max-h-[4.8rem]': {}
+      },
+      '&-disabled, &&-disabled': {
+        '@apply disabled:cursor-not-allowed cursor-not-allowed': {},
+        '@apply disabled:bg-gray-lighter bg-gray-lighter': {}
+      },
+      "&[data-rounded='true']": {
+        '@apply rounded-[3.2rem]': {}
+      }
+    }, fieldOutline(colors), fieldSolid(colors)),
+    '.form-button': {
+      '@apply text-[1.1433em] border-0 ml-auto text-primary hover:text-white': {},
+      '&[data-icon=true]': {
+        '@apply p-[0.2em]': {}
+      },
+      '&-icon': {
+        '@apply inline-flex': {}
+      },
+      '&-wrapper': {
+        '@apply flex items-center absolute inset-y-0 right-sm': {}
+      }
+    },
+    '.form-textarea': {
+      maxHeight: 'none',
+      '&.form-field': {
+        '&-sm': {
+          '@apply py-[0.85rem] min-h-[4rem]': {}
+        },
+        '&-md': {
+          '@apply py-[0.9rem] min-h-[4.4rem]': {}
+        },
+        '&-lg': {
+          '@apply py-[1.1rem] min-h-[4.8rem]': {}
+        }
+      },
+      '&-counter': {
+        '@apply mt-xs text-right': {}
+      }
+    },
+    '.dropdown-search': {
+      '@apply block w-full relative': {},
+      '&-results': {
+        '@apply w-full flex justify-between items-center': {},
+        '&-text': {
+          '@apply truncate text-left grow': {}
+        },
+        '&-counter': {
+          '@apply grow-0': {}
+        }
+      }
+    },
+    '.form-select': {
+      '@apply justify-between items-center grow text-body bg-white caret-transparent select-none cursor-pointer border-gray-stroke': {},
+      'background-image': 'none',
+      '&-wrapper': {
+        '@apply block w-full relative': {}
+      },
+      '&-icon': {
+        '@apply grow-0': {}
+      },
+      '&-list': {
+        '@apply z-10 absolute overflow-y-auto w-full bg-white mt-0 border border-gray-stroke border-t-0': {}
+      },
+      '&-has-multiple-choices': {
+        '@apply flex w-full h-full justify-between items-center pr-md': {}
+      },
+      '&-multiple-chioces': {
+        '@apply truncate pr-md': {}
+      },
+      '&-option': {
+        '@apply text-body rounded-none cursor-default hover:text-white focus-visible:text-white hover:bg-primary focus-visible:bg-primary flex items-center': {},
+        '&.multiple.selected': {
+          '@apply bg-background-one': {}
+        },
+        '&.active': {
+          '@apply bg-primary text-white': {}
+        },
+        '&.active.selected': {
+          '@apply bg-gray text-white': {}
+        },
+        '&.disabled': {
+          '@apply opacity-75 cursor-not-allowed hover:bg-white hover:text-black': {}
+        },
+        '&-remove-button': {
+          '@apply w-full flex justify-between items-center': {},
+          '&-text': {
+            '@apply truncate grow text-left': {}
+          }
+        }
+      }
+    }
+  }, formInputGroup(), formControl());
+};
+//# sourceMappingURL=forms.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"forms.js","names":["fieldOutline","colors","_extends","reduce","styles","color","_ref","_extends2","fieldSolid","_ref2","_extends3","formControl","formInputGroup","module","exports","Forms","maxHeight"],"sources":["../../../src/components/forms.js"],"sourcesContent":["function fieldOutline(colors) {\r\n  return {\r\n    '&-outline': {\r\n      '@apply border shadow-sm border-gray-stroke': {},\r\n      '@apply text-gray bg-white': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n            [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&[aria-invalid=true]': {\r\n        '@apply border-error ring-error': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply border-error ring-error': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction fieldSolid(colors) {\r\n  return {\r\n    '&-solid': {\r\n      '@apply border border-transparent': {},\r\n      '@apply text-black bg-gray-light': {},\r\n\r\n      ...colors.reduce(\r\n        (styles, color) => ({\r\n          ...styles,\r\n          [`&[data-color=\"${color}\"]`]: {\r\n            [`@apply focus-visible:border-${color} focus-visible:ring-${color}`]: {},\r\n            [`@apply dark:focus-visible:border-${color} dark:focus-visible:ring-${color}`]: {},\r\n          },\r\n        }),\r\n        {}\r\n      ),\r\n\r\n      '&[aria-invalid=true]': {\r\n        '@apply border-error ring-error': {},\r\n\r\n        '&:focus-visible': {\r\n          '@apply border-error ring-error': {},\r\n        },\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction formControl() {\r\n  return {\r\n    '.form-control': {\r\n      '@apply w-full relative': {},\r\n    },\r\n    '.form-helper-text': {\r\n      '@apply mt-1.5 leading-none text-gray dark:text-white/60': {},\r\n    },\r\n    '.form-error-message': {\r\n      '@apply mt-1.5 leading-none flex items-center text-sm text-error': {},\r\n    },\r\n    '.form-label': {\r\n      '@apply text-sm font-medium text-left align-middle block mb-1.5': {},\r\n    },\r\n    '.form-required-indicator': {\r\n      '@apply ml-1 text-sm': {},\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n      '.dark &': {\r\n        '--tw-text-opacity': '1',\r\n        color: 'rgba(252, 165, 165, var(--tw-text-opacity))',\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction formInputGroup() {\r\n  return {\r\n    '.form-input-group': {\r\n      '@apply flex relative bg-white h-fit w-full rounded-[0.2rem] border border-gray-stroke': {},\r\n\r\n      '&:focus-within': {\r\n        '@apply border border-primary ring-primary ring-1': {},\r\n      },\r\n\r\n      '> *': {\r\n        '@apply border-0 ring-0 shadow-none': {},\r\n\r\n        '&:focus': {\r\n          '@apply ring-0': {},\r\n        },\r\n      },\r\n\r\n      '&-sm': {\r\n        '@apply min-h-[4rem] max-h-[4rem]': {},\r\n\r\n        '.form-field': {\r\n          '@apply min-h-[3.8rem] max-h-[3.8rem]': {},\r\n        },\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply min-h-[4.4rem] max-h-[4.4rem]': {},\r\n\r\n        '.form-field': {\r\n          '@apply min-h-[4.2rem] max-h-[4.2rem]': {},\r\n        },\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply min-h-[4.8rem] max-h-[4.8rem]': {},\r\n\r\n        '.form-field': {\r\n          '@apply min-h-[4.6rem] max-h-[4.6rem]': {},\r\n        },\r\n      },\r\n\r\n      \"&[data-rounded='true']\": {\r\n        '@apply rounded-[3.2rem]': {},\r\n\r\n        '> *:first-child': {\r\n          '@apply rounded-[3.2rem]': {},\r\n        },\r\n\r\n        '> *:last-child': {\r\n          '@apply rounded-[3.2rem]': {},\r\n        },\r\n      },\r\n\r\n      '&[aria-invalid=true]': {\r\n        '@apply border-error ring-error': {},\r\n      },\r\n    },\r\n\r\n    '.form-input-element': {\r\n      '@apply flex items-center justify-center absolute z-base top-0': {},\r\n\r\n      '&-sm': {\r\n        '@apply text-xs h-7 w-7': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply text-sm h-8 w-8': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply text-base h-10 w-10': {},\r\n      },\r\n    },\r\n\r\n    '.form-input-addon': {\r\n      '@apply flex items-center w-auto shadow-sm whitespace-nowrap': {},\r\n      '@apply text-neutral-600 bg-neutral-50': {},\r\n      // dark colors\r\n      '@apply dark:border-neutral-700': {},\r\n      '@apply dark:text-neutral-100 dark:bg-white/30': {},\r\n\r\n      '&-sm': {\r\n        '@apply px-3 text-xs': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply px-4 text-sm': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply px-4 text-base': {},\r\n      },\r\n\r\n      '&-left': {\r\n        '@apply rounded-r-none': {},\r\n      },\r\n\r\n      '&-right': {\r\n        '@apply rounded-l-none': {},\r\n      },\r\n    },\r\n    '.form-input-addin': {\r\n      '@apply flex items-center w-auto whitespace-nowrap': {},\r\n      '@apply text-body': {},\r\n\r\n      '&-sm': {\r\n        '@apply px-[1.44rem] text-xs': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply px-[1.6rem] text-sm': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply px-[1.76rem] text-base': {},\r\n      },\r\n\r\n      '&-left': {\r\n        '@apply pr-0 rounded-r-none': {},\r\n      },\r\n\r\n      '&-right': {\r\n        '@apply pl-0 rounded-l-none': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = Forms = (colors) => ({\r\n  '.form-field': {\r\n    '@apply rounded-[0.2rem] placeholder-gray-stroke': {},\r\n    '@apply relative w-full min-w-0 inline-flex items-center appearance-none focus-visible:outline-none': {},\r\n    '@apply transition-colors\tduration-75 ease-out': {},\r\n\r\n    '&-sm': {\r\n      '@apply text-sm leading-sm': {},\r\n      '@apply py-0 px-[1.44rem] min-h-[4rem] max-h-[4rem]': {},\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-base leading-base': {},\r\n      '@apply py-0 px-[1.6rem] min-h-[4.4rem] max-h-[4.4rem]': {},\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-base leading-lg': {},\r\n      '@apply py-0 px-[1.76rem] min-h-[4.8rem] max-h-[4.8rem]': {},\r\n    },\r\n\r\n    '&-disabled, &&-disabled': {\r\n      '@apply disabled:cursor-not-allowed cursor-not-allowed': {},\r\n      '@apply disabled:bg-gray-lighter bg-gray-lighter': {},\r\n    },\r\n\r\n    \"&[data-rounded='true']\": {\r\n      '@apply rounded-[3.2rem]': {},\r\n    },\r\n\r\n    // variants\r\n    ...fieldOutline(colors),\r\n    ...fieldSolid(colors),\r\n  },\r\n\r\n  '.form-button': {\r\n    '@apply text-[1.1433em] border-0 ml-auto text-primary hover:text-white': {},\r\n\r\n    '&[data-icon=true]': {\r\n      '@apply p-[0.2em]': {},\r\n    },\r\n\r\n    '&-icon': {\r\n      '@apply inline-flex': {},\r\n    },\r\n\r\n    '&-wrapper': {\r\n      '@apply flex items-center absolute inset-y-0 right-sm': {},\r\n    },\r\n  },\r\n\r\n  '.form-textarea': {\r\n    maxHeight: 'none',\r\n    '&.form-field': {\r\n      '&-sm': {\r\n        '@apply py-[0.85rem] min-h-[4rem]': {},\r\n      },\r\n\r\n      '&-md': {\r\n        '@apply py-[0.9rem] min-h-[4.4rem]': {},\r\n      },\r\n\r\n      '&-lg': {\r\n        '@apply py-[1.1rem] min-h-[4.8rem]': {},\r\n      },\r\n    },\r\n    '&-counter': {\r\n      '@apply mt-xs text-right': {},\r\n    },\r\n  },\r\n  '.dropdown-search': {\r\n    '@apply block w-full relative': {},\r\n    '&-results': {\r\n      '@apply w-full flex justify-between items-center': {},\r\n      '&-text': {\r\n        '@apply truncate text-left grow': {},\r\n      },\r\n      '&-counter': {\r\n        '@apply grow-0': {},\r\n      },\r\n    },\r\n  },\r\n\r\n  '.form-select': {\r\n    '@apply justify-between items-center grow text-body bg-white caret-transparent select-none cursor-pointer border-gray-stroke':\r\n      {},\r\n    'background-image': 'none',\r\n    '&-wrapper': {\r\n      '@apply block w-full relative': {},\r\n    },\r\n    '&-icon': {\r\n      '@apply grow-0': {},\r\n    },\r\n    '&-list': {\r\n      '@apply z-10 absolute overflow-y-auto w-full bg-white mt-0 border border-gray-stroke border-t-0': {},\r\n    },\r\n    '&-has-multiple-choices': {\r\n      '@apply flex w-full h-full justify-between items-center pr-md': {},\r\n    },\r\n    '&-multiple-chioces': {\r\n      '@apply truncate pr-md': {},\r\n    },\r\n\r\n    '&-option': {\r\n      '@apply text-body rounded-none cursor-default hover:text-white focus-visible:text-white hover:bg-primary focus-visible:bg-primary flex items-center':\r\n        {},\r\n\r\n      '&.multiple.selected': {\r\n        '@apply bg-background-one': {},\r\n      },\r\n      '&.active': {\r\n        '@apply bg-primary text-white': {},\r\n      },\r\n      '&.active.selected': {\r\n        '@apply bg-gray text-white': {},\r\n      },\r\n      '&.disabled': {\r\n        '@apply opacity-75 cursor-not-allowed hover:bg-white hover:text-black': {},\r\n      },\r\n      '&-remove-button': {\r\n        '@apply w-full flex justify-between items-center': {},\r\n        '&-text': {\r\n          '@apply truncate grow text-left': {},\r\n        },\r\n      },\r\n    },\r\n  },\r\n\r\n  ...formInputGroup(),\r\n  ...formControl(),\r\n});\r\n"],"mappings":"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"}

package/dist/cjs/components/header.js

@@ -0,0 +1,24 @@
+"use strict";
+
+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 = Header = function Header(colors) {
+  var _dataColorNone, _extends3;
+  return {
+    '.header': _extends({
+      '@apply lg:border-t-8 lg:border-primary lg:static lg:w-auto lg:h-auto lg:min-h-0': {}
+    }, colors.reduce(function (styles, color) {
+      var _ref, _extends2;
+      return _extends({}, styles, (_extends2 = {}, _extends2["&[data-color=\"" + color + "\"]"] = (_ref = {}, _ref["@apply border-" + color] = {}, _ref), _extends2));
+    }, {}), (_extends3 = {}, _extends3["&[data-color=\"none\"]"] = (_dataColorNone = {}, _dataColorNone["@apply border-none"] = {}, _dataColorNone), _extends3['&-container'] = {
+      '@apply flex lg:h-[112px] shadow-lg relative mx-auto px-7 pt-[22px] pb-[8px] z-10': {}
+    }, _extends3['&-content'] = {
+      '@apply flex items-center w-full justify-between m-auto flex-shrink-0 text-body max-w-[140rem]': {}
+    }, _extends3['&-usermenu'] = {
+      '@apply lg:-mr-lg block flex-shrink lg:flex lg:items-center lg:w-auto': {},
+      '&-content': {
+        '@apply flex flex-grow lg:flex justify-end items-center lg:w-auto': {}
+      }
+    }, _extends3))
+  };
+};
+//# sourceMappingURL=header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","names":["module","exports","Header","colors","_dataColorNone","_extends3","_extends","reduce","styles","color","_ref","_extends2"],"sources":["../../../src/components/header.js"],"sourcesContent":["module.exports = Header = (colors) => ({\r\n  '.header': {\r\n    '@apply lg:border-t-8 lg:border-primary lg:static lg:w-auto lg:h-auto lg:min-h-0': {},\r\n\r\n    ...colors.reduce(\r\n      (styles, color) => ({\r\n        ...styles,\r\n        [`&[data-color=\"${color}\"]`]: {\r\n          [`@apply border-${color}`]: {},\r\n        },\r\n      }),\r\n      {}\r\n    ),\r\n\r\n    [`&[data-color=\"none\"]`]: {\r\n      [`@apply border-none`]: {},\r\n    },\r\n\r\n    '&-container': {\r\n      '@apply flex lg:h-[112px] shadow-lg relative mx-auto px-7 pt-[22px] pb-[8px] z-10': {},\r\n    },\r\n\r\n    '&-content': {\r\n      '@apply flex items-center w-full justify-between m-auto flex-shrink-0 text-body max-w-[140rem]': {},\r\n    },\r\n\r\n    '&-usermenu': {\r\n      '@apply lg:-mr-lg block flex-shrink lg:flex lg:items-center lg:w-auto': {},\r\n\r\n      '&-content': {\r\n        '@apply flex flex-grow lg:flex justify-end items-center lg:w-auto': {},\r\n      },\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;AAAAA,MAAM,CAACC,OAAO,GAAGC,MAAM,GAAG,SAAAA,OAACC,MAAM;EAAA,IAAAC,cAAA,EAAAC,SAAA;EAAA,OAAM;IACrC,SAAS,EAAAC,QAAA;MACP,iFAAiF,EAAE,CAAC;IAAC,GAElFH,MAAM,CAACI,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAL,QAAA,KACTE,MAAM,GAAAG,SAAA,OAAAA,SAAA,qBACSF,KAAK,aAAAC,IAAA,OAAAA,IAAA,oBACHD,KAAK,IAAK,CAAC,CAAC,EAAAC,IAAA,GAAAC,SAAA;IAAA,CAEhC,EACF,CAAC,CAAC,CACH,GAAAN,SAAA,OAAAA,SAAA,8BAAAD,cAAA,OAAAA,cAAA,yBAGyB,CAAC,CAAC,EAAAA,cAAA,GAAAC,SAAA,CAG5B,aAAa,IAAE;MACb,kFAAkF,EAAE,CAAC;IACvF,CAAC,EAAAA,SAAA,CAED,WAAW,IAAE;MACX,+FAA+F,EAAE,CAAC;IACpG,CAAC,EAAAA,SAAA,CAED,YAAY,IAAE;MACZ,sEAAsE,EAAE,CAAC,CAAC;MAE1E,WAAW,EAAE;QACX,kEAAkE,EAAE,CAAC;MACvE;IACF,CAAC,EAAAA,SAAA;EAEL,CAAC;AAAA,CAAC"}

package/dist/cjs/components/icon.js

@@ -0,0 +1,13 @@
+"use strict";
+
+module.exports = Icon = function Icon() {
+  return {
+    '.icon-inline': {
+      '@apply inline-block align-middle': {}
+    },
+    '.icon-block': {
+      '@apply block': {}
+    }
+  };
+};
+//# sourceMappingURL=icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","names":["module","exports","Icon"],"sources":["../../../src/components/icon.js"],"sourcesContent":["module.exports = Icon = () => ({\r\n  '.icon-inline': {\r\n    '@apply inline-block align-middle': {},\r\n  },\r\n\r\n  '.icon-block': {\r\n    '@apply block': {},\r\n  },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAG,SAAAA,KAAA;EAAA,OAAO;IAC7B,cAAc,EAAE;MACd,kCAAkC,EAAE,CAAC;IACvC,CAAC;IAED,aAAa,EAAE;MACb,cAAc,EAAE,CAAC;IACnB;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/kbd.js

@@ -0,0 +1,14 @@
+"use strict";
+
+module.exports = Kbd = function Kbd() {
+  return {
+    '.kbd': {
+      '@apply inline-flex justify-center items-center capitalize text-xs p-1 rounded h-5 whitespace-nowrap font-sans': {},
+      minWidth: '1.25rem',
+      '@apply bg-blackAlpha-100 text-body': {},
+      // dark
+      '@apply dark:bg-white/30 dark:text-neutral-300': {}
+    }
+  };
+};
+//# sourceMappingURL=kbd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.js","names":["module","exports","Kbd","minWidth"],"sources":["../../../src/components/kbd.js"],"sourcesContent":["module.exports = Kbd = () => ({\r\n  '.kbd': {\r\n    '@apply inline-flex justify-center items-center capitalize text-xs p-1 rounded h-5 whitespace-nowrap font-sans': {},\r\n    minWidth: '1.25rem',\r\n    '@apply bg-blackAlpha-100 text-body': {},\r\n    // dark\r\n    '@apply dark:bg-white/30 dark:text-neutral-300': {},\r\n  },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,GAAG,GAAG,SAAAA,IAAA;EAAA,OAAO;IAC5B,MAAM,EAAE;MACN,+GAA+G,EAAE,CAAC,CAAC;MACnHC,QAAQ,EAAE,SAAS;MACnB,oCAAoC,EAAE,CAAC,CAAC;MACxC;MACA,+CAA+C,EAAE,CAAC;IACpD;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/link.js

@@ -0,0 +1,25 @@
+"use strict";
+
+module.exports = Link = function Link() {
+  return {
+    '.link': {
+      '@apply cursor-base underline outline-none hover:underline': {},
+      '@apply text-primary dark:text-primary': {},
+      '@apply focus-visible:ring-4 focus-visible:ring-primary': {},
+      '@apply hover:text-primary-active': {},
+      '&.active': {
+        '@apply underline text-primary-active': {}
+      },
+      '&-external-icon': {
+        fontSize: '0.875em !important',
+        lineHeight: '1',
+        marginLeft: '.25em',
+        verticalAlign: 'text-top'
+      },
+      '&-disabled': {
+        '@apply disabled:opacity-60 disabled:cursor-not-allowed disabled:no-underline': {}
+      }
+    }
+  };
+};
+//# sourceMappingURL=link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","names":["module","exports","Link","fontSize","lineHeight","marginLeft","verticalAlign"],"sources":["../../../src/components/link.js"],"sourcesContent":["module.exports = Link = () => ({\r\n  '.link': {\r\n    '@apply cursor-base underline outline-none hover:underline': {},\r\n    '@apply text-primary dark:text-primary': {},\r\n    '@apply focus-visible:ring-4 focus-visible:ring-primary': {},\r\n\r\n    '@apply hover:text-primary-active': {},\r\n\r\n    '&.active': {\r\n      '@apply underline text-primary-active': {},\r\n    },\r\n    '&-external-icon': {\r\n      fontSize: '0.875em !important',\r\n      lineHeight: '1',\r\n      marginLeft: '.25em',\r\n      verticalAlign: 'text-top',\r\n    },\r\n\r\n    '&-disabled': {\r\n      '@apply disabled:opacity-60 disabled:cursor-not-allowed disabled:no-underline': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,IAAI,GAAG,SAAAA,KAAA;EAAA,OAAO;IAC7B,OAAO,EAAE;MACP,2DAA2D,EAAE,CAAC,CAAC;MAC/D,uCAAuC,EAAE,CAAC,CAAC;MAC3C,wDAAwD,EAAE,CAAC,CAAC;MAE5D,kCAAkC,EAAE,CAAC,CAAC;MAEtC,UAAU,EAAE;QACV,sCAAsC,EAAE,CAAC;MAC3C,CAAC;MACD,iBAAiB,EAAE;QACjBC,QAAQ,EAAE,oBAAoB;QAC9BC,UAAU,EAAE,GAAG;QACfC,UAAU,EAAE,OAAO;QACnBC,aAAa,EAAE;MACjB,CAAC;MAED,YAAY,EAAE;QACZ,8EAA8E,EAAE,CAAC;MACnF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/message.js

@@ -0,0 +1,54 @@
+"use strict";
+
+module.exports = Message = function Message() {
+  return {
+    '.message': {
+      '@apply max-w-2xl flex items-center font-bold text-sm sm:text-base px-6 py-6 m-2 shadow-lg w-max break-words': {},
+      '@apply text-body bg-white border-l-4': {},
+      // dark
+      '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},
+      '&-text': {
+        '@apply text-left flex-grow': {}
+      },
+      '&-info': {
+        '@apply border-info': {},
+        '.message-icon': {
+          '@apply text-info': {}
+        }
+      },
+      '&-success': {
+        '@apply border-success': {},
+        '.message-icon': {
+          '@apply text-success': {}
+        }
+      },
+      '&-error': {
+        '@apply border-error': {},
+        '.message-icon': {
+          '@apply text-error': {}
+        }
+      },
+      '&-warning': {
+        '@apply border-warning': {},
+        '.message-icon': {
+          '@apply text-warning': {}
+        }
+      }
+    },
+    '.message-icon': {
+      '@apply mr-4 flex-shrink-0 w-10 h-10': {}
+    },
+    '.message-close-button': {
+      '@apply text-body border-transparent flex items-center justify-center transition-all duration-150 rounded-full outline-none cursor-base': {},
+      marginLeft: '0.25em',
+      marginRight: '-0.55em',
+      '&-icon': {
+        '@apply !text-xl': {}
+      },
+      '&-disabled': {
+        '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {}
+      }
+    }
+  };
+};
+//# sourceMappingURL=message.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","names":["module","exports","Message","marginLeft","marginRight"],"sources":["../../../src/components/message.js"],"sourcesContent":["module.exports = Message = () => ({\r\n  '.message': {\r\n    '@apply max-w-2xl flex items-center font-bold text-sm sm:text-base px-6 py-6 m-2 shadow-lg w-max break-words': {},\r\n    '@apply text-body bg-white border-l-4': {},\r\n    // dark\r\n    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},\r\n\r\n    '&-text': {\r\n      '@apply text-left flex-grow': {},\r\n    },\r\n\r\n    '&-info': {\r\n      '@apply border-info': {},\r\n\r\n      '.message-icon': {\r\n        '@apply text-info': {},\r\n      },\r\n    },\r\n    '&-success': {\r\n      '@apply border-success': {},\r\n\r\n      '.message-icon': {\r\n        '@apply text-success': {},\r\n      },\r\n    },\r\n    '&-error': {\r\n      '@apply border-error': {},\r\n\r\n      '.message-icon': {\r\n        '@apply text-error': {},\r\n      },\r\n    },\r\n    '&-warning': {\r\n      '@apply border-warning': {},\r\n\r\n      '.message-icon': {\r\n        '@apply text-warning': {},\r\n      },\r\n    },\r\n  },\r\n\r\n  '.message-icon': {\r\n    '@apply mr-4 flex-shrink-0 w-10 h-10': {},\r\n  },\r\n\r\n  '.message-close-button': {\r\n    '@apply text-body border-transparent flex items-center justify-center transition-all duration-150 rounded-full outline-none cursor-base':\r\n      {},\r\n    marginLeft: '0.25em',\r\n    marginRight: '-0.55em',\r\n\r\n    '&-icon': {\r\n      '@apply !text-xl': {},\r\n    },\r\n\r\n    '&-disabled': {\r\n      '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAG,SAAAA,QAAA;EAAA,OAAO;IAChC,UAAU,EAAE;MACV,6GAA6G,EAAE,CAAC,CAAC;MACjH,sCAAsC,EAAE,CAAC,CAAC;MAC1C;MACA,0EAA0E,EAAE,CAAC,CAAC;MAE9E,QAAQ,EAAE;QACR,4BAA4B,EAAE,CAAC;MACjC,CAAC;MAED,QAAQ,EAAE;QACR,oBAAoB,EAAE,CAAC,CAAC;QAExB,eAAe,EAAE;UACf,kBAAkB,EAAE,CAAC;QACvB;MACF,CAAC;MACD,WAAW,EAAE;QACX,uBAAuB,EAAE,CAAC,CAAC;QAE3B,eAAe,EAAE;UACf,qBAAqB,EAAE,CAAC;QAC1B;MACF,CAAC;MACD,SAAS,EAAE;QACT,qBAAqB,EAAE,CAAC,CAAC;QAEzB,eAAe,EAAE;UACf,mBAAmB,EAAE,CAAC;QACxB;MACF,CAAC;MACD,WAAW,EAAE;QACX,uBAAuB,EAAE,CAAC,CAAC;QAE3B,eAAe,EAAE;UACf,qBAAqB,EAAE,CAAC;QAC1B;MACF;IACF,CAAC;IAED,eAAe,EAAE;MACf,qCAAqC,EAAE,CAAC;IAC1C,CAAC;IAED,uBAAuB,EAAE;MACvB,wIAAwI,EACtI,CAAC,CAAC;MACJC,UAAU,EAAE,QAAQ;MACpBC,WAAW,EAAE,SAAS;MAEtB,QAAQ,EAAE;QACR,iBAAiB,EAAE,CAAC;MACtB,CAAC;MAED,YAAY,EAAE;QACZ,6EAA6E,EAAE,CAAC;MAClF;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/modal.js

@@ -0,0 +1,28 @@
+"use strict";
+
+module.exports = Modal = function Modal() {
+  return {
+    '.modal': {
+      '@apply fixed inset-0 z-10 flex items-center justify-center overflow-y-auto': {},
+      '&-backdrop': {
+        '@apply bg-black bg-opacity-30': {}
+      },
+      '&-wrapper': {
+        '@apply flex flex-col container py-8 px-4 text-center bg-white max-w-screen-sm relative': {}
+      },
+      '&-close-btn': {
+        '@apply cursor-pointer hover:text-primary-active absolute right-8 top-6 border border-transparent focus-visible:border-black flex self-center': {}
+      },
+      '&-title': {
+        '@apply text-3xl p-4': {}
+      },
+      '&-description': {
+        '@apply text-base p-4': {}
+      },
+      '&-content-wrapper': {
+        '@apply p-4 space-y-10': {}
+      }
+    }
+  };
+};
+//# sourceMappingURL=modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","names":["module","exports","Modal"],"sources":["../../../src/components/modal.js"],"sourcesContent":["module.exports = Modal = () => ({\r\n  '.modal': {\r\n    '@apply fixed inset-0 z-10 flex items-center justify-center overflow-y-auto': {},\r\n\r\n    '&-backdrop': {\r\n      '@apply bg-black bg-opacity-30': {},\r\n    },\r\n\r\n    '&-wrapper': {\r\n      '@apply flex flex-col container py-8 px-4 text-center bg-white max-w-screen-sm relative': {},\r\n    },\r\n\r\n    '&-close-btn': {\r\n      '@apply cursor-pointer hover:text-primary-active absolute right-8 top-6 border border-transparent focus-visible:border-black flex self-center':\r\n        {},\r\n    },\r\n\r\n    '&-title': {\r\n      '@apply text-3xl p-4': {},\r\n    },\r\n\r\n    '&-description': {\r\n      '@apply text-base p-4': {},\r\n    },\r\n\r\n    '&-content-wrapper': {\r\n      '@apply p-4 space-y-10': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAG,SAAAA,MAAA;EAAA,OAAO;IAC9B,QAAQ,EAAE;MACR,4EAA4E,EAAE,CAAC,CAAC;MAEhF,YAAY,EAAE;QACZ,+BAA+B,EAAE,CAAC;MACpC,CAAC;MAED,WAAW,EAAE;QACX,wFAAwF,EAAE,CAAC;MAC7F,CAAC;MAED,aAAa,EAAE;QACb,8IAA8I,EAC5I,CAAC;MACL,CAAC;MAED,SAAS,EAAE;QACT,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MAED,eAAe,EAAE;QACf,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MAED,mBAAmB,EAAE;QACnB,uBAAuB,EAAE,CAAC;MAC5B;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/notification.js

@@ -0,0 +1,53 @@
+"use strict";
+
+module.exports = Notification = function Notification() {
+  return {
+    '.notification': {
+      '@apply relative flex p-4 text-sm w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},
+      '@apply text-body bg-white border border-neutral-200': {},
+      // dark
+      '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {}
+    },
+    '.notification-icon': {
+      '@apply flex-shrink-0 w-5 h-5 mr-3': {},
+      '&-info': {
+        '--tw-text-opacity': '1',
+        color: 'rgba(59, 130, 246, var(--tw-text-opacity))'
+      },
+      '&-success': {
+        '--tw-text-opacity': '1',
+        color: 'rgba(34, 197, 94, var(--tw-text-opacity))'
+      },
+      '&-error': {
+        '--tw-text-opacity': '1',
+        color: 'rgba(239, 68, 68, var(--tw-text-opacity))'
+      },
+      '&-warning': {
+        '--tw-text-opacity': '1',
+        color: 'rgba(234, 179, 8, var(--tw-text-opacity))'
+      }
+    },
+    '.notification-content': {
+      '@apply flex flex-col items-start flex-1 mr-2 -mt-px text-left': {},
+      '&-title': {
+        '@apply font-semibold': {}
+      },
+      '&-description': {
+        '@apply text-neutral-500 dark:text-neutral-400': {}
+      }
+    },
+    '.notification-action': {
+      '@apply absolute space-x-2': {},
+      right: 16,
+      top: 16,
+      '&-undo': {
+        '@apply h-auto p-0 text-sm': {}
+      },
+      '&-close-button': {
+        '@apply cursor-base text-neutral-700 hover:text-body': {},
+        '@apply dark:text-neutral-400 dark:hover:text-neutral-100': {}
+      }
+    }
+  };
+};
+//# sourceMappingURL=notification.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"notification.js","names":["module","exports","Notification","color","right","top"],"sources":["../../../src/components/notification.js"],"sourcesContent":["module.exports = Notification = () => ({\r\n  '.notification': {\r\n    '@apply relative flex p-4 text-sm w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {},\r\n    '@apply text-body bg-white border border-neutral-200': {},\r\n    // dark\r\n    '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {},\r\n  },\r\n\r\n  '.notification-icon': {\r\n    '@apply flex-shrink-0 w-5 h-5 mr-3': {},\r\n\r\n    '&-info': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(59, 130, 246, var(--tw-text-opacity))',\r\n    },\r\n    '&-success': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(34, 197, 94, var(--tw-text-opacity))',\r\n    },\r\n    '&-error': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(239, 68, 68, var(--tw-text-opacity))',\r\n    },\r\n    '&-warning': {\r\n      '--tw-text-opacity': '1',\r\n      color: 'rgba(234, 179, 8, var(--tw-text-opacity))',\r\n    },\r\n  },\r\n\r\n  '.notification-content': {\r\n    '@apply flex flex-col items-start flex-1 mr-2 -mt-px text-left': {},\r\n\r\n    '&-title': {\r\n      '@apply font-semibold': {},\r\n    },\r\n\r\n    '&-description': {\r\n      '@apply text-neutral-500 dark:text-neutral-400': {},\r\n    },\r\n  },\r\n\r\n  '.notification-action': {\r\n    '@apply absolute space-x-2': {},\r\n    right: 16,\r\n    top: 16,\r\n\r\n    '&-undo': {\r\n      '@apply h-auto p-0 text-sm': {},\r\n    },\r\n\r\n    '&-close-button': {\r\n      '@apply cursor-base text-neutral-700 hover:text-body': {},\r\n      '@apply dark:text-neutral-400 dark:hover:text-neutral-100': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;AAAAA,MAAM,CAACC,OAAO,GAAGC,YAAY,GAAG,SAAAA,aAAA;EAAA,OAAO;IACrC,eAAe,EAAE;MACf,yFAAyF,EAAE,CAAC,CAAC;MAC7F,qDAAqD,EAAE,CAAC,CAAC;MACzD;MACA,0EAA0E,EAAE,CAAC;IAC/E,CAAC;IAED,oBAAoB,EAAE;MACpB,mCAAmC,EAAE,CAAC,CAAC;MAEvC,QAAQ,EAAE;QACR,mBAAmB,EAAE,GAAG;QACxBC,KAAK,EAAE;MACT,CAAC;MACD,WAAW,EAAE;QACX,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT,CAAC;MACD,SAAS,EAAE;QACT,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT,CAAC;MACD,WAAW,EAAE;QACX,mBAAmB,EAAE,GAAG;QACxBA,KAAK,EAAE;MACT;IACF,CAAC;IAED,uBAAuB,EAAE;MACvB,+DAA+D,EAAE,CAAC,CAAC;MAEnE,SAAS,EAAE;QACT,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MAED,eAAe,EAAE;QACf,+CAA+C,EAAE,CAAC;MACpD;IACF,CAAC;IAED,sBAAsB,EAAE;MACtB,2BAA2B,EAAE,CAAC,CAAC;MAC/BC,KAAK,EAAE,EAAE;MACTC,GAAG,EAAE,EAAE;MAEP,QAAQ,EAAE;QACR,2BAA2B,EAAE,CAAC;MAChC,CAAC;MAED,gBAAgB,EAAE;QAChB,qDAAqD,EAAE,CAAC,CAAC;QACzD,0DAA0D,EAAE,CAAC;MAC/D;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/pagination.js

@@ -0,0 +1,84 @@
+"use strict";
+
+module.exports = Pagination = function Pagination() {
+  return {
+    '.pagination': {
+      '@apply select-none': {},
+      '&-sm': {
+        '@apply text-xs': {}
+      },
+      '&-md': {
+        '@apply text-lg': {}
+      },
+      '&-lg': {
+        '@apply text-xl': {}
+      },
+      '&-list': {
+        '@apply flex items-center': {}
+      },
+      '.form-select-wrapper': {
+        '@apply w-fit': {}
+      },
+      '&-pageLabel': {
+        '@apply cursor-pointer m-sm box-content': {},
+        width: '1.5em',
+        height: '1.75em',
+        "&[aria-disabled='true']": {
+          '@apply border-primary border-b cursor-default text-primary': {}
+        }
+      },
+      '&-prevNextButton': {
+        '@apply text-body ml-4 my-sm inline-flex items-center sm:w-auto inline-flex flex-row leading-none': {},
+        height: '1.75em',
+        '&[data-reverse=true]': {
+          '@apply mr-4 ml-0 flex-row-reverse': {},
+          '.pagination-prevNextButton-label': {
+            '@apply mr-sm ml-0': {}
+          }
+        },
+        '&[disabled]': {
+          '@apply opacity-50 cursor-default': {}
+        },
+        "&[disabled='false']": {
+          '&-label, &-icon': {
+            '@apply cursor-pointer': {}
+          }
+        },
+        '&-label': {
+          '@apply hidden sm:inline ml-sm leading-none': {}
+        },
+        '&-icon': {
+          '@apply m-1 leading-none flex items-center': {},
+          '.MuiSvgIcon-root': {
+            fontSize: '1em'
+          }
+        }
+      },
+      '&-ellipsis': {
+        '@apply inline-block w-16 text-center': {}
+      },
+      '&.fit-content': {
+        '@apply w-full max-w-full': {},
+        '.pagination-list': {
+          '@apply w-full flex justify-between': {},
+          '&-item': {
+            '@apply px-0  flex-shrink grow text-center': {},
+            '&.ellipsis': {
+              '@apply flex-shrink grow-0': {}
+            },
+            '&.prev-next': {
+              '@apply flex-shrink grow-0': {}
+            },
+            '.pagination-pageLabel': {
+              '@apply w-full max-w-[1.5em] mx-xs': {}
+            }
+          }
+        },
+        '.form-select-wrapper': {
+          '@apply w-full': {}
+        }
+      }
+    }
+  };
+};
+//# sourceMappingURL=pagination.js.map