sve-ui 0.1.1 → 0.2.0

package/dist/components/Card/CardContent.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+  import type { HTMLAttributes } from 'svelte/elements';
+  import type { Snippet } from 'svelte';
+
+  interface Props extends Omit<HTMLAttributes<HTMLDivElement>, 'class'> {
+    class?: string;
+    children?: Snippet;
+  }
+
+  let {
+    class: cls,
+    children,
+    ...rest
+  }: Props = $props();
+
+  const className = $derived(
+    ['sve-card__content', cls].filter(Boolean).join(' ')
+  );
+</script>
+
+<div class={className} {...rest}>
+  {@render children?.()}
+</div>
+
+<style>
+  .sve-card__content {
+    padding: var(--sve-space-6);
+    flex: 1;
+    color: var(--sve-color-default-foreground);
+    font-size: var(--sve-font-size-md);
+    line-height: var(--sve-line-height-normal);
+  }
+</style>

package/dist/components/Card/CardContent.svelte.d.ts

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

package/dist/components/Card/CardContent.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardContent.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Card/CardContent.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAyBH,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/Card/CardFooter.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+  import type { HTMLAttributes } from 'svelte/elements';
+  import type { Snippet } from 'svelte';
+
+  interface Props extends Omit<HTMLAttributes<HTMLDivElement>, 'class'> {
+    class?: string;
+    children?: Snippet;
+  }
+
+  let {
+    class: cls,
+    children,
+    ...rest
+  }: Props = $props();
+
+  const className = $derived(
+    ['sve-card__footer', cls].filter(Boolean).join(' ')
+  );
+</script>
+
+<div class={className} {...rest}>
+  {@render children?.()}
+</div>
+
+<style>
+  .sve-card__footer {
+    padding: var(--sve-space-4) var(--sve-space-6);
+    border-top: 1px solid var(--sve-color-default-border);
+    display: flex;
+    align-items: center;
+    gap: var(--sve-space-3);
+  }
+</style>

package/dist/components/Card/CardFooter.svelte.d.ts

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

package/dist/components/Card/CardFooter.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardFooter.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Card/CardFooter.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAyBH,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/components/Card/CardHeader.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+  import type { HTMLAttributes } from 'svelte/elements';
+  import type { Snippet } from 'svelte';
+
+  interface Props extends Omit<HTMLAttributes<HTMLDivElement>, 'class'> {
+    class?: string;
+    children?: Snippet;
+  }
+
+  let {
+    class: cls,
+    children,
+    ...rest
+  }: Props = $props();
+
+  const className = $derived(
+    ['sve-card__header', cls].filter(Boolean).join(' ')
+  );
+</script>
+
+<div class={className} {...rest}>
+  {@render children?.()}
+</div>
+
+<style>
+  .sve-card__header {
+    padding: var(--sve-space-4) var(--sve-space-6);
+    border-bottom: 1px solid var(--sve-color-default-border);
+    font-weight: var(--sve-font-weight-medium);
+    font-size: var(--sve-font-size-md);
+    color: var(--sve-color-default-foreground);
+  }
+</style>

package/dist/components/Card/CardHeader.svelte.d.ts

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

package/dist/components/Card/CardHeader.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Card/CardHeader.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAyBH,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/components/Card/CardRoot.svelte

