creates video voice memos from audio clips; with bluesky integration.
trill.ptr.pet
1import { type Assign, Select } from '@ark-ui/solid'
2import type { ComponentProps } from 'solid-js'
3import { type SelectVariantProps, select } from 'styled-system/recipes'
4import type { HTMLStyledProps } from 'styled-system/types'
5import { createStyleContext } from './utils/create-style-context'
6
7const { withRootProvider, withContext } = createStyleContext(select)
8
9export type RootProviderProps = ComponentProps<typeof RootProvider>
10export const RootProvider = withRootProvider<
11 Assign<
12 Assign<HTMLStyledProps<'div'>, Select.RootProviderBaseProps<Select.CollectionItem>>,
13 SelectVariantProps
14 >
15>(Select.RootProvider)
16
17export type RootProps = ComponentProps<typeof Root>
18export const Root = withRootProvider<
19 Assign<
20 Assign<HTMLStyledProps<'div'>, Select.RootBaseProps<Select.CollectionItem>>,
21 SelectVariantProps
22 >
23>(Select.Root)
24
25export const ClearTrigger = withContext<
26 Assign<HTMLStyledProps<'button'>, Select.ClearTriggerBaseProps>
27>(Select.ClearTrigger, 'clearTrigger')
28
29export const Content = withContext<Assign<HTMLStyledProps<'div'>, Select.ContentBaseProps>>(
30 Select.Content,
31 'content',
32)
33
34export const Control = withContext<Assign<HTMLStyledProps<'div'>, Select.ControlBaseProps>>(
35 Select.Control,
36 'control',
37)
38
39export const Indicator = withContext<Assign<HTMLStyledProps<'div'>, Select.IndicatorBaseProps>>(
40 Select.Indicator,
41 'indicator',
42)
43
44export const ItemGroupLabel = withContext<
45 Assign<HTMLStyledProps<'div'>, Select.ItemGroupLabelBaseProps>
46>(Select.ItemGroupLabel, 'itemGroupLabel')
47
48export const ItemGroup = withContext<Assign<HTMLStyledProps<'div'>, Select.ItemGroupBaseProps>>(
49 Select.ItemGroup,
50 'itemGroup',
51)
52
53export const ItemIndicator = withContext<
54 Assign<HTMLStyledProps<'div'>, Select.ItemIndicatorBaseProps>
55>(Select.ItemIndicator, 'itemIndicator')
56
57export const Item = withContext<Assign<HTMLStyledProps<'div'>, Select.ItemBaseProps>>(
58 Select.Item,
59 'item',
60)
61
62export const ItemText = withContext<Assign<HTMLStyledProps<'span'>, Select.ItemTextBaseProps>>(
63 Select.ItemText,
64 'itemText',
65)
66
67export const Label = withContext<Assign<HTMLStyledProps<'label'>, Select.LabelBaseProps>>(
68 Select.Label,
69 'label',
70)
71
72export const List = withContext<Assign<HTMLStyledProps<'div'>, Select.ListBaseProps>>(
73 Select.List,
74 'list',
75)
76
77export const Positioner = withContext<Assign<HTMLStyledProps<'div'>, Select.PositionerBaseProps>>(
78 Select.Positioner,
79 'positioner',
80)
81
82export const Trigger = withContext<Assign<HTMLStyledProps<'button'>, Select.TriggerBaseProps>>(
83 Select.Trigger,
84 'trigger',
85)
86
87export const ValueText = withContext<Assign<HTMLStyledProps<'span'>, Select.ValueTextBaseProps>>(
88 Select.ValueText,
89 'valueText',
90)
91
92export {
93 SelectContext as Context,
94 SelectHiddenSelect as HiddenSelect,
95} from '@ark-ui/solid'