@stubber/ui 1.0.8 → 1.0.11

package/dist/components/SideNav/SideNavExample.svelte.d.ts

@@ -19,5 +19,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/components/SideNav/SideNavItem.svelte.d.ts

@@ -31,5 +31,7 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/components/SideNav/SideNavTitle.svelte.d.ts

@@ -19,5 +19,7 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/components/Tabs.svelte.d.ts

@@ -5,6 +5,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TabsProps = typeof __propDef.props;
 export type TabsEvents = typeof __propDef.events;

package/dist/components/Toast.svelte.d.ts

@@ -1,14 +1,16 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
-        type?: ("primary" | "success" | "warning" | "danger" | "default") | undefined;
+        type?: "primary" | "success" | "warning" | "danger" | "default";
         title: string | undefined;
-        label?: string | undefined;
+        label?: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type ToastProps = typeof __propDef.props;
 export type ToastEvents = typeof __propDef.events;

package/dist/components/Tooltip.svelte.d.ts

@@ -25,5 +25,7 @@ declare const __propDef: {
         subject: {};
         tooltip: {};
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export {};

package/dist/components/accordion/accordion-content.svelte

@@ -0,0 +1,21 @@
+<script>import { Accordion as AccordionPrimitive } from "bits-ui";
+import { slide } from "svelte/transition";
+import { cn } from "../../utils/shadcn-utils.js";
+let className = void 0;
+export let transition = slide;
+export let transitionConfig = {
+  duration: 200
+};
+export { className as class };
+</script>
+
+<AccordionPrimitive.Content
+  class={cn("overflow-hidden text-sm transition-all", className)}
+  {transition}
+  {transitionConfig}
+  {...$$restProps}
+>
+  <div class="pb-4 pt-0">
+    <slot />
+  </div>
+</AccordionPrimitive.Content>

package/dist/components/accordion/accordion-content.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { Accordion as AccordionPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: AccordionPrimitive.ContentProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type AccordionContentProps = typeof __propDef.props;
+export type AccordionContentEvents = typeof __propDef.events;
+export type AccordionContentSlots = typeof __propDef.slots;
+export default class AccordionContent extends SvelteComponent<AccordionContentProps, AccordionContentEvents, AccordionContentSlots> {
+}
+export {};

package/dist/components/accordion/accordion-item.svelte

@@ -0,0 +1,10 @@
+<script>import { Accordion as AccordionPrimitive } from "bits-ui";
+import { cn } from "../../utils/shadcn-utils.js";
+let className = void 0;
+export let value;
+export { className as class };
+</script>
+
+<AccordionPrimitive.Item {value} class={cn("border-b", className)} {...$$restProps}>
+  <slot />
+</AccordionPrimitive.Item>

package/dist/components/accordion/accordion-item.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { Accordion as AccordionPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: AccordionPrimitive.ItemProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type AccordionItemProps = typeof __propDef.props;
+export type AccordionItemEvents = typeof __propDef.events;
+export type AccordionItemSlots = typeof __propDef.slots;
+export default class AccordionItem extends SvelteComponent<AccordionItemProps, AccordionItemEvents, AccordionItemSlots> {
+}
+export {};

package/dist/components/accordion/accordion-trigger.svelte

@@ -0,0 +1,20 @@
+<script>import { Accordion as AccordionPrimitive } from "bits-ui";
+import { cn } from "../../utils/shadcn-utils.js";
+let className = void 0;
+export let level = 3;
+export { className as class };
+</script>
+
+<AccordionPrimitive.Header {level} class="flex">
+  <AccordionPrimitive.Trigger
+    class={cn(
+      "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+      className
+    )}
+    {...$$restProps}
+    on:click
+  >
+    <slot />
+    <i class="fa-regular fa-chevron-down h-4 w-4 transition-transform duration-200" />
+  </AccordionPrimitive.Trigger>
+</AccordionPrimitive.Header>

package/dist/components/accordion/accordion-trigger.svelte.d.ts

@@ -0,0 +1,15 @@
+import { SvelteComponent } from "svelte";
+import { Accordion as AccordionPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: AccordionPrimitive.TriggerProps;
+    slots: {
+        default: {};
+    };
+    events: AccordionPrimitive.TriggerEvents;
+};
+export type AccordionTriggerProps = typeof __propDef.props;
+export type AccordionTriggerEvents = typeof __propDef.events;
+export type AccordionTriggerSlots = typeof __propDef.slots;
+export default class AccordionTrigger extends SvelteComponent<AccordionTriggerProps, AccordionTriggerEvents, AccordionTriggerSlots> {
+}
+export {};

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

@@ -0,0 +1,6 @@
+import { Accordion as AccordionPrimitive } from "bits-ui";
+import Content from "./accordion-content.svelte";
+import Item from "./accordion-item.svelte";
+import Trigger from "./accordion-trigger.svelte";
+declare const Root: typeof AccordionPrimitive.Root;
+export { Root, Content, Item, Trigger, Root as Accordion, Content as AccordionContent, Item as AccordionItem, Trigger as AccordionTrigger, };

package/dist/components/accordion/index.js

@@ -0,0 +1,8 @@
+import { Accordion as AccordionPrimitive } from "bits-ui";
+import Content from "./accordion-content.svelte";
+import Item from "./accordion-item.svelte";
+import Trigger from "./accordion-trigger.svelte";
+const Root = AccordionPrimitive.Root;
+export { Root, Content, Item, Trigger, 
+//
+Root as Accordion, Content as AccordionContent, Item as AccordionItem, Trigger as AccordionTrigger, };

package/dist/components/alert-dialog/alert-dialog-action.svelte.d.ts

@@ -9,7 +9,7 @@ declare const __propDef: {
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown">;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/dialog/events").DialogEvents["close"]>;
             };
         };
     };

