@wirekyt/svelte 0.0.1 → 0.0.2

package/dist/components/swap/swap.js

@@ -0,0 +1,4 @@
+export { default as Indicator, } from "./indicator.svelte";
+export { default as Root, } from "./root.svelte";
+export { default as RootProvider, } from "./root-provider.svelte";
+export { swapAnatomy } from "./anatomy";

package/dist/components/swap/use-context.d.ts

@@ -0,0 +1,5 @@
+import type { Accessor } from "../../core";
+import type { UseSwapReturn } from "./use.svelte";
+export interface UseSwapContext extends Accessor<UseSwapReturn> {
+}
+export declare const SwapProvider: (opts: UseSwapContext) => void, useSwapContext: (fallback?: UseSwapContext | undefined) => UseSwapContext;

package/dist/components/swap/use-context.js

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

package/dist/components/swap/use.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { Accessor } from "../../core";
+import type { RenderStrategyProps } from "../../utils";
+import { type MaybeFunction } from "@wirekyt/dom/utils";
+import { type UsePresenceReturn } from "../presence/use.svelte";
+export interface UseSwapProps extends RenderStrategyProps {
+    swap?: boolean;
+}
+export interface IndicatorProps {
+    type: "on" | "off";
+}
+export interface UseSwapReturn {
+    swap: boolean;
+    onPresence: UsePresenceReturn;
+    offPresence: UsePresenceReturn;
+    getRootProps: () => Record<string, unknown>;
+    getIndicatorProps: (props: IndicatorProps) => Record<string, unknown>;
+}
+export declare const useSwap: (props?: MaybeFunction<UseSwapProps>) => Accessor<UseSwapReturn>;

package/dist/components/swap/use.svelte.js

@@ -0,0 +1,41 @@
+import { runIfFn } from "@wirekyt/dom/utils";
+import { usePresence } from "../presence/use.svelte";
+import { parts } from "./anatomy";
+export const useSwap = (props = {}) => {
+    const resolvedProps = $derived(runIfFn(props));
+    const swap = $derived(resolvedProps.swap ?? false);
+    const onPresence = usePresence(() => ({
+        present: swap,
+        lazyMount: resolvedProps.lazyMount,
+        unmountOnExit: resolvedProps.unmountOnExit,
+        skipAnimationOnMount: true,
+    }));
+    const offPresence = usePresence(() => ({
+        present: !swap,
+        lazyMount: resolvedProps.lazyMount,
+        unmountOnExit: resolvedProps.unmountOnExit,
+        skipAnimationOnMount: true,
+    }));
+    const result = $derived({
+        swap,
+        onPresence,
+        offPresence,
+        getRootProps() {
+            return {
+                ...parts.root.attrs,
+                "data-swap": swap ? "on" : "off",
+                style: "display: inline-grid",
+            };
+        },
+        getIndicatorProps({ type }) {
+            const presence = type === "on" ? onPresence() : offPresence();
+            return {
+                ...parts.indicator.attrs,
+                ...presence.getPresenceProps(),
+                "data-type": type,
+                style: "grid-area: 1 / 1; display: inline-flex",
+            };
+        },
+    });
+    return () => result;
+};

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

@@ -0,0 +1 @@
+export { anatomy as switchAnatomy } from "@wirekyt/dom/machines/switch";

package/dist/components/switch/anatomy.js

@@ -0,0 +1 @@
+export { anatomy as switchAnatomy } from "@wirekyt/dom/machines/switch";

package/dist/components/switch/context.svelte

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

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

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

package/dist/components/switch/control.svelte

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

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

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

package/dist/components/switch/hidden-input.svelte

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

package/dist/components/switch/hidden-input.svelte.d.ts

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

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

