@invopop/popui 0.0.104 → 0.1.1

package/dist/alert-dialog/alert-dialog-content.svelte

@@ -1,23 +1,27 @@
-<script>import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-import * as AlertDialog from "./index.js";
-import { cn, flyAndScale } from "../utils.js";
-export let transition = flyAndScale;
-export let transitionConfig = void 0;
-let className = void 0;
-export { className as class };
+<script lang="ts">
+  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui'
+  import AlertDialogOverlay from './alert-dialog-overlay.svelte'
+  import { cn, type WithoutChild, type WithoutChildrenOrChild } from '../utils.js'
+  let {
+    ref = $bindable(null),
+    class: className,
+    portalProps,
+    children
+  }: WithoutChild<AlertDialogPrimitive.ContentProps> & {
+    portalProps?: WithoutChildrenOrChild<AlertDialogPrimitive.PortalProps>
+  } = $props()
 </script>
 
-<AlertDialog.Portal>
-  <AlertDialog.Overlay />
+<AlertDialogPrimitive.Portal {...portalProps}>
+  <AlertDialogOverlay />
   <AlertDialogPrimitive.Content
-    {transition}
-    {transitionConfig}
+    bind:ref
+    data-slot="alert-dialog-content"
     class={cn(
-      'bg-white fixed left-[50%] top-[50%] z-[1002] grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-5 border pt-3 px-4 pb-4 sm:rounded-lg md:w-full',
+      'bg-white fixed left-[50%] top-[50%] z-[1002] grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-5 pt-3 px-4 pb-4 sm:rounded-lg md:w-full',
       className
     )}
-    {...$$restProps}
   >
-    <slot />
+    {@render children?.()}
   </AlertDialogPrimitive.Content>
-</AlertDialog.Portal>
+</AlertDialogPrimitive.Portal>

package/dist/alert-dialog/alert-dialog-content.svelte.d.ts

@@ -1,17 +1,8 @@
-import { SvelteComponent } from "svelte";
 import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
