mtrl 0.3.8 → 0.3.9

package/src/core/utils/validate.ts

@@ -1,234 +0,0 @@
-// src/core/utils/validate.ts
-
-/**
- * Validation rule interface
- */
-export interface ValidationRule {
-  /**
-   * Whether field is required
-   */
-  required?: boolean;
-  
-  /**
-   * Expected data type
-   */
-  type?: string;
-  
-  /**
-   * Minimum value for numbers
-   */
-  minimum?: number;
-  
-  /**
-   * Maximum value for numbers
-   */
-  maximum?: number;
-  
-  /**
-   * Regular expression pattern for strings
-   */
-  pattern?: string | RegExp;
-  
-  /**
-   * Allowed values (enum)
-   */
-  enum?: any[];
-  
-  /**
-   * Minimum string length
-   */
-  minLength?: number;
-  
-  /**
-   * Maximum string length
-   */
-  maxLength?: number;
-  
-  /**
-   * Default value
-   */
-  default?: any;
-  
-  /**
-   * Custom validator function
-   */
-  validator?: (value: any) => boolean | string;
-}
-
-/**
- * Validation schema type
- */
-export type ValidationSchema = Record<string, ValidationRule>;
-
-/**
- * Validates configuration object against schema
- * 
- * @param config - Configuration to validate
- * @param schema - Validation schema
- * @throws Error if validation fails
- */
-export const validateConfig = (
-  config: Record<string, any>, 
-  schema: ValidationSchema
-): void => {
-  const errors: string[] = [];
-
-  Object.entries(schema).forEach(([key, rule]) => {
-    // Check required fields
-    if (rule.required && config[key] === undefined) {
-      errors.push(`Missing required field: ${key}`);
-    }
-
-    if (config[key] !== undefined) {
-      // Check type if value exists
-      if (rule.type) {
-        const actualType = typeof config[key];
-        if (actualType !== rule.type) {
-          errors.push(`Invalid type for ${key}: expected ${rule.type}, got ${actualType}`);
-        }
-      }
-
-      // Check numbers
-      if (typeof config[key] === 'number') {
-        if (rule.minimum !== undefined && config[key] < rule.minimum) {
-          errors.push(`Value for ${key} is too small: minimum is ${rule.minimum}`);
-        }
-        if (rule.maximum !== undefined && config[key] > rule.maximum) {
-          errors.push(`Value for ${key} is too large: maximum is ${rule.maximum}`);
-        }
-      }
-
-      // Check strings
-      if (typeof config[key] === 'string') {
-        if (rule.minLength !== undefined && config[key].length < rule.minLength) {
-          errors.push(`String for ${key} is too short: minimum length is ${rule.minLength}`);
-        }
-        if (rule.maxLength !== undefined && config[key].length > rule.maxLength) {
-          errors.push(`String for ${key} is too long: maximum length is ${rule.maxLength}`);
-        }
-        if (rule.pattern) {
-          const pattern = rule.pattern instanceof RegExp 
-            ? rule.pattern 
-            : new RegExp(rule.pattern);
-          
-          if (!pattern.test(config[key])) {
-            errors.push(`Invalid format for ${key}: must match pattern ${pattern}`);
-          }
-        }
-      }
-
-      // Check allowed values
-      if (rule.enum) {
-        if (!rule.enum.includes(config[key])) {
-          errors.push(`Invalid value for ${key}. Must be one of: ${rule.enum.join(', ')}`);
-        }
-      }
-
-      // Custom validator
-      if (rule.validator) {
-        const result = rule.validator(config[key]);
-        if (result === false) {
-          errors.push(`Invalid value for ${key}`);
-        } else if (typeof result === 'string') {
-          errors.push(result);
-        }
-      }
-    }
-  });
-
-  if (errors.length > 0) {
-    throw new Error(`Configuration validation failed:\n${errors.join('\n')}`);
-  }
-};
-
-/**
- * Validates a single value against a rule
- * 
- * @param value - Value to validate
- * @param rule - Validation rule
- * @returns Validation result (true if valid, error message if invalid)
- */
-export const validateValue = (
-  value: any, 
-  rule: ValidationRule
-): true | string => {
-  // Check required
-  if (rule.required && value === undefined) {
-    return 'Value is required';
-  }
-
-  if (value !== undefined) {
-    // Check type
-    if (rule.type && typeof value !== rule.type) {
-      return `Expected ${rule.type}, got ${typeof value}`;
-    }
-
-    // Check numbers
-    if (typeof value === 'number') {
-      if (rule.minimum !== undefined && value < rule.minimum) {
-        return `Value is too small: minimum is ${rule.minimum}`;
-      }
-      if (rule.maximum !== undefined && value > rule.maximum) {
-        return `Value is too large: maximum is ${rule.maximum}`;
-      }
-    }
-
-    // Check strings
-    if (typeof value === 'string') {
-      if (rule.minLength !== undefined && value.length < rule.minLength) {
-        return `String is too short: minimum length is ${rule.minLength}`;
-      }
-      if (rule.maxLength !== undefined && value.length > rule.maxLength) {
-        return `String is too long: maximum length is ${rule.maxLength}`;
-      }
-      if (rule.pattern) {
-        const pattern = rule.pattern instanceof RegExp 
-          ? rule.pattern 
-          : new RegExp(rule.pattern);
-        
-        if (!pattern.test(value)) {
-          return `Invalid format: must match pattern ${pattern}`;
-        }
-      }
-    }
-
-    // Check allowed values
-    if (rule.enum && !rule.enum.includes(value)) {
-      return `Invalid value. Must be one of: ${rule.enum.join(', ')}`;
-    }
-
-    // Custom validator
-    if (rule.validator) {
-      const result = rule.validator(value);
-      if (result === false) {
-        return 'Invalid value';
-      } else if (typeof result === 'string') {
-        return result;
-      }
-    }
-  }
-
-  return true;
-};
-
-/**
- * Applies default values from schema to config
- * 
- * @param config - Configuration object
- * @param schema - Validation schema with defaults
- * @returns Configuration with defaults applied
- */
-export const applyDefaults = <T extends Record<string, any>>(
-  config: T, 
-  schema: ValidationSchema
-): T => {
-  const result = { ...config };
-
-  Object.entries(schema).forEach(([key, rule]) => {
-    if (result[key] === undefined && rule.default !== undefined) {
-      result[key] = rule.default;
-    }
-  });
-
-  return result;
-};

