@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,31 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface DataListVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type DataListVariantMap = {
|
|
10
|
+
[key in keyof DataListVariant]: Array<DataListVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
type DataListSlot = "root" | "label" | "list" | "item" | "term" | "value"
|
|
14
|
+
|
|
15
|
+
export type DataListVariantProps = {
|
|
16
|
+
[key in keyof DataListVariant]?: ConditionalValue<DataListVariant[key]> | undefined
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export interface DataListRecipe {
|
|
20
|
+
__slot: DataListSlot
|
|
21
|
+
__type: DataListVariantProps
|
|
22
|
+
(props?: DataListVariantProps): Pretty<Record<DataListSlot, string>>
|
|
23
|
+
raw: (props?: DataListVariantProps) => DataListVariantProps
|
|
24
|
+
variantMap: DataListVariantMap
|
|
25
|
+
variantKeys: Array<keyof DataListVariant>
|
|
26
|
+
splitVariantProps<Props extends DataListVariantProps>(props: Props): [DataListVariantProps, Pretty<DistributiveOmit<Props, keyof DataListVariantProps>>]
|
|
27
|
+
getVariantProps: (props?: DataListVariantProps) => DataListVariantProps
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
export declare const dataList: DataListRecipe
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const dataListDefaultVariants = {}
|
|
5
|
+
const dataListCompoundVariants = []
|
|
6
|
+
|
|
7
|
+
const dataListSlotNames = [
|
|
8
|
+
[
|
|
9
|
+
"root",
|
|
10
|
+
"data-list__root"
|
|
11
|
+
],
|
|
12
|
+
[
|
|
13
|
+
"label",
|
|
14
|
+
"data-list__label"
|
|
15
|
+
],
|
|
16
|
+
[
|
|
17
|
+
"list",
|
|
18
|
+
"data-list__list"
|
|
19
|
+
],
|
|
20
|
+
[
|
|
21
|
+
"item",
|
|
22
|
+
"data-list__item"
|
|
23
|
+
],
|
|
24
|
+
[
|
|
25
|
+
"term",
|
|
26
|
+
"data-list__term"
|
|
27
|
+
],
|
|
28
|
+
[
|
|
29
|
+
"value",
|
|
30
|
+
"data-list__value"
|
|
31
|
+
]
|
|
32
|
+
]
|
|
33
|
+
const dataListSlotFns = /* @__PURE__ */ dataListSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, dataListDefaultVariants, getSlotCompoundVariant(dataListCompoundVariants, slotName))])
|
|
34
|
+
|
|
35
|
+
const dataListFn = memo((props = {}) => {
|
|
36
|
+
return Object.fromEntries(dataListSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
|
|
37
|
+
})
|
|
38
|
+
|
|
39
|
+
const dataListVariantKeys = []
|
|
40
|
+
const getVariantProps = (variants) => ({ ...dataListDefaultVariants, ...compact(variants) })
|
|
41
|
+
|
|
42
|
+
export const dataList = /* @__PURE__ */ Object.assign(dataListFn, {
|
|
43
|
+
__recipe__: false,
|
|
44
|
+
__name__: 'dataList',
|
|
45
|
+
raw: (props) => props,
|
|
46
|
+
classNameMap: {},
|
|
47
|
+
variantKeys: dataListVariantKeys,
|
|
48
|
+
variantMap: {},
|
|
49
|
+
splitVariantProps(props) {
|
|
50
|
+
return splitProps(props, dataListVariantKeys)
|
|
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 DatePickerVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type DatePickerVariantMap = {
|
|
10
|
+
[key in keyof DatePickerVariant]: Array<DatePickerVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
type DatePickerSlot = "clearTrigger" | "content" | "control" | "input" | "label" | "monthSelect" | "nextTrigger" | "positioner" | "presetTrigger" | "prevTrigger" | "rangeText" | "root" | "table" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "trigger" | "view" | "viewControl" | "viewTrigger" | "yearSelect" | "view" | "valueText"
|
|
14
|
+
|
|
15
|
+
export type DatePickerVariantProps = {
|
|
16
|
+
[key in keyof DatePickerVariant]?: ConditionalValue<DatePickerVariant[key]> | undefined
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export interface DatePickerRecipe {
|
|
20
|
+
__slot: DatePickerSlot
|
|
21
|
+
__type: DatePickerVariantProps
|
|
22
|
+
(props?: DatePickerVariantProps): Pretty<Record<DatePickerSlot, string>>
|
|
23
|
+
raw: (props?: DatePickerVariantProps) => DatePickerVariantProps
|
|
24
|
+
variantMap: DatePickerVariantMap
|
|
25
|
+
variantKeys: Array<keyof DatePickerVariant>
|
|
26
|
+
splitVariantProps<Props extends DatePickerVariantProps>(props: Props): [DatePickerVariantProps, Pretty<DistributiveOmit<Props, keyof DatePickerVariantProps>>]
|
|
27
|
+
getVariantProps: (props?: DatePickerVariantProps) => DatePickerVariantProps
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
export declare const datePicker: DatePickerRecipe
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const datePickerDefaultVariants = {}
|
|
5
|
+
const datePickerCompoundVariants = []
|
|
6
|
+
|
|
7
|
+
const datePickerSlotNames = [
|
|
8
|
+
[
|
|
9
|
+
"clearTrigger",
|
|
10
|
+
"date-picker__clearTrigger"
|
|
11
|
+
],
|
|
12
|
+
[
|
|
13
|
+
"content",
|
|
14
|
+
"date-picker__content"
|
|
15
|
+
],
|
|
16
|
+
[
|
|
17
|
+
"control",
|
|
18
|
+
"date-picker__control"
|
|
19
|
+
],
|
|
20
|
+
[
|
|
21
|
+
"input",
|
|
22
|
+
"date-picker__input"
|
|
23
|
+
],
|
|
24
|
+
[
|
|
25
|
+
"label",
|
|
26
|
+
"date-picker__label"
|
|
27
|
+
],
|
|
28
|
+
[
|
|
29
|
+
"monthSelect",
|
|
30
|
+
"date-picker__monthSelect"
|
|
31
|
+
],
|
|
32
|
+
[
|
|
33
|
+
"nextTrigger",
|
|
34
|
+
"date-picker__nextTrigger"
|
|
35
|
+
],
|
|
36
|
+
[
|
|
37
|
+
"positioner",
|
|
38
|
+
"date-picker__positioner"
|
|
39
|
+
],
|
|
40
|
+
[
|
|
41
|
+
"presetTrigger",
|
|
42
|
+
"date-picker__presetTrigger"
|
|
43
|
+
],
|
|
44
|
+
[
|
|
45
|
+
"prevTrigger",
|
|
46
|
+
"date-picker__prevTrigger"
|
|
47
|
+
],
|
|
48
|
+
[
|
|
49
|
+
"rangeText",
|
|
50
|
+
"date-picker__rangeText"
|
|
51
|
+
],
|
|
52
|
+
[
|
|
53
|
+
"root",
|
|
54
|
+
"date-picker__root"
|
|
55
|
+
],
|
|
56
|
+
[
|
|
57
|
+
"table",
|
|
58
|
+
"date-picker__table"
|
|
59
|
+
],
|
|
60
|
+
[
|
|
61
|
+
"tableBody",
|
|
62
|
+
"date-picker__tableBody"
|
|
63
|
+
],
|
|
64
|
+
[
|
|
65
|
+
"tableCell",
|
|
66
|
+
"date-picker__tableCell"
|
|
67
|
+
],
|
|
68
|
+
[
|
|
69
|
+
"tableCellTrigger",
|
|
70
|
+
"date-picker__tableCellTrigger"
|
|
71
|
+
],
|
|
72
|
+
[
|
|
73
|
+
"tableHead",
|
|
74
|
+
"date-picker__tableHead"
|
|
75
|
+
],
|
|
76
|
+
[
|
|
77
|
+
"tableHeader",
|
|
78
|
+
"date-picker__tableHeader"
|
|
79
|
+
],
|
|
80
|
+
[
|
|
81
|
+
"tableRow",
|
|
82
|
+
"date-picker__tableRow"
|
|
83
|
+
],
|
|
84
|
+
[
|
|
85
|
+
"trigger",
|
|
86
|
+
"date-picker__trigger"
|
|
87
|
+
],
|
|
88
|
+
[
|
|
89
|
+
"view",
|
|
90
|
+
"date-picker__view"
|
|
91
|
+
],
|
|
92
|
+
[
|
|
93
|
+
"viewControl",
|
|
94
|
+
"date-picker__viewControl"
|
|
95
|
+
],
|
|
96
|
+
[
|
|
97
|
+
"viewTrigger",
|
|
98
|
+
"date-picker__viewTrigger"
|
|
99
|
+
],
|
|
100
|
+
[
|
|
101
|
+
"yearSelect",
|
|
102
|
+
"date-picker__yearSelect"
|
|
103
|
+
],
|
|
104
|
+
[
|
|
105
|
+
"view",
|
|
106
|
+
"date-picker__view"
|
|
107
|
+
],
|
|
108
|
+
[
|
|
109
|
+
"valueText",
|
|
110
|
+
"date-picker__valueText"
|
|
111
|
+
]
|
|
112
|
+
]
|
|
113
|
+
const datePickerSlotFns = /* @__PURE__ */ datePickerSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, datePickerDefaultVariants, getSlotCompoundVariant(datePickerCompoundVariants, slotName))])
|
|
114
|
+
|
|
115
|
+
const datePickerFn = memo((props = {}) => {
|
|
116
|
+
return Object.fromEntries(datePickerSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
|
|
117
|
+
})
|
|
118
|
+
|
|
119
|
+
const datePickerVariantKeys = []
|
|
120
|
+
const getVariantProps = (variants) => ({ ...datePickerDefaultVariants, ...compact(variants) })
|
|
121
|
+
|
|
122
|
+
export const datePicker = /* @__PURE__ */ Object.assign(datePickerFn, {
|
|
123
|
+
__recipe__: false,
|
|
124
|
+
__name__: 'datePicker',
|
|
125
|
+
raw: (props) => props,
|
|
126
|
+
classNameMap: {},
|
|
127
|
+
variantKeys: datePickerVariantKeys,
|
|
128
|
+
variantMap: {},
|
|
129
|
+
splitVariantProps(props) {
|
|
130
|
+
return splitProps(props, datePickerVariantKeys)
|
|
131
|
+
},
|
|
132
|
+
getVariantProps
|
|
133
|
+
})
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface DialogVariant {
|
|
6
|
+
/**
|
|
7
|
+
* @default "scale"
|
|
8
|
+
*/
|
|
9
|
+
motionPreset: "scale" | "slide-in-bottom" | "slide-in-top" | "slide-in-left" | "slide-in-right" | "none"
|
|
10
|
+
/**
|
|
11
|
+
* @default "md"
|
|
12
|
+
*/
|
|
13
|
+
size: "xs" | "sm" | "md" | "lg" | "xl" | "cover" | "full"
|
|
14
|
+
/**
|
|
15
|
+
* @default "center"
|
|
16
|
+
*/
|
|
17
|
+
placement: "center" | "top" | "bottom"
|
|
18
|
+
/**
|
|
19
|
+
* @default "outside"
|
|
20
|
+
*/
|
|
21
|
+
scrollBehavior: "inside" | "outside"
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
type DialogVariantMap = {
|
|
25
|
+
[key in keyof DialogVariant]: Array<DialogVariant[key]>
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
type DialogSlot = "trigger" | "backdrop" | "positioner" | "content" | "title" | "description" | "closeTrigger" | "header" | "body" | "footer"
|
|
29
|
+
|
|
30
|
+
export type DialogVariantProps = {
|
|
31
|
+
[key in keyof DialogVariant]?: ConditionalValue<DialogVariant[key]> | undefined
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
export interface DialogRecipe {
|
|
35
|
+
__slot: DialogSlot
|
|
36
|
+
__type: DialogVariantProps
|
|
37
|
+
(props?: DialogVariantProps): Pretty<Record<DialogSlot, string>>
|
|
38
|
+
raw: (props?: DialogVariantProps) => DialogVariantProps
|
|
39
|
+
variantMap: DialogVariantMap
|
|
40
|
+
variantKeys: Array<keyof DialogVariant>
|
|
41
|
+
splitVariantProps<Props extends DialogVariantProps>(props: Props): [DialogVariantProps, Pretty<DistributiveOmit<Props, keyof DialogVariantProps>>]
|
|
42
|
+
getVariantProps: (props?: DialogVariantProps) => DialogVariantProps
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
export declare const dialog: DialogRecipe
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const dialogDefaultVariants = {
|
|
5
|
+
"size": "md",
|
|
6
|
+
"scrollBehavior": "outside",
|
|
7
|
+
"placement": "center",
|
|
8
|
+
"motionPreset": "scale"
|
|
9
|
+
}
|
|
10
|
+
const dialogCompoundVariants = []
|
|
11
|
+
|
|
12
|
+
const dialogSlotNames = [
|
|
13
|
+
[
|
|
14
|
+
"trigger",
|
|
15
|
+
"dialog__trigger"
|
|
16
|
+
],
|
|
17
|
+
[
|
|
18
|
+
"backdrop",
|
|
19
|
+
"dialog__backdrop"
|
|
20
|
+
],
|
|
21
|
+
[
|
|
22
|
+
"positioner",
|
|
23
|
+
"dialog__positioner"
|
|
24
|
+
],
|
|
25
|
+
[
|
|
26
|
+
"content",
|
|
27
|
+
"dialog__content"
|
|
28
|
+
],
|
|
29
|
+
[
|
|
30
|
+
"title",
|
|
31
|
+
"dialog__title"
|
|
32
|
+
],
|
|
33
|
+
[
|
|
34
|
+
"description",
|
|
35
|
+
"dialog__description"
|
|
36
|
+
],
|
|
37
|
+
[
|
|
38
|
+
"closeTrigger",
|
|
39
|
+
"dialog__closeTrigger"
|
|
40
|
+
],
|
|
41
|
+
[
|
|
42
|
+
"header",
|
|
43
|
+
"dialog__header"
|
|
44
|
+
],
|
|
45
|
+
[
|
|
46
|
+
"body",
|
|
47
|
+
"dialog__body"
|
|
48
|
+
],
|
|
49
|
+
[
|
|
50
|
+
"footer",
|
|
51
|
+
"dialog__footer"
|
|
52
|
+
]
|
|
53
|
+
]
|
|
54
|
+
const dialogSlotFns = /* @__PURE__ */ dialogSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, dialogDefaultVariants, getSlotCompoundVariant(dialogCompoundVariants, slotName))])
|
|
55
|
+
|
|
56
|
+
const dialogFn = memo((props = {}) => {
|
|
57
|
+
return Object.fromEntries(dialogSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
|
|
58
|
+
})
|
|
59
|
+
|
|
60
|
+
const dialogVariantKeys = [
|
|
61
|
+
"motionPreset",
|
|
62
|
+
"size",
|
|
63
|
+
"placement",
|
|
64
|
+
"scrollBehavior"
|
|
65
|
+
]
|
|
66
|
+
const getVariantProps = (variants) => ({ ...dialogDefaultVariants, ...compact(variants) })
|
|
67
|
+
|
|
68
|
+
export const dialog = /* @__PURE__ */ Object.assign(dialogFn, {
|
|
69
|
+
__recipe__: false,
|
|
70
|
+
__name__: 'dialog',
|
|
71
|
+
raw: (props) => props,
|
|
72
|
+
classNameMap: {},
|
|
73
|
+
variantKeys: dialogVariantKeys,
|
|
74
|
+
variantMap: {
|
|
75
|
+
"motionPreset": [
|
|
76
|
+
"scale",
|
|
77
|
+
"slide-in-bottom",
|
|
78
|
+
"slide-in-top",
|
|
79
|
+
"slide-in-left",
|
|
80
|
+
"slide-in-right",
|
|
81
|
+
"none"
|
|
82
|
+
],
|
|
83
|
+
"size": [
|
|
84
|
+
"xs",
|
|
85
|
+
"sm",
|
|
86
|
+
"md",
|
|
87
|
+
"lg",
|
|
88
|
+
"xl",
|
|
89
|
+
"cover",
|
|
90
|
+
"full"
|
|
91
|
+
],
|
|
92
|
+
"placement": [
|
|
93
|
+
"center",
|
|
94
|
+
"top",
|
|
95
|
+
"bottom"
|
|
96
|
+
],
|
|
97
|
+
"scrollBehavior": [
|
|
98
|
+
"inside",
|
|
99
|
+
"outside"
|
|
100
|
+
]
|
|
101
|
+
},
|
|
102
|
+
splitVariantProps(props) {
|
|
103
|
+
return splitProps(props, dialogVariantKeys)
|
|
104
|
+
},
|
|
105
|
+
getVariantProps
|
|
106
|
+
})
|
|
@@ -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 DrawerVariant {
|
|
6
|
+
/**
|
|
7
|
+
* @default "md"
|
|
8
|
+
*/
|
|
9
|
+
size: "xs" | "sm" | "md" | "lg" | "xl" | "full"
|
|
10
|
+
/**
|
|
11
|
+
* @default "end"
|
|
12
|
+
*/
|
|
13
|
+
placement: "start" | "end" | "top" | "bottom"
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
type DrawerVariantMap = {
|
|
17
|
+
[key in keyof DrawerVariant]: Array<DrawerVariant[key]>
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
type DrawerSlot = "trigger" | "backdrop" | "positioner" | "content" | "title" | "description" | "closeTrigger" | "header" | "body" | "footer"
|
|
21
|
+
|
|
22
|
+
export type DrawerVariantProps = {
|
|
23
|
+
[key in keyof DrawerVariant]?: ConditionalValue<DrawerVariant[key]> | undefined
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
export interface DrawerRecipe {
|
|
27
|
+
__slot: DrawerSlot
|
|
28
|
+
__type: DrawerVariantProps
|
|
29
|
+
(props?: DrawerVariantProps): Pretty<Record<DrawerSlot, string>>
|
|
30
|
+
raw: (props?: DrawerVariantProps) => DrawerVariantProps
|
|
31
|
+
variantMap: DrawerVariantMap
|
|
32
|
+
variantKeys: Array<keyof DrawerVariant>
|
|
33
|
+
splitVariantProps<Props extends DrawerVariantProps>(props: Props): [DrawerVariantProps, Pretty<DistributiveOmit<Props, keyof DrawerVariantProps>>]
|
|
34
|
+
getVariantProps: (props?: DrawerVariantProps) => DrawerVariantProps
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
export declare const drawer: DrawerRecipe
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const drawerDefaultVariants = {
|
|
5
|
+
"placement": "end",
|
|
6
|
+
"size": "md"
|
|
7
|
+
}
|
|
8
|
+
const drawerCompoundVariants = []
|
|
9
|
+
|
|
10
|
+
const drawerSlotNames = [
|
|
11
|
+
[
|
|
12
|
+
"trigger",
|
|
13
|
+
"drawer__trigger"
|
|
14
|
+
],
|
|
15
|
+
[
|
|
16
|
+
"backdrop",
|
|
17
|
+
"drawer__backdrop"
|
|
18
|
+
],
|
|
19
|
+
[
|
|
20
|
+
"positioner",
|
|
21
|
+
"drawer__positioner"
|
|
22
|
+
],
|
|
23
|
+
[
|
|
24
|
+
"content",
|
|
25
|
+
"drawer__content"
|
|
26
|
+
],
|
|
27
|
+
[
|
|
28
|
+
"title",
|
|
29
|
+
"drawer__title"
|
|
30
|
+
],
|
|
31
|
+
[
|
|
32
|
+
"description",
|
|
33
|
+
"drawer__description"
|
|
34
|
+
],
|
|
35
|
+
[
|
|
36
|
+
"closeTrigger",
|
|
37
|
+
"drawer__closeTrigger"
|
|
38
|
+
],
|
|
39
|
+
[
|
|
40
|
+
"header",
|
|
41
|
+
"drawer__header"
|
|
42
|
+
],
|
|
43
|
+
[
|
|
44
|
+
"body",
|
|
45
|
+
"drawer__body"
|
|
46
|
+
],
|
|
47
|
+
[
|
|
48
|
+
"footer",
|
|
49
|
+
"drawer__footer"
|
|
50
|
+
]
|
|
51
|
+
]
|
|
52
|
+
const drawerSlotFns = /* @__PURE__ */ drawerSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, drawerDefaultVariants, getSlotCompoundVariant(drawerCompoundVariants, slotName))])
|
|
53
|
+
|
|
54
|
+
const drawerFn = memo((props = {}) => {
|
|
55
|
+
return Object.fromEntries(drawerSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
|
|
56
|
+
})
|
|
57
|
+
|
|
58
|
+
const drawerVariantKeys = [
|
|
59
|
+
"size",
|
|
60
|
+
"placement"
|
|
61
|
+
]
|
|
62
|
+
const getVariantProps = (variants) => ({ ...drawerDefaultVariants, ...compact(variants) })
|
|
63
|
+
|
|
64
|
+
export const drawer = /* @__PURE__ */ Object.assign(drawerFn, {
|
|
65
|
+
__recipe__: false,
|
|
66
|
+
__name__: 'drawer',
|
|
67
|
+
raw: (props) => props,
|
|
68
|
+
classNameMap: {},
|
|
69
|
+
variantKeys: drawerVariantKeys,
|
|
70
|
+
variantMap: {
|
|
71
|
+
"size": [
|
|
72
|
+
"xs",
|
|
73
|
+
"sm",
|
|
74
|
+
"md",
|
|
75
|
+
"lg",
|
|
76
|
+
"xl",
|
|
77
|
+
"full"
|
|
78
|
+
],
|
|
79
|
+
"placement": [
|
|
80
|
+
"start",
|
|
81
|
+
"end",
|
|
82
|
+
"top",
|
|
83
|
+
"bottom"
|
|
84
|
+
]
|
|
85
|
+
},
|
|
86
|
+
splitVariantProps(props) {
|
|
87
|
+
return splitProps(props, drawerVariantKeys)
|
|
88
|
+
},
|
|
89
|
+
getVariantProps
|
|
90
|
+
})
|
|
@@ -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 DrilldownMenuVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type DrilldownMenuVariantMap = {
|
|
10
|
+
[key in keyof DrilldownMenuVariant]: Array<DrilldownMenuVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
type DrilldownMenuSlot = "root" | "list" | "item" | "trigger" | "viewport" | "content"
|
|
14
|
+
|
|
15
|
+
export type DrilldownMenuVariantProps = {
|
|
16
|
+
[key in keyof DrilldownMenuVariant]?: ConditionalValue<DrilldownMenuVariant[key]> | undefined
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export interface DrilldownMenuRecipe {
|
|
20
|
+
__slot: DrilldownMenuSlot
|
|
21
|
+
__type: DrilldownMenuVariantProps
|
|
22
|
+
(props?: DrilldownMenuVariantProps): Pretty<Record<DrilldownMenuSlot, string>>
|
|
23
|
+
raw: (props?: DrilldownMenuVariantProps) => DrilldownMenuVariantProps
|
|
24
|
+
variantMap: DrilldownMenuVariantMap
|
|
25
|
+
variantKeys: Array<keyof DrilldownMenuVariant>
|
|
26
|
+
splitVariantProps<Props extends DrilldownMenuVariantProps>(props: Props): [DrilldownMenuVariantProps, Pretty<DistributiveOmit<Props, keyof DrilldownMenuVariantProps>>]
|
|
27
|
+
getVariantProps: (props?: DrilldownMenuVariantProps) => DrilldownMenuVariantProps
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
export declare const drilldownMenu: DrilldownMenuRecipe
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const drilldownMenuDefaultVariants = {}
|
|
5
|
+
const drilldownMenuCompoundVariants = []
|
|
6
|
+
|
|
7
|
+
const drilldownMenuSlotNames = [
|
|
8
|
+
[
|
|
9
|
+
"root",
|
|
10
|
+
"drilldown-menu__root"
|
|
11
|
+
],
|
|
12
|
+
[
|
|
13
|
+
"list",
|
|
14
|
+
"drilldown-menu__list"
|
|
15
|
+
],
|
|
16
|
+
[
|
|
17
|
+
"item",
|
|
18
|
+
"drilldown-menu__item"
|
|
19
|
+
],
|
|
20
|
+
[
|
|
21
|
+
"trigger",
|
|
22
|
+
"drilldown-menu__trigger"
|
|
23
|
+
],
|
|
24
|
+
[
|
|
25
|
+
"viewport",
|
|
26
|
+
"drilldown-menu__viewport"
|
|
27
|
+
],
|
|
28
|
+
[
|
|
29
|
+
"content",
|
|
30
|
+
"drilldown-menu__content"
|
|
31
|
+
]
|
|
32
|
+
]
|
|
33
|
+
const drilldownMenuSlotFns = /* @__PURE__ */ drilldownMenuSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, drilldownMenuDefaultVariants, getSlotCompoundVariant(drilldownMenuCompoundVariants, slotName))])
|
|
34
|
+
|
|
35
|
+
const drilldownMenuFn = memo((props = {}) => {
|
|
36
|
+
return Object.fromEntries(drilldownMenuSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
|
|
37
|
+
})
|
|
38
|
+
|
|
39
|
+
const drilldownMenuVariantKeys = []
|
|
40
|
+
const getVariantProps = (variants) => ({ ...drilldownMenuDefaultVariants, ...compact(variants) })
|
|
41
|
+
|
|
42
|
+
export const drilldownMenu = /* @__PURE__ */ Object.assign(drilldownMenuFn, {
|
|
43
|
+
__recipe__: false,
|
|
44
|
+
__name__: 'drilldownMenu',
|
|
45
|
+
raw: (props) => props,
|
|
46
|
+
classNameMap: {},
|
|
47
|
+
variantKeys: drilldownMenuVariantKeys,
|
|
48
|
+
variantMap: {},
|
|
49
|
+
splitVariantProps(props) {
|
|
50
|
+
return splitProps(props, drilldownMenuVariantKeys)
|
|
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 FieldVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type FieldVariantMap = {
|
|
10
|
+
[key in keyof FieldVariant]: Array<FieldVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
type FieldSlot = "root" | "errorText" | "helperText" | "input" | "label" | "select" | "textarea" | "requiredIndicator"
|
|
14
|
+
|
|
15
|
+
export type FieldVariantProps = {
|
|
16
|
+
[key in keyof FieldVariant]?: ConditionalValue<FieldVariant[key]> | undefined
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export interface FieldRecipe {
|
|
20
|
+
__slot: FieldSlot
|
|
21
|
+
__type: FieldVariantProps
|
|
22
|
+
(props?: FieldVariantProps): Pretty<Record<FieldSlot, string>>
|
|
23
|
+
raw: (props?: FieldVariantProps) => FieldVariantProps
|
|
24
|
+
variantMap: FieldVariantMap
|
|
25
|
+
variantKeys: Array<keyof FieldVariant>
|
|
26
|
+
splitVariantProps<Props extends FieldVariantProps>(props: Props): [FieldVariantProps, Pretty<DistributiveOmit<Props, keyof FieldVariantProps>>]
|
|
27
|
+
getVariantProps: (props?: FieldVariantProps) => FieldVariantProps
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
export declare const field: FieldRecipe
|