@stacksjs/defaults 0.75.317 → 0.75.320

package/resources/components/Dashboard/Marketing/MarketingListsTable.stx

@@ -9,7 +9,7 @@ const loading = useReactiveProp('loading', false)
 const sortResetKey = useReactiveProp<unknown>('sortResetKey', '')
 /** The parent's search and filters: a change returns to the first page. */
 const pageResetKey = useReactiveProp<unknown>('pageResetKey', '')
-const emit = defineEmits()
+const emit = defineEmits(['edit', 'delete'])
 
 /** The list cell is slotted for the drift warning beside the name. */
 const COLUMNS = [

package/resources/components/Dashboard/Marketing/RecoveryCampaignDialog.stx

@@ -9,7 +9,7 @@ const defaultIdleHours = useReactiveProp('defaultIdleHours', 4)
 const defaultCurrency = useReactiveProp('defaultCurrency', 'USD')
 const busy = useReactiveProp('busy', false)
 const error = useReactiveProp('error', '')
-const emit = defineEmits()
+const emit = defineEmits(['submit', 'close'])
 
 const name = state('')
 const subject = state('')

package/resources/components/Dashboard/Marketing/SocialPostDeleteDialog.stx

@@ -5,7 +5,7 @@ const open = useReactiveProp('open', false)
 const record = useReactiveProp('record', null as SocialPostRecord | null)
 const busy = useReactiveProp('busy', false)
 const error = useReactiveProp('error', '')
-const emit = defineEmits()
+const emit = defineEmits(['close', 'confirm'])
 const description = derived(() => `The persisted ${record()?.platform || 'social'} post will be permanently removed. This does not remove a post already published on the external platform.`)
 </script>
 

package/resources/components/Dashboard/Marketing/SocialPostDialog.stx

@@ -10,7 +10,7 @@ const record = useReactiveProp('record', null as SocialPostRecord | null)
 const users = useReactiveProp('users', [] as SocialPostUserOption[])
 const busy = useReactiveProp('busy', false)
 const error = useReactiveProp('error', '')
-const emit = defineEmits()
+const emit = defineEmits(['submit', 'close'])
 const content = state('')
 const platform = state('twitter')
 const status = state('draft')

package/resources/components/Dashboard/Marketing/SocialPostsTable.stx

@@ -10,7 +10,7 @@ const loading = useReactiveProp('loading', false)
 const sortResetKey = useReactiveProp<unknown>('sortResetKey', '')
 /** The parent's search and filters: a change returns to the first page. */
 const pageResetKey = useReactiveProp<unknown>('pageResetKey', '')
-const emit = defineEmits()
+const emit = defineEmits(['edit', 'delete'])
 
 function formatDate(value: string): string {
   if (!value)

package/resources/components/Dashboard/MobileSidebar.stx

@@ -3,7 +3,7 @@ import { useScrollLock } from '@stacksjs/composables'
 const isOpen = state(false)
 const isDesktop = useMediaQuery('(min-width: 1024px)')
 const scrollLocked = useScrollLock()
-const emit = defineEmits()
+const emit = defineEmits(['open', 'close'])
 const menuButton = useRef<HTMLButtonElement>('dashboardMobileMenuButton')
 const closeButton = useRef<HTMLButtonElement>('dashboardMobileCloseButton')
 const dialog = useRef<HTMLElement>('dashboardMobileNavigation')

package/resources/components/Dashboard/Modals/BaseModal.stx

@@ -2,7 +2,7 @@
 const liveId = useReactiveProp('id', '')
 const liveShow = useReactiveProp('show', true)
 const liveAriaLabel = useReactiveProp('ariaLabel', 'Dialog')
-const emit = defineEmits()
+const emit = defineEmits(['update:show', 'close'])
 const generatedId = useId('modal')
 
 const modalId = derived(() => liveId() || generatedId)

package/resources/components/Dashboard/Modals/Popups/Alert.stx

@@ -7,7 +7,7 @@ const liveType = useReactiveProp('type', 'info' as AlertType)
 const liveConfirmationText = useReactiveProp('confirmationText', 'Confirm')
 const liveAbortText = useReactiveProp('abortText', 'Cancel')
 const liveShow = useReactiveProp('show', true)
-const emit = defineEmits()
+const emit = defineEmits(['update:show', 'close', 'cancel', 'confirm'])
 
 const normalizedType = derived((): Exclude<AlertType, 'danger'> => {
   const type = liveType()

package/resources/components/Dashboard/Modals/Popups/Toast.stx

@@ -9,7 +9,7 @@ const liveType = useReactiveProp('type', 'warning' as ToastType)
 const liveTitle = useReactiveProp('title', '')
 const livePosition = useReactiveProp('position', 'top-right' as ToastPosition)
 const liveId = useReactiveProp('id', '')
-const emit = defineEmits()
+const emit = defineEmits(['update:show', 'close'])
 const generatedId = useId('toast')
 
 const toastId = derived(() => liveId() || generatedId)

package/resources/components/Dashboard/Modals/ToastWrapper.stx

@@ -5,7 +5,7 @@ type ToastWrapperPosition = 'center' | 'top' | 'top-right' | 'top-left'
 
 const liveWidth = useReactiveProp('width', 30)
 const livePosition = useReactiveProp('position', 'top-right' as ToastWrapperPosition)
-const emit = defineEmits()
+const emit = defineEmits(['close'])
 
 const containerClass = derived(() => [
   'pointer-events-none fixed z-[60] flex p-4 sm:p-6',

package/resources/components/Dashboard/Models/EditRecordModal.stx

@@ -11,7 +11,7 @@ const modelName = useReactiveProp('modelName', 'Record')
 const fields = useReactiveProp('fields', [] as EditField[])
 const busy = useReactiveProp('busy', false)
 const values = state<Record<string, string>>({})
-const emit = defineEmits()
+const emit = defineEmits(['submit', 'close'])
 let hydrationKey = ''
 
 effect(() => {

package/resources/components/Dashboard/Models/ModelRecordActions.stx

@@ -3,7 +3,7 @@ const record = useReactiveProp('record', {} as Record<string, unknown>)
 const modelName = useReactiveProp('modelName', 'Record')
 const canUpdate = useReactiveProp('canUpdate', false)
 const canDestroy = useReactiveProp('canDestroy', false)
-const emit = defineEmits()
+const emit = defineEmits(['edit', 'delete'])
 </script>
 
 <div class="flex gap-1 items-center justify-end">

package/resources/components/Dashboard/Monitoring/ErrorTable.stx

@@ -17,7 +17,7 @@ const emptyTitle = useReactiveProp('emptyTitle', 'No errors found')
 const emptyDescription = useReactiveProp('emptyDescription', 'Your application is running smoothly!')
 /** The parent's search and filters: a change returns to the first page. */
 const pageResetKey = useReactiveProp<unknown>('pageResetKey', '')
-const emit = defineEmits()
+const emit = defineEmits(['view', 'resolve', 'ignore', 'unresolve', 'delete'])
 
 function formatRelativeTime(value: string): string {
   if (!value)

package/resources/components/Dashboard/Notifications/NotificationDeliveryDialog.stx

@@ -3,7 +3,7 @@ import type { NotificationDelivery } from '../../../../functions/notifications/d
 
 const open = useReactiveProp('open', false)
 const delivery = useReactiveProp('delivery', null as NotificationDelivery | null)
-const emit = defineEmits()
+const emit = defineEmits(['close'])
 
 function formatDate(value?: string): string {
   if (!value)

package/resources/components/Dashboard/Notifications/NotificationDeliveryTable.stx

@@ -19,7 +19,7 @@ const paginated = useReactiveProp('paginated', false)
 const sortResetKey = useReactiveProp<unknown>('sortResetKey', '')
 /** The parent's search and filters: a change returns to the first page. */
 const pageResetKey = useReactiveProp<unknown>('pageResetKey', '')
-const emit = defineEmits()
+const emit = defineEmits(['retry', 'view'])
 
 function channelIcon(channel: string): string {
   if (channel === 'email')

package/resources/components/Dashboard/Operations/RecoveryDestinationDialog.stx

@@ -3,7 +3,7 @@ import type { RecoveryDestinationInput } from '../../../../functions/operations'
 
 const open = useReactiveProp('isOpen', false)
 const busy = useReactiveProp('busy', false)
-const emit = defineEmits()
+const emit = defineEmits(['close', 'save'])
 
 const name = state('')
 const provider = state<RecoveryDestinationInput['provider']>('aws_s3')

package/resources/components/Dashboard/Operations/RecoveryPointTable.stx

@@ -6,7 +6,7 @@ import type { RecoveryPoint, RecoveryPolicy } from '../../../../functions/operat
 const pointItems = useReactiveProp('points', [])
 const policyItems = useReactiveProp('policies', [])
 const busyId = useReactiveProp('busyId', '')
-const emit = defineEmits()
+const emit = defineEmits(['verify', 'restore', 'protect'])
 
 function policyName(id?: string): string {
   return (policyItems() as RecoveryPolicy[]).find(policy => policy.id === id)?.name || 'Manual recovery point'

package/resources/components/Dashboard/Operations/RecoveryPolicyDialog.stx

@@ -6,7 +6,7 @@ const busy = useReactiveProp('busy', false)
 const destinationItems = useReactiveProp('destinations', [])
 const resourceItems = useReactiveProp('resources', [])
 const serviceItems = useReactiveProp('dataServices', [])
-const emit = defineEmits()
+const emit = defineEmits(['close', 'save'])
 
 const name = state('')
 const destinationId = state('')

package/resources/components/Dashboard/Operations/RecoveryRestoreDialog.stx

@@ -6,7 +6,7 @@ const pointValue = useReactiveProp('point', null)
 const pointItems = useReactiveProp('points', [])
 const busy = useReactiveProp('busy', false)
 const planValue = useReactiveProp('plan', null)
-const emit = defineEmits()
+const emit = defineEmits(['close', 'preview', 'execute'])
 
 const mode = state<'isolated' | 'in_place'>('isolated')
 const targetName = state('')

package/resources/components/Dashboard/Operations/SchedulerTaskTable.stx

@@ -6,7 +6,7 @@ import type { SchedulerTask } from '../../../../functions/operations'
 const tasks = useReactiveProp('tasks', [])
 const loading = useReactiveProp('loading', false)
 const busyTask = useReactiveProp('busyTask', '')
-const emit = defineEmits()
+const emit = defineEmits(['run', 'toggle'])
 
 const COLUMNS = [
   { key: 'name', label: 'Task', sortable: true, subtitleKey: 'timezone', class: 'font-medium text-gray-900 dark:text-white' },

package/resources/components/Dashboard/UI/Checkbox.stx

@@ -11,7 +11,7 @@ const liveError = useReactiveProp('error', '')
 const liveName = useReactiveProp('name', '')
 const liveId = useReactiveProp('id', '')
 const liveAriaLabel = useReactiveProp('ariaLabel', '')
-const emit = defineEmits()
+const emit = defineEmits(['update:checked', 'update:indeterminate', 'change'])
 const generatedId = useId('checkbox')
 
 const sizeClasses: Record<CheckboxSize, { control: string, icon: string, label: string, description: string }> = {

package/resources/components/Dashboard/UI/ConfirmDialog.stx

@@ -11,7 +11,7 @@ const busy = useReactiveProp('busy', false)
 const disabled = useReactiveProp('disabled', false)
 const warning = useReactiveProp('warning', '')
 const error = useReactiveProp('error', '')
-const emit = defineEmits()
+const emit = defineEmits(['close', 'confirm'])
 
 function close(): void {
   if (!busy())

package/resources/components/Dashboard/UI/Drawer.stx

@@ -25,7 +25,7 @@ const liveDescription = useReactiveProp('description', '')
 const dialog = useRef<HTMLDialogElement>('dashboardDrawerDialog')
 const activeElement = useActiveElement()
 const scrollLocked = useScrollLock()
-const emit = defineEmits()
+const emit = defineEmits(['close'])
 let restoreFocus: HTMLElement | null = null
 
 function close(): void {

package/resources/components/Dashboard/UI/Dropdown.stx

@@ -9,7 +9,7 @@ const disabled = useReactiveProp('disabled', false)
 const isOpen = state(requestedOpen())
 const root = useRef('dropdownRoot')
 const menu = useRef('dropdownMenu')
-const emit = defineEmits()
+const emit = defineEmits(['update:open', 'open', 'close'])
 
 const widthClasses: Record<DropdownWidth, string> = {
   auto: 'min-w-[12rem]',

package/resources/components/Dashboard/UI/Input.stx

@@ -17,7 +17,7 @@ const liveId = useReactiveProp('id', '')
 const liveSize = useReactiveProp('size', 'md' as InputSize)
 const liveName = useReactiveProp('name', '')
 const liveFullWidth = useReactiveProp('fullWidth', true)
-const emit = defineEmits()
+const emit = defineEmits(['update:value', 'input', 'change', 'blur'])
 const generatedId = useId('input')
 
 const sizeClasses: Record<InputSize, string> = {

package/resources/components/Dashboard/UI/Modal.stx

@@ -52,7 +52,7 @@ const liveShowCloseButton = useReactiveProp('showCloseButton', true)
 const dialog = useRef<HTMLDialogElement>('dashboardModalDialog')
 const activeElement = useActiveElement()
 const scrollLocked = useScrollLock()
-const emit = defineEmits()
+const emit = defineEmits(['close'])
 let restoreFocus: HTMLElement | null = null
 
 type ModalCloseReason = 'backdrop' | 'button' | 'escape'

package/resources/components/Dashboard/UI/Pagination.stx

@@ -8,7 +8,7 @@ const itemsPerPage = useReactiveProp('itemsPerPage', 20)
 const showItemsPerPage = useReactiveProp('showItemsPerPage', false)
 const showTotalItems = useReactiveProp('showTotalItems', true)
 const maxVisiblePages = useReactiveProp('maxVisiblePages', 5)
-const emit = defineEmits()
+const emit = defineEmits(['page', 'prev', 'next', 'per-page'])
 const selectedItemsPerPage = state(20)
 
 const perPageOptions = [10, 20, 25, 50, 100]

package/resources/components/Dashboard/UI/SearchFilter.stx

@@ -16,7 +16,7 @@
 const placeholder = useReactiveProp('placeholder', 'Search...')
 const requested = useReactiveProp('searchValue', '')
 const query = state(requested())
-const emit = defineEmits()
+const emit = defineEmits(['update:searchValue', 'search'])
 
 effect(() => {
   query.set(requested())

package/resources/components/Dashboard/UI/Select.stx

@@ -21,7 +21,7 @@ const liveRequired = useReactiveProp('required', false)
 const liveSize = useReactiveProp('size', 'md' as SelectSize)
 const liveName = useReactiveProp('name', '')
 const liveId = useReactiveProp('id', '')
-const emit = defineEmits()
+const emit = defineEmits(['change', 'update:value'])
 const generatedId = useId('select')
 
 const sizeClasses: Record<SelectSize, string> = {

package/resources/components/Dashboard/UI/Table.stx

@@ -248,7 +248,7 @@ effect(() => {
   page.set(1)
 })
 const columnMenuOpen = state(false)
-const emit = defineEmits()
+const emit = defineEmits(['column-visibility-change', 'page-change', 'page-size-change', 'update:selectedKeys', 'selection-change', 'sort', 'filter-change', 'search', 'export', 'row-action'])
 
 /* ---------------------------------------------------------------- columns */
 

package/resources/components/Dashboard/UI/Tabs.stx

@@ -17,7 +17,7 @@ const variant = useReactiveProp<TabsVariant>('variant', 'underline')
 const size = useReactiveProp<TabsSize>('size', 'md')
 const fullWidth = useReactiveProp('fullWidth', false)
 const activeTab = state(requestedTab())
-const emit = defineEmits()
+const emit = defineEmits(['update:activeTab', 'change'])
 
 const sizeClasses: Record<TabsSize, string> = {
   sm: 'text-sm py-2 px-3',

package/resources/components/Dashboard/UI/Textarea.stx

@@ -17,7 +17,7 @@ const liveName = useReactiveProp('name', '')
 const liveId = useReactiveProp('id', '')
 const liveAriaLabel = useReactiveProp('ariaLabel', '')
 const liveClass = useReactiveProp('class', '')
-const emit = defineEmits()
+const emit = defineEmits(['update:value', 'input', 'change', 'blur'])
 const generatedId = useId('textarea')
 
 const resizeClasses: Record<TextareaResize, string> = {

package/resources/components/Dashboard/UI/Toggle.stx

@@ -11,7 +11,7 @@ const liveLabelPosition = useReactiveProp('labelPosition', 'right' as ToggleLabe
 const liveName = useReactiveProp('name', '')
 const liveId = useReactiveProp('id', '')
 const liveAriaLabel = useReactiveProp('ariaLabel', '')
-const emit = defineEmits()
+const emit = defineEmits(['update:checked', 'change'])
 const generatedId = useId('toggle')
 
 const trackSizes: Record<ToggleSize, string> = {

package/resources/components/Dashboard/UI/WindowControls.stx

@@ -24,7 +24,7 @@ const liveVariant = useReactiveProp('variant', 'macos' as WindowControlVariant)
 const liveSize = useReactiveProp('size', 'md' as WindowControlSize)
 const liveShowLabels = useReactiveProp('showLabels', false)
 const liveDisabled = useReactiveProp('disabled', false)
-const emit = defineEmits()
+const emit = defineEmits(['close', 'minimize', 'maximize'])
 const windowControls = useWindowControls()
 
 const sizeConfig: Record<WindowControlSize, { button: string, gap: string, icon: string }> = {

package/resources/components/NativeActionSheet.stx

@@ -14,7 +14,7 @@ import { dialog } from '@stacksjs/mobile'
  * For a sheet asked from code rather than declared, `useActionSheet()` and
  * `confirmAction()` from @stacksjs/mobile do the same in one call.
  */
-const emit = defineEmits()
+const emit = defineEmits(['select', 'close'])
 const open = useModel('open', { default: false })
 const title = useReactiveProp<string>('title', '')
 const message = useReactiveProp<string>('message', '')

package/resources/components/NativeContextMenu.stx

@@ -13,7 +13,7 @@ import { haptics, observeLongPress, showContextMenuFor } from '@stacksjs/mobile'
  * `symbol` an SF Symbol for the native menu, `icon` an Iconify class for the
  * web one. Listen for `select`, which carries the chosen id.
  */
-const emit = defineEmits()
+const emit = defineEmits(['select'])
 const items = useReactiveProp<ContextMenuItem[]>('items', [])
 const title = useReactiveProp<string>('title', '')
 const delay = useReactiveProp<number>('delay', 500)

package/resources/components/NativeHealthButton.stx

@@ -5,7 +5,7 @@ import { device, haptics, health, isNativeMobile } from '@stacksjs/mobile'
 const types = useReactiveProp<HealthDataType[]>('types', ['steps', 'distance', 'activeEnergy', 'heartRate', 'workouts'])
 const className = useReactiveProp<string>('class', 'inline-flex min-h-11 items-center justify-center gap-2 rounded-xl px-4 text-sm font-semibold')
 const status = state<'idle' | 'requesting' | 'connected' | 'denied' | 'unavailable' | 'error'>('idle')
-const emit = defineEmits()
+const emit = defineEmits(['change', 'error'])
 
 const provider = derived(() => device.isIOS() ? 'Apple Health' : device.isAndroid() ? 'Health Connect' : 'Health')
 const buttonLabel = derived(() => {

package/resources/components/NativePermissionButton.stx

@@ -9,7 +9,7 @@ const grantedLabel = useReactiveProp<string>('grantedLabel', 'Access allowed')
 const className = useReactiveProp<string>('class', 'inline-flex min-h-11 items-center justify-center gap-2 rounded-xl px-4 text-sm font-semibold')
 const status = state<PermissionStatus>('undetermined')
 const busy = state(false)
-const emit = defineEmits()
+const emit = defineEmits(['change', 'error'])
 
 onMount(() => {
   void permissions.check(permission()).then(status.set).catch(() => status.set('undetermined'))

package/resources/components/NativePullToRefresh.stx

@@ -16,7 +16,7 @@ import { observeNativeRefresh, observePullToRefresh, refresh, resolveScrollHost,
  * (by CSS selector) a container the screen scrolls in instead of the page;
  * the native control covers only the page, so a scroll host uses the gesture.
  */
-const emit = defineEmits()
+const emit = defineEmits(['refresh'])
 const threshold = useReactiveProp<number>('threshold', 72)
 const label = useReactiveProp<string>('label', 'Refreshing')
 const scrollHost = useReactiveProp<string>('scrollHost', '')

package/resources/components/NativeSegmentedControl.stx

@@ -12,7 +12,7 @@ import { focusSegment, haptics, observeSegmentScrub, segmentForKey } from '@stac
  */
 interface SegmentOption { label: string, value: string }
 
-const emit = defineEmits()
+const emit = defineEmits(['change'])
 const rawOptions = useReactiveProp<Array<string | SegmentOption>>('options', [])
 const ariaLabel = useReactiveProp<string>('label', 'View')
 const className = useReactiveProp<string>('class', '')

package/resources/components/NativeSheet.stx

@@ -30,7 +30,7 @@ import { coverTabBar, liftToBody, observeSheetDrag, presentPageAsCard } from '@s
  * sheet opened over a drawer, closes with one Escape and leaves the layer
  * under it up, locked and in charge of the keyboard.
  */
-const emit = defineEmits()
+const emit = defineEmits(['close'])
 const open = useModel('open', { default: false })
 const title = useReactiveProp<string>('title', '')
 const doneLabel = useReactiveProp<string>('doneLabel', 'Done')