@stacksjs/components 0.2.67 → 0.2.69

package/dist/ui/payment/Checkout.stx

@@ -1,9 +0,0 @@
-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: unknown;
-export declare const isOneTime: unknown;

package/dist/ui/payment/DefaultPaymentMethod.stx

@@ -1,4 +0,0 @@
-export declare const paymentMethod: unknown;
-export declare const isLoading: unknown;
-export declare const className: unknown;
-export declare const containerClasses: unknown;

package/dist/ui/payment/PaymentMethods.stx

@@ -1,19 +0,0 @@
-export declare const paymentMethods: unknown;
-export declare const isLoading: unknown;
-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;

package/dist/ui/payment/SubscriptionCheckout.stx

@@ -1,10 +0,0 @@
-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: () => unknown;
-export declare const total: unknown;
-export declare const containerClasses: (...args: any[]) => any;

package/dist/ui/popover/Popover.stx

@@ -1,4 +0,0 @@
-export declare const className: unknown;
-export declare const as: unknown;
-export declare const popoverClasses: unknown;
-export declare const popoverInstanceId: (...args: any[]) => any;

package/dist/ui/popover/PopoverButton.stx

@@ -1,4 +0,0 @@
-export declare const className: unknown;
-export declare const as: unknown;
-export declare const disabled: unknown;
-export declare const buttonClasses: unknown;

package/dist/ui/popover/PopoverPanel.stx

@@ -1,4 +0,0 @@
-export declare const className: unknown;
-export declare const as: unknown;
-export declare const position: unknown;
-export declare const panelClasses: unknown;

package/dist/ui/portal/Portal.stx

@@ -1,3 +0,0 @@
-export declare const target: unknown;
-export declare const disabled: unknown;
-export declare const portalId: () => unknown;

package/dist/ui/progress/Progress.stx

@@ -1,19 +0,0 @@
-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: unknown;
-export declare const indeterminate: unknown;
-export declare const className: unknown;
-export declare const circularSize: unknown;
-export declare const strokeWidth: unknown;
-export declare const radius: unknown;
-export declare const circumference: unknown;
-export declare const containerClasses: unknown;
-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-gray-200 dark:stroke-gray-700';
-export declare const circularBarColor: (...args: any[]) => any;

package/dist/ui/radio/Radio.stx

@@ -1,14 +0,0 @@
-export declare const checked: unknown;
-export declare const disabled: unknown;
-export declare const size: unknown;
-export declare const label: unknown;
-export declare const description: unknown;
-export declare const error: unknown;
-export declare const required: unknown;
-export declare const value: unknown;
-export declare const name: unknown;
-export declare const className: unknown;
-export declare const radioClasses: unknown;
-export declare const labelClasses: unknown;
-export declare const descriptionClasses: unknown;
-export declare const inputId: unknown;

package/dist/ui/radio-group/RadioGroup.stx

@@ -1,5 +0,0 @@
-export declare const value: unknown;
-export declare const className: unknown;
-export declare const as: unknown;
-export declare const groupClasses: unknown;
-export declare const radioGroupInstanceId: () => unknown;

package/dist/ui/radio-group/RadioGroupDescription.stx

@@ -1,2 +0,0 @@
-export declare const className: unknown;
-export declare const as: unknown;

package/dist/ui/radio-group/RadioGroupLabel.stx

@@ -1,2 +0,0 @@
-export declare const className: unknown;
-export declare const as: unknown;

package/dist/ui/radio-group/RadioGroupOption.stx

@@ -1,6 +0,0 @@
-export declare const value: unknown;
-export declare const disabled: unknown;
-export declare const className: unknown;
-export declare const as: unknown;
-export declare const optionClasses: unknown;
-export declare const valueJson: unknown;

package/dist/ui/select/Select.stx

@@ -1,14 +0,0 @@
-export declare const value: unknown;
-export declare const options: unknown;
-export declare const placeholder: unknown;
-export declare const disabled: unknown;
-export declare const size: unknown;
-export declare const error: unknown;
-export declare const label: unknown;
-export declare const helperText: unknown;
-export declare const required: unknown;
-export declare const className: unknown;
-export declare const selectClasses: unknown;
-export declare const labelClasses: unknown;
-export declare const helperClasses: unknown;
-export declare const selectId: () => unknown;

package/dist/ui/sidebar/Sidebar.stx

