@cloudvoyant/helix-svelte 0.14.0 → 0.15.0

package/dist/Portal.svelte

@@ -0,0 +1,11 @@
+<!-- libs/helix-svelte/src/Portal.svelte -->
+<!-- Closely based on: Ark UI portal (@ark-ui/svelte/portal) -->
+<script lang="ts">
+  import { Portal, type PortalProps } from '@ark-ui/svelte/portal';
+
+  let { children, disabled = false }: PortalProps = $props();
+</script>
+
+<Portal {disabled}>
+  {@render children?.()}
+</Portal>

package/dist/Portal.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Portal, type PortalProps } from '@ark-ui/svelte/portal';
+declare const Portal: import("svelte").Component<PortalProps, {}, "">;
+type Portal = ReturnType<typeof Portal>;
+export default Portal;

package/dist/dialog/Dialog.svelte

@@ -0,0 +1,11 @@
+<!-- libs/helix-svelte/src/dialog/Dialog.svelte -->
+<!-- Closely based on: Ark UI dialog (@ark-ui/svelte/dialog), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { Root as DialogRoot, type DialogRootProps } from '@ark-ui/svelte/dialog';
+
+  let { children, ...rest }: DialogRootProps = $props();
+</script>
+
+<DialogRoot {...rest}>
+  {@render children?.()}
+</DialogRoot>

package/dist/dialog/Dialog.svelte.d.ts

@@ -0,0 +1,4 @@
+import { type DialogRootProps } from '@ark-ui/svelte/dialog';
+declare const Dialog: import("svelte").Component<DialogRootProps, {}, "">;
+type Dialog = ReturnType<typeof Dialog>;
+export default Dialog;

package/dist/dialog/DialogBackdrop.svelte

@@ -0,0 +1,17 @@
+<!-- libs/helix-svelte/src/dialog/DialogBackdrop.svelte -->
+<!-- Closely based on: Ark UI dialog (@ark-ui/svelte/dialog), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { Portal } from '@ark-ui/svelte/portal';
+  import { DialogBackdrop, type DialogBackdropProps } from '@ark-ui/svelte/dialog';
+  import { dialogBackdropBase, cn } from '@cloudvoyant/helix';
+
+  type Props = DialogBackdropProps & { class?: string };
+
+  let { class: className = '', ...rest }: Props = $props();
+
+  const classes = $derived(cn(dialogBackdropBase, className));
+</script>
+
+<Portal>
+  <DialogBackdrop class={classes} {...rest} />
+</Portal>

package/dist/dialog/DialogBackdrop.svelte.d.ts

@@ -0,0 +1,7 @@
+import { DialogBackdrop, type DialogBackdropProps } from '@ark-ui/svelte/dialog';
+type Props = DialogBackdropProps & {
+    class?: string;
+};
+declare const DialogBackdrop: import("svelte").Component<Props, {}, "">;
+type DialogBackdrop = ReturnType<typeof DialogBackdrop>;
+export default DialogBackdrop;

package/dist/dialog/DialogContent.svelte

@@ -0,0 +1,22 @@
+<!-- libs/helix-svelte/src/dialog/DialogContent.svelte -->
+<!-- Closely based on: Ark UI dialog (@ark-ui/svelte/dialog), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { Portal } from '@ark-ui/svelte/portal';
+  import { Positioner as DialogPositioner, DialogContent, type DialogContentProps } from '@ark-ui/svelte/dialog';
+  import { dialogPositionerBase, dialogContentBase, dialogFullscreenContentBase, cn } from '@cloudvoyant/helix';
+
+  type Props = DialogContentProps & { positionerClass?: string; class?: string; fullscreen?: boolean };
+
+  let { positionerClass = '', class: className = '', fullscreen = false, children, ...rest }: Props = $props();
+
+  const positionerClasses = $derived(cn(dialogPositionerBase, fullscreen && 'p-0', positionerClass));
+  const classes = $derived(cn(dialogContentBase, fullscreen && dialogFullscreenContentBase, className));
+</script>
+
+<Portal>
+  <DialogPositioner class={positionerClasses}>
+    <DialogContent class={classes} {...rest}>
+      {@render children?.()}
+    </DialogContent>
+  </DialogPositioner>
+</Portal>

