@stacksjs/components 0.2.35 → 0.2.53

package/dist/ui/avatar/Avatar.stx

@@ -5,11 +5,9 @@ export declare const size: unknown;
 export declare const shape: unknown;
 export declare const status: unknown;
 export declare const className: unknown;
-export declare const onError: 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;
-// Generate initials from name if not provided
 export declare const displayInitials: () => unknown;

package/dist/ui/badge/Badge.stx

@@ -3,7 +3,6 @@ export declare const size: unknown;
 export declare const dot: unknown;
 export declare const removable: unknown;
 export declare const className: unknown;
-export declare const onRemove: unknown;
 export declare const badgeClasses: unknown;
 export declare const dotClasses: unknown;
 export declare const removeButtonClasses: unknown;

package/dist/ui/button/Button.stx

@@ -7,8 +7,7 @@ export declare const fullWidth: unknown;
 export declare const leftIcon: unknown;
 export declare const rightIcon: unknown;
 export declare const className: unknown;
-export declare const onClick: unknown;
-// Combine classes
+export declare const isDisabled: unknown;
 export declare const buttonClasses: unknown;
 export declare const iconClasses: unknown;
 export declare const spinnerClasses: unknown;

package/dist/ui/calendar/Calendar.stx

@@ -1,10 +1,20 @@
-// Calendar Component Props
 export declare const value: unknown;
-export declare const onChange: 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-gray-900 dark:text-gray-100';
+export declare const buttonClasses: 'p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md 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-gray-600 dark:text-gray-400 py-2';
+export declare const daysGridClasses: 'grid grid-cols-7 gap-1';
+export declare const initialValueIso: unknown;
+export declare const minIsoValue: unknown;
+export declare const maxIsoValue: unknown;
+export declare const disabledIsoList: (...args: any[]) => any;

package/dist/ui/card/Card.stx

@@ -4,9 +4,7 @@ export declare const hover: unknown;
 export declare const clickable: unknown;
 export declare const image: unknown;
 export declare const imageAlt: unknown;
-export declare const imagePosition: unknown;
 export declare const className: unknown;
-export declare const onClick: unknown;
 export declare const cardClasses: unknown;
 export declare const imageClasses: unknown;
 export declare const contentClasses: unknown;

package/dist/ui/checkbox/Checkbox.stx

@@ -1,5 +1,4 @@
 export declare const checked: unknown;
-export declare const onChange: () => unknown;
 export declare const disabled: unknown;
 export declare const indeterminate: unknown;
 export declare const size: unknown;
@@ -12,4 +11,5 @@ export declare const name: unknown;
 export declare const className: unknown;
 export declare const checkboxClasses: unknown;
 export declare const labelClasses: unknown;
-export declare const descriptionClasses: () => unknown;
+export declare const descriptionClasses: unknown;
+export declare const inputId: () => unknown;

package/dist/ui/combobox/Combobox.stx

@@ -1,4 +1,5 @@
 export declare const value: unknown;
-export declare const onChange: unknown;
 export declare const className: unknown;
 export declare const as: unknown;
+export declare const comboboxClasses: unknown;
+export declare const comboboxInstanceId: (...args: any[]) => any;

package/dist/ui/combobox/ComboboxButton.stx

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

package/dist/ui/combobox/ComboboxInput.stx

@@ -1,8 +1,5 @@
-export declare function handleChange(e: unknown): void;
 export declare const displayValue: unknown;
-export declare const onChange: unknown;
 export declare const className: unknown;
 export declare const placeholder: unknown;
 export declare const disabled: unknown;
-declare type  = "text";
-declare class AnonymousClass {}
+export declare const inputClasses: unknown;

package/dist/ui/combobox/ComboboxOption.stx

@@ -1,13 +1,6 @@
-export declare function handleClick(): void;
-export declare function handleMouseEnter(): void;
-export declare function handleMouseLeave(): void;
 export declare const value: unknown;
 export declare const disabled: unknown;
 export declare const className: unknown;
 export declare const as: unknown;
-export declare const currentValue: unknown;
-export declare const onChange: unknown;
-/** @defaultValue false */
-export declare let active: boolean;
-export declare const selected: unknown;
-declare class AnonymousClass {}
+export declare const optionClasses: unknown;
+export declare const valueJson: unknown;

