@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,78 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const numberInputDefaultVariants = {
|
|
5
|
+
"size": "md",
|
|
6
|
+
"variant": "surface"
|
|
7
|
+
}
|
|
8
|
+
const numberInputCompoundVariants = []
|
|
9
|
+
|
|
10
|
+
const numberInputSlotNames = [
|
|
11
|
+
[
|
|
12
|
+
"root",
|
|
13
|
+
"number-input__root"
|
|
14
|
+
],
|
|
15
|
+
[
|
|
16
|
+
"label",
|
|
17
|
+
"number-input__label"
|
|
18
|
+
],
|
|
19
|
+
[
|
|
20
|
+
"input",
|
|
21
|
+
"number-input__input"
|
|
22
|
+
],
|
|
23
|
+
[
|
|
24
|
+
"control",
|
|
25
|
+
"number-input__control"
|
|
26
|
+
],
|
|
27
|
+
[
|
|
28
|
+
"valueText",
|
|
29
|
+
"number-input__valueText"
|
|
30
|
+
],
|
|
31
|
+
[
|
|
32
|
+
"incrementTrigger",
|
|
33
|
+
"number-input__incrementTrigger"
|
|
34
|
+
],
|
|
35
|
+
[
|
|
36
|
+
"decrementTrigger",
|
|
37
|
+
"number-input__decrementTrigger"
|
|
38
|
+
],
|
|
39
|
+
[
|
|
40
|
+
"scrubber",
|
|
41
|
+
"number-input__scrubber"
|
|
42
|
+
]
|
|
43
|
+
]
|
|
44
|
+
const numberInputSlotFns = /* @__PURE__ */ numberInputSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, numberInputDefaultVariants, getSlotCompoundVariant(numberInputCompoundVariants, slotName))])
|
|
45
|
+
|
|
46
|
+
const numberInputFn = memo((props = {}) => {
|
|
47
|
+
return Object.fromEntries(numberInputSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
|
|
48
|
+
})
|
|
49
|
+
|
|
50
|
+
const numberInputVariantKeys = [
|
|
51
|
+
"size",
|
|
52
|
+
"variant"
|
|
53
|
+
]
|
|
54
|
+
const getVariantProps = (variants) => ({ ...numberInputDefaultVariants, ...compact(variants) })
|
|
55
|
+
|
|
56
|
+
export const numberInput = /* @__PURE__ */ Object.assign(numberInputFn, {
|
|
57
|
+
__recipe__: false,
|
|
58
|
+
__name__: 'numberInput',
|
|
59
|
+
raw: (props) => props,
|
|
60
|
+
classNameMap: {},
|
|
61
|
+
variantKeys: numberInputVariantKeys,
|
|
62
|
+
variantMap: {
|
|
63
|
+
"size": [
|
|
64
|
+
"sm",
|
|
65
|
+
"md",
|
|
66
|
+
"lg",
|
|
67
|
+
"xl"
|
|
68
|
+
],
|
|
69
|
+
"variant": [
|
|
70
|
+
"outline",
|
|
71
|
+
"surface"
|
|
72
|
+
]
|
|
73
|
+
},
|
|
74
|
+
splitVariantProps(props) {
|
|
75
|
+
return splitProps(props, numberInputVariantKeys)
|
|
76
|
+
},
|
|
77
|
+
getVariantProps
|
|
78
|
+
})
|
|
@@ -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 PaginationVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type PaginationVariantMap = {
|
|
10
|
+
[key in keyof PaginationVariant]: Array<PaginationVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
type PaginationSlot = "root" | "item" | "ellipsis" | "firstTrigger" | "prevTrigger" | "nextTrigger" | "lastTrigger"
|
|
14
|
+
|
|
15
|
+
export type PaginationVariantProps = {
|
|
16
|
+
[key in keyof PaginationVariant]?: ConditionalValue<PaginationVariant[key]> | undefined
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export interface PaginationRecipe {
|
|
20
|
+
__slot: PaginationSlot
|
|
21
|
+
__type: PaginationVariantProps
|
|
22
|
+
(props?: PaginationVariantProps): Pretty<Record<PaginationSlot, string>>
|
|
23
|
+
raw: (props?: PaginationVariantProps) => PaginationVariantProps
|
|
24
|
+
variantMap: PaginationVariantMap
|
|
25
|
+
variantKeys: Array<keyof PaginationVariant>
|
|
26
|
+
splitVariantProps<Props extends PaginationVariantProps>(props: Props): [PaginationVariantProps, Pretty<DistributiveOmit<Props, keyof PaginationVariantProps>>]
|
|
27
|
+
getVariantProps: (props?: PaginationVariantProps) => PaginationVariantProps
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
export declare const pagination: PaginationRecipe
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const paginationDefaultVariants = {}
|
|
5
|
+
const paginationCompoundVariants = []
|
|
6
|
+
|
|
7
|
+
const paginationSlotNames = [
|
|
8
|
+
[
|
|
9
|
+
"root",
|
|
10
|
+
"pagination__root"
|
|
11
|
+
],
|
|
12
|
+
[
|
|
13
|
+
"item",
|
|
14
|
+
"pagination__item"
|
|
15
|
+
],
|
|
16
|
+
[
|
|
17
|
+
"ellipsis",
|
|
18
|
+
"pagination__ellipsis"
|
|
19
|
+
],
|
|
20
|
+
[
|
|
21
|
+
"firstTrigger",
|
|
22
|
+
"pagination__firstTrigger"
|
|
23
|
+
],
|
|
24
|
+
[
|
|
25
|
+
"prevTrigger",
|
|
26
|
+
"pagination__prevTrigger"
|
|
27
|
+
],
|
|
28
|
+
[
|
|
29
|
+
"nextTrigger",
|
|
30
|
+
"pagination__nextTrigger"
|
|
31
|
+
],
|
|
32
|
+
[
|
|
33
|
+
"lastTrigger",
|
|
34
|
+
"pagination__lastTrigger"
|
|
35
|
+
]
|
|
36
|
+
]
|
|
37
|
+
const paginationSlotFns = /* @__PURE__ */ paginationSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, paginationDefaultVariants, getSlotCompoundVariant(paginationCompoundVariants, slotName))])
|
|
38
|
+
|
|
39
|
+
const paginationFn = memo((props = {}) => {
|
|
40
|
+
return Object.fromEntries(paginationSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
|
|
41
|
+
})
|
|
42
|
+
|
|
43
|
+
const paginationVariantKeys = []
|
|
44
|
+
const getVariantProps = (variants) => ({ ...paginationDefaultVariants, ...compact(variants) })
|
|
45
|
+
|
|
46
|
+
export const pagination = /* @__PURE__ */ Object.assign(paginationFn, {
|
|
47
|
+
__recipe__: false,
|
|
48
|
+
__name__: 'pagination',
|
|
49
|
+
raw: (props) => props,
|
|
50
|
+
classNameMap: {},
|
|
51
|
+
variantKeys: paginationVariantKeys,
|
|
52
|
+
variantMap: {},
|
|
53
|
+
splitVariantProps(props) {
|
|
54
|
+
return splitProps(props, paginationVariantKeys)
|
|
55
|
+
},
|
|
56
|
+
getVariantProps
|
|
57
|
+
})
|
|
@@ -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 PopoverVariant {
|
|
6
|
+
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type PopoverVariantMap = {
|
|
10
|
+
[key in keyof PopoverVariant]: Array<PopoverVariant[key]>
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
type PopoverSlot = "arrow" | "arrowTip" | "anchor" | "trigger" | "indicator" | "positioner" | "content" | "title" | "description" | "closeTrigger" | "header" | "body" | "footer"
|
|
14
|
+
|
|
15
|
+
export type PopoverVariantProps = {
|
|
16
|
+
[key in keyof PopoverVariant]?: ConditionalValue<PopoverVariant[key]> | undefined
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export interface PopoverRecipe {
|
|
20
|
+
__slot: PopoverSlot
|
|
21
|
+
__type: PopoverVariantProps
|
|
22
|
+
(props?: PopoverVariantProps): Pretty<Record<PopoverSlot, string>>
|
|
23
|
+
raw: (props?: PopoverVariantProps) => PopoverVariantProps
|
|
24
|
+
variantMap: PopoverVariantMap
|
|
25
|
+
variantKeys: Array<keyof PopoverVariant>
|
|
26
|
+
splitVariantProps<Props extends PopoverVariantProps>(props: Props): [PopoverVariantProps, Pretty<DistributiveOmit<Props, keyof PopoverVariantProps>>]
|
|
27
|
+
getVariantProps: (props?: PopoverVariantProps) => PopoverVariantProps
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
export declare const popover: PopoverRecipe
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const popoverDefaultVariants = {}
|
|
5
|
+
const popoverCompoundVariants = []
|
|
6
|
+
|
|
7
|
+
const popoverSlotNames = [
|
|
8
|
+
[
|
|
9
|
+
"arrow",
|
|
10
|
+
"popover__arrow"
|
|
11
|
+
],
|
|
12
|
+
[
|
|
13
|
+
"arrowTip",
|
|
14
|
+
"popover__arrowTip"
|
|
15
|
+
],
|
|
16
|
+
[
|
|
17
|
+
"anchor",
|
|
18
|
+
"popover__anchor"
|
|
19
|
+
],
|
|
20
|
+
[
|
|
21
|
+
"trigger",
|
|
22
|
+
"popover__trigger"
|
|
23
|
+
],
|
|
24
|
+
[
|
|
25
|
+
"indicator",
|
|
26
|
+
"popover__indicator"
|
|
27
|
+
],
|
|
28
|
+
[
|
|
29
|
+
"positioner",
|
|
30
|
+
"popover__positioner"
|
|
31
|
+
],
|
|
32
|
+
[
|
|
33
|
+
"content",
|
|
34
|
+
"popover__content"
|
|
35
|
+
],
|
|
36
|
+
[
|
|
37
|
+
"title",
|
|
38
|
+
"popover__title"
|
|
39
|
+
],
|
|
40
|
+
[
|
|
41
|
+
"description",
|
|
42
|
+
"popover__description"
|
|
43
|
+
],
|
|
44
|
+
[
|
|
45
|
+
"closeTrigger",
|
|
46
|
+
"popover__closeTrigger"
|
|
47
|
+
],
|
|
48
|
+
[
|
|
49
|
+
"header",
|
|
50
|
+
"popover__header"
|
|
51
|
+
],
|
|
52
|
+
[
|
|
53
|
+
"body",
|
|
54
|
+
"popover__body"
|
|
55
|
+
],
|
|
56
|
+
[
|
|
57
|
+
"footer",
|
|
58
|
+
"popover__footer"
|
|
59
|
+
]
|
|
60
|
+
]
|
|
61
|
+
const popoverSlotFns = /* @__PURE__ */ popoverSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, popoverDefaultVariants, getSlotCompoundVariant(popoverCompoundVariants, slotName))])
|
|
62
|
+
|
|
63
|
+
const popoverFn = memo((props = {}) => {
|
|
64
|
+
return Object.fromEntries(popoverSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
|
|
65
|
+
})
|
|
66
|
+
|
|
67
|
+
const popoverVariantKeys = []
|
|
68
|
+
const getVariantProps = (variants) => ({ ...popoverDefaultVariants, ...compact(variants) })
|
|
69
|
+
|
|
70
|
+
export const popover = /* @__PURE__ */ Object.assign(popoverFn, {
|
|
71
|
+
__recipe__: false,
|
|
72
|
+
__name__: 'popover',
|
|
73
|
+
raw: (props) => props,
|
|
74
|
+
classNameMap: {},
|
|
75
|
+
variantKeys: popoverVariantKeys,
|
|
76
|
+
variantMap: {},
|
|
77
|
+
splitVariantProps(props) {
|
|
78
|
+
return splitProps(props, popoverVariantKeys)
|
|
79
|
+
},
|
|
80
|
+
getVariantProps
|
|
81
|
+
})
|
|
@@ -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 ProgressCircleVariant {
|
|
6
|
+
/**
|
|
7
|
+
* @default "md"
|
|
8
|
+
*/
|
|
9
|
+
size: "sm" | "md" | "lg"
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
type ProgressCircleVariantMap = {
|
|
13
|
+
[key in keyof ProgressCircleVariant]: Array<ProgressCircleVariant[key]>
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
type ProgressCircleSlot = "root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange"
|
|
17
|
+
|
|
18
|
+
export type ProgressCircleVariantProps = {
|
|
19
|
+
[key in keyof ProgressCircleVariant]?: ConditionalValue<ProgressCircleVariant[key]> | undefined
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
export interface ProgressCircleRecipe {
|
|
23
|
+
__slot: ProgressCircleSlot
|
|
24
|
+
__type: ProgressCircleVariantProps
|
|
25
|
+
(props?: ProgressCircleVariantProps): Pretty<Record<ProgressCircleSlot, string>>
|
|
26
|
+
raw: (props?: ProgressCircleVariantProps) => ProgressCircleVariantProps
|
|
27
|
+
variantMap: ProgressCircleVariantMap
|
|
28
|
+
variantKeys: Array<keyof ProgressCircleVariant>
|
|
29
|
+
splitVariantProps<Props extends ProgressCircleVariantProps>(props: Props): [ProgressCircleVariantProps, Pretty<DistributiveOmit<Props, keyof ProgressCircleVariantProps>>]
|
|
30
|
+
getVariantProps: (props?: ProgressCircleVariantProps) => ProgressCircleVariantProps
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
export declare const progressCircle: ProgressCircleRecipe
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const progressCircleDefaultVariants = {
|
|
5
|
+
"size": "md"
|
|
6
|
+
}
|
|
7
|
+
const progressCircleCompoundVariants = []
|
|
8
|
+
|
|
9
|
+
const progressCircleSlotNames = [
|
|
10
|
+
[
|
|
11
|
+
"root",
|
|
12
|
+
"progress-circle__root"
|
|
13
|
+
],
|
|
14
|
+
[
|
|
15
|
+
"label",
|
|
16
|
+
"progress-circle__label"
|
|
17
|
+
],
|
|
18
|
+
[
|
|
19
|
+
"track",
|
|
20
|
+
"progress-circle__track"
|
|
21
|
+
],
|
|
22
|
+
[
|
|
23
|
+
"range",
|
|
24
|
+
"progress-circle__range"
|
|
25
|
+
],
|
|
26
|
+
[
|
|
27
|
+
"valueText",
|
|
28
|
+
"progress-circle__valueText"
|
|
29
|
+
],
|
|
30
|
+
[
|
|
31
|
+
"view",
|
|
32
|
+
"progress-circle__view"
|
|
33
|
+
],
|
|
34
|
+
[
|
|
35
|
+
"circle",
|
|
36
|
+
"progress-circle__circle"
|
|
37
|
+
],
|
|
38
|
+
[
|
|
39
|
+
"circleTrack",
|
|
40
|
+
"progress-circle__circleTrack"
|
|
41
|
+
],
|
|
42
|
+
[
|
|
43
|
+
"circleRange",
|
|
44
|
+
"progress-circle__circleRange"
|
|
45
|
+
]
|
|
46
|
+
]
|
|
47
|
+
const progressCircleSlotFns = /* @__PURE__ */ progressCircleSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, progressCircleDefaultVariants, getSlotCompoundVariant(progressCircleCompoundVariants, slotName))])
|
|
48
|
+
|
|
49
|
+
const progressCircleFn = memo((props = {}) => {
|
|
50
|
+
return Object.fromEntries(progressCircleSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
|
|
51
|
+
})
|
|
52
|
+
|
|
53
|
+
const progressCircleVariantKeys = [
|
|
54
|
+
"size"
|
|
55
|
+
]
|
|
56
|
+
const getVariantProps = (variants) => ({ ...progressCircleDefaultVariants, ...compact(variants) })
|
|
57
|
+
|
|
58
|
+
export const progressCircle = /* @__PURE__ */ Object.assign(progressCircleFn, {
|
|
59
|
+
__recipe__: false,
|
|
60
|
+
__name__: 'progressCircle',
|
|
61
|
+
raw: (props) => props,
|
|
62
|
+
classNameMap: {},
|
|
63
|
+
variantKeys: progressCircleVariantKeys,
|
|
64
|
+
variantMap: {
|
|
65
|
+
"size": [
|
|
66
|
+
"sm",
|
|
67
|
+
"md",
|
|
68
|
+
"lg"
|
|
69
|
+
]
|
|
70
|
+
},
|
|
71
|
+
splitVariantProps(props) {
|
|
72
|
+
return splitProps(props, progressCircleVariantKeys)
|
|
73
|
+
},
|
|
74
|
+
getVariantProps
|
|
75
|
+
})
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
/* eslint-disable */
|
|
2
|
+
import type { ConditionalValue } from '../types/index';
|
|
3
|
+
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
+
|
|
5
|
+
interface ProgressVariant {
|
|
6
|
+
/**
|
|
7
|
+
* @default "solid"
|
|
8
|
+
*/
|
|
9
|
+
variant: "solid" | "subtle"
|
|
10
|
+
/**
|
|
11
|
+
* @default "rounded"
|
|
12
|
+
*/
|
|
13
|
+
shape: "square" | "rounded" | "full"
|
|
14
|
+
striped: boolean
|
|
15
|
+
animated: boolean
|
|
16
|
+
/**
|
|
17
|
+
* @default "md"
|
|
18
|
+
*/
|
|
19
|
+
size: "xs" | "sm" | "md" | "lg" | "xl"
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
type ProgressVariantMap = {
|
|
23
|
+
[key in keyof ProgressVariant]: Array<ProgressVariant[key]>
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
type ProgressSlot = "root" | "label" | "track" | "range" | "valueText" | "view" | "circle" | "circleTrack" | "circleRange"
|
|
27
|
+
|
|
28
|
+
export type ProgressVariantProps = {
|
|
29
|
+
[key in keyof ProgressVariant]?: ConditionalValue<ProgressVariant[key]> | undefined
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
export interface ProgressRecipe {
|
|
33
|
+
__slot: ProgressSlot
|
|
34
|
+
__type: ProgressVariantProps
|
|
35
|
+
(props?: ProgressVariantProps): Pretty<Record<ProgressSlot, string>>
|
|
36
|
+
raw: (props?: ProgressVariantProps) => ProgressVariantProps
|
|
37
|
+
variantMap: ProgressVariantMap
|
|
38
|
+
variantKeys: Array<keyof ProgressVariant>
|
|
39
|
+
splitVariantProps<Props extends ProgressVariantProps>(props: Props): [ProgressVariantProps, Pretty<DistributiveOmit<Props, keyof ProgressVariantProps>>]
|
|
40
|
+
getVariantProps: (props?: ProgressVariantProps) => ProgressVariantProps
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
export declare const progress: ProgressRecipe
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const progressDefaultVariants = {
|
|
5
|
+
"variant": "solid",
|
|
6
|
+
"size": "md",
|
|
7
|
+
"shape": "rounded"
|
|
8
|
+
}
|
|
9
|
+
const progressCompoundVariants = []
|
|
10
|
+
|
|
11
|
+
const progressSlotNames = [
|
|
12
|
+
[
|
|
13
|
+
"root",
|
|
14
|
+
"progress__root"
|
|
15
|
+
],
|
|
16
|
+
[
|
|
17
|
+
"label",
|
|
18
|
+
"progress__label"
|
|
19
|
+
],
|
|
20
|
+
[
|
|
21
|
+
"track",
|
|
22
|
+
"progress__track"
|
|
23
|
+
],
|
|
24
|
+
[
|
|
25
|
+
"range",
|
|
26
|
+
"progress__range"
|
|
27
|
+
],
|
|
28
|
+
[
|
|
29
|
+
"valueText",
|
|
30
|
+
"progress__valueText"
|
|
31
|
+
],
|
|
32
|
+
[
|
|
33
|
+
"view",
|
|
34
|
+
"progress__view"
|
|
35
|
+
],
|
|
36
|
+
[
|
|
37
|
+
"circle",
|
|
38
|
+
"progress__circle"
|
|
39
|
+
],
|
|
40
|
+
[
|
|
41
|
+
"circleTrack",
|
|
42
|
+
"progress__circleTrack"
|
|
43
|
+
],
|
|
44
|
+
[
|
|
45
|
+
"circleRange",
|
|
46
|
+
"progress__circleRange"
|
|
47
|
+
]
|
|
48
|
+
]
|
|
49
|
+
const progressSlotFns = /* @__PURE__ */ progressSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, progressDefaultVariants, getSlotCompoundVariant(progressCompoundVariants, slotName))])
|
|
50
|
+
|
|
51
|
+
const progressFn = memo((props = {}) => {
|
|
52
|
+
return Object.fromEntries(progressSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
|
|
53
|
+
})
|
|
54
|
+
|
|
55
|
+
const progressVariantKeys = [
|
|
56
|
+
"variant",
|
|
57
|
+
"shape",
|
|
58
|
+
"striped",
|
|
59
|
+
"animated",
|
|
60
|
+
"size"
|
|
61
|
+
]
|
|
62
|
+
const getVariantProps = (variants) => ({ ...progressDefaultVariants, ...compact(variants) })
|
|
63
|
+
|
|
64
|
+
export const progress = /* @__PURE__ */ Object.assign(progressFn, {
|
|
65
|
+
__recipe__: false,
|
|
66
|
+
__name__: 'progress',
|
|
67
|
+
raw: (props) => props,
|
|
68
|
+
classNameMap: {},
|
|
69
|
+
variantKeys: progressVariantKeys,
|
|
70
|
+
variantMap: {
|
|
71
|
+
"variant": [
|
|
72
|
+
"solid",
|
|
73
|
+
"subtle"
|
|
74
|
+
],
|
|
75
|
+
"shape": [
|
|
76
|
+
"square",
|
|
77
|
+
"rounded",
|
|
78
|
+
"full"
|
|
79
|
+
],
|
|
80
|
+
"striped": [
|
|
81
|
+
"true"
|
|
82
|
+
],
|
|
83
|
+
"animated": [
|
|
84
|
+
"true"
|
|
85
|
+
],
|
|
86
|
+
"size": [
|
|
87
|
+
"xs",
|
|
88
|
+
"sm",
|
|
89
|
+
"md",
|
|
90
|
+
"lg",
|
|
91
|
+
"xl"
|
|
92
|
+
]
|
|
93
|
+
},
|
|
94
|
+
splitVariantProps(props) {
|
|
95
|
+
return splitProps(props, progressVariantKeys)
|
|
96
|
+
},
|
|
97
|
+
getVariantProps
|
|
98
|
+
})
|
|
@@ -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 RadioCardGroupVariant {
|
|
6
|
+
/**
|
|
7
|
+
* @default "outline"
|
|
8
|
+
*/
|
|
9
|
+
variant: "subtle" | "outline" | "surface" | "solid"
|
|
10
|
+
/**
|
|
11
|
+
* @default "md"
|
|
12
|
+
*/
|
|
13
|
+
size: "md"
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
type RadioCardGroupVariantMap = {
|
|
17
|
+
[key in keyof RadioCardGroupVariant]: Array<RadioCardGroupVariant[key]>
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
type RadioCardGroupSlot = "root" | "label" | "item" | "itemText" | "itemControl" | "indicator"
|
|
21
|
+
|
|
22
|
+
export type RadioCardGroupVariantProps = {
|
|
23
|
+
[key in keyof RadioCardGroupVariant]?: ConditionalValue<RadioCardGroupVariant[key]> | undefined
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
export interface RadioCardGroupRecipe {
|
|
27
|
+
__slot: RadioCardGroupSlot
|
|
28
|
+
__type: RadioCardGroupVariantProps
|
|
29
|
+
(props?: RadioCardGroupVariantProps): Pretty<Record<RadioCardGroupSlot, string>>
|
|
30
|
+
raw: (props?: RadioCardGroupVariantProps) => RadioCardGroupVariantProps
|
|
31
|
+
variantMap: RadioCardGroupVariantMap
|
|
32
|
+
variantKeys: Array<keyof RadioCardGroupVariant>
|
|
33
|
+
splitVariantProps<Props extends RadioCardGroupVariantProps>(props: Props): [RadioCardGroupVariantProps, Pretty<DistributiveOmit<Props, keyof RadioCardGroupVariantProps>>]
|
|
34
|
+
getVariantProps: (props?: RadioCardGroupVariantProps) => RadioCardGroupVariantProps
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
export declare const radioCardGroup: RadioCardGroupRecipe
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
|
|
2
|
+
import { createRecipe } from './create-recipe.mjs';
|
|
3
|
+
|
|
4
|
+
const radioCardGroupDefaultVariants = {
|
|
5
|
+
"variant": "outline",
|
|
6
|
+
"size": "md"
|
|
7
|
+
}
|
|
8
|
+
const radioCardGroupCompoundVariants = []
|
|
9
|
+
|
|
10
|
+
const radioCardGroupSlotNames = [
|
|
11
|
+
[
|
|
12
|
+
"root",
|
|
13
|
+
"radio-card-group__root"
|
|
14
|
+
],
|
|
15
|
+
[
|
|
16
|
+
"label",
|
|
17
|
+
"radio-card-group__label"
|
|
18
|
+
],
|
|
19
|
+
[
|
|
20
|
+
"item",
|
|
21
|
+
"radio-card-group__item"
|
|
22
|
+
],
|
|
23
|
+
[
|
|
24
|
+
"itemText",
|
|
25
|
+
"radio-card-group__itemText"
|
|
26
|
+
],
|
|
27
|
+
[
|
|
28
|
+
"itemControl",
|
|
29
|
+
"radio-card-group__itemControl"
|
|
30
|
+
],
|
|
31
|
+
[
|
|
32
|
+
"indicator",
|
|
33
|
+
"radio-card-group__indicator"
|
|
34
|
+
]
|
|
35
|
+
]
|
|
36
|
+
const radioCardGroupSlotFns = /* @__PURE__ */ radioCardGroupSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, radioCardGroupDefaultVariants, getSlotCompoundVariant(radioCardGroupCompoundVariants, slotName))])
|
|
37
|
+
|
|
38
|
+
const radioCardGroupFn = memo((props = {}) => {
|
|
39
|
+
return Object.fromEntries(radioCardGroupSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
|
|
40
|
+
})
|
|
41
|
+
|
|
42
|
+
const radioCardGroupVariantKeys = [
|
|
43
|
+
"variant",
|
|
44
|
+
"size"
|
|
45
|
+
]
|
|
46
|
+
const getVariantProps = (variants) => ({ ...radioCardGroupDefaultVariants, ...compact(variants) })
|
|
47
|
+
|
|
48
|
+
export const radioCardGroup = /* @__PURE__ */ Object.assign(radioCardGroupFn, {
|
|
49
|
+
__recipe__: false,
|
|
50
|
+
__name__: 'radioCardGroup',
|
|
51
|
+
raw: (props) => props,
|
|
52
|
+
classNameMap: {},
|
|
53
|
+
variantKeys: radioCardGroupVariantKeys,
|
|
54
|
+
variantMap: {
|
|
55
|
+
"variant": [
|
|
56
|
+
"subtle",
|
|
57
|
+
"outline",
|
|
58
|
+
"surface",
|
|
59
|
+
"solid"
|
|
60
|
+
],
|
|
61
|
+
"size": [
|
|
62
|
+
"md"
|
|
63
|
+
]
|
|
64
|
+
},
|
|
65
|
+
splitVariantProps(props) {
|
|
66
|
+
return splitProps(props, radioCardGroupVariantKeys)
|
|
67
|
+
},
|
|
68
|
+
getVariantProps
|
|
69
|
+
})
|
|
@@ -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 RadioGroupVariant {
|
|
6
|
+
/**
|
|
7
|
+
* @default "solid"
|
|
8
|
+
*/
|
|
9
|
+
variant: "solid"
|
|
10
|
+
/**
|
|
11
|
+
* @default "md"
|
|
12
|
+
*/
|
|
13
|
+
size: "sm" | "md" | "lg"
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
type RadioGroupVariantMap = {
|
|
17
|
+
[key in keyof RadioGroupVariant]: Array<RadioGroupVariant[key]>
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
type RadioGroupSlot = "root" | "label" | "item" | "itemText" | "itemControl" | "indicator"
|
|
21
|
+
|
|
22
|
+
export type RadioGroupVariantProps = {
|
|
23
|
+
[key in keyof RadioGroupVariant]?: ConditionalValue<RadioGroupVariant[key]> | undefined
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
export interface RadioGroupRecipe {
|
|
27
|
+
__slot: RadioGroupSlot
|
|
28
|
+
__type: RadioGroupVariantProps
|
|
29
|
+
(props?: RadioGroupVariantProps): Pretty<Record<RadioGroupSlot, string>>
|
|
30
|
+
raw: (props?: RadioGroupVariantProps) => RadioGroupVariantProps
|
|
31
|
+
variantMap: RadioGroupVariantMap
|
|
32
|
+
variantKeys: Array<keyof RadioGroupVariant>
|
|
33
|
+
splitVariantProps<Props extends RadioGroupVariantProps>(props: Props): [RadioGroupVariantProps, Pretty<DistributiveOmit<Props, keyof RadioGroupVariantProps>>]
|
|
34
|
+
getVariantProps: (props?: RadioGroupVariantProps) => RadioGroupVariantProps
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
export declare const radioGroup: RadioGroupRecipe
|