@stacksjs/components 0.2.572 → 0.2.573

package/dist/ui/image/Image.d.ts

@@ -0,0 +1,104 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const webpSrc: unknown;
+export declare const webpSrcSet: unknown;
+/**
+ * The optimized variants stx prepared for this image, unless the caller wrote
+ * sources of their own.
+ *
+ * A dev server or build that serves the public directory encodes every local
+ * raster into AVIF and WebP at several widths. stx's builtin `<StxImage>` reads
+ * that catalog itself; this component used to ignore it. Since stx registers
+ * this package on its own whenever it is installed, this `<Image>` is the one
+ * a bare `<Image>` tag resolves to, and every image in the app went out as the
+ * original full-size file.
+ */
+declare const explicitSources: unknown;
+declare const explicitSrcSet: unknown;
+declare const delivered: unknown;
+export declare const src: unknown;
+export declare const srcSet: unknown;
+// Width descriptors mean nothing without `sizes`; 100vw is what a browser
+// assumes anyway, said out loud.
+export declare const sizes: unknown;
+export declare const sources: unknown;
+export declare const decorative: ReturnType<typeof $bool>;
+export declare const alt: unknown;
+export declare const width: unknown;
+export declare const height: unknown;
+export declare const priority: ReturnType<typeof $bool>;
+export declare const lazy: unknown;
+export declare const loading: unknown;
+export declare const decoding: unknown;
+export declare const fetchpriority: unknown;
+/**
+ * A CSS value painted behind the image while it arrives - a colour, a
+ * gradient, or `url("data:image/...")` for a low-quality preview. Anything
+ * `background` accepts.
+ *
+ * Behind, not on the image itself: a background set on an `<img>` shows
+ * through anything transparent in it and stays there once it has loaded,
+ * which is a permanent artefact on every PNG with an alpha channel.
+ */
+declare const placeholderMode: unknown;
+declare const imagePlaceholder: unknown;
+declare const placeholderColor: unknown;
+export declare const placeholder: boolean;
+export declare const aspectRatio: unknown;
+export declare const objectFit: unknown;
+export declare const objectPosition: unknown;
+export declare const rounded: ReturnType<typeof $bool>;
+export declare const zoomOnHover: ReturnType<typeof $bool>;
+export declare const className: unknown;
+export declare const hasWebP: unknown;
+/**
+ * @defaultValue
+ * ```ts
+ * {
+ *   true: '0.5rem',
+ *   full: '9999px',
+ *   sm: '0.125rem',
+ *   md: '0.375rem',
+ *   lg: '0.5rem',
+ *   xl: '0.75rem',
+ *   '2xl': '1rem'
+ * }
+ * ```
+ */
+declare const RADII: {
+  /** @defaultValue '0.5rem' */
+  true: string;
+  /** @defaultValue '9999px' */
+  full: string;
+  /** @defaultValue '0.125rem' */
+  sm: string;
+  /** @defaultValue '0.375rem' */
+  md: string;
+  /** @defaultValue '0.5rem' */
+  lg: string;
+  /** @defaultValue '0.75rem' */
+  xl: string;
+  /** @defaultValue '1rem' */
+  '2xl': string
+};
+declare const radius: unknown;
+/**
+ * Styles inline rather than as utility classes.
+ *
+ * This component ships in a library and renders inside applications that do
+ * not necessarily use a utility CSS framework - and even where one is present,
+ * its scanner has to be pointed at `node_modules` to see class names written
+ * here, which is not the default anywhere. It previously emitted `relative`,
+ * `block`, `overflow-hidden`, `h-full`, `w-full` and `bg-stone-100`, and in an
+ * app whose scanner never saw this file not one of those rules existed: every
+ * image rendered at its intrinsic size inside an unstyled wrapper.
+ *
+ * Width and height at 100% make the wrapper transparent to layout. Against a
+ * parent with a definite height it passes that height down; against one
+ * without, it resolves to `auto` and the image's own ratio decides. Both
+ * matter, because a stylesheet may size either the box or the image.
+ */
+export declare const frameStyle: unknown;
+export declare const imageStyle: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ webpSrc?: string, webpSrcSet?: string, sources?: unknown, srcSet?: unknown, srcset?: string, src?: string, sizes?: unknown, decorative?: unknown, alt?: unknown, width?: unknown, height?: unknown, priority?: unknown, lazy?: unknown, loading?: unknown, decoding?: string, fetchpriority?: string, placeholder?: unknown, placeholderColor?: unknown, aspectRatio?: unknown, objectFit?: unknown, fit?: string, objectPosition?: unknown, position?: string, rounded?: unknown, zoomOnHover?: unknown, className?: unknown, class?: string }>;
+export default __dtsx_component__;

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