package/dist/ui/combobox/ComboboxOptions.stx

@@ -1,3 +1,3 @@
 export declare const className: unknown;
 export declare const as: unknown;
-export declare const static_: unknown;
+export declare const optionsClasses: unknown;

package/dist/ui/command-palette/CommandPalette.stx

@@ -1,8 +1,5 @@
-export declare function handleClose(): void;
 export declare const open: unknown;
-export declare const onClose: unknown;
-export declare const query: unknown;
-export declare const onQueryChange: unknown;
+export declare const initialQuery: unknown;
 export declare const className: unknown;
-declare type  = "text";
-declare class AnonymousClass {}
+export declare const paletteClasses: unknown;
+export declare const paletteInstanceId: (...args: any[]) => any;

package/dist/ui/command-palette/CommandPaletteItem.stx

@@ -1,8 +1,3 @@
-export declare function handleClick(): void;
-export declare function handleMouseEnter(): void;
-export declare function handleMouseLeave(): void;
 export declare const className: unknown;
-export declare const onClick: unknown;
-/** @defaultValue false */
-export declare let active: boolean;
-declare class AnonymousClass {}
+export declare const value: unknown;
+export declare const itemClasses: unknown;

package/dist/ui/dialog/Dialog.stx

@@ -1,5 +1,3 @@
-export declare function handleClose(): void;
 export declare const open: unknown;
-export declare const onClose: unknown;
 export declare const className: unknown;
-export declare const as: unknown;
+export declare const dialogClasses: () => unknown;

package/dist/ui/drawer/Drawer.stx

@@ -1,9 +1,7 @@
 export declare const open: unknown;
-export declare const onClose: () => unknown;
 export declare const position: unknown;
 export declare const title: unknown;
 export declare const className: unknown;
 export declare const containerClasses: unknown;
 export declare const panelClasses: unknown;
-export declare const slideAnimation: unknown;
-export declare const closeButtonClasses: unknown;
+export declare const closeButtonClasses: () => unknown;

package/dist/ui/dropdown/Dropdown.stx

@@ -1,7 +1,4 @@
-export declare function toggle(): void;
-export declare function close(): void;
-export declare function open(): void;
 export declare const className: unknown;
 export declare const as: unknown;
-/** @defaultValue false */
-export declare let isOpen: boolean;
+export declare const dropdownClasses: unknown;
+export declare const dropdownInstanceId: (...args: any[]) => any;

package/dist/ui/dropdown/DropdownButton.stx

@@ -1,6 +1,4 @@
-export declare function handleClick(e: unknown): void;
 export declare const className: unknown;
 export declare const as: unknown;
 export declare const disabled: unknown;
-export declare const onClick: unknown;
-declare class AnonymousClass {}
+export declare const buttonClasses: unknown;

package/dist/ui/dropdown/DropdownItem.stx

@@ -1,10 +1,5 @@
-export declare function handleClick(e: unknown): void;
-export declare function handleMouseEnter(): void;
-export declare function handleMouseLeave(): void;
 export declare const className: unknown;
 export declare const as: unknown;
 export declare const disabled: unknown;
-export declare const onClick: unknown;
-/** @defaultValue false */
-export declare let active: boolean;
-declare class AnonymousClass {}
+export declare const value: unknown;
+export declare const itemClasses: unknown;

package/dist/ui/dropdown/DropdownItems.stx

@@ -1,3 +1,3 @@
 export declare const className: unknown;
 export declare const as: unknown;
-export declare const static_: unknown;
+export declare const itemsClasses: unknown;

package/dist/ui/form/Form.stx

@@ -1,11 +1,6 @@
 export declare const action: unknown;
 export declare const method: unknown;
 export declare const validationSchema: unknown;
-export declare const initialValues: unknown;
-export declare const validateOnChange: unknown;
-export declare const validateOnBlur: unknown;
-export declare const onSubmit: unknown;
-export declare const onError: unknown;
 export declare const className: unknown;
 export declare const formClasses: unknown;
 export declare const errorClasses: unknown;

package/dist/ui/image/Image.stx

