@urcolor/vue 0.0.1 → 0.0.2

package/dist/components/ColorArea/ColorArea.stories.d.ts

@@ -0,0 +1,57 @@
+import type { Meta, StoryObj } from "@storybook/vue3";
+import "internationalized-color/css";
+import { ColorAreaRoot } from "./index";
+type Story = StoryObj<typeof ColorAreaRoot>;
+declare const meta: Meta<typeof ColorAreaRoot>;
+export default meta;
+export declare const HSL_Hue_Saturation: Story;
+export declare const HSL_Hue_Lightness: Story;
+export declare const HSL_Saturation_Lightness: Story;
+export declare const HSV_Hue_Saturation: Story;
+export declare const HSV_Hue_Value: Story;
+export declare const HSV_Saturation_Value: Story;
+export declare const HWB_Hue_Whiteness: Story;
+export declare const HWB_Hue_Blackness: Story;
+export declare const HWB_Whiteness_Blackness: Story;
+export declare const OKLCh_Lightness_Chroma: Story;
+export declare const OKLCh_Lightness_Hue: Story;
+export declare const OKLCh_Chroma_Hue: Story;
+export declare const OKLab_Lightness_a: Story;
+export declare const OKLab_Lightness_b: Story;
+export declare const OKLab_a_b: Story;
+export declare const LCh_Lightness_Chroma: Story;
+export declare const LCh_Lightness_Hue: Story;
+export declare const LCh_Chroma_Hue: Story;
+export declare const Lab_Lightness_a: Story;
+export declare const Lab_Lightness_b: Story;
+export declare const Lab_a_b: Story;
+export declare const RGB_Red_Green: Story;
+export declare const RGB_Red_Blue: Story;
+export declare const RGB_Green_Blue: Story;
+export declare const DisplayP3_Red_Green: Story;
+export declare const DisplayP3_Red_Blue: Story;
+export declare const DisplayP3_Green_Blue: Story;
+export declare const A98RGB_Red_Green: Story;
+export declare const A98RGB_Red_Blue: Story;
+export declare const A98RGB_Green_Blue: Story;
+export declare const ProPhotoRGB_Red_Green: Story;
+export declare const ProPhotoRGB_Red_Blue: Story;
+export declare const ProPhotoRGB_Green_Blue: Story;
+export declare const Rec2020_Red_Green: Story;
+export declare const Rec2020_Red_Blue: Story;
+export declare const Rec2020_Green_Blue: Story;
+export declare const HSL_Hue_Alpha: Story;
+export declare const HSL_Saturation_Alpha: Story;
+export declare const HSL_Lightness_Alpha: Story;
+export declare const HSV_Hue_Alpha: Story;
+export declare const HSV_Saturation_Alpha: Story;
+export declare const HSV_Value_Alpha: Story;
+export declare const RGB_Red_Alpha: Story;
+export declare const RGB_Green_Alpha: Story;
+export declare const RGB_Blue_Alpha: Story;
+export declare const OKLCh_Lightness_Alpha: Story;
+export declare const OKLCh_Chroma_Alpha: Story;
+export declare const OKLCh_Hue_Alpha: Story;
+export declare const Disabled: Story;
+export declare const ThumbContain: Story;
+export declare const RTL: Story;

package/dist/components/ColorArea/ColorAreaRoot.vue.d.ts

@@ -1,6 +1,5 @@
 import type { Ref } from "vue";
 import type { PrimitiveProps } from "reka-ui";
-import "internationalized-color/css";
 import { Color } from "internationalized-color";
 import type { ActiveDirection } from "./utils";
 type Direction = "ltr" | "rtl";
