@stacksjs/components 0.2.571 → 0.2.573

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

@@ -0,0 +1,26 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+/**
+ * The row of pills under a screen title.
+ *
+ * Two kinds of chip live in the same row and they are not the same control. A
+ * **toggle** is on or off — "Unread". A **menu** opens something and carries a
+ * chevron — "Repository". Rendering both as bare pills, which is the tempting
+ * shortcut, means a reader cannot tell which of them will change the list in
+ * place and which will cover the screen with a picker.
+ *
+ * `chips` is `{ label, href, active?, menu?, count? }`.
+ */
+export declare const chips: unknown;
+export declare const className: unknown;
+/*
+ * Scrolls horizontally, and says so by bleeding past the gutter.
+ *
+ * Filters overflow a phone's width the moment there are four of them with real
+ * words in. The negative margin plus matching padding lets the row run to both
+ * screen edges while its first chip still lines up with the title above it —
+ * a row that stops at the gutter looks complete when it is not.
+ */
+export declare const rowClasses: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ chips?: unknown[], className?: string }>;
+export default __dtsx_component__;

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

@@ -0,0 +1,35 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+/**
+ * The row every mobile list is made of.
+ *
+ * Read off what a dense list actually has to carry: a leading mark, a line of
+ * context above the title, the title itself over two lines, a line of detail
+ * under it, a timestamp at the top right, and a count at the bottom right.
+ * Six slots, because a list that can only do three ends up with applications
+ * inventing a seventh layout per screen.
+ *
+ * Everything except `title` is optional and nothing reserves space when absent,
+ * so the same component renders a two-line notification and a five-line issue
+ * without either looking like a version of the other.
+ */
+export declare const title: unknown;
+/** Small line above the title — a repository, an owner, a path. */
+export declare const eyebrow: unknown;
+/** Small line below the title — an actor, a branch, a summary. */
+export declare const detail: unknown;
+/** Top right. A relative time, usually. */
+export declare const meta: unknown;
+/** Bottom right. A comment count, a diff stat, a status. */
+export declare const trailing: unknown;
+/** Inline SVG for the leading column. */
+export declare const icon: unknown;
+/** Draws the unread dot in the leading column, under the icon. */
+export declare const unread: ReturnType<typeof $bool>;
+export declare const href: unknown;
+export declare const className: unknown;
+export declare const interactive: boolean;
+export declare const tag: unknown;
+export declare const rowClasses: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ title?: string, eyebrow?: string, detail?: string, meta?: string, trailing?: string, icon?: string, unread?: unknown, href?: string, className?: string }>;
+export default __dtsx_component__;

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

@@ -0,0 +1,47 @@
+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;
+/**
+ * The top of a screen: a row of controls, then a large title under it.
+ *
+ * Two rows rather than one, because they answer different questions. The
+ * control row is where back and the screen's actions live and it stays the same
+ * height everywhere; the title is display-sized and belongs to the content, so
+ * it scrolls away while the controls do not.
+ *
+ * `title` may be empty — a screen pushed onto a stack usually wants its name in
+ * the small centre slot beside the back button instead, which is what
+ * `compactTitle` is.
+ */
+export declare const title: unknown;
+export declare const compactTitle: unknown;
+export declare const backHref: unknown;
+/** Markup for the right-hand side: search, add, an avatar. */
+export declare const actions: unknown;
+export declare const className: unknown;
+export declare const hasControls: boolean;
+/*
+ * The safe-area inset is padding on the header itself.
+ *
+ * Not a spacer element above it: on a notched device the status bar sits over
+ * the top of the page, and a header that starts below a fixed-height spacer is
+ * right on exactly one device.
+ */
+export declare const headerStyle: 'padding-top: max(env(safe-area-inset-top, 0px), 12px);';
+export declare const backRouterOwned: ReturnType<typeof routerOwns>;
+declare type __DtsxStxComponentType = DefineComponent<{ title?: string, compactTitle?: string, backHref?: string, actions?: string, className?: string }>;
+export default __dtsx_component__;

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

@@ -0,0 +1,38 @@
+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;
+/**
+ * A titled group of rows on a rounded card — the "My Work" pattern.
+ *
+ * The title sits *outside* the card. That is the whole convention: the card is
+ * the group, the heading names it, and putting the heading inside makes the
+ * first row look like a header and every subsequent group look like a
+ * continuation of the one above it.
+ *
+ * Dividers are drawn by the card rather than by the rows, via
+ * `divide-y`, so a row does not have to know whether it is last — which is how
+ * a trailing hairline ends up under the final item of every list.
+ */
+export declare const title: unknown;
+/** Right-aligned control beside the title — "See all", a menu glyph. */
+export declare const action: unknown;
+export declare const actionHref: unknown;
+export declare const className: unknown;
+export declare const cardClasses: unknown;
+export declare const actionRouterOwned: ReturnType<typeof routerOwns>;
+declare type __DtsxStxComponentType = DefineComponent<{ title?: string, action?: string, actionHref?: string, className?: string }>;
+export default __dtsx_component__;

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

