@immich/ui 0.30.0 → 0.31.0

package/dist/site/constants.d.ts

@@ -15,12 +15,15 @@ export declare const Constants: {
     };
     Sites: {
         Api: string;
-        Demo: string;
-        My: string;
         Buy: string;
-        Get: string;
+        Data: string;
+        Datasets: string;
+        Demo: string;
         Docs: string;
+        Get: string;
+        My: string;
         Store: string;
+        Ui: string;
     };
     Pages: {
         CursedKnowledge: string;
@@ -28,6 +31,7 @@ export declare const Constants: {
     };
     Npm: {
         Sdk: string;
+        Ui: string;
     };
 };
 export declare const siteCommands: {

package/dist/site/constants.js

@@ -17,12 +17,15 @@ export const Constants = {
     },
     Sites: {
         Api: 'https://api.immich.app/',
-        Demo: 'https://demo.immich.app/',
-        My: 'https://my.immich.app/',
         Buy: 'https://buy.immich.app/',
-        Get: 'https://get.immich.app/',
+        Data: 'https://data.immich.app/',
+        Datasets: 'https://datasets.immich.app/',
+        Demo: 'https://demo.immich.app/',
         Docs: 'https://docs.immich.app/',
+        Get: 'https://get.immich.app/',
+        My: 'https://my.immich.app/',
         Store: 'https://immich.store/',
+        Ui: 'https://ui.immich.app/',
     },
     Pages: {
         CursedKnowledge: 'https://immich.app/cursed-knowledge',
@@ -30,6 +33,7 @@ export const Constants = {
     },
     Npm: {
         Sdk: 'https://www.npmjs.com/package/@immich/sdk',
+        Ui: 'https://www.npmjs.com/package/@immich/ui',
     },
 };
 export const siteCommands = [
@@ -73,6 +77,16 @@ export const siteCommands = [
         description: 'Support the project by purchasing Immich merchandise',
         href: Constants.Sites.Store,
     },
+    {
+        title: 'Immich Datasets',
+        description: 'Help improve Immich by contributing your own files',
+        href: Constants.Sites.Datasets,
+    },
+    {
+        title: 'Immich UI',
+        description: 'View our Svelte component library, @immich/ui',
+        href: Constants.Sites.Ui,
+    },
     {
         title: 'Cursed Knowledge',
         description: 'View our collection of cursed knowledge',

package/dist/theme/default.css

@@ -1,53 +1,53 @@
 @import 'tailwindcss';
 
 @theme inline {
-	--color-primary: rgb(var(--immich-ui-primary));
-	--color-light: rgb(var(--immich-ui-light));
-	--color-dark: rgb(var(--immich-ui-dark));
-	--color-success: rgb(var(--immich-ui-success));
-	--color-danger: rgb(var(--immich-ui-danger));
-	--color-warning: rgb(var(--immich-ui-warning));
-	--color-info: rgb(var(--immich-ui-info));
-	--color-subtle: rgb(var(--immich-ui-gray));
+  --color-primary: rgb(var(--immich-ui-primary));
+  --color-light: rgb(var(--immich-ui-light));
+  --color-dark: rgb(var(--immich-ui-dark));
+  --color-success: rgb(var(--immich-ui-success));
+  --color-danger: rgb(var(--immich-ui-danger));
+  --color-warning: rgb(var(--immich-ui-warning));
+  --color-info: rgb(var(--immich-ui-info));
+  --color-subtle: rgb(var(--immich-ui-gray));
 }
 
 @custom-variant dark (&:where(.dark, .dark *):not(.light));
 
 @layer base {
-	:root,
-	.light {
-		/* light */
-		--immich-ui-primary: 66 80 175;
-		--immich-ui-dark: 20 22 26;
-		--immich-ui-light: 255 255 255;
-		--immich-ui-success: 16 188 99;
-		--immich-ui-danger: 200 60 60;
-		--immich-ui-warning: 216 143 64;
-		--immich-ui-info: 8 111 230;
-		--immich-ui-gray: 246 246 246;
+  :root,
+  .light {
+    /* light */
+    --immich-ui-primary: 66 80 175;
+    --immich-ui-dark: 20 22 26;
+    --immich-ui-light: 255 255 255;
+    --immich-ui-success: 16 188 99;
+    --immich-ui-danger: 200 60 60;
+    --immich-ui-warning: 216 143 64;
+    --immich-ui-info: 8 111 230;
+    --immich-ui-gray: 246 246 246;
 
-		--immich-ui-default-border: 209 213 219;
-	}
+    --immich-ui-default-border: 209 213 219;
+  }
 
-	.dark {
-		/* dark */
-		--immich-ui-primary: 172 203 250;
-		--immich-ui-light: 0 0 0;
-		--immich-ui-dark: 229 231 235;
-		--immich-ui-success: 72 237 152;
-		--immich-ui-danger: 246 125 125;
-		--immich-ui-warning: 254 197 132;
-		--immich-ui-info: 121 183 254;
-		--immich-ui-gray: 33 33 33;
+  .dark {
+    /* dark */
+    --immich-ui-primary: 172 203 250;
+    --immich-ui-light: 0 0 0;
+    --immich-ui-dark: 229 231 235;
+    --immich-ui-success: 72 237 152;
+    --immich-ui-danger: 246 125 125;
+    --immich-ui-warning: 254 197 132;
+    --immich-ui-info: 121 183 254;
+    --immich-ui-gray: 33 33 33;
 
-		--immich-ui-default-border: 33 33 33;
-	}
+    --immich-ui-default-border: 33 33 33;
+  }
 
-	*,
-	::after,
-	::before,
-	::backdrop,
-	::file-selector-button {
-		border-color: rgb(var(--immich-ui-default-border));
-	}
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: rgb(var(--immich-ui-default-border));
+  }
 }

package/dist/utilities/byte-units.js

@@ -8,15 +8,7 @@ export var ByteUnit;
     ByteUnit["PiB"] = "PiB";
     ByteUnit["EiB"] = "EiB";
 })(ByteUnit || (ByteUnit = {}));
