sve-ui 0.2.0 → 0.3.0

package/dist/components/Code/Code.svelte

@@ -0,0 +1,130 @@
+<script lang="ts">
+  import { onDestroy } from 'svelte';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  interface Props extends Omit<HTMLAttributes<HTMLDivElement>, 'class'> {
+    /** The code to display (and copy). Kept as a string so copy is SSR-safe — no DOM scraping. */
+    code: string;
+    /** Optional header label, e.g. a filename or language. */
+    label?: string;
+    /** Show the copy-to-clipboard button. */
+    copyable?: boolean;
+    class?: string;
+  }
+
+  let { code, label, copyable = true, class: cls, ...rest }: Props = $props();
+
+  const className = $derived(['sve-code', cls].filter(Boolean).join(' '));
+
+  let copied = $state(false);
+  let resetTimer: ReturnType<typeof setTimeout> | undefined;
+
+  async function copy() {
+    // SSR-safe: only touched on click, and guarded for environments without the API.
+    if (typeof navigator === 'undefined' || !navigator.clipboard) return;
+    try {
+      await navigator.clipboard.writeText(code);
+      copied = true;
+      clearTimeout(resetTimer);
+      resetTimer = setTimeout(() => (copied = false), 1500);
+    } catch {
+      // Clipboard denied/unavailable — silently no-op.
+    }
+  }
+
+  onDestroy(() => clearTimeout(resetTimer));
+</script>
+
+<div class={className} {...rest}>
+  {#if label || copyable}
+    <div class="sve-code__bar">
+      {#if label}<span class="sve-code__label">{label}</span>{/if}
+      {#if copyable}
+        <button
+          type="button"
+          class="sve-code__copy"
+          onclick={copy}
+          aria-label={copied ? 'Copied' : 'Copy code'}
+        >
+          {#if copied}
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5" /></svg>
+          {:else}
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="9" y="9" width="11" height="11" rx="2" /><path d="M5 15V5a2 2 0 0 1 2-2h10" /></svg>
+          {/if}
+        </button>
+      {/if}
+    </div>
+  {/if}
+  <pre class="sve-code__pre"><code>{code}</code></pre>
+</div>
+
+<style>
+  .sve-code {
+    position: relative;
+    border: 1px solid var(--sve-color-default-border);
+    border-radius: var(--sve-radius-md);
+    background-color: var(--sve-color-default-surface);
+    overflow: hidden;
+    font-family: var(--sve-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);
+  }
+
+  .sve-code__bar {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--sve-space-2);
+    min-height: 2.25rem;
+    padding: 0 var(--sve-space-2) 0 var(--sve-space-3);
+    border-bottom: 1px solid var(--sve-color-default-border);
+  }
+
+  .sve-code__label {
+    font-size: var(--sve-font-size-xs);
+    font-weight: var(--sve-font-weight-medium);
+    color: var(--sve-color-default-foreground);
+    opacity: 0.7;
+  }
+
+  .sve-code__copy {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: auto;
+    width: 1.75rem;
+    height: 1.75rem;
+    padding: 0;
+    border: none;
+    border-radius: var(--sve-radius-sm);
+    background-color: transparent;
+    color: var(--sve-color-default-foreground);
+    cursor: pointer;
+    transition: background-color 0.15s ease, color 0.15s ease;
+  }
+
+  .sve-code__copy:hover {
+    background-color: var(--sve-color-default);
+  }
+
+  .sve-code__copy:focus-visible {
+    outline: 2px solid var(--sve-color-primary);
+    outline-offset: 2px;
+  }
+
+  .sve-code__copy svg {
+    width: 1rem;
+    height: 1rem;
+  }
+
+  .sve-code__pre {
+    margin: 0;
+    padding: var(--sve-space-4);
+    overflow-x: auto;
+    font-size: var(--sve-font-size-sm);
+    line-height: var(--sve-line-height-relaxed);
+    color: var(--sve-color-default-foreground);
+  }
+
+  .sve-code__pre code {
+    font-family: inherit;
+  }
+</style>

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

@@ -0,0 +1,14 @@
+import type { HTMLAttributes } from 'svelte/elements';
+interface Props extends Omit<HTMLAttributes<HTMLDivElement>, 'class'> {
+    /** The code to display (and copy). Kept as a string so copy is SSR-safe — no DOM scraping. */
+    code: string;
+    /** Optional header label, e.g. a filename or language. */
+    label?: string;
+    /** Show the copy-to-clipboard button. */
+    copyable?: boolean;
+    class?: string;
+}
+declare const Code: import("svelte").Component<Props, {}, "">;
+type Code = ReturnType<typeof Code>;
+export default Code;
+//# sourceMappingURL=Code.svelte.d.ts.map

package/dist/components/Code/Code.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Code.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Code/Code.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,UAAU,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACnE,8FAA8F;IAC9F,IAAI,EAAE,MAAM,CAAC;IACb,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAmDH,QAAA,MAAM,IAAI,2CAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}

package/dist/components/Combobox/ComboboxContent.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+  import { Combobox } from 'bits-ui';
+  import type { ComponentProps } from 'svelte';
+
+  type BitsContentProps = ComponentProps<typeof Combobox.Content>;
+
+  interface Props extends Omit<BitsContentProps, 'class'> {
+    class?: string;
+  }
+
+  let { class: cls, ...rest }: Props = $props();
+
+  const className = $derived(['sve-combobox__content', cls].filter(Boolean).join(' '));
+</script>
+
+<Combobox.Portal>
+  <Combobox.Content class={className} data-slot="combobox-content" {...rest} />
+</Combobox.Portal>
+
+<style>
+  :global(.sve-combobox__content) {
+    z-index: 60;
+    min-width: var(--bits-combobox-anchor-width, 12rem);
+    max-height: 18rem;
+    overflow-y: auto;
+    padding: var(--sve-space-1);
+    border: 1px solid var(--sve-color-default-border);
+    border-radius: var(--sve-radius-md);
+    background-color: var(--sve-color-default-surface);
+    box-shadow: var(--sve-shadow-md);
+    font-family: var(--sve-font-family-sans);
+  }
+</style>

package/dist/components/Combobox/ComboboxContent.svelte.d.ts

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

package/dist/components/Combobox/ComboboxContent.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxContent.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Combobox/ComboboxContent.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAG3C,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC,CAAC;AAEhE,UAAU,KAAM,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAoBH,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/components/Combobox/ComboboxInput.svelte

@@ -0,0 +1,42 @@
+<script lang="ts">
+  import { Combobox } from 'bits-ui';
+  import type { ComponentProps } from 'svelte';
+
+  type BitsInputProps = ComponentProps<typeof Combobox.Input>;
+
+  interface Props extends Omit<BitsInputProps, 'class'> {
+    class?: string;
+  }
+
+  let { class: cls, ...rest }: Props = $props();
+
+  const className = $derived(['sve-combobox__input', cls].filter(Boolean).join(' '));
+</script>
+
+<Combobox.Input class={className} data-slot="combobox-input" {...rest} />
+
+<style>
+  :global(.sve-combobox__input) {
+    display: block;
+    width: 100%;
+    height: 2.5rem;
+    padding: var(--sve-space-2) var(--sve-space-3);
+    border: 1px solid var(--sve-color-default-border);
+    border-radius: var(--sve-radius-md);
+    background-color: transparent;
+    color: var(--sve-color-default-foreground);
+    font-family: var(--sve-font-family-sans);
+    font-size: var(--sve-font-size-md);
+    outline: none;
+  }
+
+  :global(.sve-combobox__input:focus-visible) {
+    border-color: var(--sve-color-primary-border);
+    box-shadow: 0 0 0 3px var(--sve-color-primary-surface);
+  }
+
+  :global(.sve-combobox__input:disabled) {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+</style>

package/dist/components/Combobox/ComboboxInput.svelte.d.ts

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

package/dist/components/Combobox/ComboboxInput.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxInput.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Combobox/ComboboxInput.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAG3C,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;AAE5D,UAAU,KAAM,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkBH,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/components/Combobox/ComboboxItem.svelte

@@ -0,0 +1,50 @@
+<script lang="ts">
+  import { Combobox } from 'bits-ui';
+  import type { ComponentProps } from 'svelte';
+
+  type BitsItemProps = ComponentProps<typeof Combobox.Item>;
+
+  // `value` (required) and `label` flow through ...rest; the selected check is
+  // rendered via CSS (::after on [data-selected]) to avoid shadowing children.
+  interface Props extends Omit<BitsItemProps, 'class'> {
+    class?: string;
+  }
+
+  let { class: cls, ...rest }: Props = $props();
+
+  const className = $derived(['sve-combobox__item', cls].filter(Boolean).join(' '));
+</script>
+
+<Combobox.Item class={className} data-slot="combobox-item" {...rest} />
+
+<style>
+  :global(.sve-combobox__item) {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--sve-space-2);
+    padding: var(--sve-space-2) var(--sve-space-3);
+    border-radius: var(--sve-radius-sm);
+    color: var(--sve-color-default-foreground);
+    font-size: var(--sve-font-size-md);
+    cursor: pointer;
+    user-select: none;
+    outline: none;
+  }
+
+  :global(.sve-combobox__item[data-highlighted]) {
+    background-color: var(--sve-color-primary-surface);
+    color: var(--sve-color-primary);
+  }
+
+  :global(.sve-combobox__item[data-disabled]) {
+    opacity: 0.5;
+    pointer-events: none;
+  }
+
+  :global(.sve-combobox__item[data-selected])::after {
+    content: '✓';
+    color: var(--sve-color-primary);
+    font-weight: var(--sve-font-weight-bold);
+  }
+</style>

package/dist/components/Combobox/ComboboxItem.svelte.d.ts

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

package/dist/components/Combobox/ComboboxItem.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Combobox/ComboboxItem.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAG3C,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;AAI1D,UAAU,KAAM,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkBH,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,17 @@
+/**
+ * Combobox namespace — sve-ui styled wrappers over bits-ui Combobox.
+ *
+ * Root, Trigger, Group, GroupHeading: re-exported as-is (behavior; Bits owns
+ * ARIA, open state, and typeahead). Root narrows on the consumer's literal `type`.
+ * Input, Content, Item: styled wrappers. Content portals to <body>; Item shows
+ * a selected check via CSS. Filtering is consumer-driven from the input value.
+ */
+import { Combobox } from 'bits-ui';
+export declare const Root: import("svelte").Component<import("bits-ui").ComboboxRootPropsWithoutHTML, {}, "value" | "open">;
+export declare const Trigger: import("svelte").Component<Combobox.TriggerProps, {}, "ref">;
+export declare const Group: import("svelte").Component<Combobox.GroupProps, {}, "ref">;
+export declare const GroupHeading: import("svelte").Component<Combobox.GroupHeadingProps, {}, "ref">;
+export { default as Input } from './ComboboxInput.svelte';
+export { default as Content } from './ComboboxContent.svelte';
+export { default as Item } from './ComboboxItem.svelte';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Combobox/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,eAAO,MAAM,IAAI,kGAAgB,CAAC;AAClC,eAAO,MAAM,OAAO,8DAAmB,CAAC;AACxC,eAAO,MAAM,KAAK,4DAAiB,CAAC;AACpC,eAAO,MAAM,YAAY,mEAAwB,CAAC;AAElD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/Combobox/index.js

@@ -0,0 +1,16 @@
+/**
+ * Combobox namespace — sve-ui styled wrappers over bits-ui Combobox.
+ *
+ * Root, Trigger, Group, GroupHeading: re-exported as-is (behavior; Bits owns
+ * ARIA, open state, and typeahead). Root narrows on the consumer's literal `type`.
+ * Input, Content, Item: styled wrappers. Content portals to <body>; Item shows
+ * a selected check via CSS. Filtering is consumer-driven from the input value.
+ */
+import { Combobox } from 'bits-ui';
+export const Root = Combobox.Root;
+export const Trigger = Combobox.Trigger;
+export const Group = Combobox.Group;
+export const GroupHeading = Combobox.GroupHeading;
+export { default as Input } from './ComboboxInput.svelte';
+export { default as Content } from './ComboboxContent.svelte';
+export { default as Item } from './ComboboxItem.svelte';

package/dist/components/RadioGroup/RadioGroupItem.svelte

@@ -0,0 +1,58 @@
+<script lang="ts">
+  import { RadioGroup } from 'bits-ui';
+  import type { ComponentProps } from 'svelte';
+
+  type BitsItemProps = ComponentProps<typeof RadioGroup.Item>;
+
+  interface Props extends Omit<BitsItemProps, 'class' | 'children'> {
+    class?: string;
+  }
+
+  let { class: cls, ...rest }: Props = $props();
+
+  const className = $derived(['sve-radio', cls].filter(Boolean).join(' '));
+</script>
+
+<RadioGroup.Item class={className} data-slot="radio-item" {...rest}>
+  {#snippet children({ checked })}
+    {#if checked}<span class="sve-radio__dot" data-slot="radio-dot"></span>{/if}
+  {/snippet}
+</RadioGroup.Item>
+
+<style>
+  :global(.sve-radio) {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    width: 1.25rem;
+    height: 1.25rem;
+    padding: 0;
+    border: 1px solid var(--sve-color-default-border);
+    border-radius: var(--sve-radius-full);
+    background-color: transparent;
+    cursor: pointer;
+    transition: border-color 0.15s ease;
+  }
+
+  :global(.sve-radio[data-state='checked']) {
+    border-color: var(--sve-color-primary);
+  }
+
+  :global(.sve-radio:focus-visible) {
+    outline: 2px solid var(--sve-color-primary);
+    outline-offset: 2px;
+  }
+
+  :global(.sve-radio:disabled) {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  :global(.sve-radio__dot) {
+    width: 0.625rem;
+    height: 0.625rem;
+    border-radius: var(--sve-radius-full);
+    background-color: var(--sve-color-primary);
+  }
+</style>

package/dist/components/RadioGroup/RadioGroupItem.svelte.d.ts

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

package/dist/components/RadioGroup/RadioGroupItem.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/RadioGroup/RadioGroupItem.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAG3C,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;AAE5D,UAAU,KAAM,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,UAAU,CAAC;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAsBH,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/components/RadioGroup/RadioGroupRoot.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+  import { RadioGroup } from 'bits-ui';
+  import type { ComponentProps } from 'svelte';
+
+  type BitsRootProps = ComponentProps<typeof RadioGroup.Root>;
+
+  interface Props extends Omit<BitsRootProps, 'class'> {
+    class?: string;
+  }
+
+  let { value = $bindable(), class: cls, ...rest }: Props = $props();
+
+  const className = $derived(
+    ['sve-radio-group', cls].filter(Boolean).join(' ')
+  );
+</script>
+
+<RadioGroup.Root bind:value class={className} data-slot="radio-group" {...rest} />
+
+<style>
+  :global(.sve-radio-group) {
+    display: flex;
+    flex-direction: column;
+    gap: var(--sve-space-2);
+  }
+
+  :global(.sve-radio-group[data-orientation='horizontal']) {
+    flex-direction: row;
+  }
+</style>

package/dist/components/RadioGroup/RadioGroupRoot.svelte.d.ts

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

package/dist/components/RadioGroup/RadioGroupRoot.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupRoot.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/RadioGroup/RadioGroupRoot.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAG3C,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;AAE5D,UAAU,KAAM,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAoBH,QAAA,MAAM,cAAc,gDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,10 @@
+/**
+ * RadioGroup namespace — sve-ui styled wrappers over bits-ui RadioGroup.
+ *
+ * Root: styled group container; `bind:value` is forwarded to the Bits root
+ * (Bits owns ARIA role="radiogroup", roving focus, and keyboard navigation).
+ * Item: styled radio with a selected dot indicator. `value` is required.
+ */
+export { default as Root } from './RadioGroupRoot.svelte';
+export { default as Item } from './RadioGroupItem.svelte';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/RadioGroup/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/RadioGroup/index.js

@@ -0,0 +1,9 @@
+/**
+ * RadioGroup namespace — sve-ui styled wrappers over bits-ui RadioGroup.
+ *
+ * Root: styled group container; `bind:value` is forwarded to the Bits root
+ * (Bits owns ARIA role="radiogroup", roving focus, and keyboard navigation).
+ * Item: styled radio with a selected dot indicator. `value` is required.
+ */
+export { default as Root } from './RadioGroupRoot.svelte';
+export { default as Item } from './RadioGroupItem.svelte';

package/dist/components/Select/SelectContent.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+  import { Select } from 'bits-ui';
+  import type { ComponentProps } from 'svelte';
+
+  type BitsContentProps = ComponentProps<typeof Select.Content>;
+
+  interface Props extends Omit<BitsContentProps, 'class'> {
+    class?: string;
+  }
+
+  let { class: cls, ...rest }: Props = $props();
+
+  const className = $derived(['sve-select__content', cls].filter(Boolean).join(' '));
+</script>
+
+<Select.Portal>
+  <Select.Content class={className} data-slot="select-content" {...rest} />
+</Select.Portal>
+
+<style>
+  :global(.sve-select__content) {
+    z-index: 60;
+    min-width: var(--bits-select-anchor-width, 8rem);
+    max-height: 18rem;
+    overflow-y: auto;
+    padding: var(--sve-space-1);
+    border: 1px solid var(--sve-color-default-border);
+    border-radius: var(--sve-radius-md);
+    background-color: var(--sve-color-default-surface);
+    box-shadow: var(--sve-shadow-md);
+    font-family: var(--sve-font-family-sans);
+  }
+</style>

package/dist/components/Select/SelectContent.svelte.d.ts

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

package/dist/components/Select/SelectContent.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectContent.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Select/SelectContent.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;AAoBH,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/components/Select/SelectItem.svelte

@@ -0,0 +1,51 @@
+<script lang="ts">
+  import { Select } from 'bits-ui';
+  import type { ComponentProps } from 'svelte';
+
+  type BitsItemProps = ComponentProps<typeof Select.Item>;
+
+  // `value` (required) and `label` flow through ...rest; the selected check is
+  // rendered via CSS (::after on [data-selected]) to avoid shadowing the
+  // children snippet.
+  interface Props extends Omit<BitsItemProps, 'class'> {
+    class?: string;
+  }
+
+  let { class: cls, ...rest }: Props = $props();
+
+  const className = $derived(['sve-select__item', cls].filter(Boolean).join(' '));
+</script>
+
+<Select.Item class={className} data-slot="select-item" {...rest} />
+
+<style>
+  :global(.sve-select__item) {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--sve-space-2);
+    padding: var(--sve-space-2) var(--sve-space-3);
+    border-radius: var(--sve-radius-sm);
+    color: var(--sve-color-default-foreground);
+    font-size: var(--sve-font-size-md);
+    cursor: pointer;
+    user-select: none;
+    outline: none;
+  }
+
+  :global(.sve-select__item[data-highlighted]) {
+    background-color: var(--sve-color-primary-surface);
+    color: var(--sve-color-primary);
+  }
+
+  :global(.sve-select__item[data-disabled]) {
+    opacity: 0.5;
+    pointer-events: none;
+  }
+
+  :global(.sve-select__item[data-selected])::after {
+    content: '✓';
+    color: var(--sve-color-primary);
+    font-weight: var(--sve-font-weight-bold);
+  }
+</style>

package/dist/components/Select/SelectItem.svelte.d.ts

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

package/dist/components/Select/SelectItem.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Select/SelectItem.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAG3C,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;AAKxD,UAAU,KAAM,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkBH,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}