creates video voice memos from audio clips; with bluesky integration.
trill.ptr.pet
ptr.pet
1import { type Assign, ColorPicker } from '@ark-ui/solid'
2import type { ComponentProps } from 'solid-js'
3import { type ColorPickerVariantProps, colorPicker } from 'styled-system/recipes'
4import type { HTMLStyledProps } from 'styled-system/types'
5import { createStyleContext } from './utils/create-style-context'
6
7const { withProvider, withContext } = createStyleContext(colorPicker)
8
9export type RootProviderProps = ComponentProps<typeof RootProvider>
10export const RootProvider = withProvider<
11 Assign<Assign<HTMLStyledProps<'div'>, ColorPicker.RootProviderBaseProps>, ColorPickerVariantProps>
12>(ColorPicker.RootProvider, 'root')
13
14export type RootProps = ComponentProps<typeof Root>
15export const Root = withProvider<
16 Assign<Assign<HTMLStyledProps<'div'>, ColorPicker.RootBaseProps>, ColorPickerVariantProps>
17>(ColorPicker.Root, 'root')
18
19export const AreaBackground = withContext<
20 Assign<HTMLStyledProps<'div'>, ColorPicker.AreaBackgroundBaseProps>
21>(ColorPicker.AreaBackground, 'areaBackground')
22
23export const Area = withContext<Assign<HTMLStyledProps<'div'>, ColorPicker.AreaBaseProps>>(
24 ColorPicker.Area,
25 'area',
26)
27
28export const AreaThumb = withContext<
29 Assign<HTMLStyledProps<'div'>, ColorPicker.AreaThumbBaseProps>
30>(ColorPicker.AreaThumb, 'areaThumb')
31
32export const ChannelInput = withContext<
33 Assign<HTMLStyledProps<'input'>, ColorPicker.ChannelInputBaseProps>
34>(ColorPicker.ChannelInput, 'channelInput')
35
36export const ChannelSliderLabel = withContext<
37 Assign<HTMLStyledProps<'label'>, ColorPicker.ChannelSliderLabelBaseProps>
38>(ColorPicker.ChannelSliderLabel, 'channelSliderLabel')
39
40export const ChannelSlider = withContext<
41 Assign<HTMLStyledProps<'div'>, ColorPicker.ChannelSliderBaseProps>
42>(ColorPicker.ChannelSlider, 'channelSlider')
43
44export const ChannelSliderThumb = withContext<
45 Assign<HTMLStyledProps<'div'>, ColorPicker.ChannelSliderThumbBaseProps>
46>(ColorPicker.ChannelSliderThumb, 'channelSliderThumb')
47
48export const ChannelSliderTrack = withContext<
49 Assign<HTMLStyledProps<'div'>, ColorPicker.ChannelSliderTrackBaseProps>
50>(ColorPicker.ChannelSliderTrack, 'channelSliderTrack')
51
52export const ChannelSliderValueText = withContext<
53 Assign<HTMLStyledProps<'span'>, ColorPicker.ChannelSliderValueTextBaseProps>
54>(ColorPicker.ChannelSliderValueText, 'channelSliderValueText')
55
56export const Content = withContext<Assign<HTMLStyledProps<'div'>, ColorPicker.ContentBaseProps>>(
57 ColorPicker.Content,
58 'content',
59)
60
61export const Control = withContext<Assign<HTMLStyledProps<'div'>, ColorPicker.ControlBaseProps>>(
62 ColorPicker.Control,
63 'control',
64)
65
66export const EyeDropperTrigger = withContext<
67 Assign<HTMLStyledProps<'button'>, ColorPicker.EyeDropperTriggerBaseProps>
68>(ColorPicker.EyeDropperTrigger, 'eyeDropperTrigger')
69
70export const FormatSelect = withContext<
71 Assign<HTMLStyledProps<'select'>, ColorPicker.FormatSelectBaseProps>
72>(ColorPicker.FormatSelect, 'formatSelect')
73
74export const FormatTrigger = withContext<
75 Assign<HTMLStyledProps<'button'>, ColorPicker.FormatTriggerBaseProps>
76>(ColorPicker.FormatTrigger, 'formatTrigger')
77
78export const Label = withContext<Assign<HTMLStyledProps<'label'>, ColorPicker.LabelBaseProps>>(
79 ColorPicker.Label,
80 'label',
81)
82
83export const Positioner = withContext<
84 Assign<HTMLStyledProps<'div'>, ColorPicker.PositionerBaseProps>
85>(ColorPicker.Positioner, 'positioner')
86
87export const SwatchGroup = withContext<
88 Assign<HTMLStyledProps<'div'>, ColorPicker.SwatchGroupBaseProps>
89>(ColorPicker.SwatchGroup, 'swatchGroup')
90
91export const SwatchIndicator = withContext<
92 Assign<HTMLStyledProps<'div'>, ColorPicker.SwatchIndicatorBaseProps>
93>(ColorPicker.SwatchIndicator, 'swatchIndicator')
94
95export const Swatch = withContext<Assign<HTMLStyledProps<'div'>, ColorPicker.SwatchBaseProps>>(
96 ColorPicker.Swatch,
97 'swatch',
98)
99
100export const SwatchTrigger = withContext<
101 Assign<HTMLStyledProps<'button'>, ColorPicker.SwatchTriggerBaseProps>
102>(ColorPicker.SwatchTrigger, 'swatchTrigger')
103
104export const TransparencyGrid = withContext<
105 Assign<HTMLStyledProps<'div'>, ColorPicker.TransparencyGridBaseProps>
106>(ColorPicker.TransparencyGrid, 'transparencyGrid')
107
108export const Trigger = withContext<Assign<HTMLStyledProps<'button'>, ColorPicker.TriggerBaseProps>>(
109 ColorPicker.Trigger,
110 'trigger',
111)
112
113export const ValueSwatch = withContext<
114 Assign<HTMLStyledProps<'div'>, ColorPicker.ValueSwatchBaseProps>
115>(ColorPicker.ValueSwatch, 'swatch')
116
117export const ValueText = withContext<
118 Assign<HTMLStyledProps<'span'>, ColorPicker.ValueTextBaseProps>
119>(ColorPicker.ValueText, 'valueText')
120
121export const View = withContext<Assign<HTMLStyledProps<'div'>, ColorPicker.ViewBaseProps>>(
122 ColorPicker.View,
123 'view',
124)
125
126export {
127 ColorPickerContext as Context,
128 ColorPickerHiddenInput as HiddenInput,
129} from '@ark-ui/solid'