@stacksjs/components 0.2.572 → 0.2.573

package/dist/components/CodeBlock.d.ts

@@ -0,0 +1,35 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const code: unknown;
+export declare const language: unknown;
+export declare const theme: unknown;
+/*
+ * `$bool`, not `!== false`. A plain attribute arrives as a STRING, so
+ * `copyable="false"` was `'false' !== false` - true - and the copy button
+ * rendered anyway, which is half of why #2014 looked like a template-gating
+ * problem. Same shape as the 103 props in stacksjs/stx#2006; `!== false` is a
+ * third spelling of it that the library-wide sweep does not recognise.
+ */
+export declare const lineNumbers: unknown;
+export declare const copyable: unknown;
+export declare const className: unknown;
+declare const result: unknown;
+export declare const highlightedCode: unknown;
+// Exported, not rendered: no stylesheet in this package covers the
+// highlighter's class names, so a consumer needs these rules to see colour --
+// but a <style> inside a component is extracted from the component's source
+// before interpolation runs, so emitting it here ships an empty tag. Until that
+// is fixed in stx, an app includes this itself (or sets its own token styles).
+export declare const highlightCss: unknown;
+/*
+ * The clipboard payload, decided on the SERVER.
+ *
+ * `{{ copyable ? code : '' }}` in the client script does not work:
+ * interpolateScriptExpressions resolves an identifier or a property path, not
+ * an arbitrary expression, so a ternary emits nothing at all (#1989) and the
+ * declaration came out as a bare `const code = `. A named export is a plain
+ * identifier, which is what the interpolator can resolve.
+ */
+export declare const copyPayload: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ code?: string, language?: string, theme?: string, lineNumbers?: unknown, copyable?: unknown, className?: string }>;
+export default __dtsx_component__;

package/dist/components/Footer.d.ts

@@ -0,0 +1,12 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const author: unknown;
+export declare const authorUrl: unknown;
+export declare const project: unknown;
+export declare const projectUrl: unknown;
+export declare const twitterUrl: unknown;
+export declare const sponsorUrl: unknown;
+export declare const coffeeUrl: unknown;
+export declare const currentYear: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ author?: string, authorUrl?: string, project?: string, projectUrl?: string, twitterUrl?: string, sponsorUrl?: string, coffeeUrl?: string }>;
+export default __dtsx_component__;

package/dist/components/Hero.d.ts

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

package/dist/components/Installation.d.ts

@@ -0,0 +1,9 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const packageName: unknown;
+export declare const installCode: string;
+export declare const npmCode: string;
+export declare const pnpmCode: string;
+export declare const yarnCode: string;
+declare type __DtsxStxComponentType = DefineComponent<{ packageName?: string }>;
+export default __dtsx_component__;

package/dist/components/index.d.ts

@@ -1,4 +1,4 @@
-export { default as CodeBlock } from './CodeBlock.stx';
-export { default as Footer } from './Footer.stx';
-export { default as Hero } from './Hero.stx';
-export { default as Installation } from './Installation.stx';
+export { default as CodeBlock } from './CodeBlock';
+export { default as Footer } from './Footer';
+export { default as Hero } from './Hero';
+export { default as Installation } from './Installation';

package/dist/index.d.ts

@@ -28,10 +28,10 @@ export declare interface InstallationProps extends ComponentProps {
   packageName?: string
 }
 // Export shared components (these will be imported as .stx files)
-export { default as CodeBlock } from './components/CodeBlock.stx';
-export { default as Footer } from './components/Footer.stx';
-export { default as Hero } from './components/Hero.stx';
-export { default as Installation } from './components/Installation.stx';
+export { default as CodeBlock } from './components/CodeBlock';
+export { default as Footer } from './components/Footer';
+export { default as Hero } from './components/Hero';
+export { default as Installation } from './components/Installation';
 // Export composables
 export * from './composables/index';
 // The page's overlay stack, for overlays an app draws itself (stacksjs/stx#2057).

