@wirekyt/svelte 0.0.1 → 0.0.2

package/dist/components/collection/use-list.svelte.js

@@ -0,0 +1,92 @@
+import { runIfFn } from "@wirekyt/dom/utils";
+import { untrack } from "svelte";
+import { createListCollection } from "./list";
+export function useListCollection(props) {
+    const [localProps, collectionOptions] = $derived.by(() => {
+        const { initialItems = [], filter, limit, ...collectionOptions } = runIfFn(props);
+        return [{ initialItems, filter, limit }, collectionOptions];
+    });
+    let items = $state(untrack(() => localProps.initialItems));
+    let filterText = $state("");
+    const setItems = (newItems) => {
+        items = newItems;
+        filterText = "";
+    };
+    const create = (itemsToCreate) => {
+        return createListCollection({ ...collectionOptions, items: itemsToCreate });
+    };
+    const collection = $derived.by(() => {
+        let activeItems = items;
+        const filter = localProps.filter;
+        if (filterText && filter) {
+            activeItems = create(items).filter((itemString, _index, item) => filter(itemString, filterText, item)).items;
+        }
+        const limitedItems = localProps.limit == null ? activeItems : activeItems.slice(0, localProps.limit);
+        return createListCollection({ ...collectionOptions, items: limitedItems });
+    });
+    return {
+        collection() {
+            return collection;
+        },
+        filter: (inputValue = "") => {
+            filterText = inputValue;
+        },
+        set: (newItems) => {
+            setItems(newItems);
+        },
+        reset: () => {
+            setItems(localProps.initialItems);
+        },
+        clear: () => {
+            setItems([]);
+        },
+        insert: (index, ...itemsToInsert) => {
+            const newItems = create(items).insert(index, ...itemsToInsert).items;
+            setItems(newItems);
+        },
+        insertBefore: (value, ...itemsToInsert) => {
+            const newItems = create(items).insertBefore(value, ...itemsToInsert).items;
+            setItems(newItems);
+        },
+        insertAfter: (value, ...itemsToInsert) => {
+            const newItems = create(items).insertAfter(value, ...itemsToInsert).items;
+            setItems(newItems);
+        },
+        remove: (...itemOrValues) => {
+            const newItems = create(items).remove(...itemOrValues).items;
+            setItems(newItems);
+        },
+        move: (value, to) => {
+            const newItems = create(items).move(value, to).items;
+            setItems(newItems);
+        },
+        moveBefore: (value, ...values) => {
+            const newItems = create(items).moveBefore(value, ...values).items;
+            setItems(newItems);
+        },
+        moveAfter: (value, ...values) => {
+            const newItems = create(items).moveAfter(value, ...values).items;
+            setItems(newItems);
+        },
+        reorder: (from, to) => {
+            const newItems = create(items).reorder(from, to).items;
+            setItems(newItems);
+        },
+        append: (...itemsToAppend) => {
+            const newItems = create(items).append(...itemsToAppend).items;
+            setItems(newItems);
+        },
+        upsert: (value, item, mode = "append") => {
+            const newItems = create(items).upsert(value, item, mode).items;
+            setItems(newItems);
+        },
+        prepend: (...itemsToPrepend) => {
+            const newItems = create(items).prepend(...itemsToPrepend).items;
+            setItems(newItems);
+        },
+        update: (value, item) => {
+            const newItems = create(items).update(value, item).items;
+            setItems(newItems);
+        },
+    };
+}

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

@@ -0,0 +1 @@
+export declare const colorPickerAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"label" | "area" | "view" | "root" | "content" | "trigger" | "control" | "valueText" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;

package/dist/components/color-picker/anatomy.js

@@ -0,0 +1,2 @@
+import { anatomy } from "@wirekyt/dom/machines/color-picker";
+export const colorPickerAnatomy = anatomy.extendWith("view");

package/dist/components/color-picker/area-background.svelte

