@sprawlify/svelte 0.0.73 → 0.0.75

package/dist/components/anatomy.d.ts

@@ -34,6 +34,7 @@ export { ratingGroupAnatomy } from './rating-group/rating-group-anatomy';
 export { scrollAreaAnatomy } from './scroll-area/scroll-area-anatomy';
 export { segmentGroupAnatomy } from './segment-group/segment-group-anatomy';
 export { selectAnatomy } from './select/select-anatomy';
+export { separatorAnatomy } from './separator/separator-anatomy';
 export { signaturePadAnatomy } from './signature-pad/signature-pad-anatomy';
 export { sliderAnatomy } from './slider/slider-anatomy';
 export { splitterAnatomy } from './splitter/splitter-anatomy';

package/dist/components/anatomy.js

@@ -34,6 +34,7 @@ export { ratingGroupAnatomy } from './rating-group/rating-group-anatomy';
 export { scrollAreaAnatomy } from './scroll-area/scroll-area-anatomy';
 export { segmentGroupAnatomy } from './segment-group/segment-group-anatomy';
 export { selectAnatomy } from './select/select-anatomy';
+export { separatorAnatomy } from './separator/separator-anatomy';
 export { signaturePadAnatomy } from './signature-pad/signature-pad-anatomy';
 export { sliderAnatomy } from './slider/slider-anatomy';
 export { splitterAnatomy } from './splitter/splitter-anatomy';

package/dist/components/carousel/carousel-anatomy.d.ts

@@ -1 +1 @@
-export declare const carouselAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"root" | "control" | "item" | "indicator" | "nextTrigger" | "prevTrigger" | "itemGroup" | "indicatorGroup" | "autoplayTrigger" | "progressText" | "autoplayIndicator">;
+export declare const carouselAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"indicator" | "item" | "itemGroup" | "root" | "control" | "progressText" | "prevTrigger" | "nextTrigger" | "indicatorGroup" | "autoplayTrigger" | "autoplayIndicator">;

package/dist/components/checkbox/checkbox-anatomy.d.ts

@@ -1 +1 @@
-export declare const checkboxAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"label" | "root" | "control" | "indicator" | "group">;
+export declare const checkboxAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"label" | "indicator" | "root" | "control" | "group">;

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

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

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

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

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

@@ -1 +1 @@
-export declare const datePickerAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"label" | "input" | "table" | "view" | "root" | "control" | "nextTrigger" | "prevTrigger" | "valueText" | "content" | "trigger" | "positioner" | "clearTrigger" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;
+export declare const datePickerAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"label" | "input" | "table" | "view" | "root" | "control" | "prevTrigger" | "nextTrigger" | "content" | "positioner" | "trigger" | "valueText" | "clearTrigger" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;

package/dist/components/listbox/listbox-anatomy.d.ts

@@ -1 +1 @@
-export declare const listboxAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"label" | "input" | "root" | "item" | "itemGroup" | "valueText" | "content" | "itemText" | "itemIndicator" | "itemGroupLabel" | "empty">;
+export declare const listboxAnatomy: import("@sprawlify/primitives/anatomy").AnatomyInstance<"label" | "input" | "item" | "itemGroup" | "root" | "content" | "valueText" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;

package/dist/components/segment-group/segment-group-anatomy.d.ts

@@ -1,2 +1,2 @@
-export declare const segmentGroupAnatomy: import("@sprawlify/primitives/anatomy").Anatomy<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl">;
-export declare const parts: Record<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl", import("@sprawlify/primitives/anatomy").AnatomyPart>;
+export declare const segmentGroupAnatomy: import("@sprawlify/primitives/anatomy").Anatomy<"label" | "indicator" | "item" | "root" | "itemText" | "itemControl">;
+export declare const parts: Record<"label" | "indicator" | "item" | "root" | "itemText" | "itemControl", import("@sprawlify/primitives/anatomy").AnatomyPart>;

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

@@ -0,0 +1,7 @@
+export { default as SeparatorContext } from './separator-context.svelte';
+export { default as SeparatorRootProvider, type SeparatorRootProviderBaseProps, type SeparatorRootProviderProps, } from './separator-root-provider.svelte';
+export { default as SeparatorRoot, type SeparatorRootBaseProps, type SeparatorRootProps } from './separator-root.svelte';
+export { separatorAnatomy } from './separator-anatomy';
+export { useSeparatorContext, type UseSeparatorContext } from './use-separator-context';
+export { useSeparator, type UseSeparatorProps, type UseSeparatorReturn } from './use-separator.svelte';
+export * as Separator from './separator';

package/dist/components/separator/index.js