package/src/index.ts

@@ -1,90 +0,0 @@
-// src/index.ts
-/**
- * Main mtrl library exports
- * 
- * @packageDocumentation
- */
-
-// Direct component imports
-import { createElement, addClass, removeClass, hasClass, toggleClass } from './core/dom';
-import createLayout from './core/layout';
-import createBadge from './components/badge';
-import createBottomAppBar from './components/bottom-app-bar';
-import createButton from './components/button';
-import createCard from './components/card';
-import {
-  createCardContent, 
-  createCardHeader, 
-  createCardActions, 
-  createCardMedia 
-} from './components/card/content';
-import createCarousel from './components/carousel';
-import createCheckbox from './components/checkbox';
-import { createChip, createChips } from './components/chips';
-import createDatePicker from './components/datepicker';
-import createDialog from './components/dialog';
-import { createDivider } from './components/divider';
-import createFab from './components/fab';
-import createExtendedFab from './components/extended-fab';
-import createList, { createListItem } from './components/list';
-import createMenu from './components/menu';
-import createNavigation, { createNavigationSystem } from './components/navigation';
-import createProgress from './components/progress';
-import createRadios from './components/radios';
-import createSearch from './components/search';
-import createSegmentedButton, { createSegment } from './components/segmented-button';
-import createSheet from './components/sheet';
-import createSlider from './components/slider';
-import createSnackbar from './components/snackbar';
-import createSelect from './components/select';
-import createSwitch from './components/switch';
-import createTabs, { createTab } from './components/tabs';
-import createTextfield from './components/textfield';
-import createTimePicker from './components/timepicker';
-import createTopAppBar from './components/top-app-bar';
-import createTooltip from './components/tooltip';
-
-// Export all "create*" functions
-export {
-  addClass, removeClass, hasClass, toggleClass,
-  createElement,
-  createLayout,
-  createBadge,
-  createBottomAppBar,
-  createButton,
-  createCard,
-  createCardContent, 
-  createCardHeader, 
-  createCardActions, 
-  createCardMedia,
-  createCarousel,
-  createCheckbox,
-  createChip,
-  createChips,
-  createDatePicker,
-  createDialog,
-  createDivider,
-  createFab,
-  createExtendedFab,
-  createList,
-  createListItem,
-  createMenu,
-  createNavigation,
-  createNavigationSystem,
-  createProgress,
-  createRadios,
-  createSearch,
-  createSelect,
-  createSegmentedButton,
-  createSegment,
-  createSheet,
-  createSlider,
-  createSnackbar,
-  createSwitch,
-  createTabs,
-  createTab,
-  createTextfield,
-  createTimePicker,
-  createTopAppBar,
-  createTooltip
-};

