@kamod-ch/ui 0.2.1

package/LICENSE.md

@@ -0,0 +1,9 @@
+MIT License
+
+Copyright (c) 2026 kamod.ch
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,183 @@
+<p align="center">
+  <img src="https://raw.githubusercontent.com/kamod-ch/kamod-ui/main/.github/assets/logo-kamod-ui-dark.svg#gh-light-mode-only" alt="Kamod UI" width="162" />
+  <img src="https://raw.githubusercontent.com/kamod-ch/kamod-ui/main/.github/assets/logo-kamod-ui-light.svg#gh-dark-mode-only" alt="Kamod UI" width="162" />
+</p>
+
+<h1 align="center">Kamod UI</h1>
+
+Lightweight UI components for **Preact** and **Tailwind**: composable primitives you can customize, extend, and ship without a heavy runtime. Open source; source is meant to be read and adapted.
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/@kamod-ch/ui"><img src="https://img.shields.io/npm/v/@kamod-ch/ui" alt="npm version" /></a>
+  <a href="https://github.com/kamod-ch/kamod-ui/actions/workflows/ci.yml"><img src="https://github.com/kamod-ch/kamod-ui/actions/workflows/ci.yml/badge.svg" alt="CI" /></a>
+  <a href="https://github.com/kamod-ch/kamod-ui/stargazers"><img src="https://img.shields.io/github/stars/kamod-ch/kamod-ui?style=social" alt="GitHub stars" /></a>
+  <a href="https://github.com/kamod-ch/kamod-ui/blob/main/LICENSE.md"><img src="https://img.shields.io/github/license/kamod-ch/kamod-ui" alt="license" /></a>
+</p>
+
+**[Demo](https://ui.kamod.ch/)** · **[Component docs](https://ui.kamod.ch/docs/button)** · **[npm](https://www.npmjs.com/package/@kamod-ch/ui)** · **[GitHub](https://github.com/kamod-ch/kamod-ui)** · **[Issues](https://github.com/kamod-ch/kamod-ui/issues)**
+
+> If Kamod UI saves you time, **[star the repo](https://github.com/kamod-ch/kamod-ui)** — it helps others discover the project.
+
+![hero](https://raw.githubusercontent.com/kamod-ch/kamod-ui/main/.github/assets/kitchen-sink.png)
+
+## Why Kamod UI?
+
+Many UI kits are heavier than necessary, overly opinionated, or tied to React. Kamod UI targets a smaller stack instead:
+
+- **Preact-first** — tiny runtime and familiar patterns if you already use React-like APIs.
+- **Tailwind-native** — style with utilities instead of a separate theme layer.
+- **Composable** — build UIs from small pieces without extra abstraction.
+- **Practical** — ship only what you need; the codebase stays easy to follow.
+
+## When to use Kamod UI
+
+|                | Kamod UI                                      | Radix UI / shadcn       | Heavy design systems         |
+| -------------- | --------------------------------------------- | ----------------------- | ---------------------------- |
+| Preact         | Yes                                           | React only              | Varies                       |
+| Tailwind-first | Yes                                           | Partial / yes           | Often custom tokens          |
+| Bundle weight  | Per-component, typically 0.4–10 KB gzip       | Larger runtime          | Platform overhead            |
+| Best for       | Preact + Tailwind apps you can read and adapt | React + Tailwind stacks | Org-wide token/CMS platforms |
+
+**Choose Kamod UI when** you want Preact, Tailwind CSS v4, composable primitives, and source you can fork or extend without a heavy runtime.
+
+**Choose something else when** you need React-only ecosystems (Radix/shadcn), no Tailwind, or a full design-system platform with CMS-driven tokens.
+
+## Quick start
+
+```bash
+pnpm add @kamod-ch/ui preact @preact/signals tailwindcss
+```
+
+```css
+/* app.css */
+@import "tailwindcss";
+@import "@kamod-ch/ui/theme.css";
+```
+
+```tsx
+import { Button } from "@kamod-ch/ui";
+
+export function App() {
+  return <Button>Click me</Button>;
+}
+```
+
+Browse the [live component docs](https://ui.kamod.ch/docs/button) for variants, composition, and RTL examples.
+
+## Using Kamod UI
+
+### Requirements
+
+- **Preact** `>= 10.26`
+- **`@preact/signals`** `>= 2.0` (required peer dependency — see below)
+- **Tailwind CSS v4** (v3 is not supported)
+- An ESM-friendly bundler (Vite, Rolldown, esbuild, Next.js, …). Kamod UI is **ESM-only**; it does not ship a CommonJS build.
+- SSR: client components guard `typeof document` / `window` access and re-render safely on the client.
+
+### Install
+
+```bash
+pnpm add @kamod-ch/ui preact @preact/signals
+```
+
+The published library on npm is **[`@kamod-ch/ui`](https://www.npmjs.com/package/@kamod-ch/ui)**. This monorepo root and `apps/demo` are not published. The former package [`@kamod-ui/core`](https://www.npmjs.com/package/@kamod-ui/core) and the unscoped [`kamod-ui`](https://www.npmjs.com/package/kamod-ui) name are legacy — install `@kamod-ch/ui` instead.
+
+Import the default theme once so Tailwind compiles component classes and semantic CSS tokens:
+
+```css
+@import "tailwindcss";
+@import "@kamod-ch/ui/theme.css";
+```
+
+### `@preact/signals`
+
+`@preact/signals` is a **required peer dependency** — install it in every app, even when you only use presentational components like `Button`. That keeps a single signal runtime and avoids duplicate instances when you add interactive components later.
+
+**In your app code**, you usually do **not** import signals yourself. Components manage open state, selection, and stores internally.
+
+**Import signals yourself** when you use Kamod's lower-level helpers:
+
+| Use case                            | Import                                                                           |
+| ----------------------------------- | -------------------------------------------------------------------------------- |
+| Custom controlled primitives        | `@kamod-ch/ui/lib/signals` → `createControllableSignal`                        |
+| Overlay dismiss / roving focus      | `@kamod-ch/ui/lib/interactive` → `createDismissableLayer`, `createRovingFocus` |
+| Advanced toast / sonner integration | `@kamod-ch/ui/toast` or `@kamod-ch/ui/sonner` stores                         |
+
+See the [**Signals** column in the component reference](https://github.com/kamod-ch/kamod-ui/blob/main/.docs/COMPONENTS.md) for which exports use signals internally (direct, indirect via Dialog/Popover, or none).
+
+### Per-component imports (tree-shaking)
+
+Both styles are supported:
+
+```ts
+import { Button } from "@kamod-ch/ui"; // root barrel
+import { Button } from "@kamod-ch/ui/button"; // per-component subpath
+```
+
+The package ships a minimal `sideEffects` list (progress indeterminate keyframes and CSS only), so modern bundlers tree-shake the root barrel reliably.
+
+### Component sizes
+
+Each `@kamod-ch/ui/<name>` subpath is a separate export. Typical gzip size is **0.4–10 KB** (Kamod JS only; excludes `preact`, `@preact/signals`, and CSS).
+
+See **[Component sizes & signals reference](https://github.com/kamod-ch/kamod-ui/blob/main/.docs/COMPONENTS.md)** for all 65 exports with min/gzip sizes and signal usage. Regenerate after core changes:
+
+```bash
+pnpm docs:components
+```
+
+### Customize the theme
+
+Override semantic tokens after importing the default theme:
+
+```css
+@import "tailwindcss";
+@import "@kamod-ch/ui/theme.css";
+
+:root {
+  --primary: var(--color-fuchsia-700);
+  --primary-foreground: var(--color-white);
+  --radius: 0.75rem;
+}
+
+.dark {
+  --primary: var(--color-fuchsia-400);
+  --primary-foreground: var(--color-neutral-950);
+}
+```
+
+For full control, copy from [`packages/core/src/theme.css`](https://github.com/kamod-ch/kamod-ui/blob/main/packages/core/src/theme.css) or see the demo's [`foundation.css`](https://github.com/kamod-ch/kamod-ui/blob/main/apps/demo/src/styles/foundation.css) and [`themes.css`](https://github.com/kamod-ch/kamod-ui/blob/main/apps/demo/src/styles/themes.css).
+
+## Documentation
+
+**Live demo:** [ui.kamod.ch](https://ui.kamod.ch/) (custom domain; same deploy as [GitHub Pages](https://kamod-ch.github.io/kamod-ui/))
+
+Interactive API docs live under `/docs/*` in the demo app (e.g. [`/docs/button`](https://ui.kamod.ch/docs/button)).
+
+Run locally from the repo root:
+
+```bash
+pnpm install
+pnpm dev
+```
+
+Open the URL printed in the terminal for the kitchen sink and component docs. Quality gates: `pnpm test`, `pnpm test:e2e`, `pnpm check`.
+
+## Contributing
+
+| Workspace        | Path             | Role                                     |
+| ---------------- | ---------------- | ---------------------------------------- |
+| `@kamod-ch/ui` | `packages/core/` | Published library (65 component exports) |
+| `demo`           | `apps/demo/`     | Kitchen sink + interactive docs          |
+
+- Open issues for bugs and ideas; PRs welcome for components, docs, and examples.
+- Key scripts: `pnpm dev`, `pnpm check`, `pnpm fmt`, `pnpm lint`, `pnpm docs:components`
+- Tooling details: [`.docs/interna.md`](https://github.com/kamod-ch/kamod-ui/blob/main/.docs/interna.md)
+
+Maintainers: see [`.docs/MAINTAINERS.md`](https://github.com/kamod-ch/kamod-ui/blob/main/.docs/MAINTAINERS.md) for npm release workflow.
+
+## Support
+
+- **[Star the repository](https://github.com/kamod-ch/kamod-ui)** — improves visibility in search and community lists.
+- Share the project with others who use Preact or Tailwind.
+- Watch the repo for release notifications (optional).

package/dist/Accordion-D1PiNspd.d.ts

@@ -0,0 +1,39 @@
+import { JSX, ComponentChildren } from 'preact';
+
+type AccordionContentProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    forceMount?: boolean;
+    /** Grid transition duration, e.g. `400ms` */
+    duration?: string;
+    /** CSS timing function, e.g. `cubic-bezier(0.4, 0, 0.2, 1)` */
+    timingFunction?: string;
+    /** Use max-height animation for very tall content to reduce micro-jank. */
+    largeContentThreshold?: number;
+    children?: ComponentChildren;
+};
+declare const AccordionContent: ({ forceMount, duration, timingFunction, largeContentThreshold, children, class: className, style, ...rest }: AccordionContentProps) => JSX.Element | null;
+
+type AccordionTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {
+    hideIndicator?: boolean;
+    indicator?: ComponentChildren;
+    children?: ComponentChildren;
+};
+declare const AccordionTrigger: ({ hideIndicator, indicator, children, class: className, onClick, ...rest }: AccordionTriggerProps) => JSX.Element;
+
+type AccordionItemProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    value: string;
+    disabled?: boolean;
+    children?: ComponentChildren;
+};
+declare const AccordionItem: ({ value, disabled, children, ...rest }: AccordionItemProps) => JSX.Element;
+
+type AccordionType = "single" | "multiple";
+type AccordionProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    type?: AccordionType;
+    /** When `type="single"`, `false` keeps one panel always open (clicking the open trigger does not close it). Default `true` matches common shadcn examples. */
+    collapsible?: boolean;
+    defaultValue?: string | string[];
+    children?: ComponentChildren;
+};
+declare const Accordion: ({ type, collapsible, defaultValue, children, ...rest }: AccordionProps) => JSX.Element;
+
+export { Accordion as A, AccordionContent as a, AccordionItem as b, AccordionTrigger as c, type AccordionProps as d, type AccordionItemProps as e, type AccordionTriggerProps as f, type AccordionContentProps as g };

package/dist/AlertDialog-ALB541qy.d.ts

@@ -0,0 +1,64 @@
+import * as preact from 'preact';
+import { ComponentChildren, JSX } from 'preact';
+import { VariantProps } from 'tailwind-variants';
+import { b as button } from './Button-vQnkiVTI.js';
+import { e as DialogCloseProps, d as DialogTriggerProps, c as DialogProps } from './Dialog-BOIteLfe.js';
+import { b as DialogContentProps } from './DialogContent-CK1t4m4e.js';
+
+type AlertDialogActionProps = DialogCloseProps & {
+    variant?: VariantProps<typeof button>["variant"];
+    children?: ComponentChildren;
+};
+declare const AlertDialogAction: ({ variant, class: className, children, ...rest }: AlertDialogActionProps) => preact.JSX.Element;
+
+type AlertDialogCancelProps = DialogCloseProps & {
+    variant?: VariantProps<typeof button>["variant"];
+    children?: ComponentChildren;
+};
+declare const AlertDialogCancel: ({ variant, class: className, children, ...rest }: AlertDialogCancelProps) => preact.JSX.Element;
+
+type AlertDialogMediaProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    children?: ComponentChildren;
+};
+/** Optional icon or image slot above the title (shadcn AlertDialogMedia pattern). */
+declare const AlertDialogMedia: ({ class: className, children, ...rest }: AlertDialogMediaProps) => JSX.Element;
+
+type AlertDialogDescriptionProps = JSX.HTMLAttributes<HTMLParagraphElement> & {
+    children?: ComponentChildren;
+};
+declare const AlertDialogDescription: ({ class: className, children, ...rest }: AlertDialogDescriptionProps) => JSX.Element;
+
+type AlertDialogTitleProps = JSX.HTMLAttributes<HTMLHeadingElement> & {
+    children?: ComponentChildren;
+};
+declare const AlertDialogTitle: ({ class: className, children, ...rest }: AlertDialogTitleProps) => JSX.Element;
+
+type AlertDialogFooterProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    children?: ComponentChildren;
+};
+declare const AlertDialogFooter: ({ class: className, children, ...rest }: AlertDialogFooterProps) => JSX.Element;
+
+type AlertDialogHeaderProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    children?: ComponentChildren;
+};
+declare const AlertDialogHeader: ({ class: className, children, ...rest }: AlertDialogHeaderProps) => JSX.Element;
+
+type AlertDialogContentSize = "default" | "sm";
+type AlertDialogContentProps = DialogContentProps & {
+    /** `sm` — narrower panel (shadcn parity). */
+    size?: AlertDialogContentSize;
+    children?: ComponentChildren;
+};
+declare const AlertDialogContent: ({ size, class: className, children, ...rest }: AlertDialogContentProps) => preact.JSX.Element;
+
+type AlertDialogTriggerProps = DialogTriggerProps & {
+    children?: ComponentChildren;
+};
+declare const AlertDialogTrigger: ({ asChild, class: className, children, ...rest }: AlertDialogTriggerProps) => preact.JSX.Element;
+
+type AlertDialogProps = DialogProps & {
+    children?: ComponentChildren;
+};
+declare const AlertDialog: ({ children, ...rest }: AlertDialogProps) => preact.JSX.Element;
+
+export { AlertDialog as A, AlertDialogAction as a, AlertDialogCancel as b, AlertDialogContent as c, AlertDialogDescription as d, AlertDialogFooter as e, AlertDialogHeader as f, AlertDialogMedia as g, AlertDialogTitle as h, AlertDialogTrigger as i, type AlertDialogProps as j, type AlertDialogTriggerProps as k, type AlertDialogContentProps as l, type AlertDialogHeaderProps as m, type AlertDialogFooterProps as n, type AlertDialogTitleProps as o, type AlertDialogDescriptionProps as p, type AlertDialogMediaProps as q, type AlertDialogCancelProps as r, type AlertDialogActionProps as s };

package/dist/Button-vQnkiVTI.d.ts

@@ -0,0 +1,84 @@
+import * as preact from 'preact';
+import { ComponentChildren, JSX } from 'preact';
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const button: tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+        secondary: string;
+        inverse: string;
+        outline: string;
+        ghost: string;
+        destructive: string;
+        link: string;
+    };
+    size: {
+        xxs: string;
+        xs: string;
+        sm: string;
+        default: string;
+        lg: string;
+        icon: string;
+        "icon-xs": string;
+        "icon-sm": string;
+        "icon-lg": string;
+    };
+}, undefined, string[], {
+    variant: {
+        default: string;
+        secondary: string;
+        inverse: string;
+        outline: string;
+        ghost: string;
+        destructive: string;
+        link: string;
+    };
+    size: {
+        xxs: string;
+        xs: string;
+        sm: string;
+        default: string;
+        lg: string;
+        icon: string;
+        "icon-xs": string;
+        "icon-sm": string;
+        "icon-lg": string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+        secondary: string;
+        inverse: string;
+        outline: string;
+        ghost: string;
+        destructive: string;
+        link: string;
+    };
+    size: {
+        xxs: string;
+        xs: string;
+        sm: string;
+        default: string;
+        lg: string;
+        icon: string;
+        "icon-xs": string;
+        "icon-sm": string;
+        "icon-lg": string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+type CommonProps = VariantProps<typeof button> & {
+    class?: string;
+    asChild?: boolean;
+    children?: ComponentChildren;
+};
+type ButtonAsButton = CommonProps & JSX.ButtonHTMLAttributes<HTMLButtonElement> & {
+    href?: undefined;
+};
+type ButtonAsAnchor = CommonProps & JSX.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    href: string;
+};
+type ButtonProps = ButtonAsButton | ButtonAsAnchor;
+declare const Button: ({ variant, size, asChild, class: className, children, ...rest }: ButtonProps) => JSX.Element | preact.VNode<{}> | null;
+
+export { Button as B, button as b };

package/dist/CalendarDateTimePanel-B3J8OlSc.d.ts

@@ -0,0 +1,79 @@
+import { JSX, ComponentChildren } from 'preact';
+
+type DateRange = {
+    from?: Date;
+    to?: Date;
+};
+type CalendarMode = "single" | "range";
+/** `sm`: denser padding, smaller day cells, lighter caption controls (dropdown + nav). */
+type CalendarSize = "default" | "sm";
+type CalendarDisabledProp = ((date: Date) => boolean) | Date[];
+type CalendarProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "onSelect"> & {
+    mode?: CalendarMode;
+    selected?: Date | DateRange;
+    onSelect?: (value: Date | DateRange | undefined) => void;
+    /** @deprecated Use `selected` in single mode. */
+    value?: Date;
+    /** @deprecated Use `onSelect` in single mode. */
+    onValueChange?: (next: Date) => void;
+    defaultMonth?: Date;
+    month?: Date;
+    onMonthChange?: (next: Date) => void;
+    numberOfMonths?: 1 | 2;
+    captionLayout?: "buttons" | "dropdown";
+    dir?: "ltr" | "rtl";
+    /** Show days from adjacent months. @default true */
+    showOutsideDays?: boolean;
+    /** Pad to six week rows. @default false */
+    fixedWeeks?: boolean;
+    disabled?: CalendarDisabledProp;
+    /** Extra week-index column (ISO week of row start). @default false */
+    showWeekNumber?: boolean;
+    /** Named date sets for styling via `modifiersClassNames`. */
+    modifiers?: Record<string, Date[]>;
+    /** Tailwind / arbitrary classes keyed like `modifiers` (e.g. booked). */
+    modifiersClassNames?: Record<string, string>;
+    /** BCP 47 locale for captions and weekday labels. */
+    locale?: string;
+    /** Passed to `Intl` where supported; selection still uses local `Date` (use noon-normalized dates to avoid TZ drift). */
+    timeZone?: string;
+    /** Extra label under the day number (e.g. prices). Omit or return `undefined` for outside days if desired. */
+    dayAddon?: (date: Date, outside: boolean) => ComponentChildren | undefined;
+    /** Extra classes for the visible month/year caption text (single-month buttons layout and dual-month titles). */
+    captionTitleClass?: string;
+    /** If set (length 7, Sunday-first), overrides locale-derived weekday headers. */
+    weekdayLabels?: string[];
+    /** Decorative left border on the first weekday column (e.g. Su). @default false */
+    showWeekdayLeadBorder?: boolean;
+    /** Visual density; `sm` fits popovers and tight layouts. @default "default" */
+    size?: CalendarSize;
+};
+declare const Calendar: ({ class: className, mode, selected, onSelect, value, onValueChange, defaultMonth, month: monthProp, onMonthChange, numberOfMonths, captionLayout, dir, showOutsideDays, fixedWeeks, disabled, showWeekNumber, modifiers, modifiersClassNames, locale, timeZone, dayAddon, captionTitleClass, weekdayLabels, showWeekdayLeadBorder, size, ...rest }: CalendarProps) => JSX.Element;
+
+type CalendarDateTimePanelProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "onSelect"> & Pick<CalendarProps, "defaultMonth" | "month" | "onMonthChange" | "locale" | "disabled" | "dir" | "showOutsideDays" | "captionLayout" | "size"> & {
+    /** Selected calendar day (controlled). */
+    selected?: Date;
+    /** Initial day when uncontrolled. */
+    defaultSelected?: Date;
+    onSelect?: (date: Date) => void;
+    /** `HH:mm` or `HH:mm:ss` for native `input[type=time]`. */
+    startTime?: string;
+    defaultStartTime?: string;
+    onStartTimeChange?: (value: string) => void;
+    endTime?: string;
+    defaultEndTime?: string;
+    onEndTimeChange?: (value: string) => void;
+    startTimeLabel?: string;
+    endTimeLabel?: string;
+    /** Use two-letter weekday headers (Su–Sa). @default true */
+    compactWeekdays?: boolean;
+    /** Decorative line left of the first weekday; off by default. */
+    showWeekdayLeadBorder?: boolean;
+};
+/**
+ * Single-month calendar with start/end time fields, styled for a compact “schedule” card (date + time range).
+ * Defaults to `size="sm"` on the inner {@link Calendar} for a dense layout; pass `size="default"` for roomier cells.
+ */
+declare const CalendarDateTimePanel: ({ class: className, selected, defaultSelected, onSelect, defaultMonth, month, onMonthChange, locale, disabled, dir, showOutsideDays, captionLayout, size, startTime: startTimeProp, defaultStartTime, onStartTimeChange, endTime: endTimeProp, defaultEndTime, onEndTimeChange, startTimeLabel, endTimeLabel, compactWeekdays, showWeekdayLeadBorder, ...rest }: CalendarDateTimePanelProps) => JSX.Element;
+
+export { Calendar as C, type DateRange as D, CalendarDateTimePanel as a, type CalendarDateTimePanelProps as b, type CalendarDisabledProp as c, type CalendarMode as d, type CalendarSize as e, type CalendarProps as f };

package/dist/Carousel-BUB4DVuh.d.ts

@@ -0,0 +1,48 @@
+import { JSX, ComponentChildren } from 'preact';
+import { EmblaOptionsType, EmblaCarouselType, EmblaPluginType } from 'embla-carousel';
+
+type CarouselAutoplayPauseProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & {
+    class?: string;
+};
+declare const CarouselAutoplayPause: ({ class: className, onClick, ...rest }: CarouselAutoplayPauseProps) => JSX.Element | null;
+
+type CarouselNextProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & {
+    children?: ComponentChildren;
+};
+declare const CarouselNext: ({ children, class: className, onClick, disabled, ...rest }: CarouselNextProps) => JSX.Element;
+
+type CarouselPreviousProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & {
+    children?: ComponentChildren;
+};
+declare const CarouselPrevious: ({ children, class: className, onClick, disabled, ...rest }: CarouselPreviousProps) => JSX.Element;
+
+type CarouselItemProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    children?: ComponentChildren;
+};
+declare const CarouselItem: ({ class: className, children, ...rest }: CarouselItemProps) => JSX.Element;
+
+type CarouselContentProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    children?: ComponentChildren;
+};
+declare const CarouselContent: ({ class: className, children, ...rest }: CarouselContentProps) => JSX.Element;
+
+type CarouselApi = EmblaCarouselType;
+type CarouselOrientation = "horizontal" | "vertical";
+type CarouselProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "dir"> & {
+    opts?: EmblaOptionsType;
+    orientation?: CarouselOrientation;
+    setApi?: (api: CarouselApi | null) => void;
+    plugins?: EmblaPluginType[];
+    /** When `plugins` is omitted, adds `embla-carousel-autoplay`. Ignored if `plugins` is set. */
+    autoplay?: boolean | {
+        delay?: number;
+        stopOnInteraction?: boolean;
+    };
+    /** Accessible name for the carousel region. */
+    label?: string;
+    dir?: "ltr" | "rtl";
+    children?: ComponentChildren;
+};
+declare const Carousel: ({ opts, orientation, setApi, plugins, autoplay, label, dir, class: className, children, "aria-label": ariaLabel, ...rest }: CarouselProps) => JSX.Element;
+
+export { Carousel as C, type CarouselApi as a, CarouselAutoplayPause as b, CarouselContent as c, CarouselItem as d, CarouselNext as e, type CarouselOrientation as f, CarouselPrevious as g, type CarouselProps as h, type CarouselContentProps as i, type CarouselItemProps as j, type CarouselPreviousProps as k, type CarouselNextProps as l, type CarouselAutoplayPauseProps as m };

package/dist/Chart-Ax22S5_N.d.ts

@@ -0,0 +1,10 @@
+import { JSX, ComponentChildren } from 'preact';
+
+type ChartProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    title?: string;
+    description?: string;
+    children?: ComponentChildren;
+};
+declare const Chart: ({ class: className, title, description, children, ...rest }: ChartProps) => JSX.Element;
+
+export { Chart as C };

package/dist/Checkbox-DBbLYq6Q.d.ts

@@ -0,0 +1,12 @@
+import { JSX } from 'preact';
+
+type CheckboxCheckedState = boolean | "indeterminate";
+type CheckboxProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "type" | "checked" | "defaultChecked" | "onChange"> & {
+    checked?: CheckboxCheckedState;
+    defaultChecked?: CheckboxCheckedState;
+    onCheckedChange?: (checked: CheckboxCheckedState) => void;
+    onChange?: (event: JSX.TargetedEvent<HTMLInputElement>) => void;
+};
+declare const Checkbox: ({ checked: checkedProp, defaultChecked, onCheckedChange, onChange, class: className, disabled, ref: outerRef, id, ...rest }: CheckboxProps) => JSX.Element;
+
+export { Checkbox as C, type CheckboxCheckedState as a };

package/dist/Collapsible-CW1hQwqV.d.ts

@@ -0,0 +1,34 @@
+import * as preact from 'preact';
+import { JSX, ComponentChildren } from 'preact';
+
+type CollapsibleContentProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    forceMount?: boolean;
+    /** Grid transition duration, e.g. `400ms` */
+    duration?: string;
+    /** CSS timing function, e.g. `cubic-bezier(0.4, 0, 0.2, 1)` */
+    timingFunction?: string;
+    /** Use max-height animation for very tall content to reduce micro-jank. */
+    largeContentThreshold?: number;
+    children?: ComponentChildren;
+};
+declare const CollapsibleContent: ({ forceMount, duration, timingFunction, largeContentThreshold, children, class: className, style, ...rest }: CollapsibleContentProps) => JSX.Element | null;
+
+type CollapsibleTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+    children?: ComponentChildren;
+    "data-slot"?: string;
+};
+declare const CollapsibleTrigger: ({ asChild, children, onClick, ref: outerRef, "data-slot": dataSlot, ...rest }: CollapsibleTriggerProps) => JSX.Element | preact.VNode<{}> | null;
+
+type CollapsibleProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    /** Uncontrolled initial state */
+    defaultOpen?: boolean;
+    /** Controlled open state */
+    open?: boolean;
+    /** Called when open state changes (toggle or programmatic) */
+    onOpenChange?: (open: boolean) => void;
+    children?: ComponentChildren;
+};
+declare const Collapsible: ({ defaultOpen, open: openProp, onOpenChange, children, ...rest }: CollapsibleProps) => JSX.Element;
+
+export { Collapsible as C, CollapsibleContent as a, CollapsibleTrigger as b, type CollapsibleProps as c, type CollapsibleTriggerProps as d, type CollapsibleContentProps as e };