@wirekyt/svelte 0.0.1 → 0.0.2

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

@@ -0,0 +1,33 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+  import type { SwatchProps } from "@wirekyt/dom/machines/color-picker";
+
+  export interface ColorPickerSwatchBaseProps
+    extends SwatchProps, PolymorphicProps<"div">, RefAttribute {}
+  export interface ColorPickerSwatchProps extends Assign<
+    HTMLProps<"div">,
+    ColorPickerSwatchBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { useColorPickerContext } from "./use-context";
+  import { ColorPickerSwatchPropsProvider } from "./use-swatch-props-context";
+
+  let { ref = $bindable(null), ...props }: ColorPickerSwatchProps = $props();
+
+  const [swatchProps, localProps] = $derived(
+    createSplitProps<SwatchProps>()(props, ["value", "respectAlpha"]),
+  );
+
+  const colorPicker = useColorPickerContext();
+  const mergedProps = $derived(mergeProps(colorPicker().getSwatchProps(swatchProps), localProps));
+
+  ColorPickerSwatchPropsProvider(() => swatchProps);
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

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

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

package/dist/components/color-picker/transparency-grid.svelte

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

package/dist/components/color-picker/transparency-grid.svelte.d.ts

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

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

@@ -0,0 +1,23 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface ColorPickerTriggerBaseProps extends PolymorphicProps<"button">, RefAttribute {}
+  export interface ColorPickerTriggerProps extends Assign<
+    HTMLProps<"button">,
+    ColorPickerTriggerBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useColorPickerContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: ColorPickerTriggerProps = $props();
+
+  const colorPicker = useColorPickerContext();
+  const mergedProps = $derived(mergeProps(colorPicker().getTriggerProps(), props));
+</script>
+
+<Wire as="button" bind:ref {...mergedProps} />

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

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

package/dist/components/color-picker/use-area-props-context.d.ts

@@ -0,0 +1,5 @@
+import type { Accessor } from "../../core";
+import type { AreaProps } from "@wirekyt/dom/machines/color-picker";
+export interface UseColorPickerAreaPropsContext extends Accessor<AreaProps> {
+}
+export declare const ColorPickerAreaPropsProvider: (opts: UseColorPickerAreaPropsContext) => void, useColorPickerAreaPropsContext: (fallback?: UseColorPickerAreaPropsContext | undefined) => UseColorPickerAreaPropsContext;

package/dist/components/color-picker/use-area-props-context.js

@@ -0,0 +1,6 @@
+import { createContext } from "../../utils";
+export const [ColorPickerAreaPropsProvider, useColorPickerAreaPropsContext] = createContext({
+    name: "ColorPickerAreaContext",
+    hookName: "useColorPickerAreaContext",
+    providerName: "<ColorPickerAreaProvider />",
+});

package/dist/components/color-picker/use-channel-props-context.d.ts

@@ -0,0 +1,5 @@
+import type { Accessor } from "../../core";
+import type { ChannelProps } from "@wirekyt/dom/machines/color-picker";
+export interface UseColorPickerChannelPropsContext extends Accessor<ChannelProps> {
+}
+export declare const ColorPickerChannelPropsProvider: (opts: UseColorPickerChannelPropsContext) => void, useColorPickerChannelPropsContext: (fallback?: UseColorPickerChannelPropsContext | undefined) => UseColorPickerChannelPropsContext;

package/dist/components/color-picker/use-channel-props-context.js

@@ -0,0 +1,7 @@
+import { createContext } from "../../utils";
+export const [ColorPickerChannelPropsProvider, useColorPickerChannelPropsContext] = createContext({
+    name: "ColorPickerChannelPropsContext",
+    hookName: "useColorPickerChannelPropsContext",
+    providerName: "<ColorPickerChannelPropsProvider />",
+    strict: false,
+});

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

@@ -0,0 +1,4 @@
+import type { UseColorPickerReturn } from "./use.svelte";
+export interface UseColorPickerContext extends UseColorPickerReturn {
+}
+export declare const ColorPickerProvider: (opts: UseColorPickerContext) => void, useColorPickerContext: (fallback?: UseColorPickerContext | undefined) => UseColorPickerContext;

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