-const byteUnits = [
-    ByteUnit.B,
-    ByteUnit.KiB,
-    ByteUnit.MiB,
-    ByteUnit.GiB,
-    ByteUnit.TiB,
-    ByteUnit.PiB,
-    ByteUnit.EiB,
-];
+const byteUnits = [ByteUnit.B, ByteUnit.KiB, ByteUnit.MiB, ByteUnit.GiB, ByteUnit.TiB, ByteUnit.PiB, ByteUnit.EiB];
 /**
  * Convert bytes to best human readable unit and number of that unit.
  *
@@ -29,10 +21,7 @@ const byteUnits = [
  */
 export function getBytesWithUnit(bytes, maxPrecision = 1) {
     const magnitude = Math.floor(Math.log(bytes === 0 ? 1 : bytes) / Math.log(1024));
-    return [
-        Number.parseFloat((bytes / 1024 ** magnitude).toFixed(maxPrecision)),
-        byteUnits[magnitude],
-    ];
+    return [Number.parseFloat((bytes / 1024 ** magnitude).toFixed(maxPrecision)), byteUnits[magnitude]];
 }
 /**
  * Localized number of bytes with a unit.

package/package.json

@@ -1,79 +1,79 @@
 {
-	"name": "@immich/ui",
-	"version": "0.30.0",
-	"license": "GNU Affero General Public License version 3",
-	"scripts": {
-		"create": "node scripts/create.js",
-		"start": "npm run start:dev",
-		"start:dev": "vite dev",
-		"watch": "vite build --watch",
-		"build": "vite build && npm run package",
-		"preview": "vite preview",
-		"package": "npm run sync && svelte-package && publint",
-		"check": "npm run sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "npm run sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "eslint . --max-warnings 0",
-		"lint:fix": "npm run lint -- --fix",
-		"format": "prettier --check .",
-		"format:fix": "prettier --write .",
-		"test": "vitest",
-		"sync": "svelte-kit sync"
-	},
-	"files": [
-		"dist",
-		"!dist/**/*.test.*",
-		"!dist/**/*.spec.*"
-	],
-	"sideEffects": [
-		"**/*.css"
-	],
-	"svelte": "./dist/index.js",
-	"types": "./dist/index.d.ts",
-	"type": "module",
-	"exports": {
-		".": {
-			"types": "./dist/index.d.ts",
-			"svelte": "./dist/index.js"
-		},
-		"./theme/default.css": "./dist/theme/default.css"
-	},
-	"peerDependencies": {
-		"svelte": "^5.0.0"
-	},
-	"devDependencies": {
-		"@sveltejs/adapter-static": "^3.0.6",
-		"@sveltejs/kit": "^2.13.0",
-		"@sveltejs/package": "^2.0.0",
-		"@sveltejs/vite-plugin-svelte": "^6.0.0",
-		"@tailwindcss/postcss": "^4.1.7",
-		"@tailwindcss/vite": "^4.1.7",
-		"@types/eslint": "^9.6.0",
-		"autoprefixer": "^10.4.20",
-		"eslint": "^9.7.0",
-		"eslint-config-prettier": "^10.0.0",
-		"eslint-plugin-svelte": "^3.9.3",
-		"globals": "^16.0.0",
-		"prettier": "^3.3.2",
-		"prettier-plugin-svelte": "^3.2.6",
-		"prettier-plugin-tailwindcss": "^0.6.11",
-		"publint": "^0.3.0",
-		"svelte": "^5.37.0",
-		"svelte-check": "^4.0.0",
-		"svelte-highlight": "^7.8.0",
-		"tailwindcss": "^4.1.7",
-		"typescript": "^5.0.0",
-		"typescript-eslint": "^8.34.1",
-		"vite": "^7.0.0",
-		"vitest": "^3.0.0"
-	},
-	"dependencies": {
-		"@mdi/js": "^7.4.47",
-		"bits-ui": "^2.9.8",
-		"simple-icons": "^15.14.0",
-		"tailwind-merge": "^3.0.0",
-		"tailwind-variants": "^3.0.0"
-	},
-	"volta": {
-		"node": "22.19.0"
-	}
+  "name": "@immich/ui",
+  "version": "0.31.0",
+  "license": "GNU Affero General Public License version 3",
+  "scripts": {
+    "create": "node scripts/create.js",
+    "start": "npm run start:dev",
+    "start:dev": "vite dev",
+    "watch": "vite build --watch",
+    "build": "vite build && npm run package",
+    "preview": "vite preview",
+    "package": "npm run sync && svelte-package && publint",
+    "check": "npm run sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "npm run sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "lint": "eslint . --max-warnings 0",
+    "lint:fix": "npm run lint -- --fix",
+    "format": "prettier --check .",
+    "format:fix": "prettier --write .",
+    "test": "vitest",
+    "sync": "svelte-kit sync"
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    },
+    "./theme/default.css": "./dist/theme/default.css"
+  },
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/adapter-static": "^3.0.6",
+    "@sveltejs/kit": "^2.13.0",
+    "@sveltejs/package": "^2.0.0",
+    "@sveltejs/vite-plugin-svelte": "^6.0.0",
+    "@tailwindcss/postcss": "^4.1.7",
+    "@tailwindcss/vite": "^4.1.7",
+    "@types/eslint": "^9.6.0",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^9.7.0",
+    "eslint-config-prettier": "^10.0.0",
+    "eslint-plugin-svelte": "^3.9.3",
+    "globals": "^16.0.0",
+    "prettier": "^3.3.2",
+    "prettier-plugin-svelte": "^3.2.6",
+    "prettier-plugin-tailwindcss": "^0.6.11",
+    "publint": "^0.3.0",
+    "svelte": "^5.37.0",
+    "svelte-check": "^4.0.0",
+    "svelte-highlight": "^7.8.4",
+    "tailwindcss": "^4.1.7",
+    "typescript": "^5.0.0",
+    "typescript-eslint": "^8.34.1",
+    "vite": "^7.0.0",
+    "vitest": "^3.0.0"
+  },
+  "dependencies": {
+    "@mdi/js": "^7.4.47",
+    "bits-ui": "^2.9.8",
+    "simple-icons": "^15.14.0",
+    "tailwind-merge": "^3.0.0",
+    "tailwind-variants": "^3.0.0"
+  },
+  "volta": {
+    "node": "22.19.0"
+  }
 }