@@ -0,0 +1,91 @@
+<script module lang="ts">
+  import { defineVariants } from '../../internal/variants';
+
+  type Variant = 'elevated' | 'outlined' | 'filled';
+  type Padding = '2' | '4' | '6' | '8';
+
+  export const cardVariants = defineVariants({
+    base: 'sve-card',
+    variants: {
+      variant: {
+        elevated: 'sve-card--elevated',
+        outlined: 'sve-card--outlined',
+        filled:   'sve-card--filled',
+      },
+      padding: {
+        '2': 'sve-card--p2',
+        '4': 'sve-card--p4',
+        '6': 'sve-card--p6',
+        '8': 'sve-card--p8',
+      },
+    },
+    defaultVariants: {
+      variant: 'elevated',
+    },
+  });
+
+  export type { Variant, Padding };
+</script>
+
+<script lang="ts">
+  import type { HTMLAttributes } from 'svelte/elements';
+  import type { Snippet } from 'svelte';
+
+  interface Props extends Omit<HTMLAttributes<HTMLDivElement>, 'class'> {
+    variant?: Variant;
+    padding?: Padding;
+    class?: string;
+    children?: Snippet;
+  }
+
+  let {
+    variant,
+    padding,
+    class: cls,
+    children,
+    ...rest
+  }: Props = $props();
+
+  const className = $derived(
+    cardVariants({ variant, padding, class: cls })
+  );
+</script>
+
+<div class={className} {...rest}>
+  {@render children?.()}
+</div>
+
+<style>
+  .sve-card {
+    display: flex;
+    flex-direction: column;
+    border-radius: var(--sve-radius-lg);
+    font-family: var(--sve-font-family-sans);
+    overflow: hidden;
+  }
+
+  /* --- Variants --- */
+  .sve-card--elevated {
+    background-color: var(--sve-color-default-surface);
+    box-shadow: var(--sve-shadow-md);
+    border: 1px solid transparent;
+  }
+
+  .sve-card--outlined {
+    background-color: var(--sve-color-default-surface);
+    border: 1px solid var(--sve-color-default-border);
+    box-shadow: none;
+  }
+
+  .sve-card--filled {
+    background-color: var(--sve-color-default);
+    border: 1px solid transparent;
+    box-shadow: none;
+  }
+
+  /* --- Padding --- */
+  .sve-card--p2 { padding: var(--sve-space-2); }
+  .sve-card--p4 { padding: var(--sve-space-4); }
+  .sve-card--p6 { padding: var(--sve-space-6); }
+  .sve-card--p8 { padding: var(--sve-space-8); }
+</style>

package/dist/components/Card/CardRoot.svelte.d.ts

@@ -0,0 +1,28 @@
+type Variant = 'elevated' | 'outlined' | 'filled';
+type Padding = '2' | '4' | '6' | '8';
+export declare const cardVariants: (props?: import("../../internal/variants").VariantProps<{
+    variant: {
+        elevated: string;
+        outlined: string;
+        filled: string;
+    };
+    padding: {
+        '2': string;
+        '4': string;
+        '6': string;
+        '8': string;
+    };
+}> | undefined) => string;
+export type { Variant, Padding };
+import type { HTMLAttributes } from 'svelte/elements';
+import type { Snippet } from 'svelte';
+interface Props extends Omit<HTMLAttributes<HTMLDivElement>, 'class'> {
+    variant?: Variant;
+    padding?: Padding;
+    class?: string;
+    children?: Snippet;
+}
+declare const CardRoot: import("svelte").Component<Props, {}, "">;
+type CardRoot = ReturnType<typeof CardRoot>;
+export default CardRoot;
+//# sourceMappingURL=CardRoot.svelte.d.ts.map

package/dist/components/Card/CardRoot.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardRoot.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Card/CardRoot.svelte.ts"],"names":[],"mappings":"AAKE,KAAK,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;AAClD,KAAK,OAAO,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAErC,eAAO,MAAM,YAAY;;;;;;;;;;;;yBAkBvB,CAAC;AAEH,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AAGnC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA6BH,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,13 @@
+/**
+ * Card namespace — composable surface container.
+ *
+ * Root: styled card surface with variant + padding props.
+ * Header: styled header section with bottom border.
+ * Content: styled content body.
+ * Footer: styled footer section with top border.
+ */
+export { default as Root } from './CardRoot.svelte';
+export { default as Header } from './CardHeader.svelte';
+export { default as Content } from './CardContent.svelte';
+export { default as Footer } from './CardFooter.svelte';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Card/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/Card/index.js

