creates video voice memos from audio clips; with bluesky integration.
trill.ptr.pet
1import { type Assign, Field } from '@ark-ui/solid'
2import type { ComponentProps } from 'solid-js'
3import { styled } from 'styled-system/jsx'
4import { type FieldVariantProps, field, input, textarea } from 'styled-system/recipes'
5import type { HTMLStyledProps } from 'styled-system/types'
6import { createStyleContext } from './utils/create-style-context'
7
8const { withProvider, withContext } = createStyleContext(field)
9
10export type RootProviderProps = ComponentProps<typeof RootProvider>
11export const RootProvider = withProvider<
12 Assign<Assign<HTMLStyledProps<'div'>, Field.RootProviderBaseProps>, FieldVariantProps>
13>(Field.RootProvider, 'root')
14
15export type RootProps = ComponentProps<typeof Root>
16export const Root = withProvider<
17 Assign<Assign<HTMLStyledProps<'div'>, Field.RootBaseProps>, FieldVariantProps>
18>(Field.Root, 'root')
19
20export const ErrorText = withContext<Assign<HTMLStyledProps<'span'>, Field.ErrorTextBaseProps>>(
21 Field.ErrorText,
22 'errorText',
23)
24
25export const HelperText = withContext<Assign<HTMLStyledProps<'span'>, Field.HelperTextBaseProps>>(
26 Field.HelperText,
27 'helperText',
28)
29
30export const Label = withContext<Assign<HTMLStyledProps<'label'>, Field.LabelBaseProps>>(
31 Field.Label,
32 'label',
33)
34
35export const Select = withContext<Assign<HTMLStyledProps<'select'>, Field.SelectBaseProps>>(
36 Field.Select,
37 'select',
38)
39
40export type InputProps = ComponentProps<typeof Input>
41export const Input = styled(Field.Input, input)
42
43export type TextareaProps = ComponentProps<typeof Textarea>
44export const Textarea = styled(Field.Textarea, textarea)
45
46export { FieldContext as Context } from '@ark-ui/solid'