@jovertical/mise-design-system 0.0.0-stage → 1.1.0

package/dist/components/overlays/tooltip/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Tooltip, type TooltipProps } from './tooltip.svelte';
+export { default as TooltipContent, type TooltipContentProps } from './tooltip-content.svelte';
+export { default as TooltipProvider, type TooltipProviderProps } from './tooltip-provider.svelte';
+export { default as TooltipTrigger, type TooltipTriggerProps } from './tooltip-trigger.svelte';

package/dist/components/overlays/tooltip/index.js

@@ -0,0 +1,4 @@
+export { default as Tooltip } from './tooltip.svelte';
+export { default as TooltipContent } from './tooltip-content.svelte';
+export { default as TooltipProvider } from './tooltip-provider.svelte';
+export { default as TooltipTrigger } from './tooltip-trigger.svelte';

package/dist/components/overlays/tooltip/tooltip-content.svelte

@@ -0,0 +1,58 @@
+<!--
+  Origin: the React package 2.23.0 `tooltip.tsx` (`TooltipContent`), itself shadcn/ui new-york `tooltip`
+  Svelte: shadcn-svelte `tooltip`
+  Diverged: the transform origin reads bits-ui's variable. bits-ui's Arrow does
+    not rotate itself per side as Radix's did, so the arrow is a `child` div with
+    React's surface classes and shadcn-svelte's per-side transforms.
+-->
+<script lang="ts" module>
+  import { Tooltip as TooltipPrimitive } from 'bits-ui'
+
+  /**
+   * The panel sits on `bg-popover` with the ring and shadow every floating
+   * panel here carries, not the inverted `bg-foreground text-background`
+   * tooltip idiom. The inversion looks deliberate in light mode and renders a
+   * page-bright block over a dark UI in dark mode. The arrow follows the
+   * surface and carries no ring of its own.
+   */
+  export type TooltipContentProps = TooltipPrimitive.ContentProps & {
+    portalProps?: TooltipPrimitive.PortalProps
+  }
+</script>
+
+<script lang="ts">
+  import { cn } from '../../../utils/cn.js'
+
+  let {
+    ref = $bindable(null),
+    sideOffset = 0,
+    portalProps,
+    class: className,
+    children,
+    ...rest
+  }: TooltipContentProps = $props()
+</script>
+
+<TooltipPrimitive.Portal {...portalProps}>
+  <TooltipPrimitive.Content
+    bind:ref
+    data-slot="tooltip-content"
+    {sideOffset}
+    class={cn(
+      'bg-popover text-popover-foreground ring-foreground/5 dark:ring-foreground/10 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--bits-tooltip-content-transform-origin) rounded-xl px-3 py-1.5 text-xs text-balance shadow-lg ring-1',
+      className,
+    )}
+    {...rest}
+  >
+    {@render children?.()}
+    <TooltipPrimitive.Arrow>
+      {#snippet child({ props })}
+        <div
+          data-slot="tooltip-arrow"
+          class="bg-popover fill-popover z-50 size-2.5 rotate-45 rounded-[2px] data-[side=bottom]:-translate-x-1/2 data-[side=bottom]:-translate-y-[calc(-50%+1px)] data-[side=left]:-translate-y-[calc(50%-3px)] data-[side=right]:translate-x-[calc(50%+2px)] data-[side=right]:translate-y-1/2 data-[side=top]:translate-x-1/2 data-[side=top]:translate-y-[calc(-50%+2px)]"
+          {...props}
+        ></div>
+      {/snippet}
+    </TooltipPrimitive.Arrow>
+  </TooltipPrimitive.Content>
+</TooltipPrimitive.Portal>

package/dist/components/overlays/tooltip/tooltip-content.svelte.d.ts

@@ -0,0 +1,14 @@
+import { Tooltip as TooltipPrimitive } from 'bits-ui';
+/**
+ * The panel sits on `bg-popover` with the ring and shadow every floating
+ * panel here carries, not the inverted `bg-foreground text-background`
+ * tooltip idiom. The inversion looks deliberate in light mode and renders a
+ * page-bright block over a dark UI in dark mode. The arrow follows the
+ * surface and carries no ring of its own.
+ */
+export type TooltipContentProps = TooltipPrimitive.ContentProps & {
+    portalProps?: TooltipPrimitive.PortalProps;
+};
+declare const TooltipContent: import("svelte").Component<TooltipContentProps, {}, "ref">;
+type TooltipContent = ReturnType<typeof TooltipContent>;
+export default TooltipContent;

package/dist/components/overlays/tooltip/tooltip-provider.svelte

@@ -0,0 +1,16 @@
+<!--
+  Origin: the React package 2.23.0 `tooltip.tsx` (`TooltipProvider`), itself shadcn/ui new-york `tooltip`
+  Svelte: shadcn-svelte `tooltip`
+  Diverged: none beyond the port. `delayDuration` defaults to 0, as in React.
+-->
+<script lang="ts" module>
+  import { Tooltip as TooltipPrimitive } from 'bits-ui'
+
+  export type TooltipProviderProps = TooltipPrimitive.ProviderProps
+</script>
+
+<script lang="ts">
+  let { delayDuration = 0, ...rest }: TooltipProviderProps = $props()
+</script>
+
+<TooltipPrimitive.Provider {delayDuration} {...rest} />

package/dist/components/overlays/tooltip/tooltip-provider.svelte.d.ts

@@ -0,0 +1,5 @@
+import { Tooltip as TooltipPrimitive } from 'bits-ui';
+export type TooltipProviderProps = TooltipPrimitive.ProviderProps;
+declare const TooltipProvider: import("svelte").Component<TooltipPrimitive.ProviderProps, {}, "">;
+type TooltipProvider = ReturnType<typeof TooltipProvider>;
+export default TooltipProvider;

package/dist/components/overlays/tooltip/tooltip-trigger.svelte

@@ -0,0 +1,16 @@
+<!--
+  Origin: the React package 2.23.0 `tooltip.tsx` (`TooltipTrigger`), itself shadcn/ui new-york `tooltip`
+  Svelte: shadcn-svelte `tooltip`
+  Diverged: `asChild` is bits-ui's `child` snippet.
+-->
+<script lang="ts" module>
+  import { Tooltip as TooltipPrimitive } from 'bits-ui'
+
+  export type TooltipTriggerProps = TooltipPrimitive.TriggerProps
+</script>
+
+<script lang="ts">
+  let { ref = $bindable(null), ...rest }: TooltipTriggerProps = $props()
+</script>
+
+<TooltipPrimitive.Trigger bind:ref data-slot="tooltip-trigger" {...rest} />

package/dist/components/overlays/tooltip/tooltip-trigger.svelte.d.ts

@@ -0,0 +1,5 @@
+import { Tooltip as TooltipPrimitive } from 'bits-ui';
+export type TooltipTriggerProps = TooltipPrimitive.TriggerProps;
+declare const TooltipTrigger: import("svelte").Component<TooltipTriggerProps, {}, "ref">;
+type TooltipTrigger = ReturnType<typeof TooltipTrigger>;
+export default TooltipTrigger;

package/dist/components/overlays/tooltip/tooltip.svelte

@@ -0,0 +1,21 @@
+<!--
+  Origin: the React package 2.23.0 `tooltip.tsx` (`Tooltip`), itself shadcn/ui new-york `tooltip`
+  Svelte: shadcn-svelte `tooltip`
+  Diverged: none beyond the port. Each Tooltip brings its own provider, as the
+    React one does, so a tooltip works without an app-level TooltipProvider.
+-->
+<script lang="ts" module>
+  import { Tooltip as TooltipPrimitive } from 'bits-ui'
+
+  export type TooltipProps = TooltipPrimitive.RootProps
+</script>
+
+<script lang="ts">
+  import TooltipProvider from './tooltip-provider.svelte'
+
+  let { open = $bindable(false), ...rest }: TooltipProps = $props()
+</script>
+
+<TooltipProvider>
+  <TooltipPrimitive.Root bind:open {...rest} />
+</TooltipProvider>

package/dist/components/overlays/tooltip/tooltip.svelte.d.ts

@@ -0,0 +1,5 @@
+import { Tooltip as TooltipPrimitive } from 'bits-ui';
+export type TooltipProps = TooltipPrimitive.RootProps;
+declare const Tooltip: import("svelte").Component<TooltipProps, {}, "open">;
+type Tooltip = ReturnType<typeof Tooltip>;
+export default Tooltip;

package/dist/components/typography/heading/heading.svelte

@@ -0,0 +1,60 @@
+<!--
+  Origin: the React package 2.23.0 `heading.tsx`
+  Diverged: none beyond the port. The heading face is whatever `--font-heading`
+    resolves to in the theme, not the React package's IBM Plex Sans.
+-->
+<script lang="ts" module>
+  import type { HTMLAttributes } from 'svelte/elements'
+
+  import type { Size } from '../../../utils/tone.js'
+  import type { WithElementRef } from '../../../utils/types.js'
+
+  export const HEADING_SIZE_CLASS: Record<Size, string> = {
+    sm: 'text-base',
+    md: 'text-lg',
+    lg: 'text-xl',
+  }
+
+  /**
+   * A heading that is not a card's, a dialog's or a page's: those have
+   * `CardTitle`, `DialogTitle` and `PageHeader`. This is a section inside a page
+   * body, so the face, the weight and the step come from one place. A figure is
+   * not a heading.
+   */
+  export type HeadingProps = WithElementRef<
+    HTMLAttributes<HTMLHeadingElement>,
+    HTMLHeadingElement
+  > & {
+    /**
+     * The level, for the document outline. `h2` by default; a page's `h1` is
+     * `PageHeader`'s. Choose it by where the heading sits, never by how big it
+     * should look; that is `size`.
+     */
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'
+    /** `sm` 16px (a card's title), `md` 18px (a dialog's), `lg` 20px (a section opening a page body). */
+    size?: Size
+  }
+</script>
+
+<script lang="ts">
+  import { cn } from '../../../utils/cn.js'
+
+  let {
+    ref = $bindable(null),
+    as = 'h2',
+    size = 'md',
+    class: className,
+    children,
+    ...rest
+  }: HeadingProps = $props()
+</script>
+
+<svelte:element
+  this={as}
+  bind:this={ref}
+  data-slot="heading"
+  class={cn('font-heading leading-snug font-semibold', HEADING_SIZE_CLASS[size], className)}
+  {...rest}
+>
+  {@render children?.()}
+</svelte:element>

package/dist/components/typography/heading/heading.svelte.d.ts

@@ -0,0 +1,23 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import type { Size } from '../../../utils/tone.js';
+import type { WithElementRef } from '../../../utils/types.js';
+export declare const HEADING_SIZE_CLASS: Record<Size, string>;
+/**
+ * A heading that is not a card's, a dialog's or a page's: those have
+ * `CardTitle`, `DialogTitle` and `PageHeader`. This is a section inside a page
+ * body, so the face, the weight and the step come from one place. A figure is
+ * not a heading.
+ */
+export type HeadingProps = WithElementRef<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> & {
+    /**
+     * The level, for the document outline. `h2` by default; a page's `h1` is
+     * `PageHeader`'s. Choose it by where the heading sits, never by how big it
+     * should look; that is `size`.
+     */
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /** `sm` 16px (a card's title), `md` 18px (a dialog's), `lg` 20px (a section opening a page body). */
+    size?: Size;
+};
+declare const Heading: import("svelte").Component<HeadingProps, {}, "ref">;
+type Heading = ReturnType<typeof Heading>;
+export default Heading;

package/dist/components/typography/heading/index.d.ts

@@ -0,0 +1 @@
+export { default as Heading, type HeadingProps } from './heading.svelte';

package/dist/components/typography/heading/index.js

@@ -0,0 +1 @@
+export { default as Heading } from './heading.svelte';

package/dist/components/typography/text/index.d.ts

@@ -0,0 +1 @@
+export { default as Text, type TextProps, type TextSize, type TextWeight } from './text.svelte';

package/dist/components/typography/text/index.js

@@ -0,0 +1 @@
+export { default as Text } from './text.svelte';

package/dist/components/typography/text/text.svelte

@@ -0,0 +1,84 @@
+<!--
+  Origin: the React package 2.23.0 `text.tsx`
+  Diverged: none beyond the port.
+-->
+<script lang="ts" module>
+  import type { HTMLAttributes } from 'svelte/elements'
+
+  import type { Tone } from '../../../utils/tone.js'
+  import type { WithElementRef } from '../../../utils/types.js'
+
+  export type TextSize = 'xs' | 'sm'
+  export type TextWeight = 'normal' | 'medium' | 'semibold'
+
+  const SIZE_CLASS: Record<TextSize, string> = {
+    xs: 'text-xs',
+    sm: 'text-sm',
+  }
+
+  const WEIGHT_CLASS: Record<TextWeight, string> = {
+    normal: 'font-normal',
+    medium: 'font-medium',
+    semibold: 'font-semibold',
+  }
+
+  /**
+   * Body text, set by what it is doing rather than by the classes that draw it:
+   * the size, the muting, the weight, the figures, and nothing else. No face,
+   * no arbitrary size, no colour outside `muted` and the shared `Tone`. `as`
+   * rather than `asChild`, because the element is the one semantic choice text
+   * makes.
+   */
+  export type TextProps = WithElementRef<HTMLAttributes<HTMLElement>> & {
+    /** `span` by default; `p` for a sentence that stands as a paragraph, `div` for text holding a block. */
+    as?: 'span' | 'p' | 'div'
+    /** `xs` 12px, `sm` 14px. Omit it to inherit the line's size. A larger step is a heading. */
+    size?: TextSize
+    /** De-emphasis, `text-muted-foreground`: a hint, a timestamp. Not a status. */
+    muted?: boolean
+    /** Status ink, for text that carries a state. Wins over `muted`. */
+    tone?: Tone
+    /** `medium` for a name or a value, `semibold` for a total, `normal` to undo an inherited weight. */
+    weight?: TextWeight
+    /** `tabular-nums`, so a column of figures lines up. */
+    numeric?: boolean
+    /** One line, ellipsised. Needs a width to truncate against. */
+    truncate?: boolean
+  }
+</script>
+
+<script lang="ts">
+  import { cn } from '../../../utils/cn.js'
+  import { TONE_TEXT_CLASS } from '../../../utils/tone.js'
+
+  let {
+    ref = $bindable(null),
+    as = 'span',
+    size,
+    muted = false,
+    tone,
+    weight,
+    numeric = false,
+    truncate = false,
+    class: className,
+    children,
+    ...rest
+  }: TextProps = $props()
+</script>
+
+<svelte:element
+  this={as}
+  bind:this={ref}
+  data-slot="text"
+  class={cn(
+    size && SIZE_CLASS[size],
+    tone ? TONE_TEXT_CLASS[tone] : muted && 'text-muted-foreground',
+    weight && WEIGHT_CLASS[weight],
+    numeric && 'tabular-nums',
+    truncate && 'truncate',
+    className,
+  )}
+  {...rest}
+>
+  {@render children?.()}
+</svelte:element>

package/dist/components/typography/text/text.svelte.d.ts

@@ -0,0 +1,31 @@
+import type { HTMLAttributes } from 'svelte/elements';
+import type { Tone } from '../../../utils/tone.js';
+import type { WithElementRef } from '../../../utils/types.js';
+export type TextSize = 'xs' | 'sm';
+export type TextWeight = 'normal' | 'medium' | 'semibold';
+/**
+ * Body text, set by what it is doing rather than by the classes that draw it:
+ * the size, the muting, the weight, the figures, and nothing else. No face,
+ * no arbitrary size, no colour outside `muted` and the shared `Tone`. `as`
+ * rather than `asChild`, because the element is the one semantic choice text
+ * makes.
+ */
+export type TextProps = WithElementRef<HTMLAttributes<HTMLElement>> & {
+    /** `span` by default; `p` for a sentence that stands as a paragraph, `div` for text holding a block. */
+    as?: 'span' | 'p' | 'div';
+    /** `xs` 12px, `sm` 14px. Omit it to inherit the line's size. A larger step is a heading. */
+    size?: TextSize;
+    /** De-emphasis, `text-muted-foreground`: a hint, a timestamp. Not a status. */
+    muted?: boolean;
+    /** Status ink, for text that carries a state. Wins over `muted`. */
+    tone?: Tone;
+    /** `medium` for a name or a value, `semibold` for a total, `normal` to undo an inherited weight. */
+    weight?: TextWeight;
+    /** `tabular-nums`, so a column of figures lines up. */
+    numeric?: boolean;
+    /** One line, ellipsised. Needs a width to truncate against. */
+    truncate?: boolean;
+};
+declare const Text: import("svelte").Component<TextProps, {}, "ref">;
+type Text = ReturnType<typeof Text>;
+export default Text;

package/dist/form.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The `mise/form` entry: Form, on formsnap and sveltekit-superforms.
+ *
+ * Kept out of the main barrel because superforms imports `$app/*`, which only
+ * a SvelteKit app provides; an app on plain Vite (Inertia, say) cannot even
+ * bundle it. Both libraries are optional peers, so a consumer who never
+ * imports this entry installs neither (round 6 plan, R6-5).
+ */
+export * from './components/forms/form/index.js';

package/dist/form.js

@@ -0,0 +1,9 @@
+/**
+ * The `mise/form` entry: Form, on formsnap and sveltekit-superforms.
+ *
+ * Kept out of the main barrel because superforms imports `$app/*`, which only
+ * a SvelteKit app provides; an app on plain Vite (Inertia, say) cannot even
+ * bundle it. Both libraries are optional peers, so a consumer who never
+ * imports this entry installs neither (round 6 plan, R6-5).
+ */
+export * from './components/forms/form/index.js';

package/dist/hooks/is-mobile.svelte.d.ts

@@ -0,0 +1,15 @@
+import { MediaQuery } from 'svelte/reactivity';
+/**
+ * Below this viewport width, in pixels, a layout treats the screen as a phone.
+ *
+ * Copied from the React package 2.23.0 src/hooks/use-is-mobile.ts.
+ */
+export declare const DEFAULT_MOBILE_BREAKPOINT = 768;
+/**
+ * Whether the viewport is narrower than `breakpoint`. React's `useIsMobile`
+ * hook as a Svelte class over `MediaQuery`, as shadcn-svelte has it: read
+ * `.current`, which updates as the viewport changes.
+ */
+export declare class IsMobile extends MediaQuery {
+    constructor(breakpoint?: number);
+}

package/dist/hooks/is-mobile.svelte.js

@@ -0,0 +1,17 @@
+import { MediaQuery } from 'svelte/reactivity';
+/**
+ * Below this viewport width, in pixels, a layout treats the screen as a phone.
+ *
+ * Copied from the React package 2.23.0 src/hooks/use-is-mobile.ts.
+ */
+export const DEFAULT_MOBILE_BREAKPOINT = 768;
+/**
+ * Whether the viewport is narrower than `breakpoint`. React's `useIsMobile`
+ * hook as a Svelte class over `MediaQuery`, as shadcn-svelte has it: read
+ * `.current`, which updates as the viewport changes.
+ */
+export class IsMobile extends MediaQuery {
+    constructor(breakpoint = DEFAULT_MOBILE_BREAKPOINT) {
+        super(`max-width: ${breakpoint - 1}px`);
+    }
+}

package/dist/index.d.ts

@@ -0,0 +1,94 @@
+/**
+ * The public entry. Components live in purpose-group folders (Typography,
+ * Forms, Feedback, …) but are re-exported under flat names, so an import never
+ * names a group. Biome keeps the lines sorted, so groups appear
+ * alphabetically here, not in sidebar order. Utilities are listed by name.
+ */
+export * from './components/actions/button/index.js';
+export * from './components/actions/command/index.js';
+export * from './components/actions/dropdown-menu/index.js';
+export * from './components/actions/theme-toggle/index.js';
+export * from './components/data-display/avatar/index.js';
+export * from './components/data-display/badge/index.js';
+export * from './components/data-display/chart/index.js';
+export * from './components/data-display/checklist/index.js';
+export * from './components/data-display/data-table/index.js';
+export * from './components/data-display/delta-badge/index.js';
+export * from './components/data-display/entity-label/index.js';
+export * from './components/data-display/fact-list/index.js';
+export * from './components/data-display/icon-chip/index.js';
+export * from './components/data-display/item/index.js';
+export * from './components/data-display/metric-bar/index.js';
+export * from './components/data-display/metric-grid/index.js';
+export * from './components/data-display/metric-row/index.js';
+export * from './components/data-display/radial-stat/index.js';
+export * from './components/data-display/readiness/index.js';
+export * from './components/data-display/segmented-bar/index.js';
+export * from './components/data-display/segmented-code/index.js';
+export * from './components/data-display/sparkline/index.js';
+export * from './components/data-display/stat-tile/index.js';
+export * from './components/data-display/table/index.js';
+export * from './components/data-display/timeline/index.js';
+export * from './components/data-display/tree-leaf/index.js';
+export * from './components/feedback/alert/index.js';
+export * from './components/feedback/empty/index.js';
+export * from './components/feedback/empty-state/index.js';
+export * from './components/feedback/error-state/index.js';
+export * from './components/feedback/feature-preview/index.js';
+export * from './components/feedback/loading-state/index.js';
+export * from './components/feedback/locked-overlay/index.js';
+export * from './components/feedback/navigation-progress/index.js';
+export * from './components/feedback/progress/index.js';
+export * from './components/feedback/skeleton/index.js';
+export * from './components/feedback/sonner/index.js';
+export * from './components/feedback/spinner/index.js';
+export * from './components/forms/button-group/index.js';
+export * from './components/forms/calendar/index.js';
+export * from './components/forms/checkbox/index.js';
+export * from './components/forms/choice-row/index.js';
+export * from './components/forms/combobox/index.js';
+export * from './components/forms/date-picker/index.js';
+export * from './components/forms/field/index.js';
+export * from './components/forms/input/index.js';
+export * from './components/forms/input-group/index.js';
+export * from './components/forms/input-otp/index.js';
+export * from './components/forms/label/index.js';
+export * from './components/forms/media-dropzone/index.js';
+export * from './components/forms/number-input/index.js';
+export * from './components/forms/quantity-input/index.js';
+export * from './components/forms/radio-group/index.js';
+export * from './components/forms/select/index.js';
+export * from './components/forms/switch/index.js';
+export * from './components/forms/switch-field/index.js';
+export * from './components/forms/textarea/index.js';
+export * from './components/forms/time-picker/index.js';
+export * from './components/forms/toggle/index.js';
+export * from './components/forms/toggle-group/index.js';
+export * from './components/layout/aside-card/index.js';
+export * from './components/layout/card/index.js';
+export * from './components/layout/card-grid/index.js';
+export * from './components/layout/card-list/index.js';
+export * from './components/layout/collapsible/index.js';
+export * from './components/layout/page-header/index.js';
+export * from './components/layout/page-layout/index.js';
+export * from './components/layout/separator/index.js';
+export * from './components/layout/summary-card/index.js';
+export * from './components/navigation/breadcrumb/index.js';
+export * from './components/navigation/sidebar/index.js';
+export * from './components/navigation/stepper/index.js';
+export * from './components/navigation/tabs/index.js';
+export * from './components/overlays/alert-dialog/index.js';
+export * from './components/overlays/dialog/index.js';
+export * from './components/overlays/drawer/index.js';
+export * from './components/overlays/hint/index.js';
+export * from './components/overlays/hover-card/index.js';
+export * from './components/overlays/popover/index.js';
+export * from './components/overlays/sheet/index.js';
+export * from './components/overlays/tooltip/index.js';
+export * from './components/typography/heading/index.js';
+export * from './components/typography/text/index.js';
+export { DEFAULT_MOBILE_BREAKPOINT, IsMobile } from './hooks/is-mobile.svelte.js';
+export { cn } from './utils/cn.js';
+export { segmentedItem, segmentedTrack } from './utils/segmented-control.js';
+export { type Size, TONE_CSS_VAR, TONE_FILL_CLASS, TONE_HOVER_CLASS, TONE_INDICATOR_CLASS, TONE_OUTLINE_CLASS, TONE_SOFT_CLASS, TONE_SOLID_CLASS, TONE_STROKE_CLASS, TONE_TEXT_CLASS, TONES, type Tone, } from './utils/tone.js';
+export type { WithElementRef, WithoutChild, WithoutChildren, WithoutChildrenOrChild, } from './utils/types.js';

package/dist/index.js

@@ -0,0 +1,101 @@
+/**
+ * The public entry. Components live in purpose-group folders (Typography,
+ * Forms, Feedback, …) but are re-exported under flat names, so an import never
+ * names a group. Biome keeps the lines sorted, so groups appear
+ * alphabetically here, not in sidebar order. Utilities are listed by name.
+ */
+// Actions
+export * from './components/actions/button/index.js';
+export * from './components/actions/command/index.js';
+export * from './components/actions/dropdown-menu/index.js';
+export * from './components/actions/theme-toggle/index.js';
+// Data display
+export * from './components/data-display/avatar/index.js';
+export * from './components/data-display/badge/index.js';
+export * from './components/data-display/chart/index.js';
+export * from './components/data-display/checklist/index.js';
+export * from './components/data-display/data-table/index.js';
+export * from './components/data-display/delta-badge/index.js';
+export * from './components/data-display/entity-label/index.js';
+export * from './components/data-display/fact-list/index.js';
+export * from './components/data-display/icon-chip/index.js';
+export * from './components/data-display/item/index.js';
+export * from './components/data-display/metric-bar/index.js';
+export * from './components/data-display/metric-grid/index.js';
+export * from './components/data-display/metric-row/index.js';
+export * from './components/data-display/radial-stat/index.js';
+export * from './components/data-display/readiness/index.js';
+export * from './components/data-display/segmented-bar/index.js';
+export * from './components/data-display/segmented-code/index.js';
+export * from './components/data-display/sparkline/index.js';
+export * from './components/data-display/stat-tile/index.js';
+export * from './components/data-display/table/index.js';
+export * from './components/data-display/timeline/index.js';
+export * from './components/data-display/tree-leaf/index.js';
+// Feedback
+export * from './components/feedback/alert/index.js';
+export * from './components/feedback/empty/index.js';
+export * from './components/feedback/empty-state/index.js';
+export * from './components/feedback/error-state/index.js';
+export * from './components/feedback/feature-preview/index.js';
+export * from './components/feedback/loading-state/index.js';
+export * from './components/feedback/locked-overlay/index.js';
+export * from './components/feedback/navigation-progress/index.js';
+export * from './components/feedback/progress/index.js';
+export * from './components/feedback/skeleton/index.js';
+export * from './components/feedback/sonner/index.js';
+export * from './components/feedback/spinner/index.js';
+// Forms
+export * from './components/forms/button-group/index.js';
+export * from './components/forms/calendar/index.js';
+export * from './components/forms/checkbox/index.js';
+export * from './components/forms/choice-row/index.js';
+export * from './components/forms/combobox/index.js';
+export * from './components/forms/date-picker/index.js';
+export * from './components/forms/field/index.js';
+export * from './components/forms/input/index.js';
+export * from './components/forms/input-group/index.js';
+export * from './components/forms/input-otp/index.js';
+export * from './components/forms/label/index.js';
+export * from './components/forms/media-dropzone/index.js';
+export * from './components/forms/number-input/index.js';
+export * from './components/forms/quantity-input/index.js';
+export * from './components/forms/radio-group/index.js';
+export * from './components/forms/select/index.js';
+export * from './components/forms/switch/index.js';
+export * from './components/forms/switch-field/index.js';
+export * from './components/forms/textarea/index.js';
+export * from './components/forms/time-picker/index.js';
+export * from './components/forms/toggle/index.js';
+export * from './components/forms/toggle-group/index.js';
+// Layout
+export * from './components/layout/aside-card/index.js';
+export * from './components/layout/card/index.js';
+export * from './components/layout/card-grid/index.js';
+export * from './components/layout/card-list/index.js';
+export * from './components/layout/collapsible/index.js';
+export * from './components/layout/page-header/index.js';
+export * from './components/layout/page-layout/index.js';
+export * from './components/layout/separator/index.js';
+export * from './components/layout/summary-card/index.js';
+// Navigation
+export * from './components/navigation/breadcrumb/index.js';
+export * from './components/navigation/sidebar/index.js';
+export * from './components/navigation/stepper/index.js';
+export * from './components/navigation/tabs/index.js';
+// Overlays
+export * from './components/overlays/alert-dialog/index.js';
+export * from './components/overlays/dialog/index.js';
+export * from './components/overlays/drawer/index.js';
+export * from './components/overlays/hint/index.js';
+export * from './components/overlays/hover-card/index.js';
+export * from './components/overlays/popover/index.js';
+export * from './components/overlays/sheet/index.js';
+export * from './components/overlays/tooltip/index.js';
+// Typography
+export * from './components/typography/heading/index.js';
+export * from './components/typography/text/index.js';
+export { DEFAULT_MOBILE_BREAKPOINT, IsMobile } from './hooks/is-mobile.svelte.js';
+export { cn } from './utils/cn.js';
+export { segmentedItem, segmentedTrack } from './utils/segmented-control.js';
+export { TONE_CSS_VAR, TONE_FILL_CLASS, TONE_HOVER_CLASS, TONE_INDICATOR_CLASS, TONE_OUTLINE_CLASS, TONE_SOFT_CLASS, TONE_SOLID_CLASS, TONE_STROKE_CLASS, TONE_TEXT_CLASS, TONES, } from './utils/tone.js';