@@ -1,25 +0,0 @@
-export declare const sections: unknown;
-export declare const collapsed: unknown;
-export declare const collapsible: unknown;
-export declare const width: unknown;
-export declare const minWidth: unknown;
-export declare const collapseMode: unknown;
-export declare const variant: unknown;
-export declare const position: unknown;
-export declare const placement: unknown;
-export declare const bordered: unknown;
-export declare const materialOpacity: unknown;
-export declare const materialDarkOpacity: unknown;
-export declare const materialScheme: unknown;
-export declare const persistKey: unknown;
-export declare const shellSelector: unknown;
-export declare const widthVar: unknown;
-export declare const collapsedClass: unknown;
-export declare const nativeMaterialCollapse: unknown;
-export declare const className: unknown;
-export declare const variantTint: unknown;
-export declare const variantShimmer: unknown;
-export declare const containerClasses: unknown;
-export declare const collapseBtnPosition: unknown;
-export declare const navClasses: unknown;
-export declare const slotClasses: (...args: any[]) => any;

package/dist/ui/sidebar/SidebarFooter.stx

@@ -1,12 +0,0 @@
-export declare const showSettings: unknown;
-export declare const showThemeToggle: unknown;
-export declare const settingsHref: unknown;
-export declare const settingsLabel: unknown;
-export declare const collapsed: unknown;
-export declare const actions: unknown;
-export declare const variant: unknown;
-export declare const footerClasses: unknown;
-export declare const actionClasses: unknown;
-export declare const footerIconClasses: unknown;
-export declare const settingsIconClasses: `i-hugeicons-settings-02 ${footerStyle.icon}`;
-export declare const themeButtonClasses: unknown;

package/dist/ui/sidebar/SidebarHeader.stx

@@ -1,22 +0,0 @@
-export declare const title: unknown;
-export declare const subtitle: unknown;
-export declare const logo: unknown;
-export declare const logoIcon: unknown;
-export declare const showSearch: unknown;
-export declare const searchPlaceholder: unknown;
-export declare const searchValue: unknown;
-export declare const collapsed: unknown;
-export declare const variant: unknown;
-export declare const showWindowControls: unknown;
-export declare const showNavigationControls: unknown;
-export declare const titlebarClasses: unknown;
-export declare const chromeClasses: unknown;
-export declare const trafficLightClasses: unknown;
-export declare const navButtonClasses: unknown;
-export declare const logoClasses: unknown;
-export declare const titleClasses: unknown;
-export declare const subtitleClasses: unknown;
-export declare const searchWrapClasses: unknown;
-export declare const searchInputClasses: unknown;
-export declare const hasDesktopChrome: unknown;
-export declare const windowControlsClasses: (...args: any[]) => any;

package/dist/ui/sidebar/SidebarItem.stx

@@ -1,12 +0,0 @@
-export declare const id: unknown;
-export declare const label: unknown;
-export declare const icon: unknown;
-export declare const href: unknown;
-export declare const badge: unknown;
-export declare const active: unknown;
-export declare const disabled: unknown;
-export declare const indent: unknown;
-export declare const variant: unknown;
-export declare const itemClasses: unknown;
-export declare const iconClasses: `${icon} h-[18px] w-[18px] flex-shrink-0 ${itemStyle.icon}`;
-export declare const badgeClasses: unknown;

package/dist/ui/sidebar/SidebarSection.stx

@@ -1,12 +0,0 @@
-export declare const id: unknown;
-export declare const label: unknown;
-export declare const icon: unknown;
-export declare const items: unknown;
-export declare const expanded: unknown;
-export declare const collapsible: unknown;
-export declare const showLabel: unknown;
-export declare const variant: unknown;
-export declare const headerClassesValue: unknown;
-export declare const sectionClasses: unknown;
-export declare const groupClasses: unknown;
-export declare const labelClasses: () => unknown;

package/dist/ui/skeleton/Skeleton.stx

@@ -1,9 +0,0 @@
-export declare const variant: unknown;
-export declare const count: unknown;
-export declare const width: unknown;
-export declare const height: unknown;
-export declare const circle: unknown;
-export declare const className: unknown;
-export declare const animate: unknown;
-export declare const skeletonClasses: unknown;
-export declare const containerClasses: unknown;

package/dist/ui/spinner/Spinner.stx