package/dist/ui/accordion/Accordion.d.ts

@@ -0,0 +1,22 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare function toggleItem(index: unknown): void;
+declare const __dtsx_component__: __DtsxStxComponentType;
+// Two modes (see stacksjs/stx#1703):
+//   1. Legacy prop API — pass `items={[{title, content}, …]}` for simple
+//      string-content accordions (kept for backward compatibility with
+//      existing visual snapshots and consumers).
+//   2. Slot API — drop `<AccordionItem title="…">` children for arbitrary
+//      content. Each AccordionItem renders its own header + content panel;
+//      this parent attaches click handlers and toggles content visibility.
+export declare const items: unknown;
+export declare const allowMultiple: ReturnType<typeof $bool>;
+export declare const defaultOpen: unknown;
+export declare const className: unknown;
+export declare const accordionClasses: unknown;
+export declare const headerClasses: unknown;
+export declare const iconClasses: unknown;
+export declare const contentClasses: unknown;
+export declare const hasPropItems: boolean;
+declare const openItems: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ items?: unknown[], allowMultiple?: unknown, defaultOpen?: unknown[], className?: string }> & { readonly __stxExposed?: { openItems: typeof openItems, toggleItem: typeof toggleItem } }
+export default __dtsx_component__;

package/dist/ui/accordion/AccordionItem.d.ts

@@ -0,0 +1,11 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+// Slot wrapper that the parent <Accordion> discovers and wires up on mount.
+// Renders its own header button + content panel; the parent attaches click
+// handlers and toggles the content panel's `hidden` attribute as openItems
+// changes. Hard-coded styling here matches the legacy prop-mode markup so
+// snapshots compare cleanly in both modes. See stacksjs/stx#1703.
+export declare const title: unknown;
+export declare const className: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ title?: string, className?: string }>;
+export default __dtsx_component__;

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

@@ -38,5 +38,5 @@ export declare interface AccordionItemProps {
   className?: string
 }
 export type AccordionItemDefinition = AccordionLegacyItem;
-export { default as Accordion } from './Accordion.stx';
-export { default as AccordionItem } from './AccordionItem.stx';
+export { default as Accordion } from './Accordion';
+export { default as AccordionItem } from './AccordionItem';

package/dist/ui/audio/Audio.d.ts

@@ -0,0 +1,4 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+declare type __DtsxStxComponentType = DefineComponent<{ src?: string, sources?: unknown, tracks?: unknown, title?: string, artist?: string, artwork?: string, waveform?: string, controls?: unknown, preload?: string, crossorigin?: string, className?: unknown, class?: string, drm?: unknown, autoplay?: unknown, loop?: unknown, muted?: unknown, showWaveform?: unknown }>;
+export default __dtsx_component__;

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

@@ -18,4 +18,4 @@ export declare interface AudioProps {
   showWaveform?: boolean
   title?: string
 }
-export { default as Audio } from './Audio.stx';
+export { default as Audio } from './Audio';

package/dist/ui/auth/Login.d.ts

@@ -0,0 +1,30 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const showLogo: unknown;
+export declare const headingText: unknown;
+export declare const showSocialLogin: unknown;
+export declare const showRememberMe: unknown;
+export declare const showForgotPassword: unknown;
+export declare const showSignup: unknown;
+export declare const signupText: unknown;
+export declare const className: unknown;
+// These two used to be `href="#"`, which is not a link an app can wire — so
+// adopting <Login> meant a form with two dead ends and no prop to fix them
+// (#1930). They are real navigation, so they route through <StxLink>: an app on
+// the SPA router gets a client-side transition, and an absolute URL still gets a
+// native one because the router excludes those.
+export declare const forgotPasswordHref: unknown;
+export declare const signupHref: unknown;
+/*
+ * Field ids unique to this instance.
+ *
+ * They were `email`, `password` and the like -- names generic enough to
+ * collide with the host app's own ids, which breaks getElementById and
+ * `<label for>` for both. `name` deliberately stays generic: it is the key the
+ * form submits under, and it is what `autocomplete` and password managers read
+ * alongside `type`, so the autofill behaviour is unchanged.
+ */
+export declare const fieldPrefix: unknown;
+export declare const containerClasses: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ showLogo?: unknown, headingText?: string, showSocialLogin?: unknown, showRememberMe?: unknown, showForgotPassword?: unknown, showSignup?: unknown, signupText?: string, className?: string, forgotPasswordHref?: string, signupHref?: string, id?: string }>;
+export default __dtsx_component__;