@@ -9,18 +9,13 @@ export declare const height: unknown;
 export declare const lazy: unknown;
 export declare const placeholder: unknown;
 export declare const blurDataURL: unknown;
-export declare const onLoad: unknown;
-export declare const onError: unknown;
 export declare const aspectRatio: unknown;
 export declare const objectFit: unknown;
 export declare const rounded: unknown;
 export declare const zoomOnHover: unknown;
 export declare const className: unknown;
-// Has WebP support
 export declare const hasWebP: unknown;
 export declare const containerClasses: unknown;
 export declare const imageClasses: unknown;
-export declare const placeholderClasses: unknown;
 export declare const blurPlaceholderClasses: unknown;
-// Generate aspect ratio padding if provided
-export declare const paddingBottom: (...args: any[]) => any;
+export declare const containerStyle: (...args: any[]) => any;

package/dist/ui/input/EmailInput.stx

@@ -1,5 +1,4 @@
 export declare const value: unknown;
-export declare const onChange: () => unknown;
 export declare const placeholder: unknown;
 export declare const disabled: unknown;
 export declare const readonly: unknown;
@@ -9,3 +8,4 @@ export declare const label: unknown;
 export declare const helperText: unknown;
 export declare const required: unknown;
 export declare const className: unknown;
+export declare const emailIcon: unknown;

package/dist/ui/input/NumberInput.stx

@@ -1,5 +1,4 @@
 export declare const value: unknown;
-export declare const onChange: () => unknown;
 export declare const placeholder: unknown;
 export declare const disabled: unknown;
 export declare const readonly: unknown;

package/dist/ui/input/PasswordInput.stx

@@ -1,5 +1,4 @@
 export declare const value: unknown;
-export declare const onChange: () => unknown;
 export declare const placeholder: unknown;
 export declare const disabled: unknown;
 export declare const readonly: unknown;
@@ -14,6 +13,4 @@ export declare const inputClassName: unknown;
 export declare const inputClasses: unknown;
 export declare const labelClasses: unknown;
 export declare const helperClasses: unknown;
-export declare const iconClasses: unknown;
-export declare const strength: unknown;
-export declare const strengthColor: unknown;
+export declare const iconClasses: (...args: any[]) => any;

package/dist/ui/input/SearchInput.stx

@@ -1,6 +1,4 @@
 export declare const value: unknown;
-export declare const onChange: () => unknown;
-export declare const onSearch: () => unknown;
 export declare const placeholder: unknown;
 export declare const disabled: unknown;
 export declare const size: unknown;
@@ -9,4 +7,6 @@ export declare const label: unknown;
 export declare const helperText: unknown;
 export declare const loading: unknown;
 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;

package/dist/ui/input/TextInput.stx

@@ -1,5 +1,4 @@
 export declare const value: unknown;
-export declare const onChange: () => unknown;
 export declare const placeholder: unknown;
 export declare const disabled: unknown;
 export declare const readonly: unknown;
@@ -19,4 +18,4 @@ export declare const inputClasses: unknown;
 export declare const labelClasses: unknown;
 export declare const helperClasses: unknown;
 export declare const iconClasses: unknown;
-export declare const hasValue: unknown;
+export declare const inputId: () => unknown;

package/dist/ui/listbox/Listbox.stx

@@ -1,5 +1,6 @@
 export declare const value: unknown;
-export declare const onChange: unknown;
 export declare const multiple: unknown;
 export declare const className: unknown;
 export declare const as: unknown;
+export declare const listboxClasses: unknown;
+export declare const listboxInstanceId: (...args: any[]) => any;

package/dist/ui/listbox/ListboxButton.stx

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

package/dist/ui/listbox/ListboxOption.stx

@@ -1,13 +1,6 @@
-export declare function handleClick(): void;
-export declare function handleMouseEnter(): void;
-export declare function handleMouseLeave(): void;
 export declare const value: unknown;
 export declare const disabled: unknown;
 export declare const className: unknown;
 export declare const as: unknown;
-export declare const currentValue: unknown;
-export declare const onChange: unknown;
-/** @defaultValue false */
-export declare let active: boolean;
-export declare const selected: unknown;
-declare class AnonymousClass {}
+export declare const optionClasses: unknown;
+export declare const valueJson: unknown;