@@ -0,0 +1,6 @@
+import { createContext } from "../../utils";
+export const [ColorPickerProvider, useColorPickerContext] = createContext({
+    name: "ColorPickerContext",
+    hookName: "useColorPickerContext",
+    providerName: "<ColorPickerProvider />",
+});

package/dist/components/color-picker/use-format-context.d.ts

@@ -0,0 +1,7 @@
+import type { Accessor } from "../../core";
+import type { ColorFormat } from "@wirekyt/dom/machines/color-picker";
+export interface UseColorPickerFormatPropsContext extends Accessor<{
+    format?: ColorFormat;
+}> {
+}
+export declare const ColorPickerFormatPropsProvider: (opts: UseColorPickerFormatPropsContext) => void, useColorPickerFormatPropsContext: (fallback?: UseColorPickerFormatPropsContext | undefined) => UseColorPickerFormatPropsContext;

package/dist/components/color-picker/use-format-context.js

@@ -0,0 +1,9 @@
+import { createContext } from "../../utils";
+const EMPTY_OBJ = {};
+export const [ColorPickerFormatPropsProvider, useColorPickerFormatPropsContext] = createContext({
+    name: "ColorPickerFormatContext",
+    hookName: "useColorPickerFormatPropsContext",
+    providerName: "<ColorPickerFormatPropsProvider />",
+    strict: false,
+    defaultValue: () => EMPTY_OBJ,
+});

package/dist/components/color-picker/use-swatch-props-context.d.ts

@@ -0,0 +1,5 @@
+import type { Accessor } from "../../core";
+import type { SwatchProps } from "@wirekyt/dom/machines/color-picker";
+export interface UseColorPickerSwatchPropsContext extends Accessor<SwatchProps> {
+}
+export declare const ColorPickerSwatchPropsProvider: (opts: UseColorPickerSwatchPropsContext) => void, useColorPickerSwatchPropsContext: (fallback?: UseColorPickerSwatchPropsContext | undefined) => UseColorPickerSwatchPropsContext;

package/dist/components/color-picker/use-swatch-props-context.js

@@ -0,0 +1,7 @@
+import { createContext } from "../../utils";
+export const [ColorPickerSwatchPropsProvider, useColorPickerSwatchPropsContext] = createContext({
+    name: "ColorPickerSwatchPropsContext",
+    hookName: "useColorPickerSwatchPropsContext",
+    providerName: "<ColorPickerSwatchPropsProvider />",
+    strict: false,
+});

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

@@ -0,0 +1,9 @@
+import type { Accessor, Optional } from "../../core";
+import { type PropTypes } from "../../core";
+import * as colorPicker from "@wirekyt/dom/machines/color-picker";
+import { type MaybeFunction } from "@wirekyt/dom/utils";
+export interface UseColorPickerProps extends Optional<Omit<colorPicker.Props, "dir" | "getRootNode">, "id"> {
+}
+export interface UseColorPickerReturn extends Accessor<colorPicker.Api<PropTypes>> {
+}
+export declare const useColorPicker: (props?: MaybeFunction<UseColorPickerProps>) => UseColorPickerReturn;

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

@@ -0,0 +1,30 @@
+import { normalizeProps, useMachine } from "../../core";
+import { useEnvironmentContext } from "../../providers";
+import { useLocaleContext } from "../../providers";
+import * as colorPicker from "@wirekyt/dom/machines/color-picker";
+import { runIfFn } from "@wirekyt/dom/utils";
+import { useFieldContext } from "../field";
+export const useColorPicker = (props = {}) => {
+    const env = useEnvironmentContext();
+    const locale = useLocaleContext();
+    const field = useFieldContext();
+    const machineProps = $derived.by(() => {
+        const resolvedProps = runIfFn(props);
+        return {
+            ids: {
+                label: field?.()?.ids.label,
+                hiddenInput: field?.()?.ids.control,
+            },
+            dir: locale().dir,
+            disabled: field?.()?.disabled,
+            readOnly: field?.()?.readOnly,
+            invalid: field?.()?.invalid,
+            required: field?.()?.required,
+            getRootNode: env().getRootNode,
+            ...resolvedProps,
+        };
+    });
+    const service = useMachine(colorPicker.machine, () => machineProps);
+    const api = $derived(colorPicker.connect(service, normalizeProps));
+    return () => api;
+};

