mtrl 0.2.4 → 0.2.5

package/src/components/slider/index.ts

@@ -1,9 +1,19 @@
 // src/components/slider/index.ts
+
+// Export main component creator
 export { default } from './slider';
+
+// Export constants
 export { 
   SLIDER_COLORS, 
   SLIDER_SIZES, 
   SLIDER_ORIENTATIONS, 
   SLIDER_EVENTS 
 } from './constants';
-export { SliderConfig, SliderComponent, SliderEvent } from './types';
+
+// Export types for TypeScript users
+export type { 
+  SliderConfig, 
+  SliderComponent, 
+  SliderEvent 
+} from './types';

package/src/components/slider/slider.ts

@@ -1,5 +1,5 @@
 // src/components/slider/slider.ts
-import { pipe } from '../../core/compose';
+import { pipe } from '../../core/compose/pipe';
 import { createBase, withElement } from '../../core/compose/component';
 import { withEvents, withLifecycle } from '../../core/compose/features';
 import { 

package/src/components/slider/types.ts

@@ -1,5 +1,5 @@
 // src/components/slider/types.ts
-import { SLIDER_COLORS, SLIDER_SIZES, SLIDER_ORIENTATIONS, SLIDER_EVENTS } from './constants';
+import { SLIDER_COLORS, SLIDER_SIZES, SLIDER_EVENTS } from './constants';
 
 /**
  * Configuration interface for the Slider component
@@ -24,26 +24,20 @@ export interface SliderConfig {
   disabled?: boolean;
   
   /** Color variant of the slider */
-  color?: keyof typeof SLIDER_COLORS | SLIDER_COLORS;
+  color?: keyof typeof SLIDER_COLORS | typeof SLIDER_COLORS[keyof typeof SLIDER_COLORS];
   
   /** Size variant of the slider */
-  size?: keyof typeof SLIDER_SIZES | SLIDER_SIZES;
-  
-  /** Orientation of the slider */
-  orientation?: keyof typeof SLIDER_ORIENTATIONS | SLIDER_ORIENTATIONS;
+  size?: keyof typeof SLIDER_SIZES | typeof SLIDER_SIZES[keyof typeof SLIDER_SIZES];
   
   /** Whether to show tick marks */
   ticks?: boolean;
   
-  /** Whether to show tick labels */
-  tickLabels?: boolean | string[];
+  /** Format function for displayed values */
+  valueFormatter?: (value: number) => string;
   
   /** Whether to show the current value while dragging */
   showValue?: boolean;
   
-  /** Format function for displayed values */
-  valueFormatter?: (value: number) => string;
-  
   /** Whether to snap to steps while dragging (discrete slider) */
   snapToSteps?: boolean;
   
@@ -55,7 +49,7 @@ export interface SliderConfig {
   
   /** Event handlers for slider events */
   on?: {
-    [key in keyof typeof SLIDER_EVENTS]?: (event: SliderEvent) => void;
+    [key in keyof typeof SLIDER_EVENTS | typeof SLIDER_EVENTS[keyof typeof SLIDER_EVENTS]]?: (event: SliderEvent) => void;
   };
 }
 
@@ -129,37 +123,28 @@ export interface SliderComponent {
   isDisabled: () => boolean;
   
   /** Sets slider color */
-  setColor: (color: keyof typeof SLIDER_COLORS | SLIDER_COLORS) => SliderComponent;
+  setColor: (color: keyof typeof SLIDER_COLORS | typeof SLIDER_COLORS[keyof typeof SLIDER_COLORS]) => SliderComponent;
   
   /** Gets slider color */
   getColor: () => string;
   
   /** Sets slider size */
-  setSize: (size: keyof typeof SLIDER_SIZES | SLIDER_SIZES) => SliderComponent;
+  setSize: (size: keyof typeof SLIDER_SIZES | typeof SLIDER_SIZES[keyof typeof SLIDER_SIZES]) => SliderComponent;
   
   /** Gets slider size */
   getSize: () => string;
   
-  /** Sets slider orientation */
-  setOrientation: (orientation: keyof typeof SLIDER_ORIENTATIONS | SLIDER_ORIENTATIONS) => SliderComponent;
-  
-  /** Gets slider orientation */
-  getOrientation: () => string;
-  
   /** Shows or hides tick marks */
   showTicks: (show: boolean) => SliderComponent;
   
-  /** Shows or hides tick labels */
-  showTickLabels: (show: boolean | string[]) => SliderComponent;
-  
   /** Shows or hides current value while dragging */
   showCurrentValue: (show: boolean) => SliderComponent;
   
   /** Adds event listener */
-  on: (event: keyof typeof SLIDER_EVENTS | SLIDER_EVENTS, handler: (event: SliderEvent) => void) => SliderComponent;
+  on: (event: keyof typeof SLIDER_EVENTS | typeof SLIDER_EVENTS[keyof typeof SLIDER_EVENTS], handler: (event: SliderEvent) => void) => SliderComponent;
   
   /** Removes event listener */
-  off: (event: keyof typeof SLIDER_EVENTS | SLIDER_EVENTS, handler: (event: SliderEvent) => void) => SliderComponent;
+  off: (event: keyof typeof SLIDER_EVENTS | typeof SLIDER_EVENTS[keyof typeof SLIDER_EVENTS], handler: (event: SliderEvent) => void) => SliderComponent;
   
   /** Destroys the slider component and cleans up resources */
   destroy: () => void;