@@ -27,4 +27,4 @@ export declare interface ImageProps {
   zoomOnHover?: boolean
   className?: string
 }
-export { default as Image } from './Image.stx';
+export { default as Image } from './Image';

package/dist/ui/input/EmailInput.d.ts

@@ -0,0 +1,28 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const value: unknown;
+export declare const placeholder: unknown;
+export declare const disabled: ReturnType<typeof $bool>;
+export declare const readonly: ReturnType<typeof $bool>;
+export declare const size: unknown;
+export declare const error: ReturnType<typeof $bool>;
+export declare const label: unknown;
+export declare const helperText: unknown;
+export declare const required: ReturnType<typeof $bool>;
+export declare const className: unknown;
+export declare const emailIcon: '<svg fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" /></svg>';
+/*
+ * Forwarded to the TextInput this renders (stacksjs/stx#2043).
+ *
+ * A wrapper that does not pass them through is as unsubmittable as a control
+ * that never accepted them: the inner input is the one that lands in FormData.
+ * `type` is the wrapper's own business, but `name`, `autocomplete` and `form`
+ * belong to the caller.
+ */
+export declare const name: unknown;
+export declare const autocomplete: unknown;
+export declare const form: unknown;
+export declare const inputMode: unknown;
+export declare const enterKeyHint: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ value?: string, placeholder?: string, disabled?: unknown, readonly?: unknown, size?: string, error?: unknown, label?: string, helperText?: string, required?: unknown, className?: string, name?: string, autocomplete?: unknown, autoComplete?: string, form?: string, inputMode?: unknown, inputmode?: string, enterKeyHint?: unknown, enterkeyhint?: string }>;
+export default __dtsx_component__;

package/dist/ui/input/NumberInput.d.ts

@@ -0,0 +1,83 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare function increment(): undefined;
+declare function decrement(): undefined;
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const value: unknown;
+export declare const placeholder: unknown;
+export declare const disabled: ReturnType<typeof $bool>;
+export declare const readonly: ReturnType<typeof $bool>;
+export declare const size: unknown;
+export declare const error: ReturnType<typeof $bool>;
+export declare const label: 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 helperId: string;
+export declare const helperText: unknown;
+export declare const required: ReturnType<typeof $bool>;
+/*
+ * Numbers, not the strings an attribute arrives as: `step="2"` reached the
+ * client script as "2", and the Increment button computed 10 + "2" = "102".
+ */
+export declare const min: boolean;
+export declare const max: boolean;
+export declare const step: unknown;
+export declare const showControls: unknown;
+export declare const className: unknown;
+export declare const inputClassName: unknown;
+/*
+ * Padding decides the height here too, with no `h-*` to override it: an app
+ * passing its own `py-1.5` got the padding it asked for and the height it did
+ * not, and `className` cannot beat `h-10` at equal specificity
+ * (stacksjs/stx#1993).
+ *
+ * `lg` also needed a padding step adjusted - py-3 around a 1.75rem line-height
+ * is 3.25rem of content inside a declared 3rem box - so py-2.5 lands on the
+ * 3rem it always claimed. sm and md were already exact.
+ */
+/*
+ * md -- the size nearly every form uses -- reads the density roles, so an
+ * app sets its own field size with --stx-control-px, --stx-control-py,
+ * --stx-control-text and --stx-control-leading instead of a className
+ * that ties with py-2 on specificity. The fallbacks are px-4 / py-2 /
+ * text-base, so nothing moves by default (stacksjs/stx#1993).
+ */
+export declare const inputClasses: unknown;
+export declare const labelClasses: unknown;
+export declare const helperClasses: unknown;
+/*
+ * The attributes that make this a form control (stacksjs/stx#2043).
+ *
+ * A control with no `name` is not a form control in the HTML sense: it is left
+ * out of FormData, out of form.elements.namedItem(), and out of an ordinary
+ * non-JS POST. A form built from these components submitted nothing for every
+ * field, silently -- which is how six apps read their forms.
+ *
+ * `autocomplete` is separate and just as load-bearing: it is how the browser
+ * and a password manager identify a field, so a password input without
+ * `autocomplete="current-password"` is never offered for autofill and is not
+ * recognised as part of a sign-in form at all.
+ *
+ * Emitted only when given, so a control that passes none of them renders
+ * exactly the markup it did before.
+ */
+export declare const name: unknown;
+export declare const autocomplete: unknown;
+export declare const form: unknown;
+export declare const inputMode: unknown;
+export declare const enterKeyHint: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ value?: string, placeholder?: string, disabled?: unknown, readonly?: unknown, size?: string, error?: unknown, label?: string, id?: string, helperText?: string, required?: unknown, min?: unknown, max?: unknown, step?: unknown, showControls?: unknown, className?: string, inputClassName?: string, name?: string, autocomplete?: unknown, autoComplete?: string, form?: string, inputMode?: unknown, inputmode?: string, enterKeyHint?: unknown, enterkeyhint?: string }> & { readonly __stxExposed?: { value: unknown, increment: typeof increment, decrement: typeof decrement } }
+export default __dtsx_component__;