package/dist/dialog/DialogContent.svelte.d.ts

@@ -0,0 +1,9 @@
+import { DialogContent, type DialogContentProps } from '@ark-ui/svelte/dialog';
+type Props = DialogContentProps & {
+    positionerClass?: string;
+    class?: string;
+    fullscreen?: boolean;
+};
+declare const DialogContent: import("svelte").Component<Props, {}, "">;
+type DialogContent = ReturnType<typeof DialogContent>;
+export default DialogContent;

package/dist/dialog/DialogContext.svelte.d.ts

@@ -0,0 +1 @@
+export { useDialog, useDialogContext } from '@ark-ui/svelte/dialog';

package/dist/dialog/DialogContext.svelte.js

@@ -0,0 +1,3 @@
+// libs/helix-svelte/src/dialog/DialogContext.svelte.ts
+// Closely based on: @ark-ui/svelte/dialog useDialog / useDialogContext, mirrored from @cloudvoyant/helix-react
+export { useDialog, useDialogContext } from '@ark-ui/svelte/dialog';

package/dist/dialog/DialogDescription.svelte

@@ -0,0 +1,16 @@
+<!-- libs/helix-svelte/src/dialog/DialogDescription.svelte -->
+<!-- Closely based on: Ark UI dialog (@ark-ui/svelte/dialog), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { DialogDescription, type DialogDescriptionProps } from '@ark-ui/svelte/dialog';
+  import { dialogDescriptionBase, cn } from '@cloudvoyant/helix';
+
+  type Props = DialogDescriptionProps & { class?: string };
+
+  let { class: className = '', children, ...rest }: Props = $props();
+
+  const classes = $derived(cn(dialogDescriptionBase, className));
+</script>
+
+<DialogDescription class={classes} {...rest}>
+  {@render children?.()}
+</DialogDescription>

package/dist/dialog/DialogDescription.svelte.d.ts

@@ -0,0 +1,7 @@
+import { DialogDescription, type DialogDescriptionProps } from '@ark-ui/svelte/dialog';
+type Props = DialogDescriptionProps & {
+    class?: string;
+};
+declare const DialogDescription: import("svelte").Component<Props, {}, "">;
+type DialogDescription = ReturnType<typeof DialogDescription>;
+export default DialogDescription;

package/dist/dialog/DialogDismiss.svelte

@@ -0,0 +1,16 @@
+<!-- libs/helix-svelte/src/dialog/DialogDismiss.svelte -->
+<!-- Closely based on: Ark UI dialog (@ark-ui/svelte/dialog), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { DialogCloseTrigger, type DialogCloseTriggerProps } from '@ark-ui/svelte/dialog';
+  import { dialogCloseTriggerBase, cn } from '@cloudvoyant/helix';
+
+  type Props = DialogCloseTriggerProps & { class?: string };
+
+  let { class: className = '', children, ...rest }: Props = $props();
+
+  const classes = $derived(cn(dialogCloseTriggerBase, className));
+</script>
+
+<DialogCloseTrigger aria-label="Close" class={classes} {...rest}>
+  {@render children?.()}
+</DialogCloseTrigger>

package/dist/dialog/DialogDismiss.svelte.d.ts

@@ -0,0 +1,7 @@
+import { type DialogCloseTriggerProps } from '@ark-ui/svelte/dialog';
+type Props = DialogCloseTriggerProps & {
+    class?: string;
+};
+declare const DialogDismiss: import("svelte").Component<Props, {}, "">;
+type DialogDismiss = ReturnType<typeof DialogDismiss>;
+export default DialogDismiss;

package/dist/dialog/DialogFooter.svelte

@@ -0,0 +1,20 @@
+<!-- libs/helix-svelte/src/dialog/DialogFooter.svelte -->
+<!-- Closely based on: @cloudvoyant/helix-react DialogFooter -->
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  import { dialogFooterBase, dialogFooterStickyBase, cn } from '@cloudvoyant/helix';
+
+  interface Props {
+    class?: string;
+    sticky?: boolean;
+    children?: Snippet;
+  }
+
+  let { class: className = '', sticky = false, children }: Props = $props();
+
+  const classes = $derived(cn(dialogFooterBase, sticky && dialogFooterStickyBase, className));
+</script>
+
+<div class={classes}>
+  {@render children?.()}
+</div>