package/dist/ui/auth/Signup.d.ts

@@ -0,0 +1,18 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const headingText: unknown;
+export declare const showSocialSignup: unknown;
+export declare const className: unknown;
+/*
+ * Field ids unique to this instance.
+ *
+ * They were `email`, `password` and the like -- names generic enough to
+ * collide with the host app's own ids, which breaks getElementById and
+ * `<label for>` for both. `name` deliberately stays generic: it is the key the
+ * form submits under, and it is what `autocomplete` and password managers read
+ * alongside `type`, so the autofill behaviour is unchanged.
+ */
+export declare const fieldPrefix: unknown;
+export declare const containerClasses: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ headingText?: string, showSocialSignup?: unknown, className?: string, id?: string }>;
+export default __dtsx_component__;

package/dist/ui/auth/TwoFactorChallenge.d.ts

@@ -0,0 +1,24 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const headingText: unknown;
+export declare const labelText: unknown;
+export declare const instructionText: unknown;
+export declare const codeLength: unknown;
+export declare const showRecoveryCode: unknown;
+export declare const className: unknown;
+/*
+ * The digit inputs' ids, unique to this instance.
+ *
+ * They were `code-0` ... `code-5`, and the focus management looks them up with
+ * `document.getElementById` -- a DOCUMENT-wide lookup on an id as generic as
+ * `code-1`. Any element in the host app with that id would take the focus
+ * instead, and two of these on a page would type into each other.
+ *
+ * `name` deliberately stays `code-<i>`: that is the key the form submits
+ * under, so namespacing it would change the payload a server sees. Only the
+ * id, which exists to connect the label and the focus moves, is instance-local.
+ */
+export declare const codeIdPrefix: unknown;
+export declare const containerClasses: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ headingText?: string, labelText?: string, instructionText?: string, codeLength?: unknown, showRecoveryCode?: unknown, className?: string, id?: string }>;
+export default __dtsx_component__;

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

@@ -24,6 +24,6 @@ export declare interface TwoFactorChallengeProps {
   onUseRecoveryCode?: () => void
   className?: string
 }
-export { default as Login } from './Login.stx';
-export { default as Signup } from './Signup.stx';
-export { default as TwoFactorChallenge } from './TwoFactorChallenge.stx';
+export { default as Login } from './Login';
+export { default as Signup } from './Signup';
+export { default as TwoFactorChallenge } from './TwoFactorChallenge';

package/dist/ui/avatar/Avatar.d.ts

@@ -0,0 +1,17 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const src: unknown;
+export declare const alt: unknown;
+export declare const initials: unknown;
+export declare const size: unknown;
+export declare const shape: unknown;
+export declare const status: unknown;
+export declare const className: unknown;
+export declare const containerClasses: unknown;
+export declare const avatarClasses: unknown;
+export declare const imageClasses: unknown;
+export declare const initialsClasses: unknown;
+export declare const statusClasses: unknown;
+export declare const displayInitials: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ src?: string, alt?: string, initials?: string, size?: string, shape?: string, status?: string, className?: string }>;
+export default __dtsx_component__;

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

@@ -8,4 +8,4 @@ export declare interface AvatarProps {
   onError?: (event: Event) => void
   className?: string
 }