@@ -1,9 +0,0 @@
-export declare const variant: unknown;
-export declare const size: unknown;
-export declare const color: unknown;
-export declare const label: unknown;
-export declare const className: unknown;
-export declare const containerClasses: unknown;
-export declare const spinnerClasses: unknown;
-export declare const labelClasses: unknown;
-export declare const dotClasses: unknown;

package/dist/ui/stepper/Stepper.stx

@@ -1,4 +0,0 @@
-export declare const currentStep: unknown;
-export declare const orientation: unknown;
-export declare const className: unknown;
-export declare const as: unknown;

package/dist/ui/stepper/StepperStep.stx

@@ -1,8 +0,0 @@
-export declare const stepNumber: unknown;
-export declare const currentStep: unknown;
-export declare const label: unknown;
-export declare const description: unknown;
-export declare const className: unknown;
-export declare const as: unknown;
-export declare const isComplete: unknown;
-export declare const stepClasses: unknown;

package/dist/ui/switch/Switch.stx

@@ -1,9 +0,0 @@
-export declare const checked: unknown;
-export declare const disabled: unknown;
-export declare const size: unknown;
-export declare const className: unknown;
-export declare const label: unknown;
-export declare const config: unknown;
-export declare const trackBaseClasses: 'relative inline-flex shrink-0 cursor-pointer border-2 border-transparent rounded-full transition-colors duration-200 ease-in-out focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-neutral-300 dark:focus-visible:ring-offset-neutral-700';
-export declare const trackDisabledClasses: unknown;
-export declare const thumbBaseClasses: unknown;

package/dist/ui/table/Table.stx

@@ -1,3 +0,0 @@
-export declare const className: unknown;
-export declare const striped: unknown;
-export declare const hoverable: unknown;

package/dist/ui/table/TableBody.stx

@@ -1 +0,0 @@
-export declare const className: unknown;

package/dist/ui/table/TableCell.stx

@@ -1 +0,0 @@
-export declare const className: unknown;

package/dist/ui/table/TableHead.stx

@@ -1 +0,0 @@
-export declare const className: unknown;

package/dist/ui/table/TableHeader.stx

@@ -1,3 +0,0 @@
-export declare const className: unknown;
-export declare const sortable: unknown;
-export declare const headerClasses: unknown;

package/dist/ui/table/TableRow.stx

@@ -1,2 +0,0 @@
-export declare const className: unknown;
-export declare const hoverable: unknown;

package/dist/ui/tabs/TabPanel.stx

@@ -1,9 +0,0 @@
-// Slot wrapper that the parent <Tabs> discovers via DOM walk. The parent
-// reads `data-label` (and optional `data-icon`) to build the tab list and
-// toggles the `hidden` attribute as the active tab changes. Hidden by
-// default — the parent flips the active one visible after mount. See
-// stacksjs/stx#1703.
-export declare const label: unknown;
-export declare const icon: unknown;
-export declare const className: unknown;
-export declare const panelClasses: unknown;

package/dist/ui/tabs/Tabs.stx