package/dist/dialog/DialogFooter.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+interface Props {
+    class?: string;
+    sticky?: boolean;
+    children?: Snippet;
+}
+declare const DialogFooter: import("svelte").Component<Props, {}, "">;
+type DialogFooter = ReturnType<typeof DialogFooter>;
+export default DialogFooter;

package/dist/dialog/DialogHeader.svelte

@@ -0,0 +1,20 @@
+<!-- libs/helix-svelte/src/dialog/DialogHeader.svelte -->
+<!-- Closely based on: @cloudvoyant/helix-react DialogHeader -->
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+  import { dialogHeaderBase, dialogHeaderStickyBase, cn } from '@cloudvoyant/helix';
+
+  interface Props {
+    class?: string;
+    sticky?: boolean;
+    children?: Snippet;
+  }
+
+  let { class: className = '', sticky = false, children }: Props = $props();
+
+  const classes = $derived(cn(dialogHeaderBase, sticky && dialogHeaderStickyBase, className));
+</script>
+
+<div class={classes}>
+  {@render children?.()}
+</div>

package/dist/dialog/DialogHeader.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Snippet } from 'svelte';
+interface Props {
+    class?: string;
+    sticky?: boolean;
+    children?: Snippet;
+}
+declare const DialogHeader: import("svelte").Component<Props, {}, "">;
+type DialogHeader = ReturnType<typeof DialogHeader>;
+export default DialogHeader;

package/dist/dialog/DialogProvider.svelte

@@ -0,0 +1,11 @@
+<!-- libs/helix-svelte/src/dialog/DialogProvider.svelte -->
+<!-- Closely based on: Ark UI dialog (@ark-ui/svelte/dialog), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { RootProvider as DialogRootProvider, type DialogRootProviderProps } from '@ark-ui/svelte/dialog';
+
+  let { value, children, ...rest }: DialogRootProviderProps = $props();
+</script>
+
+<DialogRootProvider {value} {...rest}>
+  {@render children?.()}
+</DialogRootProvider>

package/dist/dialog/DialogProvider.svelte.d.ts

@@ -0,0 +1,4 @@
+import { type DialogRootProviderProps } from '@ark-ui/svelte/dialog';
+declare const DialogProvider: import("svelte").Component<DialogRootProviderProps, {}, "">;
+type DialogProvider = ReturnType<typeof DialogProvider>;
+export default DialogProvider;

package/dist/dialog/DialogRender.svelte

@@ -0,0 +1,9 @@
+<!-- libs/helix-svelte/src/dialog/DialogRender.svelte -->
+<!-- Closely based on: Ark UI dialog (@ark-ui/svelte/dialog), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { DialogContext, type DialogContextProps } from '@ark-ui/svelte/dialog';
+
+  let { children }: DialogContextProps = $props();
+</script>
+
+<DialogContext {children} />

package/dist/dialog/DialogRender.svelte.d.ts

@@ -0,0 +1,4 @@
+import { type DialogContextProps } from '@ark-ui/svelte/dialog';
+declare const DialogRender: import("svelte").Component<DialogContextProps, {}, "">;
+type DialogRender = ReturnType<typeof DialogRender>;
+export default DialogRender;

package/dist/dialog/DialogTitle.svelte

@@ -0,0 +1,16 @@
+<!-- libs/helix-svelte/src/dialog/DialogTitle.svelte -->
+<!-- Closely based on: Ark UI dialog (@ark-ui/svelte/dialog), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { Title as DialogTitle, type DialogTitleProps } from '@ark-ui/svelte/dialog';
+  import { dialogTitleBase, cn } from '@cloudvoyant/helix';
+
+  type Props = DialogTitleProps & { class?: string };
+
+  let { class: className = '', children, ...rest }: Props = $props();
+
+  const classes = $derived(cn(dialogTitleBase, className));
+</script>
+
+<DialogTitle class={classes} {...rest}>
+  {@render children?.()}
+</DialogTitle>

