@stacksjs/components 0.2.571 → 0.2.573

package/dist/ui/checkbox/Checkbox.d.ts

@@ -0,0 +1,53 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const checked: ReturnType<typeof $bool>;
+export declare const disabled: ReturnType<typeof $bool>;
+export declare const indeterminate: ReturnType<typeof $bool>;
+export declare const size: unknown;
+export declare const label: unknown;
+export declare const description: unknown;
+export declare const error: ReturnType<typeof $bool>;
+export declare const required: ReturnType<typeof $bool>;
+export declare const value: unknown;
+export declare const name: unknown;
+export declare const className: unknown;
+/*
+ * The two halves of the validity state, exported so the CLIENT can swap them
+ * (stacksjs/stx#2047). Toggled per class rather than as a whole string,
+ * because a reactive class string MERGES with the static one and the element
+ * would carry both rings at once.
+ */
+export declare const stateInvalidClasses: 'border-danger-line text-danger focus:ring-danger-focus';
+export declare const checkboxClasses: unknown;
+export declare const labelClasses: unknown;
+export declare const descriptionClasses: unknown;
+/*
+ * Ids unique to this instance.
+ *
+ * These were derived from the LABEL or hardcoded outright, so two of these on
+ * one page -- an ordinary form -- emitted the same id twice. `<label for>`
+ * then activated the FIRST field from every label, and `aria-describedby`
+ * pointed every field's description at the first one's helper text. A label
+ * containing a space also produced an invalid id, `input-First name`, which
+ * getElementById and querySelector cannot address at all.
+ *
+ * `$uid` is unique per instance and stable across renders, which is what an id
+ * has to be (utils.ts explains why a render that changes its own bytes is
+ * uncacheable). The `id` prop overrides it, for a caller that needs to point
+ * its own `for` or `aria-describedby` at this control.
+ */
+export declare const inputId: unknown;
+export declare const descriptionId: string;
+/*
+ * `autocomplete` and `form`, alongside the `name` this already had
+ * (stacksjs/stx#2043). `autocomplete` is how the browser and a password
+ * manager identify a field; `form` lets a control live outside the <form>
+ * element it belongs to. Emitted only when given.
+ */
+export declare const autocomplete: unknown;
+export declare const form: unknown;
+// Reactive prop binding so the parent can drive `checked` via signals.
+// See stacksjs/stx#1704.
+declare const isChecked: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ checked?: unknown, disabled?: unknown, indeterminate?: unknown, size?: string, label?: string, description?: string, error?: unknown, required?: unknown, value?: string, name?: string, className?: string, id?: string, autocomplete?: unknown, autoComplete?: string, form?: string }> & { readonly __stxExposed?: { isChecked: typeof isChecked } }
+export default __dtsx_component__;

package/dist/ui/checkbox/index.d.ts

@@ -12,4 +12,4 @@ export declare interface CheckboxProps {
   name?: string
   className?: string
 }
-export { default as Checkbox } from './Checkbox.stx';
+export { default as Checkbox } from './Checkbox';

package/dist/ui/combobox/Combobox.d.ts

@@ -0,0 +1,40 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare function selectValue(v: unknown): void;
+declare function open(): void;
+declare function close(): void;
+declare function toggle(): void;
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const value: unknown;
+export declare const valueJson: unknown;
+export declare const className: unknown;
+export declare const as: unknown;
+export declare const comboboxClasses: unknown;
+export declare const comboboxInstanceId: unknown;
+/*
+ * JSON built on the server and emitted raw, rather than a 'null' sentinel
+ * through an ordinary interpolation.
+ *
+ * A `value === undefined ? 'null' : value` ternary was meant to put the bare
+ * token null into the script. An interpolation QUOTES a string, so what it
+ * emitted was the four-character string "null" -- truthy, in the one place a
+ * value is meant to be absent. JSON.stringify produces the correct literal for
+ * every type, null included, and raw interpolation passes it through unquoted.
+ * Calendar and DateRangePicker already avoid this sentinel and say why
+ * (stacksjs/stx#1981).
+ */
+declare const initialValue: {};
+declare const isOpen: ReturnType<typeof state>;
+declare const selected: ReturnType<typeof state>;
+declare const query: unknown;
+/*
+ * The ACTIVE option, which is not the focused one.
+ *
+ * A combobox keeps focus in its input so the user can keep typing, so there is
+ * no focused option to move -- the active one is named by
+ * `aria-activedescendant` on the input instead. That is why <Listbox> and
+ * <Dropdown> move real focus with a roving tabindex and this does not, and why
+ * aria-activedescendant was absent until there was something to point it at.
+ */
+declare const activeIndex: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ value?: unknown, className?: string, as?: string }> & { readonly __stxExposed?: { isOpen: typeof isOpen, selected: typeof selected, query: typeof query, activeIndex: typeof activeIndex, toggle: typeof toggle, open: typeof open, close: typeof close, selectValue: typeof selectValue } }
+export default __dtsx_component__;

