creates video voice memos from audio clips; with bluesky integration.
trill.ptr.pet
ptr.pet
1import { type Assign, Dialog, type PolymorphicProps, ark } from '@ark-ui/solid'
2import type { ComponentProps } from 'solid-js'
3import { type DrawerVariantProps, drawer } from 'styled-system/recipes'
4import type { HTMLStyledProps } from 'styled-system/types'
5import { createStyleContext } from './utils/create-style-context'
6
7const { withRootProvider, withContext } = createStyleContext(drawer)
8
9export type RootProviderProps = ComponentProps<typeof RootProvider>
10export const RootProvider = withRootProvider<Assign<Dialog.RootProps, DrawerVariantProps>>(Dialog.RootProvider)
11
12export type RootProps = ComponentProps<typeof Root>
13export const Root = withRootProvider<Assign<Dialog.RootProps, DrawerVariantProps>>(Dialog.Root)
14
15export type BackdropProps = ComponentProps<typeof Backdrop>
16export const Backdrop = withContext<Assign<HTMLStyledProps<'div'>, Dialog.BackdropProps>>(
17 Dialog.Backdrop,
18 'backdrop',
19)
20
21export type CloseTriggerProps = ComponentProps<typeof CloseTrigger>
22export const CloseTrigger = withContext<
23 Assign<HTMLStyledProps<'button'>, Dialog.CloseTriggerProps>
24>(Dialog.CloseTrigger, 'closeTrigger')
25
26export type ContentProps = ComponentProps<typeof Content>
27export const Content = withContext<Assign<HTMLStyledProps<'div'>, Dialog.ContentProps>>(
28 Dialog.Content,
29 'content',
30)
31
32export type DescriptionProps = ComponentProps<typeof Description>
33export const Description = withContext<Assign<HTMLStyledProps<'div'>, Dialog.DescriptionProps>>(
34 Dialog.Description,
35 'description',
36)
37
38export type PositionerProps = ComponentProps<typeof Positioner>
39export const Positioner = withContext<Assign<HTMLStyledProps<'div'>, Dialog.PositionerProps>>(
40 Dialog.Positioner,
41 'positioner',
42)
43
44export type TitleProps = ComponentProps<typeof Title>
45export const Title = withContext<Assign<HTMLStyledProps<'h2'>, Dialog.TitleProps>>(
46 Dialog.Title,
47 'title',
48)
49
50export type TriggerProps = ComponentProps<typeof Trigger>
51export const Trigger = withContext<Assign<HTMLStyledProps<'button'>, Dialog.TriggerProps>>(
52 Dialog.Trigger,
53 'trigger',
54)
55
56export const Header = withContext<Assign<HTMLStyledProps<'div'>, PolymorphicProps<'div'>>>(
57 ark.div,
58 'header',
59)
60
61export const Body = withContext<Assign<HTMLStyledProps<'div'>, PolymorphicProps<'div'>>>(
62 ark.div,
63 'body',
64)
65
66export const Footer = withContext<Assign<HTMLStyledProps<'div'>, PolymorphicProps<'div'>>>(
67 ark.div,
68 'footer',
69)
70
71export {
72 DialogContext as Context,
73 type DialogContextProps as ContextProps,
74} from '@ark-ui/solid'