package/dist/dialog/DialogTitle.svelte.d.ts

@@ -0,0 +1,7 @@
+import { Title as DialogTitle, type DialogTitleProps } from '@ark-ui/svelte/dialog';
+type Props = DialogTitleProps & {
+    class?: string;
+};
+declare const DialogTitle: import("svelte").Component<Props, {}, "">;
+type DialogTitle = ReturnType<typeof DialogTitle>;
+export default DialogTitle;

package/dist/dialog/DialogTrigger.svelte

@@ -0,0 +1,13 @@
+<!-- libs/helix-svelte/src/dialog/DialogTrigger.svelte -->
+<!-- Closely based on: Ark UI dialog (@ark-ui/svelte/dialog), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { Trigger as DialogTrigger, type DialogTriggerProps } from '@ark-ui/svelte/dialog';
+
+  type Props = DialogTriggerProps & { class?: string };
+
+  let { class: className = '', children, ...rest }: Props = $props();
+</script>
+
+<DialogTrigger class={className} {...rest}>
+  {@render children?.()}
+</DialogTrigger>

package/dist/dialog/DialogTrigger.svelte.d.ts

@@ -0,0 +1,7 @@
+import { Trigger as DialogTrigger, type DialogTriggerProps } from '@ark-ui/svelte/dialog';
+type Props = DialogTriggerProps & {
+    class?: string;
+};
+declare const DialogTrigger: import("svelte").Component<Props, {}, "">;
+type DialogTrigger = ReturnType<typeof DialogTrigger>;
+export default DialogTrigger;

package/dist/dialog/index.d.ts

@@ -0,0 +1,12 @@
+export { default as Dialog } from './Dialog.svelte';
+export { default as DialogProvider } from './DialogProvider.svelte';
+export { default as DialogTrigger } from './DialogTrigger.svelte';
+export { default as DialogBackdrop } from './DialogBackdrop.svelte';
+export { default as DialogContent } from './DialogContent.svelte';
+export { default as DialogTitle } from './DialogTitle.svelte';
+export { default as DialogDescription } from './DialogDescription.svelte';
+export { default as DialogHeader } from './DialogHeader.svelte';
+export { default as DialogFooter } from './DialogFooter.svelte';
+export { default as DialogDismiss } from './DialogDismiss.svelte';
+export { default as DialogContext } from './DialogRender.svelte';
+export { useDialog, useDialogContext } from './DialogContext.svelte';

package/dist/dialog/index.js

@@ -0,0 +1,13 @@
+// libs/helix-svelte/src/dialog/index.ts
+export { default as Dialog } from './Dialog.svelte';
+export { default as DialogProvider } from './DialogProvider.svelte';
+export { default as DialogTrigger } from './DialogTrigger.svelte';
+export { default as DialogBackdrop } from './DialogBackdrop.svelte';
+export { default as DialogContent } from './DialogContent.svelte';
+export { default as DialogTitle } from './DialogTitle.svelte';
+export { default as DialogDescription } from './DialogDescription.svelte';
+export { default as DialogHeader } from './DialogHeader.svelte';
+export { default as DialogFooter } from './DialogFooter.svelte';
+export { default as DialogDismiss } from './DialogDismiss.svelte';
+export { default as DialogContext } from './DialogRender.svelte';
+export { useDialog, useDialogContext } from './DialogContext.svelte';

package/dist/index.d.ts

@@ -1,11 +1,16 @@
 export { default as Button } from './Button.svelte';
 export { default as ToggleButton } from './ToggleButton.svelte';
 export { default as ToggleButtonIndicator } from './ToggleButtonIndicator.svelte';
+export * from './tooltip';
+export * from './popover';
+export * from './dialog';
+export * from './window';
 export { default as Badge } from './Badge.svelte';
 export { default as Container } from './Container.svelte';
 export { default as Row } from './Row.svelte';
 export { default as Col } from './Col.svelte';
 export { default as Center } from './Center.svelte';
+export { default as Portal } from './Portal.svelte';
 export { default as Item } from './Item.svelte';
 export { Card, CardHeader, CardBody, CardFooter, CardTitle, CardDescription, CardCover } from './card';
 export { default as Stack } from './Stack.svelte';

