@immich/ui 0.6.0 → 0.8.0

package/dist/types.d.ts

@@ -1,11 +1,15 @@
 import type { Snippet } from 'svelte';
-import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements';
+import type { HTMLAnchorAttributes, HTMLButtonAttributes, HTMLInputAttributes } from 'svelte/elements';
 export type Color = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
 export type Size = 'tiny' | 'small' | 'medium' | 'large' | 'giant';
 export type HeadingSize = Size | 'title';
 export type Shape = 'rectangle' | 'semi-round' | 'round';
-export type Variants = 'filled' | 'outline' | 'ghost' | 'hero';
+export type Variants = 'filled' | 'outline' | 'ghost';
 export type Gap = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+export declare enum Theme {
+    Light = "light",
+    Dark = "dark"
+}
 type ButtonOrAnchor = ({
     href?: never;
 } & HTMLButtonAttributes) | ({
@@ -37,6 +41,7 @@ export type IconProps = {
 export type IconButtonProps = ButtonBaseProps & IconProps;
 export type ButtonProps = ButtonBaseProps & {
     fullWidth?: boolean;
+    loading?: boolean;
 };
 type StackBaseProps = {
     class?: string;
@@ -59,4 +64,42 @@ export type FieldContext = {
     required?: boolean;
     readOnly?: boolean;
 };
+type BaseInputProps = {
+    class?: string;
+    value?: string;
+    size?: Size;
+    shape?: Shape;
+    inputSize?: HTMLInputAttributes['size'];
+} & Omit<HTMLInputAttributes, 'size' | 'type'>;
+export type InputProps = BaseInputProps & {
+    containerRef?: HTMLElement | null;
+    type?: HTMLInputAttributes['type'];
+    trailingIcon?: Snippet;
+};
+export type PasswordInputProps = BaseInputProps & {
+    showLabel?: string;
+    hideLabel?: string;
+    isVisible?: boolean;
+};
+export type SelectItem = {
+    label?: string;
+    value: string;
+    disabled?: boolean;
+};
+export type SelectCommonProps<T extends SelectItem> = {
+    data: string[] | T[];
+    size?: Size;
+    color?: Color;
+    shape?: Shape;
+    placeholder?: string;
+    class?: string;
+};
+export type SelectProps<T extends SelectItem> = SelectCommonProps<T> & {
+    value?: T;
+    onChange?: (value: T) => void;
+};
+export type MultiSelectProps<T extends SelectItem> = SelectCommonProps<T> & {
+    value?: T[];
+    onChange?: (values: T[]) => void;
+};
 export {};

package/dist/types.js

@@ -1 +1,5 @@
-export {};
+export var Theme;
+(function (Theme) {
+    Theme["Light"] = "light";
+    Theme["Dark"] = "dark";
+})(Theme || (Theme = {}));

package/dist/utilities/byte-units.d.ts

@@ -0,0 +1,52 @@
+export declare const enum ByteUnit {
+    'B' = "B",
+    'KiB' = "KiB",
+    'MiB' = "MiB",
+    'GiB' = "GiB",
+    'TiB' = "TiB",
+    'PiB' = "PiB",
+    'EiB' = "EiB"
+}
+/**
+ * Convert bytes to best human readable unit and number of that unit.
+ *
+ * * For `1024` bytes, returns `1` and `KiB`.
+ * * For `1536` bytes, returns `1.5` and `KiB`.
+ *
+ * @param bytes number of bytes
+ * @param maxPrecision maximum number of decimal places, default is `1`
+ * @returns size (number) and unit (string)
+ */
+export declare function getBytesWithUnit(bytes: number, maxPrecision?: number): [number, ByteUnit];
+/**
+ * Localized number of bytes with a unit.
+ *
+ * For `1536` bytes:
+ * * en: `1.5 KiB`
+ * * de: `1,5 KiB`
+ *
+ * @param bytes number of bytes
+ * @param maxPrecision maximum number of decimal places, default is `1`
+ * @returns localized bytes with unit as string
+ */
+export declare function getByteUnitString(bytes: number, locale?: string, maxPrecision?: number): string;
+/**
+ * Convert to bytes from on a specified unit.
+ *
+ * * `1, 'GiB'`, returns `1073741824` bytes
+ *
+ * @param size value to be converted
+ * @param unit unit to convert from
+ * @returns bytes (number)
+ */
+export declare function convertToBytes(size: number, unit: ByteUnit): number;
+/**
+ * Convert from bytes to a specified unit.
+ *
+ * * `11073741824, 'GiB'`, returns `1` GiB
+ *
+ * @param bytes value to be converted
+ * @param unit unit to convert to
+ * @returns bytes (number)
+ */
+export declare function convertFromBytes(bytes: number, unit: ByteUnit): number;

package/dist/utilities/byte-units.js

@@ -0,0 +1,75 @@
+export var ByteUnit;
+(function (ByteUnit) {
+    ByteUnit["B"] = "B";
+    ByteUnit["KiB"] = "KiB";
+    ByteUnit["MiB"] = "MiB";
+    ByteUnit["GiB"] = "GiB";
+    ByteUnit["TiB"] = "TiB";
+    ByteUnit["PiB"] = "PiB";
+    ByteUnit["EiB"] = "EiB";
+})(ByteUnit || (ByteUnit = {}));
+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.
+ *
+ * * For `1024` bytes, returns `1` and `KiB`.
+ * * For `1536` bytes, returns `1.5` and `KiB`.
+ *
+ * @param bytes number of bytes
+ * @param maxPrecision maximum number of decimal places, default is `1`
+ * @returns size (number) and unit (string)
+ */
+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],
+    ];
+}
+/**
+ * Localized number of bytes with a unit.
+ *
+ * For `1536` bytes:
+ * * en: `1.5 KiB`
+ * * de: `1,5 KiB`
+ *
+ * @param bytes number of bytes
+ * @param maxPrecision maximum number of decimal places, default is `1`
+ * @returns localized bytes with unit as string
+ */
+export function getByteUnitString(bytes, locale, maxPrecision = 1) {
+    const [size, unit] = getBytesWithUnit(bytes, maxPrecision);
+    return `${size.toLocaleString(locale)} ${unit}`;
+}
+/**
+ * Convert to bytes from on a specified unit.
+ *
+ * * `1, 'GiB'`, returns `1073741824` bytes
+ *
+ * @param size value to be converted
+ * @param unit unit to convert from
+ * @returns bytes (number)
+ */
+export function convertToBytes(size, unit) {
+    return size * 1024 ** byteUnits.indexOf(unit);
+}
+/**
+ * Convert from bytes to a specified unit.
+ *
+ * * `11073741824, 'GiB'`, returns `1` GiB
+ *
+ * @param bytes value to be converted
+ * @param unit unit to convert to
+ * @returns bytes (number)
+ */
+export function convertFromBytes(bytes, unit) {
+    return bytes / 1024 ** byteUnits.indexOf(unit);
+}

package/package.json

@@ -1,8 +1,9 @@
 {
 	"name": "@immich/ui",
-	"version": "0.6.0",
+	"version": "0.8.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",
@@ -40,9 +41,9 @@
 	},
 	"devDependencies": {
 		"@sveltejs/adapter-static": "^3.0.6",
-		"@sveltejs/kit": "^2.0.0",
+		"@sveltejs/kit": "^2.13.0",
 		"@sveltejs/package": "^2.0.0",
-		"@sveltejs/vite-plugin-svelte": "^4.0.0",
+		"@sveltejs/vite-plugin-svelte": "^5.0.2",
 		"@types/eslint": "^9.6.0",
 		"autoprefixer": "^10.4.20",
 		"eslint": "^9.7.0",
@@ -55,10 +56,11 @@
 		"publint": "^0.2.0",
 		"svelte": "^5.0.0",
 		"svelte-check": "^4.0.0",
+		"svelte-highlight": "^7.8.0",
 		"tailwindcss": "^3.4.9",
 		"typescript": "^5.0.0",
-		"typescript-eslint": "^8.0.0",
-		"vite": "^5.0.11",
+		"typescript-eslint": "^8.15.0",
+		"vite": "^6.0.3",
 		"vitest": "^2.0.4"
 	},
 	"dependencies": {