package/dist/components/alert-dialog/alert-dialog-cancel.svelte.d.ts

@@ -9,7 +9,7 @@ declare const __propDef: {
             } & {
                 [x: `data-melt-${string}`]: "";
             } & {
-                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"click" | "keydown">;
+                action: (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<import("@melt-ui/svelte/dist/builders/dialog/events").DialogEvents["close"]>;
             };
         };
     };

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

@@ -8,6 +8,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AlertDialogContentProps = typeof __propDef.props;
 export type AlertDialogContentEvents = typeof __propDef.events;

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

@@ -8,6 +8,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AlertDialogDescriptionProps = typeof __propDef.props;
 export type AlertDialogDescriptionEvents = typeof __propDef.events;

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

@@ -8,6 +8,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AlertDialogFooterProps = typeof __propDef.props;
 export type AlertDialogFooterEvents = typeof __propDef.events;

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

@@ -8,6 +8,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AlertDialogHeaderProps = typeof __propDef.props;
 export type AlertDialogHeaderEvents = typeof __propDef.events;

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

@@ -6,6 +6,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AlertDialogOverlayProps = typeof __propDef.props;
 export type AlertDialogOverlayEvents = typeof __propDef.events;

package/dist/components/alert-dialog/alert-dialog-portal.svelte.d.ts

@@ -8,6 +8,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AlertDialogPortalProps = typeof __propDef.props;
 export type AlertDialogPortalEvents = typeof __propDef.events;

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

@@ -8,6 +8,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type AlertDialogTitleProps = typeof __propDef.props;
 export type AlertDialogTitleEvents = typeof __propDef.events;

package/dist/components/badge/badge.svelte

@@ -1,16 +1,19 @@
 <script>import { badgeVariants } from "./index.js";
 import { cn } from "../../utils/shadcn-utils.js";
-let className = void 0;
+export let className = void 0;
 export let href = void 0;
 export let variant = "default";
+export let as = "span";
 export { className as class };
 </script>
 
 <svelte:element
-  this={href ? "a" : "span"}
+  this={href ? "a" : as}
   {href}
-  class={cn(badgeVariants({ variant, className }))}
+  class={cn(badgeVariants({ variant }), className)}
   {...$$restProps}
+  type={as === "button" ? "button" : undefined}
+  role={as === "a" ? "link" : undefined}
 >
   <slot />
 </svelte:element>

package/dist/components/badge/badge.svelte.d.ts

@@ -1,11 +1,11 @@
 import { SvelteComponent } from "svelte";
-import { type Variant } from "./index.js";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        href?: string | undefined;
-        variant?: Variant;
-        class?: string | undefined | null;
+        class?: string | undefined;
+        href?: string | undefined | undefined;
+        variant?: "secondary" | "default" | "destructive" | "outline" | undefined;
+        as?: "span" | "a" | "button" | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -13,6 +13,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type BadgeProps = typeof __propDef.props;
 export type BadgeEvents = typeof __propDef.events;

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

@@ -6,15 +6,13 @@ export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
         secondary: string;
         destructive: string;
         outline: string;
-        stubref: string;
     };