package/dist/ui/input/PasswordInput.d.ts

@@ -0,0 +1,84 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const value: unknown;
+export declare const placeholder: unknown;
+export declare const disabled: ReturnType<typeof $bool>;
+export declare const readonly: ReturnType<typeof $bool>;
+export declare const size: unknown;
+export declare const error: ReturnType<typeof $bool>;
+export declare const label: 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 helperId: string;
+export declare const helperText: unknown;
+export declare const required: ReturnType<typeof $bool>;
+export declare const showStrength: ReturnType<typeof $bool>;
+export declare const className: unknown;
+export declare const inputClassName: unknown;
+/*
+ * Padding decides the height here too, with no `h-*` to override it: an app
+ * passing its own `py-1.5` got the padding it asked for and the height it did
+ * not, and `className` cannot beat `h-10` at equal specificity
+ * (stacksjs/stx#1993).
+ *
+ * `lg` also needed a padding step adjusted - py-3 around a 1.75rem line-height
+ * is 3.25rem of content inside a declared 3rem box - so py-2.5 lands on the
+ * 3rem it always claimed. sm and md were already exact.
+ */
+/*
+ * md -- the size nearly every form uses -- reads the density roles, so an
+ * app sets its own field size with --stx-control-px, --stx-control-py,
+ * --stx-control-text and --stx-control-leading instead of a className
+ * that ties with py-2 on specificity. The fallbacks are px-4 / py-2 /
+ * text-base, so nothing moves by default (stacksjs/stx#1993).
+ * @defaultValue `{ sm: 'h-4 w-4', md: 'h-5 w-5', lg: 'h-6 w-6' }`
+ */
+declare const iconSizeClasses: {
+  /** @defaultValue 'h-4 w-4' */
+  sm: string;
+  /** @defaultValue 'h-5 w-5' */
+  md: string;
+  /** @defaultValue 'h-6 w-6' */
+  lg: string
+};
+export declare const inputClasses: unknown;
+export declare const labelClasses: unknown;
+export declare const helperClasses: unknown;
+export declare const iconClasses: unknown;
+/*
+ * The attributes that make this a form control (stacksjs/stx#2043).
+ *
+ * A control with no `name` is not a form control in the HTML sense: it is left
+ * out of FormData, out of form.elements.namedItem(), and out of an ordinary
+ * non-JS POST. A form built from these components submitted nothing for every
+ * field, silently -- which is how six apps read their forms.
+ *
+ * `autocomplete` is separate and just as load-bearing: it is how the browser
+ * and a password manager identify a field, so a password input without
+ * `autocomplete="current-password"` is never offered for autofill and is not
+ * recognised as part of a sign-in form at all.
+ *
+ * Emitted only when given, so a control that passes none of them renders
+ * exactly the markup it did before.
+ */
+export declare const name: unknown;
+export declare const autocomplete: unknown;
+export declare const form: unknown;
+export declare const inputMode: unknown;
+export declare const enterKeyHint: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ value?: string, placeholder?: string, disabled?: unknown, readonly?: unknown, size?: string, error?: unknown, label?: string, id?: string, helperText?: string, required?: unknown, showStrength?: unknown, className?: string, inputClassName?: string, name?: string, autocomplete?: unknown, autoComplete?: string, form?: string, inputMode?: unknown, inputmode?: string, enterKeyHint?: unknown, enterkeyhint?: string }> & { readonly __stxExposed?: { value: unknown } }
+export default __dtsx_component__;

package/dist/ui/input/SearchInput.d.ts

