@pathscale/ui 0.0.109 → 0.0.111

package/dist/components/colorpicker/AlphaSlider.d.ts

@@ -0,0 +1,7 @@
+import { type JSX } from "solid-js";
+export interface AlphaSliderProps {
+    class?: string;
+    className?: string;
+}
+declare const AlphaSlider: (props: AlphaSliderProps) => JSX.Element;
+export default AlphaSlider;

package/dist/components/colorpicker/ColorInput.d.ts

@@ -0,0 +1,7 @@
+import { type JSX } from "solid-js";
+export interface ColorInputProps {
+    class?: string;
+    className?: string;
+}
+declare const ColorInput: (props: ColorInputProps) => JSX.Element;
+export default ColorInput;

package/dist/components/colorpicker/ColorPicker.d.ts

@@ -0,0 +1,18 @@
+import { type JSX } from "solid-js";
+import type { ColorFormat } from "./ColorUtils";
+import { IComponentBaseProps } from "../types";
+export type { ColorFormat } from "./ColorUtils";
+export type ColorPickerMode = "picker" | "wheel" | "flower";
+export interface ColorPickerProps extends IComponentBaseProps {
+    value?: string;
+    onChange?: (color: string) => void;
+    format?: ColorFormat;
+    disabled?: boolean;
+    swatches?: string[];
+    showAlpha?: boolean;
+    placement?: "top" | "bottom" | "left" | "right";
+    initialMode?: ColorPickerMode;
+    "aria-label"?: string;
+}
+declare const ColorPicker: (props: ColorPickerProps) => JSX.Element;
+export default ColorPicker;

package/dist/components/colorpicker/ColorPickerFlowerSelector.d.ts

@@ -0,0 +1,3 @@
+import type { JSX } from "solid-js";
+declare const ColorPickerFlowerSelector: () => JSX.Element;
+export default ColorPickerFlowerSelector;

package/dist/components/colorpicker/ColorPickerGradientSelector.d.ts

@@ -0,0 +1,3 @@
+import type { JSX } from "solid-js";
+declare const ColorPickerGradientSelector: () => JSX.Element;
+export default ColorPickerGradientSelector;

package/dist/components/colorpicker/ColorPickerWheelSelector.d.ts

@@ -0,0 +1,3 @@
+import type { JSX } from "solid-js";
+declare const ColorPickerWheelSelector: () => JSX.Element;
+export default ColorPickerWheelSelector;

package/dist/components/colorpicker/ColorPreview.d.ts

@@ -0,0 +1,11 @@
+import type { JSX } from "solid-js";
+import type { ColorValue } from "./ColorUtils";
+export interface ColorPreviewProps {
+    color: ColorValue;
+    disabled?: boolean;
+    onClick?: () => void;
+    class?: string;
+    className?: string;
+}
+declare const ColorPreview: (props: ColorPreviewProps) => JSX.Element;
+export default ColorPreview;

package/dist/components/colorpicker/ColorSwatches.d.ts

@@ -0,0 +1,8 @@
+import { type JSX } from "solid-js";
+export interface ColorSwatchesProps {
+    swatches: string[];
+    class?: string;
+    className?: string;
+}
+declare const ColorSwatches: (props: ColorSwatchesProps) => JSX.Element;
+export default ColorSwatches;

package/dist/components/colorpicker/ColorUtils.d.ts

@@ -0,0 +1,58 @@
+export type ColorFormat = "hex" | "rgb" | "rgba" | "hsl" | "hsla";
+export interface RGB {
+    r: number;
+    g: number;
+    b: number;
+}
+export interface RGBA extends RGB {
+    a: number;
+}
+export interface HSL {
+    h: number;
+    s: number;
+    l: number;
+}
+export interface HSLA extends HSL {
+    a: number;
+}
+export interface ColorValue {
+    rgb: RGBA;
+    hsl: HSLA;
+    hex: string;
+}
+/**
+ * Convert hex color to RGB
+ */
+export declare function hexToRgb(hex: string): RGB | null;
+/**
+ * Convert RGB to hex
+ */
+export declare function rgbToHex(r: number, g: number, b: number): string;
+/**
+ * Convert RGB to HSL
+ */
+export declare function rgbToHsl(r: number, g: number, b: number): HSL;
+/**
+ * Convert HSL to RGB
+ */
+export declare function hslToRgb(h: number, s: number, l: number): RGB;
+/**
+ * Parse color string to ColorValue
+ */
+export declare function parseColor(color: string): ColorValue | null;
+/**
+ * Format ColorValue to specified format string
+ */
+export declare function formatColor(color: ColorValue, format: ColorFormat): string;
+/**
+ * Set alpha channel of a ColorValue
+ */
+export declare function setAlpha(color: ColorValue, alpha: number): ColorValue;
+/**
+ * Create ColorValue from HSL values
+ */
+export declare function createColorFromHsl(h: number, s: number, l: number, a?: number): ColorValue;
+/**
+ * Get default color value (white)
+ */
+export declare function getDefaultColor(): ColorValue;

package/dist/components/colorpicker/ColorWheel.d.ts

@@ -0,0 +1,7 @@
+import { type JSX } from "solid-js";
+export interface ColorWheelProps {
+    class?: string;
+    className?: string;
+}
+declare const ColorWheel: (props: ColorWheelProps) => JSX.Element;
+export default ColorWheel;