package/dist/index.js

@@ -2,11 +2,16 @@
 export { default as Button } from './Button.svelte';
 export { default as ToggleButton } from './ToggleButton.svelte';
 export { default as ToggleButtonIndicator } from './ToggleButtonIndicator.svelte';
+export * from './tooltip';
+export * from './popover';
+export * from './dialog';
+export * from './window';
 export { default as Badge } from './Badge.svelte';
 export { default as Container } from './Container.svelte';
 export { default as Row } from './Row.svelte';
 export { default as Col } from './Col.svelte';
 export { default as Center } from './Center.svelte';
+export { default as Portal } from './Portal.svelte';
 export { default as Item } from './Item.svelte';
 export { Card, CardHeader, CardBody, CardFooter, CardTitle, CardDescription, CardCover } from './card';
 export { default as Stack } from './Stack.svelte';

package/dist/popover/Popover.svelte

@@ -0,0 +1,11 @@
+<!-- libs/helix-svelte/src/popover/Popover.svelte -->
+<!-- Closely based on: Ark UI popover (@ark-ui/svelte/popover), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { PopoverRoot, type PopoverRootProps } from '@ark-ui/svelte/popover';
+
+  let { children, ...rest }: PopoverRootProps = $props();
+</script>
+
+<PopoverRoot {...rest}>
+  {@render children?.()}
+</PopoverRoot>

package/dist/popover/Popover.svelte.d.ts

@@ -0,0 +1,4 @@
+import { type PopoverRootProps } from '@ark-ui/svelte/popover';
+declare const Popover: import("svelte").Component<PopoverRootProps, {}, "">;
+type Popover = ReturnType<typeof Popover>;
+export default Popover;

package/dist/popover/PopoverAnchor.svelte

@@ -0,0 +1,13 @@
+<!-- libs/helix-svelte/src/popover/PopoverAnchor.svelte -->
+<!-- Closely based on: Ark UI popover (@ark-ui/svelte/popover), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { PopoverAnchor, type PopoverAnchorProps } from '@ark-ui/svelte/popover';
+
+  type Props = PopoverAnchorProps & { class?: string };
+
+  let { class: className = '', children, ...rest }: Props = $props();
+</script>
+
+<PopoverAnchor class={className} {...rest}>
+  {@render children?.()}
+</PopoverAnchor>

package/dist/popover/PopoverAnchor.svelte.d.ts

@@ -0,0 +1,7 @@
+import { PopoverAnchor, type PopoverAnchorProps } from '@ark-ui/svelte/popover';
+type Props = PopoverAnchorProps & {
+    class?: string;
+};
+declare const PopoverAnchor: import("svelte").Component<Props, {}, "">;
+type PopoverAnchor = ReturnType<typeof PopoverAnchor>;
+export default PopoverAnchor;

package/dist/popover/PopoverContent.svelte