package/dist/components/color-picker/value-swatch.svelte

@@ -0,0 +1,41 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+  import type { SwatchProps } from "@wirekyt/dom/machines/color-picker";
+
+  interface ValueSwatchProps extends Omit<SwatchProps, "value"> {}
+
+  export interface ColorPickerValueSwatchBaseProps
+    extends ValueSwatchProps, PolymorphicProps<"div">, RefAttribute {}
+  export interface ColorPickerValueSwatchProps extends Assign<
+    HTMLProps<"div">,
+    ColorPickerValueSwatchBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { useColorPickerContext } from "./use-context";
+  import { ColorPickerSwatchPropsProvider } from "./use-swatch-props-context";
+
+  let { ref = $bindable(null), ...props }: ColorPickerValueSwatchProps = $props();
+
+  const [valueSwatchProps, localProps] = $derived(
+    createSplitProps<ValueSwatchProps>()(props, ["respectAlpha"]),
+  );
+
+  const colorPicker = useColorPickerContext();
+
+  const swatchProps = $derived({
+    ...valueSwatchProps,
+    value: colorPicker().valueAsString,
+  });
+
+  const mergedProps = $derived(mergeProps(colorPicker().getSwatchProps(swatchProps), localProps));
+
+  ColorPickerSwatchPropsProvider(() => swatchProps);
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

package/dist/components/color-picker/value-swatch.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { SwatchProps } from "@wirekyt/dom/machines/color-picker";
+interface ValueSwatchProps extends Omit<SwatchProps, "value"> {
+}
+export interface ColorPickerValueSwatchBaseProps extends ValueSwatchProps, PolymorphicProps<"div">, RefAttribute {
+}
+export interface ColorPickerValueSwatchProps extends Assign<HTMLProps<"div">, ColorPickerValueSwatchBaseProps> {
+}
+declare const ValueSwatch: import("svelte").Component<ColorPickerValueSwatchProps, {}, "ref">;
+type ValueSwatch = ReturnType<typeof ValueSwatch>;
+export default ValueSwatch;

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