-export { default as Avatar } from './Avatar.stx';
+export { default as Avatar } from './Avatar';

package/dist/ui/badge/Badge.d.ts

@@ -0,0 +1,42 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const variant: unknown;
+export declare const size: unknown;
+export declare const dot: ReturnType<typeof $bool>;
+export declare const removable: ReturnType<typeof $bool>;
+/*
+ * Whether this badge announces itself. Off by default (stacksjs/stx#2043-adjacent).
+ *
+ * Every badge carried `role="status"`, which is an ARIA live region: a screen
+ * reader watches it and reads out any change to its contents. A badge is
+ * usually a styled label -- a tag, a count, a status pill sitting in a table
+ * cell -- and a page of them becomes a page of live regions. One estate has
+ * 126 badges on a single view, so a single re-render could queue 126
+ * announcements, and the interruptions are the point: a live region speaks
+ * over whatever the user is reading.
+ *
+ * A live region is right when the badge is the thing that CHANGED and nothing
+ * else says so -- an unread count going up while focus is elsewhere. That is
+ * the caller's judgement, not a default, so it is opt-in: `<Badge live>` for
+ * polite, `<Badge live="assertive">` to interrupt.
+ */
+declare const liveProp: unknown;
+export declare const live: boolean;
+export declare const className: unknown;
+/*
+ * Role tokens for the status variants, so an app re-themes a badge by setting
+ * --stx-accent-soft rather than by cancelling a class (stacksjs/stx#1993).
+ * The 100/800 light and 900/200 dark pairing these used IS the soft-fill
+ * token's definition, so primary, success, warning and danger are unchanged.
+ *
+ * `secondary` (purple) and `info` (cyan) stay literal. The role vocabulary has
+ * five status hues and neither of those is one of them: mapping info onto the
+ * `info` role would paint it blue, which is what `primary` already is, so a
+ * badge whose whole job is to distinguish would render two of its variants
+ * identically. A wrong colour is worse than an unthemeable one.
+ */
+export declare const badgeClasses: unknown;
+export declare const dotClasses: unknown;
+export declare const removeButtonClasses: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ variant?: string, size?: string, dot?: unknown, removable?: unknown, live?: unknown, className?: string }>;
+export default __dtsx_component__;

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

@@ -6,4 +6,4 @@ export declare interface BadgeProps {
   onRemove?: () => void
   className?: string
 }
-export { default as Badge } from './Badge.stx';
+export { default as Badge } from './Badge';

package/dist/ui/breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,13 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const items: unknown;
+export declare const separator: unknown;
+export declare const maxItems: unknown;
+export declare const className: unknown;
+export declare const breadcrumbClasses: unknown;
+export declare const itemClasses: unknown;
+export declare const activeItemClasses: unknown;
+export declare const separatorClasses: unknown;
+export declare const collapsedClasses: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ items?: unknown[], separator?: string, maxItems?: unknown, className?: string }>;
+export default __dtsx_component__;

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

@@ -10,4 +10,4 @@ export declare interface BreadcrumbProps {
   maxItems?: number
   className?: string
 }
-export { default as Breadcrumb } from './Breadcrumb.stx';
+export { default as Breadcrumb } from './Breadcrumb';

package/dist/ui/button/Button.d.ts