package/dist/ui/listbox/ListboxOptions.stx

@@ -1,3 +1,3 @@
 export declare const className: unknown;
 export declare const as: unknown;
-export declare const static_: unknown;
+export declare const optionsClasses: unknown;

package/dist/ui/navigator/Navigator.stx

@@ -1,8 +1,8 @@
-// Navigator Component Props
 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;
-declare type  = "button";
-declare class AnonymousClass {}
-declare class AnonymousClass {}
+export declare const containerClasses: unknown;
+export declare const gapClasses: unknown;

package/dist/ui/notification/Notification.stx

@@ -1,12 +1,8 @@
-export declare function handleClose(): void;
 export declare const show: unknown;
 export declare const title: unknown;
 export declare const message: unknown;
 export declare const type: unknown;
 export declare const position: unknown;
 export declare const duration: unknown;
-export declare const onClose: unknown;
 export declare const className: unknown;
-declare type  = "button"
-        @click="handleClose";
-declare class AnonymousClass {}
+export declare const notificationClasses: () => unknown;

package/dist/ui/pagination/Pagination.stx

@@ -4,9 +4,8 @@ export declare const siblingCount: unknown;
 export declare const showFirstLast: unknown;
 export declare const showPrevNext: unknown;
 export declare const className: unknown;
-export declare const onChange: 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;
+export declare const iconClasses: (...args: any[]) => any;

package/dist/ui/payment/Checkout.stx

@@ -1,13 +1,9 @@
 export declare const products: unknown;
-export declare const redirectUrl: unknown;
 export declare const mode: unknown;
 export declare const stripePublicKey: unknown;
 export declare const apiUrl: unknown;
-export declare const onSubmit: unknown;
-export declare const onRemoveProduct: unknown;
 export declare const shipping: unknown;
 export declare const taxes: unknown;
 export declare const className: unknown;
-// For future expansion - one-time payment support
 export declare const isSubscription: unknown;
 export declare const isOneTime: unknown;

package/dist/ui/payment/PaymentMethods.stx

@@ -1,6 +1,19 @@
 export declare const paymentMethods: unknown;
-export declare const onDeletePaymentMethod: unknown;
-export declare const onMakeDefault: 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,191 +1,10 @@
 export declare const products: unknown;
 export declare const stripePublicKey: unknown;
 export declare const apiUrl: unknown;
-export declare const onSubmit: unknown;
-export declare const onRemoveProduct: unknown;
+export declare const showRemoveProduct: unknown;
 export declare const shipping: unknown;
 export declare const taxes: unknown;
 export declare const className: unknown;
-// Calculate totals
-export declare const calculateSubtotal: () => unknown;
+export declare const subtotal: () => unknown;
 export declare const total: unknown;
