creates video voice memos from audio clips; with bluesky integration.
trill.ptr.pet
ptr.pet
1import { type Assign, Dialog } from '@ark-ui/solid'
2import type { ComponentProps } from 'solid-js'
3import { type DialogVariantProps, dialog } from 'styled-system/recipes'
4import type { HTMLStyledProps } from 'styled-system/types'
5import { createStyleContext } from './utils/create-style-context'
6
7const { withRootProvider, withContext } = createStyleContext(dialog)
8
9export type RootProviderProps = ComponentProps<typeof RootProvider>
10export const RootProvider = withRootProvider<Assign<Dialog.RootProviderProps, DialogVariantProps>>(
11 Dialog.RootProvider,
12)
13
14export type RootProps = ComponentProps<typeof Root>
15export const Root = withRootProvider<Assign<Dialog.RootProps, DialogVariantProps>>(Dialog.Root)
16
17export const Backdrop = withContext<Assign<HTMLStyledProps<'div'>, Dialog.BackdropBaseProps>>(
18 Dialog.Backdrop,
19 'backdrop',
20)
21
22export const CloseTrigger = withContext<
23 Assign<HTMLStyledProps<'button'>, Dialog.CloseTriggerBaseProps>
24>(Dialog.CloseTrigger, 'closeTrigger')
25
26export const Content = withContext<Assign<HTMLStyledProps<'div'>, Dialog.ContentBaseProps>>(
27 Dialog.Content,
28 'content',
29)
30
31export const Description = withContext<Assign<HTMLStyledProps<'div'>, Dialog.DescriptionBaseProps>>(
32 Dialog.Description,
33 'description',
34)
35
36export const Positioner = withContext<Assign<HTMLStyledProps<'div'>, Dialog.PositionerBaseProps>>(
37 Dialog.Positioner,
38 'positioner',
39)
40
41export const Title = withContext<Assign<HTMLStyledProps<'h2'>, Dialog.TitleBaseProps>>(
42 Dialog.Title,
43 'title',
44)
45
46export const Trigger = withContext<Assign<HTMLStyledProps<'button'>, Dialog.TriggerBaseProps>>(
47 Dialog.Trigger,
48 'trigger',
49)
50
51export { DialogContext as Context } from '@ark-ui/solid'