@@ -0,0 +1,103 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const variant: unknown;
+export declare const size: unknown;
+export declare const disabled: ReturnType<typeof $bool>;
+export declare const loading: ReturnType<typeof $bool>;
+export declare const type: unknown;
+export declare const fullWidth: ReturnType<typeof $bool>;
+/*
+ * The label, as a prop, for a button whose text changes with its state.
+ *
+ * "Rotate" -> "Rotating..." is as common as disabling the button, and the slot
+ * cannot express it: slot content is the CALLER's markup, interpolated in the
+ * caller's scope at render time, so it is a snapshot like `disabled` used to
+ * be. `:text` on the component tag is not the answer either - the runtime's
+ * text binding writes textContent, which would erase the spinner and the icons
+ * this button keeps inside itself.
+ *
+ * So the reactive spelling is a prop: `<Button :label="rotateLabel()">`. Given
+ * one, the button renders it in a span that tracks the parent's binding; given
+ * none, the slot behaves exactly as before. See stacksjs/stx#1997.
+ */
+export declare const label: unknown;
+export declare const hasLabel: boolean;
+/*
+ * A server-rendered accessible name, for the one case the slot cannot cover.
+ *
+ * `:label` is client-categorised, so the server cannot see it: a
+ * `<Button :label="confirmLabel()" />` with no slot content has no text and no
+ * name in the markup actually served, and assistive technology reaching it
+ * before hydration finds an unlabelled button. On a destructive confirmation
+ * that is the worst case (stacksjs/stx#2034). Slot content is the better
+ * answer where there is any, because it is visible as well as announced; this
+ * is for a button that has neither.
+ */
+export declare const ariaLabel: unknown;
+export declare const leftIcon: unknown;
+export declare const rightIcon: unknown;
+export declare const className: unknown;
+/*
+ * Role tokens, not palette shades, so an app can re-theme the button by
+ * meaning rather than by cancelling its classes (stacksjs/stx#1993).
+ *
+ * `className` was never an escape hatch for this: it is appended last in the
+ * class ATTRIBUTE, and attribute order does not decide CSS. `bg-blue-500` and
+ * `bg-accent` are both single-class selectors of equal specificity, so the
+ * winner is whichever lands later in the generated stylesheet - not something
+ * a call site can control.
+ *
+ * `bg-accent-solid` is `var(--stx-accent-solid, <blue-500>)`, so an app sets
+ * one variable and primary buttons follow, dark mode included and with no
+ * `dark:` anywhere. The solid/hover/ink triple exists because all three have
+ * to move together: a themed fill needs its own hover step, and white text on
+ * a light themed fill is unreadable.
+ *
+ * primary and danger are byte-for-byte the same colours as before. outline
+ * moves one shade in light mode (its border and text were blue-500, `accent`
+ * is blue-600) and its hover tint one step stronger, because a role for every
+ * shade would be a palette with extra steps.
+ */
+/*
+ * Padding decides the height, with no `h-*` to override it.
+ *
+ * Each size used to carry a fixed height beside its padding, which meant an app
+ * passing its own `py-1.5` got the padding it asked for and the height it did
+ * not - and `className` cannot win that fight, because `h-10` and `h-8` are
+ * single-class selectors of equal specificity (stacksjs/stx#1993).
+ *
+ * The fixed heights were also wrong on three of five sizes. Measured against
+ * the theme's own line-heights: xs declared 1.75rem around 1.5rem of content,
+ * while lg declared 3rem around 3.25rem and xl 3.5rem around 3.75rem - so the
+ * two largest sizes had been quietly eating a quarter-rem of their own padding.
+ *
+ * The padding below reproduces all five declared heights EXACTLY - 1.75, 2,
+ * 2.5, 3 and 3.5rem - so nothing changes on screen while the height becomes
+ * something a call site can actually set. xs, lg and xl needed a padding step
+ * adjusted to land on the same number they claimed before.
+ * @defaultValue `{ xs: 'h-3 w-3', sm: 'h-4 w-4', md: 'h-5 w-5', lg: 'h-6 w-6', xl: 'h-7 w-7' }`
+ */
+declare const iconSizeClasses: {
+  /** @defaultValue 'h-3 w-3' */
+  xs: string;
+  /** @defaultValue 'h-4 w-4' */
+  sm: string;
+  /** @defaultValue 'h-5 w-5' */
+  md: string;
+  /** @defaultValue 'h-6 w-6' */
+  lg: string;
+  /** @defaultValue 'h-7 w-7' */
+  xl: string
+};
+/*
+ * The focus ring follows the accent too. It was `ring-blue-500` with no dark
+ * twin, so it stayed blue in a dark theme and in a rose-accented app alike;
+ * the token's light value is that same blue-500 and its dark value is a step
+ * darker, which is a ring that was missing rather than one that changed.
+ */
+export declare const isDisabled: unknown;
+export declare const buttonClasses: unknown;
+export declare const iconClasses: unknown;
+export declare const spinnerClasses: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ variant?: string, size?: string, disabled?: unknown, loading?: unknown, type?: string, fullWidth?: unknown, label?: string, ariaLabel?: unknown, "aria-label"?: string, leftIcon?: string, rightIcon?: string, className?: string }>;
+export default __dtsx_component__;

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

