@sk-web-gui/core 1.0.2 → 1.1.0

package/dist/types/units.d.ts

@@ -0,0 +1,251 @@
+declare const _units: {
+    spacing: {
+        '0': string;
+        '2': string;
+        '4': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+        '14': string;
+        '16': string;
+        '18': string;
+        '20': string;
+        '24': string;
+        '32': string;
+        '40': string;
+        '48': string;
+        '56': string;
+        '64': string;
+        '72': string;
+        '80': string;
+    };
+    fontSizes: {
+        'display-1': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'display-1-lg': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'display-1-md': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'display-1-sm': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'display-2': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'display-2-lg': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'display-2-md': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'display-2-sm': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'display-3': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'display-3-lg': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'display-3-md': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'display-3-sm': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        h1: (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'h1-lg': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'h1-md': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'h1-sm': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        h2: (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'h2-lg': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'h2-md': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'h2-sm': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        h3: (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'h3-lg': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'h3-md': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'h3-sm': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        h4: (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'h4-lg': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'h4-md': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'h4-sm': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'label-large': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'label-medium': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'label-small': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'input-large': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'input-medium': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        'input-small': (string | {
+            lineHeight: string;
+            fontWeight: number;
+        })[];
+        lead: string[];
+        base: string[];
+        large: string[];
+        small: string[];
+    };
+    lineHeights: {
+        'display-1': string;
+        'display-1-lg': string;
+        'display-1-md': string;
+        'display-1-sm': string;
+        'display-2': string;
+        'display-2-lg': string;
+        'display-2-md': string;
+        'display-2-sm': string;
+        'display-3': string;
+        'display-3-lg': string;
+        'display-3-md': string;
+        'display-3-sm': string;
+        h1: string;
+        'h1-lg': string;
+        'h1-md': string;
+        'h1-sm': string;
+        h2: string;
+        'h2-lg': string;
+        'h2-md': string;
+        'h2-sm': string;
+        h3: string;
+        'h3-lg': string;
+        'h3-md': string;
+        'h3-sm': string;
+        h4: string;
+        'h4-lg': string;
+        'h4-md': string;
+        'h4-sm': string;
+        'label-large': string;
+        'label-medium': string;
+        'label-small': string;
+        'input-large': string;
+        'input-medium': string;
+        'input-small': string;
+        lead: string;
+        base: string;
+        large: string;
+        small: string;
+    };
+    radius: {
+        DEFAULT: string;
+        full: string;
+        none: string;
+        circular: string;
+        'circular-lg': string;
+        'circular-md': string;
+        'circular-sm': string;
+        button: string;
+        'button-lg': string;
+        'button-md': string;
+        'button-sm': string;
+        cards: string;
+        'cards-lg': string;
+        'cards-md': string;
+        'cards-sm': string;
+        utility: string;
+        'utility-lg': string;
+        'utility-md': string;
+        'utility-sm': string;
+        groups: string;
+        'groups-lg': string;
+        'groups-md': string;
+        'groups-sm': string;
+        '0': string;
+        '2': string;
+        '4': string;
+        '6': string;
+        '8': string;
+        '10': string;
+        '12': string;
+        '14': string;
+        '16': string;
+        '18': string;
+        '20': string;
+        '24': string;
+        '32': string;
+        '40': string;
+        '48': string;
+        '56': string;
+        '64': string;
+        '72': string;
+        '80': string;
+    };
+};
+declare const units: typeof _units;
+export { units };

package/dist/types/with-opacity.d.ts

@@ -0,0 +1,4 @@
+declare const withOpacity: (variableName: string) => ({ opacityValue }: {
+    opacityValue: string;
+}) => string;
+export default withOpacity;

package/package.json

@@ -1,12 +1,19 @@
 {
   "name": "@sk-web-gui/core",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "license": "MIT",
-  "main": "src/index.js",
+  "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "typings": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/esm/index.js"
+    }
+  },
   "files": [
-    "src/",
-    "dist/"
+    "dist"
   ],
   "publishConfig": {
     "access": "public"
@@ -16,28 +23,28 @@
     "url": "git+https://github.com/vechai/sk-web-gui.git"
   },
   "scripts": {
-    "build2": "node scripts/build.js",
     "version": "yarn build",
     "build": "concurrently yarn:build:*",
-    "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .js -d dist/esm --source-maps",
-    "build:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .js -d dist/cjs --source-maps"
+    "build:esm": "cross-env BABEL_ENV=esm babel src --root-mode upward --extensions .ts -d dist/esm --source-maps",
+    "build:cjs": "cross-env BABEL_ENV=cjs babel src --root-mode upward --extensions .ts -d dist/cjs --source-maps",
+    "build:types": "tsc --emitDeclarationOnly --declaration --allowJs --declarationDir dist/types"
   },
   "bugs": {
     "url": "https://github.com/vechai/sk-web-gui/issues"
   },
   "peerDependencies": {
-    "tailwindcss": "^3.3.5"
+    "tailwindcss": "^3.4.0"
   },
   "devDependencies": {
     "autoprefixer": "^10.4.16",
-    "clean-css": "^5.3.2",
-    "postcss": "^8.4.31",
+    "clean-css": "^5.3.3",
+    "postcss": "^8.4.32",
     "postcss-import": "^15.1.0",
-    "tailwindcss": "^3.3.5"
+    "tailwindcss": "^3.4.0"
   },
   "dependencies": {
-    "@sk-web-gui/theme": "1.0.1",
+    "@sk-web-gui/theme": "1.0.2",
     "mini-svg-data-uri": "^1.4.4"
   },
-  "gitHead": "10dbf85cbf3a3ac1cce7a09594034f396f3bd14a"
+  "gitHead": "01eea9b892fab19394af7dd7545b174435ad893a"
 }

package/dist/cjs/components/calendar.js

@@ -1,67 +0,0 @@
-module.exports = Calendar = function Calendar() {
-  return {
-    // Month row
-    '.MuiCalendarPicker-root > div:first-of-type': {
-      '@apply ml-2 -mr-2 px-10': {}
-    },
-    // Month
-    '.MuiCalendarPicker-root > div:first-of-type > div': {
-      '@apply font-bold text-base text-body': {}
-    },
-    // Arrow switchers
-    '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root .MuiSvgIcon-root': {
-      '@apply text-body text-large': {}
-    },
-    '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root': {
-      '@apply border-solid border border-transparent focus:text-transparent hover:text-transparent focus:bg-transparent hover:bg-transparent focus:border-primary hover:border-primary': {}
-    },
-    // Arrow spacer
-    '.MuiCalendarPicker-root .MuiPickersArrowSwitcher-spacer': {
-      '@apply w-11': {}
-    },
-    // Disabled arrow
-    '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root[disabled] .MuiSvgIcon-root': {
-      '@apply text-gray-stroke': {}
-    },
-    // Weekdays
-    '.MuiCalendarPicker-root div > div:first-of-type > .MuiTypography-root': {
-      '@apply font-bold text-body text-base': {}
-    },
-    // Days-Grid
-    '.MuiCalendarPicker-root > div:last-of-type > div:last-of-type': {
-      '@apply min-h-min pb-6': {}
-    },
-    // Day picking
-    '.MuiCalendarPicker-root .MuiPickersDay-root': {
-      '@apply text-base': {}
-    },
-    '.MuiCalendarPicker-root .Mui-disabled': {
-      '@apply text-gray-stroke': {}
-    },
-    // Day picked
-    '.MuiCalendarPicker-root .MuiButtonBase-root.MuiPickersDay-root.Mui-selected': {
-      '@apply bg-background-one text-body focus-visible:bg-background-one hover:bg-background-one focus:bg-background-one': {}
-    },
-    // Day hovered
-    '.MuiCalendarPicker-root .MuiPickersDay-root, .MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {
-      '@apply border-primary border-solid focus-visible:border hover:bg-transparent focus:bg-transparent hover:border': {}
-    },
-    // today
-    '.MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {
-      '@apply border-0 hover:border': {}
-    },
-    '.calendar': {
-      // Input field
-      '.datepicker-input': {
-        '@apply relative': {}
-      },
-      '.datepicker-input input': {
-        '@apply pl-20 cursor-pointer': {}
-      },
-      '.datepicker-input-icon': {
-        '@apply pointer-events-none absolute my-auto top-0 bottom-0 left-md mr-md text-xl fill-body': {}
-      }
-    }
-  };
-};
-//# sourceMappingURL=calendar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"calendar.js","names":["module","exports","Calendar"],"sources":["../../../src/components/calendar.js"],"sourcesContent":["module.exports = Calendar = () => ({\r\n  // Month row\r\n  '.MuiCalendarPicker-root > div:first-of-type': {\r\n    '@apply ml-2 -mr-2 px-10': {},\r\n  },\r\n\r\n  // Month\r\n  '.MuiCalendarPicker-root > div:first-of-type > div': {\r\n    '@apply font-bold text-base text-body': {},\r\n  },\r\n\r\n  // Arrow switchers\r\n  '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root .MuiSvgIcon-root': {\r\n    '@apply text-body text-large': {},\r\n  },\r\n  '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root': {\r\n    '@apply border-solid border border-transparent focus:text-transparent hover:text-transparent focus:bg-transparent hover:bg-transparent focus:border-primary hover:border-primary':\r\n      {},\r\n  },\r\n  // Arrow spacer\r\n  '.MuiCalendarPicker-root .MuiPickersArrowSwitcher-spacer': {\r\n    '@apply w-11': {},\r\n  },\r\n  // Disabled arrow\r\n  '.MuiCalendarPicker-root > div:first-of-type .MuiButtonBase-root[disabled] .MuiSvgIcon-root': {\r\n    '@apply text-gray-stroke': {},\r\n  },\r\n\r\n  // Weekdays\r\n  '.MuiCalendarPicker-root div > div:first-of-type > .MuiTypography-root': {\r\n    '@apply font-bold text-body text-base': {},\r\n  },\r\n\r\n  // Days-Grid\r\n  '.MuiCalendarPicker-root > div:last-of-type > div:last-of-type': {\r\n    '@apply min-h-min pb-6': {},\r\n  },\r\n\r\n  // Day picking\r\n  '.MuiCalendarPicker-root .MuiPickersDay-root': {\r\n    '@apply text-base': {},\r\n  },\r\n  '.MuiCalendarPicker-root .Mui-disabled': {\r\n    '@apply text-gray-stroke': {},\r\n  },\r\n\r\n  // Day picked\r\n  '.MuiCalendarPicker-root .MuiButtonBase-root.MuiPickersDay-root.Mui-selected': {\r\n    '@apply bg-background-one text-body focus-visible:bg-background-one hover:bg-background-one focus:bg-background-one':\r\n      {},\r\n  },\r\n\r\n  // Day hovered\r\n  '.MuiCalendarPicker-root .MuiPickersDay-root, .MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {\r\n    '@apply border-primary border-solid focus-visible:border hover:bg-transparent focus:bg-transparent hover:border':\r\n      {},\r\n  },\r\n\r\n  // today\r\n  '.MuiCalendarPicker-root .MuiPickersDay-root.MuiPickersDay-today': {\r\n    '@apply border-0 hover:border': {},\r\n  },\r\n\r\n  '.calendar': {\r\n    // Input field\r\n    '.datepicker-input': {\r\n      '@apply relative': {},\r\n    },\r\n\r\n    '.datepicker-input input': {\r\n      '@apply pl-20 cursor-pointer': {},\r\n    },\r\n\r\n    '.datepicker-input-icon': {\r\n      '@apply pointer-events-none absolute my-auto top-0 bottom-0 left-md mr-md text-xl fill-body': {},\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,QAAQ,GAAG,SAAAA,SAAA;EAAA,OAAO;IACjC;IACA,6CAA6C,EAAE;MAC7C,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IAED;IACA,mDAAmD,EAAE;MACnD,sCAAsC,EAAE,CAAC;IAC3C,CAAC;IAED;IACA,kFAAkF,EAAE;MAClF,6BAA6B,EAAE,CAAC;IAClC,CAAC;IACD,iEAAiE,EAAE;MACjE,iLAAiL,EAC/K,CAAC;IACL,CAAC;IACD;IACA,yDAAyD,EAAE;MACzD,aAAa,EAAE,CAAC;IAClB,CAAC;IACD;IACA,4FAA4F,EAAE;MAC5F,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IAED;IACA,uEAAuE,EAAE;MACvE,sCAAsC,EAAE,CAAC;IAC3C,CAAC;IAED;IACA,+DAA+D,EAAE;MAC/D,uBAAuB,EAAE,CAAC;IAC5B,CAAC;IAED;IACA,6CAA6C,EAAE;MAC7C,kBAAkB,EAAE,CAAC;IACvB,CAAC;IACD,uCAAuC,EAAE;MACvC,yBAAyB,EAAE,CAAC;IAC9B,CAAC;IAED;IACA,6EAA6E,EAAE;MAC7E,oHAAoH,EAClH,CAAC;IACL,CAAC;IAED;IACA,8GAA8G,EAAE;MAC9G,gHAAgH,EAC9G,CAAC;IACL,CAAC;IAED;IACA,iEAAiE,EAAE;MACjE,8BAA8B,EAAE,CAAC;IACnC,CAAC;IAED,WAAW,EAAE;MACX;MACA,mBAAmB,EAAE;QACnB,iBAAiB,EAAE,CAAC;MACtB,CAAC;MAED,yBAAyB,EAAE;QACzB,6BAA6B,EAAE,CAAC;MAClC,CAAC;MAED,wBAAwB,EAAE;QACxB,4FAA4F,EAAE,CAAC;MACjG;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/form-control.js

