@mekari/pixel3-styled-system 0.0.1-alpha.0 → 0.0.2

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.
Files changed (92) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/helpers.mjs +5 -5
  3. package/jsx/aspect-ratio.d.ts +2 -2
  4. package/jsx/aspect-ratio.mjs +9 -7
  5. package/jsx/bleed.d.ts +2 -2
  6. package/jsx/bleed.mjs +10 -8
  7. package/jsx/box.d.ts +2 -2
  8. package/jsx/box.mjs +9 -7
  9. package/jsx/center.d.ts +2 -2
  10. package/jsx/center.mjs +9 -7
  11. package/jsx/circle.d.ts +2 -2
  12. package/jsx/circle.mjs +9 -7
  13. package/jsx/container.d.ts +2 -2
  14. package/jsx/container.mjs +9 -7
  15. package/jsx/divider.d.ts +2 -2
  16. package/jsx/divider.mjs +10 -8
  17. package/jsx/factory.d.ts +2 -2
  18. package/jsx/factory.mjs +11 -11
  19. package/jsx/flex.d.ts +2 -2
  20. package/jsx/flex.mjs +10 -8
  21. package/jsx/float.d.ts +2 -2
  22. package/jsx/float.mjs +10 -8
  23. package/jsx/grid-item.d.ts +2 -2
  24. package/jsx/grid-item.mjs +10 -8
  25. package/jsx/grid.d.ts +2 -2
  26. package/jsx/grid.mjs +10 -8
  27. package/jsx/hstack.d.ts +2 -2
  28. package/jsx/hstack.mjs +10 -8
  29. package/jsx/index.d.ts +1 -4
  30. package/jsx/link-box.d.ts +2 -2
  31. package/jsx/link-box.mjs +9 -7
  32. package/jsx/link-overlay.d.ts +2 -2
  33. package/jsx/link-overlay.mjs +9 -7
  34. package/jsx/spacer.d.ts +2 -2
  35. package/jsx/spacer.mjs +9 -7
  36. package/jsx/square.d.ts +2 -2
  37. package/jsx/square.mjs +9 -7
  38. package/jsx/stack.d.ts +2 -2
  39. package/jsx/stack.mjs +10 -8
  40. package/jsx/visually-hidden.d.ts +2 -2
  41. package/jsx/visually-hidden.mjs +9 -7
  42. package/jsx/vstack.d.ts +2 -2
  43. package/jsx/vstack.mjs +10 -8
  44. package/jsx/wrap.d.ts +2 -2
  45. package/jsx/wrap.mjs +10 -8
  46. package/package.json +1 -1
  47. package/recipes/banner-close-button-recipe.d.ts +27 -0
  48. package/recipes/banner-close-button-recipe.mjs +22 -0
  49. package/recipes/banner-description-recipe.d.ts +27 -0
  50. package/recipes/banner-description-recipe.mjs +22 -0
  51. package/recipes/banner-icon-recipe.d.ts +27 -0
  52. package/recipes/banner-icon-recipe.mjs +34 -0
  53. package/recipes/banner-icon-slot-recipe.d.ts +27 -0
  54. package/recipes/banner-icon-slot-recipe.mjs +34 -0
  55. package/recipes/banner-link-recipe.d.ts +27 -0
  56. package/recipes/banner-link-recipe.mjs +22 -0
  57. package/recipes/banner-recipe.d.ts +27 -0
  58. package/recipes/banner-recipe.mjs +31 -0
  59. package/recipes/banner-slot-recipe.d.ts +27 -0
  60. package/recipes/banner-slot-recipe.mjs +45 -0
  61. package/recipes/banner-title-recipe.d.ts +27 -0
  62. package/recipes/banner-title-recipe.mjs +22 -0
  63. package/recipes/divider-recipe.d.ts +27 -0
  64. package/recipes/divider-recipe.mjs +29 -0
  65. package/recipes/dropzone-recipe.d.ts +27 -0
  66. package/recipes/dropzone-recipe.mjs +34 -0
  67. package/recipes/dropzone-slot-recipe.d.ts +27 -0
  68. package/recipes/dropzone-slot-recipe.mjs +70 -0
  69. package/recipes/form-control-slot-recipe.d.ts +27 -0
  70. package/recipes/form-control-slot-recipe.mjs +46 -0
  71. package/recipes/index.d.ts +14 -1
  72. package/recipes/index.mjs +14 -1
  73. package/recipes/input-tag-recipe.d.ts +27 -0
  74. package/recipes/input-tag-recipe.mjs +38 -0
  75. package/recipes/input-tag-slot-recipe.d.ts +27 -0
  76. package/recipes/input-tag-slot-recipe.mjs +70 -0
  77. package/recipes/modal-slot-recipe.d.ts +27 -0
  78. package/recipes/modal-slot-recipe.mjs +75 -0
  79. package/recipes/tag-slot-recipe.mjs +9 -1
  80. package/recipes/upload-list-slot-recipe.d.ts +27 -0
  81. package/recipes/upload-list-slot-recipe.mjs +38 -0
  82. package/recipes/upload-slot-recipe.d.ts +27 -0
  83. package/recipes/upload-slot-recipe.mjs +34 -0
  84. package/tokens/index.css +17 -0
  85. package/tokens/index.mjs +112 -8
  86. package/tokens/tokens.d.ts +4 -4
  87. package/types/conditions.d.ts +1 -1
  88. package/types/csstype.d.ts +1270 -721
  89. package/types/jsx.d.ts +9 -9
  90. package/types/prop-type.d.ts +16 -6
  91. package/types/recipe.d.ts +9 -0
  92. package/types/static-css.d.ts +45 -0
