@urcolor/vue 0.0.1

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

@@ -0,0 +1,5 @@
+export { default as ColorFieldRoot, type ColorFieldRootProps, type ColorFieldRootEmits, type ColorFieldRootContext, } from "./ColorFieldRoot.vue";
+export { default as ColorFieldInput, type ColorFieldInputProps, } from "./ColorFieldInput.vue";
+export { default as ColorFieldIncrement, type ColorFieldIncrementProps, } from "./ColorFieldIncrement.vue";
+export { default as ColorFieldDecrement, type ColorFieldDecrementProps, } from "./ColorFieldDecrement.vue";
+export { default as ColorFieldSwatch, type ColorFieldSwatchProps, } from "./ColorFieldSwatch.vue";

package/dist/components/ColorField/utils.d.ts

@@ -0,0 +1,8 @@
+import type { Ref } from "vue";
+export declare function usePressedHold(options: {
+    disabled: Ref<boolean>;
+    onTrigger: () => void;
+}): {
+    isPressed: Ref<boolean, boolean>;
+    onPointerDown: (event: PointerEvent) => void;
+};

package/dist/components/ColorSlider/ColorSliderCheckerboard.vue.d.ts

@@ -0,0 +1,10 @@
+import type { PrimitiveProps } from "reka-ui";
+export interface ColorSliderCheckerboardProps extends /* @vue-ignore */ PrimitiveProps {
+    as?: string;
+    asChild?: boolean;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<ColorSliderCheckerboardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorSliderCheckerboardProps> & Readonly<{}>, {
+    as: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/ColorSlider/ColorSliderGradient.vue.d.ts

@@ -0,0 +1,33 @@
+import "internationalized-color/css";
+import type { PrimitiveProps } from "reka-ui";
+export interface ColorSliderGradientProps extends /* @vue-ignore */ PrimitiveProps {
+    as?: string;
+    asChild?: boolean;
+    /** Array of color stops. When omitted, auto-computes from the slider's channel and current color. */
+    colors?: string[];
+    /** If true, gradient runs top-to-bottom instead of left-to-right. */
+    vertical?: boolean;
+    /** When set to a non-RGB color space, interpolates stops in that space for perceptual accuracy. */
+    interpolationSpace?: string;
+    /**
+     * Lock specific channels to fixed values in the gradient.
+     * - `{ alpha: 1 }` (default) — lock alpha to 1
+     * - `{ s: 1, v: 1 }` — lock saturation and value
+     * - `false` — no overrides, gradient reflects all channels from current color
+     */
+    channelOverrides?: Record<string, number> | false;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ColorSliderGradientProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorSliderGradientProps> & Readonly<{}>, {
+    as: string;
+    vertical: boolean;
+    channelOverrides: Record<string, number> | false;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ColorSlider/ColorSliderRange.vue.d.ts

@@ -0,0 +1,13 @@
+import type { SliderRangeProps } from "reka-ui";
+export interface ColorSliderRangeProps extends /* @vue-ignore */ SliderRangeProps {
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ColorSliderRangeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorSliderRangeProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ColorSlider/ColorSliderRoot.vue.d.ts

@@ -0,0 +1,49 @@
+import type { Ref } from "vue";
+import "internationalized-color/css";
+import { Color } from "internationalized-color";
+export interface ColorSliderRootProps {
+    /** The controlled color value. Can be bind as `v-model`. */
+    modelValue?: Color | string | null;
+    /** The color space mode (e.g. 'hsl', 'oklch'). */
+    colorSpace?: string;
+    /** Which channel this slider controls (e.g. 'h', 's', 'l'). */
+    channel?: string;
+    /** When `true`, prevents the user from interacting with the slider. */
+    disabled?: boolean;
+    /** The reading direction. */
+    dir?: "ltr" | "rtl";
+    /** Whether the slider is visually inverted. */
+    inverted?: boolean;
+    /** The orientation of the slider. */
+    orientation?: "horizontal" | "vertical";
+}
+export type ColorSliderRootEmits = {
+    "update:modelValue": [payload: Color | undefined];
+    "valueCommit": [payload: Color];
+};
+export interface ColorSliderRootContext {
+    colorRef: Ref<Color | undefined>;
+    channel: Ref<string>;
+    colorSpace: Ref<string>;
+}
+export declare const injectColorSliderRootContext: <T extends ColorSliderRootContext | null | undefined = ColorSliderRootContext>(fallback?: T | undefined) => T extends null ? ColorSliderRootContext | null : ColorSliderRootContext, provideColorSliderRootContext: (contextValue: ColorSliderRootContext) => ColorSliderRootContext;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ColorSliderRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (payload: Color | undefined) => any;
+    valueCommit: (payload: Color) => any;
+}, string, import("vue").PublicProps, Readonly<ColorSliderRootProps> & Readonly<{
+    "onUpdate:modelValue"?: ((payload: Color | undefined) => any) | undefined;
+    onValueCommit?: ((payload: Color) => any) | undefined;
+}>, {
+    disabled: boolean;
+    colorSpace: string;
+    channel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ColorSlider/ColorSliderThumb.vue.d.ts

@@ -0,0 +1,13 @@
+import type { SliderThumbProps } from "reka-ui";
+export interface ColorSliderThumbProps extends /* @vue-ignore */ SliderThumbProps {
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ColorSliderThumbProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorSliderThumbProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ColorSlider/ColorSliderTrack.vue.d.ts

@@ -0,0 +1,13 @@
+import type { SliderTrackProps } from "reka-ui";
+export interface ColorSliderTrackProps extends /* @vue-ignore */ SliderTrackProps {
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ColorSliderTrackProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorSliderTrackProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,6 @@
+export { default as ColorSliderRoot, type ColorSliderRootProps, type ColorSliderRootEmits, injectColorSliderRootContext, } from "./ColorSliderRoot.vue";
+export { default as ColorSliderTrack, type ColorSliderTrackProps, } from "./ColorSliderTrack.vue";
+export { default as ColorSliderRange, type ColorSliderRangeProps, } from "./ColorSliderRange.vue";
+export { default as ColorSliderThumb, type ColorSliderThumbProps, } from "./ColorSliderThumb.vue";
+export { default as ColorSliderGradient, type ColorSliderGradientProps, } from "./ColorSliderGradient.vue";
+export { default as ColorSliderCheckerboard, type ColorSliderCheckerboardProps, } from "./ColorSliderCheckerboard.vue";

package/dist/components/ColorSwatch/ColorSwatchRoot.vue.d.ts

@@ -0,0 +1,26 @@
+import type { PrimitiveProps } from "reka-ui";
+import "internationalized-color/css";
+import { Color } from "internationalized-color";
+export interface ColorSwatchRootProps extends /* @vue-ignore */ PrimitiveProps {
+    as?: string;
+    asChild?: boolean;
+    /** The color value to display. */
+    modelValue?: Color | string | null;
+    /** The checkerboard size in pixels. */
+    checkerSize?: number;
+    /** When true, reflects the color's alpha channel. When false, displays the color as fully opaque. */
+    alpha?: boolean;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ColorSwatchRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorSwatchRootProps> & Readonly<{}>, {
+    as: string;
+    checkerSize: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,2 @@
+export { default as ColorSwatchRoot } from "./ColorSwatchRoot.vue";
+export type { ColorSwatchRootProps } from "./ColorSwatchRoot.vue";

package/dist/components/ColorSwatchGroup/ColorSwatchGroupItem.vue.d.ts

@@ -0,0 +1,25 @@
+import type { ColorSwatchRootProps } from "../ColorSwatch/ColorSwatchRoot.vue";
+import type { PrimitiveProps } from "reka-ui";
+export interface ColorSwatchGroupItemProps extends PrimitiveProps, Pick<ColorSwatchRootProps, "checkerSize" | "alpha"> {
+    as?: string;
+    asChild?: boolean;
+    /** The color value. Serves as both the selection value and the displayed color. */
+    value: string;
+    /** When `true`, prevents the user from interacting with this item. */
+    disabled?: boolean;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ColorSwatchGroupItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorSwatchGroupItemProps> & Readonly<{}>, {
+    disabled: boolean;
+    as: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ColorSwatchGroup/ColorSwatchGroupRoot.vue.d.ts

@@ -0,0 +1,58 @@
+import type { Ref } from "vue";
+import type { PrimitiveProps } from "reka-ui";
+export type SelectionType = "single" | "multiple";
+export interface ColorSwatchGroupRootProps extends /* @vue-ignore */ PrimitiveProps {
+    as?: string;
+    asChild?: boolean;
+    /** Whether to allow single or multiple selection. */
+    type?: SelectionType;
+    /** The controlled selected value(s). Can be bound as `v-model`. */
+    modelValue?: string[];
+    /** The default selected value(s) when uncontrolled. */
+    defaultValue?: string[];
+    /** When `true`, prevents the user from interacting with the group. */
+    disabled?: boolean;
+    /** The orientation of the group for arrow key navigation. */
+    orientation?: "horizontal" | "vertical";
+    /** Whether keyboard navigation should loop around. */
+    loop?: boolean;
+    /** Whether to use roving focus for keyboard navigation. */
+    rovingFocus?: boolean;
+    /** The reading direction. */
+    dir?: "ltr" | "rtl";
+}
+export type ColorSwatchGroupRootEmits = {
+    "update:modelValue": [value: string[]];
+};
+export interface ColorSwatchGroupContext {
+    modelValue: Ref<string[]>;
+    type: Ref<SelectionType>;
+    disabled: Ref<boolean>;
+    rovingFocus: Ref<boolean>;
+    changeModelValue: (value: string) => void;
+}
+export declare const injectColorSwatchGroupContext: <T extends ColorSwatchGroupContext | null | undefined = ColorSwatchGroupContext>(fallback?: T | undefined) => T extends null ? ColorSwatchGroupContext | null : ColorSwatchGroupContext, provideColorSwatchGroupContext: (contextValue: ColorSwatchGroupContext) => ColorSwatchGroupContext;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ColorSwatchGroupRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<ColorSwatchGroupRootProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    type: SelectionType;
+    as: string;
+    defaultValue: string[];
+    orientation: "horizontal" | "vertical";
+    loop: boolean;
+    rovingFocus: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,5 @@
+export { default as ColorSwatchGroupRoot } from "./ColorSwatchGroupRoot.vue";
+export type { ColorSwatchGroupRootProps, ColorSwatchGroupRootEmits, ColorSwatchGroupContext, } from "./ColorSwatchGroupRoot.vue";
+export { injectColorSwatchGroupContext } from "./ColorSwatchGroupRoot.vue";
+export { default as ColorSwatchGroupItem } from "./ColorSwatchGroupItem.vue";
+export type { ColorSwatchGroupItemProps } from "./ColorSwatchGroupItem.vue";

package/dist/composables/useColor.d.ts

@@ -0,0 +1,3 @@
+import type { Color } from "internationalized-color";
+import { type MaybeRefOrGetter } from "vue";
+export declare function useColor(input: MaybeRefOrGetter<Color | string | null | undefined>): {};

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./components/ColorArea";
+export * from "./components/ColorSlider";
+export * from "./components/ColorField";
+export * from "./components/ColorSwatch";
+export * from "./components/ColorSwatchGroup";