@@ -1,148 +0,0 @@
-// Two modes (see stacksjs/stx#1703):
-//   1. Legacy prop API — pass `tabs={[{label, content, icon}, …]}` for
-//      simple string-content tabs (kept for backward compatibility with
-//      existing visual snapshots and consumers).
-//   2. Slot API — drop `<TabPanel label="…">` children for arbitrary
-//      content (components, forms, tables, etc.). The parent enumerates
-//      [data-stx-tab-panel] descendants on mount and builds the tab list
-//      dynamically.
-export declare const tabs: unknown;
-export declare const defaultTab: unknown;
-export declare const orientation: unknown;
-export declare const variant: unknown;
-export declare const className: unknown;
-export declare const containerClasses: unknown;
-export declare const tabListClasses: unknown;
-export declare const tabPanelClasses: unknown;
-// True when the parent passes a non-empty `tabs` array — switches to the
-// legacy render path so existing snapshots stay byte-identical.
-export declare const hasPropTabs: activeTab changes.
-// Prop mode is handled inline by the @foreach loop's :show binding below.
-effect(() => {
-  if (hasPropTabs) return
-  const panels = findOwnPanels()
-  const idx = activeTab()
-  panels.forEach((p, i) => {
-    if (i === idx) p.removeAttribute('hidden')
-    else p.setAttribute('hidden', '')
-  })
-})
-
-function selectTab(index) {
-  activeTab.set(index)
-  const list = discoveredTabs()
-  emit('change', { index, tab: list[index] })
-}
-
-function isActive(index) {
-  return activeTab() === index
-}
-
-function getTabClasses(index) {
-  const isActiveTab = isActive(index)
-  const base = 'px-4 py-2 font-medium text-sm transition-colors duration-150 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 dark:focus:ring-offset-gray-900'
-  if (variant === 'line') {
-    const border = orientation === 'horizontal' ? 'border-b-2' : 'border-r-2'
-    return `${base} ${border} ${isActiveTab ? 'border-blue-500 text-blue-600 dark:text-blue-400' : 'border-transparent text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200 hover:border-gray-300 dark:hover:border-gray-600'}`
-  }
-  if (variant === 'pills') {
-    return `${base} rounded-md ${isActiveTab ? 'bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100 shadow-sm' : 'text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200'}`
-  }
-  if (variant === 'enclosed') {
-    const borders = orientation === 'horizontal' ? 'border-t border-l border-r rounded-t-md' : 'border-t border-l border-b rounded-l-md'
-    return `${base} ${borders} ${isActiveTab ? 'bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700 -mb-px' : 'bg-gray-50 dark:bg-gray-900 border-transparent hover:border-gray-200 dark:hover:border-gray-700'}`
-  }
-  return base
-}
-
-function onTabKey(event, index) {
-  const tabCount = discoveredTabs().length
-  let next = index
-  if (orientation === 'horizontal') {
-    if (event.key === 'ArrowRight') { event.preventDefault(); next = (index + 1) % tabCount }
-    else if (event.key === 'ArrowLeft') { event.preventDefault(); next = (index - 1 + tabCount) % tabCount }
-  }
-  else {
-    if (event.key === 'ArrowDown') { event.preventDefault(); next = (index + 1) % tabCount }
-    else if (event.key === 'ArrowUp') { event.preventDefault(); next = (index - 1 + tabCount) % tabCount }
-  }
-  if (event.key === 'Home') { event.preventDefault(); next = 0 }
-  else if (event.key === 'End') { event.preventDefault(); next = tabCount - 1 }
-  if (next !== index) {
-    selectTab(next)
-    document.getElementById(`tab-${next}`)?.focus()
-  }
-}
-
-defineExpose({ activeTab, selectTab })
-</script>
-
-<div x-ref="containerRef" data-stx-tabs class="{{ containerClasses }}">
-  <div
-    class="{{ tabListClasses }}"
-    role="tablist"
-    aria-orientation="{{ orientation }}"
-  >
-    @if(hasPropTabs)
-      {{-- Legacy mode: server-side iterate the prop tabs array. Buttons --}}
-      {{-- get static class names so existing visual snapshots stay      --}}
-      {{-- byte-identical.                                                 --}}
-      @foreach(tab in tabs)
-        <button
-          type="button"
-          :class="getTabClasses({{ $loop.index }})"
-          role="tab"
-          :aria-selected="isActive({{ $loop.index }}) ? 'true' : 'false'"
-          aria-controls="tab-panel-{{ $loop.index }}"
-          id="tab-{{ $loop.index }}"
-          :tabindex="isActive({{ $loop.index }}) ? '0' : '-1'"
-          @click="selectTab({{ $loop.index }})"
-          @keydown="onTabKey($event, {{ $loop.index }})"
-        >
-          @if(tab.icon)
-            <span class="inline-flex items-center gap-2">
-              <span x-html="{!! JSON.stringify(tab.icon) !!}"></span>
-              <span>{{ tab.label }}</span>
-            </span>
-          @else
-            {{ tab.label }}
-          @endif
-        </button>
-      @endforeach
-    @else
-      {{-- Slot mode: render the tab list dynamically from --}}
-      {{-- discoveredTabs() which is populated in onMount. --}}
-      <button
-        :for="(tab, idx) in discoveredTabs()"
-        :key="idx"
-        type="button"
-        x-class="getTabClasses(idx)"
-        role="tab"
-        :aria-selected="isActive(idx) ? 'true' : 'false'"
-        :tabindex="isActive(idx) ? 0 : -1"
-        @click="selectTab(idx)"
-        @keydown="onTabKey($event, idx)"
-      >
-        <span :if="tab.icon" class="inline-flex items-center gap-2" x-html="tab.icon"></span>
-        <span :text="tab.label"></span>
-      </button>
-    @endif
-  </div>
-
-  @if(hasPropTabs)
-    @foreach(tab in tabs)
-      <div
-        :show="isActive({{ $loop.index }})"
-        id="tab-panel-{{ $loop.index }}"
-        class="{{ tabPanelClasses }}"
-        role="tabpanel"
-        aria-labelledby="tab-{{ $loop.index }}"
-        tabindex="0"
-      >
-        {!! tab.content !!}
-      </div>
-    @endforeach
-  @else
-    <slot />
-  @endif
-</div>;