@@ -0,0 +1,12 @@
+export type { CheckedChangeDetails as SwitchCheckedChangeDetails } from "@wirekyt/dom/machines/switch";
+export { default as SwitchContext, type SwitchContextProps } from "./context.svelte";
+export { default as SwitchControl, type SwitchControlBaseProps, type SwitchControlProps, } from "./control.svelte";
+export { default as SwitchHiddenInput, type SwitchHiddenInputBaseProps, type SwitchHiddenInputProps, } from "./hidden-input.svelte";
+export { default as SwitchLabel, type SwitchLabelBaseProps, type SwitchLabelProps, } from "./label.svelte";
+export { default as SwitchRoot, type SwitchRootBaseProps, type SwitchRootProps, } from "./root.svelte";
+export { default as SwitchRootProvider, type SwitchRootProviderBaseProps, type SwitchRootProviderProps, } from "./root-provider.svelte";
+export { default as SwitchThumb, type SwitchThumbBaseProps, type SwitchThumbProps, } from "./thumb.svelte";
+export { switchAnatomy } from "./anatomy";
+export { useSwitch, type UseSwitchProps, type UseSwitchReturn } from "./use.svelte";
+export { useSwitchContext, type UseSwitchContext } from "./use-context";
+export * as Switch from "./switch";

package/dist/components/switch/index.js

@@ -0,0 +1,11 @@
+export { default as SwitchContext } from "./context.svelte";
+export { default as SwitchControl, } from "./control.svelte";
+export { default as SwitchHiddenInput, } from "./hidden-input.svelte";
+export { default as SwitchLabel, } from "./label.svelte";
+export { default as SwitchRoot, } from "./root.svelte";
+export { default as SwitchRootProvider, } from "./root-provider.svelte";
+export { default as SwitchThumb, } from "./thumb.svelte";
+export { switchAnatomy } from "./anatomy";
+export { useSwitch } from "./use.svelte";
+export { useSwitchContext } from "./use-context";
+export * as Switch from "./switch";

package/dist/components/switch/label.svelte

@@ -0,0 +1,20 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface SwitchLabelBaseProps extends PolymorphicProps<"span">, RefAttribute {}
+  export interface SwitchLabelProps extends Assign<HTMLProps<"span">, SwitchLabelBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useSwitchContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: SwitchLabelProps = $props();
+
+  const switchMachine = useSwitchContext();
+  const mergedProps = $derived(mergeProps(switchMachine().getLabelProps(), props));
+</script>
+
+<Wire as="span" bind:ref {...mergedProps} />

package/dist/components/switch/label.svelte.d.ts

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

package/dist/components/switch/root-provider.svelte

@@ -0,0 +1,28 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  import type { UseSwitchReturn } from "./use.svelte";
+
+  export interface SwitchRootProviderBaseProps extends PolymorphicProps<"label">, RefAttribute {
+    value: UseSwitchReturn;
+  }
+  export interface SwitchRootProviderProps extends Assign<
+    HTMLProps<"label">,
+    SwitchRootProviderBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { SwitchProvider } from "./use-context";
+
+  let { ref = $bindable(null), value, ...props }: SwitchRootProviderProps = $props();
+
+  const mergedProps = $derived(mergeProps(value().getRootProps(), props));
+
+  SwitchProvider(() => value());
+</script>
+
+<Wire as="label" bind:ref {...mergedProps} />

package/dist/components/switch/root-provider.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { UseSwitchReturn } from "./use.svelte";
+export interface SwitchRootProviderBaseProps extends PolymorphicProps<"label">, RefAttribute {
+    value: UseSwitchReturn;
+}
+export interface SwitchRootProviderProps extends Assign<HTMLProps<"label">, SwitchRootProviderBaseProps> {
+}
+declare const RootProvider: import("svelte").Component<SwitchRootProviderProps, {}, "ref">;
+type RootProvider = ReturnType<typeof RootProvider>;
+export default RootProvider;

package/dist/components/switch/root.svelte