@@ -42,4 +42,4 @@ export declare interface ButtonProps {
   className?: string
   onClick?: (event: Event) => void
 }
-export { default as Button } from './Button.stx';
+export { default as Button } from './Button';

package/dist/ui/calendar/Calendar.d.ts

@@ -0,0 +1,67 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare function selectDate(date: unknown): undefined;
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const value: unknown;
+/*
+ * `range` is the mode four apps were missing (stacksjs/stx#1981).
+ *
+ * `<Calendar>` was single-date only, so every app that needed "last 7 days /
+ * custom range" built its own picker - four near-identical copies, hand-ported
+ * between repos, four copies of the same bugs. Range selection is the half an
+ * app cannot reasonably compose from what exists; the preset row is a Button
+ * loop, which is why `<DateRangePicker>` sits on top of this rather than
+ * replacing it.
+ */
+export declare const mode: boolean;
+export declare const start: unknown;
+export declare const end: unknown;
+export declare const minDate: unknown;
+export declare const maxDate: unknown;
+export declare const disabledDates: unknown;
+export declare const locale: unknown;
+export declare const firstDayOfWeek: unknown;
+export declare const showToday: unknown;
+export declare const className: unknown;
+export declare const highlightToday: unknown;
+export declare const calendarClasses: unknown;
+export declare const headerClasses: 'flex items-center justify-between mb-4';
+export declare const monthYearClasses: 'text-lg font-semibold text-fg';
+export declare const buttonClasses: 'p-2 hover:bg-surface-hover rounded-control transition-colors';
+export declare const weekdaysClasses: 'grid grid-cols-7 gap-1 mb-2';
+export declare const weekdayClasses: 'text-center text-xs font-medium text-fg-muted py-2';
+export declare const daysGridClasses: 'grid grid-cols-7 gap-1';
+declare const valueIso: unknown;
+export declare const initialValueIso: unknown;
+export declare const initialStartIso: unknown;
+export declare const initialEndIso: unknown;
+export declare const minIsoValue: unknown;
+export declare const maxIsoValue: unknown;
+export declare const disabledIsoList: ReturnType<typeof disabledDates.map>;
+/*
+ * The ISO strings are interpolated and guarded in JS, not inlined twice through
+ * a `=== null ? 'null' : …` ternary (stacksjs/stx#1981).
+ *
+ * That ternary produced the STRING "null", because `{{ }}` in a client script
+ * emits a JSON literal - so the guard `"null" ? …` was always true and every
+ * one of these became `new Date("null")`, an Invalid Date. With no props at all
+ * `<Calendar />` rendered a header reading "Invalid Date NaN" and 42 cells of
+ * Invalid Date: it has never worked without an explicit `value`, which is some
+ * of why four apps hand-rolled a picker rather than composing this one.
+ *
+ * A server-side `null` interpolates as the `null` literal, so the guard means
+ * what it says.
+ */
+declare const minIso: {};
+declare const maxIso: {};
+declare const initialValue: unknown;
+declare const startIso: {};
+declare const endIso: {};
+declare const initialStart: unknown;
+declare const initialEnd: unknown;
+declare const today: Date;
+declare const currentMonth: unknown;
+declare const selectedDate: ReturnType<typeof state>;
+declare const rangeStart: ReturnType<typeof state>;
+declare const rangeEnd: ReturnType<typeof state>;
+declare type __DtsxStxComponentType = DefineComponent<{ value?: unknown, mode?: unknown, start?: unknown, end?: unknown, minDate?: unknown, maxDate?: unknown, disabledDates?: unknown[], locale?: string, firstDayOfWeek?: unknown, showToday?: unknown, className?: string, highlightToday?: unknown }> & { readonly __stxExposed?: { selectedDate: typeof selectedDate, currentMonth: typeof currentMonth, selectDate: typeof selectDate, rangeStart: typeof rangeStart, rangeEnd: typeof rangeEnd } }
+export default __dtsx_component__;

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