@@ -0,0 +1,29 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const value: unknown;
+export declare const placeholder: unknown;
+export declare const disabled: ReturnType<typeof $bool>;
+export declare const size: unknown;
+export declare const error: ReturnType<typeof $bool>;
+export declare const label: unknown;
+export declare const helperText: unknown;
+export declare const loading: ReturnType<typeof $bool>;
+export declare const className: unknown;
+export declare const searchIcon: '<svg fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /></svg>';
+export declare const spinnerIcon: '<svg class="animate-spin" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg>';
+export declare const rightIcon: unknown;
+/*
+ * Forwarded to the TextInput this renders (stacksjs/stx#2043).
+ *
+ * A wrapper that does not pass them through is as unsubmittable as a control
+ * that never accepted them: the inner input is the one that lands in FormData.
+ * `type` is the wrapper's own business, but `name`, `autocomplete` and `form`
+ * belong to the caller.
+ */
+export declare const name: unknown;
+export declare const autocomplete: unknown;
+export declare const form: unknown;
+export declare const inputMode: unknown;
+export declare const enterKeyHint: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ value?: string, placeholder?: string, disabled?: unknown, size?: string, error?: unknown, label?: string, helperText?: string, loading?: unknown, className?: string, name?: string, autocomplete?: unknown, autoComplete?: string, form?: string, inputMode?: unknown, inputmode?: string, enterKeyHint?: unknown, enterkeyhint?: string }>;
+export default __dtsx_component__;

package/dist/ui/input/TextInput.d.ts