@@ -0,0 +1,35 @@
+<!-- libs/helix-svelte/src/popover/PopoverContent.svelte -->
+<!-- Closely based on: Ark UI popover (@ark-ui/svelte/popover), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { Portal } from '@ark-ui/svelte/portal';
+  import {
+    PopoverPositioner,
+    PopoverArrow,
+    PopoverArrowTip,
+    PopoverContent,
+    usePopoverContext,
+    type PopoverContentProps,
+  } from '@ark-ui/svelte/popover';
+  import { popoverPositionerBase, popoverArrowBase, popoverContentBase, cn } from '@cloudvoyant/helix';
+
+  type Props = PopoverContentProps & { arrow?: boolean; class?: string };
+
+  let { arrow = false, class: className = '', children, ...rest }: Props = $props();
+
+  const popover = usePopoverContext();
+  const open = $derived(popover().open);
+  const classes = $derived(cn(popoverContentBase, className));
+</script>
+
+<Portal>
+  <PopoverPositioner class={popoverPositionerBase}>
+    {#if arrow && open}
+      <PopoverArrow class={popoverArrowBase}>
+        <PopoverArrowTip />
+      </PopoverArrow>
+    {/if}
+    <PopoverContent class={classes} {...rest}>
+      {@render children?.()}
+    </PopoverContent>
+  </PopoverPositioner>
+</Portal>

package/dist/popover/PopoverContent.svelte.d.ts

@@ -0,0 +1,8 @@
+import { PopoverContent, type PopoverContentProps } from '@ark-ui/svelte/popover';
+type Props = PopoverContentProps & {
+    arrow?: boolean;
+    class?: string;
+};
+declare const PopoverContent: import("svelte").Component<Props, {}, "">;
+type PopoverContent = ReturnType<typeof PopoverContent>;
+export default PopoverContent;

package/dist/popover/PopoverContext.svelte.d.ts

@@ -0,0 +1 @@
+export { usePopover, usePopoverContext } from '@ark-ui/svelte/popover';

package/dist/popover/PopoverContext.svelte.js

@@ -0,0 +1,3 @@
+// libs/helix-svelte/src/popover/PopoverContext.svelte.ts
+// Closely based on: @ark-ui/svelte/popover usePopover / usePopoverContext, mirrored from @cloudvoyant/helix-react
+export { usePopover, usePopoverContext } from '@ark-ui/svelte/popover';

package/dist/popover/PopoverDescription.svelte

@@ -0,0 +1,16 @@
+<!-- libs/helix-svelte/src/popover/PopoverDescription.svelte -->
+<!-- Closely based on: Ark UI popover (@ark-ui/svelte/popover), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { PopoverDescription, type PopoverDescriptionProps } from '@ark-ui/svelte/popover';
+  import { popoverDescriptionBase, cn } from '@cloudvoyant/helix';
+
+  type Props = PopoverDescriptionProps & { class?: string };
+
+  let { class: className = '', children, ...rest }: Props = $props();
+
+  const classes = $derived(cn(popoverDescriptionBase, className));
+</script>
+
+<PopoverDescription class={classes} {...rest}>
+  {@render children?.()}
+</PopoverDescription>

package/dist/popover/PopoverDescription.svelte.d.ts

@@ -0,0 +1,7 @@
+import { PopoverDescription, type PopoverDescriptionProps } from '@ark-ui/svelte/popover';
+type Props = PopoverDescriptionProps & {
+    class?: string;
+};
+declare const PopoverDescription: import("svelte").Component<Props, {}, "">;
+type PopoverDescription = ReturnType<typeof PopoverDescription>;
+export default PopoverDescription;

package/dist/popover/PopoverDismiss.svelte

@@ -0,0 +1,16 @@
+<!-- libs/helix-svelte/src/popover/PopoverDismiss.svelte -->
+<!-- Closely based on: Ark UI popover (@ark-ui/svelte/popover), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { PopoverCloseTrigger, type PopoverCloseTriggerProps } from '@ark-ui/svelte/popover';
+  import { popoverCloseTriggerBase, cn } from '@cloudvoyant/helix';
+
+  type Props = PopoverCloseTriggerProps & { class?: string };
+
+  let { class: className = '', children, ...rest }: Props = $props();
+
+  const classes = $derived(cn(popoverCloseTriggerBase, className));
+</script>
+
+<PopoverCloseTrigger aria-label="Close" class={classes} {...rest}>
+  {@render children?.()}
+</PopoverCloseTrigger>

package/dist/popover/PopoverDismiss.svelte.d.ts

@@ -0,0 +1,7 @@
+import { type PopoverCloseTriggerProps } from '@ark-ui/svelte/popover';
+type Props = PopoverCloseTriggerProps & {
+    class?: string;
+};
+declare const PopoverDismiss: import("svelte").Component<Props, {}, "">;
+type PopoverDismiss = ReturnType<typeof PopoverDismiss>;
+export default PopoverDismiss;

package/dist/popover/PopoverIndicator.svelte

@@ -0,0 +1,16 @@
+<!-- libs/helix-svelte/src/popover/PopoverIndicator.svelte -->
+<!-- Closely based on: Ark UI popover (@ark-ui/svelte/popover), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { PopoverIndicator, type PopoverIndicatorProps } from '@ark-ui/svelte/popover';
+  import { popoverIndicatorBase, cn } from '@cloudvoyant/helix';
+
+  type Props = PopoverIndicatorProps & { class?: string };
+
+  let { class: className = '', children, ...rest }: Props = $props();
+
+  const classes = $derived(cn(popoverIndicatorBase, className));
+</script>
+
+<PopoverIndicator class={classes} {...rest}>
+  {@render children?.()}
+</PopoverIndicator>

package/dist/popover/PopoverIndicator.svelte.d.ts

@@ -0,0 +1,7 @@
+import { PopoverIndicator, type PopoverIndicatorProps } from '@ark-ui/svelte/popover';
+type Props = PopoverIndicatorProps & {
+    class?: string;
+};
+declare const PopoverIndicator: import("svelte").Component<Props, {}, "">;
+type PopoverIndicator = ReturnType<typeof PopoverIndicator>;
+export default PopoverIndicator;

package/dist/popover/PopoverProvider.svelte

@@ -0,0 +1,11 @@
+<!-- libs/helix-svelte/src/popover/PopoverProvider.svelte -->
+<!-- Closely based on: Ark UI popover (@ark-ui/svelte/popover), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { PopoverRootProvider, type PopoverRootProviderProps } from '@ark-ui/svelte/popover';
+
+  let { value, children, ...rest }: PopoverRootProviderProps = $props();
+</script>
+
+<PopoverRootProvider {value} {...rest}>
+  {@render children?.()}
+</PopoverRootProvider>

package/dist/popover/PopoverProvider.svelte.d.ts

@@ -0,0 +1,4 @@
+import { type PopoverRootProviderProps } from '@ark-ui/svelte/popover';
+declare const PopoverProvider: import("svelte").Component<PopoverRootProviderProps, {}, "">;
+type PopoverProvider = ReturnType<typeof PopoverProvider>;
+export default PopoverProvider;

package/dist/popover/PopoverTitle.svelte

@@ -0,0 +1,16 @@
+<!-- libs/helix-svelte/src/popover/PopoverTitle.svelte -->
+<!-- Closely based on: Ark UI popover (@ark-ui/svelte/popover), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { PopoverTitle, type PopoverTitleProps } from '@ark-ui/svelte/popover';
+  import { popoverTitleBase, cn } from '@cloudvoyant/helix';
+
+  type Props = PopoverTitleProps & { class?: string };
+
+  let { class: className = '', children, ...rest }: Props = $props();
+
+  const classes = $derived(cn(popoverTitleBase, className));
+</script>
+
+<PopoverTitle class={classes} {...rest}>
+  {@render children?.()}
+</PopoverTitle>

package/dist/popover/PopoverTitle.svelte.d.ts

@@ -0,0 +1,7 @@
+import { PopoverTitle, type PopoverTitleProps } from '@ark-ui/svelte/popover';
+type Props = PopoverTitleProps & {
+    class?: string;
+};
+declare const PopoverTitle: import("svelte").Component<Props, {}, "">;
+type PopoverTitle = ReturnType<typeof PopoverTitle>;
+export default PopoverTitle;

package/dist/popover/PopoverTrigger.svelte

@@ -0,0 +1,13 @@
+<!-- libs/helix-svelte/src/popover/PopoverTrigger.svelte -->
+<!-- Closely based on: Ark UI popover (@ark-ui/svelte/popover), mirrored from @cloudvoyant/helix-react -->
+<script lang="ts">
+  import { PopoverTrigger, type PopoverTriggerProps } from '@ark-ui/svelte/popover';
+
+  type Props = PopoverTriggerProps & { class?: string };
+
+  let { class: className = '', children, ...rest }: Props = $props();
+</script>
+
+<PopoverTrigger class={className} {...rest}>
+  {@render children?.()}
+</PopoverTrigger>

package/dist/popover/PopoverTrigger.svelte.d.ts

@@ -0,0 +1,7 @@
+import { PopoverTrigger, type PopoverTriggerProps } from '@ark-ui/svelte/popover';
+type Props = PopoverTriggerProps & {
+    class?: string;
+};
+declare const PopoverTrigger: import("svelte").Component<Props, {}, "">;
+type PopoverTrigger = ReturnType<typeof PopoverTrigger>;
+export default PopoverTrigger;