@c15t/svelte 3.0.0-alpha.0

package/dist/primitives/dialog/dialog-root.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { Snippet } from 'svelte';
+type $$ComponentProps = {
+    children?: Snippet;
+    closeOnEscape?: boolean;
+    closeOnInteractOutside?: boolean;
+    lazyMount?: boolean;
+    open?: boolean;
+    preventScroll?: boolean;
+    trapFocus?: boolean;
+    unmountOnExit?: boolean;
+};
+declare const DialogRoot: import("svelte").Component<$$ComponentProps, {}, "open">;
+type DialogRoot = ReturnType<typeof DialogRoot>;
+export default DialogRoot;

package/dist/primitives/dialog/dialog-title.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	import { getDialogRootContext } from './context';
+
+	const dialog = getDialogRootContext();
+
+	const titleId = $derived(dialog.titleId);
+
+	let {
+		children,
+		class: className,
+		...restProps
+	}: HTMLAttributes<HTMLHeadingElement> & {
+		children?: Snippet;
+		class?: string;
+	} = $props();
+</script>
+
+<h2
+	id={titleId}
+	class={className}
+	data-slot="dialog-title"
+	{...restProps}
+>
+	{@render children?.()}
+</h2>

package/dist/primitives/dialog/dialog-title.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+type $$ComponentProps = HTMLAttributes<HTMLHeadingElement> & {
+    children?: Snippet;
+    class?: string;
+};
+declare const DialogTitle: import("svelte").Component<$$ComponentProps, {}, "">;
+type DialogTitle = ReturnType<typeof DialogTitle>;
+export default DialogTitle;

package/dist/primitives/dialog/index.d.ts

@@ -0,0 +1,50 @@
+import Portal from '../portal/portal.svelte';
+import Backdrop from './dialog-backdrop.svelte';
+import CloseTrigger from './dialog-close-trigger.svelte';
+import Content from './dialog-content.svelte';
+import Description from './dialog-description.svelte';
+import Positioner from './dialog-positioner.svelte';
+import Root from './dialog-root.svelte';
+import Title from './dialog-title.svelte';
+export declare const Dialog: {
+    Backdrop: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
+        class?: string;
+    }, {}, "">;
+    CloseTrigger: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLButtonElement> & {
+        children?: import("svelte").Snippet;
+        class?: string;
+        disabled?: boolean;
+        type?: "button" | "submit" | "reset";
+    }, {}, "">;
+    Content: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
+        children?: import("svelte").Snippet;
+        class?: string;
+    }, {}, "">;
+    Description: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLParagraphElement> & {
+        children?: import("svelte").Snippet;
+        class?: string;
+    }, {}, "">;
+    Portal: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
+        children?: import("svelte").Snippet;
+        target?: HTMLElement | string;
+    }, {}, "">;
+    Positioner: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
+        children?: import("svelte").Snippet;
+        class?: string;
+    }, {}, "">;
+    Root: import("svelte").Component<{
+        children?: import("svelte").Snippet;
+        closeOnEscape?: boolean;
+        closeOnInteractOutside?: boolean;
+        lazyMount?: boolean;
+        open?: boolean;
+        preventScroll?: boolean;
+        trapFocus?: boolean;
+        unmountOnExit?: boolean;
+    }, {}, "open">;
+    Title: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLHeadingElement> & {
+        children?: import("svelte").Snippet;
+        class?: string;
+    }, {}, "">;
+};
+export { Backdrop, CloseTrigger, Content, Description, Portal, Positioner, Root, Title, };

package/dist/primitives/dialog/index.js

@@ -0,0 +1,19 @@
+import Portal from '../portal/portal.svelte';
+import Backdrop from './dialog-backdrop.svelte';
+import CloseTrigger from './dialog-close-trigger.svelte';
+import Content from './dialog-content.svelte';
+import Description from './dialog-description.svelte';
+import Positioner from './dialog-positioner.svelte';
+import Root from './dialog-root.svelte';
+import Title from './dialog-title.svelte';
+export const Dialog = {
+    Backdrop,
+    CloseTrigger,
+    Content,
+    Description,
+    Portal,
+    Positioner,
+    Root,
+    Title,
+};
+export { Backdrop, CloseTrigger, Content, Description, Portal, Positioner, Root, Title, };

package/dist/primitives/index.d.ts

@@ -0,0 +1,7 @@
+export { Accordion } from './accordion';
+export { Collapsible } from './collapsible';
+export { Dialog } from './dialog';
+export { Portal } from './portal';
+export { PreferenceItem } from './preference-item';
+export { Switch } from './switch';
+export { Tabs } from './tabs';

package/dist/primitives/index.js