@@ -0,0 +1,31 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+/**
+ * The bottom tab bar — the one control a phone app is navigated by.
+ *
+ * Floating rather than flush: a rounded bar inset from the window edges with
+ * the content scrolling *under* it, which is what every current iOS app does
+ * and what the safe area at the bottom of a modern iPhone is shaped for. A bar
+ * pinned flush to the bottom either eats the home indicator or leaves a band of
+ * dead colour beneath itself.
+ *
+ * `items` is the whole bar. Each is `{ label, href, icon, active?, badge? }`,
+ * where `icon` is inline SVG or any markup — the bar does not own an icon set,
+ * because an application's icons are its own and a component that ships them
+ * makes every consumer look like the component.
+ */
+export declare const items: unknown;
+export declare const className: unknown;
+/**
+ * `env(safe-area-inset-bottom)` with a floor, not instead of one.
+ *
+ * On a device with a home indicator the inset is real and the bar must clear
+ * it. On one without — an SE, a simulator in a small window, a desktop browser
+ * looking at the mobile layout — the inset is `0px` and a bar with no floor
+ * sits on the very edge of the screen. `max()` is the only spelling that gets
+ * both right.
+ */
+export declare const barStyle: 'bottom: max(env(safe-area-inset-bottom, 0px), 12px);';
+export declare const barClasses: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ items?: unknown[], className?: string }>;
+export default __dtsx_component__;

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

@@ -0,0 +1,41 @@
+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 destination in the bottom bar.
+ *
+ * Icon over label, and the label always present. Icon-only bars test well with
+ * the people who designed them and badly with everyone else: a glyph is only
+ * unambiguous once you already know what the app calls that screen.
+ */
+export declare const label: unknown;
+export declare const href: unknown;
+export declare const icon: unknown;
+export declare const active: ReturnType<typeof $bool>;
+/** A count, or any short string. Zero and empty are not rendered. */
+export declare const badge: unknown;
+export declare const hasBadge: boolean;
+export declare const routerOwned: ReturnType<typeof routerOwns>;
+/*
+ * The active state is a filled pill behind the item rather than a colour
+ * change alone. Colour alone is the one distinction that disappears for the
+ * ~8% of men with a red-green deficiency and for anyone in bright sunlight,
+ * which is most of the time a phone is used outdoors.
+ */
+export declare const itemClasses: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ label?: string, href?: string, icon?: string, active?: unknown, badge?: string }>;
+export default __dtsx_component__;

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

@@ -55,10 +55,10 @@ export declare interface NavBarProps {
   actions?: string
   className?: string
 }
-export { default as FilterChip } from './FilterChip.stx';
-export { default as FilterChips } from './FilterChips.stx';
-export { default as ListRow } from './ListRow.stx';
-export { default as NavBar } from './NavBar.stx';
-export { default as SectionCard } from './SectionCard.stx';
-export { default as TabBar } from './TabBar.stx';
-export { default as TabBarItem } from './TabBarItem.stx';
+export { default as FilterChip } from './FilterChip';
+export { default as FilterChips } from './FilterChips';
+export { default as ListRow } from './ListRow';
+export { default as NavBar } from './NavBar';
+export { default as SectionCard } from './SectionCard';
+export { default as TabBar } from './TabBar';
+export { default as TabBarItem } from './TabBarItem';

package/dist/ui/navigator/Navigator.d.ts

@@ -0,0 +1,14 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const items: unknown;
+export declare const active: unknown;
+export declare const orientation: unknown;
+export declare const variant: unknown;
+export declare const size: unknown;
+export declare const className: unknown;
+export declare const containerClasses: unknown;
+export declare const gapClasses: boolean;
+declare const initialActive: {};
+declare const activeKey: ReturnType<typeof state>;
+declare type __DtsxStxComponentType = DefineComponent<{ items?: unknown[], active?: string, orientation?: string, variant?: string, size?: string, className?: string }> & { readonly __stxExposed?: { activeKey: typeof activeKey } }
+export default __dtsx_component__;

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

@@ -15,4 +15,4 @@ export declare interface NavigatorProps {
   onNavigate?: (item: NavigatorItem) => void
   className?: string
 }
