specra 0.1.13 → 0.2.0

package/dist/components/ui/Badge.svelte

@@ -0,0 +1,48 @@
+<script lang="ts" module>
+  import { cva, type VariantProps } from 'class-variance-authority';
+
+  export const badgeVariants = cva(
+    "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+    {
+      variants: {
+        variant: {
+          default:
+            'border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90',
+          secondary:
+            'border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90',
+          destructive:
+            'border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
+          outline:
+            'text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground',
+        },
+      },
+      defaultVariants: {
+        variant: 'default',
+      },
+    },
+  );
+
+  export type BadgeVariants = VariantProps<typeof badgeVariants>;
+</script>
+
+<script lang="ts">
+  import { cn } from '../../utils.js';
+  import type { HTMLAttributes } from 'svelte/elements';
+  import type { Snippet } from 'svelte';
+
+  interface Props extends HTMLAttributes<HTMLSpanElement> {
+    variant?: BadgeVariants['variant'];
+    class?: string;
+    children?: Snippet;
+  }
+
+  let { variant = 'default', class: className, children, ...restProps }: Props = $props();
+</script>
+
+<span
+  data-slot="badge"
+  class={cn(badgeVariants({ variant }), className)}
+  {...restProps}
+>
+  {@render children?.()}
+</span>

package/dist/components/ui/Badge.svelte.d.ts

@@ -0,0 +1,15 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type BadgeVariants = VariantProps<typeof badgeVariants>;
+import type { HTMLAttributes } from 'svelte/elements';
+import type { Snippet } from 'svelte';
+interface Props extends HTMLAttributes<HTMLSpanElement> {
+    variant?: BadgeVariants['variant'];
+    class?: string;
+    children?: Snippet;
+}
+declare const Badge: import("svelte").Component<Props, {}, "">;
+type Badge = ReturnType<typeof Badge>;
+export default Badge;

package/dist/components/ui/Button.svelte

@@ -0,0 +1,58 @@
+<script lang="ts" module>
+  import { cva, type VariantProps } from 'class-variance-authority';
+
+  export const buttonVariants = cva(
+    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive [&>a]:inline-flex [&>a]:items-center [&>a]:gap-2 [&>a]:whitespace-nowrap",
+    {
+      variants: {
+        variant: {
+          default: 'bg-primary text-primary-foreground hover:bg-primary/90',
+          destructive:
+            'bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
+          outline:
+            'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',
+          secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+          ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
+          link: 'text-primary underline-offset-4 hover:underline',
+        },
+        size: {
+          default: 'h-9 px-4 py-2 has-[>svg]:px-3',
+          sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',
+          lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
+          icon: 'size-9',
+          'icon-sm': 'size-8',
+          'icon-lg': 'size-10',
+        },
+      },
+      defaultVariants: {
+        variant: 'default',
+        size: 'default',
+      },
+    },
+  );
+
+  export type ButtonVariants = VariantProps<typeof buttonVariants>;
+</script>
+
+<script lang="ts">
+  import { cn } from '../../utils.js';
+  import type { HTMLButtonAttributes } from 'svelte/elements';
+  import type { Snippet } from 'svelte';
+
+  interface Props extends HTMLButtonAttributes {
+    variant?: ButtonVariants['variant'];
+    size?: ButtonVariants['size'];
+    class?: string;
+    children?: Snippet;
+  }
+
+  let { variant = 'default', size = 'default', class: className, children, ...restProps }: Props = $props();
+</script>
+
+<button
+  data-slot="button"
+  class={cn(buttonVariants({ variant, size, className }))}
+  {...restProps}
+>
+  {@render children?.()}
+</button>

package/dist/components/ui/Button.svelte.d.ts

@@ -0,0 +1,17 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ButtonVariants = VariantProps<typeof buttonVariants>;
+import type { HTMLButtonAttributes } from 'svelte/elements';
+import type { Snippet } from 'svelte';
+interface Props extends HTMLButtonAttributes {
+    variant?: ButtonVariants['variant'];
+    size?: ButtonVariants['size'];
+    class?: string;
+    children?: Snippet;
+}
+declare const Button: import("svelte").Component<Props, {}, "">;
+type Button = ReturnType<typeof Button>;
+export default Button;

package/dist/components/ui/Dialog.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+  import { Dialog as DialogPrimitive } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+
+  interface Props {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: Snippet;
+  }
+
+  let { open = $bindable(false), onOpenChange, children }: Props = $props();
+</script>
+
+<DialogPrimitive.Root bind:open {onOpenChange}>
+  {@render children?.()}
+</DialogPrimitive.Root>