package/dist/ui/combobox/ComboboxButton.d.ts

@@ -0,0 +1,13 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const className: unknown;
+export declare const as: unknown;
+/*
+ * An icon-only control needs a name. It is not in the tab order (APG puts the
+ * combobox itself there and gives this button tabindex="-1"), but a screen
+ * reader still reaches it in browse mode, where it announced "button".
+ */
+export declare const label: unknown;
+export declare const buttonClasses: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ className?: string, as?: string, label?: string }>;
+export default __dtsx_component__;

package/dist/ui/combobox/ComboboxInput.d.ts

@@ -0,0 +1,9 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const displayValue: unknown;
+export declare const className: unknown;
+export declare const placeholder: unknown;
+export declare const disabled: ReturnType<typeof $bool>;
+export declare const inputClasses: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ displayValue?: unknown, className?: string, placeholder?: string, disabled?: unknown }>;
+export default __dtsx_component__;

package/dist/ui/combobox/ComboboxOption.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const value: unknown;
+export declare const disabled: ReturnType<typeof $bool>;
+export declare const className: unknown;
+export declare const as: unknown;
+export declare const optionClasses: unknown;
+export declare const valueJson: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ value?: unknown, disabled?: unknown, className?: string, as?: string }>;
+export default __dtsx_component__;

package/dist/ui/combobox/ComboboxOptions.d.ts

@@ -0,0 +1,7 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const className: unknown;
+export declare const as: unknown;
+export declare const optionsClasses: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ className?: string, as?: string }>;
+export default __dtsx_component__;

package/dist/ui/combobox/index.d.ts

@@ -28,8 +28,8 @@ export declare interface ComboboxOptionProps {
   currentValue?: any
   onChange?: (value: any) => void
 }
-export { default as Combobox } from './Combobox.stx';
-export { default as ComboboxButton } from './ComboboxButton.stx';
-export { default as ComboboxInput } from './ComboboxInput.stx';
-export { default as ComboboxOption } from './ComboboxOption.stx';
-export { default as ComboboxOptions } from './ComboboxOptions.stx';
+export { default as Combobox } from './Combobox';
+export { default as ComboboxButton } from './ComboboxButton';
+export { default as ComboboxInput } from './ComboboxInput';
+export { default as ComboboxOption } from './ComboboxOption';
+export { default as ComboboxOptions } from './ComboboxOptions';

package/dist/ui/command-palette/CommandPalette.d.ts

@@ -0,0 +1,13 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare function close(): undefined;
+declare function show(): undefined;
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const open: ReturnType<typeof $bool>;
+export declare const initialQuery: unknown;
+export declare const className: unknown;
+export declare const paletteClasses: unknown;
+export declare const paletteInstanceId: unknown;
+declare const isOpen: unknown;
+declare const query: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ open?: unknown, query?: string, className?: string }> & { readonly __stxExposed?: { isOpen: typeof isOpen, query: typeof query, show: typeof show, close: typeof close } }
+export default __dtsx_component__;

package/dist/ui/command-palette/CommandPaletteItem.d.ts

@@ -0,0 +1,8 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const className: unknown;
+export declare const value: unknown;
+export declare const valueJson: unknown;
+export declare const itemClasses: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ className?: string, value?: unknown }>;
+export default __dtsx_component__;

package/dist/ui/command-palette/index.d.ts

@@ -9,5 +9,5 @@ export declare interface CommandPaletteItemProps {
   className?: string
   onClick?: () => void
 }
-export { default as CommandPalette } from './CommandPalette.stx';
-export { default as CommandPaletteItem } from './CommandPaletteItem.stx';
+export { default as CommandPalette } from './CommandPalette';
+export { default as CommandPaletteItem } from './CommandPaletteItem';

package/dist/ui/date-range-picker/DateRangePicker.d.ts