@@ -0,0 +1,7 @@
+export { Accordion } from './accordion';
+export { Collapsible } from './collapsible';
+export { Dialog } from './dialog';
+export { Portal } from './portal';
+export { PreferenceItem } from './preference-item';
+export { Switch } from './switch';
+export { Tabs } from './tabs';

package/dist/primitives/portal/index.d.ts

@@ -0,0 +1,4 @@
+export declare const Portal: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
+    children?: import("svelte").Snippet;
+    target?: HTMLElement | string;
+}, {}, "">;

package/dist/primitives/portal/index.js

@@ -0,0 +1,2 @@
+import PortalComponent from './portal.svelte';
+export const Portal = PortalComponent;

package/dist/primitives/portal/portal.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	import { portal } from '../../actions/portal';
+
+	let {
+		children,
+		target = 'body',
+		...restProps
+	}: HTMLAttributes<HTMLDivElement> & {
+		children?: Snippet;
+		target?: HTMLElement | string;
+	} = $props();
+</script>
+
+<div
+	use:portal={target}
+	style="display: contents;"
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/primitives/portal/portal.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {
+    children?: Snippet;
+    target?: HTMLElement | string;
+};
+declare const Portal: import("svelte").Component<$$ComponentProps, {}, "">;
+type Portal = ReturnType<typeof Portal>;
+export default Portal;

package/dist/primitives/preference-item/context.d.ts

@@ -0,0 +1,11 @@
+export interface PreferenceItemContextValue {
+    readonly contentId: string;
+    readonly disabled: boolean;
+    readonly noStyle: boolean;
+    readonly open: boolean;
+    readonly triggerId: string;
+    setOpen: (open: boolean) => void;
+    toggle: () => void;
+}
+export declare const setPreferenceItemContext: (value: PreferenceItemContextValue) => void;
+export declare const getPreferenceItemContext: () => PreferenceItemContextValue;

package/dist/primitives/preference-item/context.js

@@ -0,0 +1,12 @@
+import { getContext, setContext } from 'svelte';
+const PREFERENCE_ITEM_CONTEXT_KEY = Symbol('c15t-svelte-preference-item');
+export const setPreferenceItemContext = function setPreferenceItemContext(value) {
+    setContext(PREFERENCE_ITEM_CONTEXT_KEY, value);
+};
+export const getPreferenceItemContext = function getPreferenceItemContext() {
+    const context = getContext(PREFERENCE_ITEM_CONTEXT_KEY);
+    if (!context) {
+        throw new Error('PreferenceItem primitives must be used within PreferenceItem.Root');
+    }
+    return context;
+};

package/dist/primitives/preference-item/index.d.ts

@@ -0,0 +1,54 @@
+import Auxiliary from './preference-item-auxiliary.svelte';
+import Content from './preference-item-content.svelte';
+import Control from './preference-item-control.svelte';
+import Header from './preference-item-header.svelte';
+import Leading from './preference-item-leading.svelte';
+import Meta from './preference-item-meta.svelte';
+import Root from './preference-item-root.svelte';
+import Title from './preference-item-title.svelte';
+import Trigger from './preference-item-trigger.svelte';
+export declare const PreferenceItem: {
+    Auxiliary: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
+        children?: import("svelte").Snippet;
+        class?: string;
+    }, {}, "">;
+    Content: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
+        children?: import("svelte").Snippet;
+        class?: string;
+        innerClassName?: string;
+        viewportClassName?: string;
+    }, {}, "">;
+    Control: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
+        children?: import("svelte").Snippet;
+        class?: string;
+    }, {}, "">;
+    Header: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
+        children?: import("svelte").Snippet;
+        class?: string;
+    }, {}, "">;
+    Leading: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
+        children?: import("svelte").Snippet;
+        class?: string;
+    }, {}, "">;
+    Meta: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
+        children?: import("svelte").Snippet;
+        class?: string;
+    }, {}, "">;
+    Root: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
+        children?: import("svelte").Snippet;
+        class?: string;
+        disabled?: boolean;
+        noStyle?: boolean;
+        open?: boolean;
+    }, {}, "open">;
+    Title: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLHeadingElement> & {
+        children?: import("svelte").Snippet;
+        class?: string;
+    }, {}, "">;
+    Trigger: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLButtonElement> & {
+        children?: import("svelte").Snippet;
+        class?: string;
+        type?: "button" | "submit" | "reset";
+    }, {}, "">;
+};
+export { Auxiliary, Content, Control, Header, Leading, Meta, Root, Title, Trigger, };

package/dist/primitives/preference-item/index.js