@@ -1,8 +0,0 @@
-module.exports = Forms = function Forms() {
-  return {
-    '.sk-form-control': {
-      '@apply flex flex-col gap-16 w-fit': {}
-    }
-  };
-};
-//# sourceMappingURL=form-control.js.map

package/dist/cjs/components/form-control.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-control.js","names":["module","exports","Forms"],"sources":["../../../src/components/form-control.js"],"sourcesContent":["module.exports = Forms = () => ({\n  '.sk-form-control': {\n    '@apply flex flex-col gap-16 w-fit': {},\n  },\n});\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,KAAK,GAAG,SAAAA,MAAA;EAAA,OAAO;IAC9B,kBAAkB,EAAE;MAClB,mCAAmC,EAAE,CAAC;IACxC;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/message.js

@@ -1,52 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/profile-picture.js

@@ -1,15 +0,0 @@
-module.exports = ProfilePicture = function ProfilePicture() {
-  return {
-    '.profile-picture': {
-      '@apply relative overflow-hidden flex-shrink-0 text-xs leading-none flex items-center justify-center text-center w-[48px] h-[48px] mr-sm rounded-full border-2 border-primary': {},
-      '.profile-picture-img': {
-        '@apply bg-cover absolute inset-0 bg-center text-xs leading-none': {}
-      },
-      '.icon': {
-        width: '3.8rem!important',
-        height: '3.8rem!important'
-      }
-    }
-  };
-};
-//# sourceMappingURL=profile-picture.js.map