@@ -0,0 +1,7 @@
+export { default as SeparatorContext } from './separator-context.svelte';
+export { default as SeparatorRootProvider, } from './separator-root-provider.svelte';
+export { default as SeparatorRoot } from './separator-root.svelte';
+export { separatorAnatomy } from './separator-anatomy';
+export { useSeparatorContext } from './use-separator-context';
+export { useSeparator } from './use-separator.svelte';
+export * as Separator from './separator';

package/dist/components/separator/separator-anatomy.d.ts

@@ -0,0 +1 @@
+export { anatomy as separatorAnatomy } from '@sprawlify/primitives/machines/separator';

package/dist/components/separator/separator-anatomy.js

@@ -0,0 +1 @@
+export { anatomy as separatorAnatomy } from '@sprawlify/primitives/machines/separator';

package/dist/components/separator/separator-context.svelte

@@ -0,0 +1,17 @@
+<script module lang="ts">
+  import type { Snippet } from 'svelte'
+  import type { UseSeparatorContext } from './use-separator-context'
+
+  export interface SeparatorContextProps {
+    api?: Snippet<[UseSeparatorContext]>
+  }
+</script>
+
+<script lang="ts">
+  import { useSeparatorContext } from './use-separator-context'
+
+  const { api }: SeparatorContextProps = $props()
+  const separator = useSeparatorContext()
+</script>
+
+{@render api?.(separator)}

package/dist/components/separator/separator-context.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+import type { UseSeparatorContext } from './use-separator-context';
+export interface SeparatorContextProps {
+    api?: Snippet<[UseSeparatorContext]>;
+}
+declare const SeparatorContext: import("svelte").Component<SeparatorContextProps, {}, "">;
+type SeparatorContext = ReturnType<typeof SeparatorContext>;
+export default SeparatorContext;

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

@@ -0,0 +1,25 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, RefAttribute } from '../../types'
+  import type { UseSeparatorReturn } from './use-separator.svelte'
+
+  interface RootProviderProps {
+    value: UseSeparatorReturn
+  }
+
+  export interface SeparatorRootProviderBaseProps extends RootProviderProps, RefAttribute {}
+  export interface SeparatorRootProviderProps extends Assign<HTMLProps<'div'>, SeparatorRootProviderBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { Sprawlify } from '../factory'
+  import { SeparatorProvider } from './use-separator-context'
+
+  let { ref = $bindable(null), ...props }: SeparatorRootProviderProps = $props()
+  const { value: separator, ...localProps } = props
+  const mergedProps = $derived(mergeProps(separator().getRootProps(), localProps))
+
+  SeparatorProvider(separator)
+</script>
+
+<Sprawlify as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,12 @@
+import type { Assign, HTMLProps, RefAttribute } from '../../types';
+import type { UseSeparatorReturn } from './use-separator.svelte';
+interface RootProviderProps {
+    value: UseSeparatorReturn;
+}
+export interface SeparatorRootProviderBaseProps extends RootProviderProps, RefAttribute {
+}
+export interface SeparatorRootProviderProps extends Assign<HTMLProps<'div'>, SeparatorRootProviderBaseProps> {
+}
+declare const SeparatorRootProvider: import("svelte").Component<SeparatorRootProviderProps, {}, "ref">;
+type SeparatorRootProvider = ReturnType<typeof SeparatorRootProvider>;
+export default SeparatorRootProvider;

package/dist/components/separator/separator-root.svelte

@@ -0,0 +1,33 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, Optional, PolymorphicProps, RefAttribute } from '../../types'
+  import type { UseSeparatorProps } from './use-separator.svelte'
+
+  export interface SeparatorRootBaseProps extends Optional<UseSeparatorProps, 'id'>, PolymorphicProps<'hr'>, RefAttribute {}
+  export interface SeparatorRootProps extends Assign<HTMLProps<'hr'>, SeparatorRootBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '../../core'
+  import { createSplitProps } from '../../utils/create-split-props'
+  import { Sprawlify } from '../factory'
+  import { SeparatorProvider } from './use-separator-context'
+  import { useSeparator } from './use-separator.svelte'
+
+  let { ref = $bindable(null), ...props }: SeparatorRootProps = $props()
+  const providedId = $props.id()
+
+  const [useSeparatorProps, localProps] = $derived(
+    createSplitProps<Optional<UseSeparatorProps, 'id'>>()(props, ['id', 'ids', 'decorative', 'orientation']),
+  )
+
+  const resolvedProps = $derived({
+    ...useSeparatorProps,
+    id: providedId,
+  })
+
+  const separator = useSeparator(() => resolvedProps)
+  const mergedProps = $derived(mergeProps(separator().getRootProps(), localProps))
+  SeparatorProvider(separator)
+</script>
+
+<Sprawlify as="hr" bind:ref {...mergedProps} />

