@morscherlab/mld-sdk 0.6.0

package/dist/composables/useDoseCalculator.js

@@ -0,0 +1,228 @@
+import { useConcentrationUnits } from "./useConcentrationUnits.js";
+const VOLUME_UNITS = ["µL", "mL", "L"];
+const VOLUME_FACTORS = {
+  "µL": 1e-6,
+  "mL": 1e-3,
+  "L": 1
+};
+function useDoseCalculator() {
+  const { convert } = useConcentrationUnits();
+  function convertVolume(value, from, to) {
+    if (from === to) return value;
+    const baseValue = value * VOLUME_FACTORS[from];
+    return baseValue / VOLUME_FACTORS[to];
+  }
+  function formatVolume(volume, precision = 3) {
+    const { value, unit } = volume;
+    if (value === 0) return `0 ${unit}`;
+    let formattedValue;
+    if (Math.abs(value) >= 1e3) {
+      formattedValue = value.toExponential(precision - 1);
+    } else if (Math.abs(value) < 1e-3) {
+      formattedValue = value.toExponential(precision - 1);
+    } else {
+      formattedValue = value.toPrecision(precision);
+    }
+    formattedValue = formattedValue.replace(/\.?0+$/, "");
+    formattedValue = formattedValue.replace(/\.?0+e/, "e");
+    return `${formattedValue} ${unit}`;
+  }
+  function calculateDilution(params) {
+    const { stockConcentration, finalConcentration, finalVolume } = params;
+    if (stockConcentration.value <= 0) {
+      return {
+        stockVolume: { value: 0, unit: "µL" },
+        diluentVolume: { value: 0, unit: "µL" },
+        dilutionFactor: 0,
+        valid: false,
+        error: "Stock concentration must be positive"
+      };
+    }
+    if (finalConcentration.value <= 0) {
+      return {
+        stockVolume: { value: 0, unit: "µL" },
+        diluentVolume: { value: 0, unit: "µL" },
+        dilutionFactor: 0,
+        valid: false,
+        error: "Final concentration must be positive"
+      };
+    }
+    if (finalVolume.value <= 0) {
+      return {
+        stockVolume: { value: 0, unit: "µL" },
+        diluentVolume: { value: 0, unit: "µL" },
+        dilutionFactor: 0,
+        valid: false,
+        error: "Final volume must be positive"
+      };
+    }
+    const convertedFinal = convert(
+      finalConcentration.value,
+      finalConcentration.unit,
+      stockConcentration.unit
+    );
+    if (convertedFinal === null) {
+      return {
+        stockVolume: { value: 0, unit: "µL" },
+        diluentVolume: { value: 0, unit: "µL" },
+        dilutionFactor: 0,
+        valid: false,
+        error: "Cannot convert between concentration units. Provide molecular weight for mass↔molarity conversion."
+      };
+    }
+    if (convertedFinal >= stockConcentration.value) {
+      return {
+        stockVolume: { value: 0, unit: "µL" },
+        diluentVolume: { value: 0, unit: "µL" },
+        dilutionFactor: 0,
+        valid: false,
+        error: "Stock concentration must be higher than final concentration"
+      };
+    }
+    const dilutionFactor = stockConcentration.value / convertedFinal;
+    const finalVolumeInL = convertVolume(finalVolume.value, finalVolume.unit, "L");
+    const stockVolumeInL = finalVolumeInL / dilutionFactor;
+    const diluentVolumeInL = finalVolumeInL - stockVolumeInL;
+    let outputUnit = "µL";
+    if (stockVolumeInL >= 1e-3) outputUnit = "mL";
+    if (stockVolumeInL >= 1) outputUnit = "L";
+    return {
+      stockVolume: {
+        value: convertVolume(stockVolumeInL, "L", outputUnit),
+        unit: outputUnit
+      },
+      diluentVolume: {
+        value: convertVolume(diluentVolumeInL, "L", outputUnit),
+        unit: outputUnit
+      },
+      dilutionFactor,
+      valid: true
+    };
+  }
+  function calculateSerialDilution(params) {
+    const { startingConcentration, dilutionFactor, numberOfDilutions, volumePerWell } = params;
+    if (startingConcentration.value <= 0) {
+      return {
+        steps: [],
+        totalStockVolume: { value: 0, unit: "µL" },
+        valid: false,
+        error: "Starting concentration must be positive"
+      };
+    }
+    if (dilutionFactor <= 1) {
+      return {
+        steps: [],
+        totalStockVolume: { value: 0, unit: "µL" },
+        valid: false,
+        error: "Dilution factor must be greater than 1"
+      };
+    }
+    if (numberOfDilutions < 1) {
+      return {
+        steps: [],
+        totalStockVolume: { value: 0, unit: "µL" },
+        valid: false,
+        error: "Number of dilutions must be at least 1"
+      };
+    }
+    if (volumePerWell.value <= 0) {
+      return {
+        steps: [],
+        totalStockVolume: { value: 0, unit: "µL" },
+        valid: false,
+        error: "Volume per well must be positive"
+      };
+    }
+    const steps = [];
+    let currentConcentration = startingConcentration.value;
+    const transferVolume = volumePerWell.value / (dilutionFactor - 1);
+    const diluentVolume = volumePerWell.value - transferVolume;
+    for (let i = 0; i < numberOfDilutions; i++) {
+      steps.push({
+        stepNumber: i + 1,
+        concentration: {
+          value: currentConcentration,
+          unit: startingConcentration.unit
+        },
+        transferVolume: {
+          value: i === 0 ? volumePerWell.value : transferVolume,
+          unit: volumePerWell.unit
+        },
+        diluentVolume: {
+          value: i === 0 ? 0 : diluentVolume,
+          unit: volumePerWell.unit
+        }
+      });
+      currentConcentration /= dilutionFactor;
+    }
+    const totalStockVolume = {
+      value: volumePerWell.value + transferVolume * (numberOfDilutions - 1),
+      unit: volumePerWell.unit
+    };
+    return {
+      steps,
+      totalStockVolume,
+      valid: true
+    };
+  }
+  function convertMassToMolar(mass, massUnit, mw) {
+    const converted = convert(mass, massUnit, "µM", mw);
+    if (converted !== null) {
+      return { value: converted, unit: "µM" };
+    }
+    const massInGML = mass * getMassVolumeFactor(massUnit);
+    const molarConc = massInGML / mw;
+    return { value: molarConc * 1e6, unit: "µM" };
+  }
+  function convertMolarToMass(molar, molarUnit, mw) {
+    const converted = convert(molar, molarUnit, "µg/mL", mw);
+    if (converted !== null) {
+      return { value: converted, unit: "µg/mL" };
+    }
+    const molarInM = molar * getMolarityFactor(molarUnit);
+    const massConc = molarInM * mw * 1e6;
+    return { value: massConc, unit: "µg/mL" };
+  }
+  function getMassVolumeFactor(unit) {
+    const factors = {
+      "pg/mL": 1e-12,
+      "ng/mL": 1e-9,
+      "µg/mL": 1e-6,
+      "mg/mL": 1e-3,
+      "g/mL": 1
+    };
+    return factors[unit];
+  }
+  function getMolarityFactor(unit) {
+    const factors = {
+      "pM": 1e-12,
+      "nM": 1e-9,
+      "µM": 1e-6,
+      "mM": 1e-3,
+      "M": 1
+    };
+    return factors[unit];
+  }
+  function generateWellConcentrations(result, wellIds) {
+    if (!result.valid || result.steps.length === 0) return [];
+    return result.steps.slice(0, wellIds.length).map((step, index) => ({
+      wellId: wellIds[index],
+      concentration: step.concentration,
+      volume: step.transferVolume
+    }));
+  }
+  return {
+    volumeUnits: VOLUME_UNITS,
+    calculateDilution,
+    calculateSerialDilution,
+    convertMassToMolar,
+    convertMolarToMass,
+    convertVolume,
+    formatVolume,
+    generateWellConcentrations
+  };
+}
+export {
+  useDoseCalculator
+};
+//# sourceMappingURL=useDoseCalculator.js.map

