@cloudvoyant/vortex-svelte 0.17.0-rc.202609040136.45c8986

package/dist/pagination/Pagination.svelte

@@ -0,0 +1,35 @@
+<!-- libs/vortex-svelte/src/pagination/Pagination.svelte -->
+<!-- Closely based on: Shark UI pagination (@ark-ui/svelte/pagination), mirrored from @cloudvoyant/vortex-react -->
+<script lang="ts">
+  import { PaginationRoot, type PaginationRootProps } from '@ark-ui/svelte/pagination';
+  import { paginationRootBase, cn } from '@cloudvoyant/vortex-ui';
+
+  let {
+    count,
+    page,
+    defaultPage = 1,
+    onPageChange,
+    pageSize,
+    defaultPageSize = 10,
+    siblingCount = 1,
+    class: className = '',
+    children,
+    ...rest
+  }: PaginationRootProps = $props();
+
+  const classes = $derived(cn(paginationRootBase, className));
+</script>
+
+<PaginationRoot
+  {count}
+  {page}
+  {defaultPage}
+  {onPageChange}
+  {pageSize}
+  {defaultPageSize}
+  {siblingCount}
+  class={classes}
+  {...rest}
+>
+  {@render children?.()}
+</PaginationRoot>

package/dist/pagination/Pagination.svelte.d.ts

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

package/dist/pagination/PaginationEllipsis.svelte

@@ -0,0 +1,26 @@
+<!-- libs/vortex-svelte/src/pagination/PaginationEllipsis.svelte -->
+<!-- Closely based on: Shark UI pagination (@ark-ui/svelte/pagination), mirrored from @cloudvoyant/vortex-react -->
+<script lang="ts">
+  import { PaginationEllipsis, type PaginationEllipsisProps } from '@ark-ui/svelte/pagination';
+  import { paginationEllipsisBase, cn } from '@cloudvoyant/vortex-ui';
+
+  let { index, class: className = '', ...rest }: PaginationEllipsisProps = $props();
+
+  const classes = $derived(cn(paginationEllipsisBase, className));
+</script>
+
+<PaginationEllipsis {index} class={classes} {...rest}>
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    aria-hidden="true"
+  >
+    <circle cx="12" cy="12" r="1" />
+    <circle cx="19" cy="12" r="1" />
+    <circle cx="5" cy="12" r="1" />
+  </svg>
+</PaginationEllipsis>

package/dist/pagination/PaginationEllipsis.svelte.d.ts

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

package/dist/pagination/PaginationItem.svelte

@@ -0,0 +1,14 @@
+<!-- libs/vortex-svelte/src/pagination/PaginationItem.svelte -->
+<!-- Closely based on: Shark UI pagination (@ark-ui/svelte/pagination), mirrored from @cloudvoyant/vortex-react -->
+<script lang="ts">
+  import { PaginationItem, type PaginationItemProps } from '@ark-ui/svelte/pagination';
+  import { paginationItemBase, cn } from '@cloudvoyant/vortex-ui';
+
+  let { type = 'page', value, class: className = '', children, ...rest }: PaginationItemProps = $props();
+
+  const classes = $derived(cn(paginationItemBase, className));
+</script>
+
+<PaginationItem {type} {value} class={classes} {...rest}>
+  {@render children?.()}
+</PaginationItem>

package/dist/pagination/PaginationItem.svelte.d.ts

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

package/dist/pagination/PaginationItems.svelte

