sve-ui 0.2.1 → 0.3.1

package/dist/components/Slider/Slider.svelte

@@ -0,0 +1,101 @@
+<script lang="ts">
+  import { Slider } from 'bits-ui';
+  import type { Component } from 'svelte';
+  import type { HTMLAttributes } from 'svelte/elements';
+
+  /**
+   * Self-contained slider: renders the track, filled range, and one thumb per
+   * value internally, so consumers just set `value` / `min` / `max` / `step`.
+   *
+   * Bits' Slider.Root props are a discriminated union (single vs multiple); we
+   * expose a flat surface and forward to a loosely-typed view of the root to
+   * avoid TypeScript's "union too complex" overflow.
+   */
+  interface Props extends Omit<HTMLAttributes<HTMLSpanElement>, 'class'> {
+    type?: 'single' | 'multiple';
+    value?: number | number[];
+    onValueChange?: (value: number & number[]) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Accessible name for the thumb(s). The `role="slider"` element needs a name;
+     * in `multiple` mode each thumb gets the label suffixed with its position.
+     */
+    thumbLabel?: string;
+    class?: string;
+  }
+
+  let { type = 'single', thumbLabel, class: cls, ...rest }: Props = $props();
+
+  function thumbName(index: number): string | undefined {
+    if (!thumbLabel) return undefined;
+    return type === 'multiple' ? `${thumbLabel} ${index + 1}` : thumbLabel;
+  }
+
+  const className = $derived(['sve-slider', cls].filter(Boolean).join(' '));
+
+  const Root = Slider.Root as unknown as Component<Record<string, unknown>>;
+</script>
+
+<Root {type} class={className} data-slot="slider" {...rest}>
+  {#snippet children({ thumbItems }: { thumbItems: { index: number; value: number }[] })}
+    <span class="sve-slider__track">
+      <Slider.Range class="sve-slider__range" />
+    </span>
+    {#each thumbItems as thumb (thumb.index)}
+      <Slider.Thumb index={thumb.index} class="sve-slider__thumb" aria-label={thumbName(thumb.index)} />
+    {/each}
+  {/snippet}
+</Root>
+
+<style>
+  :global(.sve-slider) {
+    position: relative;
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 1.25rem;
+    touch-action: none;
+    user-select: none;
+    cursor: pointer;
+  }
+
+  :global(.sve-slider__track) {
+    position: relative;
+    flex-grow: 1;
+    height: 0.375rem;
+    border-radius: var(--sve-radius-full);
+    background-color: var(--sve-color-default);
+  }
+
+  :global(.sve-slider__range) {
+    position: absolute;
+    height: 100%;
+    border-radius: var(--sve-radius-full);
+    background-color: var(--sve-color-primary);
+  }
+
+  :global(.sve-slider__thumb) {
+    display: block;
+    width: 1.125rem;
+    height: 1.125rem;
+    border-radius: var(--sve-radius-full);
+    background-color: #ffffff;
+    border: 1px solid var(--sve-color-default-border);
+    box-shadow: var(--sve-shadow-sm);
+    cursor: grab;
+  }
+
+  :global(.sve-slider__thumb:focus-visible) {
+    outline: 2px solid var(--sve-color-primary);
+    outline-offset: 2px;
+  }
+
+  :global(.sve-slider[data-disabled]) {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+</style>

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

@@ -0,0 +1,31 @@
+import { Slider } from 'bits-ui';
+import type { Component } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+/**
+ * Self-contained slider: renders the track, filled range, and one thumb per
+ * value internally, so consumers just set `value` / `min` / `max` / `step`.
+ *
+ * Bits' Slider.Root props are a discriminated union (single vs multiple); we
+ * expose a flat surface and forward to a loosely-typed view of the root to
+ * avoid TypeScript's "union too complex" overflow.
+ */
+interface Props extends Omit<HTMLAttributes<HTMLSpanElement>, 'class'> {
+    type?: 'single' | 'multiple';
+    value?: number | number[];
+    onValueChange?: (value: number & number[]) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Accessible name for the thumb(s). The `role="slider"` element needs a name;
+     * in `multiple` mode each thumb gets the label suffixed with its position.
+     */
+    thumbLabel?: string;
+    class?: string;
+}
+declare const Slider: Component<Props, {}, "">;
+type Slider = ReturnType<typeof Slider>;
+export default Slider;
+//# sourceMappingURL=Slider.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Slider/Slider.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD;;;;;;;GAOG;AACH,UAAU,KAAM,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACpE,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkCH,QAAA,MAAM,MAAM,0BAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/components/Switch/SwitchRoot.svelte

@@ -0,0 +1,87 @@
+<script module lang="ts">
+  export type Size = 'sm' | 'md' | 'lg';
+</script>
+
+<script lang="ts">
+  import { Switch } from 'bits-ui';
+  import type { ComponentProps } from 'svelte';
+
+  type BitsRootProps = ComponentProps<typeof Switch.Root>;
+
+  interface Props extends Omit<BitsRootProps, 'class'> {
+    size?: Size;
+    class?: string;
+  }
+
+  let {
+    size = 'md',
+    checked = $bindable(false),
+    class: cls,
+    ...rest
+  }: Props = $props();
+
+  const className = $derived(
+    ['sve-switch', `sve-switch--${size}`, cls].filter(Boolean).join(' ')
+  );
+</script>
+
+<Switch.Root bind:checked class={className} data-slot="switch" {...rest}>
+  <Switch.Thumb class="sve-switch__thumb" data-slot="switch-thumb" />
+</Switch.Root>
+
+<style>
+  :global(.sve-switch) {
+    display: inline-flex;
+    align-items: center;
+    flex-shrink: 0;
+    padding: 2px;
+    border: none;
+    border-radius: var(--sve-radius-full);
+    background-color: var(--sve-color-default);
+    cursor: pointer;
+    transition: background-color 0.15s ease;
+  }
+
+  :global(.sve-switch[data-state='checked']) {
+    background-color: var(--sve-color-primary);
+  }
+
+  :global(.sve-switch:focus-visible) {
+    outline: 2px solid var(--sve-color-primary);
+    outline-offset: 2px;
+  }
+
+  :global(.sve-switch:disabled) {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  :global(.sve-switch__thumb) {
+    display: block;
+    border-radius: var(--sve-radius-full);
+    background-color: #ffffff;
+    box-shadow: var(--sve-shadow-sm);
+    transition: transform 0.15s ease;
+    transform: translateX(0);
+  }
+
+  /* --- Sizes (track height/width + thumb size + travel) --- */
+  :global(.sve-switch--sm) { width: 2rem; height: 1.25rem; }
+  :global(.sve-switch--sm .sve-switch__thumb) { width: 1rem; height: 1rem; }
+  :global(.sve-switch--sm[data-state='checked'] .sve-switch__thumb) { transform: translateX(0.75rem); }
+
+  :global(.sve-switch--md) { width: 2.5rem; height: 1.5rem; }
+  :global(.sve-switch--md .sve-switch__thumb) { width: 1.25rem; height: 1.25rem; }
+  :global(.sve-switch--md[data-state='checked'] .sve-switch__thumb) { transform: translateX(1rem); }
+
+  :global(.sve-switch--lg) { width: 3rem; height: 1.75rem; }
+  :global(.sve-switch--lg .sve-switch__thumb) { width: 1.5rem; height: 1.5rem; }
+  :global(.sve-switch--lg[data-state='checked'] .sve-switch__thumb) { transform: translateX(1.25rem); }
+
+  @media (prefers-reduced-motion: reduce) {
+    :global(.sve-switch),
+    :global(.sve-switch__thumb) {
+      transition: none;
+    }
+  }
+</style>

package/dist/components/Switch/SwitchRoot.svelte.d.ts

@@ -0,0 +1,12 @@
+export type Size = 'sm' | 'md' | 'lg';
+import { Switch } from 'bits-ui';
+import type { ComponentProps } from 'svelte';
+type BitsRootProps = ComponentProps<typeof Switch.Root>;
+interface Props extends Omit<BitsRootProps, 'class'> {
+    size?: Size;
+    class?: string;
+}
+declare const SwitchRoot: import("svelte").Component<Props, {}, "checked">;
+type SwitchRoot = ReturnType<typeof SwitchRoot>;
+export default SwitchRoot;
+//# sourceMappingURL=SwitchRoot.svelte.d.ts.map

package/dist/components/Switch/SwitchRoot.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchRoot.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Switch/SwitchRoot.svelte.ts"],"names":[],"mappings":"AAGE,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAGxC,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;AAExD,UAAU,KAAM,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC;IAClD,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6BH,QAAA,MAAM,UAAU,kDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,8 @@
+/**
+ * Switch namespace — sve-ui styled wrapper over the bits-ui Switch primitive.
+ *
+ * Root: styled track + thumb (Bits owns ARIA role="switch", keyboard, state).
+ * `bind:checked` is forwarded to the Bits root.
+ */
+export { default as Root, type Size as SwitchSize } from './SwitchRoot.svelte';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Switch/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,IAAI,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/Switch/index.js

@@ -0,0 +1,7 @@
+/**
+ * Switch namespace — sve-ui styled wrapper over the bits-ui Switch primitive.
+ *
+ * Root: styled track + thumb (Bits owns ARIA role="switch", keyboard, state).
+ * `bind:checked` is forwarded to the Bits root.
+ */
+export { default as Root } from './SwitchRoot.svelte';

package/dist/components/Tabs/TabsContent.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+  import { Tabs } from 'bits-ui';
+  import type { ComponentProps } from 'svelte';
+
+  type BitsContentProps = ComponentProps<typeof Tabs.Content>;
+
+  interface Props extends Omit<BitsContentProps, 'class'> {
+    class?: string;
+  }
+
+  let { class: cls, ...rest }: Props = $props();
+
+  const className = $derived(['sve-tabs__content', cls].filter(Boolean).join(' '));
+</script>
+
+<Tabs.Content class={className} data-slot="tabs-content" {...rest} />
+
+<style>
+  :global(.sve-tabs__content) {
+    color: var(--sve-color-default-foreground);
+    font-family: var(--sve-font-family-sans);
+  }
+
+  :global(.sve-tabs__content:focus-visible) {
+    outline: 2px solid var(--sve-color-primary);
+    outline-offset: 2px;
+    border-radius: var(--sve-radius-sm);
+  }
+</style>

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabsContent.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Tabs/TabsContent.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAG3C,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC;AAE5D,UAAU,KAAM,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkBH,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/Tabs/TabsList.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+  import { Tabs } from 'bits-ui';
+  import type { ComponentProps } from 'svelte';
+
+  type BitsListProps = ComponentProps<typeof Tabs.List>;
+
+  interface Props extends Omit<BitsListProps, 'class'> {
+    class?: string;
+  }
+
+  let { class: cls, ...rest }: Props = $props();
+
+  const className = $derived(['sve-tabs__list', cls].filter(Boolean).join(' '));
+</script>
+
+<Tabs.List class={className} data-slot="tabs-list" {...rest} />
+
+<style>
+  :global(.sve-tabs__list) {
+    display: flex;
+    gap: var(--sve-space-1);
+    border-bottom: 1px solid var(--sve-color-default-border);
+  }
+</style>

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabsList.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Tabs/TabsList.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAG3C,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC;AAEtD,UAAU,KAAM,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkBH,QAAA,MAAM,QAAQ,2CAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/components/Tabs/TabsRoot.svelte

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabsRoot.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Tabs/TabsRoot.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAG3C,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC;AAEtD,UAAU,KAAM,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkBH,QAAA,MAAM,QAAQ,gDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/components/Tabs/TabsTrigger.svelte

@@ -0,0 +1,54 @@
+<script lang="ts">
+  import { Tabs } from 'bits-ui';
+  import type { ComponentProps } from 'svelte';
+
+  type BitsTriggerProps = ComponentProps<typeof Tabs.Trigger>;
+
+  interface Props extends Omit<BitsTriggerProps, 'class'> {
+    class?: string;
+  }
+
+  let { class: cls, ...rest }: Props = $props();
+
+  const className = $derived(['sve-tabs__trigger', cls].filter(Boolean).join(' '));
+</script>
+
+<Tabs.Trigger class={className} data-slot="tabs-trigger" {...rest} />
+
+<style>
+  :global(.sve-tabs__trigger) {
+    padding: var(--sve-space-2) var(--sve-space-3);
+    border: none;
+    border-bottom: 2px solid transparent;
+    margin-bottom: -1px;
+    background-color: transparent;
+    color: var(--sve-color-default-foreground);
+    opacity: 0.65;
+    font-family: var(--sve-font-family-sans);
+    font-size: var(--sve-font-size-md);
+    font-weight: var(--sve-font-weight-medium);
+    cursor: pointer;
+    transition: color 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
+  }
+
+  :global(.sve-tabs__trigger:hover:not([data-state='active'])) {
+    opacity: 1;
+  }
+
+  :global(.sve-tabs__trigger[data-state='active']) {
+    color: var(--sve-color-primary);
+    border-bottom-color: var(--sve-color-primary);
+    opacity: 1;
+  }
+
+  :global(.sve-tabs__trigger:focus-visible) {
+    outline: 2px solid var(--sve-color-primary);
+    outline-offset: -2px;
+    border-radius: var(--sve-radius-sm);
+  }
+
+  :global(.sve-tabs__trigger:disabled) {
+    opacity: 0.4;
+    cursor: not-allowed;
+  }
+</style>

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabsTrigger.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Tabs/TabsTrigger.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAG3C,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC;AAE5D,UAAU,KAAM,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkBH,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,12 @@
+/**
+ * Tabs namespace — sve-ui styled wrappers over bits-ui Tabs.
+ *
+ * Root: container; `bind:value` selects the active tab (Bits owns ARIA,
+ * roving focus, and keyboard navigation).
+ * List / Trigger / Content: styled parts. Trigger and Content pair by `value`.
+ */
+export { default as Root } from './TabsRoot.svelte';
+export { default as List } from './TabsList.svelte';
+export { default as Trigger } from './TabsTrigger.svelte';
+export { default as Content } from './TabsContent.svelte';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Tabs/index.js

@@ -0,0 +1,11 @@
+/**
+ * Tabs namespace — sve-ui styled wrappers over bits-ui Tabs.
+ *
+ * Root: container; `bind:value` selects the active tab (Bits owns ARIA,
+ * roving focus, and keyboard navigation).
+ * List / Trigger / Content: styled parts. Trigger and Content pair by `value`.
+ */
+export { default as Root } from './TabsRoot.svelte';
+export { default as List } from './TabsList.svelte';
+export { default as Trigger } from './TabsTrigger.svelte';
+export { default as Content } from './TabsContent.svelte';

package/dist/index.d.ts

@@ -12,6 +12,8 @@ export { default as Heading } from './components/Heading/Heading.svelte';
 export { default as Badge } from './components/Badge/Badge.svelte';
 export { default as Spinner } from './components/Spinner/Spinner.svelte';
 export { default as Input } from './components/Input/Input.svelte';
+export { default as Code } from './components/Code/Code.svelte';
+export { default as Slider } from './components/Slider/Slider.svelte';
 export * as Dialog from './components/Dialog/index.js';
 export * as DropdownMenu from './components/DropdownMenu/index.js';
 export * as Tooltip from './components/Tooltip/index.js';
@@ -19,6 +21,13 @@ export * as Popover from './components/Popover/index.js';
 export * as Avatar from './components/Avatar/index.js';
 export * as Card from './components/Card/index.js';
 export * as Alert from './components/Alert/index.js';
+export * as Tabs from './components/Tabs/index.js';
+export * as Accordion from './components/Accordion/index.js';
+export * as Switch from './components/Switch/index.js';
+export * as Checkbox from './components/Checkbox/index.js';
+export * as RadioGroup from './components/RadioGroup/index.js';
+export * as Select from './components/Select/index.js';
+export * as Combobox from './components/Combobox/index.js';
 export { buttonVariants } from './components/Button/Button.svelte';
 export { badgeVariants, type Variant as BadgeVariant, type Color as BadgeColor, type Size as BadgeSize } from './components/Badge/Badge.svelte';
 export { cardVariants, type Variant as CardVariant, type Padding as CardPadding } from './components/Card/CardRoot.svelte';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,iCAAiC,CAAC;AAGnE,OAAO,KAAK,MAAM,MAAM,8BAA8B,CAAC;AAGvD,OAAO,KAAK,YAAY,MAAM,oCAAoC,CAAC;AAGnE,OAAO,KAAK,OAAO,MAAM,+BAA+B,CAAC;AAGzD,OAAO,KAAK,OAAO,MAAM,+BAA+B,CAAC;AAGzD,OAAO,KAAK,MAAM,MAAM,8BAA8B,CAAC;AAGvD,OAAO,KAAK,IAAI,MAAM,4BAA4B,CAAC;AAGnD,OAAO,KAAK,KAAK,MAAM,6BAA6B,CAAC;AAGrD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE,OAAO,EAAE,aAAa,EAAE,KAAK,OAAO,IAAI,YAAY,EAAE,KAAK,KAAK,IAAI,UAAU,EAAE,KAAK,IAAI,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAGhJ,OAAO,EAAE,YAAY,EAAE,KAAK,OAAO,IAAI,WAAW,EAAE,KAAK,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAG3H,OAAO,EAAE,aAAa,EAAE,KAAK,KAAK,IAAI,UAAU,EAAE,KAAK,OAAO,IAAI,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAG5H,OAAO,EAAE,aAAa,EAAE,KAAK,IAAI,IAAI,SAAS,EAAE,KAAK,OAAO,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAGtH,OAAO,EACL,cAAc,EACd,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,YAAY,GAClB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,QAAQ,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAGxD,OAAO,EACL,WAAW,EACX,UAAU,EACV,WAAW,EACX,KAAK,QAAQ,EACb,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,aAAa,GACnB,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAGtE,OAAO,KAAK,MAAM,MAAM,8BAA8B,CAAC;AAGvD,OAAO,KAAK,YAAY,MAAM,oCAAoC,CAAC;AAGnE,OAAO,KAAK,OAAO,MAAM,+BAA+B,CAAC;AAGzD,OAAO,KAAK,OAAO,MAAM,+BAA+B,CAAC;AAGzD,OAAO,KAAK,MAAM,MAAM,8BAA8B,CAAC;AAGvD,OAAO,KAAK,IAAI,MAAM,4BAA4B,CAAC;AAGnD,OAAO,KAAK,KAAK,MAAM,6BAA6B,CAAC;AAGrD,OAAO,KAAK,IAAI,MAAM,4BAA4B,CAAC;AAGnD,OAAO,KAAK,SAAS,MAAM,iCAAiC,CAAC;AAG7D,OAAO,KAAK,MAAM,MAAM,8BAA8B,CAAC;AAGvD,OAAO,KAAK,QAAQ,MAAM,gCAAgC,CAAC;AAG3D,OAAO,KAAK,UAAU,MAAM,kCAAkC,CAAC;AAG/D,OAAO,KAAK,MAAM,MAAM,8BAA8B,CAAC;AAGvD,OAAO,KAAK,QAAQ,MAAM,gCAAgC,CAAC;AAG3D,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAGnE,OAAO,EAAE,aAAa,EAAE,KAAK,OAAO,IAAI,YAAY,EAAE,KAAK,KAAK,IAAI,UAAU,EAAE,KAAK,IAAI,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAGhJ,OAAO,EAAE,YAAY,EAAE,KAAK,OAAO,IAAI,WAAW,EAAE,KAAK,OAAO,IAAI,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAG3H,OAAO,EAAE,aAAa,EAAE,KAAK,KAAK,IAAI,UAAU,EAAE,KAAK,OAAO,IAAI,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAG5H,OAAO,EAAE,aAAa,EAAE,KAAK,IAAI,IAAI,SAAS,EAAE,KAAK,OAAO,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAGtH,OAAO,EACL,cAAc,EACd,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,YAAY,GAClB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,QAAQ,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAGxD,OAAO,EACL,WAAW,EACX,UAAU,EACV,WAAW,EACX,KAAK,QAAQ,EACb,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,aAAa,GACnB,MAAM,gBAAgB,CAAC"}

package/dist/index.js

@@ -13,6 +13,8 @@ export { default as Heading } from './components/Heading/Heading.svelte';
 export { default as Badge } from './components/Badge/Badge.svelte';
 export { default as Spinner } from './components/Spinner/Spinner.svelte';
 export { default as Input } from './components/Input/Input.svelte';
+export { default as Code } from './components/Code/Code.svelte';
+export { default as Slider } from './components/Slider/Slider.svelte';
 // Dialog namespace (composed over bits-ui)
 export * as Dialog from './components/Dialog/index.js';
 // DropdownMenu namespace (composed over bits-ui)
@@ -27,6 +29,20 @@ export * as Avatar from './components/Avatar/index.js';
 export * as Card from './components/Card/index.js';
 // Alert namespace
 export * as Alert from './components/Alert/index.js';
+// Tabs namespace (composed over bits-ui)
+export * as Tabs from './components/Tabs/index.js';
+// Accordion namespace (composed over bits-ui)
+export * as Accordion from './components/Accordion/index.js';
+// Switch namespace (composed over bits-ui)
+export * as Switch from './components/Switch/index.js';
+// Checkbox namespace (composed over bits-ui)
+export * as Checkbox from './components/Checkbox/index.js';
+// RadioGroup namespace (composed over bits-ui)
+export * as RadioGroup from './components/RadioGroup/index.js';
+// Select namespace (composed over bits-ui)
+export * as Select from './components/Select/index.js';
+// Combobox namespace (composed over bits-ui)
+export * as Combobox from './components/Combobox/index.js';
 // Button variant types
 export { buttonVariants } from './components/Button/Button.svelte';
 // Badge variant types

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sve-ui",
-  "version": "0.2.1",
+  "version": "0.3.1",
   "type": "module",
   "description": "Styled, accessible Svelte 5 components built on Bits UI. No Tailwind, no config — install, import, and theme with CSS variables. Light and dark out of the box.",
   "author": "Rodrigo Abregu <me@rodriab.io> (https://rodriab.io/)",
@@ -27,6 +27,7 @@
       "svelte": "./dist/index.js",
       "default": "./dist/index.js"
     },
+    "./package.json": "./package.json",
     "./theme": {
       "types": "./dist/theme/index.d.ts",
       "svelte": "./dist/theme/index.js",
@@ -49,13 +50,13 @@
   },
   "devDependencies": {
     "@internationalized/date": "^3.8.1",
-    "jsdom": "^26.0.0",
     "@sveltejs/kit": "^2.66.0",
     "@sveltejs/package": "^2.5.8",
     "@sveltejs/vite-plugin-svelte": "^7.1.2",
     "@testing-library/svelte": "^5.3.1",
     "eslint": "^10.5.0",
     "eslint-plugin-svelte": "^3.19.0",
+    "jsdom": "^26.0.0",
     "publint": "^0.3.21",
     "svelte": "^5.56.3",
     "svelte-check": "^4.0.0",
@@ -63,6 +64,7 @@
     "typescript-eslint": "^8.61.1",
     "vite": "^8.0.16",
     "vitest": "^4.1.9",
+    "vitest-axe": "^0.1.0",
     "@repo/eslint-config": "0.0.0",
     "@repo/typescript-config": "0.0.0"
   },