package/dist/composables/useDoseCalculator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDoseCalculator.js","sources":["../../src/composables/useDoseCalculator.ts"],"sourcesContent":["import {\n  useConcentrationUnits,\n  type ConcentrationValue,\n  type MolarityUnit,\n  type MassVolumeUnit,\n} from './useConcentrationUnits'\n\n// Volume units\nexport type VolumeUnit = 'µL' | 'mL' | 'L'\n\nexport interface VolumeValue {\n  value: number\n  unit: VolumeUnit\n}\n\n// Dilution calculation types\nexport interface DilutionParams {\n  stockConcentration: ConcentrationValue\n  finalConcentration: ConcentrationValue\n  finalVolume: VolumeValue\n}\n\nexport interface DilutionResult {\n  stockVolume: VolumeValue\n  diluentVolume: VolumeValue\n  dilutionFactor: number\n  valid: boolean\n  error?: string\n}\n\n// Serial dilution types\nexport interface SerialDilutionParams {\n  startingConcentration: ConcentrationValue\n  dilutionFactor: number\n  numberOfDilutions: number\n  volumePerWell: VolumeValue\n}\n\nexport interface SerialDilutionStep {\n  stepNumber: number\n  concentration: ConcentrationValue\n  transferVolume: VolumeValue\n  diluentVolume: VolumeValue\n}\n\nexport interface SerialDilutionResult {\n  steps: SerialDilutionStep[]\n  totalStockVolume: VolumeValue\n  valid: boolean\n  error?: string\n}\n\n// Conversion types\nexport interface ConversionResult {\n  result: ConcentrationValue\n  valid: boolean\n  error?: string\n}\n\n// Well concentration for plate integration\nexport interface WellConcentration {\n  wellId: string\n  concentration: ConcentrationValue\n  volume?: VolumeValue\n}\n\nexport interface UseDoseCalculatorReturn {\n  volumeUnits: VolumeUnit[]\n  calculateDilution: (params: DilutionParams) => DilutionResult\n  calculateSerialDilution: (params: SerialDilutionParams) => SerialDilutionResult\n  convertMassToMolar: (\n    mass: number,\n    massUnit: MassVolumeUnit,\n    mw: number\n  ) => ConcentrationValue\n  convertMolarToMass: (\n    molar: number,\n    molarUnit: MolarityUnit,\n    mw: number\n  ) => ConcentrationValue\n  convertVolume: (value: number, from: VolumeUnit, to: VolumeUnit) => number\n  formatVolume: (volume: VolumeValue, precision?: number) => string\n  generateWellConcentrations: (\n    result: SerialDilutionResult,\n    wellIds: string[]\n  ) => WellConcentration[]\n}\n\nconst VOLUME_UNITS: VolumeUnit[] = ['µL', 'mL', 'L']\n\nconst VOLUME_FACTORS: Record<VolumeUnit, number> = {\n  'µL': 1e-6,\n  'mL': 1e-3,\n  'L': 1,\n}\n\nexport function useDoseCalculator(): UseDoseCalculatorReturn {\n  const { convert } = useConcentrationUnits()\n\n  function convertVolume(value: number, from: VolumeUnit, to: VolumeUnit): number {\n    if (from === to) return value\n    const baseValue = value * VOLUME_FACTORS[from]\n    return baseValue / VOLUME_FACTORS[to]\n  }\n\n  function formatVolume(volume: VolumeValue, precision: number = 3): string {\n    const { value, unit } = volume\n    if (value === 0) return `0 ${unit}`\n\n    let formattedValue: string\n    if (Math.abs(value) >= 1000) {\n      formattedValue = value.toExponential(precision - 1)\n    } else if (Math.abs(value) < 0.001) {\n      formattedValue = value.toExponential(precision - 1)\n    } else {\n      formattedValue = value.toPrecision(precision)\n    }\n\n    // Remove trailing zeros\n    formattedValue = formattedValue.replace(/\\.?0+$/, '')\n    formattedValue = formattedValue.replace(/\\.?0+e/, 'e')\n\n    return `${formattedValue} ${unit}`\n  }\n\n  function calculateDilution(params: DilutionParams): DilutionResult {\n    const { stockConcentration, finalConcentration, finalVolume } = params\n\n    // Validate inputs\n    if (stockConcentration.value <= 0) {\n      return {\n        stockVolume: { value: 0, unit: 'µL' },\n        diluentVolume: { value: 0, unit: 'µL' },\n        dilutionFactor: 0,\n        valid: false,\n        error: 'Stock concentration must be positive',\n      }\n    }\n\n    if (finalConcentration.value <= 0) {\n      return {\n        stockVolume: { value: 0, unit: 'µL' },\n        diluentVolume: { value: 0, unit: 'µL' },\n        dilutionFactor: 0,\n        valid: false,\n        error: 'Final concentration must be positive',\n      }\n    }\n\n    if (finalVolume.value <= 0) {\n      return {\n        stockVolume: { value: 0, unit: 'µL' },\n        diluentVolume: { value: 0, unit: 'µL' },\n        dilutionFactor: 0,\n        valid: false,\n        error: 'Final volume must be positive',\n      }\n    }\n\n    // Convert concentrations to same unit\n    const convertedFinal = convert(\n      finalConcentration.value,\n      finalConcentration.unit,\n      stockConcentration.unit\n    )\n\n    if (convertedFinal === null) {\n      return {\n        stockVolume: { value: 0, unit: 'µL' },\n        diluentVolume: { value: 0, unit: 'µL' },\n        dilutionFactor: 0,\n        valid: false,\n        error: 'Cannot convert between concentration units. Provide molecular weight for mass↔molarity conversion.',\n      }\n    }\n\n    // Check that stock is more concentrated than final\n    if (convertedFinal >= stockConcentration.value) {\n      return {\n        stockVolume: { value: 0, unit: 'µL' },\n        diluentVolume: { value: 0, unit: 'µL' },\n        dilutionFactor: 0,\n        valid: false,\n        error: 'Stock concentration must be higher than final concentration',\n      }\n    }\n\n    // Calculate using C1V1 = C2V2\n    const dilutionFactor = stockConcentration.value / convertedFinal\n    const finalVolumeInL = convertVolume(finalVolume.value, finalVolume.unit, 'L')\n    const stockVolumeInL = finalVolumeInL / dilutionFactor\n    const diluentVolumeInL = finalVolumeInL - stockVolumeInL\n\n    // Convert to appropriate unit (µL for small volumes, mL for larger)\n    let outputUnit: VolumeUnit = 'µL'\n    if (stockVolumeInL >= 0.001) outputUnit = 'mL'\n    if (stockVolumeInL >= 1) outputUnit = 'L'\n\n    return {\n      stockVolume: {\n        value: convertVolume(stockVolumeInL, 'L', outputUnit),\n        unit: outputUnit,\n      },\n      diluentVolume: {\n        value: convertVolume(diluentVolumeInL, 'L', outputUnit),\n        unit: outputUnit,\n      },\n      dilutionFactor,\n      valid: true,\n    }\n  }\n\n  function calculateSerialDilution(params: SerialDilutionParams): SerialDilutionResult {\n    const { startingConcentration, dilutionFactor, numberOfDilutions, volumePerWell } = params\n\n    // Validate inputs\n    if (startingConcentration.value <= 0) {\n      return {\n        steps: [],\n        totalStockVolume: { value: 0, unit: 'µL' },\n        valid: false,\n        error: 'Starting concentration must be positive',\n      }\n    }\n\n    if (dilutionFactor <= 1) {\n      return {\n        steps: [],\n        totalStockVolume: { value: 0, unit: 'µL' },\n        valid: false,\n        error: 'Dilution factor must be greater than 1',\n      }\n    }\n\n    if (numberOfDilutions < 1) {\n      return {\n        steps: [],\n        totalStockVolume: { value: 0, unit: 'µL' },\n        valid: false,\n        error: 'Number of dilutions must be at least 1',\n      }\n    }\n\n    if (volumePerWell.value <= 0) {\n      return {\n        steps: [],\n        totalStockVolume: { value: 0, unit: 'µL' },\n        valid: false,\n        error: 'Volume per well must be positive',\n      }\n    }\n\n    const steps: SerialDilutionStep[] = []\n    let currentConcentration = startingConcentration.value\n    const transferVolume = volumePerWell.value / (dilutionFactor - 1)\n    const diluentVolume = volumePerWell.value - transferVolume\n\n    for (let i = 0; i < numberOfDilutions; i++) {\n      steps.push({\n        stepNumber: i + 1,\n        concentration: {\n          value: currentConcentration,\n          unit: startingConcentration.unit,\n        },\n        transferVolume: {\n          value: i === 0 ? volumePerWell.value : transferVolume,\n          unit: volumePerWell.unit,\n        },\n        diluentVolume: {\n          value: i === 0 ? 0 : diluentVolume,\n          unit: volumePerWell.unit,\n        },\n      })\n      currentConcentration /= dilutionFactor\n    }\n\n    // Total stock needed for first well\n    const totalStockVolume: VolumeValue = {\n      value: volumePerWell.value + (transferVolume * (numberOfDilutions - 1)),\n      unit: volumePerWell.unit,\n    }\n\n    return {\n      steps,\n      totalStockVolume,\n      valid: true,\n    }\n  }\n\n  function convertMassToMolar(\n    mass: number,\n    massUnit: MassVolumeUnit,\n    mw: number\n  ): ConcentrationValue {\n    // Convert mass to g/mL, then to M using MW\n    const converted = convert(mass, massUnit, 'µM', mw)\n    if (converted !== null) {\n      return { value: converted, unit: 'µM' }\n    }\n    // Fallback to manual calculation\n    // mass (g/mL) / MW (g/mol) = mol/L = M\n    const massInGML = mass * getMassVolumeFactor(massUnit)\n    const molarConc = massInGML / mw\n    return { value: molarConc * 1e6, unit: 'µM' }\n  }\n\n  function convertMolarToMass(\n    molar: number,\n    molarUnit: MolarityUnit,\n    mw: number\n  ): ConcentrationValue {\n    // Convert M to mass using MW\n    const converted = convert(molar, molarUnit, 'µg/mL', mw)\n    if (converted !== null) {\n      return { value: converted, unit: 'µg/mL' }\n    }\n    // Fallback to manual calculation\n    // mol/L * MW (g/mol) = g/L = mg/mL\n    const molarInM = molar * getMolarityFactor(molarUnit)\n    const massConc = molarInM * mw * 1e6 // µg/mL\n    return { value: massConc, unit: 'µg/mL' }\n  }\n\n  function getMassVolumeFactor(unit: MassVolumeUnit): number {\n    const factors: Record<MassVolumeUnit, number> = {\n      'pg/mL': 1e-12,\n      'ng/mL': 1e-9,\n      'µg/mL': 1e-6,\n      'mg/mL': 1e-3,\n      'g/mL': 1,\n    }\n    return factors[unit]\n  }\n\n  function getMolarityFactor(unit: MolarityUnit): number {\n    const factors: Record<MolarityUnit, number> = {\n      'pM': 1e-12,\n      'nM': 1e-9,\n      'µM': 1e-6,\n      'mM': 1e-3,\n      'M': 1,\n    }\n    return factors[unit]\n  }\n\n  function generateWellConcentrations(\n    result: SerialDilutionResult,\n    wellIds: string[]\n  ): WellConcentration[] {\n    if (!result.valid || result.steps.length === 0) return []\n\n    return result.steps.slice(0, wellIds.length).map((step, index) => ({\n      wellId: wellIds[index],\n      concentration: step.concentration,\n      volume: step.transferVolume,\n    }))\n  }\n\n  return {\n    volumeUnits: VOLUME_UNITS,\n    calculateDilution,\n    calculateSerialDilution,\n    convertMassToMolar,\n    convertMolarToMass,\n    convertVolume,\n    formatVolume,\n    generateWellConcentrations,\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/composables/useForm.d.ts