package/dist/components/separator/separator-root.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, Optional, PolymorphicProps, RefAttribute } from '../../types';
+import type { UseSeparatorProps } from './use-separator.svelte';
+export interface SeparatorRootBaseProps extends Optional<UseSeparatorProps, 'id'>, PolymorphicProps<'hr'>, RefAttribute {
+}
+export interface SeparatorRootProps extends Assign<HTMLProps<'hr'>, SeparatorRootBaseProps> {
+}
+declare const SeparatorRoot: import("svelte").Component<SeparatorRootProps, {}, "ref">;
+type SeparatorRoot = ReturnType<typeof SeparatorRoot>;
+export default SeparatorRoot;

package/dist/components/separator/separator.d.ts

@@ -0,0 +1,3 @@
+export { default as Context, type SeparatorContextProps as ContextProps } from './separator-context.svelte';
+export { default as RootProvider, type SeparatorRootProviderBaseProps as RootProviderBaseProps, type SeparatorRootProviderProps as RootProviderProps, } from './separator-root-provider.svelte';
+export { default as Root, type SeparatorRootBaseProps as RootBaseProps, type SeparatorRootProps as RootProps, } from './separator-root.svelte';

package/dist/components/separator/separator.js

@@ -0,0 +1,3 @@
+export { default as Context } from './separator-context.svelte';
+export { default as RootProvider, } from './separator-root-provider.svelte';
+export { default as Root, } from './separator-root.svelte';

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

@@ -0,0 +1,4 @@
+import type { UseSeparatorReturn } from './use-separator.svelte';
+export interface UseSeparatorContext extends UseSeparatorReturn {
+}
+export declare const SeparatorProvider: (opts: UseSeparatorContext) => void, useSeparatorContext: (fallback?: UseSeparatorContext | undefined) => UseSeparatorContext;

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

@@ -0,0 +1,4 @@
+import { createContext } from '../../utils/create-context';
+export const [SeparatorProvider, useSeparatorContext] = createContext({
+    name: 'SeparatorContext',
+});

package/dist/components/separator/use-separator.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Accessor } from '../../types';
+import * as separator from '@sprawlify/primitives/machines/separator';
+import { type PropTypes } from '../../core';
+import { type MaybeFunction } from '@sprawlify/primitives/utils';
+export interface UseSeparatorProps extends Omit<separator.Props, 'dir' | 'getRootNode'> {
+}
+export interface UseSeparatorReturn extends Accessor<separator.Api<PropTypes>> {
+}
+export declare const useSeparator: (props: MaybeFunction<UseSeparatorProps>) => () => separator.Api<PropTypes>;

package/dist/components/separator/use-separator.svelte.js

@@ -0,0 +1,20 @@
+import { useEnvironmentContext } from '../../providers/environment';
+import { useLocaleContext } from '../../providers/locale';
+import * as separator from '@sprawlify/primitives/machines/separator';
+import { normalizeProps, useMachine } from '../../core';
+import { runIfFn } from '@sprawlify/primitives/utils';
+export const useSeparator = (props) => {
+    const env = useEnvironmentContext();
+    const locale = useLocaleContext();
+    const machineProps = $derived.by(() => {
+        const resolvedProps = runIfFn(props);
+        return {
+            dir: locale().dir,
+            getRootNode: env().getRootNode,
+            ...resolvedProps,
+        };
+    });
+    const service = useMachine(separator.machine, () => machineProps);
+    const api = $derived(separator.connect(service, normalizeProps));
+    return () => api;
+};

package/dist/components/toggle/toggle-anatomy.d.ts

@@ -1 +1 @@
-export declare const toggleAnatomy: import("@sprawlify/primitives/anatomy").Anatomy<"root" | "indicator">;
+export declare const toggleAnatomy: import("@sprawlify/primitives/anatomy").Anatomy<"indicator" | "root">;

package/dist/components/toggle-group/toggle-group-anatomy.d.ts

@@ -1 +1 @@
-export declare const toggleGroupAnatomy: import("@sprawlify/primitives/anatomy").Anatomy<"root" | "item">;
+export declare const toggleGroupAnatomy: import("@sprawlify/primitives/anatomy").Anatomy<"item" | "root">;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sprawlify/svelte",
-  "version": "0.0.73",
+  "version": "0.0.75",
   "type": "module",
   "description": "Svelte wrapper for primitives.",
   "author": "sprawlify <npm@sprawlify.com>",
@@ -247,6 +247,11 @@
       "svelte": "./dist/components/select/index.js",
       "default": "./dist/components/select/index.js"
     },
+    "./separator": {
+      "types": "./dist/components/separator/index.d.ts",
+      "svelte": "./dist/components/separator/index.js",
+      "default": "./dist/components/separator/index.js"
+    },
     "./signature-pad": {
       "types": "./dist/components/signature-pad/index.d.ts",
       "svelte": "./dist/components/signature-pad/index.js",
@@ -325,7 +330,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@sprawlify/primitives": "0.0.73"
+    "@sprawlify/primitives": "0.0.75"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"