package/dist/components/ui/Dialog.svelte.d.ts

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

package/dist/components/ui/DialogClose.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+  import { Dialog as DialogPrimitive } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+
+  interface Props {
+    class?: string;
+    children?: Snippet;
+    [key: string]: unknown;
+  }
+
+  let { class: className, children, ...restProps }: Props = $props();
+</script>
+
+<DialogPrimitive.Close data-slot="dialog-close" class={className} {...restProps}>
+  {@render children?.()}
+</DialogPrimitive.Close>

package/dist/components/ui/DialogClose.svelte.d.ts

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

package/dist/components/ui/DialogContent.svelte

@@ -0,0 +1,43 @@
+<script lang="ts">
+  import { cn } from '../../utils.js';
+  import { Dialog as DialogPrimitive } from 'bits-ui';
+  import { X } from 'lucide-svelte';
+  import type { Snippet } from 'svelte';
+
+  interface Props {
+    class?: string;
+    showCloseButton?: boolean;
+    children?: Snippet;
+    [key: string]: unknown;
+  }
+
+  let { class: className, showCloseButton = true, children, ...restProps }: Props = $props();
+</script>
+
+<DialogPrimitive.Portal>
+  <DialogPrimitive.Overlay
+    data-slot="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 fixed inset-0 z-50 bg-black/50 dark:bg-black/70 backdrop-blur-md"
+    )}
+  />
+  <DialogPrimitive.Content
+    data-slot="dialog-content"
+    class={cn(
+      "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",
+      className
+    )}
+    {...restProps}
+  >
+    {@render children?.()}
+    {#if showCloseButton}
+      <DialogPrimitive.Close
+        data-slot="dialog-close"
+        class="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+      >
+        <X />
+        <span class="sr-only">Close</span>
+      </DialogPrimitive.Close>
+    {/if}
+  </DialogPrimitive.Content>
+</DialogPrimitive.Portal>

package/dist/components/ui/DialogContent.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Snippet } from 'svelte';
+interface Props {
+    class?: string;
+    showCloseButton?: boolean;
+    children?: Snippet;
+    [key: string]: unknown;
+}
+declare const DialogContent: import("svelte").Component<Props, {}, "">;
+type DialogContent = ReturnType<typeof DialogContent>;
+export default DialogContent;

package/dist/components/ui/DialogDescription.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+  import { cn } from '../../utils.js';
+  import { Dialog as DialogPrimitive } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+
+  interface Props {
+    class?: string;
+    children?: Snippet;
+    [key: string]: unknown;
+  }
+
+  let { class: className, children, ...restProps }: Props = $props();
+</script>
+
+<DialogPrimitive.Description
+  data-slot="dialog-description"
+  class={cn('text-muted-foreground text-sm', className)}
+  {...restProps}
+>
+  {@render children?.()}
+</DialogPrimitive.Description>

package/dist/components/ui/DialogDescription.svelte.d.ts

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

package/dist/components/ui/DialogFooter.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { cn } from '../../utils.js';
+  import type { HTMLAttributes } from 'svelte/elements';
+  import type { Snippet } from 'svelte';
+
+  interface Props extends HTMLAttributes<HTMLDivElement> {
+    class?: string;
+    children?: Snippet;
+  }
+
+  let { class: className, children, ...restProps }: Props = $props();
+</script>
+
+<div
+  data-slot="dialog-footer"
+  class={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)}
+  {...restProps}
+>
+  {@render children?.()}
+</div>

package/dist/components/ui/DialogFooter.svelte.d.ts

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

package/dist/components/ui/DialogHeader.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { cn } from '../../utils.js';
+  import type { HTMLAttributes } from 'svelte/elements';
+  import type { Snippet } from 'svelte';
+
+  interface Props extends HTMLAttributes<HTMLDivElement> {
+    class?: string;
+    children?: Snippet;
+  }
+
+  let { class: className, children, ...restProps }: Props = $props();
+</script>
+
+<div
+  data-slot="dialog-header"
+  class={cn('flex flex-col gap-2 text-center sm:text-left', className)}
+  {...restProps}
+>
+  {@render children?.()}
+</div>

package/dist/components/ui/DialogHeader.svelte.d.ts

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