@@ -0,0 +1,91 @@
+import { Ref } from 'vue';
+/**
+ * Validation rule function type.
+ * Returns error message string if invalid, undefined/null if valid.
+ */
+export type ValidationRule<T = unknown> = (value: T, formData: Record<string, unknown>) => string | undefined | null;
+/**
+ * Field validation rules configuration.
+ */
+export interface FieldRules<T = unknown> {
+    required?: boolean | string;
+    minLength?: number | {
+        value: number;
+        message: string;
+    };
+    maxLength?: number | {
+        value: number;
+        message: string;
+    };
+    min?: number | {
+        value: number;
+        message: string;
+    };
+    max?: number | {
+        value: number;
+        message: string;
+    };
+    pattern?: RegExp | {
+        value: RegExp;
+        message: string;
+    };
+    email?: boolean | string;
+    custom?: ValidationRule<T> | ValidationRule<T>[];
+}
+/**
+ * Field validation rules configuration.
+ */
+export interface FieldState {
+    value: unknown;
+    error: string | null;
+    touched: boolean;
+    dirty: boolean;
+}
+/**
+ * Form state and methods.
+ */
+export interface UseFormReturn<T extends Record<string, unknown>> {
+    data: T;
+    errors: Record<string, string | null>;
+    touched: Record<string, boolean>;
+    dirty: Record<string, boolean>;
+    isValid: Ref<boolean>;
+    isDirty: Ref<boolean>;
+    isSubmitting: Ref<boolean>;
+    setFieldValue: <K extends keyof T>(field: K, value: T[K]) => void;
+    setFieldError: (field: string, error: string | null) => void;
+    setFieldTouched: (field: string, touched?: boolean) => void;
+    validateField: (field: string) => boolean;
+    validate: () => boolean;
+    reset: (values?: Partial<T>) => void;
+    handleSubmit: (onSubmit: (data: T) => Promise<void> | void) => (e?: Event) => Promise<void>;
+    getFieldProps: <K extends keyof T>(field: K) => {
+        modelValue: T[K];
+        'onUpdate:modelValue': (value: T[K]) => void;
+        onBlur: () => void;
+        error: string | null;
+    };
+}
+/**
+ * Form state management composable with validation.
+ *
+ * @param initialValues - Initial form values
+ * @param rules - Validation rules for each field
+ *
+ * @example
+ * ```typescript
+ * const { data, errors, isValid, handleSubmit, getFieldProps } = useForm(
+ *   { email: '', password: '' },
+ *   {
+ *     email: { required: true, email: true },
+ *     password: { required: true, minLength: 8 },
+ *   }
+ * )
+ *
+ * // In template
+ * <BaseInput v-bind="getFieldProps('email')" label="Email" />
+ * <BaseInput v-bind="getFieldProps('password')" type="password" label="Password" />
+ * <BaseButton @click="handleSubmit(onSubmit)" :disabled="!isValid">Submit</BaseButton>
+ * ```
+ */
+export declare function useForm<T extends Record<string, unknown>>(initialValues: T, rules?: Partial<Record<keyof T, FieldRules>>): UseFormReturn<T>;