package/dist/components/colorpicker/ColorWheelFlower.d.ts

@@ -0,0 +1,7 @@
+import { type JSX } from "solid-js";
+export interface ColorWheelFlowerProps {
+    class?: string;
+    className?: string;
+}
+declare const ColorWheelFlower: (props: ColorWheelFlowerProps) => JSX.Element;
+export default ColorWheelFlower;

package/dist/components/colorpicker/HueSlider.d.ts

@@ -0,0 +1,7 @@
+import { type JSX } from "solid-js";
+export interface HueSliderProps {
+    class?: string;
+    className?: string;
+}
+declare const HueSlider: (props: HueSliderProps) => JSX.Element;
+export default HueSlider;

package/dist/components/colorpicker/LightnessSlider.d.ts

@@ -0,0 +1,7 @@
+import { type JSX } from "solid-js";
+export interface LightnessSliderProps {
+    class?: string;
+    className?: string;
+}
+declare const LightnessSlider: (props: LightnessSliderProps) => JSX.Element;
+export default LightnessSlider;

package/dist/components/colorpicker/SaturationBrightness.d.ts

@@ -0,0 +1,7 @@
+import { type JSX } from "solid-js";
+export interface SaturationBrightnessProps {
+    class?: string;
+    className?: string;
+}
+declare const SaturationBrightness: (props: SaturationBrightnessProps) => JSX.Element;
+export default SaturationBrightness;

package/dist/components/colorpicker/colorpickerContext.d.ts

@@ -0,0 +1,11 @@
+import { type Accessor } from "solid-js";
+import type { ColorValue, ColorFormat } from "./ColorUtils";
+export interface ColorPickerContextType {
+    color: Accessor<ColorValue>;
+    format: Accessor<ColorFormat>;
+    disabled: Accessor<boolean>;
+    onChange: (color: ColorValue) => void;
+    onFormatChange: (format: ColorFormat) => void;
+}
+export declare const ColorPickerContext: import("solid-js").Context<ColorPickerContextType | undefined>;
+export declare function useColorPickerContext(): ColorPickerContextType;

package/dist/components/colorpicker/index.d.ts

@@ -0,0 +1,26 @@
+export { default as ColorPicker, default } from "./ColorPicker";
+export type { ColorPickerProps, ColorFormat, ColorPickerMode } from "./ColorPicker";
+export { default as ColorPickerGradientSelector } from "./ColorPickerGradientSelector";
+export { default as ColorPickerWheelSelector } from "./ColorPickerWheelSelector";
+export { default as ColorPickerFlowerSelector } from "./ColorPickerFlowerSelector";
+export { default as SaturationBrightness } from "./SaturationBrightness";
+export { default as HueSlider } from "./HueSlider";
+export { default as LightnessSlider } from "./LightnessSlider";
+export { default as AlphaSlider } from "./AlphaSlider";
+export { default as ColorWheel } from "./ColorWheel";
+export { default as ColorWheelFlower } from "./ColorWheelFlower";
+export { default as ColorSwatches } from "./ColorSwatches";
+export { default as ColorInput } from "./ColorInput";
+export { default as ColorPreview } from "./ColorPreview";
+export { ColorPickerContext, useColorPickerContext } from "./colorpickerContext";
+export type { ColorPickerContextType } from "./colorpickerContext";
+export type { SaturationBrightnessProps } from "./SaturationBrightness";
+export type { HueSliderProps } from "./HueSlider";
+export type { LightnessSliderProps } from "./LightnessSlider";
+export type { AlphaSliderProps } from "./AlphaSlider";
+export type { ColorWheelProps } from "./ColorWheel";
+export type { ColorWheelFlowerProps } from "./ColorWheelFlower";
+export type { ColorSwatchesProps } from "./ColorSwatches";
+export type { ColorInputProps } from "./ColorInput";
+export type { ColorPreviewProps } from "./ColorPreview";
+export type { ColorValue, RGB, RGBA, HSL, HSLA } from "./ColorUtils";

package/dist/index.d.ts

@@ -15,6 +15,9 @@ export { default as Carousel } from "./components/carousel";
 export type { CarouselItemProps, CarouselProps } from "./components/carousel";
 export { default as ChatBubble } from "./components/chatbubble";
 export { default as Checkbox } from "./components/checkbox";
+export { default as ColorPicker } from "./components/colorpicker";
+export { AlphaSlider, ColorInput, ColorPickerContext, ColorPickerFlowerSelector, ColorPickerGradientSelector, ColorPickerWheelSelector, ColorPreview, ColorSwatches, ColorWheel, ColorWheelFlower, HueSlider, LightnessSlider, SaturationBrightness, useColorPickerContext, } from "./components/colorpicker";
+export type { AlphaSliderProps, ColorFormat, ColorInputProps, ColorPickerContextType, ColorPickerMode, ColorPickerProps, ColorPreviewProps, ColorSwatchesProps, ColorValue, ColorWheelFlowerProps, ColorWheelProps, HueSliderProps, LightnessSliderProps, SaturationBrightnessProps, } from "./components/colorpicker";
 export { CodeMockup, CodeMockupLine } from "./components/codemockup";
 export { Collapse, CollapseContent, CollapseDetails, CollapseTitle, Summary, } from "./components/collapse";
 export { default as ConnectionStatus } from "./components/connectionstatus";