@@ -0,0 +1,145 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const value: unknown;
+export declare const placeholder: unknown;
+export declare const disabled: ReturnType<typeof $bool>;
+export declare const readonly: ReturnType<typeof $bool>;
+export declare const size: unknown;
+export declare const error: ReturnType<typeof $bool>;
+export declare const label: unknown;
+export declare const helperText: unknown;
+export declare const required: ReturnType<typeof $bool>;
+export declare const leftIcon: unknown;
+export declare const rightIcon: unknown;
+export declare const clearable: ReturnType<typeof $bool>;
+export declare const maxLength: unknown;
+export declare const showCount: ReturnType<typeof $bool>;
+export declare const className: unknown;
+export declare const inputClassName: unknown;
+/*
+ * Padding decides the height here too, with no `h-*` to override it: an app
+ * passing its own `py-1.5` got the padding it asked for and the height it did
+ * not, and `className` cannot beat `h-10` at equal specificity
+ * (stacksjs/stx#1993).
+ *
+ * `lg` also needed a padding step adjusted - py-3 around a 1.75rem line-height
+ * is 3.25rem of content inside a declared 3rem box - so py-2.5 lands on the
+ * 3rem it always claimed. sm and md were already exact.
+ */
+/*
+ * md -- the size nearly every form uses -- reads the density roles, so an
+ * app sets its own field size with --stx-control-px, --stx-control-py,
+ * --stx-control-text and --stx-control-leading instead of a className
+ * that ties with py-2 on specificity. The fallbacks are px-4 / py-2 /
+ * text-base, so nothing moves by default (stacksjs/stx#1993).
+ * @defaultValue `{ sm: 'h-4 w-4', md: 'h-5 w-5', lg: 'h-6 w-6' }`
+ */
+declare const iconSizeClasses: {
+  /** @defaultValue 'h-4 w-4' */
+  sm: string;
+  /** @defaultValue 'h-5 w-5' */
+  md: string;
+  /** @defaultValue 'h-6 w-6' */
+  lg: string
+};
+/*
+ * The two halves of the validity state, exported so the CLIENT can swap them
+ * (stacksjs/stx#2047).
+ *
+ * `error` was read once on the server, like `disabled` and `loading` used to
+ * be -- and validity is the clearest case of state that is not known at render
+ * time: a form posted with fetch learns it after the submit, with no
+ * re-render. So a field could never BECOME invalid, which made the component a
+ * step backwards from a plain <input> for exactly the forms it is for.
+ *
+ * Toggled as an object binding rather than a whole class string, because a
+ * reactive class string MERGES with the static one -- measured, the element
+ * ends up carrying `ring-line-strong` and `ring-danger-line` at once, and
+ * which wins is then CSS source order rather than anything this file controls.
+ * Per-class toggling removes one set as it adds the other.
+ */
+export declare const stateInvalidClasses: 'ring-danger-line text-danger-fg placeholder-danger focus:ring-danger-focus';
+export declare const stateValidClasses: 'ring-line-strong text-fg placeholder-fg-soft focus:ring-accent';
+export declare const inputClasses: unknown;
+export declare const labelClasses: unknown;
+export declare const helperClasses: unknown;
+export declare const iconClasses: 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 helperId: string;
+/*
+ * The attributes that make this a form control (stacksjs/stx#2043).
+ *
+ * A control with no `name` is not a form control in the HTML sense: it is left
+ * out of FormData, out of form.elements.namedItem(), and out of an ordinary
+ * non-JS POST. A form built from these components submitted nothing for every
+ * field, silently -- which is how six apps read their forms.
+ *
+ * `autocomplete` is separate and just as load-bearing: it is how the browser
+ * and a password manager identify a field, so a password input without
+ * `autocomplete="current-password"` is never offered for autofill and is not
+ * recognised as part of a sign-in form at all.
+ *
+ * Emitted only when given, so a control that passes none of them renders
+ * exactly the markup it did before.
+ */
+export declare const name: unknown;
+export declare const autocomplete: unknown;
+export declare const form: unknown;
+export declare const inputMode: unknown;
+export declare const enterKeyHint: unknown;
+/*
+ * The text-like input types (stacksjs/stx#2059).
+ *
+ * `type` was hard-coded to text, so a form with a date, a time, a URL or a
+ * phone number in it had to mix library and native controls -- the
+ * inconsistency the library exists to remove. email, number and password have
+ * components of their own but are accepted here too. Anything else (checkbox,
+ * file, range...) is not a text field, and is served as text rather than as a
+ * control this markup was not drawn for.
+ * @defaultValue `['text', 'date', 'time', 'datetime-local', 'month', 'week', 'url', 'tel', 'color', 'search', 'email', 'number', 'password']`
+ */
+declare const TEXT_TYPES: string[];
+export declare const type: unknown;
+/*
+ * The constraint attributes, each emitted only when given AND only on the
+ * types HTML applies it to, so a control renders exactly the markup it did
+ * before unless the caller asked for something it can use: min/max/step
+ * bound the date, time and number types; pattern, minlength, maxlength and
+ * size the free-text ones; list every type but password.
+ * @defaultValue `['date', 'time', 'datetime-local', 'month', 'week', 'number']`
+ */
+declare const RANGED_TYPES: string[];
+/** @defaultValue `['text', 'search', 'url', 'tel', 'email', 'password']` */
+declare const FREE_TEXT_TYPES: string[];
+declare const given: (v) => boolean;
+declare const ranged: ReturnType<typeof RANGED_TYPES.includes>;
+export declare const freeText: ReturnType<typeof FREE_TEXT_TYPES.includes>;
+export declare const min: unknown;
+export declare const max: unknown;
+export declare const step: unknown;
+export declare const pattern: unknown;
+export declare const minLength: unknown;
+/*
+ * The HTML `size` attribute (a width in characters). Not `size`, which is
+ * already this component's sm / md / lg.
+ */
+export declare const htmlSize: unknown;
+export declare const list: boolean;
+export declare const autofocus: ReturnType<typeof $bool>;
+declare type __DtsxStxComponentType = DefineComponent<{ value?: string, placeholder?: string, disabled?: unknown, readonly?: unknown, size?: string, error?: unknown, label?: string, helperText?: string, required?: unknown, leftIcon?: string, rightIcon?: string, clearable?: unknown, maxLength?: unknown, maxlength?: unknown, showCount?: unknown, className?: string, inputClassName?: string, id?: string, name?: string, autocomplete?: unknown, autoComplete?: string, form?: string, inputMode?: unknown, inputmode?: string, enterKeyHint?: unknown, enterkeyhint?: string, type?: unknown, min?: unknown, max?: unknown, step?: unknown, pattern?: unknown, minLength?: unknown, minlength?: unknown, htmlSize?: unknown, list?: unknown, autofocus?: unknown }> & { readonly __stxExposed?: { value: unknown, clear: unknown } }
+export default __dtsx_component__;

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

@@ -1,4 +1,8 @@
 import type { PropSchema, ValidationResult } from '../../utils/prop-validation';
+/**
+ * Base input prop validation schema
+ */
+declare const baseInputPropSchema: PropSchema;
 /**
  * TextInput prop validation schema
  */
@@ -7,6 +11,14 @@ export declare const textInputPropSchema: PropSchema;
  * NumberInput prop validation schema
  */
 export declare const numberInputPropSchema: PropSchema;