-}, undefined, "focus:ring-ring inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "focus:ring-ring inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2", import("tailwind-variants/dist/config.d.ts").TVConfig<{
     variant: {
         default: string;
         secondary: string;
         destructive: string;
         outline: string;
-        stubref: string;
     };
 }, {
     variant: {
@@ -22,7 +20,6 @@ export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
         secondary: string;
         destructive: string;
         outline: string;
-        stubref: string;
     };
 }>, {
     variant: {
@@ -30,7 +27,6 @@ export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
         secondary: string;
         destructive: string;
         outline: string;
-        stubref: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     variant: {
@@ -38,15 +34,13 @@ export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
         secondary: string;
         destructive: string;
         outline: string;
-        stubref: string;
     };
-}, undefined, "focus:ring-ring inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "focus:ring-ring inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2", import("tailwind-variants/dist/config.d.ts").TVConfig<{
     variant: {
         default: string;
         secondary: string;
         destructive: string;
         outline: string;
-        stubref: string;
     };
 }, {
     variant: {
@@ -54,7 +48,6 @@ export declare const badgeVariants: import("tailwind-variants").TVReturnType<{
         secondary: string;
         destructive: string;
         outline: string;
-        stubref: string;
     };
 }>, unknown, unknown, undefined>>;
 export type Variant = VariantProps<typeof badgeVariants>["variant"];

package/dist/components/badge/index.js

@@ -8,7 +8,6 @@ export const badgeVariants = tv({
             secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent",
             destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/80 border-transparent",
             outline: "text-foreground",
-            stubref: "border-primary text-primary",
         },
     },
     defaultVariants: {

package/dist/components/breadcrumb/breadcrumb-ellipsis.svelte.d.ts

@@ -2,12 +2,14 @@ import { SvelteComponent } from "svelte";
 import type { HTMLAttributes } from "svelte/elements";
 declare const __propDef: {
     props: HTMLAttributes<HTMLSpanElement> & {
-        el?: HTMLSpanElement | undefined;
+        el?: HTMLSpanElement;
     };
     events: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type BreadcrumbEllipsisProps = typeof __propDef.props;
 export type BreadcrumbEllipsisEvents = typeof __propDef.events;

package/dist/components/breadcrumb/breadcrumb-item.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponent } from "svelte";
 import type { HTMLLiAttributes } from "svelte/elements";
 declare const __propDef: {
     props: HTMLLiAttributes & {
-        el?: HTMLLIElement | undefined;
+        el?: HTMLLIElement;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -10,6 +10,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type BreadcrumbItemProps = typeof __propDef.props;
 export type BreadcrumbItemEvents = typeof __propDef.events;

package/dist/components/breadcrumb/breadcrumb-link.svelte

@@ -5,12 +5,11 @@ export let asChild = false;
 let className = void 0;
 export { className as class };
 let attrs;
-$:
-  attrs = {
-    class: cn("hover:text-primary transition-colors", className),
-    href,
-    ...$$restProps
-  };
+$: attrs = {
+  class: cn("hover:text-primary transition-colors", className),
+  href,
+  ...$$restProps
+};
 </script>
 
 {#if asChild}

package/dist/components/breadcrumb/breadcrumb-link.svelte.d.ts

@@ -2,8 +2,8 @@ import { SvelteComponent } from "svelte";
 import type { HTMLAnchorAttributes } from "svelte/elements";
 declare const __propDef: {
     props: HTMLAnchorAttributes & {
-        el?: HTMLAnchorElement | undefined;
-        asChild?: boolean | undefined;
+        el?: HTMLAnchorElement;
+        asChild?: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -13,6 +13,8 @@ declare const __propDef: {
             attrs: Record<string, unknown>;
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type BreadcrumbLinkProps = typeof __propDef.props;
 export type BreadcrumbLinkEvents = typeof __propDef.events;

package/dist/components/breadcrumb/breadcrumb-list.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponent } from "svelte";
 import type { HTMLOlAttributes } from "svelte/elements";
 declare const __propDef: {
     props: HTMLOlAttributes & {
-        el?: HTMLOListElement | undefined;
+        el?: HTMLOListElement;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -10,6 +10,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type BreadcrumbListProps = typeof __propDef.props;
 export type BreadcrumbListEvents = typeof __propDef.events;

package/dist/components/breadcrumb/breadcrumb-page.svelte.d.ts

@@ -4,7 +4,7 @@ declare const __propDef: {
     props: {
         class?: string | null | undefined;
     } & HTMLAttributes<HTMLSpanElement> & {
-        el?: HTMLSpanElement | undefined;
+        el?: HTMLSpanElement;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -12,6 +12,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type BreadcrumbPageProps = typeof __propDef.props;
 export type BreadcrumbPageEvents = typeof __propDef.events;

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

@@ -2,7 +2,7 @@ import { SvelteComponent } from "svelte";
 import type { HTMLLiAttributes } from "svelte/elements";
 declare const __propDef: {
     props: HTMLLiAttributes & {
-        el?: HTMLLIElement | undefined;
+        el?: HTMLLIElement;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -10,6 +10,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type BreadcrumbSeparatorProps = typeof __propDef.props;
 export type BreadcrumbSeparatorEvents = typeof __propDef.events;

package/dist/components/breadcrumb/breadcrumb.svelte.d.ts

@@ -2,7 +2,7 @@ import { SvelteComponent } from "svelte";
 import type { HTMLAttributes } from "svelte/elements";
 declare const __propDef: {
     props: HTMLAttributes<HTMLElement> & {
-        el?: HTMLElement | undefined;
+        el?: HTMLElement;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -10,6 +10,8 @@ declare const __propDef: {
     slots: {
         default: {};
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type BreadcrumbProps = typeof __propDef.props;
 export type BreadcrumbEvents = typeof __propDef.events;

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

@@ -15,7 +15,7 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
         lg: string;
         icon: string;
     };
-}, undefined, "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config.d.ts").TVConfig<{
     variant: {
         default: string;
         destructive: string;
@@ -71,7 +71,7 @@ declare const buttonVariants: import("tailwind-variants").TVReturnType<{
         lg: string;
         icon: string;
     };
-}, undefined, "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap rounded text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", import("tailwind-variants/dist/config.d.ts").TVConfig<{
     variant: {
         default: string;
         destructive: string;

package/dist/components/calendar/calendar-cell.svelte

@@ -0,0 +1,17 @@
+<script>import { Calendar as CalendarPrimitive } from "bits-ui";
+import { cn } from "../../utils/shadcn-utils.js";
+export let date;
+let className = void 0;
+export { className as class };
+</script>
+
+<CalendarPrimitive.Cell
+  {date}
+  class={cn(
+    "[&:has([data-selected])]:bg-accent [&:has([data-selected][data-outside-month])]:bg-accent/50 relative h-9 w-9 p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([data-selected])]:rounded-md",
+    className
+  )}
+  {...$$restProps}
+>
+  <slot />
+</CalendarPrimitive.Cell>

package/dist/components/calendar/calendar-cell.svelte.d.ts

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import { Calendar as CalendarPrimitive } from "bits-ui";
+declare const __propDef: {
+    props: CalendarPrimitive.CellProps;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
+};
+export type CalendarCellProps = typeof __propDef.props;
+export type CalendarCellEvents = typeof __propDef.events;
+export type CalendarCellSlots = typeof __propDef.slots;
+export default class CalendarCell extends SvelteComponent<CalendarCellProps, CalendarCellEvents, CalendarCellSlots> {
+}
+export {};

package/dist/components/calendar/calendar-day.svelte

@@ -0,0 +1,37 @@
+<script>import { Calendar as CalendarPrimitive } from "bits-ui";
+import { buttonVariants } from "../button/index.js";
+import { cn } from "../../utils/shadcn-utils.js";
+export let date;
+export let month;
+let className = void 0;
+export { className as class };
+</script>
+
+<CalendarPrimitive.Day
+  on:click
+  {date}
+  {month}
+  class={cn(
+    buttonVariants({ variant: "ghost" }),
+    "h-9 w-9 p-0 font-normal ",
+    "[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-accent-foreground",
+    // Selected
+    "data-[selected]:bg-primary data-[selected]:text-primary-foreground data-[selected]:hover:bg-primary data-[selected]:hover:text-primary-foreground data-[selected]:focus:bg-primary data-[selected]:focus:text-primary-foreground data-[selected]:opacity-100",
+    // Disabled
+    "data-[disabled]:text-muted-foreground data-[disabled]:opacity-50",
+    // Unavailable
+    "data-[unavailable]:text-destructive-foreground data-[unavailable]:line-through",
+    // Outside months
+    "data-[outside-month]:text-muted-foreground [&[data-outside-month][data-selected]]:bg-accent/50 [&[data-outside-month][data-selected]]:text-muted-foreground data-[outside-month]:pointer-events-none data-[outside-month]:opacity-50 [&[data-outside-month][data-selected]]:opacity-30",
+    className
+  )}
+  {...$$restProps}
+  let:selected
+  let:disabled
+  let:unavailable
+  let:builder
+>
+  <slot {selected} {disabled} {unavailable} {builder}>
+    {date.day}
+  </slot>
+</CalendarPrimitive.Day>