package/dist/components/ui/DialogTitle.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+  import { cn } from '../../utils.js';
+  import { Dialog as DialogPrimitive } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+
+  interface Props {
+    class?: string;
+    children?: Snippet;
+    [key: string]: unknown;
+  }
+
+  let { class: className, children, ...restProps }: Props = $props();
+</script>
+
+<DialogPrimitive.Title
+  data-slot="dialog-title"
+  class={cn('text-lg leading-none font-semibold', className)}
+  {...restProps}
+>
+  {@render children?.()}
+</DialogPrimitive.Title>

package/dist/components/ui/DialogTitle.svelte.d.ts

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

package/dist/components/ui/Input.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+  import { cn } from '../../utils.js';
+  import type { HTMLInputAttributes } from 'svelte/elements';
+
+  interface Props extends HTMLInputAttributes {
+    class?: string;
+    type?: HTMLInputAttributes['type'];
+  }
+
+  let { type, class: className, ...restProps }: Props = $props();
+</script>
+
+<input
+  {type}
+  data-slot="input"
+  class={cn(
+    "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+    "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+    "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+    className
+  )}
+  {...restProps}
+/>

package/dist/components/ui/Input.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { HTMLInputAttributes } from 'svelte/elements';
+interface Props extends HTMLInputAttributes {
+    class?: string;
+    type?: HTMLInputAttributes['type'];
+}
+declare const Input: import("svelte").Component<Props, {}, "">;
+type Input = ReturnType<typeof Input>;
+export default Input;

package/dist/components/ui/Textarea.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import { cn } from '../../utils.js';
+  import type { HTMLTextareaAttributes } from 'svelte/elements';
+
+  interface Props extends HTMLTextareaAttributes {
+    class?: string;
+  }
+
+  let { class: className, ...restProps }: Props = $props();
+</script>
+
+<textarea
+  data-slot="textarea"
+  class={cn(
+    "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+    className
+  )}
+  {...restProps}
+></textarea>

package/dist/components/ui/Textarea.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLTextareaAttributes } from 'svelte/elements';
+interface Props extends HTMLTextareaAttributes {
+    class?: string;
+}
+declare const Textarea: import("svelte").Component<Props, {}, "">;
+type Textarea = ReturnType<typeof Textarea>;
+export default Textarea;

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

@@ -0,0 +1,11 @@
+export { default as Button, buttonVariants, type ButtonVariants } from './Button.svelte';
+export { default as Input } from './Input.svelte';
+export { default as Textarea } from './Textarea.svelte';
+export { default as Badge, badgeVariants, type BadgeVariants } from './Badge.svelte';
+export { default as Dialog } from './Dialog.svelte';
+export { default as DialogContent } from './DialogContent.svelte';
+export { default as DialogHeader } from './DialogHeader.svelte';
+export { default as DialogFooter } from './DialogFooter.svelte';
+export { default as DialogTitle } from './DialogTitle.svelte';
+export { default as DialogDescription } from './DialogDescription.svelte';
+export { default as DialogClose } from './DialogClose.svelte';

package/dist/components/ui/index.js

@@ -0,0 +1,11 @@
+export { default as Button, buttonVariants } from './Button.svelte';
+export { default as Input } from './Input.svelte';
+export { default as Textarea } from './Textarea.svelte';
+export { default as Badge, badgeVariants } from './Badge.svelte';
+export { default as Dialog } from './Dialog.svelte';
+export { default as DialogContent } from './DialogContent.svelte';
+export { default as DialogHeader } from './DialogHeader.svelte';
+export { default as DialogFooter } from './DialogFooter.svelte';
+export { default as DialogTitle } from './DialogTitle.svelte';
+export { default as DialogDescription } from './DialogDescription.svelte';
+export { default as DialogClose } from './DialogClose.svelte';

package/dist/config.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Client-safe config access
+ * This file re-exports server functions but is safe to import in client components
+ * The actual config loading happens on the server and is passed as props
+ */
+export { defaultConfig } from "./config.types";
+export type { SpecraConfig } from "./config.types";
+export { getConfig, getConfigValue, loadConfig, processContentWithEnv, replaceEnvVariables, validateConfig, reloadConfig, } from "./config.server";

package/dist/config.js

@@ -0,0 +1,9 @@
+/**
+ * Client-safe config access
+ * This file re-exports server functions but is safe to import in client components
+ * The actual config loading happens on the server and is passed as props
+ */
+export { defaultConfig } from "./config.types";
+// For client components, config should be passed as props from server components
+// These are re-exported for convenience but will only work on the server
+export { getConfig, getConfigValue, loadConfig, processContentWithEnv, replaceEnvVariables, validateConfig, reloadConfig, } from "./config.server";