-export { default as Navigator } from './Navigator.stx';
+export { default as Navigator } from './Navigator';

package/dist/ui/notification/Notification.d.ts

@@ -0,0 +1,22 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare function close(): void;
+declare function open(opts: unknown): void;
+declare const __dtsx_component__: __DtsxStxComponentType;
+// Initial defaults captured at render time. The client script wraps these
+// in signals so consumers can mutate them after mount (fetch-then-toast,
+// auto-dismiss, etc.). See stacksjs/stx#1692.
+export declare const initialShow: unknown;
+export declare const initialTitle: unknown;
+export declare const initialMessage: unknown;
+export declare const initialType: unknown;
+export declare const initialPosition: unknown;
+export declare const initialDuration: unknown;
+export declare const className: unknown;
+declare const isVisible: unknown;
+declare const title: unknown;
+declare const message: unknown;
+declare const type: unknown;
+declare const position: unknown;
+declare const duration: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ show?: unknown, title?: string, message?: string, type?: string, position?: string, duration?: number, className?: string }> & { readonly __stxExposed?: { open: typeof open, close: typeof close, isVisible: typeof isVisible, title: typeof title, message: typeof message, type: typeof type, position: typeof position, duration: typeof duration } }
+export default __dtsx_component__;

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

@@ -8,4 +8,4 @@ export declare interface NotificationProps {
   onClose?: () => void
   className?: string
 }
-export { default as Notification } from './Notification.stx';
+export { default as Notification } from './Notification';

package/dist/ui/pager/Pager.d.ts

@@ -0,0 +1,48 @@
+import type { DefineComponent } from '@stacksjs/stx';
+/** Moves to page `i` (clamped), as the page's own buttons do. */
+declare function go(i: unknown): undefined;
+declare function next(): void;
+declare function prev(): void;
+declare const __dtsx_component__: __DtsxStxComponentType;
+/*
+ * A row of full-width pages you swipe or step through: the first-run tour,
+ * an onboarding questionnaire, a gallery of screenshots.
+ *
+ * The pages are the slot's elements, laid side by side in a native
+ * scroll-snap track, so a swipe is the browser's own (momentum, rubber band,
+ * the system's reduced-motion setting) and costs no script per frame. The
+ * page shown is a `v-model:index`, or `:index` with `@change`, which the page
+ * moves with its own buttons; Pager scrolls to follow and reports a swipe back.
+ *
+ *   <Pager v-model:index="step" label="Welcome tour" dotsLabel="Tour pages">
+ *     <section>…</section>
+ *     <section :for="slide in slides" :key="slide.id">…</section>
+ *   </Pager>
+ *   <button @click="step.set(step() + 1)">Next</button>
+ *
+ * `swipe="false"` keeps the pages but leaves moving to the page's buttons: a
+ * questionnaire whose next page waits on an answer. `dots="false"` drops the
+ * built-in dots for a `<PagerDots>` placed elsewhere.
+ *
+ * Accessibility follows the APG carousel pattern: a named region with
+ * `aria-roledescription="carousel"`, each page a "slide" group labelled
+ * "2 of 5", pages off screen inert, and the arrow keys (outside a field)
+ * stepping between them.
+ */
+export declare const index: unknown;
+export declare const label: unknown;
+export declare const swipe: unknown;
+export declare const dots: unknown;
+export declare const dotsLabel: unknown;
+export declare const slideLabel: unknown;
+export declare const goToLabel: unknown;
+export declare const className: unknown;
+export declare const trackClass: unknown;
+export declare const dotsClass: unknown;
+export declare const rootClasses: unknown;
+export declare const trackClasses: unknown;
+export declare const dotRowClasses: unknown;
+declare const selected: ReturnType<typeof useModel>;
+declare const count: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ index?: unknown, label?: string, swipe?: unknown, dots?: unknown, dotsLabel?: string, slideLabel?: string, goToLabel?: string, className?: string, trackClass?: string, dotsClass?: string }> & { readonly __stxExposed?: { selected: typeof selected, count: typeof count, go: typeof go, next: typeof next, prev: typeof prev } }
+export default __dtsx_component__;

package/dist/ui/pager/PagerDots.d.ts