@@ -0,0 +1,59 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare function formatOne(d: unknown): unknown;
+/*
+ * A preset is "the last N days, ending today", counted inclusively - so 7 days
+ * is today and the six before it, which is what every dashboard means by it.
+ */
+declare function applyPreset(days: unknown): void;
+/*
+ * The calendar's own `change` event, forwarded with `@change` on its tag.
+ *
+ * A forwarded listener receives the emitted payload; the CustomEvent fallback
+ * keeps this working if it is ever caught as it bubbles instead. (This was once
+ * listened for on a wrapper element, on the belief that `@change` on the tag
+ * broke Calendar's own bindings. That was the test DOM failing to parse the
+ * attribute, never the runtime: stacksjs/stx#2018.)
+ */
+declare function onCalendarChange(event: unknown): undefined;
+declare function clear(): void;
+declare const __dtsx_component__: __DtsxStxComponentType;
+/*
+ * The picker four apps were each maintaining their own copy of
+ * (stacksjs/stx#1981).
+ *
+ * `<Calendar>` was single-date only, so "last 7 days / last 30 days / custom
+ * range" had to be built per app: four near-identical files, hand-ported
+ * between repos, four copies of every bug. Range selection now lives on
+ * `<Calendar mode="range">` - that is the half an app cannot reasonably
+ * compose - and this is the trigger, the panel and the preset row around it.
+ */
+export declare const start: unknown;
+export declare const end: unknown;
+/** Preset spans in days. `[7, 30, 90]` gives "Last 7 days" and so on. */
+export declare const presets: unknown;
+export declare const placeholder: unknown;
+export declare const locale: unknown;
+export declare const minDate: unknown;
+export declare const maxDate: unknown;
+export declare const align: boolean;
+export declare const className: unknown;
+export declare const disabled: ReturnType<typeof $bool>;
+export declare const startIso: unknown;
+export declare const endIso: unknown;
+export declare const minIso: unknown;
+export declare const maxIso: unknown;
+export declare const rootClasses: unknown;
+export declare const triggerClasses: 'inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-fg bg-field rounded-control ring-1 ring-inset ring-line-strong hover:bg-field-hover focus:outline-none focus:ring-2 focus:ring-accent disabled:opacity-50 disabled:cursor-not-allowed transition-colors';
+export declare const panelClasses: string;
+export declare const presetListClasses: 'flex flex-col gap-1 min-w-36';
+export declare const presetClasses: 'px-3 py-1.5 text-left text-sm text-fg-strong rounded-control hover:bg-surface-hover focus:outline-none focus:ring-2 focus:ring-accent transition-colors';
+export declare const presetActiveClasses: 'px-3 py-1.5 text-left text-sm font-medium text-accent-soft-ink bg-accent-soft rounded-control focus:outline-none focus:ring-2 focus:ring-accent transition-colors';
+export declare const instanceId: unknown;
+declare const isOpen: ReturnType<typeof state>;
+declare const rangeStart: unknown;
+declare const rangeEnd: unknown;
+declare const activePreset: ReturnType<typeof state>;
+/** What the trigger says: a range, a half-made range, or the placeholder. */
+declare const label: ReturnType<typeof derived>;
+declare type __DtsxStxComponentType = DefineComponent<{ start?: unknown, end?: unknown, presets?: unknown, placeholder?: string, locale?: string, minDate?: unknown, maxDate?: unknown, align?: unknown, className?: string, disabled?: unknown }> & { readonly __stxExposed?: { isOpen: typeof isOpen, rangeStart: typeof rangeStart, rangeEnd: typeof rangeEnd, activePreset: typeof activePreset, applyPreset: typeof applyPreset, onCalendarChange: typeof onCalendarChange, clear: typeof clear, label: typeof label } }
+export default __dtsx_component__;

package/dist/ui/date-range-picker/index.d.ts

@@ -19,4 +19,4 @@ export declare interface DateRangePickerProps {
   onOpen?: () => void
   onClose?: () => void
 }
-export { default as DateRangePicker } from './DateRangePicker.stx';
+export { default as DateRangePicker } from './DateRangePicker';

package/dist/ui/dialog/Dialog.d.ts

