@pyck/styled-system 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/conditions.mjs +36 -0
- package/dist/css/css.d.ts +22 -0
- package/dist/css/css.mjs +45 -0
- package/dist/css/cva.d.ts +6 -0
- package/dist/css/cva.mjs +87 -0
- package/dist/css/cx.d.ts +5 -0
- package/dist/css/cx.mjs +15 -0
- package/dist/css/index.d.ts +5 -0
- package/dist/css/index.mjs +4 -0
- package/dist/css/sva.d.ts +4 -0
- package/dist/css/sva.mjs +46 -0
- package/dist/helpers.mjs +328 -0
- package/dist/jsx/aspect-ratio.d.ts +10 -0
- package/dist/jsx/aspect-ratio.mjs +14 -0
- package/dist/jsx/bleed.d.ts +10 -0
- package/dist/jsx/bleed.mjs +14 -0
- package/dist/jsx/box.d.ts +10 -0
- package/dist/jsx/box.mjs +14 -0
- package/dist/jsx/center.d.ts +10 -0
- package/dist/jsx/center.mjs +14 -0
- package/dist/jsx/circle.d.ts +10 -0
- package/dist/jsx/circle.mjs +14 -0
- package/dist/jsx/container.d.ts +10 -0
- package/dist/jsx/container.mjs +14 -0
- package/dist/jsx/cq.d.ts +10 -0
- package/dist/jsx/cq.mjs +14 -0
- package/dist/jsx/create-style-context.d.ts +54 -0
- package/dist/jsx/create-style-context.mjs +118 -0
- package/dist/jsx/divider.d.ts +10 -0
- package/dist/jsx/divider.mjs +14 -0
- package/dist/jsx/factory-helper.mjs +22 -0
- package/dist/jsx/factory.d.ts +3 -0
- package/dist/jsx/factory.mjs +89 -0
- package/dist/jsx/flex.d.ts +10 -0
- package/dist/jsx/flex.mjs +14 -0
- package/dist/jsx/float.d.ts +10 -0
- package/dist/jsx/float.mjs +14 -0
- package/dist/jsx/grid-item.d.ts +10 -0
- package/dist/jsx/grid-item.mjs +14 -0
- package/dist/jsx/grid.d.ts +10 -0
- package/dist/jsx/grid.mjs +14 -0
- package/dist/jsx/hstack.d.ts +10 -0
- package/dist/jsx/hstack.mjs +14 -0
- package/dist/jsx/index.d.ts +25 -0
- package/dist/jsx/index.mjs +23 -0
- package/dist/jsx/is-valid-prop.d.ts +11 -0
- package/dist/jsx/is-valid-prop.mjs +17 -0
- package/dist/jsx/link-overlay.d.ts +10 -0
- package/dist/jsx/link-overlay.mjs +14 -0
- package/dist/jsx/spacer.d.ts +10 -0
- package/dist/jsx/spacer.mjs +14 -0
- package/dist/jsx/square.d.ts +10 -0
- package/dist/jsx/square.mjs +14 -0
- package/dist/jsx/stack.d.ts +10 -0
- package/dist/jsx/stack.mjs +14 -0
- package/dist/jsx/visually-hidden.d.ts +10 -0
- package/dist/jsx/visually-hidden.mjs +14 -0
- package/dist/jsx/vstack.d.ts +10 -0
- package/dist/jsx/vstack.mjs +14 -0
- package/dist/jsx/wrap.d.ts +10 -0
- package/dist/jsx/wrap.mjs +14 -0
- package/dist/patterns/aspect-ratio.d.ts +20 -0
- package/dist/patterns/aspect-ratio.mjs +38 -0
- package/dist/patterns/bleed.d.ts +21 -0
- package/dist/patterns/bleed.mjs +24 -0
- package/dist/patterns/box.d.ts +20 -0
- package/dist/patterns/box.mjs +15 -0
- package/dist/patterns/center.d.ts +20 -0
- package/dist/patterns/center.mjs +21 -0
- package/dist/patterns/circle.d.ts +20 -0
- package/dist/patterns/circle.mjs +25 -0
- package/dist/patterns/container.d.ts +20 -0
- package/dist/patterns/container.mjs +22 -0
- package/dist/patterns/cq.d.ts +21 -0
- package/dist/patterns/cq.mjs +21 -0
- package/dist/patterns/divider.d.ts +22 -0
- package/dist/patterns/divider.mjs +25 -0
- package/dist/patterns/flex.d.ts +26 -0
- package/dist/patterns/flex.mjs +26 -0
- package/dist/patterns/float.d.ts +23 -0
- package/dist/patterns/float.mjs +52 -0
- package/dist/patterns/grid-item.d.ts +25 -0
- package/dist/patterns/grid-item.mjs +25 -0
- package/dist/patterns/grid.d.ts +24 -0
- package/dist/patterns/grid.mjs +25 -0
- package/dist/patterns/hstack.d.ts +21 -0
- package/dist/patterns/hstack.mjs +24 -0
- package/dist/patterns/index.d.ts +21 -0
- package/dist/patterns/index.mjs +20 -0
- package/dist/patterns/link-overlay.d.ts +20 -0
- package/dist/patterns/link-overlay.mjs +24 -0
- package/dist/patterns/spacer.d.ts +20 -0
- package/dist/patterns/spacer.mjs +21 -0
- package/dist/patterns/square.d.ts +20 -0
- package/dist/patterns/square.mjs +24 -0
- package/dist/patterns/stack.d.ts +23 -0
- package/dist/patterns/stack.mjs +24 -0
- package/dist/patterns/visually-hidden.d.ts +20 -0
- package/dist/patterns/visually-hidden.mjs +18 -0
- package/dist/patterns/vstack.d.ts +21 -0
- package/dist/patterns/vstack.mjs +24 -0
- package/dist/patterns/wrap.d.ts +24 -0
- package/dist/patterns/wrap.mjs +25 -0
- package/dist/recipes/absolute-center.d.ts +34 -0
- package/dist/recipes/absolute-center.mjs +32 -0
- package/dist/recipes/action-bar.d.ts +31 -0
- package/dist/recipes/action-bar.mjs +49 -0
- package/dist/recipes/avatar.d.ts +43 -0
- package/dist/recipes/avatar.mjs +75 -0
- package/dist/recipes/badge.d.ts +38 -0
- package/dist/recipes/badge.mjs +40 -0
- package/dist/recipes/breadcrumb.d.ts +38 -0
- package/dist/recipes/breadcrumb.mjs +70 -0
- package/dist/recipes/button.d.ts +38 -0
- package/dist/recipes/button.mjs +44 -0
- package/dist/recipes/card.d.ts +34 -0
- package/dist/recipes/card.mjs +63 -0
- package/dist/recipes/carousel.d.ts +35 -0
- package/dist/recipes/carousel.mjs +93 -0
- package/dist/recipes/checkbox.d.ts +38 -0
- package/dist/recipes/checkbox.mjs +67 -0
- package/dist/recipes/checkmark.d.ts +38 -0
- package/dist/recipes/checkmark.mjs +39 -0
- package/dist/recipes/clipboard.d.ts +31 -0
- package/dist/recipes/clipboard.mjs +53 -0
- package/dist/recipes/collapsible.d.ts +34 -0
- package/dist/recipes/collapsible.mjs +54 -0
- package/dist/recipes/combobox.d.ts +38 -0
- package/dist/recipes/combobox.mjs +112 -0
- package/dist/recipes/create-recipe.mjs +82 -0
- package/dist/recipes/data-list.d.ts +31 -0
- package/dist/recipes/data-list.mjs +53 -0
- package/dist/recipes/date-picker.d.ts +31 -0
- package/dist/recipes/date-picker.mjs +133 -0
- package/dist/recipes/dialog.d.ts +46 -0
- package/dist/recipes/dialog.mjs +106 -0
- package/dist/recipes/drawer.d.ts +38 -0
- package/dist/recipes/drawer.mjs +90 -0
- package/dist/recipes/drilldown-menu.d.ts +31 -0
- package/dist/recipes/drilldown-menu.mjs +53 -0
- package/dist/recipes/field.d.ts +31 -0
- package/dist/recipes/field.mjs +61 -0
- package/dist/recipes/fieldset.d.ts +31 -0
- package/dist/recipes/fieldset.mjs +73 -0
- package/dist/recipes/floating-panel.d.ts +31 -0
- package/dist/recipes/floating-panel.mjs +73 -0
- package/dist/recipes/form.d.ts +31 -0
- package/dist/recipes/form.mjs +24 -0
- package/dist/recipes/group.d.ts +36 -0
- package/dist/recipes/group.mjs +72 -0
- package/dist/recipes/heading.d.ts +31 -0
- package/dist/recipes/heading.mjs +38 -0
- package/dist/recipes/icon.d.ts +34 -0
- package/dist/recipes/icon.mjs +36 -0
- package/dist/recipes/index.d.ts +58 -0
- package/dist/recipes/index.mjs +57 -0
- package/dist/recipes/input-addon.d.ts +38 -0
- package/dist/recipes/input-addon.mjs +39 -0
- package/dist/recipes/input-group.d.ts +34 -0
- package/dist/recipes/input-group.mjs +49 -0
- package/dist/recipes/input.d.ts +38 -0
- package/dist/recipes/input.mjs +42 -0
- package/dist/recipes/kbd.d.ts +38 -0
- package/dist/recipes/kbd.mjs +42 -0
- package/dist/recipes/link.d.ts +34 -0
- package/dist/recipes/link.mjs +30 -0
- package/dist/recipes/mark.d.ts +34 -0
- package/dist/recipes/mark.mjs +32 -0
- package/dist/recipes/menu.d.ts +34 -0
- package/dist/recipes/menu.mjs +97 -0
- package/dist/recipes/number-input.d.ts +38 -0
- package/dist/recipes/number-input.mjs +78 -0
- package/dist/recipes/pagination.d.ts +31 -0
- package/dist/recipes/pagination.mjs +57 -0
- package/dist/recipes/popover.d.ts +31 -0
- package/dist/recipes/popover.mjs +81 -0
- package/dist/recipes/progress-circle.d.ts +34 -0
- package/dist/recipes/progress-circle.mjs +75 -0
- package/dist/recipes/progress.d.ts +44 -0
- package/dist/recipes/progress.mjs +98 -0
- package/dist/recipes/radio-card-group.d.ts +38 -0
- package/dist/recipes/radio-card-group.mjs +69 -0
- package/dist/recipes/radio-group.d.ts +38 -0
- package/dist/recipes/radio-group.mjs +68 -0
- package/dist/recipes/scroll-area.d.ts +38 -0
- package/dist/recipes/scroll-area.mjs +70 -0
- package/dist/recipes/segment-group.d.ts +35 -0
- package/dist/recipes/segment-group.mjs +69 -0
- package/dist/recipes/select.d.ts +38 -0
- package/dist/recipes/select.mjs +111 -0
- package/dist/recipes/skeleton.d.ts +39 -0
- package/dist/recipes/skeleton.mjs +40 -0
- package/dist/recipes/slider.d.ts +42 -0
- package/dist/recipes/slider.mjs +94 -0
- package/dist/recipes/spinner.d.ts +34 -0
- package/dist/recipes/spinner.mjs +36 -0
- package/dist/recipes/stat.d.ts +31 -0
- package/dist/recipes/stat.mjs +41 -0
- package/dist/recipes/steps.d.ts +42 -0
- package/dist/recipes/steps.mjs +97 -0
- package/dist/recipes/switch-recipe.d.ts +38 -0
- package/dist/recipes/switch-recipe.mjs +65 -0
- package/dist/recipes/table.d.ts +40 -0
- package/dist/recipes/table.mjs +83 -0
- package/dist/recipes/tabs.d.ts +39 -0
- package/dist/recipes/tabs.mjs +72 -0
- package/dist/recipes/tags-input.d.ts +38 -0
- package/dist/recipes/tags-input.mjs +86 -0
- package/dist/recipes/text.d.ts +31 -0
- package/dist/recipes/text.mjs +38 -0
- package/dist/recipes/textarea.d.ts +38 -0
- package/dist/recipes/textarea.mjs +41 -0
- package/dist/recipes/toast.d.ts +31 -0
- package/dist/recipes/toast.mjs +53 -0
- package/dist/recipes/toggle-group.d.ts +31 -0
- package/dist/recipes/toggle-group.mjs +44 -0
- package/dist/recipes/tooltip.d.ts +34 -0
- package/dist/recipes/tooltip.mjs +57 -0
- package/dist/recipes/tree-view.d.ts +34 -0
- package/dist/recipes/tree-view.mjs +97 -0
- package/dist/tokens/index.d.ts +9 -0
- package/dist/tokens/index.mjs +3060 -0
- package/dist/tokens/tokens.d.ts +63 -0
- package/dist/types/composition.d.ts +227 -0
- package/dist/types/conditions.d.ts +314 -0
- package/dist/types/csstype.d.ts +22570 -0
- package/dist/types/global.d.ts +20 -0
- package/dist/types/index.d.ts +8 -0
- package/dist/types/jsx.d.ts +69 -0
- package/dist/types/parts.d.ts +8 -0
- package/dist/types/pattern.d.ts +78 -0
- package/dist/types/prop-type.d.ts +253 -0
- package/dist/types/recipe.d.ts +181 -0
- package/dist/types/selectors.d.ts +59 -0
- package/dist/types/static-css.d.ts +56 -0
- package/dist/types/style-props.d.ts +8091 -0
- package/dist/types/system-types.d.ts +151 -0
- package/package.json +76 -0
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const tagsInputDefaultVariants = {
|
|
5
|
+
"size": "md",
|
|
6
|
+
"variant": "surface"
|
|
7
|
+
}
|
|
8
|
+
const tagsInputCompoundVariants = []
|
|
9
|
+
|
|
10
|
+
const tagsInputSlotNames = [
|
|
11
|
+
[
|
|
12
|
+
"root",
|
|
13
|
+
"tags-input__root"
|
|
14
|
+
],
|
|
15
|
+
[
|
|
16
|
+
"label",
|
|
17
|
+
"tags-input__label"
|
|
18
|
+
],
|
|
19
|
+
[
|
|
20
|
+
"control",
|
|
21
|
+
"tags-input__control"
|
|
22
|
+
],
|
|
23
|
+
[
|
|
24
|
+
"input",
|
|
25
|
+
"tags-input__input"
|
|
26
|
+
],
|
|
27
|
+
[
|
|
28
|
+
"clearTrigger",
|
|
29
|
+
"tags-input__clearTrigger"
|
|
30
|
+
],
|
|
31
|
+
[
|
|
32
|
+
"item",
|
|
33
|
+
"tags-input__item"
|
|
34
|
+
],
|
|
35
|
+
[
|
|
36
|
+
"itemPreview",
|
|
37
|
+
"tags-input__itemPreview"
|
|
38
|
+
],
|
|
39
|
+
[
|
|
40
|
+
"itemInput",
|
|
41
|
+
"tags-input__itemInput"
|
|
42
|
+
],
|
|
43
|
+
[
|
|
44
|
+
"itemText",
|
|
45
|
+
"tags-input__itemText"
|
|
46
|
+
],
|
|
47
|
+
[
|
|
48
|
+
"itemDeleteTrigger",
|
|
49
|
+
"tags-input__itemDeleteTrigger"
|
|
50
|
+
]
|
|
51
|
+
]
|
|
52
|
+
const tagsInputSlotFns = /* @__PURE__ */ tagsInputSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, tagsInputDefaultVariants, getSlotCompoundVariant(tagsInputCompoundVariants, slotName))])
|
|
53
|
+
|
|
54
|
+
const tagsInputFn = memo((props = {}) => {
|
|
55
|
+
return Object.fromEntries(tagsInputSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
|
|
56
|
+
})
|
|
57
|
+
|
|
58
|
+
const tagsInputVariantKeys = [
|
|
59
|
+
"variant",
|
|
60
|
+
"size"
|
|
61
|
+
]
|
|
62
|
+
const getVariantProps = (variants) => ({ ...tagsInputDefaultVariants, ...compact(variants) })
|
|
63
|
+
|
|
64
|
+
export const tagsInput = /* @__PURE__ */ Object.assign(tagsInputFn, {
|
|
65
|
+
__recipe__: false,
|
|
66
|
+
__name__: 'tagsInput',
|
|
67
|
+
raw: (props) => props,
|
|
68
|
+
classNameMap: {},
|
|
69
|
+
variantKeys: tagsInputVariantKeys,
|
|
70
|
+
variantMap: {
|
|
71
|
+
"variant": [
|
|
72
|
+
"outline",
|
|
73
|
+
"surface"
|
|
74
|
+
],
|
|
75
|
+
"size": [
|
|
76
|
+
"xs",
|
|
77
|
+
"sm",
|
|
78
|
+
"md",
|
|
79
|
+
"lg"
|
|
80
|
+
]
|
|
81
|
+
},
|
|
82
|
+
splitVariantProps(props) {
|
|
83
|
+
return splitProps(props, tagsInputVariantKeys)
|
|
84
|
+
},
|
|
85
|
+
getVariantProps
|
|
86
|
+
})
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface TextVariant {
|
|
6
|
+
size: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl"
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type TextVariantMap = {
|
|
10
|
+
[key in keyof TextVariant]: Array<TextVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
export type TextVariantProps = {
|
|
16
|
+
[key in keyof TextVariant]?: ConditionalValue<TextVariant[key]> | undefined
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export interface TextRecipe {
|
|
20
|
+
|
|
21
|
+
__type: TextVariantProps
|
|
22
|
+
(props?: TextVariantProps): string
|
|
23
|
+
raw: (props?: TextVariantProps) => TextVariantProps
|
|
24
|
+
variantMap: TextVariantMap
|
|
25
|
+
variantKeys: Array<keyof TextVariant>
|
|
26
|
+
splitVariantProps<Props extends TextVariantProps>(props: Props): [TextVariantProps, Pretty<DistributiveOmit<Props, keyof TextVariantProps>>]
|
|
27
|
+
getVariantProps: (props?: TextVariantProps) => TextVariantProps
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
export declare const text: TextRecipe
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const textFn = /* @__PURE__ */ createRecipe('text', {}, [])
|
|
5
|
+
|
|
6
|
+
const textVariantMap = {
|
|
7
|
+
"size": [
|
|
8
|
+
"xs",
|
|
9
|
+
"sm",
|
|
10
|
+
"md",
|
|
11
|
+
"lg",
|
|
12
|
+
"xl",
|
|
13
|
+
"2xl",
|
|
14
|
+
"3xl",
|
|
15
|
+
"4xl",
|
|
16
|
+
"5xl",
|
|
17
|
+
"6xl",
|
|
18
|
+
"7xl"
|
|
19
|
+
]
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
const textVariantKeys = Object.keys(textVariantMap)
|
|
23
|
+
|
|
24
|
+
export const text = /* @__PURE__ */ Object.assign(memo(textFn.recipeFn), {
|
|
25
|
+
__recipe__: true,
|
|
26
|
+
__name__: 'text',
|
|
27
|
+
__getCompoundVariantCss__: textFn.__getCompoundVariantCss__,
|
|
28
|
+
raw: (props) => props,
|
|
29
|
+
variantKeys: textVariantKeys,
|
|
30
|
+
variantMap: textVariantMap,
|
|
31
|
+
merge(recipe) {
|
|
32
|
+
return mergeRecipes(this, recipe)
|
|
33
|
+
},
|
|
34
|
+
splitVariantProps(props) {
|
|
35
|
+
return splitProps(props, textVariantKeys)
|
|
36
|
+
},
|
|
37
|
+
getVariantProps: textFn.getVariantProps,
|
|
38
|
+
})
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface TextareaVariant {
|
|
6
|
+
/**
|
|
7
|
+
* @default "surface"
|
|
8
|
+
*/
|
|
9
|
+
variant: "outline" | "surface" | "subtle" | "plain"
|
|
10
|
+
/**
|
|
11
|
+
* @default "md"
|
|
12
|
+
*/
|
|
13
|
+
size: "xs" | "sm" | "md" | "lg" | "xl"
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
type TextareaVariantMap = {
|
|
17
|
+
[key in keyof TextareaVariant]: Array<TextareaVariant[key]>
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
export type TextareaVariantProps = {
|
|
23
|
+
[key in keyof TextareaVariant]?: ConditionalValue<TextareaVariant[key]> | undefined
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
export interface TextareaRecipe {
|
|
27
|
+
|
|
28
|
+
__type: TextareaVariantProps
|
|
29
|
+
(props?: TextareaVariantProps): string
|
|
30
|
+
raw: (props?: TextareaVariantProps) => TextareaVariantProps
|
|
31
|
+
variantMap: TextareaVariantMap
|
|
32
|
+
variantKeys: Array<keyof TextareaVariant>
|
|
33
|
+
splitVariantProps<Props extends TextareaVariantProps>(props: Props): [TextareaVariantProps, Pretty<DistributiveOmit<Props, keyof TextareaVariantProps>>]
|
|
34
|
+
getVariantProps: (props?: TextareaVariantProps) => TextareaVariantProps
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
export declare const textarea: TextareaRecipe
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const textareaFn = /* @__PURE__ */ createRecipe('textarea', {
|
|
5
|
+
"size": "md",
|
|
6
|
+
"variant": "surface"
|
|
7
|
+
}, [])
|
|
8
|
+
|
|
9
|
+
const textareaVariantMap = {
|
|
10
|
+
"variant": [
|
|
11
|
+
"outline",
|
|
12
|
+
"surface",
|
|
13
|
+
"subtle",
|
|
14
|
+
"plain"
|
|
15
|
+
],
|
|
16
|
+
"size": [
|
|
17
|
+
"xs",
|
|
18
|
+
"sm",
|
|
19
|
+
"md",
|
|
20
|
+
"lg",
|
|
21
|
+
"xl"
|
|
22
|
+
]
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
const textareaVariantKeys = Object.keys(textareaVariantMap)
|
|
26
|
+
|
|
27
|
+
export const textarea = /* @__PURE__ */ Object.assign(memo(textareaFn.recipeFn), {
|
|
28
|
+
__recipe__: true,
|
|
29
|
+
__name__: 'textarea',
|
|
30
|
+
__getCompoundVariantCss__: textareaFn.__getCompoundVariantCss__,
|
|
31
|
+
raw: (props) => props,
|
|
32
|
+
variantKeys: textareaVariantKeys,
|
|
33
|
+
variantMap: textareaVariantMap,
|
|
34
|
+
merge(recipe) {
|
|
35
|
+
return mergeRecipes(this, recipe)
|
|
36
|
+
},
|
|
37
|
+
splitVariantProps(props) {
|
|
38
|
+
return splitProps(props, textareaVariantKeys)
|
|
39
|
+
},
|
|
40
|
+
getVariantProps: textareaFn.getVariantProps,
|
|
41
|
+
})
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface ToastVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type ToastVariantMap = {
|
|
10
|
+
[key in keyof ToastVariant]: Array<ToastVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
type ToastSlot = "group" | "root" | "title" | "description" | "actionTrigger" | "closeTrigger"
|
|
14
|
+
|
|
15
|
+
export type ToastVariantProps = {
|
|
16
|
+
[key in keyof ToastVariant]?: ConditionalValue<ToastVariant[key]> | undefined
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export interface ToastRecipe {
|
|
20
|
+
__slot: ToastSlot
|
|
21
|
+
__type: ToastVariantProps
|
|
22
|
+
(props?: ToastVariantProps): Pretty<Record<ToastSlot, string>>
|
|
23
|
+
raw: (props?: ToastVariantProps) => ToastVariantProps
|
|
24
|
+
variantMap: ToastVariantMap
|
|
25
|
+
variantKeys: Array<keyof ToastVariant>
|
|
26
|
+
splitVariantProps<Props extends ToastVariantProps>(props: Props): [ToastVariantProps, Pretty<DistributiveOmit<Props, keyof ToastVariantProps>>]
|
|
27
|
+
getVariantProps: (props?: ToastVariantProps) => ToastVariantProps
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
export declare const toast: ToastRecipe
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const toastDefaultVariants = {}
|
|
5
|
+
const toastCompoundVariants = []
|
|
6
|
+
|
|
7
|
+
const toastSlotNames = [
|
|
8
|
+
[
|
|
9
|
+
"group",
|
|
10
|
+
"toast__group"
|
|
11
|
+
],
|
|
12
|
+
[
|
|
13
|
+
"root",
|
|
14
|
+
"toast__root"
|
|
15
|
+
],
|
|
16
|
+
[
|
|
17
|
+
"title",
|
|
18
|
+
"toast__title"
|
|
19
|
+
],
|
|
20
|
+
[
|
|
21
|
+
"description",
|
|
22
|
+
"toast__description"
|
|
23
|
+
],
|
|
24
|
+
[
|
|
25
|
+
"actionTrigger",
|
|
26
|
+
"toast__actionTrigger"
|
|
27
|
+
],
|
|
28
|
+
[
|
|
29
|
+
"closeTrigger",
|
|
30
|
+
"toast__closeTrigger"
|
|
31
|
+
]
|
|
32
|
+
]
|
|
33
|
+
const toastSlotFns = /* @__PURE__ */ toastSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, toastDefaultVariants, getSlotCompoundVariant(toastCompoundVariants, slotName))])
|
|
34
|
+
|
|
35
|
+
const toastFn = memo((props = {}) => {
|
|
36
|
+
return Object.fromEntries(toastSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
|
|
37
|
+
})
|
|
38
|
+
|
|
39
|
+
const toastVariantKeys = []
|
|
40
|
+
const getVariantProps = (variants) => ({ ...toastDefaultVariants, ...compact(variants) })
|
|
41
|
+
|
|
42
|
+
export const toast = /* @__PURE__ */ Object.assign(toastFn, {
|
|
43
|
+
__recipe__: false,
|
|
44
|
+
__name__: 'toast',
|
|
45
|
+
raw: (props) => props,
|
|
46
|
+
classNameMap: {},
|
|
47
|
+
variantKeys: toastVariantKeys,
|
|
48
|
+
variantMap: {},
|
|
49
|
+
splitVariantProps(props) {
|
|
50
|
+
return splitProps(props, toastVariantKeys)
|
|
51
|
+
},
|
|
52
|
+
getVariantProps
|
|
53
|
+
})
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface ToggleGroupVariant {
|
|
6
|
+
variant: "surface" | "outline"
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type ToggleGroupVariantMap = {
|
|
10
|
+
[key in keyof ToggleGroupVariant]: Array<ToggleGroupVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
type ToggleGroupSlot = "root" | "item"
|
|
14
|
+
|
|
15
|
+
export type ToggleGroupVariantProps = {
|
|
16
|
+
[key in keyof ToggleGroupVariant]?: ConditionalValue<ToggleGroupVariant[key]> | undefined
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export interface ToggleGroupRecipe {
|
|
20
|
+
__slot: ToggleGroupSlot
|
|
21
|
+
__type: ToggleGroupVariantProps
|
|
22
|
+
(props?: ToggleGroupVariantProps): Pretty<Record<ToggleGroupSlot, string>>
|
|
23
|
+
raw: (props?: ToggleGroupVariantProps) => ToggleGroupVariantProps
|
|
24
|
+
variantMap: ToggleGroupVariantMap
|
|
25
|
+
variantKeys: Array<keyof ToggleGroupVariant>
|
|
26
|
+
splitVariantProps<Props extends ToggleGroupVariantProps>(props: Props): [ToggleGroupVariantProps, Pretty<DistributiveOmit<Props, keyof ToggleGroupVariantProps>>]
|
|
27
|
+
getVariantProps: (props?: ToggleGroupVariantProps) => ToggleGroupVariantProps
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
export declare const toggleGroup: ToggleGroupRecipe
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const toggleGroupDefaultVariants = {}
|
|
5
|
+
const toggleGroupCompoundVariants = []
|
|
6
|
+
|
|
7
|
+
const toggleGroupSlotNames = [
|
|
8
|
+
[
|
|
9
|
+
"root",
|
|
10
|
+
"toggle-group__root"
|
|
11
|
+
],
|
|
12
|
+
[
|
|
13
|
+
"item",
|
|
14
|
+
"toggle-group__item"
|
|
15
|
+
]
|
|
16
|
+
]
|
|
17
|
+
const toggleGroupSlotFns = /* @__PURE__ */ toggleGroupSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, toggleGroupDefaultVariants, getSlotCompoundVariant(toggleGroupCompoundVariants, slotName))])
|
|
18
|
+
|
|
19
|
+
const toggleGroupFn = memo((props = {}) => {
|
|
20
|
+
return Object.fromEntries(toggleGroupSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
|
|
21
|
+
})
|
|
22
|
+
|
|
23
|
+
const toggleGroupVariantKeys = [
|
|
24
|
+
"variant"
|
|
25
|
+
]
|
|
26
|
+
const getVariantProps = (variants) => ({ ...toggleGroupDefaultVariants, ...compact(variants) })
|
|
27
|
+
|
|
28
|
+
export const toggleGroup = /* @__PURE__ */ Object.assign(toggleGroupFn, {
|
|
29
|
+
__recipe__: false,
|
|
30
|
+
__name__: 'toggleGroup',
|
|
31
|
+
raw: (props) => props,
|
|
32
|
+
classNameMap: {},
|
|
33
|
+
variantKeys: toggleGroupVariantKeys,
|
|
34
|
+
variantMap: {
|
|
35
|
+
"variant": [
|
|
36
|
+
"surface",
|
|
37
|
+
"outline"
|
|
38
|
+
]
|
|
39
|
+
},
|
|
40
|
+
splitVariantProps(props) {
|
|
41
|
+
return splitProps(props, toggleGroupVariantKeys)
|
|
42
|
+
},
|
|
43
|
+
getVariantProps
|
|
44
|
+
})
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface TooltipVariant {
|
|
6
|
+
/**
|
|
7
|
+
* @default "solid"
|
|
8
|
+
*/
|
|
9
|
+
variant: "solid"
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
type TooltipVariantMap = {
|
|
13
|
+
[key in keyof TooltipVariant]: Array<TooltipVariant[key]>
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
type TooltipSlot = "trigger" | "arrow" | "arrowTip" | "positioner" | "content"
|
|
17
|
+
|
|
18
|
+
export type TooltipVariantProps = {
|
|
19
|
+
[key in keyof TooltipVariant]?: ConditionalValue<TooltipVariant[key]> | undefined
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
export interface TooltipRecipe {
|
|
23
|
+
__slot: TooltipSlot
|
|
24
|
+
__type: TooltipVariantProps
|
|
25
|
+
(props?: TooltipVariantProps): Pretty<Record<TooltipSlot, string>>
|
|
26
|
+
raw: (props?: TooltipVariantProps) => TooltipVariantProps
|
|
27
|
+
variantMap: TooltipVariantMap
|
|
28
|
+
variantKeys: Array<keyof TooltipVariant>
|
|
29
|
+
splitVariantProps<Props extends TooltipVariantProps>(props: Props): [TooltipVariantProps, Pretty<DistributiveOmit<Props, keyof TooltipVariantProps>>]
|
|
30
|
+
getVariantProps: (props?: TooltipVariantProps) => TooltipVariantProps
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
export declare const tooltip: TooltipRecipe
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const tooltipDefaultVariants = {
|
|
5
|
+
"variant": "solid"
|
|
6
|
+
}
|
|
7
|
+
const tooltipCompoundVariants = []
|
|
8
|
+
|
|
9
|
+
const tooltipSlotNames = [
|
|
10
|
+
[
|
|
11
|
+
"trigger",
|
|
12
|
+
"tooltip__trigger"
|
|
13
|
+
],
|
|
14
|
+
[
|
|
15
|
+
"arrow",
|
|
16
|
+
"tooltip__arrow"
|
|
17
|
+
],
|
|
18
|
+
[
|
|
19
|
+
"arrowTip",
|
|
20
|
+
"tooltip__arrowTip"
|
|
21
|
+
],
|
|
22
|
+
[
|
|
23
|
+
"positioner",
|
|
24
|
+
"tooltip__positioner"
|
|
25
|
+
],
|
|
26
|
+
[
|
|
27
|
+
"content",
|
|
28
|
+
"tooltip__content"
|
|
29
|
+
]
|
|
30
|
+
]
|
|
31
|
+
const tooltipSlotFns = /* @__PURE__ */ tooltipSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, tooltipDefaultVariants, getSlotCompoundVariant(tooltipCompoundVariants, slotName))])
|
|
32
|
+
|
|
33
|
+
const tooltipFn = memo((props = {}) => {
|
|
34
|
+
return Object.fromEntries(tooltipSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
|
|
35
|
+
})
|
|
36
|
+
|
|
37
|
+
const tooltipVariantKeys = [
|
|
38
|
+
"variant"
|
|
39
|
+
]
|
|
40
|
+
const getVariantProps = (variants) => ({ ...tooltipDefaultVariants, ...compact(variants) })
|
|
41
|
+
|
|
42
|
+
export const tooltip = /* @__PURE__ */ Object.assign(tooltipFn, {
|
|
43
|
+
__recipe__: false,
|
|
44
|
+
__name__: 'tooltip',
|
|
45
|
+
raw: (props) => props,
|
|
46
|
+
classNameMap: {},
|
|
47
|
+
variantKeys: tooltipVariantKeys,
|
|
48
|
+
variantMap: {
|
|
49
|
+
"variant": [
|
|
50
|
+
"solid"
|
|
51
|
+
]
|
|
52
|
+
},
|
|
53
|
+
splitVariantProps(props) {
|
|
54
|
+
return splitProps(props, tooltipVariantKeys)
|
|
55
|
+
},
|
|
56
|
+
getVariantProps
|
|
57
|
+
})
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface TreeViewVariant {
|
|
6
|
+
/**
|
|
7
|
+
* @default "sm"
|
|
8
|
+
*/
|
|
9
|
+
size: "sm"
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
type TreeViewVariantMap = {
|
|
13
|
+
[key in keyof TreeViewVariant]: Array<TreeViewVariant[key]>
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
type TreeViewSlot = "branch" | "branchContent" | "branchControl" | "branchIndentGuide" | "branchIndicator" | "branchText" | "branchTrigger" | "item" | "itemIndicator" | "itemText" | "label" | "nodeCheckbox" | "nodeRenameInput" | "root" | "tree"
|
|
17
|
+
|
|
18
|
+
export type TreeViewVariantProps = {
|
|
19
|
+
[key in keyof TreeViewVariant]?: ConditionalValue<TreeViewVariant[key]> | undefined
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
export interface TreeViewRecipe {
|
|
23
|
+
__slot: TreeViewSlot
|
|
24
|
+
__type: TreeViewVariantProps
|
|
25
|
+
(props?: TreeViewVariantProps): Pretty<Record<TreeViewSlot, string>>
|
|
26
|
+
raw: (props?: TreeViewVariantProps) => TreeViewVariantProps
|
|
27
|
+
variantMap: TreeViewVariantMap
|
|
28
|
+
variantKeys: Array<keyof TreeViewVariant>
|
|
29
|
+
splitVariantProps<Props extends TreeViewVariantProps>(props: Props): [TreeViewVariantProps, Pretty<DistributiveOmit<Props, keyof TreeViewVariantProps>>]
|
|
30
|
+
getVariantProps: (props?: TreeViewVariantProps) => TreeViewVariantProps
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
export declare const treeView: TreeViewRecipe
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const treeViewDefaultVariants = {
|
|
5
|
+
"size": "sm"
|
|
6
|
+
}
|
|
7
|
+
const treeViewCompoundVariants = []
|
|
8
|
+
|
|
9
|
+
const treeViewSlotNames = [
|
|
10
|
+
[
|
|
11
|
+
"branch",
|
|
12
|
+
"tree-view__branch"
|
|
13
|
+
],
|
|
14
|
+
[
|
|
15
|
+
"branchContent",
|
|
16
|
+
"tree-view__branchContent"
|
|
17
|
+
],
|
|
18
|
+
[
|
|
19
|
+
"branchControl",
|
|
20
|
+
"tree-view__branchControl"
|
|
21
|
+
],
|
|
22
|
+
[
|
|
23
|
+
"branchIndentGuide",
|
|
24
|
+
"tree-view__branchIndentGuide"
|
|
25
|
+
],
|
|
26
|
+
[
|
|
27
|
+
"branchIndicator",
|
|
28
|
+
"tree-view__branchIndicator"
|
|
29
|
+
],
|
|
30
|
+
[
|
|
31
|
+
"branchText",
|
|
32
|
+
"tree-view__branchText"
|
|
33
|
+
],
|
|
34
|
+
[
|
|
35
|
+
"branchTrigger",
|
|
36
|
+
"tree-view__branchTrigger"
|
|
37
|
+
],
|
|
38
|
+
[
|
|
39
|
+
"item",
|
|
40
|
+
"tree-view__item"
|
|
41
|
+
],
|
|
42
|
+
[
|
|
43
|
+
"itemIndicator",
|
|
44
|
+
"tree-view__itemIndicator"
|
|
45
|
+
],
|
|
46
|
+
[
|
|
47
|
+
"itemText",
|
|
48
|
+
"tree-view__itemText"
|
|
49
|
+
],
|
|
50
|
+
[
|
|
51
|
+
"label",
|
|
52
|
+
"tree-view__label"
|
|
53
|
+
],
|
|
54
|
+
[
|
|
55
|
+
"nodeCheckbox",
|
|
56
|
+
"tree-view__nodeCheckbox"
|
|
57
|
+
],
|
|
58
|
+
[
|
|
59
|
+
"nodeRenameInput",
|
|
60
|
+
"tree-view__nodeRenameInput"
|
|
61
|
+
],
|
|
62
|
+
[
|
|
63
|
+
"root",
|
|
64
|
+
"tree-view__root"
|
|
65
|
+
],
|
|
66
|
+
[
|
|
67
|
+
"tree",
|
|
68
|
+
"tree-view__tree"
|
|
69
|
+
]
|
|
70
|
+
]
|
|
71
|
+
const treeViewSlotFns = /* @__PURE__ */ treeViewSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, treeViewDefaultVariants, getSlotCompoundVariant(treeViewCompoundVariants, slotName))])
|
|
72
|
+
|
|
73
|
+
const treeViewFn = memo((props = {}) => {
|
|
74
|
+
return Object.fromEntries(treeViewSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
|
|
75
|
+
})
|
|
76
|
+
|
|
77
|
+
const treeViewVariantKeys = [
|
|
78
|
+
"size"
|
|
79
|
+
]
|
|
80
|
+
const getVariantProps = (variants) => ({ ...treeViewDefaultVariants, ...compact(variants) })
|
|
81
|
+
|
|
82
|
+
export const treeView = /* @__PURE__ */ Object.assign(treeViewFn, {
|
|
83
|
+
__recipe__: false,
|
|
84
|
+
__name__: 'treeView',
|
|
85
|
+
raw: (props) => props,
|
|
86
|
+
classNameMap: {},
|
|
87
|
+
variantKeys: treeViewVariantKeys,
|
|
88
|
+
variantMap: {
|
|
89
|
+
"size": [
|
|
90
|
+
"sm"
|
|
91
|
+
]
|
|
92
|
+
},
|
|
93
|
+
splitVariantProps(props) {
|
|
94
|
+
return splitProps(props, treeViewVariantKeys)
|
|
95
|
+
},
|
|
96
|
+
getVariantProps
|
|
97
|
+
})
|