-export declare const containerClasses: (`bg-gray-50 dark:bg-blue-gray-900 ${className}`.trim()
-</script>
-
-<div class="{{ containerClasses }}">
-  <div class="mx-auto max-w-2xl px-4 pb-24 pt-16 lg:max-w-7xl lg:px-8 sm:px-6">
-    <h2 class="sr-only">Checkout</h2>
-
-    <form class="lg:grid lg:grid-cols-2 lg:gap-x-12 xl:gap-x-16" onsubmit="event.preventDefault(); handleCheckoutSubmit(event)">
-      <!-- Left Column - Contact & Payment -->
-      <div>
-        <!-- Contact Information -->
-        <div>
-          <h2 class="text-lg text-gray-900 dark:text-gray-100 font-medium">
-            Contact information
-          </h2>
-
-          <div class="mt-4">
-            <label for="email-address" class="block text-sm text-gray-700 dark:text-gray-300 font-medium">
-              Email address
-            </label>
-            <div class="mt-1">
-              <input
-                id="email-address"
-                type="email"
-                name="email-address"
-                autocomplete="email"
-                required
-                class="block w-full border border-gray-300 dark:border-gray-600 rounded-md p-2 shadow-sm bg-white dark:bg-blue-gray-700 text-gray-900 dark:text-gray-100 focus:border-indigo-500 dark:focus:border-indigo-400 sm:text-sm focus:ring-indigo-500 dark:focus:ring-indigo-400"
-              />
-            </div>
-          </div>
-        </div>
-
-        <!-- Billing Information -->
-        <div class="mt-10 border-t border-gray-200 dark:border-gray-700 pt-10">
-          <h2 class="text-lg text-gray-900 dark:text-gray-100 font-medium">
-            Billing information
-          </h2>
-
-          <div class="mt-4 grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-4">
-            <div class="sm:col-span-2">
-              <label for="card-name" class="block text-sm text-gray-700 dark:text-gray-300 font-medium">
-                Name on card
-              </label>
-              <div class="mt-1">
-                <input
-                  type="text"
-                  id="card-name"
-                  name="card-name"
-                  autocomplete="cc-name"
-                  required
-                  class="block w-full border border-gray-300 dark:border-gray-600 rounded-md p-2 shadow-sm bg-white dark:bg-blue-gray-700 text-gray-900 dark:text-gray-100 focus:border-indigo-500 sm:text-sm focus:ring-indigo-500"
-                />
-              </div>
-            </div>
-
-            <!-- Stripe Element Mount Point -->
-            <div class="sm:col-span-2">
-              <div id="payment-element" class="mt-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-blue-gray-700 p-3"></div>
-            </div>
-          </div>
-        </div>
-
-        <!-- Payment Type -->
-        <div class="mt-10 border-t border-gray-200 dark:border-gray-700 pt-10">
-          <h2 class="text-lg text-gray-900 dark:text-gray-100 font-medium">
-            Payment
-          </h2>
-
-          <fieldset class="mt-4">
-            <legend class="sr-only">Payment type</legend>
-            <div class="sm:flex sm:items-center space-y-4 sm:space-x-10 sm:space-y-0">
-              <div class="flex items-center">
-                <input
-                  id="credit-card"
-                  name="payment-type"
-                  type="radio"
-                  checked
-                  class="h-4 w-4 border-gray-300 dark:border-gray-600 text-indigo-600 dark:text-indigo-400 focus:ring-indigo-500 dark:focus:ring-indigo-400"
-                />
-                <label for="credit-card" class="ml-3 block text-sm text-gray-700 dark:text-gray-300 font-medium">
-                  Credit card
-                </label>
-              </div>
-            </div>
-          </fieldset>
-        </div>
-      </div>
-
-      <!-- Right Column - Order Summary -->
-      <div class="mt-10 lg:mt-0">
-        <h2 class="text-lg text-gray-900 dark:text-gray-100 font-medium">
-          Order summary
-        </h2>
-
-        <div class="mt-4 border border-gray-200 dark:border-gray-700 rounded-lg bg-white dark:bg-blue-gray-800 shadow-sm">
-          <h3 class="sr-only">Items in your cart</h3>
-
-          <!-- Product List -->
-          <ul role="list" class="divide-y divide-gray-200 dark:divide-gray-700">
-            @foreach(product in products)
-              <li class="flex px-4 py-6 sm:px-6">
-                <div class="flex-shrink-0">
-                  @if(product.images)
-                    <img src="{{ product.images }}" alt="{{ product.name }}" class="w-20 rounded-md" />
-                  @else
-                    <div class="w-20 h-20 bg-gray-200 dark:bg-gray-700 rounded-md flex items-center justify-center">
-                      <svg class="h-8 w-8 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" />
-                      </svg>
-                    </div>
-                  @endif
-                </div>
-
-                <div class="ml-6 flex flex-1 flex-col">
-                  <div class="flex">
-                    <div class="min-w-0 flex-1">
-                      <h4 class="text-sm">
-                        <a href="#" class="text-gray-700 dark:text-gray-300 font-medium hover:text-gray-800 dark:hover:text-gray-200">
-                          {{ product.name }}
-                        </a>
-                      </h4>
-                    </div>
-
-                    @if(onRemoveProduct)
-                      <div class="ml-4 flow-root flex-shrink-0">
-                        <button
-                          type="button"
-                          class="flex items-center justify-center bg-white dark:bg-blue-gray-700 p-2.5 text-gray-400 dark:text-gray-500 -m-2.5 hover:text-gray-500 dark:hover:text-gray-400"
-                          @click="handleRemoveProduct('{{ product.id }}')"
-                          title="Remove"
-                        >
-                          <span class="sr-only">Remove</span>
-                          <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-                            <path fill-rule="evenodd" d="M8.75 1A2.75 2.75 0 0 0 6 3.75v.443c-.795.077-1.584.176-2.365.298a.75.75 0 1 0 .23 1.482l.149-.022.841 10.518A2.75 2.75 0 0 0 7.596 19h4.807a2.75 2.75 0 0 0 2.742-2.53l.841-10.52.149.023a.75.75 0 0 0 .23-1.482A41.03 41.03 0 0 0 14 4.193V3.75A2.75 2.75 0 0 0 11.25 1h-2.5ZM10 4c.84 0 1.673.025 2.5.075V3.75c0-.69-.56-1.25-1.25-1.25h-2.5c-.69 0-1.25.56-1.25 1.25v.325C8.327 4.025 9.16 4 10 4ZM8.58 7.72a.75.75 0 0 0-1.5.06l.3 7.5a.75.75 0 1 0 1.5-.06l-.3-7.5Zm4.34.06a.75.75 0 1 0-1.5-.06l-.3 7.5a.75.75 0 1 0 1.5.06l.3-7.5Z" clip-rule="evenodd" />
-                          </svg>
-                        </button>
-                      </div>
-                    @endif
-                  </div>
-
-                  <div class="flex flex-1 items-end justify-between pt-2">
-                    <p class="mt-1 text-sm text-gray-900 dark:text-gray-100 font-medium">
-                      ${{ (product.price / 100).toFixed(2) }}
-                    </p>
-
-                    <div class="ml-4">
-                      <label for="quantity-{{ product.id }}" class="sr-only">Quantity</label>
-                      <select
-                        id="quantity-{{ product.id }}"
-                        name="quantity"
-                        class="border border-gray-300 dark:border-gray-600 rounded-md text-left text-base text-gray-700 dark:text-gray-300 font-medium shadow-sm bg-white dark:bg-blue-gray-700 focus:border-indigo-500 sm:text-sm focus:outline-none focus:ring-1 focus:ring-indigo-500"
-                      >
-                        <option value="1" {{ (product.quantity || 1) === 1 ? 'selected' : '' }}>1</option>
-                        <option value="2" {{ (product.quantity || 1) === 2 ? 'selected' : '' }}>2</option>
-                        <option value="3" {{ (product.quantity || 1) === 3 ? 'selected' : '' }}>3</option>
-                        <option value="4" {{ (product.quantity || 1) === 4 ? 'selected' : '' }}>4</option>
-                        <option value="5" {{ (product.quantity || 1) === 5 ? 'selected' : '' }}>5</option>
-                        <option value="6" {{ (product.quantity || 1) === 6 ? 'selected' : '' }}>6</option>
-                        <option value="7" {{ (product.quantity || 1) === 7 ? 'selected' : '' }}>7</option>
-                        <option value="8" {{ (product.quantity || 1) === 8 ? 'selected' : '' }}>8</option>
-                      </select>
-                    </div>
-                  </div>
-                </div>
-              </li>
-            @endforeach
-          </ul>
-
-          <!-- Summary Totals -->
-          <dl class="border-t border-gray-200 dark:border-gray-700 px-4 py-6 space-y-6 sm:px-6">
-            <div class="flex items-center justify-between">
-              <dt class="text-sm text-gray-600 dark:text-gray-400">Subtotal</dt>
-              <dd class="text-sm text-gray-900 dark:text-gray-100 font-medium">
-                ${{ (calculateSubtotal() / 100).toFixed(2) }}
-              </dd>
-            </div>
-
-            @if(shipping > 0)
-              <div class?: unknown) => unknown;
+export declare const containerClasses: (...args: any[]) => any;

package/dist/ui/popover/Popover.stx

@@ -1,7 +1,4 @@
-export declare function toggle(): void;
-export declare function close(): void;
-export declare function open(): void;
 export declare const className: unknown;
 export declare const as: unknown;
-/** @defaultValue false */
-export declare let isOpen: boolean;
+export declare const popoverClasses: unknown;
+export declare const popoverInstanceId: (...args: any[]) => any;