@@ -0,0 +1,31 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const open: ReturnType<typeof $bool>;
+export declare const className: unknown;
+/*
+ * The dialog's accessible name.
+ *
+ * `role="dialog"` with no name is announced as just "dialog", which tells a
+ * screen reader user nothing about what has taken over the page -- WCAG 4.1.2.
+ * The slot idiom puts the name in a <DialogTitle>, which the client script
+ * below associates on mount; this prop is the server-rendered half, so a
+ * dialog is named before hydration and without JavaScript at all. Emitted only
+ * when set: an empty aria-label is worse than none, because it suppresses the
+ * name the title would otherwise supply. Same idiom as Drawer.
+ */
+export declare const title: unknown;
+/** Set `closeOnEscape="false"` for a dialog that must be answered, not dismissed. */
+export declare const closeOnEscape: unknown;
+/** The same, for a click on the backdrop. */
+export declare const closeOnBackdrop: unknown;
+export declare const dialogClasses: unknown;
+/*
+ * This dialog's own id.
+ *
+ * Every lookup below is scoped to it, so two dialogs on one page - a list and
+ * the confirmation for deleting from it - do not take each other's panel or
+ * each other's Escape. Same idiom as Drawer, Dropdown and Popover.
+ */
+export declare const dialogInstanceId: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ open?: unknown, className?: string, title?: string, closeOnEscape?: unknown, closeOnBackdrop?: unknown }>;
+export default __dtsx_component__;

package/dist/ui/dialog/DialogBackdrop.d.ts

@@ -0,0 +1,6 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const className: unknown;
+export declare const as: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ className?: string, as?: string }>;
+export default __dtsx_component__;

package/dist/ui/dialog/DialogDescription.d.ts

@@ -0,0 +1,6 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const className: unknown;
+export declare const as: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ className?: string, as?: string }>;
+export default __dtsx_component__;

package/dist/ui/dialog/DialogPanel.d.ts

@@ -0,0 +1,6 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const className: unknown;
+export declare const as: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ className?: string, as?: string }>;
+export default __dtsx_component__;

package/dist/ui/dialog/DialogTitle.d.ts

@@ -0,0 +1,6 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const className: unknown;
+export declare const as: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ className?: string, as?: string }>;
+export default __dtsx_component__;

package/dist/ui/dialog/index.d.ts

@@ -20,8 +20,8 @@ export declare interface DialogDescriptionProps {
   className?: string
   as?: string
 }
-export { default as Dialog } from './Dialog.stx';
-export { default as DialogBackdrop } from './DialogBackdrop.stx';
-export { default as DialogDescription } from './DialogDescription.stx';
-export { default as DialogPanel } from './DialogPanel.stx';
-export { default as DialogTitle } from './DialogTitle.stx';
+export { default as Dialog } from './Dialog';
+export { default as DialogBackdrop } from './DialogBackdrop';
+export { default as DialogDescription } from './DialogDescription';
+export { default as DialogPanel } from './DialogPanel';
+export { default as DialogTitle } from './DialogTitle';

package/dist/ui/drawer/Drawer.d.ts