package/src/styles/abstract/_base.scss

@@ -1,2 +0,0 @@
-// src/styles/abstract/_base.scss
-$prefix: 'mtrl';

package/src/styles/abstract/_config.scss

@@ -1,28 +0,0 @@
-// src/styles/abstract/_config.scss
-@use 'variables' as *;
-@forward 'variables';
-@forward 'functions';
-@forward 'mixins' show 
-  typography,
-  state-layer,
-  elevation,
-  motion-transition,
-  motion-exit,
-  motion-enter,
-  focus-ring,
-  interactive-states,
-  flex-center,
-  center-content,
-  container,
-  truncate,
-  shape,
-  breakpoint-up,
-  breakpoint-down,
-  breakpoint-between,
-  visually-hidden,
-  reduced-motion,
-  high-contrast,
-  rtl,
-  touch-target,
-  custom-scrollbar,
-  print;

package/src/styles/abstract/_functions.scss

@@ -1,124 +0,0 @@
-// src/styles/abstract/_functions.scss
-@use 'sass:map';
-@use 'sass:math';
-@use 'sass:color';
-@use 'variables' as v;
-
-// Get nested map value
-@function map-deep-get($map, $keys...) {
-  @each $key in $keys {
-    $map: map.get($map, $key);
-  }
-  @return $map;
-}
-
-// Get value from design tokens
-@function get-token($category, $token) {
-  $token-map: null;
-  
-  @if $category == 'state' {
-    $token-map: v.$state;
-  } @else if $category == 'motion' {
-    $token-map: v.$motion;
-  } @else if $category == 'elevation' {
-    $token-map: v.$elevation;
-  } @else if $category == 'typescale' {
-    $token-map: v.$typescale;
-  } @else if $category == 'shape' {
-    $token-map: v.$shape;
-  } @else if $category == 'z-index' {
-    $token-map: v.$z-index;
-  }
-  
-  @if not $token-map {
-    @error 'Unknown token category: #{$category}';
-  }
-  
-  $value: map.get($token-map, $token);
-  
-  @if not $value {
-    @error 'Unknown token: #{$token} in category #{$category}';
-  }
-  
-  @return $value;
-}
-
-// State Layer
-@function get-state-opacity($state) {
-  @return get-token('state', '#{$state}-state-layer-opacity');
-}
-
-// Motion
-@function get-motion-duration($duration) {
-  @return get-token('motion', 'duration-#{$duration}');
-}
-
-@function get-motion-easing($easing) {
-  @return get-token('motion', 'easing-#{$easing}');
-}
-
-// Elevation
-@function get-elevation($level) {
-  @return get-token('elevation', 'level-#{$level}');
-}
-
-// Typography
-@function get-typography($scale) {
-  @return get-token('typescale', $scale);
-}
-
-// Shape
-@function get-shape($size) {
-  @return get-token('shape', $size);
-}
-
-// Z-index
-@function get-z-index($layer) {
-  @return get-token('z-index', $layer);
-}
-
-// Breakpoints
-@function get-breakpoint($size) {
-  @return map.get(v.$breakpoints, $size);
-}
-
-// Color utilities
-@function get-luminance($color) {
-  $red: color.red($color);
-  $green: color.green($color);
-  $blue: color.blue($color);
-  
-  $luminance: ($red * 0.299 + $green * 0.587 + $blue * 0.114) / 255;
-  @return $luminance;
-}
-
-@function is-light-color($color) {
-  @return get-luminance($color) > 0.6;
-}
-
-@function get-contrast-color($color, $light: #fff, $dark: #000) {
-  @return if(is-light-color($color), $dark, $light);
-}
-
-// Unit conversion utilities
-@function strip-unit($number) {
-  @if type-of($number) == 'number' and not unitless($number) {
-    @return math.div($number, ($number * 0 + 1));
-  }
-  @return $number;
-}
-
-@function to-rem($size, $base-size: 16px) {
-  $rem-size: math.div(strip-unit($size), strip-unit($base-size));
-  @return #{$rem-size}rem;
-}
-
-@function to-em($size, $base-size: 16px) {
-  $em-size: math.div(strip-unit($size), strip-unit($base-size));
-  @return #{$em-size}em;
-}
-
-// Value constraint utility
-@function constrain($min, $value, $max) {
-  @return max($min, min($value, $max));
-}