@@ -68,6 +67,7 @@ export interface ColorAreaRootContext {
     yChannelKey: Ref<string>;
     colorRef: Readonly<Ref<Color | undefined>>;
     dir: Ref<Direction>;
+    isDragging: Ref<boolean>;
 }
 export declare const injectColorAreaRootContext: <T extends ColorAreaRootContext | null | undefined = ColorAreaRootContext>(fallback?: T | undefined) => T extends null ? ColorAreaRootContext | null : ColorAreaRootContext, provideColorAreaRootContext: (contextValue: ColorAreaRootContext) => ColorAreaRootContext;
 declare const _default: typeof __VLS_export;

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

@@ -0,0 +1,50 @@
+import type { Meta, StoryObj } from "@storybook/vue3";
+import "internationalized-color/css";
+import { ColorFieldRoot } from "./index";
+type Story = StoryObj<typeof ColorFieldRoot>;
+declare const meta: Meta<typeof ColorFieldRoot>;
+export default meta;
+export declare const HSL_Hue: Story;
+export declare const HSL_Saturation: Story;
+export declare const HSL_Lightness: Story;
+export declare const HSL_Alpha: Story;
+export declare const HSV_Hue: Story;
+export declare const HSV_Saturation: Story;
+export declare const HSV_Value: Story;
+export declare const HWB_Hue: Story;
+export declare const HWB_Whiteness: Story;
+export declare const HWB_Blackness: Story;
+export declare const OKLCh_Lightness: Story;
+export declare const OKLCh_Chroma: Story;
+export declare const OKLCh_Hue: Story;
+export declare const OKLCh_Alpha: Story;
+export declare const OKLab_Lightness: Story;
+export declare const OKLab_a: Story;
+export declare const OKLab_b: Story;
+export declare const LCh_Lightness: Story;
+export declare const LCh_Chroma: Story;
+export declare const LCh_Hue: Story;
+export declare const Lab_Lightness: Story;
+export declare const Lab_a: Story;
+export declare const Lab_b: Story;
+export declare const RGB_Red: Story;
+export declare const RGB_Green: Story;
+export declare const RGB_Blue: Story;
+export declare const RGB_Alpha: Story;
+export declare const DisplayP3_Red: Story;
+export declare const DisplayP3_Green: Story;
+export declare const DisplayP3_Blue: Story;
+export declare const A98RGB_Red: Story;
+export declare const A98RGB_Green: Story;
+export declare const A98RGB_Blue: Story;
+export declare const ProPhotoRGB_Red: Story;
+export declare const ProPhotoRGB_Green: Story;
+export declare const ProPhotoRGB_Blue: Story;
+export declare const Rec2020_Red: Story;
+export declare const Rec2020_Green: Story;
+export declare const Rec2020_Blue: Story;
+export declare const WithButtons: Story;
+export declare const WithSwatch: Story;
+export declare const WithSwatchAndButtons: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;

package/dist/components/ColorField/ColorFieldRoot.vue.d.ts

@@ -1,6 +1,5 @@
 import type { Ref } from "vue";
 import type { PrimitiveProps } from "reka-ui";