@@ -0,0 +1,90 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const open: ReturnType<typeof $bool>;
+export declare const position: unknown;
+export declare const title: unknown;
+/** Set `closeOnEscape="false"` for a drawer that must be answered, not dismissed. */
+export declare const closeOnEscape: unknown;
+/** The same, for a click on the backdrop. */
+export declare const closeOnBackdrop: unknown;
+export declare const className: unknown;
+/*
+ * The surface, left to the app.
+ *
+ * The panel painted itself `bg-panel` and offered no way
+ * to say otherwise, so a drawer in an app with its own palette arrived as a
+ * white rectangle with the app's colours inside it - the one element on the
+ * screen that belongs to no theme. `className` did not help: it lands on the
+ * positioned wrapper, which is transparent, while the colour is on the
+ * scrolling container within.
+ *
+ * `panelStyle` rather than only a class because an app whose palette lives in
+ * CSS variables has nothing to name in a utility class.
+ */
+export declare const panelClass: unknown;
+export declare const panelStyle: unknown;
+export declare const backdropClass: unknown;
+/*
+ * `size` widens a side drawer without the app having to know that the width
+ * lives on the wrapper rather than the panel. Ignored for top/bottom, which
+ * are constrained by height instead.
+ *
+ * Spelled out as a map because the class name has to exist as a literal in
+ * this file. It was built by interpolation - `max-w-${size}` - which means the
+ * string `max-w-xl` appeared nowhere in the source tree, so a content-scanning
+ * CSS engine never saw it and emitted no rule for it. The panel then fell back
+ * to `w-screen`: full width, the one thing `size` is there to prevent. The
+ * default worked, because `'max-w-md'` was a literal in that same expression,
+ * so the prop was broken only once you passed it (stacksjs/stx#2002).
+ */
+export declare const size: unknown;
+export declare const containerClasses: unknown;
+export declare const panelClasses: unknown;
+export declare const closeButtonClasses: unknown;
+/*
+ * Which slide-in to run, decided here rather than in the stylesheet.
+ *
+ * There was one `@keyframes slideIn` whose `from` transform was a mustache
+ * over `position`. A component style block is lifted out of the source before
+ * expressions run, so that mustache shipped verbatim, the declaration was
+ * invalid, and the browser dropped it - leaving an empty 0% frame. The panel
+ * did not slide in from its edge, it appeared in place, and nothing reported
+ * it (stacksjs/stx#1982). `fadeIn` in the same block was fine, because it had
+ * nothing to interpolate.
+ *
+ * So the four offsets are four static keyframes and the choice is an animation
+ * NAME in a style attribute, which is an ordinary attribute and does
+ * interpolate.
+ * @defaultValue
+ * ```ts
+ * {
+ *   right: 'slideInRight',
+ *   left: 'slideInLeft',
+ *   top: 'slideInTop',
+ *   bottom: 'slideInBottom'
+ * }
+ * ```
+ */
+declare const slideAnimations: {
+  /** @defaultValue 'slideInRight' */
+  right: string;
+  /** @defaultValue 'slideInLeft' */
+  left: string;
+  /** @defaultValue 'slideInTop' */
+  top: string;
+  /** @defaultValue 'slideInBottom' */
+  bottom: string
+};
+export declare const slideAnimation: unknown;
+/*
+ * This drawer's own id.
+ *
+ * The focus move looked the panel up with a document-wide query, which finds
+ * the first drawer on the page rather than the one that just opened. With two
+ * on a page - a cart and the item being added to it - opening the second
+ * focused the first, which is hidden, so focus went nowhere and the retry
+ * spent its ten frames failing. Same idiom as Dropdown and Popover.
+ */
+export declare const drawerInstanceId: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ open?: unknown, position?: string, title?: string, closeOnEscape?: unknown, closeOnBackdrop?: unknown, className?: string, panelClass?: string, panelStyle?: string, backdropClass?: string, size?: string }>;
+export default __dtsx_component__;

package/dist/ui/drawer/index.d.ts

@@ -5,4 +5,4 @@ export declare interface DrawerProps {
   title?: string
   className?: string
 }
-export { default as Drawer } from './Drawer.stx';
+export { default as Drawer } from './Drawer';

package/dist/ui/dropdown/Dropdown.d.ts

@@ -0,0 +1,12 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare function toggle(): void;
+declare function open(): undefined;
+declare function close(): undefined;
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const className: unknown;
+export declare const as: unknown;
+export declare const dropdownClasses: unknown;
+export declare const dropdownInstanceId: unknown;
+declare const isOpen: ReturnType<typeof state>;
+declare type __DtsxStxComponentType = DefineComponent<{ className?: string, as?: string }> & { readonly __stxExposed?: { isOpen: typeof isOpen, toggle: typeof toggle, open: typeof open, close: typeof close } }
+export default __dtsx_component__;

package/dist/ui/dropdown/DropdownButton.d.ts

@@ -0,0 +1,8 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const className: unknown;
+export declare const as: unknown;
+export declare const disabled: ReturnType<typeof $bool>;
+export declare const buttonClasses: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ className?: string, as?: string, disabled?: unknown }>;
+export default __dtsx_component__;

package/dist/ui/dropdown/DropdownItem.d.ts

@@ -0,0 +1,10 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const className: unknown;
+export declare const as: unknown;
+export declare const disabled: ReturnType<typeof $bool>;
+export declare const value: unknown;
+export declare const valueJson: unknown;
+export declare const itemClasses: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ className?: string, as?: string, disabled?: unknown, value?: unknown }>;
+export default __dtsx_component__;

package/dist/ui/dropdown/DropdownItems.d.ts

@@ -0,0 +1,7 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const className: unknown;
+export declare const as: unknown;
+export declare const itemsClasses: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ className?: string, as?: string }>;
+export default __dtsx_component__;

package/dist/ui/dropdown/index.d.ts

@@ -19,7 +19,7 @@ export declare interface DropdownItemProps {
   disabled?: boolean
   onClick?: (e: Event) => void
 }