package/dist/cjs/components/profile-picture.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"profile-picture.js","names":["module","exports","ProfilePicture","width","height"],"sources":["../../../src/components/profile-picture.js"],"sourcesContent":["module.exports = ProfilePicture = () => ({\r\n  '.profile-picture': {\r\n    '@apply relative overflow-hidden flex-shrink-0 text-xs leading-none flex items-center justify-center text-center w-[48px] h-[48px] mr-sm rounded-full border-2 border-primary':\r\n      {},\r\n\r\n    '.profile-picture-img': {\r\n      '@apply bg-cover absolute inset-0 bg-center text-xs leading-none': {},\r\n    },\r\n    '.icon': {\r\n      width: '3.8rem!important',\r\n      height: '3.8rem!important',\r\n    },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,cAAc,GAAG,SAAAA,eAAA;EAAA,OAAO;IACvC,kBAAkB,EAAE;MAClB,8KAA8K,EAC5K,CAAC,CAAC;MAEJ,sBAAsB,EAAE;QACtB,iEAAiE,EAAE,CAAC;MACtE,CAAC;MACD,OAAO,EAAE;QACPC,KAAK,EAAE,kBAAkB;QACzBC,MAAM,EAAE;MACV;IACF;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/profile.js

@@ -1,34 +0,0 @@
-module.exports = Profile = function Profile() {
-  return {
-    '.profile-container': {
-      '@apply flex items-center': {},
-      '.profile-title': {
-        '@apply font-bold text-base m-0': {}
-      },
-      '.profile-subtitle': {
-        '@apply text-sm leading-[20px] m-0': {}
-      },
-      '&.minimal': {
-        '.profile-title': {
-          overflow: 'hidden',
-          'text-overflow': 'ellipsis',
-          display: '-webkit-box',
-          '-webkit-line-clamp': '1' /* number of lines to show */,
-          'line-clamp': '1',
-          '-webkit-box-orient': 'vertical'
-        },
-        '.profile-subtitle': {
-          overflow: 'hidden',
-          'text-overflow': 'ellipsis',
-          display: '-webkit-box',
-          '-webkit-line-clamp': '1' /* number of lines to show */,
-          'line-clamp': '1',
-          '-webkit-box-orient': 'vertical'
-        }
-      }
-
-      // '&.truncate': { '@apply truncate pr-md': {} },
-    }
-  };
-};
-//# sourceMappingURL=profile.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"profile.js","names":["module","exports","Profile","overflow","display"],"sources":["../../../src/components/profile.js"],"sourcesContent":["module.exports = Profile = () => ({\r\n  '.profile-container': {\r\n    '@apply flex items-center': {},\r\n\r\n    '.profile-title': {\r\n      '@apply font-bold text-base m-0': {},\r\n    },\r\n    '.profile-subtitle': {\r\n      '@apply text-sm leading-[20px] m-0': {},\r\n    },\r\n\r\n    '&.minimal': {\r\n      '.profile-title': {\r\n        overflow: 'hidden',\r\n        'text-overflow': 'ellipsis',\r\n        display: '-webkit-box',\r\n        '-webkit-line-clamp': '1' /* number of lines to show */,\r\n        'line-clamp': '1',\r\n        '-webkit-box-orient': 'vertical',\r\n      },\r\n      '.profile-subtitle': {\r\n        overflow: 'hidden',\r\n        'text-overflow': 'ellipsis',\r\n        display: '-webkit-box',\r\n        '-webkit-line-clamp': '1' /* number of lines to show */,\r\n        'line-clamp': '1',\r\n        '-webkit-box-orient': 'vertical',\r\n      },\r\n    },\r\n\r\n    // '&.truncate': { '@apply truncate pr-md': {} },\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,OAAO,GAAG,SAAAA,QAAA;EAAA,OAAO;IAChC,oBAAoB,EAAE;MACpB,0BAA0B,EAAE,CAAC,CAAC;MAE9B,gBAAgB,EAAE;QAChB,gCAAgC,EAAE,CAAC;MACrC,CAAC;MACD,mBAAmB,EAAE;QACnB,mCAAmC,EAAE,CAAC;MACxC,CAAC;MAED,WAAW,EAAE;QACX,gBAAgB,EAAE;UAChBC,QAAQ,EAAE,QAAQ;UAClB,eAAe,EAAE,UAAU;UAC3BC,OAAO,EAAE,aAAa;UACtB,oBAAoB,EAAE,GAAG,CAAC;UAC1B,YAAY,EAAE,GAAG;UACjB,oBAAoB,EAAE;QACxB,CAAC;QACD,mBAAmB,EAAE;UACnBD,QAAQ,EAAE,QAAQ;UAClB,eAAe,EAAE,UAAU;UAC3BC,OAAO,EAAE,aAAa;UACtB,oBAAoB,EAAE,GAAG,CAAC;UAC1B,YAAY,EAAE,GAAG;UACjB,oBAAoB,EAAE;QACxB;MACF;;MAEA;IACF;EACF,CAAC;AAAA,CAAC"}

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

@@ -1,8 +0,0 @@
-module.exports = SearchBar = function SearchBar() {
-  return {
-    '.search-bar': {
-      '@apply w-full relative': {}
-    }
-  };
-};
-//# sourceMappingURL=search-bar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"search-bar.js","names":["module","exports","SearchBar"],"sources":["../../../src/components/search-bar.js"],"sourcesContent":["module.exports = SearchBar = () => ({\r\n  '.search-bar': {\r\n    '@apply w-full relative': {},\r\n  },\r\n});\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAGC,SAAS,GAAG,SAAAA,UAAA;EAAA,OAAO;IAClC,aAAa,EAAE;MACb,wBAAwB,EAAE,CAAC;IAC7B;EACF,CAAC;AAAA,CAAC"}

package/dist/cjs/components/tag.js

@@ -1,72 +0,0 @@
-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 tagOutline(colors) {
-  var _href;
-  return {
-    '.tag-outline': {
-      '@apply border bg-transparent border-gray-stroke text-body': {},
-      '&[href]': (_href = {}, _href["@apply hover:border-hover hover:text-white hover:bg-hover"] = {}, _href["@apply active:text-white active:bg-hover"] = {}, _href["@apply focus-visible:text-white focus-visible:ring focus-visible:bg-hover"] = {}, _href)
-    }
-  };
-}
-function tagSolid(colors) {
-  var _href2;
-  return {
-    '.tag-solid': {
-      '@apply border bg-gray-stroke border-transparent text-white': {},
-      '&[href]': (_href2 = {}, _href2["@apply hover:text-white hover:bg-hover"] = {}, _href2["@apply active:text-white active:bg-hover"] = {}, _href2["@apply focus-visible:text-white focus-visible:ring focus-visible:bg-hover"] = {}, _href2),
-      '.tag-close-button': {
-        '@apply text-white hover:text-body': {}
-      }
-    }
-  };
-}
-function tagLight(colors) {
-  var _href3;
-  return {
-    '.tag-light': {
-      '@apply border border-transparent text-body': {},
-      '&[href]': (_href3 = {}, _href3["@apply hover:border-hover"] = {}, _href3["@apply active:border-hover"] = {}, _href3["@apply focus-visible:border-hover focus-visible:ring"] = {}, _href3)
-    }
-  };
-}
-module.exports = Tag = function Tag(colors) {
-  return _extends({
-    '.tag': {
-      '@apply leading-none inline-flex items-center content-center max-h-full rounded-full font-normal outline-none whitespace-nowrap': {},
-      width: 'fit-content',
-      height: 'fit-content',
-      padding: '0 1.145em 0 1.145em',
-      borderRadius: '3.2rem',
-      '&-text': {
-        padding: '0.5em 0'
-      },
-      '&-sm': {
-        '@apply text-xs': {},
-        minWidth: '1.25rem'
-      },
-      '&-md': {
-        '@apply text-small': {},
-        minWidth: '1.5rem'
-      },
-      '&-lg': {
-        '@apply text-base': {},
-        minWidth: '1.75rem'
-      }
-    }
-  }, tagOutline(colors), tagSolid(colors), tagLight(colors), {
-    '.tag-close-button': {
-      '@apply border-transparent cursor-base': {},
-      fontSize: '1em',
-      padding: '0.36em',
-      marginLeft: '0.25em',
-      marginRight: '-1em',
-      '&-icon': {
-        fontSize: '1em !important'
-      },
-      '&-disabled': {
-        '@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none': {}
-      }
-    }
-  });
-};
-//# sourceMappingURL=tag.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tag.js","names":["tagOutline","colors","_href","tagSolid","_href2","tagLight","_href3","module","exports","Tag","_extends","width","height","padding","borderRadius","minWidth","fontSize","marginLeft","marginRight"],"sources":["../../../src/components/tag.js"],"sourcesContent":["function tagOutline(colors) {\r\n  return {\r\n    '.tag-outline': {\r\n      '@apply border bg-transparent border-gray-stroke text-body': {},\r\n\r\n      '&[href]': {\r\n        [`@apply hover:border-hover hover:text-white hover:bg-hover`]: {},\r\n        [`@apply active:text-white active:bg-hover`]: {},\r\n        [`@apply focus-visible:text-white focus-visible:ring focus-visible:bg-hover`]: {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction tagSolid(colors) {\r\n  return {\r\n    '.tag-solid': {\r\n      '@apply border bg-gray-stroke border-transparent text-white': {},\r\n\r\n      '&[href]': {\r\n        [`@apply hover:text-white hover:bg-hover`]: {},\r\n        [`@apply active:text-white active:bg-hover`]: {},\r\n        [`@apply focus-visible:text-white focus-visible:ring focus-visible:bg-hover`]: {},\r\n      },\r\n\r\n      '.tag-close-button': {\r\n        '@apply text-white hover:text-body': {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nfunction tagLight(colors) {\r\n  return {\r\n    '.tag-light': {\r\n      '@apply border border-transparent text-body': {},\r\n\r\n      '&[href]': {\r\n        [`@apply hover:border-hover`]: {},\r\n        [`@apply active:border-hover`]: {},\r\n        [`@apply focus-visible:border-hover focus-visible:ring`]: {},\r\n      },\r\n    },\r\n  };\r\n}\r\n\r\nmodule.exports = Tag = (colors) => ({\r\n  '.tag': {\r\n    '@apply leading-none inline-flex items-center content-center max-h-full rounded-full font-normal outline-none whitespace-nowrap':\r\n      {},\r\n    width: 'fit-content',\r\n    height: 'fit-content',\r\n    padding: '0 1.145em 0 1.145em',\r\n    borderRadius: '3.2rem',\r\n\r\n    '&-text': {\r\n      padding: '0.5em 0',\r\n    },\r\n\r\n    '&-sm': {\r\n      '@apply text-xs': {},\r\n      minWidth: '1.25rem',\r\n    },\r\n\r\n    '&-md': {\r\n      '@apply text-small': {},\r\n      minWidth: '1.5rem',\r\n    },\r\n\r\n    '&-lg': {\r\n      '@apply text-base': {},\r\n      minWidth: '1.75rem',\r\n    },\r\n  },\r\n\r\n  // variants\r\n  ...tagOutline(colors),\r\n  ...tagSolid(colors),\r\n  ...tagLight(colors),\r\n\r\n  '.tag-close-button': {\r\n    '@apply border-transparent cursor-base': {},\r\n    fontSize: '1em',\r\n    padding: '0.36em',\r\n    marginLeft: '0.25em',\r\n    marginRight: '-1em',\r\n\r\n    '&-icon': {\r\n      fontSize: '1em !important',\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":";AAAA,SAASA,UAAUA,CAACC,MAAM,EAAE;EAAA,IAAAC,KAAA;EAC1B,OAAO;IACL,cAAc,EAAE;MACd,2DAA2D,EAAE,CAAC,CAAC;MAE/D,SAAS,GAAAA,KAAA,OAAAA,KAAA,gEACwD,CAAC,CAAC,EAAAA,KAAA,+CACnB,CAAC,CAAC,EAAAA,KAAA,gFAC+B,CAAC,CAAC,EAAAA,KAAA;IAErF;EACF,CAAC;AACH;AAEA,SAASC,QAAQA,CAACF,MAAM,EAAE;EAAA,IAAAG,MAAA;EACxB,OAAO;IACL,YAAY,EAAE;MACZ,4DAA4D,EAAE,CAAC,CAAC;MAEhE,SAAS,GAAAA,MAAA,OAAAA,MAAA,6CACqC,CAAC,CAAC,EAAAA,MAAA,+CACA,CAAC,CAAC,EAAAA,MAAA,gFAC+B,CAAC,CAAC,EAAAA,MAAA,CAClF;MAED,mBAAmB,EAAE;QACnB,mCAAmC,EAAE,CAAC;MACxC;IACF;EACF,CAAC;AACH;AAEA,SAASC,QAAQA,CAACJ,MAAM,EAAE;EAAA,IAAAK,MAAA;EACxB,OAAO;IACL,YAAY,EAAE;MACZ,4CAA4C,EAAE,CAAC,CAAC;MAEhD,SAAS,GAAAA,MAAA,OAAAA,MAAA,gCACwB,CAAC,CAAC,EAAAA,MAAA,iCACD,CAAC,CAAC,EAAAA,MAAA,2DACwB,CAAC,CAAC,EAAAA,MAAA;IAEhE;EACF,CAAC;AACH;AAEAC,MAAM,CAACC,OAAO,GAAGC,GAAG,GAAG,SAAAA,IAACR,MAAM;EAAA,OAAAS,QAAA;IAC5B,MAAM,EAAE;MACN,gIAAgI,EAC9H,CAAC,CAAC;MACJC,KAAK,EAAE,aAAa;MACpBC,MAAM,EAAE,aAAa;MACrBC,OAAO,EAAE,qBAAqB;MAC9BC,YAAY,EAAE,QAAQ;MAEtB,QAAQ,EAAE;QACRD,OAAO,EAAE;MACX,CAAC;MAED,MAAM,EAAE;QACN,gBAAgB,EAAE,CAAC,CAAC;QACpBE,QAAQ,EAAE;MACZ,CAAC;MAED,MAAM,EAAE;QACN,mBAAmB,EAAE,CAAC,CAAC;QACvBA,QAAQ,EAAE;MACZ,CAAC;MAED,MAAM,EAAE;QACN,kBAAkB,EAAE,CAAC,CAAC;QACtBA,QAAQ,EAAE;MACZ;IACF;EAAC,GAGEf,UAAU,CAACC,MAAM,CAAC,EAClBE,QAAQ,CAACF,MAAM,CAAC,EAChBI,QAAQ,CAACJ,MAAM,CAAC;IAEnB,mBAAmB,EAAE;MACnB,uCAAuC,EAAE,CAAC,CAAC;MAC3Ce,QAAQ,EAAE,KAAK;MACfH,OAAO,EAAE,QAAQ;MACjBI,UAAU,EAAE,QAAQ;MACpBC,WAAW,EAAE,MAAM;MAEnB,QAAQ,EAAE;QACRF,QAAQ,EAAE;MACZ,CAAC;MAED,YAAY,EAAE;QACZ,6EAA6E,EAAE,CAAC;MAClF;IACF;EAAC;AAAA,CACD"}