-import "internationalized-color/css";
 import { Color } from "internationalized-color";
 export interface ColorFieldRootProps extends /* @vue-ignore */ PrimitiveProps {
     as?: string;

package/dist/components/ColorRing/ColorRing.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from "@storybook/vue3";
+import { ColorRingRoot } from "./index";
+type Story = StoryObj<typeof ColorRingRoot>;
+declare const meta: Meta<typeof ColorRingRoot>;
+export default meta;
+export declare const HSL_Hue: Story;
+export declare const HSL_Saturation: Story;
+export declare const HSL_Lightness: Story;
+export declare const HSV_Hue: Story;
+export declare const OKLCh_Hue: Story;
+export declare const OKLCh_Chroma: Story;
+export declare const OKLCh_Lightness: Story;
+export declare const LCh_Hue: Story;
+export declare const Disabled: Story;

package/dist/components/ColorRing/ColorRingCheckerboard.vue.d.ts

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

package/dist/components/ColorRing/ColorRingGradient.vue.d.ts

@@ -0,0 +1,21 @@
+import type { PrimitiveProps } from "reka-ui";
+export interface ColorRingGradientProps extends /* @vue-ignore */ PrimitiveProps {
+    as?: string;
+    asChild?: boolean;
+    channelOverrides?: Record<string, number> | false;
+    /** @deprecated Use innerRadius on ColorRingRoot instead */
+    innerRadius?: number;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ColorRingGradientProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorRingGradientProps> & Readonly<{}>, {
+    as: string;
+    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/ColorRing/ColorRingRoot.vue.d.ts

@@ -0,0 +1,64 @@
+import type { Ref } from "vue";
+import type { PrimitiveProps } from "reka-ui";
+import { Color } from "internationalized-color";
+type Direction = "ltr" | "rtl";
+export interface ColorRingRootProps extends /* @vue-ignore */ PrimitiveProps {
+    as?: string;
+    asChild?: boolean;
+    name?: string | undefined;
+    required?: boolean;
+    modelValue?: Color | string | null;
+    defaultValue?: Color | string;
+    disabled?: boolean;
+    dir?: Direction;
+    colorSpace?: string;
+    channel?: string;
+    startAngle?: number;
+    /** Inner radius as a ratio of the outer radius (0–1). Used for hit testing. Default 0.7 */
+    innerRadius?: number;
+}
+export type ColorRingRootEmits = {
+    "update:modelValue": [payload: Color | undefined];
+    "valueCommit": [payload: Color];
+};
+export interface ColorRingRootContext {
+    disabled: Ref<boolean>;
+    min: Ref<number>;
+    max: Ref<number>;
+    step: Ref<number>;
+    colorSpace: Ref<string>;
+    channelKey: Ref<string>;
+    colorRef: Readonly<Ref<Color | undefined>>;
+    currentValue: Ref<number>;
+    startAngle: Ref<number>;
+    dir: Ref<Direction>;
+    thumbElement: Ref<HTMLElement | undefined>;
+    innerRadius: Ref<number>;
+    isDragging: Ref<boolean>;
+}
+export declare const injectColorRingRootContext: <T extends ColorRingRootContext | null | undefined = ColorRingRootContext>(fallback?: T | undefined) => T extends null ? ColorRingRootContext | null : ColorRingRootContext, provideColorRingRootContext: (contextValue: ColorRingRootContext) => ColorRingRootContext;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ColorRingRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (payload: Color | undefined) => any;
+    valueCommit: (payload: Color) => any;
+}, string, import("vue").PublicProps, Readonly<ColorRingRootProps> & Readonly<{
+    "onUpdate:modelValue"?: ((payload: Color | undefined) => any) | undefined;
+    onValueCommit?: ((payload: Color) => any) | undefined;
+}>, {
+    disabled: boolean;
+    as: string;
+    defaultValue: Color | string;
+    colorSpace: string;
+    startAngle: number;
+    innerRadius: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {
+        modelValue: Color | undefined;
+    }) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ColorRing/ColorRingThumb.vue.d.ts

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

package/dist/components/ColorRing/ColorRingTrack.vue.d.ts

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

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

@@ -0,0 +1,5 @@
+export { injectColorRingRootContext, default as ColorRingRoot, type ColorRingRootEmits, type ColorRingRootProps, } from "./ColorRingRoot.vue";
+export { default as ColorRingTrack, type ColorRingTrackProps, } from "./ColorRingTrack.vue";
+export { default as ColorRingGradient, type ColorRingGradientProps, } from "./ColorRingGradient.vue";
+export { default as ColorRingCheckerboard, type ColorRingCheckerboardProps, } from "./ColorRingCheckerboard.vue";
+export { default as ColorRingThumb, type ColorRingThumbProps, } from "./ColorRingThumb.vue";

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

@@ -0,0 +1,56 @@
+import type { Meta, StoryObj } from "@storybook/vue3";
+import "internationalized-color/css";
+import { ColorSliderRoot } from "./index";
+type Story = StoryObj<typeof ColorSliderRoot>;
+declare const meta: Meta<typeof ColorSliderRoot>;
+export default meta;
+export declare const HSL_Hue: Story;
+export declare const HSL_Saturation: Story;
+export declare const HSL_Lightness: Story;
+export declare const HSL_Alpha: Story;
+export declare const HSV_Hue: Story;
+export declare const HSV_Saturation: Story;
+export declare const HSV_Value: Story;
+export declare const HSV_Alpha: Story;
+export declare const HWB_Hue: Story;
+export declare const HWB_Whiteness: Story;
+export declare const HWB_Blackness: Story;
+export declare const HWB_Alpha: Story;
+export declare const OKLCh_Lightness: Story;
+export declare const OKLCh_Chroma: Story;
+export declare const OKLCh_Hue: Story;
+export declare const OKLCh_Alpha: Story;
+export declare const OKLab_Lightness: Story;
+export declare const OKLab_a: Story;
+export declare const OKLab_b: Story;
+export declare const OKLab_Alpha: Story;
+export declare const LCh_Lightness: Story;
+export declare const LCh_Chroma: Story;
+export declare const LCh_Hue: Story;
+export declare const LCh_Alpha: Story;
+export declare const Lab_Lightness: Story;
+export declare const Lab_a: Story;
+export declare const Lab_b: Story;
+export declare const Lab_Alpha: Story;
+export declare const RGB_Red: Story;
+export declare const RGB_Green: Story;
+export declare const RGB_Blue: Story;
+export declare const RGB_Alpha: Story;
+export declare const DisplayP3_Red: Story;
+export declare const DisplayP3_Green: Story;
+export declare const DisplayP3_Blue: Story;
+export declare const DisplayP3_Alpha: Story;
+export declare const A98RGB_Red: Story;
+export declare const A98RGB_Green: Story;
+export declare const A98RGB_Blue: Story;
+export declare const A98RGB_Alpha: Story;
+export declare const ProPhotoRGB_Red: Story;
+export declare const ProPhotoRGB_Green: Story;
+export declare const ProPhotoRGB_Blue: Story;
+export declare const ProPhotoRGB_Alpha: Story;
+export declare const Rec2020_Red: Story;
+export declare const Rec2020_Green: Story;
+export declare const Rec2020_Blue: Story;
+export declare const Rec2020_Alpha: Story;
+export declare const Disabled: Story;
+export declare const RTL: Story;

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

@@ -5,8 +5,8 @@ export interface ColorSliderGradientProps extends /* @vue-ignore */ PrimitivePro
     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;
+    /** Rotation angle in degrees (0 = left-to-right, 90 = top-to-bottom). Values are normalized to 0–360. When using vertical orientation, defaults to 90. */
+    angle?: number;
     /** When set to a non-RGB color space, interpolates stops in that space for perceptual accuracy. */
     interpolationSpace?: string;
     /**
@@ -21,7 +21,6 @@ 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;

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

@@ -1,5 +1,4 @@
 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`. */
@@ -25,6 +24,8 @@ export interface ColorSliderRootContext {
     colorRef: Ref<Color | undefined>;
     channel: Ref<string>;
     colorSpace: Ref<string>;
+    orientation: Ref<"horizontal" | "vertical">;
+    inverted: Ref<boolean>;
 }
 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;

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

@@ -0,0 +1,18 @@
+import type { Meta, StoryObj } from "@storybook/vue3";
+import "internationalized-color/css";
+import { ColorSwatchRoot } from "./index";
+type Story = StoryObj<typeof ColorSwatchRoot>;
+declare const meta: Meta<typeof ColorSwatchRoot>;
+export default meta;
+export declare const Red: Story;
+export declare const Blue: Story;
+export declare const Green: Story;
+export declare const SemiTransparent: Story;
+export declare const AlphaEnabled: Story;
+export declare const AlphaDisabled: Story;
+export declare const SmallChecker: Story;
+export declare const LargeChecker: Story;
+export declare const HexFormat: Story;
+export declare const RGBFormat: Story;
+export declare const HSLFormat: Story;
+export declare const OKLChFormat: Story;

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

@@ -1,5 +1,4 @@
 import type { PrimitiveProps } from "reka-ui";
-import "internationalized-color/css";
 import { Color } from "internationalized-color";
 export interface ColorSwatchRootProps extends /* @vue-ignore */ PrimitiveProps {
     as?: string;

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

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from "@storybook/vue3";
+import "internationalized-color/css";
+import { ColorSwatchGroupRoot } from "./index";
+type Story = StoryObj<typeof ColorSwatchGroupRoot>;
+declare const meta: Meta<typeof ColorSwatchGroupRoot>;
+export default meta;
+export declare const SingleSelection: Story;
+export declare const MultipleSelection: Story;
+export declare const Vertical: Story;
+export declare const Disabled: Story;
+export declare const NoLoop: Story;
+export declare const NoRovingFocus: Story;
+export declare const MaterialPalette: Story;
+export declare const TailwindGrays: Story;
+export declare const RTL: Story;

package/dist/components/ColorTriangle/ColorTriangle.stories.d.ts

@@ -0,0 +1,21 @@
+import type { Meta, StoryObj } from "@storybook/vue3";
+import "internationalized-color/css";
+import { ColorTriangleRoot } from "./index";
+type Story = StoryObj<typeof ColorTriangleRoot>;
+declare const meta: Meta<typeof ColorTriangleRoot>;
+export default meta;
+export declare const HSV_Saturation_Value: Story;
+export declare const HSL_Saturation_Lightness: Story;
+export declare const OKLCh_Chroma_Lightness: Story;
+export declare const HWB_Whiteness_Blackness: Story;
+export declare const Rotated: Story;
+export declare const Disabled: Story;
+export declare const Maxwell_RGB: Story;
+export declare const OKLab_abL: Story;
+export declare const P3_RGB: Story;
+export declare const HSL_HSL: Story;
+export declare const OKLab_ab: Story;
+export declare const Lab_ab: Story;
+export declare const RGB_RG: Story;
+export declare const ThumbContain: Story;
+export declare const ThumbContain3Channel: Story;

package/dist/components/ColorTriangle/ColorTriangleCheckerboard.vue.d.ts

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

package/dist/components/ColorTriangle/ColorTriangleGradient.vue.d.ts

@@ -0,0 +1,19 @@
+import type { PrimitiveProps } from "reka-ui";
+export interface ColorTriangleGradientProps extends /* @vue-ignore */ PrimitiveProps {
+    as?: string;
+    asChild?: boolean;
+    channelOverrides?: Record<string, number> | false;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ColorTriangleGradientProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ColorTriangleGradientProps> & Readonly<{}>, {
+    as: string;
+    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/ColorTriangle/ColorTriangleRoot.vue.d.ts

@@ -0,0 +1,86 @@
+import type { Ref } from "vue";
+import type { PrimitiveProps } from "reka-ui";
+import { Color } from "internationalized-color";
+import { type Point } from "@urcolor/core";
+type Direction = "ltr" | "rtl";
+export interface ColorTriangleRootProps extends /* @vue-ignore */ PrimitiveProps {
+    as?: string;
+    asChild?: boolean;
+    name?: string | undefined;
+    required?: boolean;
+    modelValue?: Color | string | null;
+    defaultValue?: Color | string;
+    disabled?: boolean;
+    dir?: Direction;
+    colorSpace?: string;
+    channelX?: string;
+    channelY?: string;
+    channelZ?: string;
+    rotation?: number;
+    orientation?: "vertical" | "horizontal";
+    inverted?: boolean;
+    thumbAlignment?: "contain" | "overflow";
+}
+export type ColorTriangleRootEmits = {
+    "update:modelValue": [payload: Color | undefined];
+    "valueCommit": [payload: Color];
+};
+export type ActiveDirection = "x" | "y" | "z";
+export interface ColorTriangleRootContext {
+    disabled: Ref<boolean>;
+    colorSpace: Ref<string>;
+    xChannelKey: Ref<string>;
+    yChannelKey: Ref<string>;
+    zChannelKey: Ref<string | undefined>;
+    colorRef: Readonly<Ref<Color | undefined>>;
+    currentXValue: Ref<number>;
+    currentYValue: Ref<number>;
+    currentZValue: Ref<number>;
+    xMin: Ref<number>;
+    xMax: Ref<number>;
+    yMin: Ref<number>;
+    yMax: Ref<number>;
+    zMin: Ref<number>;
+    zMax: Ref<number>;
+    isThreeChannel: Ref<boolean>;
+    rotation: Ref<number>;
+    vertices: Ref<[Point, Point, Point]>;
+    orientation: Ref<"vertical" | "horizontal">;
+    dir: Ref<Direction>;
+    activeDirection: Ref<ActiveDirection>;
+    thumbXElement: Ref<HTMLElement | undefined>;
+    thumbYElement: Ref<HTMLElement | undefined>;
+    thumbZElement: Ref<HTMLElement | undefined>;
+    inverted: Ref<boolean>;
+    isDragging: Ref<boolean>;
+    thumbAlignment: Ref<"contain" | "overflow">;
+    thumbElement: Ref<HTMLElement | undefined>;
+}
+export declare const injectColorTriangleRootContext: <T extends ColorTriangleRootContext | null | undefined = ColorTriangleRootContext>(fallback?: T | undefined) => T extends null ? ColorTriangleRootContext | null : ColorTriangleRootContext, provideColorTriangleRootContext: (contextValue: ColorTriangleRootContext) => ColorTriangleRootContext;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ColorTriangleRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (payload: Color | undefined) => any;
+    valueCommit: (payload: Color) => any;
+}, string, import("vue").PublicProps, Readonly<ColorTriangleRootProps> & Readonly<{
+    "onUpdate:modelValue"?: ((payload: Color | undefined) => any) | undefined;
+    onValueCommit?: ((payload: Color) => any) | undefined;
+}>, {
+    disabled: boolean;
+    as: string;
+    defaultValue: Color | string;
+    colorSpace: string;
+    thumbAlignment: "contain" | "overflow";
+    inverted: boolean;
+    orientation: "vertical" | "horizontal";
+    rotation: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {
+        modelValue: Color | undefined;
+    }) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ColorTriangle/ColorTriangleThumb.vue.d.ts

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

package/dist/components/ColorTriangle/ColorTriangleThumbX.vue.d.ts

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

package/dist/components/ColorTriangle/ColorTriangleThumbY.vue.d.ts

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

package/dist/components/ColorTriangle/ColorTriangleThumbZ.vue.d.ts

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

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

@@ -0,0 +1,7 @@
+export { injectColorTriangleRootContext, default as ColorTriangleRoot, type ColorTriangleRootEmits, type ColorTriangleRootProps, } from "./ColorTriangleRoot.vue";
+export { default as ColorTriangleGradient, type ColorTriangleGradientProps, } from "./ColorTriangleGradient.vue";
+export { default as ColorTriangleCheckerboard, type ColorTriangleCheckerboardProps, } from "./ColorTriangleCheckerboard.vue";
+export { default as ColorTriangleThumb, type ColorTriangleThumbProps, } from "./ColorTriangleThumb.vue";
+export { default as ColorTriangleThumbX, type ColorTriangleThumbXProps, } from "./ColorTriangleThumbX.vue";
+export { default as ColorTriangleThumbY, type ColorTriangleThumbYProps, } from "./ColorTriangleThumbY.vue";
+export { default as ColorTriangleThumbZ, type ColorTriangleThumbZProps, } from "./ColorTriangleThumbZ.vue";