@@ -0,0 +1,27 @@
1
+ /* eslint-disable */
2
+ import type { ConditionalValue } from '../types/index';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types';
4
+
5
+ interface BannerRecipeVariant {
6
+ variant: "info" | "success" | "danger" | "warning"
7
+ }
8
+
9
+ type BannerRecipeVariantMap = {
10
+ [key in keyof BannerRecipeVariant]: Array<BannerRecipeVariant[key]>
11
+ }
12
+
13
+ export type BannerRecipeVariantProps = {
14
+ [key in keyof BannerRecipeVariant]?: ConditionalValue<BannerRecipeVariant[key]> | undefined
15
+ }
16
+
17
+ export interface BannerRecipeRecipe {
18
+ __type: BannerRecipeVariantProps
19
+ (props?: BannerRecipeVariantProps): string
20
+ raw: (props?: BannerRecipeVariantProps) => BannerRecipeVariantProps
21
+ variantMap: BannerRecipeVariantMap
22
+ variantKeys: Array<keyof BannerRecipeVariant>
23
+ splitVariantProps<Props extends BannerRecipeVariantProps>(props: Props): [BannerRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof BannerRecipeVariantProps>>]
24
+ }
25
+
26
+
27
+ export declare const bannerRecipe: BannerRecipeRecipe
@@ -0,0 +1,31 @@
1
+ import { splitProps } from '../helpers.mjs';
2
+ import { createRecipe, mergeRecipes } from './create-recipe.mjs';
3
+
4
+ const bannerRecipeFn = /* @__PURE__ */ createRecipe('banner', {
5
+ "variant": "info"
6
+ }, [])
7
+
8
+ const bannerRecipeVariantMap = {
9
+ "variant": [
10
+ "info",
11
+ "success",
12
+ "danger",
13
+ "warning"
14
+ ]
15
+ }
16
+
17
+ const bannerRecipeVariantKeys = Object.keys(bannerRecipeVariantMap)
18
+
19
+ export const bannerRecipe = /* @__PURE__ */ Object.assign(bannerRecipeFn, {
20
+ __recipe__: true,
21
+ __name__: 'bannerRecipe',
22
+ raw: (props) => props,
23
+ variantKeys: bannerRecipeVariantKeys,
24
+ variantMap: bannerRecipeVariantMap,
25
+ merge(recipe) {
26
+ return mergeRecipes(this, recipe)
27
+ },
28
+ splitVariantProps(props) {
29
+ return splitProps(props, bannerRecipeVariantKeys)
30
+ },
31
+ })
@@ -0,0 +1,27 @@
1
+ /* eslint-disable */
2
+ import type { ConditionalValue } from '../types/index';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types';
4
+
5
+ interface BannerSlotRecipeVariant {
6
+ variant: "info" | "success" | "danger" | "warning"
7
+ }
8
+
9
+ type BannerSlotRecipeVariantMap = {
10
+ [key in keyof BannerSlotRecipeVariant]: Array<BannerSlotRecipeVariant[key]>
11
+ }
12
+
13
+ export type BannerSlotRecipeVariantProps = {
14
+ [key in keyof BannerSlotRecipeVariant]?: ConditionalValue<BannerSlotRecipeVariant[key]> | undefined
15
+ }
16
+
17
+ export interface BannerSlotRecipeRecipe {
18
+ __type: BannerSlotRecipeVariantProps
19
+ (props?: BannerSlotRecipeVariantProps): Pretty<Record<"root" | "body", string>>
20
+ raw: (props?: BannerSlotRecipeVariantProps) => BannerSlotRecipeVariantProps
21
+ variantMap: BannerSlotRecipeVariantMap
22
+ variantKeys: Array<keyof BannerSlotRecipeVariant>
23
+ splitVariantProps<Props extends BannerSlotRecipeVariantProps>(props: Props): [BannerSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof BannerSlotRecipeVariantProps>>]
24
+ }
25
+
26
+
27
+ export declare const bannerSlotRecipe: BannerSlotRecipeRecipe
@@ -0,0 +1,45 @@
1
+ import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
2
+ import { createRecipe } from './create-recipe.mjs';
3
+
4
+ const bannerSlotRecipeDefaultVariants = {
5
+ "variant": "info"
6
+ }
7
+ const bannerSlotRecipeCompoundVariants = []
8
+
9
+ const bannerSlotRecipeSlotNames = [
10
+ [
11
+ "root",
12
+ "banner__root"
13
+ ],
14
+ [
15
+ "body",
16
+ "banner__body"
17
+ ]
18
+ ]
19
+ const bannerSlotRecipeSlotFns = /* @__PURE__ */ bannerSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, bannerSlotRecipeDefaultVariants, getSlotCompoundVariant(bannerSlotRecipeCompoundVariants, slotName))])
20
+
21
+ const bannerSlotRecipeFn = (props = {}) => {
22
+ return Object.fromEntries(bannerSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
23
+ }
24
+
25
+ const bannerSlotRecipeVariantKeys = [
26
+ "variant"
27
+ ]
28
+
29
+ export const bannerSlotRecipe = /* @__PURE__ */ Object.assign(bannerSlotRecipeFn, {
30
+ __recipe__: false,
31
+ __name__: 'bannerSlotRecipe',
32
+ raw: (props) => props,
33
+ variantKeys: bannerSlotRecipeVariantKeys,
34
+ variantMap: {
35
+ "variant": [
36
+ "info",
37
+ "success",
38
+ "danger",
39
+ "warning"
40
+ ]
41
+ },
42
+ splitVariantProps(props) {
43
+ return splitProps(props, bannerSlotRecipeVariantKeys)
44
+ },
45
+ })
@@ -0,0 +1,27 @@
1
+ /* eslint-disable */
2
+ import type { ConditionalValue } from '../types/index';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types';
4
+
5
+ interface BannerTitleRecipeVariant {
6
+
7
+ }
8
+
9
+ type BannerTitleRecipeVariantMap = {
10
+ [key in keyof BannerTitleRecipeVariant]: Array<BannerTitleRecipeVariant[key]>
11
+ }
12
+
13
+ export type BannerTitleRecipeVariantProps = {
14
+ [key in keyof BannerTitleRecipeVariant]?: ConditionalValue<BannerTitleRecipeVariant[key]> | undefined
15
+ }
16
+
17
+ export interface BannerTitleRecipeRecipe {
18
+ __type: BannerTitleRecipeVariantProps
19
+ (props?: BannerTitleRecipeVariantProps): string
20
+ raw: (props?: BannerTitleRecipeVariantProps) => BannerTitleRecipeVariantProps
21
+ variantMap: BannerTitleRecipeVariantMap
22
+ variantKeys: Array<keyof BannerTitleRecipeVariant>
23
+ splitVariantProps<Props extends BannerTitleRecipeVariantProps>(props: Props): [BannerTitleRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof BannerTitleRecipeVariantProps>>]
24
+ }
25
+
26
+
27
+ export declare const bannerTitleRecipe: BannerTitleRecipeRecipe
@@ -0,0 +1,22 @@
1
+ import { splitProps } from '../helpers.mjs';
2
+ import { createRecipe, mergeRecipes } from './create-recipe.mjs';
3
+
4
+ const bannerTitleRecipeFn = /* @__PURE__ */ createRecipe('banner-title', {}, [])
5
+
6
+ const bannerTitleRecipeVariantMap = {}
7
+
8
+ const bannerTitleRecipeVariantKeys = Object.keys(bannerTitleRecipeVariantMap)
9
+
10
+ export const bannerTitleRecipe = /* @__PURE__ */ Object.assign(bannerTitleRecipeFn, {
11
+ __recipe__: true,
12
+ __name__: 'bannerTitleRecipe',
13
+ raw: (props) => props,
14
+ variantKeys: bannerTitleRecipeVariantKeys,
15
+ variantMap: bannerTitleRecipeVariantMap,
16
+ merge(recipe) {
17
+ return mergeRecipes(this, recipe)
18
+ },
19
+ splitVariantProps(props) {
20
+ return splitProps(props, bannerTitleRecipeVariantKeys)
21
+ },
22
+ })
@@ -0,0 +1,27 @@
1
+ /* eslint-disable */
2
+ import type { ConditionalValue } from '../types/index';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types';
4
+
5
+ interface DividerRecipeVariant {
6
+ orientation: "horizontal" | "vertical"
7
+ }
8
+
9
+ type DividerRecipeVariantMap = {
10
+ [key in keyof DividerRecipeVariant]: Array<DividerRecipeVariant[key]>
11
+ }
12
+
13
+ export type DividerRecipeVariantProps = {
14
+ [key in keyof DividerRecipeVariant]?: ConditionalValue<DividerRecipeVariant[key]> | undefined
15
+ }
16
+
17
+ export interface DividerRecipeRecipe {
18
+ __type: DividerRecipeVariantProps
19
+ (props?: DividerRecipeVariantProps): string
20
+ raw: (props?: DividerRecipeVariantProps) => DividerRecipeVariantProps
21
+ variantMap: DividerRecipeVariantMap
22
+ variantKeys: Array<keyof DividerRecipeVariant>
23
+ splitVariantProps<Props extends DividerRecipeVariantProps>(props: Props): [DividerRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof DividerRecipeVariantProps>>]
24
+ }
25
+
26
+
27
+ export declare const dividerRecipe: DividerRecipeRecipe
@@ -0,0 +1,29 @@
1
+ import { splitProps } from '../helpers.mjs';
2
+ import { createRecipe, mergeRecipes } from './create-recipe.mjs';
3
+
4
+ const dividerRecipeFn = /* @__PURE__ */ createRecipe('divider', {
5
+ "orientation": "horizontal"
6
+ }, [])
7
+
8
+ const dividerRecipeVariantMap = {
9
+ "orientation": [
10
+ "horizontal",
11
+ "vertical"
12
+ ]
13
+ }
14
+
15
+ const dividerRecipeVariantKeys = Object.keys(dividerRecipeVariantMap)
16
+
17
+ export const dividerRecipe = /* @__PURE__ */ Object.assign(dividerRecipeFn, {
18
+ __recipe__: true,
19
+ __name__: 'dividerRecipe',
20
+ raw: (props) => props,
21
+ variantKeys: dividerRecipeVariantKeys,
22
+ variantMap: dividerRecipeVariantMap,
23
+ merge(recipe) {
24
+ return mergeRecipes(this, recipe)
25
+ },
26
+ splitVariantProps(props) {
27
+ return splitProps(props, dividerRecipeVariantKeys)
28
+ },
29
+ })
@@ -0,0 +1,27 @@
1
+ /* eslint-disable */
2
+ import type { ConditionalValue } from '../types/index';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types';
4
+
5
+ interface DropzoneRecipeVariant {
6
+
7
+ }
8
+
9
+ type DropzoneRecipeVariantMap = {
10
+ [key in keyof DropzoneRecipeVariant]: Array<DropzoneRecipeVariant[key]>
11
+ }
12
+
13
+ export type DropzoneRecipeVariantProps = {
14
+ [key in keyof DropzoneRecipeVariant]?: ConditionalValue<DropzoneRecipeVariant[key]> | undefined
15
+ }
16
+
17
+ export interface DropzoneRecipeRecipe {
18
+ __type: DropzoneRecipeVariantProps
19
+ (props?: DropzoneRecipeVariantProps): Pretty<Record<"root" | "wrapper", string>>
20
+ raw: (props?: DropzoneRecipeVariantProps) => DropzoneRecipeVariantProps
21
+ variantMap: DropzoneRecipeVariantMap
22
+ variantKeys: Array<keyof DropzoneRecipeVariant>
23
+ splitVariantProps<Props extends DropzoneRecipeVariantProps>(props: Props): [DropzoneRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof DropzoneRecipeVariantProps>>]
24
+ }
25
+
26
+
27
+ export declare const dropzoneRecipe: DropzoneRecipeRecipe
@@ -0,0 +1,34 @@
1
+ import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
2
+ import { createRecipe } from './create-recipe.mjs';
3
+
4
+ const dropzoneRecipeDefaultVariants = {}
5
+ const dropzoneRecipeCompoundVariants = []
6
+
7
+ const dropzoneRecipeSlotNames = [
8
+ [
9
+ "root",
10
+ "dropzone__root"
11
+ ],
12
+ [
13
+ "wrapper",
14
+ "dropzone__wrapper"
15
+ ]
16
+ ]
17
+ const dropzoneRecipeSlotFns = /* @__PURE__ */ dropzoneRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, dropzoneRecipeDefaultVariants, getSlotCompoundVariant(dropzoneRecipeCompoundVariants, slotName))])
18
+
19
+ const dropzoneRecipeFn = (props = {}) => {
20
+ return Object.fromEntries(dropzoneRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
21
+ }
22
+
23
+ const dropzoneRecipeVariantKeys = []
24
+
25
+ export const dropzoneRecipe = /* @__PURE__ */ Object.assign(dropzoneRecipeFn, {
26
+ __recipe__: false,
27
+ __name__: 'dropzoneRecipe',
28
+ raw: (props) => props,
29
+ variantKeys: dropzoneRecipeVariantKeys,
30
+ variantMap: {},
31
+ splitVariantProps(props) {
32
+ return splitProps(props, dropzoneRecipeVariantKeys)
33
+ },
34
+ })
@@ -0,0 +1,27 @@
1
+ /* eslint-disable */
2
+ import type { ConditionalValue } from '../types/index';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types';
4
+
5
+ interface DropzoneSlotRecipeVariant {
6
+
7
+ }
8
+
9
+ type DropzoneSlotRecipeVariantMap = {
10
+ [key in keyof DropzoneSlotRecipeVariant]: Array<DropzoneSlotRecipeVariant[key]>
11
+ }
12
+
13
+ export type DropzoneSlotRecipeVariantProps = {
14
+ [key in keyof DropzoneSlotRecipeVariant]?: ConditionalValue<DropzoneSlotRecipeVariant[key]> | undefined
15
+ }
16
+
17
+ export interface DropzoneSlotRecipeRecipe {
18
+ __type: DropzoneSlotRecipeVariantProps
19
+ (props?: DropzoneSlotRecipeVariantProps): Pretty<Record<"root" | "wrapper" | "box" | "logoBox" | "productBox" | "avatarBox" | "overlayWrapper" | "overlay" | "preview" | "overlayPreview" | "clearButton", string>>
20
+ raw: (props?: DropzoneSlotRecipeVariantProps) => DropzoneSlotRecipeVariantProps
21
+ variantMap: DropzoneSlotRecipeVariantMap
22
+ variantKeys: Array<keyof DropzoneSlotRecipeVariant>
23
+ splitVariantProps<Props extends DropzoneSlotRecipeVariantProps>(props: Props): [DropzoneSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof DropzoneSlotRecipeVariantProps>>]
24
+ }
25
+
26
+
27
+ export declare const dropzoneSlotRecipe: DropzoneSlotRecipeRecipe
@@ -0,0 +1,70 @@
1
+ import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
2
+ import { createRecipe } from './create-recipe.mjs';
3
+
4
+ const dropzoneSlotRecipeDefaultVariants = {}
5
+ const dropzoneSlotRecipeCompoundVariants = []
6
+
7
+ const dropzoneSlotRecipeSlotNames = [
8
+ [
9
+ "root",
10
+ "dropzone__root"
11
+ ],
12
+ [
13
+ "wrapper",
14
+ "dropzone__wrapper"
15
+ ],
16
+ [
17
+ "box",
18
+ "dropzone__box"
19
+ ],
20
+ [
21
+ "logoBox",
22
+ "dropzone__logoBox"
23
+ ],
24
+ [
25
+ "productBox",
26
+ "dropzone__productBox"
27
+ ],
28
+ [
29
+ "avatarBox",
30
+ "dropzone__avatarBox"
31
+ ],
32
+ [
33
+ "overlayWrapper",
34
+ "dropzone__overlayWrapper"
35
+ ],
36
+ [
37
+ "overlay",
38
+ "dropzone__overlay"
39
+ ],
40
+ [
41
+ "preview",
42
+ "dropzone__preview"
43
+ ],
44
+ [
45
+ "overlayPreview",
46
+ "dropzone__overlayPreview"
47
+ ],
48
+ [
49
+ "clearButton",
50
+ "dropzone__clearButton"
51
+ ]
52
+ ]
53
+ const dropzoneSlotRecipeSlotFns = /* @__PURE__ */ dropzoneSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, dropzoneSlotRecipeDefaultVariants, getSlotCompoundVariant(dropzoneSlotRecipeCompoundVariants, slotName))])
54
+
55
+ const dropzoneSlotRecipeFn = (props = {}) => {
56
+ return Object.fromEntries(dropzoneSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
57
+ }
58
+
59
+ const dropzoneSlotRecipeVariantKeys = []
60
+
61
+ export const dropzoneSlotRecipe = /* @__PURE__ */ Object.assign(dropzoneSlotRecipeFn, {
62
+ __recipe__: false,
63
+ __name__: 'dropzoneSlotRecipe',
64
+ raw: (props) => props,
65
+ variantKeys: dropzoneSlotRecipeVariantKeys,
66
+ variantMap: {},
67
+ splitVariantProps(props) {
68
+ return splitProps(props, dropzoneSlotRecipeVariantKeys)
69
+ },
70
+ })
@@ -0,0 +1,27 @@
1
+ /* eslint-disable */
2
+ import type { ConditionalValue } from '../types/index';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types';
4
+
5
+ interface FormControlSlotRecipeVariant {
6
+
7
+ }
8
+
9
+ type FormControlSlotRecipeVariantMap = {
10
+ [key in keyof FormControlSlotRecipeVariant]: Array<FormControlSlotRecipeVariant[key]>
11
+ }
12
+
13
+ export type FormControlSlotRecipeVariantProps = {
14
+ [key in keyof FormControlSlotRecipeVariant]?: ConditionalValue<FormControlSlotRecipeVariant[key]> | undefined
15
+ }
16
+
17
+ export interface FormControlSlotRecipeRecipe {
18
+ __type: FormControlSlotRecipeVariantProps
19
+ (props?: FormControlSlotRecipeVariantProps): Pretty<Record<"root" | "label" | "required" | "helpText" | "errorMessage", string>>
20
+ raw: (props?: FormControlSlotRecipeVariantProps) => FormControlSlotRecipeVariantProps
21
+ variantMap: FormControlSlotRecipeVariantMap
22
+ variantKeys: Array<keyof FormControlSlotRecipeVariant>
23
+ splitVariantProps<Props extends FormControlSlotRecipeVariantProps>(props: Props): [FormControlSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof FormControlSlotRecipeVariantProps>>]
24
+ }
25
+
26
+
27
+ export declare const formControlSlotRecipe: FormControlSlotRecipeRecipe
@@ -0,0 +1,46 @@
1
+ import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
2
+ import { createRecipe } from './create-recipe.mjs';
3
+
4
+ const formControlSlotRecipeDefaultVariants = {}
5
+ const formControlSlotRecipeCompoundVariants = []
6
+
7
+ const formControlSlotRecipeSlotNames = [
8
+ [
9
+ "root",
10
+ "form-control__root"
11
+ ],
12
+ [
13
+ "label",
14
+ "form-control__label"
15
+ ],
16
+ [
17
+ "required",
18
+ "form-control__required"
19
+ ],
20
+ [
21
+ "helpText",
22
+ "form-control__helpText"
23
+ ],
24
+ [
25
+ "errorMessage",
26
+ "form-control__errorMessage"
27
+ ]
28
+ ]
29
+ const formControlSlotRecipeSlotFns = /* @__PURE__ */ formControlSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, formControlSlotRecipeDefaultVariants, getSlotCompoundVariant(formControlSlotRecipeCompoundVariants, slotName))])
30
+
31
+ const formControlSlotRecipeFn = (props = {}) => {
32
+ return Object.fromEntries(formControlSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
33
+ }
34
+
35
+ const formControlSlotRecipeVariantKeys = []
36
+
37
+ export const formControlSlotRecipe = /* @__PURE__ */ Object.assign(formControlSlotRecipeFn, {
38
+ __recipe__: false,
39
+ __name__: 'formControlSlotRecipe',
40
+ raw: (props) => props,
41
+ variantKeys: formControlSlotRecipeVariantKeys,
42
+ variantMap: {},
43
+ splitVariantProps(props) {
44
+ return splitProps(props, formControlSlotRecipeVariantKeys)
45
+ },
46
+ })
@@ -15,6 +15,11 @@ export * from './tab-recipe';
15
15
  export * from './selected-border-recipe';
16
16
  export * from './table-recipe';
17
17
  export * from './table-container-recipe';
18
+ export * from './divider-recipe';
19
+ export * from './banner-title-recipe';
20
+ export * from './banner-description-recipe';
21
+ export * from './banner-link-recipe';
22
+ export * from './banner-close-button-recipe';
18
23
  export * from './accordion';
19
24
  export * from './checkbox-slot-recipe';
20
25
  export * from './radio-slot-recipe';
@@ -27,4 +32,12 @@ export * from './input-group-slot-recipe';
27
32
  export * from './input-addon-slot-recipe';
28
33
  export * from './avatar-slot-recipe';
29
34
  export * from './avatar-group-slot-recipe';
30
- export * from './select-slot-recipe';
35
+ export * from './select-slot-recipe';
36
+ export * from './form-control-slot-recipe';
37
+ export * from './input-tag-slot-recipe';
38
+ export * from './modal-slot-recipe';
39
+ export * from './upload-slot-recipe';
40
+ export * from './upload-list-slot-recipe';
41
+ export * from './dropzone-slot-recipe';
42
+ export * from './banner-slot-recipe';
43
+ export * from './banner-icon-slot-recipe';
package/recipes/index.mjs CHANGED
@@ -14,6 +14,11 @@ export * from './tab-recipe.mjs';
14
14
  export * from './selected-border-recipe.mjs';
15
15
  export * from './table-recipe.mjs';
16
16
  export * from './table-container-recipe.mjs';
17
+ export * from './divider-recipe.mjs';
18
+ export * from './banner-title-recipe.mjs';
19
+ export * from './banner-description-recipe.mjs';
20
+ export * from './banner-link-recipe.mjs';
21
+ export * from './banner-close-button-recipe.mjs';
17
22
  export * from './accordion.mjs';
18
23
  export * from './checkbox-slot-recipe.mjs';
19
24
  export * from './radio-slot-recipe.mjs';
@@ -26,4 +31,12 @@ export * from './input-group-slot-recipe.mjs';
26
31
  export * from './input-addon-slot-recipe.mjs';
27
32
  export * from './avatar-slot-recipe.mjs';
28
33
  export * from './avatar-group-slot-recipe.mjs';
29
- export * from './select-slot-recipe.mjs';
34
+ export * from './select-slot-recipe.mjs';
35
+ export * from './form-control-slot-recipe.mjs';
36
+ export * from './input-tag-slot-recipe.mjs';
37
+ export * from './modal-slot-recipe.mjs';
38
+ export * from './upload-slot-recipe.mjs';
39
+ export * from './upload-list-slot-recipe.mjs';
40
+ export * from './dropzone-slot-recipe.mjs';
41
+ export * from './banner-slot-recipe.mjs';
42
+ export * from './banner-icon-slot-recipe.mjs';
@@ -0,0 +1,27 @@
1
+ /* eslint-disable */
2
+ import type { ConditionalValue } from '../types/index';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types';
4
+
5
+ interface InputTagRecipeVariant {
6
+
7
+ }
8
+
9
+ type InputTagRecipeVariantMap = {
10
+ [key in keyof InputTagRecipeVariant]: Array<InputTagRecipeVariant[key]>
11
+ }
12
+
13
+ export type InputTagRecipeVariantProps = {
14
+ [key in keyof InputTagRecipeVariant]?: ConditionalValue<InputTagRecipeVariant[key]>
15
+ }
16
+
17
+ export interface InputTagRecipeRecipe {
18
+ __type: InputTagRecipeVariantProps
19
+ (props?: InputTagRecipeVariantProps): Pretty<Record<"root" | "trigger" | "content", string>>
20
+ raw: (props?: InputTagRecipeVariantProps) => InputTagRecipeVariantProps
21
+ variantMap: InputTagRecipeVariantMap
22
+ variantKeys: Array<keyof InputTagRecipeVariant>
23
+ splitVariantProps<Props extends InputTagRecipeVariantProps>(props: Props): [InputTagRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof InputTagRecipeVariantProps>>]
24
+ }
25
+
26
+
27
+ export declare const inputTagRecipe: InputTagRecipeRecipe
@@ -0,0 +1,38 @@
1
+ import { splitProps, getSlotCompoundVariant } from '../helpers.mjs';
2
+ import { createRecipe } from './create-recipe.mjs';
3
+
4
+ const inputTagRecipeDefaultVariants = {}
5
+ const inputTagRecipeCompoundVariants = []
6
+
7
+ const inputTagRecipeSlotNames = [
8
+ [
9
+ "root",
10
+ "input-tag__root"
11
+ ],
12
+ [
13
+ "trigger",
14
+ "input-tag__trigger"
15
+ ],
16
+ [
17
+ "content",
18
+ "input-tag__content"
19
+ ]
20
+ ]
21
+ const inputTagRecipeSlotFns = /* @__PURE__ */ inputTagRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, inputTagRecipeDefaultVariants, getSlotCompoundVariant(inputTagRecipeCompoundVariants, slotName))])
22
+
23
+ const inputTagRecipeFn = (props = {}) => {
24
+ return Object.fromEntries(inputTagRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
25
+ }
26
+
27
+ const inputTagRecipeVariantKeys = []
28
+
29
+ export const inputTagRecipe = /* @__PURE__ */ Object.assign(inputTagRecipeFn, {
30
+ __recipe__: false,
31
+ __name__: 'inputTagRecipe',
32
+ raw: (props) => props,
33
+ variantKeys: inputTagRecipeVariantKeys,
34
+ variantMap: {},
35
+ splitVariantProps(props) {
36
+ return splitProps(props, inputTagRecipeVariantKeys)
37
+ },
38
+ })
@@ -0,0 +1,27 @@
1
+ /* eslint-disable */
2
+ import type { ConditionalValue } from '../types/index';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types';
4
+
5
+ interface InputTagSlotRecipeVariant {
6
+
7
+ }
8
+
9
+ type InputTagSlotRecipeVariantMap = {
10
+ [key in keyof InputTagSlotRecipeVariant]: Array<InputTagSlotRecipeVariant[key]>
11
+ }
12
+
13
+ export type InputTagSlotRecipeVariantProps = {
14
+ [key in keyof InputTagSlotRecipeVariant]?: ConditionalValue<InputTagSlotRecipeVariant[key]> | undefined
15
+ }
16
+
17
+ export interface InputTagSlotRecipeRecipe {
18
+ __type: InputTagSlotRecipeVariantProps
19
+ (props?: InputTagSlotRecipeVariantProps): Pretty<Record<"root" | "trigger" | "input" | "content" | "resetButton" | "dropdownButton" | "addButton" | "loading" | "empty" | "suggestionWrapper" | "suggestionLoading", string>>
20
+ raw: (props?: InputTagSlotRecipeVariantProps) => InputTagSlotRecipeVariantProps
21
+ variantMap: InputTagSlotRecipeVariantMap
22
+ variantKeys: Array<keyof InputTagSlotRecipeVariant>
23
+ splitVariantProps<Props extends InputTagSlotRecipeVariantProps>(props: Props): [InputTagSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof InputTagSlotRecipeVariantProps>>]
24
+ }
25
+
26
+
27
+ export declare const inputTagSlotRecipe: InputTagSlotRecipeRecipe