@@ -10,4 +10,4 @@ export declare interface CalendarProps {
   highlightToday?: boolean
   className?: string
 }
-export { default as Calendar } from './Calendar.stx';
+export { default as Calendar } from './Calendar';

package/dist/ui/card/Card.d.ts

@@ -0,0 +1,14 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const variant: unknown;
+export declare const padding: unknown;
+export declare const hover: ReturnType<typeof $bool>;
+export declare const clickable: ReturnType<typeof $bool>;
+export declare const image: unknown;
+export declare const imageAlt: unknown;
+export declare const className: unknown;
+export declare const cardClasses: unknown;
+export declare const imageClasses: unknown;
+export declare const contentClasses: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ variant?: string, padding?: string, hover?: unknown, clickable?: unknown, image?: string, imageAlt?: string, className?: string }>;
+export default __dtsx_component__;

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

@@ -9,4 +9,4 @@ export declare interface CardProps {
   onClick?: (event: Event) => void
   className?: string
 }
-export { default as Card } from './Card.stx';
+export { default as Card } from './Card';

package/dist/ui/chat/ChatInbox.d.ts

@@ -0,0 +1,15 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const storeName: unknown;
+export declare const className: unknown;
+export declare const active: boolean;
+export declare const compact: boolean;
+export declare const sizeClasses: unknown;
+export declare const selectedInboxClass: 'hidden';
+export declare const backButtonClass: '';
+export declare const inboxWidth: 'w-full';
+// Where the selected contact's face and name lead (contact-link.ts): a URL
+// with {field} placeholders filled from the contact, e.g. "/people/{username}".
+export declare const contactHref: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ store?: string, className?: string, active?: boolean, compact?: boolean, contactHref?: string }>;
+export default __dtsx_component__;

package/dist/ui/chat/ChatLauncher.d.ts

@@ -0,0 +1,8 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const storeName: unknown;
+export declare const href: unknown;
+export declare const inline: boolean;
+export declare const className: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ store?: string, href?: string, placement?: unknown, className?: string }>;
+export default __dtsx_component__;

package/dist/ui/chat/ChatMessage.d.ts

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

package/dist/ui/chat/ChatUnreadBadge.d.ts

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

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

@@ -1,9 +1,9 @@
 export declare interface ChatInboxProps { store?: string, compact?: boolean, active?: boolean, className?: string, contactHref?: string }
 export declare interface ChatMessageProps { body?: string, author?: string, time?: string, outgoing?: boolean, className?: string }
 export declare interface ChatLauncherProps { store?: string, href?: string, placement?: 'floating' | 'inline', className?: string }
-export { default as ChatInbox } from './ChatInbox.stx';
-export { default as ChatMessage } from './ChatMessage.stx';
+export { default as ChatInbox } from './ChatInbox';
+export { default as ChatMessage } from './ChatMessage';
 export * from './contact-link';
 export * from './controller';
-export { default as ChatUnreadBadge } from './ChatUnreadBadge.stx';
-export { default as ChatLauncher } from './ChatLauncher.stx';
+export { default as ChatUnreadBadge } from './ChatUnreadBadge';
+export { default as ChatLauncher } from './ChatLauncher';