@@ -0,0 +1,29 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface ColorPickerAreaBackgroundBaseProps
+    extends PolymorphicProps<"div">, RefAttribute {}
+  export interface ColorPickerAreaBackgroundProps extends Assign<
+    HTMLProps<"div">,
+    ColorPickerAreaBackgroundBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useColorPickerAreaPropsContext } from "./use-area-props-context";
+  import { useColorPickerContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: ColorPickerAreaBackgroundProps = $props();
+
+  const colorPicker = useColorPickerContext();
+  const areaProps = useColorPickerAreaPropsContext();
+
+  const mergedProps = $derived(
+    mergeProps(colorPicker().getAreaBackgroundProps(areaProps()), props),
+  );
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

package/dist/components/color-picker/area-background.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface ColorPickerAreaBackgroundBaseProps extends PolymorphicProps<"div">, RefAttribute {
+}
+export interface ColorPickerAreaBackgroundProps extends Assign<HTMLProps<"div">, ColorPickerAreaBackgroundBaseProps> {
+}
+declare const AreaBackground: import("svelte").Component<ColorPickerAreaBackgroundProps, {}, "ref">;
+type AreaBackground = ReturnType<typeof AreaBackground>;
+export default AreaBackground;

package/dist/components/color-picker/area-thumb.svelte

@@ -0,0 +1,26 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface ColorPickerAreaThumbBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface ColorPickerAreaThumbProps extends Assign<
+    HTMLProps<"div">,
+    ColorPickerAreaThumbBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useColorPickerAreaPropsContext } from "./use-area-props-context";
+  import { useColorPickerContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: ColorPickerAreaThumbProps = $props();
+
+  const colorPicker = useColorPickerContext();
+  const areaProps = useColorPickerAreaPropsContext();
+
+  const mergedProps = $derived(mergeProps(colorPicker().getAreaThumbProps(areaProps()), props));
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

package/dist/components/color-picker/area-thumb.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface ColorPickerAreaThumbBaseProps extends PolymorphicProps<"div">, RefAttribute {
+}
+export interface ColorPickerAreaThumbProps extends Assign<HTMLProps<"div">, ColorPickerAreaThumbBaseProps> {
+}
+declare const AreaThumb: import("svelte").Component<ColorPickerAreaThumbProps, {}, "ref">;
+type AreaThumb = ReturnType<typeof AreaThumb>;
+export default AreaThumb;

package/dist/components/color-picker/area.svelte

@@ -0,0 +1,33 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+  import type { AreaProps } from "@wirekyt/dom/machines/color-picker";
+
+  export interface ColorPickerAreaBaseProps
+    extends AreaProps, PolymorphicProps<"div">, RefAttribute {}
+  export interface ColorPickerAreaProps extends Assign<
+    HTMLProps<"div">,
+    ColorPickerAreaBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { ColorPickerAreaPropsProvider } from "./use-area-props-context";
+  import { useColorPickerContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: ColorPickerAreaProps = $props();
+
+  const [areaProps, localProps] = $derived(
+    createSplitProps<AreaProps>()(props, ["xChannel", "yChannel"]),
+  );
+
+  const colorPicker = useColorPickerContext();
+  const mergedProps = $derived(mergeProps(colorPicker().getAreaProps(areaProps), localProps));
+
+  ColorPickerAreaPropsProvider(() => areaProps);
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

package/dist/components/color-picker/area.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { AreaProps } from "@wirekyt/dom/machines/color-picker";
+export interface ColorPickerAreaBaseProps extends AreaProps, PolymorphicProps<"div">, RefAttribute {
+}
+export interface ColorPickerAreaProps extends Assign<HTMLProps<"div">, ColorPickerAreaBaseProps> {
+}
+declare const Area: import("svelte").Component<ColorPickerAreaProps, {}, "ref">;
+type Area = ReturnType<typeof Area>;
+export default Area;

package/dist/components/color-picker/channel-input.svelte

@@ -0,0 +1,32 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+  import type { ChannelInputProps } from "@wirekyt/dom/machines/color-picker";
+
+  export interface ColorPickerChannelInputBaseProps
+    extends ChannelInputProps, PolymorphicProps<"input">, RefAttribute {}
+  export interface ColorPickerChannelInputProps extends Assign<
+    HTMLProps<"input">,
+    ColorPickerChannelInputBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { useColorPickerContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: ColorPickerChannelInputProps = $props();
+
+  const [channelProps, localProps] = $derived(
+    createSplitProps<ChannelInputProps>()(props, ["channel", "orientation"]),
+  );
+
+  const colorPicker = useColorPickerContext();
+  const mergedProps = $derived(
+    mergeProps(colorPicker().getChannelInputProps(channelProps), localProps),
+  );
+</script>
+
+<Wire as="input" bind:ref {...mergedProps} />

package/dist/components/color-picker/channel-input.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { ChannelInputProps } from "@wirekyt/dom/machines/color-picker";
+export interface ColorPickerChannelInputBaseProps extends ChannelInputProps, PolymorphicProps<"input">, RefAttribute {
+}
+export interface ColorPickerChannelInputProps extends Assign<HTMLProps<"input">, ColorPickerChannelInputBaseProps> {
+}
+declare const ChannelInput: import("svelte").Component<ColorPickerChannelInputProps, {}, "ref">;
+type ChannelInput = ReturnType<typeof ChannelInput>;
+export default ChannelInput;

package/dist/components/color-picker/channel-slider-label.svelte

@@ -0,0 +1,28 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface ColorPickerChannelSliderLabelBaseProps
+    extends PolymorphicProps<"label">, RefAttribute {}
+  export interface ColorPickerChannelSliderLabelProps extends Assign<
+    HTMLProps<"label">,
+    ColorPickerChannelSliderLabelBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useColorPickerChannelPropsContext } from "./use-channel-props-context";
+  import { useColorPickerContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: ColorPickerChannelSliderLabelProps = $props();
+
+  const colorPicker = useColorPickerContext();
+  const channelProps = useColorPickerChannelPropsContext();
+  const mergedProps = $derived(
+    mergeProps(colorPicker().getChannelSliderLabelProps(channelProps()), props),
+  );
+</script>
+
+<Wire as="label" bind:ref {...mergedProps} />

package/dist/components/color-picker/channel-slider-label.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface ColorPickerChannelSliderLabelBaseProps extends PolymorphicProps<"label">, RefAttribute {
+}
+export interface ColorPickerChannelSliderLabelProps extends Assign<HTMLProps<"label">, ColorPickerChannelSliderLabelBaseProps> {
+}
+declare const ChannelSliderLabel: import("svelte").Component<ColorPickerChannelSliderLabelProps, {}, "ref">;
+type ChannelSliderLabel = ReturnType<typeof ChannelSliderLabel>;
+export default ChannelSliderLabel;

package/dist/components/color-picker/channel-slider-thumb.svelte

@@ -0,0 +1,33 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface ColorPickerChannelSliderThumbBaseProps
+    extends PolymorphicProps<"div">, RefAttribute {}
+  export interface ColorPickerChannelSliderThumbProps extends Assign<
+    HTMLProps<"div">,
+    ColorPickerChannelSliderThumbBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useColorPickerChannelPropsContext } from "./use-channel-props-context";
+  import { useColorPickerContext } from "./use-context";
+  import { useColorPickerFormatPropsContext } from "./use-format-context";
+
+  let { ref = $bindable(null), ...props }: ColorPickerChannelSliderThumbProps = $props();
+
+  const colorPicker = useColorPickerContext();
+
+  const channelProps = useColorPickerChannelPropsContext();
+  const formatProps = useColorPickerFormatPropsContext();
+  const channelSliderProps = $derived({ ...channelProps(), ...formatProps() });
+
+  const mergedProps = $derived(
+    mergeProps(colorPicker().getChannelSliderThumbProps(channelSliderProps), props),
+  );
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

package/dist/components/color-picker/channel-slider-thumb.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface ColorPickerChannelSliderThumbBaseProps extends PolymorphicProps<"div">, RefAttribute {
+}
+export interface ColorPickerChannelSliderThumbProps extends Assign<HTMLProps<"div">, ColorPickerChannelSliderThumbBaseProps> {
+}
+declare const ChannelSliderThumb: import("svelte").Component<ColorPickerChannelSliderThumbProps, {}, "ref">;
+type ChannelSliderThumb = ReturnType<typeof ChannelSliderThumb>;
+export default ChannelSliderThumb;

package/dist/components/color-picker/channel-slider-track.svelte

@@ -0,0 +1,33 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface ColorPickerChannelSliderTrackBaseProps
+    extends PolymorphicProps<"div">, RefAttribute {}
+  export interface ColorPickerChannelSliderTrackProps extends Assign<
+    HTMLProps<"div">,
+    ColorPickerChannelSliderTrackBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useColorPickerChannelPropsContext } from "./use-channel-props-context";
+  import { useColorPickerContext } from "./use-context";
+  import { useColorPickerFormatPropsContext } from "./use-format-context";
+
+  let { ref = $bindable(null), ...props }: ColorPickerChannelSliderTrackProps = $props();
+
+  const colorPicker = useColorPickerContext();
+
+  const channelProps = useColorPickerChannelPropsContext();
+  const formatProps = useColorPickerFormatPropsContext();
+  const channelSliderProps = $derived({ ...channelProps(), ...formatProps() });
+
+  const mergedProps = $derived(
+    mergeProps(colorPicker().getChannelSliderTrackProps(channelSliderProps), props),
+  );
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

package/dist/components/color-picker/channel-slider-track.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface ColorPickerChannelSliderTrackBaseProps extends PolymorphicProps<"div">, RefAttribute {
+}
+export interface ColorPickerChannelSliderTrackProps extends Assign<HTMLProps<"div">, ColorPickerChannelSliderTrackBaseProps> {
+}
+declare const ChannelSliderTrack: import("svelte").Component<ColorPickerChannelSliderTrackProps, {}, "ref">;
+type ChannelSliderTrack = ReturnType<typeof ChannelSliderTrack>;
+export default ChannelSliderTrack;

package/dist/components/color-picker/channel-slider-value-text.svelte

@@ -0,0 +1,37 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface ColorPickerChannelSliderValueTextBaseProps
+    extends PolymorphicProps<"span">, RefAttribute {}
+  export interface ColorPickerChannelSliderValueTextProps extends Assign<
+    HTMLProps<"span">,
+    ColorPickerChannelSliderValueTextBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { useLocaleContext } from "../../providers";
+
+  import { Wire } from "../factory";
+  import { useColorPickerChannelPropsContext } from "./use-channel-props-context";
+  import { useColorPickerContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: ColorPickerChannelSliderValueTextProps = $props();
+
+  const locale = useLocaleContext();
+
+  const colorPicker = useColorPickerContext();
+  const channelProps = useColorPickerChannelPropsContext();
+  const mergedProps = $derived(
+    mergeProps(colorPicker().getChannelSliderValueTextProps(channelProps()), props),
+  );
+</script>
+
+<Wire as="span" bind:ref {...mergedProps}>
+  {#if props.children}
+    {@render props.children()}
+  {:else}
+    {colorPicker().getChannelValueText(channelProps().channel, locale().locale)}
+  {/if}
+</Wire>

package/dist/components/color-picker/channel-slider-value-text.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface ColorPickerChannelSliderValueTextBaseProps extends PolymorphicProps<"span">, RefAttribute {
+}
+export interface ColorPickerChannelSliderValueTextProps extends Assign<HTMLProps<"span">, ColorPickerChannelSliderValueTextBaseProps> {
+}
+declare const ChannelSliderValueText: import("svelte").Component<ColorPickerChannelSliderValueTextProps, {}, "ref">;
+type ChannelSliderValueText = ReturnType<typeof ChannelSliderValueText>;
+export default ChannelSliderValueText;

package/dist/components/color-picker/channel-slider.svelte

@@ -0,0 +1,40 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+  import type { ChannelProps } from "@wirekyt/dom/machines/color-picker";
+
+  export interface ColorPickerChannelSliderBaseProps
+    extends ChannelProps, PolymorphicProps<"div">, RefAttribute {}
+  export interface ColorPickerChannelSliderProps extends Assign<
+    HTMLProps<"div">,
+    ColorPickerChannelSliderBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { ColorPickerChannelPropsProvider } from "./use-channel-props-context";
+  import { useColorPickerContext } from "./use-context";
+  import { useColorPickerFormatPropsContext } from "./use-format-context";
+
+  let { ref = $bindable(null), ...props }: ColorPickerChannelSliderProps = $props();
+
+  const [channelProps, localProps] = $derived(
+    createSplitProps<ChannelProps>()(props, ["channel", "orientation"]),
+  );
+
+  const colorPicker = useColorPickerContext();
+
+  const formatProps = useColorPickerFormatPropsContext();
+  const channelSliderProps = $derived({ ...channelProps, ...formatProps() });
+
+  const mergedProps = $derived(
+    mergeProps(colorPicker().getChannelSliderProps(channelSliderProps), localProps),
+  );
+
+  ColorPickerChannelPropsProvider(() => channelProps);
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

package/dist/components/color-picker/channel-slider.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { ChannelProps } from "@wirekyt/dom/machines/color-picker";
+export interface ColorPickerChannelSliderBaseProps extends ChannelProps, PolymorphicProps<"div">, RefAttribute {
+}
+export interface ColorPickerChannelSliderProps extends Assign<HTMLProps<"div">, ColorPickerChannelSliderBaseProps> {
+}
+declare const ChannelSlider: import("svelte").Component<ColorPickerChannelSliderProps, {}, "ref">;
+type ChannelSlider = ReturnType<typeof ChannelSlider>;
+export default ChannelSlider;

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

@@ -0,0 +1,30 @@
+export type { Color, ColorFormat, FocusOutsideEvent, FormatChangeDetails, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, ValueChangeDetails, } from "@wirekyt/dom/machines/color-picker";
+export { default as Area, type ColorPickerAreaBaseProps as AreaBaseProps, type ColorPickerAreaProps as AreaProps, } from "./area.svelte";
+export { default as AreaBackground, type ColorPickerAreaBackgroundBaseProps as AreaBackgroundBaseProps, type ColorPickerAreaBackgroundProps as AreaBackgroundProps, } from "./area-background.svelte";
+export { default as AreaThumb, type ColorPickerAreaThumbBaseProps as AreaThumbBaseProps, type ColorPickerAreaThumbProps as AreaThumbProps, } from "./area-thumb.svelte";
+export { default as ChannelInput, type ColorPickerChannelInputBaseProps as ChannelInputBaseProps, type ColorPickerChannelInputProps as ChannelInputProps, } from "./channel-input.svelte";
+export { default as ChannelSlider, type ColorPickerChannelSliderBaseProps as ChannelSliderBaseProps, type ColorPickerChannelSliderProps as ChannelSliderProps, } from "./channel-slider.svelte";
+export { default as ChannelSliderLabel, type ColorPickerChannelSliderLabelBaseProps as ChannelSliderLabelBaseProps, type ColorPickerChannelSliderLabelProps as ChannelSliderLabelProps, } from "./channel-slider-label.svelte";
+export { default as ChannelSliderThumb, type ColorPickerChannelSliderThumbBaseProps as ChannelSliderThumbBaseProps, type ColorPickerChannelSliderThumbProps as ChannelSliderThumbProps, } from "./channel-slider-thumb.svelte";
+export { default as ChannelSliderTrack, type ColorPickerChannelSliderTrackBaseProps as ChannelSliderTrackBaseProps, type ColorPickerChannelSliderTrackProps as ChannelSliderTrackProps, } from "./channel-slider-track.svelte";
+export { default as ChannelSliderValueText, type ColorPickerChannelSliderValueTextBaseProps as ChannelSliderValueTextBaseProps, type ColorPickerChannelSliderValueTextProps as ChannelSliderValueTextProps, } from "./channel-slider-value-text.svelte";
+export { default as Content, type ColorPickerContentBaseProps as ContentBaseProps, type ColorPickerContentProps as ContentProps, } from "./content.svelte";
+export { default as Context, type ColorPickerContextProps as ContextProps } from "./context.svelte";
+export { default as Control, type ColorPickerControlBaseProps as ControlBaseProps, type ColorPickerControlProps as ControlProps, } from "./control.svelte";
+export { default as EyeDropperTrigger, type ColorPickerEyeDropperTriggerBaseProps as EyeDropperTriggerBaseProps, type ColorPickerEyeDropperTriggerProps as EyeDropperTriggerProps, } from "./eye-dropper-trigger.svelte";
+export { default as FormatSelect, type ColorPickerFormatSelectBaseProps as FormatSelectBaseProps, type ColorPickerFormatSelectProps as FormatSelectProps, } from "./format-select.svelte";
+export { default as FormatTrigger, type ColorPickerFormatTriggerBaseProps as FormatTriggerBaseProps, type ColorPickerFormatTriggerProps as FormatTriggerProps, } from "./format-trigger.svelte";
+export { default as HiddenInput, type ColorPickerHiddenInputBaseProps as HiddenInputBaseProps, type ColorPickerHiddenInputProps as HiddenInputProps, } from "./hidden-input.svelte";
+export { default as Label, type ColorPickerLabelBaseProps as LabelBaseProps, type ColorPickerLabelProps as LabelProps, } from "./label.svelte";
+export { default as Positioner, type ColorPickerPositionerBaseProps as PositionerBaseProps, type ColorPickerPositionerProps as PositionerProps, } from "./positioner.svelte";
+export { default as Root, type ColorPickerRootBaseProps as RootBaseProps, type ColorPickerRootProps as RootProps, } from "./root.svelte";
+export { default as RootProvider, type ColorPickerRootProviderBaseProps as RootProviderBaseProps, type ColorPickerRootProviderProps as RootProviderProps, } from "./root-provider.svelte";
+export { default as Swatch, type ColorPickerSwatchBaseProps as SwatchBaseProps, type ColorPickerSwatchProps as SwatchProps, } from "./swatch.svelte";
+export { default as SwatchGroup, type ColorPickerSwatchGroupBaseProps as SwatchGroupBaseProps, type ColorPickerSwatchGroupProps as SwatchGroupProps, } from "./swatch-group.svelte";
+export { default as SwatchIndicator, type ColorPickerSwatchIndicatorBaseProps as SwatchIndicatorBaseProps, type ColorPickerSwatchIndicatorProps as SwatchIndicatorProps, } from "./swatch-indicator.svelte";
+export { default as SwatchTrigger, type ColorPickerSwatchTriggerBaseProps as SwatchTriggerBaseProps, type ColorPickerSwatchTriggerProps as SwatchTriggerProps, } from "./swatch-trigger.svelte";
+export { default as TransparencyGrid, type ColorPickerTransparencyGridBaseProps as TransparencyGridBaseProps, type ColorPickerTransparencyGridProps as TransparencyGridProps, } from "./transparency-grid.svelte";
+export { default as Trigger, type ColorPickerTriggerBaseProps as TriggerBaseProps, type ColorPickerTriggerProps as TriggerProps, } from "./trigger.svelte";
+export { default as ValueSwatch, type ColorPickerValueSwatchBaseProps as ValueSwatchBaseProps, type ColorPickerValueSwatchProps as ValueSwatchProps, } from "./value-swatch.svelte";
+export { default as ValueText, type ColorPickerValueTextBaseProps as ValueTextBaseProps, type ColorPickerValueTextProps as ValueTextProps, } from "./value-text.svelte";
+export { default as View, type ColorPickerViewBaseProps as ViewBaseProps, type ColorPickerViewProps as ViewProps, } from "./view.svelte";

package/dist/components/color-picker/color-picker.js

@@ -0,0 +1,29 @@
+export { default as Area, } from "./area.svelte";
+export { default as AreaBackground, } from "./area-background.svelte";
+export { default as AreaThumb, } from "./area-thumb.svelte";
+export { default as ChannelInput, } from "./channel-input.svelte";
+export { default as ChannelSlider, } from "./channel-slider.svelte";
+export { default as ChannelSliderLabel, } from "./channel-slider-label.svelte";
+export { default as ChannelSliderThumb, } from "./channel-slider-thumb.svelte";
+export { default as ChannelSliderTrack, } from "./channel-slider-track.svelte";
+export { default as ChannelSliderValueText, } from "./channel-slider-value-text.svelte";
+export { default as Content, } from "./content.svelte";
+export { default as Context } from "./context.svelte";
+export { default as Control, } from "./control.svelte";
+export { default as EyeDropperTrigger, } from "./eye-dropper-trigger.svelte";
+export { default as FormatSelect, } from "./format-select.svelte";
+export { default as FormatTrigger, } from "./format-trigger.svelte";
+export { default as HiddenInput, } from "./hidden-input.svelte";
+export { default as Label, } from "./label.svelte";
+export { default as Positioner, } from "./positioner.svelte";
+export { default as Root, } from "./root.svelte";
+export { default as RootProvider, } from "./root-provider.svelte";
+export { default as Swatch, } from "./swatch.svelte";
+export { default as SwatchGroup, } from "./swatch-group.svelte";
+export { default as SwatchIndicator, } from "./swatch-indicator.svelte";
+export { default as SwatchTrigger, } from "./swatch-trigger.svelte";
+export { default as TransparencyGrid, } from "./transparency-grid.svelte";
+export { default as Trigger, } from "./trigger.svelte";
+export { default as ValueSwatch, } from "./value-swatch.svelte";
+export { default as ValueText, } from "./value-text.svelte";
+export { default as View, } from "./view.svelte";

package/dist/components/color-picker/content.svelte

@@ -0,0 +1,33 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface ColorPickerContentBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface ColorPickerContentProps extends Assign<
+    HTMLProps<"div">,
+    ColorPickerContentBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { usePresenceContext } from "../presence";
+  import { useColorPickerContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: ColorPickerContentProps = $props();
+
+  const colorPicker = useColorPickerContext();
+  const presence = usePresenceContext();
+  const mergedProps = $derived(
+    mergeProps(colorPicker().getContentProps(), presence().getPresenceProps(), props),
+  );
+
+  function setNode(node: Element | null) {
+    presence().setNode(node);
+  }
+</script>
+
+{#if !presence().unmounted}
+  <Wire as="div" bind:ref {...mergedProps} {@attach setNode} />
+{/if}

package/dist/components/color-picker/content.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface ColorPickerContentBaseProps extends PolymorphicProps<"div">, RefAttribute {
+}
+export interface ColorPickerContentProps extends Assign<HTMLProps<"div">, ColorPickerContentBaseProps> {
+}
+declare const Content: import("svelte").Component<ColorPickerContentProps, {}, "ref">;
+type Content = ReturnType<typeof Content>;
+export default Content;

package/dist/components/color-picker/context.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Snippet } from "svelte";
+
+  import type { UseColorPickerContext } from "./use-context";
+
+  export interface ColorPickerContextProps {
+    render: Snippet<[UseColorPickerContext]>;
+  }
+</script>
+
+<script lang="ts">
+  import { useColorPickerContext } from "./use-context";
+
+  const { render }: ColorPickerContextProps = $props();
+
+  const context = useColorPickerContext();
+</script>
+
+{@render render(context)}

package/dist/components/color-picker/context.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from "svelte";
+import type { UseColorPickerContext } from "./use-context";
+export interface ColorPickerContextProps {
+    render: Snippet<[UseColorPickerContext]>;
+}
+declare const Context: import("svelte").Component<ColorPickerContextProps, {}, "">;
+type Context = ReturnType<typeof Context>;
+export default Context;