@@ -0,0 +1,21 @@
+<!-- libs/vortex-svelte/src/pagination/PaginationItems.svelte -->
+<!-- Closely based on: Shark UI pagination (@ark-ui/svelte/pagination), mirrored from @cloudvoyant/vortex-react -->
+<script lang="ts">
+  import { PaginationContext } from '@ark-ui/svelte/pagination';
+  import PaginationItem from './PaginationItem.svelte';
+  import PaginationEllipsis from './PaginationEllipsis.svelte';
+</script>
+
+<PaginationContext>
+  {#snippet render(pagination)}
+    {#each pagination().pages as page, index}
+      {#if page.type === 'page'}
+        <PaginationItem type="page" value={page.value}>
+          {page.value}
+        </PaginationItem>
+      {:else}
+        <PaginationEllipsis {index} />
+      {/if}
+    {/each}
+  {/snippet}
+</PaginationContext>

package/dist/pagination/PaginationItems.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const PaginationItems: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type PaginationItems = InstanceType<typeof PaginationItems>;
+export default PaginationItems;

package/dist/pagination/PaginationNext.svelte

@@ -0,0 +1,29 @@
+<!-- libs/vortex-svelte/src/pagination/PaginationNext.svelte -->
+<!-- Closely based on: Shark UI pagination (@ark-ui/svelte/pagination), mirrored from @cloudvoyant/vortex-react -->
+<script lang="ts">
+  import { PaginationNextTrigger, type PaginationNextTriggerProps } from '@ark-ui/svelte/pagination';
+  import { paginationTriggerBase, cn } from '@cloudvoyant/vortex-ui';
+
+  let { class: className = '', children, ...rest }: PaginationNextTriggerProps = $props();
+
+  const classes = $derived(cn(paginationTriggerBase, className));
+</script>
+
+<PaginationNextTrigger class={classes} {...rest}>
+  {#if children}
+    {@render children()}
+  {:else}
+    Next
+  {/if}
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    aria-hidden="true"
+  >
+    <path d="m9 18 6-6-6-6" />
+  </svg>
+</PaginationNextTrigger>

package/dist/pagination/PaginationNext.svelte.d.ts

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

package/dist/pagination/PaginationPrevious.svelte

@@ -0,0 +1,29 @@
+<!-- libs/vortex-svelte/src/pagination/PaginationPrevious.svelte -->
+<!-- Closely based on: Shark UI pagination (@ark-ui/svelte/pagination), mirrored from @cloudvoyant/vortex-react -->
+<script lang="ts">
+  import { PaginationPrevTrigger, type PaginationPrevTriggerProps } from '@ark-ui/svelte/pagination';
+  import { paginationTriggerBase, cn } from '@cloudvoyant/vortex-ui';
+
+  let { class: className = '', children, ...rest }: PaginationPrevTriggerProps = $props();
+
+  const classes = $derived(cn(paginationTriggerBase, className));
+</script>
+
+<PaginationPrevTrigger class={classes} {...rest}>
+  <svg
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    aria-hidden="true"
+  >
+    <path d="m15 18-6-6 6-6" />
+  </svg>
+  {#if children}
+    {@render children()}
+  {:else}
+    Previous
+  {/if}
+</PaginationPrevTrigger>

package/dist/pagination/PaginationPrevious.svelte.d.ts

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

package/dist/pagination/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Pagination } from './Pagination.svelte';
+export { default as PaginationItems } from './PaginationItems.svelte';
+export { default as PaginationItem } from './PaginationItem.svelte';
+export { default as PaginationPrevious } from './PaginationPrevious.svelte';
+export { default as PaginationNext } from './PaginationNext.svelte';
+export { default as PaginationEllipsis } from './PaginationEllipsis.svelte';

package/dist/pagination/index.js

@@ -0,0 +1,7 @@
+// libs/vortex-svelte/src/pagination/index.ts
+export { default as Pagination } from './Pagination.svelte';
+export { default as PaginationItems } from './PaginationItems.svelte';
+export { default as PaginationItem } from './PaginationItem.svelte';
+export { default as PaginationPrevious } from './PaginationPrevious.svelte';
+export { default as PaginationNext } from './PaginationNext.svelte';
+export { default as PaginationEllipsis } from './PaginationEllipsis.svelte';

package/dist/popover/Popover.svelte

@@ -0,0 +1,11 @@
+<!-- libs/vortex-svelte/src/popover/Popover.svelte -->
+<!-- Closely based on: Ark UI popover (@ark-ui/svelte/popover), mirrored from @cloudvoyant/vortex-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/vortex-svelte/src/popover/PopoverAnchor.svelte -->
+<!-- Closely based on: Ark UI popover (@ark-ui/svelte/popover), mirrored from @cloudvoyant/vortex-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/vortex-svelte/src/popover/PopoverContent.svelte -->
+<!-- Closely based on: Ark UI popover (@ark-ui/svelte/popover), mirrored from @cloudvoyant/vortex-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/vortex-ui';
+
+  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/vortex-svelte/src/popover/PopoverContext.svelte.ts
+// Closely based on: @ark-ui/svelte/popover usePopover / usePopoverContext, mirrored from @cloudvoyant/vortex-react
+export { usePopover, usePopoverContext } from '@ark-ui/svelte/popover';

package/dist/popover/PopoverDescription.svelte

@@ -0,0 +1,16 @@
+<!-- libs/vortex-svelte/src/popover/PopoverDescription.svelte -->
+<!-- Closely based on: Ark UI popover (@ark-ui/svelte/popover), mirrored from @cloudvoyant/vortex-react -->
+<script lang="ts">
+  import { PopoverDescription, type PopoverDescriptionProps } from '@ark-ui/svelte/popover';
+  import { popoverDescriptionBase, cn } from '@cloudvoyant/vortex-ui';
+
+  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/vortex-svelte/src/popover/PopoverDismiss.svelte -->
+<!-- Closely based on: Ark UI popover (@ark-ui/svelte/popover), mirrored from @cloudvoyant/vortex-react -->
+<script lang="ts">
+  import { PopoverCloseTrigger, type PopoverCloseTriggerProps } from '@ark-ui/svelte/popover';
+  import { popoverCloseTriggerBase, cn } from '@cloudvoyant/vortex-ui';
+
+  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/vortex-svelte/src/popover/PopoverIndicator.svelte -->
+<!-- Closely based on: Ark UI popover (@ark-ui/svelte/popover), mirrored from @cloudvoyant/vortex-react -->
+<script lang="ts">
+  import { PopoverIndicator, type PopoverIndicatorProps } from '@ark-ui/svelte/popover';
+  import { popoverIndicatorBase, cn } from '@cloudvoyant/vortex-ui';
+
+  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/vortex-svelte/src/popover/PopoverProvider.svelte -->
+<!-- Closely based on: Ark UI popover (@ark-ui/svelte/popover), mirrored from @cloudvoyant/vortex-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/vortex-svelte/src/popover/PopoverTitle.svelte -->
+<!-- Closely based on: Ark UI popover (@ark-ui/svelte/popover), mirrored from @cloudvoyant/vortex-react -->
+<script lang="ts">
+  import { PopoverTitle, type PopoverTitleProps } from '@ark-ui/svelte/popover';
+  import { popoverTitleBase, cn } from '@cloudvoyant/vortex-ui';
+
+  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/vortex-svelte/src/popover/PopoverTrigger.svelte -->
+<!-- Closely based on: Ark UI popover (@ark-ui/svelte/popover), mirrored from @cloudvoyant/vortex-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;

package/dist/popover/index.d.ts

@@ -0,0 +1,10 @@
+export { default as Popover } from './Popover.svelte';
+export { default as PopoverProvider } from './PopoverProvider.svelte';
+export { default as PopoverTrigger } from './PopoverTrigger.svelte';
+export { default as PopoverAnchor } from './PopoverAnchor.svelte';
+export { default as PopoverContent } from './PopoverContent.svelte';
+export { default as PopoverTitle } from './PopoverTitle.svelte';
+export { default as PopoverDescription } from './PopoverDescription.svelte';
+export { default as PopoverDismiss } from './PopoverDismiss.svelte';
+export { default as PopoverIndicator } from './PopoverIndicator.svelte';
+export { usePopover, usePopoverContext } from './PopoverContext.svelte';

package/dist/popover/index.js

@@ -0,0 +1,11 @@
+// libs/vortex-svelte/src/popover/index.ts
+export { default as Popover } from './Popover.svelte';
+export { default as PopoverProvider } from './PopoverProvider.svelte';
+export { default as PopoverTrigger } from './PopoverTrigger.svelte';
+export { default as PopoverAnchor } from './PopoverAnchor.svelte';
+export { default as PopoverContent } from './PopoverContent.svelte';
+export { default as PopoverTitle } from './PopoverTitle.svelte';
+export { default as PopoverDescription } from './PopoverDescription.svelte';
+export { default as PopoverDismiss } from './PopoverDismiss.svelte';
+export { default as PopoverIndicator } from './PopoverIndicator.svelte';
+export { usePopover, usePopoverContext } from './PopoverContext.svelte';