@@ -0,0 +1,56 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  import type { UseSwitchProps } from "./use.svelte";
+
+  export interface SwitchRootBaseProps
+    extends UseSwitchProps, PolymorphicProps<"label">, RefAttribute {}
+  export interface SwitchRootProps extends Assign<HTMLProps<"label">, SwitchRootBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { SwitchProvider } from "./use-context";
+  import { useSwitch } from "./use.svelte";
+
+  let { ref = $bindable(null), checked = $bindable(), ...props }: SwitchRootProps = $props();
+  const providedId = $props.id();
+
+  const [useSwitchProps, localProps] = $derived(
+    createSplitProps<UseSwitchProps>()(props, [
+      "checked",
+      "defaultChecked",
+      "disabled",
+      "form",
+      "id",
+      "ids",
+      "invalid",
+      "label",
+      "name",
+      "onCheckedChange",
+      "readOnly",
+      "required",
+      "value",
+    ]),
+  );
+
+  const resolvedProps = $derived<UseSwitchProps>({
+    ...useSwitchProps,
+    id: useSwitchProps.id ?? providedId,
+    checked,
+    onCheckedChange(details) {
+      useSwitchProps.onCheckedChange?.(details);
+      if (checked !== undefined) checked = details.checked;
+    },
+  });
+
+  const switchMachine = useSwitch(() => resolvedProps);
+  const mergedProps = $derived(mergeProps(switchMachine().getRootProps(), localProps));
+
+  SwitchProvider(switchMachine);
+</script>
+
+<Wire as="label" bind:ref {...mergedProps} />

package/dist/components/switch/root.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { UseSwitchProps } from "./use.svelte";
+export interface SwitchRootBaseProps extends UseSwitchProps, PolymorphicProps<"label">, RefAttribute {
+}
+export interface SwitchRootProps extends Assign<HTMLProps<"label">, SwitchRootBaseProps> {
+}
+declare const Root: import("svelte").Component<SwitchRootProps, {}, "checked" | "ref">;
+type Root = ReturnType<typeof Root>;
+export default Root;

package/dist/components/switch/switch.d.ts

@@ -0,0 +1,8 @@
+export type { CheckedChangeDetails } from "@wirekyt/dom/machines/switch";
+export { default as Context, type SwitchContextProps as ContextProps } from "./context.svelte";
+export { default as Control, type SwitchControlBaseProps as ControlBaseProps, type SwitchControlProps as ControlProps, } from "./control.svelte";
+export { default as HiddenInput, type SwitchHiddenInputBaseProps as HiddenInputBaseProps, type SwitchHiddenInputProps as HiddenInputProps, } from "./hidden-input.svelte";
+export { default as Label, type SwitchLabelBaseProps as LabelBaseProps, type SwitchLabelProps as LabelProps, } from "./label.svelte";
+export { default as Root, type SwitchRootBaseProps as RootBaseProps, type SwitchRootProps as RootProps, } from "./root.svelte";
+export { default as RootProvider, type SwitchRootProviderBaseProps as RootProviderBaseProps, type SwitchRootProviderProps as RootProviderProps, } from "./root-provider.svelte";
+export { default as Thumb, type SwitchThumbBaseProps as ThumbBaseProps, type SwitchThumbProps as ThumbProps, } from "./thumb.svelte";

package/dist/components/switch/switch.js

@@ -0,0 +1,7 @@
+export { default as Context } from "./context.svelte";
+export { default as Control, } from "./control.svelte";
+export { default as HiddenInput, } from "./hidden-input.svelte";
+export { default as Label, } from "./label.svelte";
+export { default as Root, } from "./root.svelte";
+export { default as RootProvider, } from "./root-provider.svelte";
+export { default as Thumb, } from "./thumb.svelte";

package/dist/components/switch/thumb.svelte

@@ -0,0 +1,20 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface SwitchThumbBaseProps extends PolymorphicProps<"span">, RefAttribute {}
+  export interface SwitchThumbProps extends Assign<HTMLProps<"span">, SwitchThumbBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useSwitchContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: SwitchThumbProps = $props();
+
+  const switchMachine = useSwitchContext();
+  const mergedProps = $derived(mergeProps(switchMachine().getThumbProps(), props));
+</script>
+
+<Wire as="span" bind:ref {...mergedProps} />

package/dist/components/switch/thumb.svelte.d.ts

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

package/dist/components/switch/use-context.d.ts

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

package/dist/components/switch/use-context.js

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

package/dist/components/switch/use.svelte.d.ts

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

package/dist/components/switch/use.svelte.js

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

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

@@ -0,0 +1 @@
+export { anatomy as tabsAnatomy } from "@wirekyt/dom/machines/tabs";

package/dist/components/tabs/anatomy.js

@@ -0,0 +1 @@
+export { anatomy as tabsAnatomy } from "@wirekyt/dom/machines/tabs";

package/dist/components/tabs/content.svelte