@@ -0,0 +1,22 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare function go(i: unknown): undefined;
+declare const __dtsx_component__: __DtsxStxComponentType;
+/*
+ * A pager's dots, placed wherever the page wants them: above a tour's
+ * "Next" button rather than under the pages, where <Pager> draws its own.
+ *
+ *   <Pager v-model:index="step" dots="false">…</Pager>
+ *   <PagerDots v-model:index="step" :count="slides.length" label="Tour pages" />
+ *
+ * The current page is a wider pill; each dot is a button that moves there.
+ * Colour comes from the text colour (`className="text-white"`).
+ */
+export declare const index: unknown;
+export declare const count: unknown;
+export declare const label: unknown;
+export declare const goToLabel: unknown;
+export declare const className: unknown;
+export declare const rowClasses: unknown;
+declare const selected: ReturnType<typeof useModel>;
+declare type __DtsxStxComponentType = DefineComponent<{ index?: unknown, count?: unknown, label?: string, goToLabel?: string, className?: string }> & { readonly __stxExposed?: { selected: typeof selected, go: typeof go } }
+export default __dtsx_component__;

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

@@ -17,5 +17,5 @@ export declare interface PagerDotsProps {
   goToLabel?: string
   className?: string
 }
-export { default as Pager } from './Pager.stx';
-export { default as PagerDots } from './PagerDots.stx';
+export { default as Pager } from './Pager';
+export { default as PagerDots } from './PagerDots';

package/dist/ui/pagination/Pagination.d.ts

@@ -0,0 +1,19 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare function goToPage(target: unknown): void;
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const currentPage: unknown;
+export declare const totalPages: unknown;
+export declare const siblingCount: unknown;
+export declare const showFirstLast: unknown;
+export declare const showPrevNext: unknown;
+export declare const className: unknown;
+export declare const paginationClasses: unknown;
+export declare const buttonClasses: unknown;
+export declare const activeButtonClasses: unknown;
+export declare const ellipsisClasses: unknown;
+export declare const iconClasses: unknown;
+// Reactive prop binding — parent can drive `current-page` via signals
+// (useful for URL-driven pagination via useSearchParams). See #1704.
+declare const page: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ currentPage?: unknown, totalPages?: unknown, siblingCount?: unknown, showFirstLast?: unknown, showPrevNext?: unknown, className?: string }> & { readonly __stxExposed?: { page: typeof page, goToPage: typeof goToPage } }
+export default __dtsx_component__;

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

@@ -7,4 +7,4 @@ export declare interface PaginationProps {
   onChange?: (page: number) => void
   className?: string
 }
-export { default as Pagination } from './Pagination.stx';
+export { default as Pagination } from './Pagination';

package/dist/ui/payment/Checkout.d.ts

@@ -0,0 +1,13 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const products: unknown;
+export declare const mode: unknown;
+export declare const stripePublicKey: unknown;
+export declare const apiUrl: unknown;
+export declare const shipping: unknown;
+export declare const taxes: unknown;
+export declare const className: unknown;
+export declare const isSubscription: boolean;
+export declare const isOneTime: boolean;
+declare type __DtsxStxComponentType = DefineComponent<{ products?: unknown[], mode?: string, stripePublicKey?: string, apiUrl?: string, shipping?: unknown, taxes?: unknown, className?: string }>;
+export default __dtsx_component__;

package/dist/ui/payment/DefaultPaymentMethod.d.ts

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

package/dist/ui/payment/PaymentMethods.d.ts

@@ -0,0 +1,23 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const paymentMethods: unknown;
+export declare const isLoading: ReturnType<typeof $bool>;
+export declare const showMakeDefault: unknown;
+export declare const showDelete: unknown;
+export declare const className: unknown;
+/** @defaultValue `{ visa: '💳', mastercard: '💳', amex: '💳', discover: '💳', default: '💳' }` */
+export declare const brandIcons: {
+  /** @defaultValue '💳' */
+  visa: string;
+  /** @defaultValue '💳' */
+  mastercard: string;
+  /** @defaultValue '💳' */
+  amex: string;
+  /** @defaultValue '💳' */
+  discover: string;
+  /** @defaultValue '💳' */
+  default: string
+};
+export declare const containerClasses: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ paymentMethods?: unknown[], isLoading?: unknown, showMakeDefault?: unknown, showDelete?: unknown, className?: string }>;
+export default __dtsx_component__;

package/dist/ui/payment/SubscriptionCheckout.d.ts