@@ -0,0 +1,21 @@
+import Auxiliary from './preference-item-auxiliary.svelte';
+import Content from './preference-item-content.svelte';
+import Control from './preference-item-control.svelte';
+import Header from './preference-item-header.svelte';
+import Leading from './preference-item-leading.svelte';
+import Meta from './preference-item-meta.svelte';
+import Root from './preference-item-root.svelte';
+import Title from './preference-item-title.svelte';
+import Trigger from './preference-item-trigger.svelte';
+export const PreferenceItem = {
+    Auxiliary,
+    Content,
+    Control,
+    Header,
+    Leading,
+    Meta,
+    Root,
+    Title,
+    Trigger,
+};
+export { Auxiliary, Content, Control, Header, Leading, Meta, Root, Title, Trigger, };

package/dist/primitives/preference-item/preference-item-auxiliary.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+	import { PREFERENCE_ITEM_SLOTS } from '@c15t/ui/primitives';
+	import { preferenceItemVariants } from '@c15t/ui/styles/primitives';
+	import type { Snippet } from 'svelte';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	import { getPreferenceItemContext } from './context';
+
+	const context = getPreferenceItemContext();
+	const variants = preferenceItemVariants();
+
+	let {
+		children,
+		class: localClassName,
+		...restProps
+	}: HTMLAttributes<HTMLDivElement> & {
+		children?: Snippet;
+		class?: string;
+	} = $props();
+
+	const noStyle = $derived(context.noStyle);
+	const className = $derived.by(() =>
+		noStyle ? localClassName : variants.auxiliary({ class: localClassName })
+	);
+</script>
+
+<div
+	class={className}
+	data-slot={PREFERENCE_ITEM_SLOTS.auxiliary}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/primitives/preference-item/preference-item-auxiliary.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {
+    children?: Snippet;
+    class?: string;
+};
+declare const PreferenceItemAuxiliary: import("svelte").Component<$$ComponentProps, {}, "">;
+type PreferenceItemAuxiliary = ReturnType<typeof PreferenceItemAuxiliary>;
+export default PreferenceItemAuxiliary;

package/dist/primitives/preference-item/preference-item-content.svelte

@@ -0,0 +1,68 @@
+<script lang="ts">
+	import {
+		getPreferenceItemState,
+		PREFERENCE_ITEM_INTERNAL_SLOTS,
+		PREFERENCE_ITEM_SLOTS,
+	} from '@c15t/ui/primitives';
+	import { preferenceItemVariants } from '@c15t/ui/styles/primitives';
+	import type { Snippet } from 'svelte';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	import { getPreferenceItemContext } from './context';
+
+	const context = getPreferenceItemContext();
+	const variants = preferenceItemVariants();
+
+	let {
+		children,
+		class: localClassName,
+		innerClassName,
+		viewportClassName,
+		...restProps
+	}: HTMLAttributes<HTMLDivElement> & {
+		children?: Snippet;
+		class?: string;
+		innerClassName?: string;
+		/** Presentation class for the consent widget viewport.
+		 * @internal
+		 */
+		viewportClassName?: string;
+	} = $props();
+
+	const open = $derived(context.open);
+	const triggerId = $derived(context.triggerId);
+	const contentId = $derived(context.contentId);
+	const dataState = $derived(getPreferenceItemState(open));
+	const contentClassName = $derived.by(() =>
+		variants.content({ class: localClassName })
+	);
+	const viewportClassNameValue = $derived.by(() =>
+		variants.contentViewport({ class: viewportClassName })
+	);
+	const innerClassNameValue = $derived.by(() =>
+		variants.contentInner({ class: innerClassName })
+	);
+</script>
+
+<div
+	id={contentId}
+	aria-hidden={!open}
+	aria-labelledby={triggerId}
+	class={contentClassName}
+	data-slot={PREFERENCE_ITEM_SLOTS.content}
+	data-state={dataState}
+	inert={!open}
+	{...restProps}
+>
+	<div
+		class={viewportClassNameValue}
+		data-slot={PREFERENCE_ITEM_INTERNAL_SLOTS.contentViewport}
+	>
+		<div
+			class={innerClassNameValue}
+			data-slot={PREFERENCE_ITEM_INTERNAL_SLOTS.contentInner}
+		>
+			{@render children?.()}
+		</div>
+	</div>
+</div>

package/dist/primitives/preference-item/preference-item-content.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {
+    children?: Snippet;
+    class?: string;
+    innerClassName?: string;
+    /** Presentation class for the consent widget viewport.
+     * @internal
+     */
+    viewportClassName?: string;
+};
+declare const PreferenceItemContent: import("svelte").Component<$$ComponentProps, {}, "">;
+type PreferenceItemContent = ReturnType<typeof PreferenceItemContent>;
+export default PreferenceItemContent;