@@ -0,0 +1,44 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+  import type { ContentProps } from "@wirekyt/dom/machines/tabs";
+
+  export interface TabsContentBaseProps
+    extends ContentProps, PolymorphicProps<"div">, RefAttribute {}
+  export interface TabsContentProps extends Assign<HTMLProps<"div">, TabsContentBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+  import { useRenderStrategyPropsContext } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { PresenceProvider, usePresence, type UsePresenceProps } from "../presence";
+  import { useTabsContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: TabsContentProps = $props();
+  const [contentProps, localProps] = $derived(createSplitProps<ContentProps>()(props, ["value"]));
+
+  const tabs = useTabsContext();
+  const renderStrategyProps = useRenderStrategyPropsContext();
+
+  const machineProps = $derived.by<UsePresenceProps>(() => ({
+    ...renderStrategyProps(),
+    present: tabs().value === contentProps.value,
+    immediate: true,
+  }));
+
+  const presence = usePresence(() => machineProps);
+
+  const mergedProps = $derived(mergeProps(tabs().getContentProps(contentProps), localProps));
+
+  PresenceProvider(presence);
+
+  function setNode(node: Element | null) {
+    presence().setNode(node);
+  }
+</script>
+
+{#if !presence().unmounted}
+  <Wire as="div" bind:ref {...mergedProps} {@attach setNode} />
+{/if}

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { ContentProps } from "@wirekyt/dom/machines/tabs";
+export interface TabsContentBaseProps extends ContentProps, PolymorphicProps<"div">, RefAttribute {
+}
+export interface TabsContentProps extends Assign<HTMLProps<"div">, TabsContentBaseProps> {
+}
+declare const Content: import("svelte").Component<TabsContentProps, {}, "ref">;
+type Content = ReturnType<typeof Content>;
+export default Content;

package/dist/components/tabs/context.svelte

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

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

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

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

@@ -0,0 +1,12 @@
+export type { FocusChangeDetails as TabsFocusChangeDetails, ValueChangeDetails as TabsValueChangeDetails, } from "@wirekyt/dom/machines/tabs";
+export { default as TabContent, type TabsContentBaseProps as TabContentBaseProps, type TabsContentProps as TabContentProps, } from "./content.svelte";
+export { default as TabsContext, type TabsContextProps } from "./context.svelte";
+export { default as TabIndicator, type TabsIndicatorBaseProps as TabIndicatorBaseProps, type TabsIndicatorProps as TabIndicatorProps, } from "./indicator.svelte";
+export { default as TabList, type TabsListBaseProps as TabListBaseProps, type TabsListProps as TabListProps, } from "./list.svelte";
+export { default as TabsRootProvider, type TabsRootProviderBaseProps, type TabsRootProviderProps, } from "./root-provider.svelte";
+export { default as TabsRoot, type TabsRootBaseProps, type TabsRootProps } from "./root.svelte";
+export { default as TabTrigger, type TabsTriggerBaseProps as TabTriggerBaseProps, type TabsTriggerProps as TabTriggerProps, } from "./trigger.svelte";
+export { tabsAnatomy } from "./anatomy";
+export { useTabsContext, type UseTabsContext } from "./use-context";
+export { useTabs, type UseTabsProps, type UseTabsReturn } from "./use.svelte";
+export * as Tabs from "./tabs";

package/dist/components/tabs/index.js

@@ -0,0 +1,11 @@
+export { default as TabContent, } from "./content.svelte";
+export { default as TabsContext } from "./context.svelte";
+export { default as TabIndicator, } from "./indicator.svelte";
+export { default as TabList, } from "./list.svelte";
+export { default as TabsRootProvider, } from "./root-provider.svelte";
+export { default as TabsRoot } from "./root.svelte";
+export { default as TabTrigger, } from "./trigger.svelte";
+export { tabsAnatomy } from "./anatomy";
+export { useTabsContext } from "./use-context";
+export { useTabs } from "./use.svelte";
+export * as Tabs from "./tabs";

package/dist/components/tabs/indicator.svelte

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

package/dist/components/tabs/indicator.svelte.d.ts

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

package/dist/components/tabs/list.svelte

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

package/dist/components/tabs/list.svelte.d.ts

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