@sprawlify/vue 0.0.66 → 0.0.70

package/dist/components/collection/index.js

@@ -1,4 +1,4 @@
 import "../../core-DNndr38p.js";
-import { a as createTreeCollection, i as createFileTreeCollection, n as useListCollection, o as createListCollection, r as useAsyncList, s as createGridCollection, t as useListSelection } from "../../collection-DR2kMzrX.js";
+import { a as createTreeCollection, i as createFileTreeCollection, n as useListCollection, o as createListCollection, r as useAsyncList, s as createGridCollection, t as useListSelection } from "../../collection-DiwGNCAy.js";
 
 export { createFileTreeCollection, createGridCollection, createListCollection, createTreeCollection, useAsyncList, useListCollection, useListSelection };

package/dist/components/color-picker/index.d.ts

@@ -0,0 +1,610 @@
+import { t as PolymorphicProps } from "../../factory-Dg6Whljf.js";
+import { t as RootEmits$1 } from "../../presence-types-BaQ7PILD.js";
+import { c as PresenceProps } from "../../index-Cjk1WhUx.js";
+import { a as Optional, r as EmitFn$1 } from "../../types-BkS9kMJ5.js";
+import { r as PropTypes } from "../../index-DI09ccnU.js";
+import { t as RenderStrategyProps } from "../../use-render-strategy-bdLKqL57.js";
+import * as vue1184 from "vue";
+import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, MaybeRef, SelectHTMLAttributes, SlotsType, UnwrapRef } from "vue";
+import * as _sprawlify_primitives_machines_bottom_sheet19 from "@sprawlify/primitives/machines/bottom-sheet";
+import * as _sprawlify_primitives_anatomy6 from "@sprawlify/primitives/anatomy";
+import * as colorPicker from "@sprawlify/primitives/machines/color-picker";
+import { AreaProps, ChannelInputProps, ChannelProps, Color, Color as Color$1, ColorFormat, ColorFormat as ColorFormat$1, ColorFormat as ColorPickerColorFormat, FocusOutsideEvent, FocusOutsideEvent as ColorPickerFocusOutsideEvent, FormatChangeDetails, FormatChangeDetails as ColorPickerFormatChangeDetails, InteractOutsideEvent, InteractOutsideEvent as ColorPickerInteractOutsideEvent, OpenChangeDetails, OpenChangeDetails as ColorPickerOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as ColorPickerPointerDownOutsideEvent, SwatchProps, SwatchTriggerProps, TransparencyGridProps, ValueChangeDetails, ValueChangeDetails as ColorPickerValueChangeDetails, parse as parseColor } from "@sprawlify/primitives/machines/color-picker";
+import * as _sprawlify_primitives_color_utils0 from "@sprawlify/primitives/color-utils";
+import { ColorStringFormat } from "@sprawlify/primitives/color-utils";
+
+//#region src/components/color-picker/color-picker-area-background.vue.d.ts
+interface ColorPickerAreaBackgroundBaseProps extends PolymorphicProps {}
+interface ColorPickerAreaBackgroundProps extends ColorPickerAreaBackgroundBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$1: typeof __VLS_export$28;
+declare const __VLS_export$28: __VLS_WithSlots$27<vue1184.DefineComponent<ColorPickerAreaBackgroundProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerAreaBackgroundProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$27<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-area-thumb.vue.d.ts
+interface ColorPickerAreaThumbBaseProps extends PolymorphicProps {}
+interface ColorPickerAreaThumbProps extends ColorPickerAreaThumbBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$2: typeof __VLS_export$27;
+declare const __VLS_export$27: __VLS_WithSlots$26<vue1184.DefineComponent<ColorPickerAreaThumbProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerAreaThumbProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$26<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-area.vue.d.ts
+interface ColorPickerAreaBaseProps extends AreaProps, PolymorphicProps {}
+interface ColorPickerAreaProps extends ColorPickerAreaBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default: typeof __VLS_export$26;
+declare const __VLS_export$26: __VLS_WithSlots$25<vue1184.DefineComponent<ColorPickerAreaProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerAreaProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$25<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-channel-input.vue.d.ts
+interface ColorPickerChannelInputBaseProps extends ChannelInputProps, PolymorphicProps {}
+interface ColorPickerChannelInputProps extends ColorPickerChannelInputBaseProps,
+/**
+ * @vue-ignore
+ */
+InputHTMLAttributes {}
+declare const _default$3: typeof __VLS_export$25;
+declare const __VLS_export$25: __VLS_WithSlots$24<vue1184.DefineComponent<ColorPickerChannelInputProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerChannelInputProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$24<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-channel-slider-label.vue.d.ts
+interface ColorPickerChannelSliderLabelBaseProps extends PolymorphicProps {}
+interface ColorPickerChannelSliderLabelProps extends ColorPickerChannelSliderLabelBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$5: typeof __VLS_export$24;
+declare const __VLS_export$24: __VLS_WithSlots$23<vue1184.DefineComponent<ColorPickerChannelSliderLabelProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerChannelSliderLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$23<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-channel-slider-thumb.vue.d.ts
+interface ColorPickerChannelSliderThumbBaseProps extends PolymorphicProps {}
+interface ColorPickerChannelSliderThumbProps extends ColorPickerChannelSliderThumbBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$6: typeof __VLS_export$23;
+declare const __VLS_export$23: __VLS_WithSlots$22<vue1184.DefineComponent<ColorPickerChannelSliderThumbProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerChannelSliderThumbProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$22<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-channel-slider-track.vue.d.ts
+interface ColorPickerChannelSliderTrackBaseProps extends PolymorphicProps {}
+interface ColorPickerChannelSliderTrackProps extends ColorPickerChannelSliderTrackBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$7: typeof __VLS_export$22;
+declare const __VLS_export$22: __VLS_WithSlots$21<vue1184.DefineComponent<ColorPickerChannelSliderTrackProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerChannelSliderTrackProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$21<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-channel-slider-value-text.vue.d.ts
+interface ColorPickerChannelSliderValueTextBaseProps extends PolymorphicProps {}
+interface ColorPickerChannelSliderValueTextProps extends ColorPickerChannelSliderValueTextBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$8: typeof __VLS_export$21;
+declare const __VLS_export$21: __VLS_WithSlots$20<vue1184.DefineComponent<ColorPickerChannelSliderValueTextProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerChannelSliderValueTextProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
+type __VLS_WithSlots$20<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-channel-slider.vue.d.ts
+interface ColorPickerChannelSliderBaseProps extends ChannelProps, PolymorphicProps {}
+interface ColorPickerChannelSliderProps extends ColorPickerChannelSliderBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$4: typeof __VLS_export$20;
+declare const __VLS_export$20: __VLS_WithSlots$19<vue1184.DefineComponent<ColorPickerChannelSliderProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerChannelSliderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$19<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-content.vue.d.ts
+interface ColorPickerContentBaseProps extends PresenceProps, PolymorphicProps {}
+interface ColorPickerContentProps extends ColorPickerContentBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$9: typeof __VLS_export$19;
+declare const __VLS_export$19: __VLS_WithSlots$18<vue1184.DefineComponent<ColorPickerContentProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerContentProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$18<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-types.d.ts
+interface RootProps {
+  closeOnSelect?: boolean;
+  defaultFormat?: colorPicker.ColorFormat;
+  defaultOpen?: boolean;
+  defaultValue?: colorPicker.Color;
+  disabled?: boolean;
+  format?: colorPicker.ColorFormat;
+  id?: string;
+  ids?: Partial<{
+    root: string;
+    control: string;
+    trigger: string;
+    label: string;
+    input: string;
+    hiddenInput: string;
+    content: string;
+    area: string;
+    areaGradient: string;
+    positioner: string;
+    formatSelect: string;
+    areaThumb: string;
+    channelInput(id: string): string;
+    channelSliderTrack(id: colorPicker.ColorChannel): string;
+    channelSliderThumb(id: colorPicker.ColorChannel): string;
+  }>;
+  initialFocusEl?: () => HTMLElement | null;
+  invalid?: boolean;
+  modelValue?: colorPicker.Color;
+  name?: string;
+  open?: boolean;
+  openAutoFocus?: boolean;
+  positioning?: colorPicker.PositioningOptions;
+  readOnly?: boolean;
+  required?: boolean;
+  inline?: boolean;
+}
+type RootEmits = {
+  exitComplete: [];
+  focusOutside: [event: colorPicker.FocusOutsideEvent];
+  formatChange: [details: colorPicker.FormatChangeDetails];
+  interactOutside: [event: colorPicker.InteractOutsideEvent];
+  openChange: [details: colorPicker.OpenChangeDetails];
+  pointerDownOutside: [event: colorPicker.PointerDownOutsideEvent];
+  valueChange: [details: colorPicker.ValueChangeDetails];
+  valueChangeEnd: [details: colorPicker.ValueChangeDetails];
+  'update:modelValue': [value: colorPicker.Color];
+  'update:open': [open: boolean];
+  'update:format': [format: colorPicker.ColorFormat];
+};
+//#endregion
+//#region src/components/color-picker/use-color-picker.d.ts
+interface UseColorPickerProps extends Optional<Omit<colorPicker.Props, 'dir' | 'getRootNode'>, 'id'> {
+  modelValue?: colorPicker.Color;
+}
+interface UseColorPickerReturn extends ComputedRef<colorPicker.Api<PropTypes>> {}
+declare const useColorPicker: (props?: MaybeRef<UseColorPickerProps>, emit?: EmitFn$1<RootEmits>) => UseColorPickerReturn;
+//#endregion
+//#region src/components/color-picker/use-color-picker-context.d.ts
+interface UseColorPickerContext extends UseColorPickerReturn {}
+//#endregion
+//#region src/components/color-picker/color-picker-context.vue.d.ts
+interface ColorPickerContextProps extends SlotsType<{
+  default: UnwrapRef<UseColorPickerContext>;
+}> {}
+declare const _default$10: typeof __VLS_export$18;
+declare const __VLS_export$18: __VLS_WithSlots$17<vue1184.DefineComponent<{}, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, true, {}, any>, {
+  default(colorPicker: UnwrapRef<UseColorPickerContext>): unknown;
+}>;
+type __VLS_WithSlots$17<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-control.vue.d.ts
+interface ColorPickerControlBaseProps extends PolymorphicProps {}
+interface ColorPickerControlProps extends ColorPickerControlBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$11: typeof __VLS_export$17;
+declare const __VLS_export$17: __VLS_WithSlots$16<vue1184.DefineComponent<ColorPickerControlProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerControlProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$16<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-eye-dropper-trigger.vue.d.ts
+interface ColorPickerEyeDropperTriggerBaseProps extends PolymorphicProps {}
+interface ColorPickerEyeDropperTriggerProps extends ColorPickerEyeDropperTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+ButtonHTMLAttributes {}
+declare const _default$12: typeof __VLS_export$16;
+declare const __VLS_export$16: __VLS_WithSlots$15<vue1184.DefineComponent<ColorPickerEyeDropperTriggerProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerEyeDropperTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$15<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-format-select.vue.d.ts
+interface ColorPickerFormatSelectBaseProps extends PolymorphicProps {}
+interface ColorPickerFormatSelectProps extends ColorPickerFormatSelectBaseProps,
+/**
+ * @vue-ignore
+ */
+SelectHTMLAttributes {}
+declare const _default$13: typeof __VLS_export$15;
+declare const __VLS_export$15: vue1184.DefineComponent<ColorPickerFormatSelectProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerFormatSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>;
+//#endregion
+//#region src/components/color-picker/color-picker-format-trigger.vue.d.ts
+interface ColorPickerFormatTriggerBaseProps extends PolymorphicProps {}
+interface ColorPickerFormatTriggerProps extends ColorPickerFormatTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+ButtonHTMLAttributes {}
+declare const _default$14: typeof __VLS_export$14;
+declare const __VLS_export$14: __VLS_WithSlots$14<vue1184.DefineComponent<ColorPickerFormatTriggerProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerFormatTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$14<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-hidden-input.vue.d.ts
+interface ColorPickerHiddenInputBaseProps extends PolymorphicProps {}
+interface ColorPickerHiddenInputProps extends ColorPickerHiddenInputBaseProps,
+/**
+ * @vue-ignore
+ */
+InputHTMLAttributes {}
+declare const _default$15: typeof __VLS_export$13;
+declare const __VLS_export$13: __VLS_WithSlots$13<vue1184.DefineComponent<ColorPickerHiddenInputProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerHiddenInputProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$13<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-label.vue.d.ts
+interface ColorPickerLabelBaseProps extends PolymorphicProps {}
+interface ColorPickerLabelProps extends ColorPickerLabelBaseProps,
+/**
+ * @vue-ignore
+ */
+LabelHTMLAttributes {}
+declare const _default$16: typeof __VLS_export$12;
+declare const __VLS_export$12: __VLS_WithSlots$12<vue1184.DefineComponent<ColorPickerLabelProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$12<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-positioner.vue.d.ts
+interface ColorPickerPositionerBaseProps extends PolymorphicProps {}
+interface ColorPickerPositionerProps extends ColorPickerPositionerBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$17: typeof __VLS_export$11;
+declare const __VLS_export$11: __VLS_WithSlots$11<vue1184.DefineComponent<ColorPickerPositionerProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerPositionerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$11<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-root-provider.vue.d.ts
+interface RootProviderProps {
+  value: UnwrapRef<UseColorPickerReturn>;
+}
+interface ColorPickerRootProviderBaseProps extends RootProviderProps, RenderStrategyProps, PolymorphicProps {}
+interface ColorPickerRootProviderProps extends ColorPickerRootProviderBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+interface ColorPickerRootProviderEmits extends RootEmits$1 {}
+declare const _default$19: typeof __VLS_export$10;
+declare const __VLS_export$10: __VLS_WithSlots$10<vue1184.DefineComponent<ColorPickerRootProviderProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {
+  exitComplete: () => any;
+}, string, vue1184.PublicProps, Readonly<ColorPickerRootProviderProps> & Readonly<{
+  onExitComplete?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$10<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-root.vue.d.ts
+interface ColorPickerRootBaseProps extends RootProps, RenderStrategyProps, PolymorphicProps {}
+interface ColorPickerRootProps extends ColorPickerRootBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+interface ColorPickerRootEmits extends RootEmits {}
+declare const _default$18: typeof __VLS_export$9;
+declare const __VLS_export$9: __VLS_WithSlots$9<vue1184.DefineComponent<ColorPickerRootProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {
+  openChange: (details: colorPicker.OpenChangeDetails) => any;
+  valueChange: (details: colorPicker.ValueChangeDetails) => any;
+  valueChangeEnd: (details: colorPicker.ValueChangeDetails) => any;
+  "update:modelValue": (value: _sprawlify_primitives_color_utils0.Color) => any;
+  exitComplete: () => any;
+  "update:open": (open: boolean) => any;
+  focusOutside: (event: _sprawlify_primitives_machines_bottom_sheet19.FocusOutsideEvent) => any;
+  interactOutside: (event: _sprawlify_primitives_machines_bottom_sheet19.InteractOutsideEvent) => any;
+  pointerDownOutside: (event: _sprawlify_primitives_machines_bottom_sheet19.PointerDownOutsideEvent) => any;
+  formatChange: (details: colorPicker.FormatChangeDetails) => any;
+  "update:format": (format: _sprawlify_primitives_color_utils0.ColorFormat) => any;
+}, string, vue1184.PublicProps, Readonly<ColorPickerRootProps> & Readonly<{
+  onOpenChange?: ((details: colorPicker.OpenChangeDetails) => any) | undefined;
+  onValueChange?: ((details: colorPicker.ValueChangeDetails) => any) | undefined;
+  onValueChangeEnd?: ((details: colorPicker.ValueChangeDetails) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: _sprawlify_primitives_color_utils0.Color) => any) | undefined;
+  onExitComplete?: (() => any) | undefined;
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  onFocusOutside?: ((event: _sprawlify_primitives_machines_bottom_sheet19.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _sprawlify_primitives_machines_bottom_sheet19.InteractOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _sprawlify_primitives_machines_bottom_sheet19.PointerDownOutsideEvent) => any) | undefined;
+  onFormatChange?: ((details: colorPicker.FormatChangeDetails) => any) | undefined;
+  "onUpdate:format"?: ((format: _sprawlify_primitives_color_utils0.ColorFormat) => any) | undefined;
+}>, {
+  disabled: boolean;
+  required: boolean;
+  inline: boolean;
+  readOnly: boolean;
+  open: boolean;
+  defaultOpen: boolean;
+  invalid: boolean;
+  closeOnSelect: boolean;
+  openAutoFocus: boolean;
+}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$9<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-swatch-group.vue.d.ts
+interface ColorPickerSwatchGroupBaseProps extends PolymorphicProps {}
+interface ColorPickerSwatchGroupProps extends ColorPickerSwatchGroupBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$21: typeof __VLS_export$8;
+declare const __VLS_export$8: __VLS_WithSlots$8<vue1184.DefineComponent<ColorPickerSwatchGroupProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerSwatchGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$8<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-swatch-indicator.vue.d.ts
+interface ColorPickerSwatchIndicatorBaseProps extends PolymorphicProps {}
+interface ColorPickerSwatchIndicatorProps extends ColorPickerSwatchIndicatorBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$22: typeof __VLS_export$7;
+declare const __VLS_export$7: __VLS_WithSlots$7<vue1184.DefineComponent<ColorPickerSwatchIndicatorProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerSwatchIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$7<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-swatch-trigger.vue.d.ts
+interface ColorPickerSwatchTriggerBaseProps extends SwatchTriggerProps, PolymorphicProps {}
+interface ColorPickerSwatchTriggerProps extends ColorPickerSwatchTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+Omit<ButtonHTMLAttributes, 'disabled' | 'value'> {}
+declare const _default$23: typeof __VLS_export$6;
+declare const __VLS_export$6: __VLS_WithSlots$6<vue1184.DefineComponent<ColorPickerSwatchTriggerProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerSwatchTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$6<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-swatch.vue.d.ts
+interface ColorPickerSwatchBaseProps extends SwatchProps, PolymorphicProps {}
+interface ColorPickerSwatchProps extends ColorPickerSwatchBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$20: typeof __VLS_export$5;
+declare const __VLS_export$5: __VLS_WithSlots$5<vue1184.DefineComponent<ColorPickerSwatchProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerSwatchProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$5<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-transparency-grid.vue.d.ts
+interface ColorPickerTransparencyGridBaseProps extends TransparencyGridProps, PolymorphicProps {}
+interface ColorPickerTransparencyGridProps extends ColorPickerTransparencyGridBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$24: typeof __VLS_export$4;
+declare const __VLS_export$4: __VLS_WithSlots$4<vue1184.DefineComponent<ColorPickerTransparencyGridProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerTransparencyGridProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$4<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-trigger.vue.d.ts
+interface ColorPickerTriggerBaseProps extends PolymorphicProps {}
+interface ColorPickerTriggerProps extends ColorPickerTriggerBaseProps,
+/**
+ * @vue-ignore
+ */
+ButtonHTMLAttributes {}
+declare const _default$25: typeof __VLS_export$3;
+declare const __VLS_export$3: __VLS_WithSlots$3<vue1184.DefineComponent<ColorPickerTriggerProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$3<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-value-swatch.vue.d.ts
+interface ValueSwatchProps extends Omit<SwatchProps, 'value'> {}
+interface ColorPickerValueSwatchBaseProps extends ValueSwatchProps, PolymorphicProps {}
+interface ColorPickerValueSwatchProps extends ColorPickerValueSwatchBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$26: typeof __VLS_export$2;
+declare const __VLS_export$2: __VLS_WithSlots$2<vue1184.DefineComponent<ColorPickerValueSwatchBaseProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerValueSwatchBaseProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots$2<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-value-text.vue.d.ts
+interface ColorPickerValueTextBaseProps extends PolymorphicProps {
+  format?: ColorStringFormat;
+}
+interface ColorPickerValueTextProps extends ColorPickerValueTextBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {}
+declare const _default$27: typeof __VLS_export$1;
+declare const __VLS_export$1: __VLS_WithSlots$1<vue1184.DefineComponent<ColorPickerValueTextProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerValueTextProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-view.vue.d.ts
+interface ColorPickerViewBaseProps extends PolymorphicProps {}
+interface ColorPickerViewProps extends ColorPickerViewBaseProps,
+/**
+ * @vue-ignore
+ */
+HTMLAttributes {
+  format: ColorFormat;
+}
+declare const _default$28: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<vue1184.DefineComponent<ColorPickerViewProps, {}, {}, {}, {}, vue1184.ComponentOptionsMixin, vue1184.ComponentOptionsMixin, {}, string, vue1184.PublicProps, Readonly<ColorPickerViewProps> & Readonly<{}>, {}, {}, {}, {}, string, vue1184.ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+//#region src/components/color-picker/color-picker-anatomy.d.ts
+declare const colorPickerAnatomy: _sprawlify_primitives_anatomy6.AnatomyInstance<"area" | "label" | "view" | "root" | "content" | "control" | "trigger" | "valueText" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
+declare namespace color_picker_d_exports {
+  export { _default as Area, _default$1 as AreaBackground, ColorPickerAreaBackgroundBaseProps as AreaBackgroundBaseProps, ColorPickerAreaBackgroundProps as AreaBackgroundProps, ColorPickerAreaBaseProps as AreaBaseProps, ColorPickerAreaProps as AreaProps, _default$2 as AreaThumb, ColorPickerAreaThumbBaseProps as AreaThumbBaseProps, ColorPickerAreaThumbProps as AreaThumbProps, _default$3 as ChannelInput, ColorPickerChannelInputBaseProps as ChannelInputBaseProps, ColorPickerChannelInputProps as ChannelInputProps, _default$4 as ChannelSlider, ColorPickerChannelSliderBaseProps as ChannelSliderBaseProps, _default$5 as ChannelSliderLabel, ColorPickerChannelSliderLabelBaseProps as ChannelSliderLabelBaseProps, ColorPickerChannelSliderLabelProps as ChannelSliderLabelProps, ColorPickerChannelSliderProps as ChannelSliderProps, _default$6 as ChannelSliderThumb, ColorPickerChannelSliderThumbBaseProps as ChannelSliderThumbBaseProps, ColorPickerChannelSliderThumbProps as ChannelSliderThumbProps, _default$7 as ChannelSliderTrack, ColorPickerChannelSliderTrackBaseProps as ChannelSliderTrackBaseProps, ColorPickerChannelSliderTrackProps as ChannelSliderTrackProps, _default$8 as ChannelSliderValueText, ColorPickerChannelSliderValueTextBaseProps as ChannelSliderValueTextBaseProps, ColorPickerChannelSliderValueTextProps as ChannelSliderValueTextProps, Color$1 as Color, ColorFormat$1 as ColorFormat, _default$9 as Content, ColorPickerContentBaseProps as ContentBaseProps, ColorPickerContentProps as ContentProps, _default$10 as Context, ColorPickerContextProps as ContextProps, _default$11 as Control, ColorPickerControlBaseProps as ControlBaseProps, ColorPickerControlProps as ControlProps, _default$12 as EyeDropperTrigger, ColorPickerEyeDropperTriggerBaseProps as EyeDropperTriggerBaseProps, ColorPickerEyeDropperTriggerProps as EyeDropperTriggerProps, FocusOutsideEvent, FormatChangeDetails, _default$13 as FormatSelect, ColorPickerFormatSelectBaseProps as FormatSelectBaseProps, ColorPickerFormatSelectProps as FormatSelectProps, _default$14 as FormatTrigger, ColorPickerFormatTriggerBaseProps as FormatTriggerBaseProps, ColorPickerFormatTriggerProps as FormatTriggerProps, _default$15 as HiddenInput, ColorPickerHiddenInputBaseProps as HiddenInputBaseProps, ColorPickerHiddenInputProps as HiddenInputProps, InteractOutsideEvent, _default$16 as Label, ColorPickerLabelBaseProps as LabelBaseProps, ColorPickerLabelProps as LabelProps, OpenChangeDetails, PointerDownOutsideEvent, _default$17 as Positioner, ColorPickerPositionerBaseProps as PositionerBaseProps, ColorPickerPositionerProps as PositionerProps, _default$18 as Root, ColorPickerRootBaseProps as RootBaseProps, ColorPickerRootEmits as RootEmits, ColorPickerRootProps as RootProps, _default$19 as RootProvider, ColorPickerRootProviderBaseProps as RootProviderBaseProps, ColorPickerRootProviderProps as RootProviderProps, _default$20 as Swatch, ColorPickerSwatchBaseProps as SwatchBaseProps, _default$21 as SwatchGroup, ColorPickerSwatchGroupBaseProps as SwatchGroupBaseProps, ColorPickerSwatchGroupProps as SwatchGroupProps, _default$22 as SwatchIndicator, ColorPickerSwatchIndicatorBaseProps as SwatchIndicatorBaseProps, ColorPickerSwatchIndicatorProps as SwatchIndicatorProps, ColorPickerSwatchProps as SwatchProps, _default$23 as SwatchTrigger, ColorPickerSwatchTriggerBaseProps as SwatchTriggerBaseProps, ColorPickerSwatchTriggerProps as SwatchTriggerProps, _default$24 as TransparencyGrid, ColorPickerTransparencyGridBaseProps as TransparencyGridBaseProps, ColorPickerTransparencyGridProps as TransparencyGridProps, _default$25 as Trigger, ColorPickerTriggerBaseProps as TriggerBaseProps, ColorPickerTriggerProps as TriggerProps, ValueChangeDetails, _default$26 as ValueSwatch, ColorPickerValueSwatchBaseProps as ValueSwatchBaseProps, ColorPickerValueSwatchProps as ValueSwatchProps, _default$27 as ValueText, ColorPickerValueTextBaseProps as ValueTextBaseProps, ColorPickerValueTextProps as ValueTextProps, _default$28 as View, ColorPickerViewBaseProps as ViewBaseProps, ColorPickerViewProps as ViewProps };
+}
+//#endregion
+export { type Color, color_picker_d_exports as ColorPicker, _default as ColorPickerArea, _default$1 as ColorPickerAreaBackground, type ColorPickerAreaBackgroundBaseProps, type ColorPickerAreaBackgroundProps, type ColorPickerAreaBaseProps, type ColorPickerAreaProps, _default$2 as ColorPickerAreaThumb, type ColorPickerAreaThumbBaseProps, type ColorPickerAreaThumbProps, _default$3 as ColorPickerChannelInput, type ColorPickerChannelInputBaseProps, type ColorPickerChannelInputProps, _default$4 as ColorPickerChannelSlider, type ColorPickerChannelSliderBaseProps, _default$5 as ColorPickerChannelSliderLabel, type ColorPickerChannelSliderLabelBaseProps, type ColorPickerChannelSliderLabelProps, type ColorPickerChannelSliderProps, _default$6 as ColorPickerChannelSliderThumb, type ColorPickerChannelSliderThumbBaseProps, type ColorPickerChannelSliderThumbProps, _default$7 as ColorPickerChannelSliderTrack, type ColorPickerChannelSliderTrackBaseProps, type ColorPickerChannelSliderTrackProps, _default$8 as ColorPickerChannelSliderValueText, type ColorPickerChannelSliderValueTextBaseProps, type ColorPickerChannelSliderValueTextProps, type ColorPickerColorFormat, _default$9 as ColorPickerContent, type ColorPickerContentBaseProps, type ColorPickerContentProps, _default$10 as ColorPickerContext, type ColorPickerContextProps, _default$11 as ColorPickerControl, type ColorPickerControlBaseProps, type ColorPickerControlProps, _default$12 as ColorPickerEyeDropperTrigger, type ColorPickerEyeDropperTriggerBaseProps, type ColorPickerEyeDropperTriggerProps, type ColorPickerFocusOutsideEvent, type ColorPickerFormatChangeDetails, _default$13 as ColorPickerFormatSelect, type ColorPickerFormatSelectBaseProps, type ColorPickerFormatSelectProps, _default$14 as ColorPickerFormatTrigger, type ColorPickerFormatTriggerBaseProps, type ColorPickerFormatTriggerProps, _default$15 as ColorPickerHiddenInput, type ColorPickerHiddenInputBaseProps, type ColorPickerHiddenInputProps, type ColorPickerInteractOutsideEvent, _default$16 as ColorPickerLabel, type ColorPickerLabelBaseProps, type ColorPickerLabelProps, type ColorPickerOpenChangeDetails, type ColorPickerPointerDownOutsideEvent, _default$17 as ColorPickerPositioner, type ColorPickerPositionerBaseProps, type ColorPickerPositionerProps, _default$18 as ColorPickerRoot, type ColorPickerRootBaseProps, type ColorPickerRootEmits, type ColorPickerRootProps, _default$19 as ColorPickerRootProvider, type ColorPickerRootProviderBaseProps, type ColorPickerRootProviderEmits, type ColorPickerRootProviderProps, _default$20 as ColorPickerSwatch, type ColorPickerSwatchBaseProps, _default$21 as ColorPickerSwatchGroup, type ColorPickerSwatchGroupBaseProps, type ColorPickerSwatchGroupProps, _default$22 as ColorPickerSwatchIndicator, type ColorPickerSwatchIndicatorBaseProps, type ColorPickerSwatchIndicatorProps, type ColorPickerSwatchProps, _default$23 as ColorPickerSwatchTrigger, type ColorPickerSwatchTriggerBaseProps, type ColorPickerSwatchTriggerProps, _default$24 as ColorPickerTransparencyGrid, type ColorPickerTransparencyGridBaseProps, type ColorPickerTransparencyGridProps, _default$25 as ColorPickerTrigger, type ColorPickerTriggerBaseProps, type ColorPickerTriggerProps, type ColorPickerValueChangeDetails, _default$26 as ColorPickerValueSwatch, type ColorPickerValueSwatchBaseProps, type ColorPickerValueSwatchProps, _default$27 as ColorPickerValueText, type ColorPickerValueTextBaseProps, type ColorPickerValueTextProps, _default$28 as ColorPickerView, type ColorPickerViewBaseProps, type ColorPickerViewProps, type UseColorPickerContext, type UseColorPickerProps, type UseColorPickerReturn, colorPickerAnatomy, parseColor, useColorPicker, useColorPickerContext };