@@ -0,0 +1,35 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+  import type { ColorStringFormat } from "@wirekyt/dom/color-utils";
+
+  export interface ColorPickerValueTextBaseProps extends PolymorphicProps<"span">, RefAttribute {
+    format?: ColorStringFormat;
+  }
+  export interface ColorPickerValueTextProps extends Assign<
+    HTMLProps<"span">,
+    ColorPickerValueTextBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useColorPickerContext } from "./use-context";
+
+  let { ref = $bindable(null), children, format, ...props }: ColorPickerValueTextProps = $props();
+
+  const colorPicker = useColorPickerContext();
+  const mergedProps = $derived(mergeProps(colorPicker().getValueTextProps(), props));
+  const valueAsString = $derived(
+    format ? colorPicker().value.toString(format) : colorPicker().valueAsString,
+  );
+</script>
+
+<Wire as="span" bind:ref {...mergedProps}>
+  {#if children}
+    {@render children()}
+  {:else}
+    {valueAsString}
+  {/if}
+</Wire>

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

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { ColorStringFormat } from "@wirekyt/dom/color-utils";
+export interface ColorPickerValueTextBaseProps extends PolymorphicProps<"span">, RefAttribute {
+    format?: ColorStringFormat;
+}
+export interface ColorPickerValueTextProps extends Assign<HTMLProps<"span">, ColorPickerValueTextBaseProps> {
+}
+declare const ValueText: import("svelte").Component<ColorPickerValueTextProps, {}, "ref">;
+type ValueText = ReturnType<typeof ValueText>;
+export default ValueText;

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

@@ -0,0 +1,41 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+  import type { ColorFormat } from "@wirekyt/dom/machines/color-picker";
+
+  interface FormatOptions {
+    format: ColorFormat;
+  }
+
+  export interface ColorPickerViewBaseProps
+    extends FormatOptions, PolymorphicProps<"div">, RefAttribute {}
+  export interface ColorPickerViewProps extends Assign<
+    HTMLProps<"div">,
+    ColorPickerViewBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { createSplitProps } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { colorPickerAnatomy } from "./anatomy";
+  import { useColorPickerContext } from "./use-context";
+  import { ColorPickerFormatPropsProvider } from "./use-format-context";
+
+  let { ref = $bindable(null), ...props }: ColorPickerViewProps = $props();
+  const [formatProps, localProps] = $derived(createSplitProps<FormatOptions>()(props, ["format"]));
+
+  const colorPicker = useColorPickerContext();
+
+  ColorPickerFormatPropsProvider(() => formatProps);
+</script>
+
+{#if colorPicker().format === formatProps.format}
+  <Wire
+    as="div"
+    bind:ref
+    data-format={formatProps.format}
+    {...colorPickerAnatomy.build().view.attrs}
+    {...localProps}
+  />
+{/if}

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

@@ -0,0 +1,12 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { ColorFormat } from "@wirekyt/dom/machines/color-picker";
+interface FormatOptions {
+    format: ColorFormat;
+}
+export interface ColorPickerViewBaseProps extends FormatOptions, PolymorphicProps<"div">, RefAttribute {
+}
+export interface ColorPickerViewProps extends Assign<HTMLProps<"div">, ColorPickerViewBaseProps> {
+}
+declare const View: import("svelte").Component<ColorPickerViewProps, {}, "ref">;
+type View = ReturnType<typeof View>;
+export default View;

package/dist/components/combobox/anatomy.d.ts

@@ -0,0 +1 @@
+export declare const comboboxAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"label" | "input" | "root" | "content" | "trigger" | "list" | "item" | "control" | "itemGroup" | "positioner" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;

package/dist/components/combobox/anatomy.js

@@ -0,0 +1,2 @@
+import { anatomy } from "@wirekyt/dom/machines/combobox";
+export const comboboxAnatomy = anatomy.extendWith("empty");

package/dist/components/combobox/clear-trigger.svelte

@@ -0,0 +1,23 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface ComboboxClearTriggerBaseProps extends PolymorphicProps<"button">, RefAttribute {}
+  export interface ComboboxClearTriggerProps extends Assign<
+    HTMLProps<"button">,
+    ComboboxClearTriggerBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useComboboxContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: ComboboxClearTriggerProps = $props();
+
+  const combobox = useComboboxContext();
+  const mergedProps = $derived(mergeProps(combobox().getClearTriggerProps(), props));
+</script>
+
+<Wire as="button" bind:ref {...mergedProps} />

package/dist/components/combobox/clear-trigger.svelte.d.ts

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

package/dist/components/combobox/combobox.d.ts

@@ -0,0 +1,19 @@
+export type { FocusOutsideEvent, HighlightChangeDetails, InputValueChangeDetails, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, SelectionDetails, ValueChangeDetails, } from "@wirekyt/dom/machines/combobox";
+export { default as ClearTrigger, type ComboboxClearTriggerProps as ClearTriggerProps, type ComboboxClearTriggerBaseProps as ClearTriggerBaseProps, } from "./clear-trigger.svelte";
+export { default as Content, type ComboboxContentProps as ContentProps, type ComboboxContentBaseProps as ContentBaseProps, } from "./content.svelte";
+export { default as Empty, type ComboboxEmptyProps as EmptyProps, type ComboboxEmptyBaseProps as EmptyBaseProps, } from "./empty.svelte";
+export { default as Context, type ComboboxContextProps as ContextProps } from "./context.svelte";
+export { default as Control, type ComboboxControlProps as ControlProps, type ComboboxControlBaseProps as ControlBaseProps, } from "./control.svelte";
+export { default as Input, type ComboboxInputProps as InputProps, type ComboboxInputBaseProps as InputBaseProps, } from "./input.svelte";
+export { default as Item, type ComboboxItemProps as ItemProps, type ComboboxItemBaseProps as ItemBaseProps, } from "./item.svelte";
+export { default as ItemContext, type ComboboxItemContextProps as ItemContextProps, } from "./item-context.svelte";
+export { default as ItemGroup, type ComboboxItemGroupProps as ItemGroupProps, type ComboboxItemGroupBaseProps as ItemGroupBaseProps, } from "./item-group.svelte";
+export { default as ItemGroupLabel, type ComboboxItemGroupLabelProps as ItemGroupLabelProps, type ComboboxItemGroupLabelBaseProps as ItemGroupLabelBaseProps, } from "./item-group-label.svelte";
+export { default as ItemIndicator, type ComboboxItemIndicatorProps as ItemIndicatorProps, type ComboboxItemIndicatorBaseProps as ItemIndicatorBaseProps, } from "./item-indicator.svelte";
+export { default as ItemText, type ComboboxItemTextProps as ItemTextProps, type ComboboxItemTextBaseProps as ItemTextBaseProps, } from "./item-text.svelte";
+export { default as Label, type ComboboxLabelProps as LabelProps, type ComboboxLabelBaseProps as LabelBaseProps, } from "./label.svelte";
+export { default as List, type ComboboxListProps as ListProps, type ComboboxListBaseProps as ListBaseProps, } from "./list.svelte";
+export { default as Positioner, type ComboboxPositionerProps, type ComboboxPositionerBaseProps, } from "./positioner.svelte";
+export { default as Root, type ComboboxRootBaseProps as RootBaseProps, type ComboboxRootProps as RootProps, type ComboboxRootComponent as RootComponent, type ComboboxRootComponentProps as RootComponentProps, } from "./root.svelte";
+export { default as RootProvider, type ComboboxRootProviderBaseProps as RootProviderBaseProps, type ComboboxRootProviderProps as RootProviderProps, type ComboboxRootProviderComponent as RootProviderComponent, } from "./root-provider.svelte";
+export { default as Trigger, type ComboboxTriggerProps as TriggerProps, type ComboboxTriggerBaseProps as TriggerBaseProps, } from "./trigger.svelte";

package/dist/components/combobox/combobox.js

@@ -0,0 +1,18 @@
+export { default as ClearTrigger, } from "./clear-trigger.svelte";
+export { default as Content, } from "./content.svelte";
+export { default as Empty, } from "./empty.svelte";
+export { default as Context } from "./context.svelte";
+export { default as Control, } from "./control.svelte";
+export { default as Input, } from "./input.svelte";
+export { default as Item, } from "./item.svelte";
+export { default as ItemContext, } from "./item-context.svelte";
+export { default as ItemGroup, } from "./item-group.svelte";
+export { default as ItemGroupLabel, } from "./item-group-label.svelte";
+export { default as ItemIndicator, } from "./item-indicator.svelte";
+export { default as ItemText, } from "./item-text.svelte";
+export { default as Label, } from "./label.svelte";
+export { default as List, } from "./list.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 Trigger, } from "./trigger.svelte";

package/dist/components/combobox/content.svelte

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

package/dist/components/combobox/content.svelte.d.ts

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

package/dist/components/combobox/context.svelte

@@ -0,0 +1,20 @@
+<script module lang="ts">
+  import type { Snippet } from "svelte";
+
+  import type { CollectionItem } from "../collection";
+  import type { UseComboboxContext } from "./use-context";
+
+  export interface ComboboxContextProps<T extends CollectionItem> {
+    render: Snippet<[UseComboboxContext<T>]>;
+  }
+</script>
+
+<script lang="ts" generics="T extends CollectionItem">
+  import { useComboboxContext } from "./use-context";
+
+  const { render }: ComboboxContextProps<T> = $props();
+
+  const context = useComboboxContext();
+</script>
+
+{@render render(context)}

package/dist/components/combobox/context.svelte.d.ts

@@ -0,0 +1,30 @@
+import type { Snippet } from "svelte";
+import type { CollectionItem } from "../collection";
+import type { UseComboboxContext } from "./use-context";
+export interface ComboboxContextProps<T extends CollectionItem> {
+    render: Snippet<[UseComboboxContext<T>]>;
+}
+declare function $$render<T extends CollectionItem>(): {
+    props: ComboboxContextProps<T>;
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends CollectionItem> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends CollectionItem>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends CollectionItem>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Context: $$IsomorphicComponent;
+type Context<T extends CollectionItem> = InstanceType<typeof Context<T>>;
+export default Context;

package/dist/components/combobox/control.svelte

@@ -0,0 +1,23 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface ComboboxControlBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface ComboboxControlProps extends Assign<
+    HTMLProps<"div">,
+    ComboboxControlBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useComboboxContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: ComboboxControlProps = $props();
+
+  const combobox = useComboboxContext();
+  const mergedProps = $derived(mergeProps(combobox().getControlProps(), props));
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

package/dist/components/combobox/control.svelte.d.ts

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