package/dist/primitives/preference-item/preference-item-control.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+	import { PREFERENCE_ITEM_SLOTS } from '@c15t/ui/primitives';
+	import { preferenceItemVariants } from '@c15t/ui/styles/primitives';
+	import type { Snippet } from 'svelte';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	import { getPreferenceItemContext } from './context';
+
+	const context = getPreferenceItemContext();
+	const variants = preferenceItemVariants();
+
+	let {
+		children,
+		class: localClassName,
+		...restProps
+	}: HTMLAttributes<HTMLDivElement> & {
+		children?: Snippet;
+		class?: string;
+	} = $props();
+
+	const noStyle = $derived(context.noStyle);
+	const className = $derived.by(() =>
+		noStyle ? localClassName : variants.control({ class: localClassName })
+	);
+</script>
+
+<div
+	class={className}
+	data-slot={PREFERENCE_ITEM_SLOTS.control}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/primitives/preference-item/preference-item-control.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {
+    children?: Snippet;
+    class?: string;
+};
+declare const PreferenceItemControl: import("svelte").Component<$$ComponentProps, {}, "">;
+type PreferenceItemControl = ReturnType<typeof PreferenceItemControl>;
+export default PreferenceItemControl;

package/dist/primitives/preference-item/preference-item-header.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+	import { PREFERENCE_ITEM_SLOTS } from '@c15t/ui/primitives';
+	import { preferenceItemVariants } from '@c15t/ui/styles/primitives';
+	import type { Snippet } from 'svelte';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	import { getPreferenceItemContext } from './context';
+
+	const context = getPreferenceItemContext();
+	const variants = preferenceItemVariants();
+
+	let {
+		children,
+		class: localClassName,
+		...restProps
+	}: HTMLAttributes<HTMLDivElement> & {
+		children?: Snippet;
+		class?: string;
+	} = $props();
+
+	const noStyle = $derived(context.noStyle);
+	const className = $derived.by(() =>
+		noStyle ? localClassName : variants.header({ class: localClassName })
+	);
+</script>
+
+<div
+	class={className}
+	data-slot={PREFERENCE_ITEM_SLOTS.header}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/primitives/preference-item/preference-item-header.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {
+    children?: Snippet;
+    class?: string;
+};
+declare const PreferenceItemHeader: import("svelte").Component<$$ComponentProps, {}, "">;
+type PreferenceItemHeader = ReturnType<typeof PreferenceItemHeader>;
+export default PreferenceItemHeader;

package/dist/primitives/preference-item/preference-item-leading.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+	import { PREFERENCE_ITEM_SLOTS } from '@c15t/ui/primitives';
+	import { preferenceItemVariants } from '@c15t/ui/styles/primitives';
+	import type { Snippet } from 'svelte';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	import { getPreferenceItemContext } from './context';
+
+	const context = getPreferenceItemContext();
+	const variants = preferenceItemVariants();
+
+	let {
+		children,
+		class: localClassName,
+		...restProps
+	}: HTMLAttributes<HTMLDivElement> & {
+		children?: Snippet;
+		class?: string;
+	} = $props();
+
+	const noStyle = $derived(context.noStyle);
+	const className = $derived.by(() =>
+		noStyle ? localClassName : variants.leading({ class: localClassName })
+	);
+</script>
+
+<div
+	class={className}
+	data-slot={PREFERENCE_ITEM_SLOTS.leading}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/primitives/preference-item/preference-item-leading.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {
+    children?: Snippet;
+    class?: string;
+};
+declare const PreferenceItemLeading: import("svelte").Component<$$ComponentProps, {}, "">;
+type PreferenceItemLeading = ReturnType<typeof PreferenceItemLeading>;
+export default PreferenceItemLeading;

package/dist/primitives/preference-item/preference-item-meta.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+	import { PREFERENCE_ITEM_SLOTS } from '@c15t/ui/primitives';
+	import { preferenceItemVariants } from '@c15t/ui/styles/primitives';
+	import type { Snippet } from 'svelte';
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	import { getPreferenceItemContext } from './context';
+
+	const context = getPreferenceItemContext();
+	const variants = preferenceItemVariants();
+
+	let {
+		children,
+		class: localClassName,
+		...restProps
+	}: HTMLAttributes<HTMLDivElement> & {
+		children?: Snippet;
+		class?: string;
+	} = $props();
+
+	const noStyle = $derived(context.noStyle);
+	const className = $derived.by(() =>
+		noStyle ? localClassName : variants.meta({ class: localClassName })
+	);
+</script>
+
+<div
+	class={className}
+	data-slot={PREFERENCE_ITEM_SLOTS.meta}
+	{...restProps}
+>
+	{@render children?.()}
+</div>

package/dist/primitives/preference-item/preference-item-meta.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {
+    children?: Snippet;
+    class?: string;
+};
+declare const PreferenceItemMeta: import("svelte").Component<$$ComponentProps, {}, "">;
+type PreferenceItemMeta = ReturnType<typeof PreferenceItemMeta>;
+export default PreferenceItemMeta;