-export { default as Dropdown } from './Dropdown.stx';
-export { default as DropdownButton } from './DropdownButton.stx';
-export { default as DropdownItem } from './DropdownItem.stx';
-export { default as DropdownItems } from './DropdownItems.stx';
+export { default as Dropdown } from './Dropdown';
+export { default as DropdownButton } from './DropdownButton';
+export { default as DropdownItem } from './DropdownItem';
+export { default as DropdownItems } from './DropdownItems';

package/dist/ui/empty-state/EmptyState.d.ts

@@ -0,0 +1,33 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+/*
+ * 29 hand-built empty states across six apps (stacksjs/stx#1981): icon,
+ * heading, one line of explanation, optional action. `Card` and `Button` both
+ * exist; the composition did not.
+ *
+ * Low complexity, high repetition - which is exactly why it ends up subtly
+ * inconsistent across a suite: everyone writes their own, and the padding, the
+ * heading level and the gap all drift.
+ */
+export declare const title: unknown;
+export declare const description: unknown;
+/*
+ * Raw SVG markup, not an icon name. Naming would mean this component owning a
+ * registry, and the library's icons are 200k Iconify entries across generated
+ * packages - so `<EmptyState>` takes the markup or the `icon` slot and stays
+ * out of that decision.
+ */
+export declare const icon: unknown;
+export declare const as: unknown;
+/** `panel` draws the bordered card; `bare` is for something already in one. */
+export declare const variant: boolean;
+export declare const align: boolean;
+export declare const className: unknown;
+export declare const rootClasses: unknown;
+export declare const iconWrapClasses: 'flex items-center justify-center h-12 w-12 rounded-full bg-surface-sunken text-fg-soft';
+export declare const titleClasses: 'text-base font-semibold text-fg';
+export declare const descriptionClasses: 'max-w-sm text-sm text-fg-muted';
+export declare const actionClasses: 'mt-2 flex flex-wrap items-center gap-2';
+export declare const hasIcon: boolean;
+declare type __DtsxStxComponentType = DefineComponent<{ title?: string, description?: string, icon?: string, as?: string, variant?: unknown, align?: unknown, className?: string }>;
+export default __dtsx_component__;

package/dist/ui/empty-state/index.d.ts

@@ -7,4 +7,4 @@ export declare interface EmptyStateProps {
   as?: string
   className?: string
 }
-export { default as EmptyState } from './EmptyState.stx';
+export { default as EmptyState } from './EmptyState';

package/dist/ui/form/Form.d.ts

@@ -0,0 +1,31 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare function validateField(name: unknown, value: unknown, allValues: unknown): unknown;
+declare function validateForm(values: unknown): unknown;
+declare function setErrors(next: unknown): void;
+declare function setValues(next: unknown): void;
+declare function reset(form: unknown): void;
+// FormHelpers named setValues/resetForm; the component exposed setErrors/reset
+// and no setValues at all, so the documented shape could not be destructured.
+// Both spellings are exposed: resetForm/setValues to satisfy the type, reset to
+// keep the existing call sites working.
+declare function resetForm(form: unknown): void;
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const action: unknown;
+export declare const method: unknown;
+export declare const validationSchema: unknown;
+export declare const className: unknown;
+// These three were declared in FormProps and read by nothing, so passing them
+// did exactly nothing. See #1874.
+export declare const initialValues: unknown;
+export declare const validateOnChange: ReturnType<typeof $bool>;
+export declare const validateOnBlur: ReturnType<typeof $bool>;
+export declare const formClasses: unknown;
+export declare const errorClasses: unknown;
+declare const errors: unknown;
+declare const isSubmitting: ReturnType<typeof state>;
+declare const submitCount: unknown;
+// Seeded from initialValues so the prop has an effect before the first submit,
+// and so resetForm() has something to restore to.
+declare const values: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ action?: string, method?: string, validationSchema?: Record<string, unknown>, className?: string, initialValues?: Record<string, unknown>, validateOnChange?: unknown, validateOnBlur?: unknown }> & { readonly __stxExposed?: { errors: typeof errors, values: typeof values, isSubmitting: typeof isSubmitting, submitCount: typeof submitCount, setErrors: typeof setErrors, setValues: typeof setValues, reset: typeof reset, resetForm: typeof resetForm, validateForm: typeof validateForm, validateField: typeof validateField } }
+export default __dtsx_component__;

package/dist/ui/form/index.d.ts

@@ -53,4 +53,4 @@ export declare interface FieldProps {
   onChange: (event: Event) => void
   onBlur: (event: Event) => void
 }
-export { default as Form } from './Form.stx';
+export { default as Form } from './Form';