package/dist/ui/teleport/Teleport.stx

@@ -1,4 +0,0 @@
-export declare const to: unknown;
-export declare const disabled: unknown;
-export declare const defer: unknown;
-export declare const teleportId: () => unknown;

package/dist/ui/textarea/Textarea.stx

@@ -1,18 +0,0 @@
-export declare const value: unknown;
-export declare const placeholder: unknown;
-export declare const disabled: unknown;
-export declare const readonly: unknown;
-export declare const rows: unknown;
-export declare const autoResize: unknown;
-export declare const maxRows: unknown;
-export declare const error: unknown;
-export declare const label: unknown;
-export declare const helperText: unknown;
-export declare const required: unknown;
-export declare const maxLength: unknown;
-export declare const showCount: unknown;
-export declare const resize: unknown;
-export declare const className: unknown;
-export declare const textareaClasses: unknown;
-export declare const labelClasses: unknown;
-export declare const helperClasses: (...args: any[]) => any;

package/dist/ui/tooltip/Tooltip.stx

@@ -1,8 +0,0 @@
-export declare const content: unknown;
-export declare const position: unknown;
-export declare const delay: unknown;
-export declare const className: unknown;
-export declare const show: unknown;
-export declare const disabled: unknown;
-export declare const tooltipClasses: unknown;
-export declare const arrowClass: () => unknown;

package/dist/ui/transition/Transition.stx

@@ -1,20 +0,0 @@
-export declare const show: unknown;
-export declare const enter: unknown;
-export declare const enterFrom: unknown;
-export declare const enterTo: unknown;
-export declare const leave: unknown;
-export declare const leaveFrom: unknown;
-export declare const leaveTo: unknown;
-export declare const appear: unknown;
-export declare const duration: unknown;
-export declare const delay: unknown;
-export declare const preset: unknown;
-export declare const className: unknown;
-export declare const enterClass: unknown;
-export declare const enterFromClass: unknown;
-export declare const enterToClass: unknown;
-export declare const leaveClass: unknown;
-export declare const leaveFromClass: unknown;
-export declare const leaveToClass: unknown;
-export declare const durationStyle: `transition-duration: ${duration}ms; transition-delay: ${delay}ms;`;
-export declare const extraClass: (...args: any[]) => any;

package/dist/ui/video/Video.stx

@@ -1,15 +0,0 @@
-export declare const src: unknown;
-export declare const poster: unknown;
-export declare const autoplay: unknown;
-export declare const loop: unknown;
-export declare const muted: unknown;
-export declare const controls: unknown;
-export declare const preload: unknown;
-export declare const width: unknown;
-export declare const height: unknown;
-export declare const aspectRatio: unknown;
-export declare const className: unknown;
-export declare const title: unknown;
-export declare const containerClasses: unknown;
-export declare const videoClasses: 'w-full h-full object-cover bg-gray-900 dark:bg-gray-950';
-export declare const aspectRatioClass: unknown;

package/dist/ui/virtual-list/VirtualList.stx

@@ -1,7 +0,0 @@
-export declare const items: unknown;
-export declare const itemHeight: unknown;
-export declare const height: unknown;
-export declare const overscan: unknown;
-export declare const className: unknown;
-export declare const totalHeight: unknown;
-export declare const containerClasses: (...args: any[]) => any;

package/dist/ui/virtual-table/VirtualTable.stx

@@ -1,16 +0,0 @@
-export declare const columns: unknown;
-export declare const data: unknown;
-export declare const rowHeight: unknown;
-export declare const height: unknown;
-export declare const headerHeight: unknown;
-export declare const overscan: unknown;
-export declare const striped: unknown;
-export declare const hoverable: unknown;
-export declare const className: unknown;
-export declare const totalHeight: unknown;
-export declare const containerClasses: unknown;
-export declare const headerClasses: unknown;
-export declare const headerCellClasses: unknown;
-export declare const bodyClasses: unknown;
-export declare const rowClasses: unknown;
-export declare const cellClasses: () => unknown;