-declare const __propDef: {
-    props: AlertDialogPrimitive.ContentProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
+import { type WithoutChild, type WithoutChildrenOrChild } from '../utils.js';
+type $$ComponentProps = WithoutChild<AlertDialogPrimitive.ContentProps> & {
+    portalProps?: WithoutChildrenOrChild<AlertDialogPrimitive.PortalProps>;
 };
-export type AlertDialogContentProps = typeof __propDef.props;
-export type AlertDialogContentEvents = typeof __propDef.events;
-export type AlertDialogContentSlots = typeof __propDef.slots;
-export default class AlertDialogContent extends SvelteComponent<AlertDialogContentProps, AlertDialogContentEvents, AlertDialogContentSlots> {
-}
-export {};
+declare const AlertDialogContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type AlertDialogContent = ReturnType<typeof AlertDialogContent>;
+export default AlertDialogContent;

package/dist/alert-dialog/alert-dialog-description.svelte

@@ -1,15 +1,20 @@
-<script>import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-import { cn } from "../utils.js";
-let className = void 0;
-export { className as class };
+<script lang="ts">
+  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui'
+  import { cn } from '../utils.js'
+  let {
+    ref = $bindable(null),
+    class: className,
+    children
+  }: AlertDialogPrimitive.DescriptionProps = $props()
 </script>
 
 <AlertDialogPrimitive.Description
+  bind:ref
+  data-slot="alert-dialog-description"
   class={cn(
     'text-neutral-500 text-base flex flex-col space-y-2 justify-start items-start !mt-2',
     className
   )}
-  {...$$restProps}
 >
-  <slot />
+  {@render children?.()}
 </AlertDialogPrimitive.Description>

package/dist/alert-dialog/alert-dialog-description.svelte.d.ts

@@ -1,17 +1,4 @@
-import { SvelteComponent } from "svelte";
 import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
-declare const __propDef: {
-    props: AlertDialogPrimitive.DescriptionProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type AlertDialogDescriptionProps = typeof __propDef.props;
-export type AlertDialogDescriptionEvents = typeof __propDef.events;
-export type AlertDialogDescriptionSlots = typeof __propDef.slots;
-export default class AlertDialogDescription extends SvelteComponent<AlertDialogDescriptionProps, AlertDialogDescriptionEvents, AlertDialogDescriptionSlots> {
-}
-export {};
+declare const AlertDialogDescription: import("svelte").Component<AlertDialogPrimitive.DescriptionProps, {}, "ref">;
+type AlertDialogDescription = ReturnType<typeof AlertDialogDescription>;
+export default AlertDialogDescription;

package/dist/alert-dialog/alert-dialog-footer.svelte

@@ -1,11 +1,17 @@
-<script>import { cn } from "../utils.js";
-let className = void 0;
-export { className as class };
+<script lang="ts">
+  import { cn, type WithElementRef } from '../utils.js'
+  import type { HTMLAttributes } from 'svelte/elements'
+  let {
+    ref = $bindable(null),
+    class: className,
+    children
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props()
 </script>
 
 <div
+  bind:this={ref}
+  data-slot="alert-dialog-footer"
   class={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-3', className)}
-  {...$$restProps}
 >
-  <slot />
+  {@render children?.()}
 </div>

package/dist/alert-dialog/alert-dialog-footer.svelte.d.ts

@@ -1,17 +1,5 @@
-import { SvelteComponent } from "svelte";
+import { type WithElementRef } from '../utils.js';
 import type { HTMLAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: HTMLAttributes<HTMLDivElement>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type AlertDialogFooterProps = typeof __propDef.props;
-export type AlertDialogFooterEvents = typeof __propDef.events;
-export type AlertDialogFooterSlots = typeof __propDef.slots;
-export default class AlertDialogFooter extends SvelteComponent<AlertDialogFooterProps, AlertDialogFooterEvents, AlertDialogFooterSlots> {
-}
-export {};
+declare const AlertDialogFooter: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type AlertDialogFooter = ReturnType<typeof AlertDialogFooter>;
+export default AlertDialogFooter;

package/dist/alert-dialog/alert-dialog-header.svelte

@@ -1,8 +1,17 @@
-<script>import { cn } from "../utils.js";
-let className = void 0;
-export { className as class };
+<script lang="ts">
+  import type { HTMLAttributes } from 'svelte/elements'
+  import { cn, type WithElementRef } from '../utils.js'
+  let {
+    ref = $bindable(null),
+    class: className,
+    children
+  }: WithElementRef<HTMLAttributes<HTMLDivElement>> = $props()
 </script>
 
-<div class={cn('flex flex-col space-y-1 text-center sm:text-left', className)} {...$$restProps}>
-  <slot />
+<div
+  bind:this={ref}
+  data-slot="alert-dialog-header"
+  class={cn('flex flex-col space-y-1 text-center sm:text-left', className)}
+>
+  {@render children?.()}
 </div>

package/dist/alert-dialog/alert-dialog-header.svelte.d.ts

@@ -1,17 +1,5 @@
-import { SvelteComponent } from "svelte";
 import type { HTMLAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: HTMLAttributes<HTMLDivElement>;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type AlertDialogHeaderProps = typeof __propDef.props;
-export type AlertDialogHeaderEvents = typeof __propDef.events;
-export type AlertDialogHeaderSlots = typeof __propDef.slots;
-export default class AlertDialogHeader extends SvelteComponent<AlertDialogHeaderProps, AlertDialogHeaderEvents, AlertDialogHeaderSlots> {
-}
-export {};
+import { type WithElementRef } from '../utils.js';
+declare const AlertDialogHeader: import("svelte").Component<WithElementRef<HTMLAttributes<HTMLDivElement>>, {}, "ref">;
+type AlertDialogHeader = ReturnType<typeof AlertDialogHeader>;
+export default AlertDialogHeader;

package/dist/alert-dialog/alert-dialog-overlay.svelte

@@ -1,17 +1,14 @@
-<script>import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-import { fade } from "svelte/transition";
-import { cn } from "../utils.js";
-let className = void 0;
-export let transition = fade;
-export let transitionConfig = {
-  duration: 150
-};
-export { className as class };
+<script lang="ts">
+  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui'
+  import { cn } from '../utils.js'
+  let { ref = $bindable(null), class: className }: AlertDialogPrimitive.OverlayProps = $props()
 </script>
 
 <AlertDialogPrimitive.Overlay
-  {transition}
-  {transitionConfig}
-  class={cn('bg-neutral-800/30 fixed inset-0 z-[1001]', className)}
-  {...$$restProps}
+  bind:ref
+  data-slot="alert-dialog-overlay"
+  class={cn(
+    'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-neutral-800/30 fixed inset-0 z-[1001]',
+    className
+  )}
 />

package/dist/alert-dialog/alert-dialog-overlay.svelte.d.ts

@@ -1,15 +1,4 @@
-import { SvelteComponent } from "svelte";
 import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
-declare const __propDef: {
-    props: AlertDialogPrimitive.OverlayProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type AlertDialogOverlayProps = typeof __propDef.props;
-export type AlertDialogOverlayEvents = typeof __propDef.events;
-export type AlertDialogOverlaySlots = typeof __propDef.slots;
-export default class AlertDialogOverlay extends SvelteComponent<AlertDialogOverlayProps, AlertDialogOverlayEvents, AlertDialogOverlaySlots> {
-}
-export {};
+declare const AlertDialogOverlay: import("svelte").Component<AlertDialogPrimitive.OverlayProps, {}, "ref">;
+type AlertDialogOverlay = ReturnType<typeof AlertDialogOverlay>;
+export default AlertDialogOverlay;

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

@@ -1,14 +1,17 @@
-<script>import { AlertDialog as AlertDialogPrimitive } from "bits-ui";
-import { cn } from "../utils.js";
-let className = void 0;
-export let level = "h3";
-export { className as class };
+<script lang="ts">
+  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui'
+  import { cn } from '../utils.js'
+  let {
+    ref = $bindable(null),
+    class: className,
+    children
+  }: AlertDialogPrimitive.TitleProps = $props()
 </script>
 
 <AlertDialogPrimitive.Title
+  bind:ref
+  data-slot="alert-dialog-title"
   class={cn('text-lg font-semibold text-neutral-800', className)}
-  {level}
-  {...$$restProps}
 >
-  <slot />
+  {@render children?.()}
 </AlertDialogPrimitive.Title>

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

@@ -1,17 +1,4 @@
-import { SvelteComponent } from "svelte";
 import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
-declare const __propDef: {
-    props: AlertDialogPrimitive.TitleProps;
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-export type AlertDialogTitleProps = typeof __propDef.props;
-export type AlertDialogTitleEvents = typeof __propDef.events;
-export type AlertDialogTitleSlots = typeof __propDef.slots;
-export default class AlertDialogTitle extends SvelteComponent<AlertDialogTitleProps, AlertDialogTitleEvents, AlertDialogTitleSlots> {
-}
-export {};
+declare const AlertDialogTitle: import("svelte").Component<AlertDialogPrimitive.TitleProps, {}, "ref">;
+type AlertDialogTitle = ReturnType<typeof AlertDialogTitle>;
+export default AlertDialogTitle;

package/dist/alert-dialog/alert-dialog-trigger.svelte

@@ -0,0 +1,6 @@
+<script lang="ts">
+  import { AlertDialog as AlertDialogPrimitive } from 'bits-ui'
+  let { ref = $bindable(null) }: AlertDialogPrimitive.TriggerProps = $props()
+</script>
+
+<AlertDialogPrimitive.Trigger bind:ref data-slot="alert-dialog-trigger" />

package/dist/alert-dialog/alert-dialog-trigger.svelte.d.ts

@@ -0,0 +1,4 @@
+import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
+declare const AlertDialogTrigger: import("svelte").Component<AlertDialogPrimitive.TriggerProps, {}, "ref">;
+type AlertDialogTrigger = ReturnType<typeof AlertDialogTrigger>;
+export default AlertDialogTrigger;

package/dist/alert-dialog/index.d.ts

@@ -1,13 +1,12 @@
-import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
+import Trigger from './alert-dialog-trigger.svelte';
 import Title from './alert-dialog-title.svelte';
 import Action from './alert-dialog-action.svelte';
 import Cancel from './alert-dialog-cancel.svelte';
-import Portal from './alert-dialog-portal.svelte';
 import Footer from './alert-dialog-footer.svelte';
 import Header from './alert-dialog-header.svelte';
 import Overlay from './alert-dialog-overlay.svelte';
 import Content from './alert-dialog-content.svelte';
 import Description from './alert-dialog-description.svelte';
-declare const Root: typeof AlertDialogPrimitive.Root;
-declare const Trigger: typeof AlertDialogPrimitive.Trigger;
+declare const Root: import("svelte").Component<import("bits-ui").AlertDialogRootPropsWithoutHTML, {}, "open">;
+declare const Portal: import("svelte").Component<import("bits-ui").PortalProps, {}, "">;
 export { Root, Title, Action, Cancel, Portal, Footer, Header, Trigger, Overlay, Content, Description, Root as AlertDialog, Title as AlertDialogTitle, Action as AlertDialogAction, Cancel as AlertDialogCancel, Portal as AlertDialogPortal, Footer as AlertDialogFooter, Header as AlertDialogHeader, Trigger as AlertDialogTrigger, Overlay as AlertDialogOverlay, Content as AlertDialogContent, Description as AlertDialogDescription };

package/dist/alert-dialog/index.js

@@ -1,15 +1,15 @@
 import { AlertDialog as AlertDialogPrimitive } from 'bits-ui';
+import Trigger from './alert-dialog-trigger.svelte';
 import Title from './alert-dialog-title.svelte';
 import Action from './alert-dialog-action.svelte';
 import Cancel from './alert-dialog-cancel.svelte';
-import Portal from './alert-dialog-portal.svelte';
 import Footer from './alert-dialog-footer.svelte';
 import Header from './alert-dialog-header.svelte';
 import Overlay from './alert-dialog-overlay.svelte';
 import Content from './alert-dialog-content.svelte';
 import Description from './alert-dialog-description.svelte';
 const Root = AlertDialogPrimitive.Root;
-const Trigger = AlertDialogPrimitive.Trigger;
+const Portal = AlertDialogPrimitive.Portal;
 export { Root, Title, Action, Cancel, Portal, Footer, Header, Trigger, Overlay, Content, Description, 
 //
 Root as AlertDialog, Title as AlertDialogTitle, Action as AlertDialogAction, Cancel as AlertDialogCancel, Portal as AlertDialogPortal, Footer as AlertDialogFooter, Header as AlertDialogHeader, Trigger as AlertDialogTrigger, Overlay as AlertDialogOverlay, Content as AlertDialogContent, Description as AlertDialogDescription };

package/dist/button/button.svelte

@@ -1,20 +1,78 @@
-<script>import { Button as ButtonPrimitive } from "bits-ui";
-import { buttonVariants } from "./index.js";
-import { cn } from "../utils.js";
-let className = void 0;
-export let variant = "default";
-export let size = "default";
-export let builders = [];
-export { className as class };
+<script lang="ts" module>
+  import { cn, type WithElementRef } from '../utils.js'
+  import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements'
+  import { type VariantProps, tv } from 'tailwind-variants'
+  export const buttonVariants = tv({
+    base: 'ring-workspace-accent-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 flex items-center justify-center font-medium font-sans relative group tracking-tight rounded-md text-base text-neutral-800 box-border',
+    variants: {
+      variant: {
+        default: 'bg-white text-neutral-800 hover:bg-primary/90',
+        destructive:
+          'ring-danger-200 bg-danger-500 border border-danger-500 hover:bg-danger-600 hover:border-danger-600 active:bg-danger-700 active:border-danger-700 text-white',
+        outline:
+          'border-neutral-200 bg-white hover:border-neutral-300 border shadow-button active:shadow-button-active',
+        primary:
+          'bg-workspace-accent-500 hover:bg-workspace-accent-600 active:bg-workspace-accent-700 text-white',
+        secondary:
+          'bg-neutral-100 border border-neutral-100 hover:bg-neutral-200 hover:border-neutral-200 active:bg-neutral-300 active:border-neutral-300',
+        ghost: 'hover:bg-accent hover:text-accent-foreground',
+        link: 'text-primary underline-offset-4 hover:underline'
+      },
+      size: {
+        default: 'h-7 px-2 py-1',
+        sm: 'h-9 rounded-md px-3',
+        lg: 'h-11 rounded-md px-8',
+        icon: 'h-7 p-1.5',
+        'icon-sm': 'size-6 p-1 active:pt-[5px] active:pb-[3px]'
+      }
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default'
+    }
+  })
+  export type ButtonVariant = VariantProps<typeof buttonVariants>['variant']
+  export type ButtonSize = VariantProps<typeof buttonVariants>['size']
+  export type ButtonProps = WithElementRef<HTMLButtonAttributes> &
+    WithElementRef<HTMLAnchorAttributes> & {
+      variant?: ButtonVariant
+      size?: ButtonSize
+    }
 </script>
 
-<ButtonPrimitive.Root
-  {builders}
-  class={cn(buttonVariants({ variant, size, className }))}
-  type="button"
-  {...$$restProps}
-  on:click
-  on:keydown
->
-  <slot />
-</ButtonPrimitive.Root>
+<script lang="ts">
+  let {
+    class: className,
+    variant = 'default',
+    size = 'default',
+    ref = $bindable(null),
+    href = undefined,
+    type = 'button',
+    disabled,
+    children
+  }: ButtonProps = $props()
+</script>
+
+{#if href}
+  <a
+    bind:this={ref}
+    data-slot="button"
+    class={cn(buttonVariants({ variant, size }), className)}
+    href={disabled ? undefined : href}
+    aria-disabled={disabled}
+    role={disabled ? 'link' : undefined}
+    tabindex={disabled ? -1 : undefined}
+  >
+    {@render children?.()}
+  </a>
+{:else}
+  <button
+    bind:this={ref}
+    data-slot="button"
+    class={cn(buttonVariants({ variant, size }), className)}
+    {type}
+    {disabled}
+  >
+    {@render children?.()}
+  </button>
+{/if}

package/dist/button/button.svelte.d.ts

@@ -1,16 +1,64 @@
-import { SvelteComponent } from "svelte";
-import { Button as ButtonPrimitive } from 'bits-ui';
-import { type Props } from './index.js';
-declare const __propDef: {
-    props: Props;
-    slots: {
-        default: {};
+import { type WithElementRef } from '../utils.js';
+import type { HTMLAnchorAttributes, HTMLButtonAttributes } from 'svelte/elements';
+import { type VariantProps } from 'tailwind-variants';
+export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        destructive: string;
+        outline: string;
+        primary: string;
+        secondary: string;
+        ghost: string;
+        link: string;
     };
-    events: ButtonPrimitive.Events;
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+        icon: string;
+        'icon-sm': string;
+    };
+}, undefined, "ring-workspace-accent-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 flex items-center justify-center font-medium font-sans relative group tracking-tight rounded-md text-base text-neutral-800 box-border", {
+    variant: {
+        default: string;
+        destructive: string;
+        outline: string;
+        primary: string;
+        secondary: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+        icon: string;
+        'icon-sm': string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        destructive: string;
+        outline: string;
+        primary: string;
+        secondary: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        sm: string;
+        lg: string;
+        icon: string;
+        'icon-sm': string;
+    };
+}, undefined, "ring-workspace-accent-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 flex items-center justify-center font-medium font-sans relative group tracking-tight rounded-md text-base text-neutral-800 box-border", unknown, unknown, undefined>>;
+export type ButtonVariant = VariantProps<typeof buttonVariants>['variant'];
+export type ButtonSize = VariantProps<typeof buttonVariants>['size'];
+export type ButtonProps = WithElementRef<HTMLButtonAttributes> & WithElementRef<HTMLAnchorAttributes> & {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
 };
-export type ButtonProps = typeof __propDef.props;
-export type ButtonEvents = typeof __propDef.events;
-export type ButtonSlots = typeof __propDef.slots;
-export default class Button extends SvelteComponent<ButtonProps, ButtonEvents, ButtonSlots> {
-}
-export {};
+declare const Button: import("svelte").Component<ButtonProps, {}, "ref">;
+type Button = ReturnType<typeof Button>;
+export default Button;

package/dist/button/index.d.ts

@@ -1,60 +1,2 @@
-import { type VariantProps } from 'tailwind-variants';
-import type { Button as ButtonPrimitive } from 'bits-ui';
-import Root from './button.svelte';
-declare const buttonVariants: import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        primary: string;
-        secondary: string;
-        ghost: string;
-        link: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
-    };
-}, undefined, "ring-workspace-accent-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 flex items-center justify-center font-medium font-sans relative group tracking-tight rounded-md", {
-    variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        primary: string;
-        secondary: string;
-        ghost: string;
-        link: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
-    };
-}, undefined, import("tailwind-variants").TVReturnType<{
-    variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        primary: string;
-        secondary: string;
-        ghost: string;
-        link: string;
-    };
-    size: {
-        default: string;
-        sm: string;
-        lg: string;
-        icon: string;
-    };
-}, undefined, "ring-workspace-accent-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 flex items-center justify-center font-medium font-sans relative group tracking-tight rounded-md", unknown, unknown, undefined>>;
-type Variant = VariantProps<typeof buttonVariants>['variant'];
-type Size = VariantProps<typeof buttonVariants>['size'];
-type Props = ButtonPrimitive.Props & {
-    variant?: Variant;
-    size?: Size;
-};
-type Events = ButtonPrimitive.Events;
-export { Root, type Props, type Events, type Variant, Root as Button, type Props as ButtonProps, type Events as ButtonEvents, buttonVariants };
+import Root, { type ButtonProps, type ButtonSize, type ButtonVariant, buttonVariants } from './button.svelte';
+export { Root, type ButtonProps as Props, Root as Button, buttonVariants, type ButtonProps, type ButtonSize, type ButtonVariant };

package/dist/button/index.js

@@ -1,29 +1,4 @@
-import { tv } from 'tailwind-variants';
-import Root from './button.svelte';
-const buttonVariants = tv({
-    base: 'ring-workspace-accent-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 flex items-center justify-center font-medium font-sans relative group tracking-tight rounded-md',
-    variants: {
-        variant: {
-            default: 'bg-primary text-primary-foreground hover:bg-primary/90',
-            destructive: 'ring-danger-200 bg-danger-500 border border-danger-500 hover:bg-danger-600 hover:border-danger-600 active:bg-danger-700 active:border-danger-700 text-white',
-            outline: 'border-input bg-background hover:bg-accent hover:text-accent-foreground border',
-            primary: 'bg-workspace-accent-500 hover:bg-workspace-accent-600 active:bg-workspace-accent-700 text-white',
-            secondary: 'bg-neutral-100 border border-neutral-100 hover:bg-neutral-200 hover:border-neutral-200 active:bg-neutral-300 active:border-neutral-300',
-            ghost: 'hover:bg-accent hover:text-accent-foreground',
-            link: 'text-primary underline-offset-4 hover:underline'
-        },
-        size: {
-            default: 'h-[30px] px-3 py-[5px]',
-            sm: 'h-9 rounded-md px-3',
-            lg: 'h-11 rounded-md px-8',
-            icon: 'h-10 w-10'
-        }
-    },
-    defaultVariants: {
-        variant: 'default',
-        size: 'default'
-    }
-});
+import Root, { buttonVariants } from './button.svelte';
 export { Root, 
 //
 Root as Button, buttonVariants };

package/dist/helpers.d.ts

@@ -1,5 +1,6 @@
 import type { IconSource } from '@steeze-ui/svelte-icon';
-import type { FeedItemStatus } from './types.js';
+import type { DatesFromToday, FeedItemStatus } from './types.js';
+import { type DateValue } from '@internationalized/date';
 export declare function toPascalCase(text: string): string;
 export declare function resolveIcon(icon?: IconSource | string | undefined): Promise<IconSource | undefined>;
 export declare function getCountryName(code: string): string | undefined;
@@ -7,3 +8,5 @@ export declare function getStatusType(status: string): FeedItemStatus;
 export declare function getScrollableContainer(element: HTMLElement): HTMLElement | undefined;
 export declare function scrollIntoTableView(element: HTMLElement): void;
 export declare function isInputFocused(): boolean;
+export declare function toCalendarDate(date: Date): DateValue;
+export declare function datesFromToday(): DatesFromToday;