@stacksjs/components 0.2.21 → 0.2.24

package/dist/{PasswordInput-4xnndp5y.stx → PasswordInput-zv4hm43j.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const value = $props.value || ''
 export const onChange = $props.onChange || (() => {})
 export const placeholder = $props.placeholder || 'Enter your password'
@@ -94,7 +94,7 @@ export const strengthText = strength < 40 ? 'Weak' : strength < 70 ? 'Medium' :
     <div class="absolute inset-y-0 right-0 flex items-center pr-3">
       <button
         type="button"
-        onclick="toggleVisibility()"
+        @click="toggleVisibility()"
         class="text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300 focus:outline-none"
         aria-label="{{ showPassword ? 'Hide password' : 'Show password' }}"
       >

package/dist/{PaymentMethods-jxba6kek.stx → PaymentMethods-j42jsk5x.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const paymentMethods = $props.paymentMethods || []
 export const onDeletePaymentMethod = $props.onDeletePaymentMethod
 export const onMakeDefault = $props.onMakeDefault
@@ -53,7 +53,7 @@ export const containerClasses = `mt-4 ${className}`.trim()
                     <button
                       type="button"
                       class="border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-blue-gray-700 px-2 py-1 text-sm text-gray-700 dark:text-gray-300 font-semibold shadow-sm hover:bg-gray-50 dark:hover:bg-blue-gray-600 focus-visible:outline-2 focus-visible:outline-blue-600 focus-visible:outline-offset-2 disabled:opacity-50 disabled:cursor-not-allowed"
-                      onclick="handleMakeDefault('{{ method.id }}')"
+                      @click="handleMakeDefault('{{ method.id }}')"
                       title="Make default"
                     >
                       <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
@@ -67,7 +67,7 @@ export const containerClasses = `mt-4 ${className}`.trim()
                     <button
                       type="button"
                       class="border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-blue-gray-700 px-2 py-1 text-sm text-red-600 dark:text-red-400 font-semibold shadow-sm hover:bg-red-50 dark:hover:bg-red-900/20 focus-visible:outline-2 focus-visible:outline-red-600 focus-visible:outline-offset-2 disabled:opacity-50 disabled:cursor-not-allowed"
-                      onclick="handleDelete('{{ method.id }}')"
+                      @click="handleDelete('{{ method.id }}')"
                       title="Delete payment method"
                     >
                       <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">

package/dist/{Popover-scbqatjq.stx → Popover-469gbt6r.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const className = $props.className || ''
 export const as = $props.as || 'div'
 export let isOpen = false

package/dist/{PopoverButton-rbxhzj4k.stx → PopoverButton-fnaqc77g.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const className = $props.className || ''
 export const as = $props.as || 'button'
 export const disabled = $props.disabled || false

package/dist/{PopoverPanel-9ng1rm6e.stx → PopoverPanel-y0vtf5w9.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const className = $props.className || ''
 export const as = $props.as || 'div'
 export const static_ = $props.static || false

package/dist/{Portal-j111yvqp.stx → Portal-s2q37yp0.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const target = $props.target || 'body'
 export const disabled = $props.disabled || false
 

package/dist/{Progress-gbmw3akr.stx → Progress-vmdkm06p.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const value = $props.value || 0
 export const max = $props.max || 100
 export const variant = $props.variant || 'linear'

package/dist/{Radio-1n9qamv1.stx → Radio-04bs3d21.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const checked = $props.checked || false
 export const onChange = $props.onChange || (() => {})
 export const disabled = $props.disabled || false

package/dist/{RadioGroup-12dw2vhk.stx → RadioGroup-bvb1mrhd.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const value = $props.value
 export const onChange = $props.onChange
 export const className = $props.className || ''

package/dist/{RadioGroupDescription-bjm3mdht.stx → RadioGroupDescription-yej78fak.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const className = $props.className || ''
 export const as = $props.as || 'span'
 

package/dist/{ListboxLabel-aky8a73n.stx → RadioGroupLabel-7mymt1b8.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const className = $props.className || ''
 export const as = $props.as || 'label'
 

package/dist/{RadioGroupOption-9pcxgwmd.stx → RadioGroupOption-cpdwgnhw.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const value = $props.value
 export const disabled = $props.disabled || false
 export const className = $props.className || ''

package/dist/{SearchInput-g240e2nq.stx → SearchInput-2521m475.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const value = $props.value || ''
 export const onChange = $props.onChange || (() => {})
 export const onSearch = $props.onSearch || (() => {})

package/dist/{Select-p9f94b20.stx → Select-g4mmvfv8.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const value = $props.value || ''
 export const onChange = $props.onChange || (() => {})
 export const options = $props.options || []

package/dist/{Sidebar-gwxw8q38.stx → Sidebar-40ckbzh8.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 /**
  * Sidebar Component - macOS Native Style
  *

package/dist/{SidebarFooter-887kxret.stx → SidebarFooter-hnth56mg.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 /**
  * SidebarFooter Component
  *

package/dist/{SidebarHeader-qjeyx0hv.stx → SidebarHeader-3wrte2p2.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 /**
  * SidebarHeader Component
  *

package/dist/{SidebarItem-4dpwtmb4.stx → SidebarItem-zqtvvzpc.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 /**
  * SidebarItem Component
  *

package/dist/{SidebarSection-kh92fk4m.stx → SidebarSection-3etwnbjr.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 /**
  * SidebarSection Component
  *

package/dist/{Signup-3nxq5zag.stx → Signup-c4dyv6f3.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const headingText = $props.headingText || 'Sign up for Stacks'
 export const showSocialSignup = $props.showSocialSignup ?? true
 export const onSubmit = $props.onSubmit || (() => {})

package/dist/{Skeleton-g0nx1njm.stx → Skeleton-v1pwa8nr.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const variant = $props.variant || 'text'
 export const count = $props.count || 1
 export const width = $props.width || ''

package/dist/{Spinner-w4zj58xp.stx → Spinner-7dahavkd.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const variant = $props.variant || 'circle'
 export const size = $props.size || 'md'
 export const color = $props.color || 'primary'

package/dist/{Stepper-rwc5actp.stx → Stepper-rgbk76hd.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const currentStep = $props.currentStep || 0
 export const orientation = $props.orientation || 'horizontal'
 export const className = $props.className || ''

package/dist/{StepperStep-h0k657nm.stx → StepperStep-en4r00zv.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const stepNumber = $props.stepNumber
 export const currentStep = $props.currentStep || 0
 export const label = $props.label || ''

package/dist/{SubscriptionCheckout-4cbxdg7w.stx → SubscriptionCheckout-gawjzf3q.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const products = $props.products || []
 export const stripePublicKey = $props.stripePublicKey || ''
 export const apiUrl = $props.apiUrl || ''
@@ -144,7 +144,7 @@ export const containerClasses = `bg-gray-50 dark:bg-blue-gray-900 ${className}`.
                         <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"
-                          onclick="handleRemoveProduct('{{ product.id }}')"
+                          @click="handleRemoveProduct('{{ product.id }}')"
                           title="Remove"
                         >
                           <span class="sr-only">Remove</span>

package/dist/{Switch-kjq8qd2p.stx → Switch-036j9vm1.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const checked = $props.checked || false
 export const disabled = $props.disabled || false
 export const size = $props.size || 'md'

package/dist/{Table-59j9qwp0.stx → Table-6cx8az9h.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const className = $props.className || ''
 export const striped = $props.striped || false
 export const hoverable = $props.hoverable !== false

package/dist/{TableBody-reka2gwv.stx → TableBody-wf6t13j9.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const className = $props.className || ''
 
 const baseClasses = 'bg-white divide-y divide-neutral-200 dark:bg-neutral-900 dark:divide-neutral-700'

package/dist/{TableCell-j7nh4sgr.stx → TableCell-ntx0edbn.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const className = $props.className || ''
 
 const baseClasses = 'px-6 py-4 whitespace-nowrap text-sm text-neutral-900 dark:text-neutral-100'

package/dist/{TableHead-ecbrwpqm.stx → TableHead-3k4hnm2k.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const className = $props.className || ''
 
 const baseClasses = 'bg-neutral-50 dark:bg-neutral-800'

package/dist/{TableHeader-jn2shwsv.stx → TableHeader-ydys9rzz.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const className = $props.className || ''
 export const sortable = $props.sortable || false
 export const onClick = $props.onClick

package/dist/{TableRow-xz8rrxhc.stx → TableRow-z09p2ebf.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const className = $props.className || ''
 export const hoverable = $props.hoverable !== false
 

package/dist/{Tabs-kb6ex6m7.stx → Tabs-svh721m0.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const tabs = $props.tabs || []
 export const defaultTab = $props.defaultTab || 0
 export const orientation = $props.orientation || 'horizontal'
@@ -71,7 +71,7 @@ export const tabPanelClasses = `p-4 focus:outline-none`.trim()
         aria-controls="tab-panel-{{ $loop.index }}"
         id="tab-{{ $loop.index }}"
         tabindex="{{ activeTab === $loop.index ? '0' : '-1' }}"
-        onclick="selectTab({{ $loop.index }})"
+        @click="selectTab({{ $loop.index }})"
         onkeydown="handleKeyDown(event, {{ $loop.index }})"
       >
         @if(tab.icon)

package/dist/{Teleport-819cg9zm.stx → Teleport-qfch3w0b.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const to = $props.to || 'body'
 export const disabled = $props.disabled || false
 export const defer = $props.defer || false

package/dist/{TextInput-zx9kgr79.stx → TextInput-k2kfkgy1.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const value = $props.value || ''
 export const onChange = $props.onChange || (() => {})
 export const placeholder = $props.placeholder || ''
@@ -91,7 +91,7 @@ export const hasValue = value && value.length > 0
       <div class="absolute inset-y-0 right-0 flex items-center pr-3">
         <button
           type="button"
-          onclick="handleClear()"
+          @click="handleClear()"
           class="text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300 focus:outline-none"
           aria-label="Clear input"
         >

package/dist/{Textarea-5xvmrb0z.stx → Textarea-szad57dz.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const value = $props.value || ''
 export const onChange = $props.onChange || (() => {})
 export const placeholder = $props.placeholder || ''

package/dist/{Tooltip-5ehqsy49.stx → Tooltip-em7t551n.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const content = $props.content || ''
 export const position = $props.position || 'top'
 export const delay = $props.delay || 0

package/dist/{Transition-2j39s044.stx → Transition-0hmr6zxb.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const show = $props.show !== false
 export const enter = $props.enter || 'transition-opacity duration-300'
 export const enterFrom = $props.enterFrom || 'opacity-0'

package/dist/{TwoFactorChallenge-2q4gg89m.stx → TwoFactorChallenge-an9yvxvq.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const headingText = $props.headingText || 'Two Factor Authentication'
 export const labelText = $props.labelText || 'Authentication code'
 export const instructionText = $props.instructionText || 'Open your Symantec 2FA app to view your authentication code.'
@@ -57,7 +57,7 @@ export const codes = Array(codeLength).fill('')
             </p>
             <a
               href="#"
-              onclick="event.preventDefault(); handleRecoveryCode()"
+              @click="event.preventDefault(); handleRecoveryCode()"
               class="text-xs text-blue-500 hover:underline"
             >
               Use recovery code instead

package/dist/{Video-6aq4shh4.stx → Video-crxva65p.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const src = $props.src || ''
 export const poster = $props.poster || ''
 export const autoplay = $props.autoplay || false

package/dist/{VirtualList-weh5qtm1.stx → VirtualList-cndhjejh.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const items = $props.items || []
 export const itemHeight = $props.itemHeight || 50
 export const height = $props.height || 400

package/dist/{VirtualTable-59a1eskc.stx → VirtualTable-ng0b48yp.stx}

@@ -1,4 +1,4 @@
-<script>
+<script server>
 export const columns = $props.columns || []
 export const data = $props.data || []
 export const rowHeight = $props.rowHeight || 48

package/dist/components/CodeBlock.stx

@@ -0,0 +1,12 @@
+export declare function copyToClipboard(): Promise<void>;
+export declare const code: unknown;
+export declare const language: unknown;
+export declare const theme: unknown;
+export declare const lineNumbers: unknown;
+export declare const copyable: unknown;
+export declare const className: unknown;
+/** @defaultValue '' */
+export declare let highlightedCode: string;
+/** @defaultValue false */
+export declare let copied: boolean;
+declare class AnonymousClass {}

package/dist/components/Footer.stx

@@ -0,0 +1,8 @@
+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;

package/dist/components/Hero.stx

@@ -0,0 +1,3 @@
+export declare const title: unknown;
+export declare const description: unknown;
+export declare const githubUrl: unknown;

package/dist/components/Installation.stx

@@ -0,0 +1,5 @@
+export declare const packageName: unknown;
+export declare const installCode: `bun add ${packageName}`;
+export declare const npmCode: `npm install ${packageName}`;
+export declare const pnpmCode: `pnpm add ${packageName}`;
+export declare const yarnCode: unknown;