@stubber/ui 1.0.0

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

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLSpanElement> & {
+        el?: HTMLSpanElement | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type BreadcrumbEllipsisProps = typeof __propDef.props;
+export type BreadcrumbEllipsisEvents = typeof __propDef.events;
+export type BreadcrumbEllipsisSlots = typeof __propDef.slots;
+export default class BreadcrumbEllipsis extends SvelteComponent<BreadcrumbEllipsisProps, BreadcrumbEllipsisEvents, BreadcrumbEllipsisSlots> {
+}
+export {};

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

@@ -0,0 +1,9 @@
+<script>import { cn } from "../../utils/shadcn-utils.js";
+export let el = void 0;
+let className = void 0;
+export { className as class };
+</script>
+
+<li bind:this={el} class={cn("inline-flex items-center gap-1.5", className)}>
+  <slot />
+</li>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLLiAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLLiAttributes & {
+        el?: HTMLLIElement | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type BreadcrumbItemProps = typeof __propDef.props;
+export type BreadcrumbItemEvents = typeof __propDef.events;
+export type BreadcrumbItemSlots = typeof __propDef.slots;
+export default class BreadcrumbItem extends SvelteComponent<BreadcrumbItemProps, BreadcrumbItemEvents, BreadcrumbItemSlots> {
+}
+export {};

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

@@ -0,0 +1,22 @@
+<script>import { cn } from "../../utils/shadcn-utils.js";
+export let href = void 0;
+export let el = void 0;
+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
+  };
+</script>
+
+{#if asChild}
+  <slot {attrs} />
+{:else}
+  <a bind:this={el} {...attrs} {href}>
+    <slot {attrs} />
+  </a>
+{/if}

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

@@ -0,0 +1,22 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAnchorAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAnchorAttributes & {
+        el?: HTMLAnchorElement | undefined;
+        asChild?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {
+            attrs: Record<string, unknown>;
+        };
+    };
+};
+export type BreadcrumbLinkProps = typeof __propDef.props;
+export type BreadcrumbLinkEvents = typeof __propDef.events;
+export type BreadcrumbLinkSlots = typeof __propDef.slots;
+export default class BreadcrumbLink extends SvelteComponent<BreadcrumbLinkProps, BreadcrumbLinkEvents, BreadcrumbLinkSlots> {
+}
+export {};

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

@@ -0,0 +1,16 @@
+<script>import { cn } from "../../utils/shadcn-utils.js";
+export let el = void 0;
+let className = void 0;
+export { className as class };
+</script>
+
+<ol
+  bind:this={el}
+  class={cn(
+    "text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm font-medium sm:gap-2.5",
+    className
+  )}
+  {...$$restProps}
+>
+  <slot />
+</ol>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLOlAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLOlAttributes & {
+        el?: HTMLOListElement | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type BreadcrumbListProps = typeof __propDef.props;
+export type BreadcrumbListEvents = typeof __propDef.events;
+export type BreadcrumbListSlots = typeof __propDef.slots;
+export default class BreadcrumbList extends SvelteComponent<BreadcrumbListProps, BreadcrumbListEvents, BreadcrumbListSlots> {
+}
+export {};

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

@@ -0,0 +1,16 @@
+<script>import { cn } from "../../utils/shadcn-utils.js";
+export let el = void 0;
+export let className = void 0;
+export { className as class };
+</script>
+
+<span
+  bind:this={el}
+  role="link"
+  aria-disabled="true"
+  aria-current="page"
+  class={cn("text-black font-medium", className)}
+  {...$$restProps}
+>
+  <slot />
+</span>

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

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: {
+        class?: string | null | undefined;
+    } & HTMLAttributes<HTMLSpanElement> & {
+        el?: HTMLSpanElement | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type BreadcrumbPageProps = typeof __propDef.props;
+export type BreadcrumbPageEvents = typeof __propDef.events;
+export type BreadcrumbPageSlots = typeof __propDef.slots;
+export default class BreadcrumbPage extends SvelteComponent<BreadcrumbPageProps, BreadcrumbPageEvents, BreadcrumbPageSlots> {
+}
+export {};

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

@@ -0,0 +1,17 @@
+<script>import { cn } from "../../utils/shadcn-utils.js";
+export let el = void 0;
+let className = void 0;
+export { className as class };
+</script>
+
+<li
+  role="presentation"
+  aria-hidden="true"
+  class={cn("[&>svg]:size-3.5", className)}
+  bind:this={el}
+  {...$$restProps}
+>
+  <slot>
+    <i class="fa-regular fa-chevron-right" />
+  </slot>
+</li>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLLiAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLLiAttributes & {
+        el?: HTMLLIElement | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type BreadcrumbSeparatorProps = typeof __propDef.props;
+export type BreadcrumbSeparatorEvents = typeof __propDef.events;
+export type BreadcrumbSeparatorSlots = typeof __propDef.slots;
+export default class BreadcrumbSeparator extends SvelteComponent<BreadcrumbSeparatorProps, BreadcrumbSeparatorEvents, BreadcrumbSeparatorSlots> {
+}
+export {};

package/dist/components/breadcrumb/breadcrumb.svelte

@@ -0,0 +1,8 @@
+<script>export let el = void 0;
+let className = void 0;
+export { className as class };
+</script>
+
+<nav class={className} bind:this={el} aria-label="breadcrumb" {...$$restProps}>
+  <slot />
+</nav>

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

@@ -0,0 +1,19 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLElement> & {
+        el?: HTMLElement | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type BreadcrumbProps = typeof __propDef.props;
+export type BreadcrumbEvents = typeof __propDef.events;
+export type BreadcrumbSlots = typeof __propDef.slots;
+export default class Breadcrumb extends SvelteComponent<BreadcrumbProps, BreadcrumbEvents, BreadcrumbSlots> {
+}
+export {};

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

@@ -0,0 +1,8 @@
+import Root from "./breadcrumb.svelte";
+import Ellipsis from "./breadcrumb-ellipsis.svelte";
+import Item from "./breadcrumb-item.svelte";
+import Separator from "./breadcrumb-separator.svelte";
+import Link from "./breadcrumb-link.svelte";
+import List from "./breadcrumb-list.svelte";
+import Page from "./breadcrumb-page.svelte";
+export { Root, Ellipsis, Item, Separator, Link, List, Page, Root as Breadcrumb, Ellipsis as BreadcrumbEllipsis, Item as BreadcrumbItem, Separator as BreadcrumbSeparator, Link as BreadcrumbLink, List as BreadcrumbList, Page as BreadcrumbPage, };

package/dist/components/breadcrumb/index.js

@@ -0,0 +1,10 @@
+import Root from "./breadcrumb.svelte";
+import Ellipsis from "./breadcrumb-ellipsis.svelte";
+import Item from "./breadcrumb-item.svelte";
+import Separator from "./breadcrumb-separator.svelte";
+import Link from "./breadcrumb-link.svelte";
+import List from "./breadcrumb-list.svelte";
+import Page from "./breadcrumb-page.svelte";
+export { Root, Ellipsis, Item, Separator, Link, List, Page, 
+//
+Root as Breadcrumb, Ellipsis as BreadcrumbEllipsis, Item as BreadcrumbItem, Separator as BreadcrumbSeparator, Link as BreadcrumbLink, List as BreadcrumbList, Page as BreadcrumbPage, };

package/dist/components/button/button.svelte

@@ -0,0 +1,20 @@
+<script>import { Button as ButtonPrimitive } from "bits-ui";
+import { buttonVariants } from "./index.js";
+import { cn } from "../../utils/shadcn-utils.js";
+let className = void 0;
+export let variant = "default";
+export let size = "default";
+export let builders = [];
+export { className as class };
+</script>
+
+<ButtonPrimitive.Root
+  {builders}
+  class={cn(buttonVariants({ variant, size, className }))}
+  type="button"
+  {...$$restProps}
+  on:click
+  on:keydown
+>
+  <slot />
+</ButtonPrimitive.Root>

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

@@ -0,0 +1,16 @@
+import { SvelteComponent } from "svelte";
+import { Button as ButtonPrimitive } from "bits-ui";
+import { type Props } from "./index.js";
+declare const __propDef: {
+    props: Props;
+    slots: {
+        default: {};
+    };
+    events: ButtonPrimitive.Events;
+};
+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 {};

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

@@ -0,0 +1,110 @@
+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;
+        secondary: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        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<{
+    variant: {
+        default: string;
+        destructive: string;
+        outline: string;
+        secondary: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        lg: string;
+        icon: string;
+    };
+}, {
+    variant: {
+        default: string;
+        destructive: string;
+        outline: string;
+        secondary: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        lg: string;
+        icon: string;
+    };
+}>, {
+    variant: {
+        default: string;
+        destructive: string;
+        outline: string;
+        secondary: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        lg: string;
+        icon: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string;
+        destructive: string;
+        outline: string;
+        secondary: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        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<{
+    variant: {
+        default: string;
+        destructive: string;
+        outline: string;
+        secondary: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        lg: string;
+        icon: string;
+    };
+}, {
+    variant: {
+        default: string;
+        destructive: string;
+        outline: string;
+        secondary: string;
+        ghost: string;
+        link: string;
+    };
+    size: {
+        default: string;
+        lg: string;
+        icon: string;
+    };
+}>, 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, Root as Button, type Props as ButtonProps, type Events as ButtonEvents, buttonVariants, };

package/dist/components/button/index.js

@@ -0,0 +1,28 @@
+import { tv } from "tailwind-variants";
+import Root from "./button.svelte";
+const buttonVariants = tv({
+    base: "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",
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground hover:bg-primary/90 shadow-btn",
+            destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/80 shadow-btn",
+            outline: "border-input bg-background hover:bg-accent hover:text-accent-foreground border ",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground",
+            link: "text-primary underline-offset-4 hover:underline",
+        },
+        size: {
+            default: "h-7 px-4 py-2",
+            /* sm: "h-7 rounded px-4", */
+            lg: "h-10 rounded px-4",
+            icon: "h-10 w-10",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+export { Root, 
+//
+Root as Button, buttonVariants, };

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

@@ -0,0 +1,8 @@
+<script>import { cn } from "../../utils/shadcn-utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<div class={cn("p-6", className)} {...$$restProps}>
+  <slot />
+</div>

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

@@ -0,0 +1,17 @@
+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 CardContentProps = typeof __propDef.props;
+export type CardContentEvents = typeof __propDef.events;
+export type CardContentSlots = typeof __propDef.slots;
+export default class CardContent extends SvelteComponent<CardContentProps, CardContentEvents, CardContentSlots> {
+}
+export {};

package/dist/components/card/card-description.svelte

@@ -0,0 +1,8 @@
+<script>import { cn } from "../../utils/shadcn-utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<p class={cn("text-muted-foreground text-sm", className)} {...$$restProps}>
+  <slot />
+</p>

package/dist/components/card/card-description.svelte.d.ts

@@ -0,0 +1,17 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLParagraphElement>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type CardDescriptionProps = typeof __propDef.props;
+export type CardDescriptionEvents = typeof __propDef.events;
+export type CardDescriptionSlots = typeof __propDef.slots;
+export default class CardDescription extends SvelteComponent<CardDescriptionProps, CardDescriptionEvents, CardDescriptionSlots> {
+}
+export {};

package/dist/components/card/card-footer.svelte

@@ -0,0 +1,8 @@
+<script>import { cn } from "../../utils/shadcn-utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<div class={cn("flex items-center p-6 pt-0", className)} {...$$restProps}>
+  <slot />
+</div>

package/dist/components/card/card-footer.svelte.d.ts

@@ -0,0 +1,17 @@
+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 CardFooterProps = typeof __propDef.props;
+export type CardFooterEvents = typeof __propDef.events;
+export type CardFooterSlots = typeof __propDef.slots;
+export default class CardFooter extends SvelteComponent<CardFooterProps, CardFooterEvents, CardFooterSlots> {
+}
+export {};

package/dist/components/card/card-header.svelte

@@ -0,0 +1,8 @@
+<script>import { cn } from "../../utils/shadcn-utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<div class={cn("flex flex-col space-y-1.5 p-6 pb-0", className)} {...$$restProps}>
+  <slot />
+</div>

package/dist/components/card/card-header.svelte.d.ts

@@ -0,0 +1,17 @@
+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 CardHeaderProps = typeof __propDef.props;
+export type CardHeaderEvents = typeof __propDef.events;
+export type CardHeaderSlots = typeof __propDef.slots;
+export default class CardHeader extends SvelteComponent<CardHeaderProps, CardHeaderEvents, CardHeaderSlots> {
+}
+export {};

package/dist/components/card/card-title.svelte

@@ -0,0 +1,13 @@
+<script>import { cn } from "../../utils/shadcn-utils.js";
+let className = void 0;
+export let tag = "h3";
+export { className as class };
+</script>
+
+<svelte:element
+  this={tag}
+  class={cn("text-lg font-semibold leading-none tracking-tight", className)}
+  {...$$restProps}
+>
+  <slot />
+</svelte:element>

package/dist/components/card/card-title.svelte.d.ts

@@ -0,0 +1,20 @@
+import { SvelteComponent } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+import type { HeadingLevel } from "./index.js";
+declare const __propDef: {
+    props: HTMLAttributes<HTMLHeadingElement> & {
+        tag?: HeadingLevel | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type CardTitleProps = typeof __propDef.props;
+export type CardTitleEvents = typeof __propDef.events;
+export type CardTitleSlots = typeof __propDef.slots;
+export default class CardTitle extends SvelteComponent<CardTitleProps, CardTitleEvents, CardTitleSlots> {
+}
+export {};

package/dist/components/card/card.svelte

@@ -0,0 +1,11 @@
+<script>import { cn } from "../../utils/shadcn-utils.js";
+let className = void 0;
+export { className as class };
+</script>
+
+<div
+  class={cn("bg-card text-card-foreground rounded-lg border shadow-sm", className)}
+  {...$$restProps}
+>
+  <slot />
+</div>

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

@@ -0,0 +1,17 @@
+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 CardProps = typeof __propDef.props;
+export type CardEvents = typeof __propDef.events;
+export type CardSlots = typeof __propDef.slots;
+export default class Card extends SvelteComponent<CardProps, CardEvents, CardSlots> {
+}
+export {};

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

@@ -0,0 +1,8 @@
+import Root from "./card.svelte";
+import Content from "./card-content.svelte";
+import Description from "./card-description.svelte";
+import Footer from "./card-footer.svelte";
+import Header from "./card-header.svelte";
+import Title from "./card-title.svelte";
+export { Root, Content, Description, Footer, Header, Title, Root as Card, Content as CardContent, Description as CardDescription, Footer as CardFooter, Header as CardHeader, Title as CardTitle, };
+export type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";

package/dist/components/card/index.js

@@ -0,0 +1,9 @@
+import Root from "./card.svelte";
+import Content from "./card-content.svelte";
+import Description from "./card-description.svelte";
+import Footer from "./card-footer.svelte";
+import Header from "./card-header.svelte";
+import Title from "./card-title.svelte";
+export { Root, Content, Description, Footer, Header, Title, 
+//
+Root as Card, Content as CardContent, Description as CardDescription, Footer as CardFooter, Header as CardHeader, Title as CardTitle, };