@@ -0,0 +1,12 @@
+/**
+ * Card namespace — composable surface container.
+ *
+ * Root: styled card surface with variant + padding props.
+ * Header: styled header section with bottom border.
+ * Content: styled content body.
+ * Footer: styled footer section with top border.
+ */
+export { default as Root } from './CardRoot.svelte';
+export { default as Header } from './CardHeader.svelte';
+export { default as Content } from './CardContent.svelte';
+export { default as Footer } from './CardFooter.svelte';

package/dist/components/Dialog/DialogContent.svelte

@@ -0,0 +1,47 @@
+<script lang="ts">
+  import { Dialog } from 'bits-ui';
+  import type { ComponentProps } from 'svelte';
+  import DialogOverlay from './DialogOverlay.svelte';
+
+  type BitsContentProps = ComponentProps<typeof Dialog.Content>;
+
+  interface Props extends Omit<BitsContentProps, 'class'> {
+    class?: string;
+  }
+
+  let { class: cls, children, ...rest }: Props = $props();
+</script>
+
+<!--
+  DialogContent renders a Portal (managed by bits-ui) that wraps:
+  1. DialogOverlay — the backdrop
+  2. Dialog.Content — the panel with focus trap, ARIA, ESC handling via Bits UI
+
+  Portal defaults to document.body, keeping z-index stacking clean.
+-->
+<Dialog.Portal>
+  <DialogOverlay />
+  <Dialog.Content
+    class={['sve-dialog-content', cls].filter(Boolean).join(' ')}
+    {children}
+    {...rest}
+  />
+</Dialog.Portal>
+
+<style>
+  :global(.sve-dialog-content) {
+    position: fixed;
+    left: 50%;
+    top: 50%;
+    z-index: 51;
+    transform: translate(-50%, -50%);
+    width: min(90vw, 28rem);
+    max-height: 85vh;
+    overflow-y: auto;
+    background-color: var(--sve-color-default-surface, #fff);
+    border-radius: var(--sve-radius-lg);
+    box-shadow: var(--sve-shadow-md);
+    padding: var(--sve-space-6);
+    outline: none;
+  }
+</style>

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

@@ -0,0 +1,10 @@
+import { Dialog } from 'bits-ui';
+import type { ComponentProps } from 'svelte';
+type BitsContentProps = ComponentProps<typeof Dialog.Content>;
+interface Props extends Omit<BitsContentProps, 'class'> {
+    class?: string;
+}
+declare const DialogContent: import("svelte").Component<Props, {}, "">;
+type DialogContent = ReturnType<typeof DialogContent>;
+export default DialogContent;
+//# sourceMappingURL=DialogContent.svelte.d.ts.map

package/dist/components/Dialog/DialogContent.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContent.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Dialog/DialogContent.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAI3C,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC;AAE9D,UAAU,KAAM,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAqBH,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/components/Dialog/DialogDescription.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+  import { Dialog } from 'bits-ui';
+  import type { ComponentProps } from 'svelte';
+
+  type BitsDescriptionProps = ComponentProps<typeof Dialog.Description>;
+
+  interface Props extends Omit<BitsDescriptionProps, 'class'> {
+    class?: string;
+  }
+
+  let { class: cls, children, ...rest }: Props = $props();
+</script>
+
+<Dialog.Description
+  class={['sve-dialog-description', cls].filter(Boolean).join(' ')}
+  {children}
+  {...rest}
+/>
+
+<style>
+  :global(.sve-dialog-description) {
+    font-family: var(--sve-font-family-sans);
+    font-size: var(--sve-font-size-sm);
+    line-height: var(--sve-line-height-relaxed);
+    color: var(--sve-color-default-foreground);
+    margin: 0 0 var(--sve-space-4);
+    opacity: 0.75;
+  }
+</style>

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

@@ -0,0 +1,10 @@
+import { Dialog } from 'bits-ui';
+import type { ComponentProps } from 'svelte';
+type BitsDescriptionProps = ComponentProps<typeof Dialog.Description>;
+interface Props extends Omit<BitsDescriptionProps, 'class'> {
+    class?: string;
+}
+declare const DialogDescription: import("svelte").Component<Props, {}, "">;
+type DialogDescription = ReturnType<typeof DialogDescription>;
+export default DialogDescription;
+//# sourceMappingURL=DialogDescription.svelte.d.ts.map

package/dist/components/Dialog/DialogDescription.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogDescription.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Dialog/DialogDescription.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAG3C,KAAK,oBAAoB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,WAAW,CAAC,CAAC;AAEtE,UAAU,KAAM,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAgBH,QAAA,MAAM,iBAAiB,2CAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/components/Dialog/DialogOverlay.svelte

@@ -0,0 +1,32 @@
+<script lang="ts">
+  import { Dialog } from 'bits-ui';
+  import type { ComponentProps } from 'svelte';
+
+  type BitsOverlayProps = ComponentProps<typeof Dialog.Overlay>;
+
+  interface Props extends Omit<BitsOverlayProps, 'class'> {
+    class?: string;
+  }
+
+  let { class: cls, ...rest }: Props = $props();
+</script>
+
+<!--
+  Styled wrapper over bits-ui Dialog.Overlay.
+  data-slot="dialog-overlay" is used by tests and consumers for targeting.
+  No children forwarded — the overlay is a purely visual backdrop element.
+-->
+<Dialog.Overlay
+  class={['sve-dialog-overlay', cls].filter(Boolean).join(' ')}
+  data-slot="dialog-overlay"
+  {...rest}
+/>
+
+<style>
+  :global(.sve-dialog-overlay) {
+    position: fixed;
+    inset: 0;
+    z-index: 50;
+    background-color: var(--sve-color-overlay);
+  }
+</style>

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

@@ -0,0 +1,10 @@
+import { Dialog } from 'bits-ui';
+import type { ComponentProps } from 'svelte';
+type BitsOverlayProps = ComponentProps<typeof Dialog.Overlay>;
+interface Props extends Omit<BitsOverlayProps, 'class'> {
+    class?: string;
+}
+declare const DialogOverlay: import("svelte").Component<Props, {}, "">;
+type DialogOverlay = ReturnType<typeof DialogOverlay>;
+export default DialogOverlay;
+//# sourceMappingURL=DialogOverlay.svelte.d.ts.map

package/dist/components/Dialog/DialogOverlay.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogOverlay.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Dialog/DialogOverlay.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAG3C,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC;AAE9D,UAAU,KAAM,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAiBH,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/components/Dialog/DialogTitle.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+  import { Dialog } from 'bits-ui';
+  import type { ComponentProps } from 'svelte';
+
+  type BitsTitleProps = ComponentProps<typeof Dialog.Title>;
+
+  interface Props extends Omit<BitsTitleProps, 'class'> {
+    class?: string;
+  }
+
+  let { class: cls, level, children, ...rest }: Props = $props();
+</script>
+
+<Dialog.Title
+  class={['sve-dialog-title', cls].filter(Boolean).join(' ')}
+  {level}
+  {children}
+  {...rest}
+/>
+
+<style>
+  :global(.sve-dialog-title) {
+    font-family: var(--sve-font-family-sans);
+    font-size: var(--sve-font-size-lg);
+    font-weight: var(--sve-font-weight-bold);
+    line-height: var(--sve-line-height-tight);
+    color: var(--sve-color-default-foreground);
+    margin: 0 0 var(--sve-space-2);
+  }
+</style>

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

@@ -0,0 +1,10 @@
+import { Dialog } from 'bits-ui';
+import type { ComponentProps } from 'svelte';
+type BitsTitleProps = ComponentProps<typeof Dialog.Title>;
+interface Props extends Omit<BitsTitleProps, 'class'> {
+    class?: string;
+}
+declare const DialogTitle: import("svelte").Component<Props, {}, "">;
+type DialogTitle = ReturnType<typeof DialogTitle>;
+export default DialogTitle;
+//# sourceMappingURL=DialogTitle.svelte.d.ts.map

package/dist/components/Dialog/DialogTitle.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogTitle.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Dialog/DialogTitle.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAG3C,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AAE1D,UAAU,KAAM,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAgBH,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,21 @@
+/**
+ * Dialog namespace — sve-ui styled wrappers over bits-ui Dialog primitives.
+ *
+ * Root, Trigger, Close: re-exported as-is (behavior-only, Bits UI owns ARIA + focus).
+ * Overlay, Content, Title, Description: styled wrappers adding --sve-* token styles.
+ * Content wraps Portal + Bits Content internally (consumers don't manage portaling).
+ *
+ * Confirmed Bits UI 2.18.1 API:
+ *   import { Dialog } from 'bits-ui'
+ *   Dialog.Root / Dialog.Trigger / Dialog.Close / Dialog.Portal /
+ *   Dialog.Overlay / Dialog.Content / Dialog.Title / Dialog.Description
+ */
+import { Dialog as BitsDialog } from 'bits-ui';
+export declare const Root: import("svelte").Component<import("bits-ui").AlertDialogRootPropsWithoutHTML, {}, "open">;
+export declare const Trigger: import("svelte").Component<BitsDialog.TriggerProps, {}, "ref">;
+export declare const Close: import("svelte").Component<BitsDialog.TriggerProps, {}, "ref">;
+export { default as Overlay } from './DialogOverlay.svelte';
+export { default as Content } from './DialogContent.svelte';
+export { default as Title } from './DialogTitle.svelte';
+export { default as Description } from './DialogDescription.svelte';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Dialog/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AAG/C,eAAO,MAAM,IAAI,2FAAkB,CAAC;AACpC,eAAO,MAAM,OAAO,gEAAqB,CAAC;AAC1C,eAAO,MAAM,KAAK,gEAAmB,CAAC;AAGtC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/components/Dialog/index.js

@@ -0,0 +1,22 @@
+/**
+ * Dialog namespace — sve-ui styled wrappers over bits-ui Dialog primitives.
+ *
+ * Root, Trigger, Close: re-exported as-is (behavior-only, Bits UI owns ARIA + focus).
+ * Overlay, Content, Title, Description: styled wrappers adding --sve-* token styles.
+ * Content wraps Portal + Bits Content internally (consumers don't manage portaling).
+ *
+ * Confirmed Bits UI 2.18.1 API:
+ *   import { Dialog } from 'bits-ui'
+ *   Dialog.Root / Dialog.Trigger / Dialog.Close / Dialog.Portal /
+ *   Dialog.Overlay / Dialog.Content / Dialog.Title / Dialog.Description
+ */
+import { Dialog as BitsDialog } from 'bits-ui';
+// Behavior-only re-exports from bits-ui (no styling needed)
+export const Root = BitsDialog.Root;
+export const Trigger = BitsDialog.Trigger;
+export const Close = BitsDialog.Close;
+// Styled presentational wrappers
+export { default as Overlay } from './DialogOverlay.svelte';
+export { default as Content } from './DialogContent.svelte';
+export { default as Title } from './DialogTitle.svelte';
+export { default as Description } from './DialogDescription.svelte';

package/dist/components/DropdownMenu/DropdownMenuContent.svelte

@@ -0,0 +1,40 @@
+<script lang="ts">
+  import { DropdownMenu } from 'bits-ui';
+  import type { ComponentProps } from 'svelte';
+
+  type BitsContentProps = ComponentProps<typeof DropdownMenu.Content>;
+
+  interface Props extends Omit<BitsContentProps, 'class'> {
+    class?: string;
+  }
+
+  let { class: cls, children, ...rest }: Props = $props();
+</script>
+
+<!--
+  DropdownMenuContent renders via a Portal (managed by bits-ui) that wraps:
+  DropdownMenu.Content — the panel with ARIA and keyboard handling via Bits UI.
+
+  Portal defaults to document.body, keeping z-index stacking clean.
+-->
+<DropdownMenu.Portal>
+  <DropdownMenu.Content
+    class={['sve-dropdown-content', cls].filter(Boolean).join(' ')}
+    {children}
+    {...rest}
+  />
+</DropdownMenu.Portal>
+
+<style>
+  :global(.sve-dropdown-content) {
+    box-shadow: var(--sve-shadow-md);
+    background-color: var(--sve-color-default-surface, #fff);
+    border: 1px solid var(--sve-color-default-border, #e5e7eb);
+    border-radius: var(--sve-radius-md);
+    padding: var(--sve-space-1);
+    /* z-index convention: Dialog overlay=50/content=51, Dropdown/Popover=60, Tooltip=70 */
+    z-index: 60;
+    min-width: 8rem;
+    overflow: hidden;
+  }
+</style>

package/dist/components/DropdownMenu/DropdownMenuContent.svelte.d.ts

@@ -0,0 +1,10 @@
+import { DropdownMenu } from 'bits-ui';
+import type { ComponentProps } from 'svelte';
+type BitsContentProps = ComponentProps<typeof DropdownMenu.Content>;
+interface Props extends Omit<BitsContentProps, 'class'> {
+    class?: string;
+}
+declare const DropdownMenuContent: import("svelte").Component<Props, {}, "">;
+type DropdownMenuContent = ReturnType<typeof DropdownMenuContent>;
+export default DropdownMenuContent;
+//# sourceMappingURL=DropdownMenuContent.svelte.d.ts.map

package/dist/components/DropdownMenu/DropdownMenuContent.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuContent.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/DropdownMenu/DropdownMenuContent.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAG3C,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,OAAO,CAAC,CAAC;AAEpE,UAAU,KAAM,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmBH,QAAA,MAAM,mBAAmB,2CAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

package/dist/components/DropdownMenu/DropdownMenuGroup.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+  import { DropdownMenu } from 'bits-ui';
+  import type { ComponentProps } from 'svelte';
+
+  type BitsGroupProps = ComponentProps<typeof DropdownMenu.Group>;
+
+  interface Props extends Omit<BitsGroupProps, 'class'> {
+    class?: string;
+  }
+
+  let { class: cls, children, ...rest }: Props = $props();
+</script>
+
+<DropdownMenu.Group
+  class={['sve-dropdown-group', cls].filter(Boolean).join(' ')}
+  {children}
+  {...rest}
+/>

package/dist/components/DropdownMenu/DropdownMenuGroup.svelte.d.ts

@@ -0,0 +1,10 @@
+import { DropdownMenu } from 'bits-ui';
+import type { ComponentProps } from 'svelte';
+type BitsGroupProps = ComponentProps<typeof DropdownMenu.Group>;
+interface Props extends Omit<BitsGroupProps, 'class'> {
+    class?: string;
+}
+declare const DropdownMenuGroup: import("svelte").Component<Props, {}, "">;
+type DropdownMenuGroup = ReturnType<typeof DropdownMenuGroup>;
+export default DropdownMenuGroup;
+//# sourceMappingURL=DropdownMenuGroup.svelte.d.ts.map

package/dist/components/DropdownMenu/DropdownMenuGroup.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuGroup.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/DropdownMenu/DropdownMenuGroup.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAG3C,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,KAAK,CAAC,CAAC;AAEhE,UAAU,KAAM,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAcH,QAAA,MAAM,iBAAiB,2CAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}