@@ -0,0 +1,28 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const products: unknown;
+export declare const stripePublicKey: unknown;
+export declare const apiUrl: unknown;
+export declare const showRemoveProduct: unknown;
+export declare const shipping: unknown;
+export declare const taxes: unknown;
+export declare const className: unknown;
+export declare const subtotal: ReturnType<typeof products.reduce>;
+export declare const total: unknown;
+/*
+ * Field ids unique to this instance.
+ *
+ * `email-address`, `card-name`, `credit-card` and `payment-element` were
+ * generic enough to collide with the host app's own ids, which breaks
+ * getElementById and `<label for>` for both. `name` stays generic: it is the
+ * key the form submits under and what autocomplete reads.
+ *
+ * `payment-element` matters most of the three, because it is not only a label
+ * target -- Stripe mounts into it BY SELECTOR (`#payment-element` below), so a
+ * second element with that id anywhere on the page could take the card form.
+ * Both sides read the same prefix, so they cannot drift apart.
+ */
+export declare const fieldPrefix: unknown;
+export declare const containerClasses: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ products?: unknown[], stripePublicKey?: string, apiUrl?: string, showRemoveProduct?: unknown, shipping?: unknown, taxes?: unknown, className?: string, id?: string }>;
+export default __dtsx_component__;

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

@@ -47,7 +47,7 @@ export declare interface CheckoutProps {
   taxes?: number
   className?: string
 }
-export { default as Checkout } from './Checkout.stx';
-export { default as DefaultPaymentMethod } from './DefaultPaymentMethod.stx';
-export { default as PaymentMethods } from './PaymentMethods.stx';
-export { default as SubscriptionCheckout } from './SubscriptionCheckout.stx';
+export { default as Checkout } from './Checkout';
+export { default as DefaultPaymentMethod } from './DefaultPaymentMethod';
+export { default as PaymentMethods } from './PaymentMethods';
+export { default as SubscriptionCheckout } from './SubscriptionCheckout';

package/dist/ui/popover/Popover.d.ts

@@ -0,0 +1,12 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare function open(): void;
+declare function close(): void;
+declare function toggle(): void;
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const className: unknown;
+export declare const as: unknown;
+export declare const popoverClasses: unknown;
+export declare const popoverInstanceId: 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/popover/PopoverButton.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/popover/PopoverPanel.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 position: unknown;
+export declare const panelClasses: unknown;
+declare type __DtsxStxComponentType = DefineComponent<{ className?: string, as?: string, position?: string }>;
+export default __dtsx_component__;

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

@@ -14,6 +14,6 @@ export declare interface PopoverPanelProps {
   static?: boolean
   position?: 'top' | 'bottom' | 'left' | 'right'
 }
-export { default as Popover } from './Popover.stx';
-export { default as PopoverButton } from './PopoverButton.stx';
-export { default as PopoverPanel } from './PopoverPanel.stx';
+export { default as Popover } from './Popover';
+export { default as PopoverButton } from './PopoverButton';
+export { default as PopoverPanel } from './PopoverPanel';

package/dist/ui/portal/Portal.d.ts

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

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

@@ -2,4 +2,4 @@ export declare interface PortalProps {
   target?: string | HTMLElement
   disabled?: boolean
 }
-export { default as Portal } from './Portal.stx';
+export { default as Portal } from './Portal';

package/dist/ui/progress/Progress.d.ts

@@ -0,0 +1,32 @@
+import type { DefineComponent } from '@stacksjs/stx';
+declare const __dtsx_component__: __DtsxStxComponentType;
+export declare const value: unknown;
+export declare const max: unknown;
+export declare const variant: unknown;
+export declare const size: unknown;
+export declare const color: unknown;
+export declare const showLabel: ReturnType<typeof $bool>;
+export declare const indeterminate: ReturnType<typeof $bool>;
+export declare const className: unknown;
+/** @defaultValue `{ sm: 'w-12 h-12', md: 'w-16 h-16', lg: 'w-24 h-24' }` */
+declare const circularSizeClasses: {
+  /** @defaultValue 'w-12 h-12' */
+  sm: string;
+  /** @defaultValue 'w-16 h-16' */
+  md: string;
+  /** @defaultValue 'w-24 h-24' */
+  lg: string
+};
+export declare const circularSize: boolean;
+export declare const strokeWidth: boolean;
+export declare const radius: unknown;
+export declare const circumference: unknown;
+export declare const containerClasses: boolean;
+export declare const linearTrackClasses: unknown;
+export declare const linearBarClasses: unknown;
+export declare const circularSizeClass: unknown;
+export declare const labelClasses: unknown;
+export declare const circularTrackColor: 'stroke-line';
+export declare const circularBarColor: boolean;
+declare type __DtsxStxComponentType = DefineComponent<{ value?: unknown, max?: unknown, variant?: string, size?: string, color?: string, showLabel?: unknown, indeterminate?: unknown, className?: string }> & { readonly __stxExposed?: { value: typeof value, setValue: (...args: any[]) => any } }
+export default __dtsx_component__;

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

@@ -8,4 +8,4 @@ export declare interface ProgressProps {
   indeterminate?: boolean
   className?: string
 }
-export { default as Progress } from './Progress.stx';
+export { default as Progress } from './Progress';