package/dist/composables/useForm.js

@@ -0,0 +1,253 @@
+import { reactive, ref, watch, computed } from "vue";
+const validators = {
+  required: (value, message = "This field is required") => {
+    if (value === null || value === void 0 || value === "") {
+      return message;
+    }
+    if (Array.isArray(value) && value.length === 0) {
+      return message;
+    }
+    return null;
+  },
+  minLength: (value, min, message) => {
+    if (typeof value !== "string") return null;
+    if (value.length < min) {
+      return message || `Must be at least ${min} characters`;
+    }
+    return null;
+  },
+  maxLength: (value, max, message) => {
+    if (typeof value !== "string") return null;
+    if (value.length > max) {
+      return message || `Must be at most ${max} characters`;
+    }
+    return null;
+  },
+  min: (value, min, message) => {
+    if (typeof value !== "number") return null;
+    if (value < min) {
+      return message || `Must be at least ${min}`;
+    }
+    return null;
+  },
+  max: (value, max, message) => {
+    if (typeof value !== "number") return null;
+    if (value > max) {
+      return message || `Must be at most ${max}`;
+    }
+    return null;
+  },
+  pattern: (value, pattern, message) => {
+    if (typeof value !== "string") return null;
+    if (!pattern.test(value)) {
+      return message || "Invalid format";
+    }
+    return null;
+  },
+  email: (value, message = "Invalid email address") => {
+    if (typeof value !== "string" || !value) return null;
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    if (!emailRegex.test(value)) {
+      return message;
+    }
+    return null;
+  }
+};
+function useForm(initialValues, rules = {}) {
+  const _initialValues = { ...initialValues };
+  const data = reactive({ ...initialValues });
+  const errors = reactive(
+    Object.keys(initialValues).reduce((acc, key) => {
+      acc[key] = null;
+      return acc;
+    }, {})
+  );
+  const touched = reactive(
+    Object.keys(initialValues).reduce((acc, key) => {
+      acc[key] = false;
+      return acc;
+    }, {})
+  );
+  const dirty = reactive(
+    Object.keys(initialValues).reduce((acc, key) => {
+      acc[key] = false;
+      return acc;
+    }, {})
+  );
+  const isSubmitting = ref(false);
+  watch(
+    () => ({ ...data }),
+    (newData) => {
+      for (const key of Object.keys(newData)) {
+        dirty[key] = newData[key] !== _initialValues[key];
+      }
+    },
+    { deep: true }
+  );
+  function validateField(field) {
+    const value = data[field];
+    const fieldRules = rules[field];
+    if (!fieldRules) {
+      errors[field] = null;
+      return true;
+    }
+    if (fieldRules.required) {
+      const message = typeof fieldRules.required === "string" ? fieldRules.required : void 0;
+      const error = validators.required(value, message);
+      if (error) {
+        errors[field] = error;
+        return false;
+      }
+    }
+    if (value === null || value === void 0 || value === "") {
+      errors[field] = null;
+      return true;
+    }
+    if (fieldRules.minLength !== void 0) {
+      const config = typeof fieldRules.minLength === "number" ? { value: fieldRules.minLength, message: void 0 } : fieldRules.minLength;
+      const error = validators.minLength(value, config.value, config.message);
+      if (error) {
+        errors[field] = error;
+        return false;
+      }
+    }
+    if (fieldRules.maxLength !== void 0) {
+      const config = typeof fieldRules.maxLength === "number" ? { value: fieldRules.maxLength, message: void 0 } : fieldRules.maxLength;
+      const error = validators.maxLength(value, config.value, config.message);
+      if (error) {
+        errors[field] = error;
+        return false;
+      }
+    }
+    if (fieldRules.min !== void 0) {
+      const config = typeof fieldRules.min === "number" ? { value: fieldRules.min, message: void 0 } : fieldRules.min;
+      const error = validators.min(value, config.value, config.message);
+      if (error) {
+        errors[field] = error;
+        return false;
+      }
+    }
+    if (fieldRules.max !== void 0) {
+      const config = typeof fieldRules.max === "number" ? { value: fieldRules.max, message: void 0 } : fieldRules.max;
+      const error = validators.max(value, config.value, config.message);
+      if (error) {
+        errors[field] = error;
+        return false;
+      }
+    }
+    if (fieldRules.pattern !== void 0) {
+      const config = fieldRules.pattern instanceof RegExp ? { value: fieldRules.pattern, message: void 0 } : fieldRules.pattern;
+      const error = validators.pattern(value, config.value, config.message);
+      if (error) {
+        errors[field] = error;
+        return false;
+      }
+    }
+    if (fieldRules.email) {
+      const message = typeof fieldRules.email === "string" ? fieldRules.email : void 0;
+      const error = validators.email(value, message);
+      if (error) {
+        errors[field] = error;
+        return false;
+      }
+    }
+    if (fieldRules.custom) {
+      const customRules = Array.isArray(fieldRules.custom) ? fieldRules.custom : [fieldRules.custom];
+      for (const rule of customRules) {
+        const error = rule(value, data);
+        if (error) {
+          errors[field] = error;
+          return false;
+        }
+      }
+    }
+    errors[field] = null;
+    return true;
+  }
+  function validate() {
+    let isAllValid = true;
+    for (const field of Object.keys(data)) {
+      if (!validateField(field)) {
+        isAllValid = false;
+      }
+    }
+    return isAllValid;
+  }
+  const isValid = computed(() => {
+    return Object.values(errors).every((error) => error === null);
+  });
+  const isDirty = computed(() => {
+    return Object.values(dirty).some((d) => d);
+  });
+  function setFieldValue(field, value) {
+    data[field] = value;
+    if (touched[field]) {
+      validateField(field);
+    }
+  }
+  function setFieldError(field, error) {
+    errors[field] = error;
+  }
+  function setFieldTouched(field, isTouched = true) {
+    touched[field] = isTouched;
+    if (isTouched) {
+      validateField(field);
+    }
+  }
+  function reset(values) {
+    const resetValues = values ? { ..._initialValues, ...values } : _initialValues;
+    for (const key of Object.keys(data)) {
+      data[key] = resetValues[key];
+      errors[key] = null;
+      touched[key] = false;
+      dirty[key] = false;
+    }
+  }
+  function handleSubmit(onSubmit) {
+    return async (e) => {
+      e == null ? void 0 : e.preventDefault();
+      for (const field of Object.keys(data)) {
+        touched[field] = true;
+      }
+      if (!validate()) {
+        return;
+      }
+      isSubmitting.value = true;
+      try {
+        await onSubmit(data);
+      } finally {
+        isSubmitting.value = false;
+      }
+    };
+  }
+  function getFieldProps(field) {
+    const fieldStr = field;
+    return {
+      modelValue: data[field],
+      "onUpdate:modelValue": (value) => setFieldValue(field, value),
+      onBlur: () => setFieldTouched(fieldStr),
+      error: touched[fieldStr] ? errors[fieldStr] : null
+    };
+  }
+  return {
+    data,
+    errors,
+    touched,
+    dirty,
+    isValid,
+    isDirty,
+    isSubmitting,
+    setFieldValue,
+    setFieldError,
+    setFieldTouched,
+    validateField,
+    validate,
+    reset,
+    handleSubmit,
+    getFieldProps
+  };
+}
+export {
+  useForm
+};
+//# sourceMappingURL=useForm.js.map