+/**
+ * PasswordInput prop validation schema
+ */
+declare const passwordInputPropSchema: PropSchema;
+/**
+ * SearchInput prop validation schema
+ */
+declare const searchInputPropSchema: PropSchema;
 /**
  * Validate TextInput component props
  */
@@ -79,8 +91,8 @@ export declare interface SearchInputProps extends Omit<BaseInputProps, 'placehol
 }
 /** The text-like input types `TextInput` renders; anything else is served as `text`. */
 export type TextInputType = 'text' | 'date' | 'time' | 'datetime-local' | 'month' | 'week' | 'url' | 'tel' | 'color' | 'search' | 'email' | 'number' | 'password';
-export { default as EmailInput } from './EmailInput.stx';
-export { default as NumberInput } from './NumberInput.stx';
-export { default as PasswordInput } from './PasswordInput.stx';
-export { default as SearchInput } from './SearchInput.stx';
-export { default as TextInput } from './TextInput.stx';
+export { default as EmailInput } from './EmailInput';
+export { default as NumberInput } from './NumberInput';
+export { default as PasswordInput } from './PasswordInput';
+export { default as SearchInput } from './SearchInput';
+export { default as TextInput } from './TextInput';

package/dist/ui/listbox/Listbox.d.ts

@@ -0,0 +1,30 @@
+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 multiple: ReturnType<typeof $bool>;
+export declare const className: unknown;
+export declare const as: unknown;
+export declare const listboxClasses: unknown;
+export declare const listboxInstanceId: 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 type __DtsxStxComponentType = DefineComponent<{ value?: unknown, multiple?: unknown, className?: string, as?: string }> & { readonly __stxExposed?: { isOpen: typeof isOpen, selected: typeof selected, toggle: typeof toggle, open: typeof open, close: typeof close, selectValue: typeof selectValue } }
+export default __dtsx_component__;

package/dist/ui/listbox/ListboxButton.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/listbox/ListboxLabel.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/listbox/ListboxOption.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/listbox/ListboxOptions.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/listbox/index.d.ts

@@ -27,8 +27,8 @@ export declare interface ListboxLabelProps {
   className?: string
   as?: string
 }
-export { default as Listbox } from './Listbox.stx';
-export { default as ListboxButton } from './ListboxButton.stx';
-export { default as ListboxLabel } from './ListboxLabel.stx';
-export { default as ListboxOption } from './ListboxOption.stx';
-export { default as ListboxOptions } from './ListboxOptions.stx';
+export { default as Listbox } from './Listbox';
+export { default as ListboxButton } from './ListboxButton';
+export { default as ListboxLabel } from './ListboxLabel';
+export { default as ListboxOption } from './ListboxOption';
+export { default as ListboxOptions } from './ListboxOptions';

package/dist/ui/mobile/FilterChip.d.ts

@@ -0,0 +1,35 @@
+import type { DefineComponent } from '@stacksjs/stx';
+/*
+ * Whether the router should own this link.
+ *
+ * The SPA router intercepts `[data-stx-link]` and nothing else, so a plain
+ * `<a href>` here was a full document load: the runtime rebooted, every signal
+ * and store was discarded, and the screen flashed white. On a phone this is
+ * the primary navigation control, so the app's main interaction was its worst
+ * one - the single largest reason a wrapped build feels like a browser rather
+ * than an app. stacksjs/stx#1988
+ *
+ * An absolute URL, a scheme (mailto:, tel:), a protocol-relative URL and a
+ * bare fragment are left to the browser: the router does not handle those, and
+ * claiming them would break a tab that points off-site.
+ */
+declare function routerOwns(url: unknown): boolean;
+declare const __dtsx_component__: __DtsxStxComponentType;
+/** One pill. See `FilterChips` for why a menu chip is not a toggle chip. */
+export declare const label: unknown;
+export declare const href: unknown;
+export declare const active: ReturnType<typeof $bool>;
+/** Opens a picker rather than toggling in place — draws a chevron. */
+export declare const menu: ReturnType<typeof $bool>;
+export declare const count: unknown;
+export declare const hasCount: boolean;
+/*
+ * `shrink-0`, because the row scrolls.
+ *
+ * Without it flexbox distributes the overflow by squeezing every chip, and a
+ * row of filters that cannot overflow instead renders as a row of ellipses.
+ */
+export declare const chipClasses: unknown;
+export declare const routerOwned: ReturnType<typeof routerOwns>;
+declare type __DtsxStxComponentType = DefineComponent<{ label?: string, href?: string, active?: unknown, menu?: unknown, count?: string }>;
+export default __dtsx_component__;