package/dist/composables/useForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForm.js","sources":["../../src/composables/useForm.ts"],"sourcesContent":["import { ref, reactive, computed, watch, type Ref } from 'vue'\n\n/**\n * Validation rule function type.\n * Returns error message string if invalid, undefined/null if valid.\n */\nexport type ValidationRule<T = unknown> = (value: T, formData: Record<string, unknown>) => string | undefined | null\n\n/**\n * Field validation rules configuration.\n */\nexport interface FieldRules<T = unknown> {\n  required?: boolean | string\n  minLength?: number | { value: number; message: string }\n  maxLength?: number | { value: number; message: string }\n  min?: number | { value: number; message: string }\n  max?: number | { value: number; message: string }\n  pattern?: RegExp | { value: RegExp; message: string }\n  email?: boolean | string\n  custom?: ValidationRule<T> | ValidationRule<T>[]\n}\n\n/**\n * Field validation rules configuration.\n */\nexport interface FieldState {\n  value: unknown\n  error: string | null\n  touched: boolean\n  dirty: boolean\n}\n\n/**\n * Form state and methods.\n */\nexport interface UseFormReturn<T extends Record<string, unknown>> {\n  // Form data (reactive)\n  data: T\n\n  // Field errors\n  errors: Record<string, string | null>\n\n  // Field touched state\n  touched: Record<string, boolean>\n\n  // Field dirty state (value changed from initial)\n  dirty: Record<string, boolean>\n\n  // Overall form state\n  isValid: Ref<boolean>\n  isDirty: Ref<boolean>\n  isSubmitting: Ref<boolean>\n\n  // Methods\n  setFieldValue: <K extends keyof T>(field: K, value: T[K]) => void\n  setFieldError: (field: string, error: string | null) => void\n  setFieldTouched: (field: string, touched?: boolean) => void\n  validateField: (field: string) => boolean\n  validate: () => boolean\n  reset: (values?: Partial<T>) => void\n  handleSubmit: (onSubmit: (data: T) => Promise<void> | void) => (e?: Event) => Promise<void>\n  getFieldProps: <K extends keyof T>(field: K) => {\n    modelValue: T[K]\n    'onUpdate:modelValue': (value: T[K]) => void\n    onBlur: () => void\n    error: string | null\n  }\n}\n\n// Built-in validators\nconst validators = {\n  required: (value: unknown, message = 'This field is required'): string | null => {\n    if (value === null || value === undefined || value === '') {\n      return message\n    }\n    if (Array.isArray(value) && value.length === 0) {\n      return message\n    }\n    return null\n  },\n\n  minLength: (value: unknown, min: number, message?: string): string | null => {\n    if (typeof value !== 'string') return null\n    if (value.length < min) {\n      return message || `Must be at least ${min} characters`\n    }\n    return null\n  },\n\n  maxLength: (value: unknown, max: number, message?: string): string | null => {\n    if (typeof value !== 'string') return null\n    if (value.length > max) {\n      return message || `Must be at most ${max} characters`\n    }\n    return null\n  },\n\n  min: (value: unknown, min: number, message?: string): string | null => {\n    if (typeof value !== 'number') return null\n    if (value < min) {\n      return message || `Must be at least ${min}`\n    }\n    return null\n  },\n\n  max: (value: unknown, max: number, message?: string): string | null => {\n    if (typeof value !== 'number') return null\n    if (value > max) {\n      return message || `Must be at most ${max}`\n    }\n    return null\n  },\n\n  pattern: (value: unknown, pattern: RegExp, message?: string): string | null => {\n    if (typeof value !== 'string') return null\n    if (!pattern.test(value)) {\n      return message || 'Invalid format'\n    }\n    return null\n  },\n\n  email: (value: unknown, message = 'Invalid email address'): string | null => {\n    if (typeof value !== 'string' || !value) return null\n    const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/\n    if (!emailRegex.test(value)) {\n      return message\n    }\n    return null\n  },\n}\n\n/**\n * Form state management composable with validation.\n *\n * @param initialValues - Initial form values\n * @param rules - Validation rules for each field\n *\n * @example\n * ```typescript\n * const { data, errors, isValid, handleSubmit, getFieldProps } = useForm(\n *   { email: '', password: '' },\n *   {\n *     email: { required: true, email: true },\n *     password: { required: true, minLength: 8 },\n *   }\n * )\n *\n * // In template\n * <BaseInput v-bind=\"getFieldProps('email')\" label=\"Email\" />\n * <BaseInput v-bind=\"getFieldProps('password')\" type=\"password\" label=\"Password\" />\n * <BaseButton @click=\"handleSubmit(onSubmit)\" :disabled=\"!isValid\">Submit</BaseButton>\n * ```\n */\nexport function useForm<T extends Record<string, unknown>>(\n  initialValues: T,\n  rules: Partial<Record<keyof T, FieldRules>> = {}\n): UseFormReturn<T> {\n  // Store initial values for reset\n  const _initialValues = { ...initialValues }\n\n  // Reactive form data\n  const data = reactive({ ...initialValues }) as T\n\n  // Field state - use simple Record types for better TS compatibility\n  const errors = reactive<Record<string, string | null>>(\n    Object.keys(initialValues).reduce((acc, key) => {\n      acc[key] = null\n      return acc\n    }, {} as Record<string, string | null>)\n  )\n\n  const touched = reactive<Record<string, boolean>>(\n    Object.keys(initialValues).reduce((acc, key) => {\n      acc[key] = false\n      return acc\n    }, {} as Record<string, boolean>)\n  )\n\n  const dirty = reactive<Record<string, boolean>>(\n    Object.keys(initialValues).reduce((acc, key) => {\n      acc[key] = false\n      return acc\n    }, {} as Record<string, boolean>)\n  )\n\n  const isSubmitting = ref(false)\n\n  // Watch data changes to track dirty state\n  watch(\n    () => ({ ...data }),\n    (newData) => {\n      for (const key of Object.keys(newData)) {\n        dirty[key] = newData[key as keyof T] !== _initialValues[key as keyof T]\n      }\n    },\n    { deep: true }\n  )\n\n  // Validate a single field\n  function validateField(field: string): boolean {\n    const value = data[field as keyof T]\n    const fieldRules = rules[field as keyof T]\n\n    if (!fieldRules) {\n      errors[field] = null\n      return true\n    }\n\n    // Check required\n    if (fieldRules.required) {\n      const message = typeof fieldRules.required === 'string' ? fieldRules.required : undefined\n      const error = validators.required(value, message)\n      if (error) {\n        errors[field] = error\n        return false\n      }\n    }\n\n    // Skip other validations if empty and not required\n    if (value === null || value === undefined || value === '') {\n      errors[field] = null\n      return true\n    }\n\n    // Check minLength\n    if (fieldRules.minLength !== undefined) {\n      const config = typeof fieldRules.minLength === 'number'\n        ? { value: fieldRules.minLength, message: undefined }\n        : fieldRules.minLength\n      const error = validators.minLength(value, config.value, config.message)\n      if (error) {\n        errors[field] = error\n        return false\n      }\n    }\n\n    // Check maxLength\n    if (fieldRules.maxLength !== undefined) {\n      const config = typeof fieldRules.maxLength === 'number'\n        ? { value: fieldRules.maxLength, message: undefined }\n        : fieldRules.maxLength\n      const error = validators.maxLength(value, config.value, config.message)\n      if (error) {\n        errors[field] = error\n        return false\n      }\n    }\n\n    // Check min\n    if (fieldRules.min !== undefined) {\n      const config = typeof fieldRules.min === 'number'\n        ? { value: fieldRules.min, message: undefined }\n        : fieldRules.min\n      const error = validators.min(value, config.value, config.message)\n      if (error) {\n        errors[field] = error\n        return false\n      }\n    }\n\n    // Check max\n    if (fieldRules.max !== undefined) {\n      const config = typeof fieldRules.max === 'number'\n        ? { value: fieldRules.max, message: undefined }\n        : fieldRules.max\n      const error = validators.max(value, config.value, config.message)\n      if (error) {\n        errors[field] = error\n        return false\n      }\n    }\n\n    // Check pattern\n    if (fieldRules.pattern !== undefined) {\n      const config = fieldRules.pattern instanceof RegExp\n        ? { value: fieldRules.pattern, message: undefined }\n        : fieldRules.pattern\n      const error = validators.pattern(value, config.value, config.message)\n      if (error) {\n        errors[field] = error\n        return false\n      }\n    }\n\n    // Check email\n    if (fieldRules.email) {\n      const message = typeof fieldRules.email === 'string' ? fieldRules.email : undefined\n      const error = validators.email(value, message)\n      if (error) {\n        errors[field] = error\n        return false\n      }\n    }\n\n    // Check custom validators\n    if (fieldRules.custom) {\n      const customRules = Array.isArray(fieldRules.custom) ? fieldRules.custom : [fieldRules.custom]\n      for (const rule of customRules) {\n        const error = rule(value, data as Record<string, unknown>)\n        if (error) {\n          errors[field] = error\n          return false\n        }\n      }\n    }\n\n    errors[field] = null\n    return true\n  }\n\n  // Validate all fields\n  function validate(): boolean {\n    let isAllValid = true\n    for (const field of Object.keys(data)) {\n      if (!validateField(field)) {\n        isAllValid = false\n      }\n    }\n    return isAllValid\n  }\n\n  // Computed overall validity\n  const isValid = computed(() => {\n    return Object.values(errors).every(error => error === null)\n  })\n\n  // Computed overall dirty state\n  const isDirty = computed(() => {\n    return Object.values(dirty).some(d => d)\n  })\n\n  // Set field value\n  function setFieldValue<K extends keyof T>(field: K, value: T[K]): void {\n    ;(data as Record<string, unknown>)[field as string] = value\n    if (touched[field as string]) {\n      validateField(field as string)\n    }\n  }\n\n  // Set field error\n  function setFieldError(field: string, error: string | null): void {\n    errors[field] = error\n  }\n\n  // Set field touched\n  function setFieldTouched(field: string, isTouched = true): void {\n    touched[field] = isTouched\n    if (isTouched) {\n      validateField(field)\n    }\n  }\n\n  // Reset form\n  function reset(values?: Partial<T>): void {\n    const resetValues = values ? { ..._initialValues, ...values } : _initialValues\n    for (const key of Object.keys(data)) {\n      ;(data as Record<string, unknown>)[key] = resetValues[key as keyof T]\n      errors[key] = null\n      touched[key] = false\n      dirty[key] = false\n    }\n  }\n\n  // Handle submit\n  function handleSubmit(onSubmit: (data: T) => Promise<void> | void) {\n    return async (e?: Event): Promise<void> => {\n      e?.preventDefault()\n\n      // Mark all fields as touched\n      for (const field of Object.keys(data)) {\n        touched[field] = true\n      }\n\n      if (!validate()) {\n        return\n      }\n\n      isSubmitting.value = true\n      try {\n        await onSubmit(data)\n      } finally {\n        isSubmitting.value = false\n      }\n    }\n  }\n\n  // Get props for a field (for v-bind)\n  function getFieldProps<K extends keyof T>(field: K) {\n    const fieldStr = field as string\n    return {\n      modelValue: data[field],\n      'onUpdate:modelValue': (value: T[K]) => setFieldValue(field, value),\n      onBlur: () => setFieldTouched(fieldStr),\n      error: touched[fieldStr] ? errors[fieldStr] : null,\n    }\n  }\n\n  return {\n    data,\n    errors,\n    touched,\n    dirty,\n    isValid,\n    isDirty,\n    isSubmitting,\n    setFieldValue,\n    setFieldError,\n    setFieldTouched,\n    validateField,\n    validate,\n    reset,\n    handleSubmit,\n    getFieldProps,\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/composables/usePasskey.d.ts

@@ -0,0 +1,9 @@
+import { CredentialInfo } from '../types';
+export declare function usePasskey(): {
+    isSupported: () => boolean;
+    registerPasskey: (deviceName?: string) => Promise<boolean>;
+    loginWithPasskey: () => Promise<boolean>;
+    listCredentials: () => Promise<CredentialInfo[]>;
+    deleteCredential: (credentialId: string) => Promise<boolean>;
+    deleteAllCredentials: () => Promise<boolean>;
+};