@cdx-ui/components 0.1.2 → 0.1.4

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 (144) hide show
  1. package/coverage.svg +1 -1
  2. package/lib/commonjs/components/Avatar/index.js +30 -8
  3. package/lib/commonjs/components/Avatar/index.js.map +1 -1
  4. package/lib/commonjs/components/Avatar/styles.js +163 -7
  5. package/lib/commonjs/components/Avatar/styles.js.map +1 -1
  6. package/lib/commonjs/components/CLAUDE.md +2 -1
  7. package/lib/commonjs/components/Chip/styles.js +1 -1
  8. package/lib/commonjs/components/Chip/styles.js.map +1 -1
  9. package/lib/commonjs/components/Drawer/animation.js +13 -0
  10. package/lib/commonjs/components/Drawer/animation.js.map +1 -0
  11. package/lib/commonjs/components/Drawer/index.js +739 -0
  12. package/lib/commonjs/components/Drawer/index.js.map +1 -0
  13. package/lib/commonjs/components/Drawer/styles.js +185 -0
  14. package/lib/commonjs/components/Drawer/styles.js.map +1 -0
  15. package/lib/commonjs/components/Drawer/utils.js +95 -0
  16. package/lib/commonjs/components/Drawer/utils.js.map +1 -0
  17. package/lib/commonjs/components/InsuranceDisclosure/styles.js +1 -1
  18. package/lib/commonjs/components/InsuranceDisclosure/styles.js.map +1 -1
  19. package/lib/commonjs/components/Menu/index.js +187 -61
  20. package/lib/commonjs/components/Menu/index.js.map +1 -1
  21. package/lib/commonjs/components/Menu/styles.js +32 -37
  22. package/lib/commonjs/components/Menu/styles.js.map +1 -1
  23. package/lib/commonjs/components/Select/index.js +2 -10
  24. package/lib/commonjs/components/Select/index.js.map +1 -1
  25. package/lib/commonjs/components/Tabs/styles.js +9 -10
  26. package/lib/commonjs/components/Tabs/styles.js.map +1 -1
  27. package/lib/commonjs/components/Toast/styles.js +1 -1
  28. package/lib/commonjs/components/Toast/styles.js.map +1 -1
  29. package/lib/commonjs/components/index.js +12 -0
  30. package/lib/commonjs/components/index.js.map +1 -1
  31. package/lib/commonjs/figma/Avatar.figma.js +18 -4
  32. package/lib/commonjs/figma/Avatar.figma.js.map +1 -1
  33. package/lib/commonjs/figma/Drawer.Content.figma.js +29 -0
  34. package/lib/commonjs/figma/Drawer.Content.figma.js.map +1 -0
  35. package/lib/commonjs/figma/Drawer.Description.figma.js +20 -0
  36. package/lib/commonjs/figma/Drawer.Description.figma.js.map +1 -0
  37. package/lib/commonjs/figma/Drawer.Footer.figma.js +41 -0
  38. package/lib/commonjs/figma/Drawer.Footer.figma.js.map +1 -0
  39. package/lib/commonjs/figma/Drawer.Header.figma.js +45 -0
  40. package/lib/commonjs/figma/Drawer.Header.figma.js.map +1 -0
  41. package/lib/commonjs/figma/Drawer.Title.figma.js +20 -0
  42. package/lib/commonjs/figma/Drawer.Title.figma.js.map +1 -0
  43. package/lib/commonjs/figma/Drawer.figma.js +41 -0
  44. package/lib/commonjs/figma/Drawer.figma.js.map +1 -0
  45. package/lib/commonjs/figma/Menu.Item.figma.js +33 -5
  46. package/lib/commonjs/figma/Menu.Item.figma.js.map +1 -1
  47. package/lib/commonjs/figma/icons.figma.batch.json +262 -2
  48. package/lib/module/components/Avatar/index.js +30 -8
  49. package/lib/module/components/Avatar/index.js.map +1 -1
  50. package/lib/module/components/Avatar/styles.js +163 -7
  51. package/lib/module/components/Avatar/styles.js.map +1 -1
  52. package/lib/module/components/CLAUDE.md +2 -1
  53. package/lib/module/components/Chip/styles.js +1 -1
  54. package/lib/module/components/Chip/styles.js.map +1 -1
  55. package/lib/module/components/Drawer/animation.js +7 -0
  56. package/lib/module/components/Drawer/animation.js.map +1 -0
  57. package/lib/module/components/Drawer/index.js +724 -0
  58. package/lib/module/components/Drawer/index.js.map +1 -0
  59. package/lib/module/components/Drawer/styles.js +181 -0
  60. package/lib/module/components/Drawer/styles.js.map +1 -0
  61. package/lib/module/components/Drawer/utils.js +86 -0
  62. package/lib/module/components/Drawer/utils.js.map +1 -0
  63. package/lib/module/components/InsuranceDisclosure/styles.js +1 -1
  64. package/lib/module/components/InsuranceDisclosure/styles.js.map +1 -1
  65. package/lib/module/components/Menu/index.js +178 -52
  66. package/lib/module/components/Menu/index.js.map +1 -1
  67. package/lib/module/components/Menu/styles.js +31 -36
  68. package/lib/module/components/Menu/styles.js.map +1 -1
  69. package/lib/module/components/Select/index.js +3 -11
  70. package/lib/module/components/Select/index.js.map +1 -1
  71. package/lib/module/components/Tabs/styles.js +9 -10
  72. package/lib/module/components/Tabs/styles.js.map +1 -1
  73. package/lib/module/components/Toast/styles.js +1 -1
  74. package/lib/module/components/Toast/styles.js.map +1 -1
  75. package/lib/module/components/index.js +1 -0
  76. package/lib/module/components/index.js.map +1 -1
  77. package/lib/module/figma/Avatar.figma.js +18 -4
  78. package/lib/module/figma/Avatar.figma.js.map +1 -1
  79. package/lib/module/figma/Drawer.Content.figma.js +23 -0
  80. package/lib/module/figma/Drawer.Content.figma.js.map +1 -0
  81. package/lib/module/figma/Drawer.Description.figma.js +14 -0
  82. package/lib/module/figma/Drawer.Description.figma.js.map +1 -0
  83. package/lib/module/figma/Drawer.Footer.figma.js +35 -0
  84. package/lib/module/figma/Drawer.Footer.figma.js.map +1 -0
  85. package/lib/module/figma/Drawer.Header.figma.js +39 -0
  86. package/lib/module/figma/Drawer.Header.figma.js.map +1 -0
  87. package/lib/module/figma/Drawer.Title.figma.js +14 -0
  88. package/lib/module/figma/Drawer.Title.figma.js.map +1 -0
  89. package/lib/module/figma/Drawer.figma.js +35 -0
  90. package/lib/module/figma/Drawer.figma.js.map +1 -0
  91. package/lib/module/figma/Menu.Item.figma.js +33 -5
  92. package/lib/module/figma/Menu.Item.figma.js.map +1 -1
  93. package/lib/module/figma/icons.figma.batch.json +262 -2
  94. package/lib/typescript/components/Avatar/index.d.ts +19 -1
  95. package/lib/typescript/components/Avatar/index.d.ts.map +1 -1
  96. package/lib/typescript/components/Avatar/styles.d.ts +10 -1
  97. package/lib/typescript/components/Avatar/styles.d.ts.map +1 -1
  98. package/lib/typescript/components/Drawer/animation.d.ts +9 -0
  99. package/lib/typescript/components/Drawer/animation.d.ts.map +1 -0
  100. package/lib/typescript/components/Drawer/index.d.ts +106 -0
  101. package/lib/typescript/components/Drawer/index.d.ts.map +1 -0
  102. package/lib/typescript/components/Drawer/styles.d.ts +32 -0
  103. package/lib/typescript/components/Drawer/styles.d.ts.map +1 -0
  104. package/lib/typescript/components/Drawer/utils.d.ts +23 -0
  105. package/lib/typescript/components/Drawer/utils.d.ts.map +1 -0
  106. package/lib/typescript/components/InsuranceDisclosure/styles.d.ts.map +1 -1
  107. package/lib/typescript/components/Menu/index.d.ts +29 -2
  108. package/lib/typescript/components/Menu/index.d.ts.map +1 -1
  109. package/lib/typescript/components/Menu/styles.d.ts +6 -2
  110. package/lib/typescript/components/Menu/styles.d.ts.map +1 -1
  111. package/lib/typescript/components/Select/index.d.ts.map +1 -1
  112. package/lib/typescript/components/Tabs/styles.d.ts.map +1 -1
  113. package/lib/typescript/components/index.d.ts +1 -0
  114. package/lib/typescript/components/index.d.ts.map +1 -1
  115. package/lib/typescript/figma/Avatar.figma.d.ts.map +1 -1
  116. package/lib/typescript/figma/Drawer.Content.figma.d.ts +8 -0
  117. package/lib/typescript/figma/Drawer.Content.figma.d.ts.map +1 -0
  118. package/lib/typescript/figma/Drawer.Description.figma.d.ts +8 -0
  119. package/lib/typescript/figma/Drawer.Description.figma.d.ts.map +1 -0
  120. package/lib/typescript/figma/Drawer.Footer.figma.d.ts +11 -0
  121. package/lib/typescript/figma/Drawer.Footer.figma.d.ts.map +1 -0
  122. package/lib/typescript/figma/Drawer.Header.figma.d.ts +8 -0
  123. package/lib/typescript/figma/Drawer.Header.figma.d.ts.map +1 -0
  124. package/lib/typescript/figma/Drawer.Title.figma.d.ts +8 -0
  125. package/lib/typescript/figma/Drawer.Title.figma.d.ts.map +1 -0
  126. package/lib/typescript/figma/Drawer.figma.d.ts +8 -0
  127. package/lib/typescript/figma/Drawer.figma.d.ts.map +1 -0
  128. package/lib/typescript/figma/Menu.Item.figma.d.ts.map +1 -1
  129. package/package.json +5 -5
  130. package/src/components/Avatar/index.tsx +45 -9
  131. package/src/components/Avatar/styles.ts +106 -23
  132. package/src/components/CLAUDE.md +2 -1
  133. package/src/components/Chip/styles.ts +1 -1
  134. package/src/components/Drawer/animation.ts +11 -0
  135. package/src/components/Drawer/index.tsx +896 -0
  136. package/src/components/Drawer/styles.ts +188 -0
  137. package/src/components/Drawer/utils.ts +83 -0
  138. package/src/components/InsuranceDisclosure/styles.ts +1 -3
  139. package/src/components/Menu/index.tsx +204 -62
  140. package/src/components/Menu/styles.ts +44 -54
  141. package/src/components/Select/index.tsx +7 -9
  142. package/src/components/Tabs/styles.ts +9 -10
  143. package/src/components/Toast/styles.ts +1 -1
  144. package/src/components/index.ts +1 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Drawer/utils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAyB,KAAK,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACxF,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEpE,eAAO,MAAM,eAAe,MAAM,CAAC;AACnC,eAAO,MAAM,cAAc,MAAM,CAAC;AAClC,eAAO,MAAM,wBAAwB,QAAwB,CAAC;AAE9D,eAAO,MAAM,mBAAmB,yDAAkC,CAAC;AACnE,eAAO,MAAM,kBAAkB,yDAA8B,CAAC;AAC9D,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAC1C,eAAO,MAAM,mBAAmB,KAAK,CAAC;AACtC,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAIX,wBAAgB,aAAa,IAAI,UAAU,CAE1C;AAED,wBAAgB,2BAA2B,CAAC,SAAS,EAAE,eAAe,GAAG,OAAO,CAE/E;AAED,wBAAgB,sBAAsB,CACpC,SAAS,EAAE,kBAAkB,CAAC,WAAW,CAAC,GACzC,eAAe,CAEjB;AAED,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,kBAAkB,CAAC,MAAM,CAAC,EAChC,SAAS,EAAE,eAAe,GACzB,MAAM,CAIR;AA4BD,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM;;;EAWjF"}
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/InsuranceDisclosure/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAEvD,eAAO,MAAM,+BAA+B;;8EAkB3C,CAAC;AAEF,MAAM,MAAM,mCAAmC,GAAG,YAAY,CAC5D,OAAO,+BAA+B,CACvC,CAAC;AAEF,eAAO,MAAM,+BAA+B,oFAA6B,CAAC;AAE1E,eAAO,MAAM,+BAA+B,oFAE1C,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/InsuranceDisclosure/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAEvD,eAAO,MAAM,+BAA+B;;8EAkB3C,CAAC;AAEF,MAAM,MAAM,mCAAmC,GAAG,YAAY,CAC5D,OAAO,+BAA+B,CACvC,CAAC;AAEF,eAAO,MAAM,+BAA+B,oFAA6B,CAAC;AAE1E,eAAO,MAAM,+BAA+B,oFAA8C,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import { type ReactNode } from 'react';
2
2
  import { Text, View, type TextProps, type ViewProps } from 'react-native';
3
- import { type IMenuCheckboxItemProps, type IMenuItemProps, type IMenuOverlayRootProps, type IMenuPopupProps, type IMenuProps, type IMenuRadioGroupProps, type IMenuRadioItemProps, type IMenuTriggerProps } from '@cdx-ui/primitives';
3
+ import { type IMenuCheckboxItemProps, type IMenuItemProps, type IMenuItemActionProps, type IMenuOverlayRootProps, type IMenuPopupProps, type IMenuProps, type IMenuRadioGroupProps, type IMenuRadioItemProps, type IMenuTriggerProps } from '@cdx-ui/primitives';
4
4
  import { type IconProps } from '../Icon';
5
5
  import { type IconSlotPosition } from '../../utils/positionToDataIcon';
6
6
  import { type MenuItemVariantProps, type MenuRootVariantProps } from './styles';
@@ -55,7 +55,7 @@ export interface MenuRadioItemProps extends Omit<MenuItemVariantProps, 'color'>,
55
55
  children?: ReactNode;
56
56
  }
57
57
  declare const MenuRadioItem: import("react").ForwardRefExoticComponent<MenuRadioItemProps & import("react").RefAttributes<View>>;
58
- export interface MenuItemLabelProps extends TextProps, Pick<MenuItemVariantProps, 'size'> {
58
+ export interface MenuItemLabelProps extends TextProps {
59
59
  asChild?: boolean;
60
60
  className?: string;
61
61
  /** Checked state when used outside a selectable Menu item (e.g. `Select.ItemLabel`). */
@@ -99,6 +99,29 @@ export interface MenuSeparatorProps extends ViewProps {
99
99
  className?: string;
100
100
  }
101
101
  declare const MenuSeparator: import("react").ForwardRefExoticComponent<MenuSeparatorProps & import("react").RefAttributes<View>>;
102
+ export interface MenuGroupHeaderProps extends ViewProps {
103
+ asChild?: boolean;
104
+ className?: string;
105
+ children?: ReactNode;
106
+ }
107
+ declare const MenuGroupHeader: import("react").ForwardRefExoticComponent<MenuGroupHeaderProps & import("react").RefAttributes<View>>;
108
+ export interface MenuItemActionProps extends IMenuItemActionProps {
109
+ className?: string;
110
+ children?: ReactNode;
111
+ }
112
+ declare const MenuItemAction: import("react").ForwardRefExoticComponent<MenuItemActionProps & import("react").RefAttributes<View>>;
113
+ export interface MenuItemControlProps extends ViewProps {
114
+ className?: string;
115
+ }
116
+ declare const MenuItemControl: {
117
+ ({ className, style, ...props }: MenuItemControlProps): import("react/jsx-runtime").JSX.Element | null;
118
+ displayName: string;
119
+ };
120
+ export interface MenuItemCountProps extends TextProps {
121
+ asChild?: boolean;
122
+ className?: string;
123
+ }
124
+ declare const MenuItemCount: import("react").ForwardRefExoticComponent<MenuItemCountProps & import("react").RefAttributes<Text>>;
102
125
  type MenuCompoundComponent = typeof MenuOverlayRoot & {
103
126
  Trigger: typeof MenuTrigger;
104
127
  Popup: typeof MenuPopup;
@@ -111,6 +134,10 @@ type MenuCompoundComponent = typeof MenuOverlayRoot & {
111
134
  ItemIcon: typeof MenuItemIcon;
112
135
  ItemShortcut: typeof MenuItemShortcut;
113
136
  ItemIndicator: typeof MenuItemIndicator;
137
+ ItemAction: typeof MenuItemAction;
138
+ ItemControl: typeof MenuItemControl;
139
+ ItemCount: typeof MenuItemCount;
140
+ GroupHeader: typeof MenuGroupHeader;
114
141
  SectionLabel: typeof MenuSectionLabel;
115
142
  Separator: typeof MenuSeparator;
116
143
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/index.tsx"],"names":[],"mappings":"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"}
@@ -5,11 +5,11 @@ export declare const menuRootVariants: (props?: ({
5
5
  export declare const menuItemVariants: (props?: ({
6
6
  color?: "danger" | "neutral" | null | undefined;
7
7
  inset?: boolean | null | undefined;
8
- size?: "small" | "default" | null | undefined;
8
+ layout?: "filter" | "default" | null | undefined;
9
9
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
10
10
  export declare const menuItemLabelVariants: (props?: ({
11
- size?: "small" | "default" | null | undefined;
12
11
  color?: "danger" | "neutral" | null | undefined;
12
+ layout?: "filter" | "default" | null | undefined;
13
13
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
14
14
  export declare const menuItemIconVariants: (props?: ({
15
15
  color?: "danger" | "neutral" | null | undefined;
@@ -19,6 +19,10 @@ export declare const menuItemIndicatorVariants: (props?: import("class-variance-
19
19
  export declare const menuSectionLabelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
20
20
  export declare const menuSeparatorVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
21
21
  export declare const menuSeparatorLineVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
22
+ export declare const menuGroupHeaderVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
23
+ export declare const menuItemActionVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
24
+ export declare const menuItemControlVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
25
+ export declare const menuItemCountVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
22
26
  export type MenuRootVariantProps = VariantProps<typeof menuRootVariants>;
23
27
  export type MenuItemVariantProps = VariantProps<typeof menuItemVariants>;
24
28
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,gBAAgB;;8EAqB5B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;8EA0D5B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;8EAwBjC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;8EAU/B,CAAC;AAEH,eAAO,MAAM,wBAAwB,oFAInC,CAAC;AAEH,eAAO,MAAM,yBAAyB,oFAIpC,CAAC;AAEH,eAAO,MAAM,wBAAwB,oFAInC,CAAC;AAEH,eAAO,MAAM,qBAAqB,oFAIhC,CAAC;AAEH,eAAO,MAAM,yBAAyB,oFAA2C,CAAC;AAElF,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACzE,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,gBAAgB;;8EAqB5B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;8EA8C5B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;8EAkBhC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;8EAU/B,CAAC;AAEH,eAAO,MAAM,wBAAwB,oFAInC,CAAC;AAEH,eAAO,MAAM,yBAAyB,oFAIpC,CAAC;AAEH,eAAO,MAAM,wBAAwB,oFAInC,CAAC;AAEH,eAAO,MAAM,qBAAqB,oFAIhC,CAAC;AAEH,eAAO,MAAM,yBAAyB,oFAA2C,CAAC;AAElF,eAAO,MAAM,uBAAuB,oFAAsD,CAAC;AAE3F,eAAO,MAAM,sBAAsB,oFAA4B,CAAC;AAEhE,eAAO,MAAM,uBAAuB,oFAAoB,CAAC;AAEzD,eAAO,MAAM,qBAAqB,oFAA8D,CAAC;AAEjG,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACzE,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1F,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAUL,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAG1C,OAAO,EAAsB,KAAK,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAC3F,OAAO,EACL,KAAK,kBAAkB,EAIxB,MAAM,UAAU,CAAC;AAalB,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,YAAY,EAAE,kBAAkB;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,8FAmBf,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC7D;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,qGA2ClB,CAAC;AAQF,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,iBAAiB;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,mGA+BhB,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,IAAI,CAAC;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B;AAED,QAAA,MAAM,UAAU;4DAA2D,eAAe;;CAqBzF,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,SAAS,EAAE,mBAAmB;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,qGA+BlB,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,kGAyCf,CAAC;AAQF,MAAM,WAAW,oBAAqB,SAAQ,SAAS,EAAE,qBAAqB;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,eAAe,uGA2BpB,CAAC;AAQF,KAAK,uBAAuB,GAAG,OAAO,UAAU,GAAG;IACjD,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,SAAS,EAAE,OAAO,eAAe,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,MAAM,EAOb,uBAAuB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1F,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAUL,KAAK,mBAAmB,EACxB,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACvB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAG1C,OAAO,EAAsB,KAAK,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAC3F,OAAO,EACL,KAAK,kBAAkB,EAIxB,MAAM,UAAU,CAAC;AAUlB,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,YAAY,EAAE,kBAAkB;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,8FAmBf,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC7D;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,qGA2ClB,CAAC;AAQF,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,iBAAiB;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,mGA+BhB,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,IAAI,CAAC;IACzE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,EAAE,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B;AAED,QAAA,MAAM,UAAU;4DAA2D,eAAe;;CAqBzF,CAAC;AAQF,MAAM,WAAW,kBAAmB,SAAQ,SAAS,EAAE,mBAAmB;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,qGA+BlB,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,kGA4Cf,CAAC;AAQF,MAAM,WAAW,oBAAqB,SAAQ,SAAS,EAAE,qBAAqB;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,eAAe,uGAyBpB,CAAC;AAQF,KAAK,uBAAuB,GAAG,OAAO,UAAU,GAAG;IACjD,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,SAAS,EAAE,OAAO,eAAe,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,MAAM,EAOb,uBAAuB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAKvD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;AAuB9C,kGAAkG;AAClG,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAEhD,yFAAyF;AACzF,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC;;;GAGG;AACH,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAqB9C;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;IAIrB,kGAAkG;;;;IAIlG,sGAAsG;;;;;;;;;;;;;;;;;;;;;;;;IAwBtG,6GAA6G;;;;;CAK7G,CAAC;AAEH,eAAO,MAAM,gBAAgB;;8EAQ3B,CAAC;AAEH,eAAO,MAAM,gBAAgB,oFAA4B,CAAC;AAE1D,mEAAmE;AACnE,eAAO,MAAM,qBAAqB;;;;8EAkChC,CAAC;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,0BAA0B,oFAErC,CAAC;AAEH,eAAO,MAAM,4BAA4B,oFAAiD,CAAC;AAE3F,eAAO,MAAM,0BAA0B,oFAA6B,CAAC;AAErE,eAAO,MAAM,+BAA+B,oFAAmC,CAAC;AAGhF,eAAO,MAAM,4BAA4B,oFAOvC,CAAC;AAIH,eAAO,MAAM,iCAAiC,oFAO5C,CAAC;AAEH,eAAO,MAAM,qCAAqC;;8EAUjD,CAAC;AAIF,eAAO,MAAM,wBAAwB;;8EAQnC,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;8EA0BhC,CAAC;AAEH,eAAO,MAAM,eAAe;;;8EAuD3B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;8EAQ5B,CAAC;AAEH,eAAO,MAAM,oBAAoB;;8EAkB/B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AACvE,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAKvD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;AAuB9C,kGAAkG;AAClG,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAEhD,yFAAyF;AACzF,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC;;;GAGG;AACH,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAqB9C;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;IAIrB,kGAAkG;;;;IAIlG,sGAAsG;;;;;;;;;;;;;;;;;;;;;;;;IAwBtG,6GAA6G;;;;;CAK7G,CAAC;AAEH,eAAO,MAAM,gBAAgB;;8EAQ3B,CAAC;AAEH,eAAO,MAAM,gBAAgB,oFAA4B,CAAC;AAE1D,mEAAmE;AACnE,eAAO,MAAM,qBAAqB;;;;8EAkChC,CAAC;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,0BAA0B,oFAErC,CAAC;AAEH,eAAO,MAAM,4BAA4B,oFAAiD,CAAC;AAE3F,eAAO,MAAM,0BAA0B,oFAA6B,CAAC;AAErE,eAAO,MAAM,+BAA+B,oFAAmC,CAAC;AAGhF,eAAO,MAAM,4BAA4B,oFAOvC,CAAC;AAIH,eAAO,MAAM,iCAAiC,oFAO5C,CAAC;AAEH,eAAO,MAAM,qCAAqC;;8EAUjD,CAAC;AAIF,eAAO,MAAM,wBAAwB;;8EAQnC,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;8EA0BhC,CAAC;AAEH,eAAO,MAAM,eAAe;;;8EAuD3B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;8EAQ5B,CAAC;AAEH,eAAO,MAAM,oBAAoB;;8EAiB/B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AACvE,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC"}
@@ -23,6 +23,7 @@ export * from './DateTimeList';
23
23
  export * from './DateTimePicker';
24
24
  export * from './Dialog';
25
25
  export * from './Divider';
26
+ export * from './Drawer';
26
27
  export * from './Field';
27
28
  export * from './Form';
28
29
  export * from './Image';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Avatar.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAmC1B,wBAUE"}
1
+ {"version":3,"file":"Avatar.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Avatar.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAkD1B,wBAUE"}
@@ -0,0 +1,8 @@
1
+ import figma from 'figma';
2
+ declare const _default: {
3
+ id: string;
4
+ imports: string[];
5
+ example: figma.TemplateStringResult;
6
+ };
7
+ export default _default;
8
+ //# sourceMappingURL=Drawer.Content.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Drawer.Content.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Drawer.Content.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAe1B,wBAIE"}
@@ -0,0 +1,8 @@
1
+ import figma from 'figma';
2
+ declare const _default: {
3
+ id: string;
4
+ imports: string[];
5
+ example: figma.TemplateStringResult;
6
+ };
7
+ export default _default;
8
+ //# sourceMappingURL=Drawer.Description.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Drawer.Description.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Drawer.Description.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAM1B,wBAIE"}
@@ -0,0 +1,11 @@
1
+ import figma from 'figma';
2
+ declare const _default: {
3
+ id: string;
4
+ imports: string[];
5
+ metadata: {
6
+ nestable: boolean;
7
+ };
8
+ example: figma.TemplateStringResult;
9
+ };
10
+ export default _default;
11
+ //# sourceMappingURL=Drawer.Footer.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Drawer.Footer.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Drawer.Footer.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAsB1B,wBASE"}
@@ -0,0 +1,8 @@
1
+ import figma from 'figma';
2
+ declare const _default: {
3
+ id: string;
4
+ imports: string[];
5
+ example: figma.TemplateStringResult;
6
+ };
7
+ export default _default;
8
+ //# sourceMappingURL=Drawer.Header.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Drawer.Header.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Drawer.Header.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AA+B1B,wBAQE"}
@@ -0,0 +1,8 @@
1
+ import figma from 'figma';
2
+ declare const _default: {
3
+ id: string;
4
+ imports: string[];
5
+ example: figma.TemplateStringResult;
6
+ };
7
+ export default _default;
8
+ //# sourceMappingURL=Drawer.Title.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Drawer.Title.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Drawer.Title.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAM1B,wBAIE"}
@@ -0,0 +1,8 @@
1
+ import figma from 'figma';
2
+ declare const _default: {
3
+ id: string;
4
+ imports: string[];
5
+ example: figma.TemplateStringResult;
6
+ };
7
+ export default _default;
8
+ //# sourceMappingURL=Drawer.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Drawer.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Drawer.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AA2B1B,wBASE"}
@@ -1 +1 @@
1
- {"version":3,"file":"Menu.Item.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Menu.Item.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AA4C1B,wBAUE"}
1
+ {"version":3,"file":"Menu.Item.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Menu.Item.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAqF1B,wBASE"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cdx-ui/components",
3
- "version": "0.1.2",
3
+ "version": "0.1.4",
4
4
  "license": "MIT",
5
5
  "repository": {
6
6
  "type": "git",
@@ -81,10 +81,10 @@
81
81
  "@marceloterreiro/flash-calendar": "2.0.0",
82
82
  "react-native-reanimated-carousel": "5.0.0-beta.5",
83
83
  "uniwind": "1.10.0",
84
- "@cdx-ui/formatters": "0.1.2",
85
- "@cdx-ui/primitives": "0.1.2",
86
- "@cdx-ui/utils": "0.1.2",
87
- "@cdx-ui/icons": "0.1.2"
84
+ "@cdx-ui/formatters": "0.1.4",
85
+ "@cdx-ui/primitives": "0.1.4",
86
+ "@cdx-ui/utils": "0.1.4",
87
+ "@cdx-ui/icons": "0.1.4"
88
88
  },
89
89
  "devDependencies": {
90
90
  "@react-navigation/bottom-tabs": "*",
@@ -50,17 +50,52 @@ function getInitials(name: string): string {
50
50
  // AVATAR ROOT
51
51
  // =============================================================================
52
52
 
53
- export interface AvatarProps extends ViewProps, IAvatarProps, AvatarVariantProps {
53
+ export type AvatarColor = NonNullable<AvatarVariantProps['color']>;
54
+ export type AvatarVariant = NonNullable<AvatarVariantProps['variant']>;
55
+ export type AvatarShape = NonNullable<AvatarVariantProps['shape']>;
56
+
57
+ export interface AvatarProps
58
+ extends ViewProps, IAvatarProps, Omit<AvatarVariantProps, 'color' | 'variant' | 'shape'> {
59
+ /**
60
+ * Color theme applied to the avatar surface and fallback content.
61
+ * @default 'brand'
62
+ */
63
+ color?: AvatarColor;
64
+ /**
65
+ * Visual style variant.
66
+ * @default 'subtle'
67
+ */
68
+ variant?: AvatarVariant;
69
+ /**
70
+ * Geometry of the avatar root and loaded image.
71
+ * @default 'circle'
72
+ */
73
+ shape?: AvatarShape;
54
74
  className?: string;
55
75
  children?: ReactNode;
56
76
  }
57
77
 
58
78
  const AvatarRoot = forwardRef<View, AvatarProps>(
59
- ({ size = 'md', className, children, style, ...props }, ref) => {
60
- const computedClassName = cn(avatarRootVariants({ size }), className);
79
+ (
80
+ {
81
+ size = 'md',
82
+ variant = 'subtle',
83
+ color = 'brand',
84
+ shape = 'circle',
85
+ className,
86
+ children,
87
+ style,
88
+ ...props
89
+ },
90
+ ref,
91
+ ) => {
92
+ const computedClassName = cn(avatarRootVariants({ size, variant, color, shape }), className);
61
93
 
62
94
  const parent = useParentContext();
63
- const ctx = useMemo(() => ({ ...parent, [SCOPE]: { size } }), [parent, size]);
95
+ const ctx = useMemo(
96
+ () => ({ ...parent, [SCOPE]: { size, variant, color, shape } }),
97
+ [parent, size, variant, color, shape],
98
+ );
64
99
 
65
100
  return (
66
101
  <ParentContext.Provider value={ctx}>
@@ -92,7 +127,8 @@ export interface AvatarImageProps extends Omit<ImageProps, 'source'>, IAvatarIma
92
127
  const AvatarImage = forwardRef<Image, AvatarImageProps>(
93
128
  ({ asChild, className, style, src, source, onLoad, onError, ...props }, ref) => {
94
129
  const { imageError, setImageLoaded, setImageError } = useAvatarContext();
95
- const computedClassName = cn(avatarImageVariants(), className);
130
+ const { shape } = useAvatarStyleContext();
131
+ const computedClassName = cn(avatarImageVariants({ shape }), className);
96
132
 
97
133
  const resolvedSource = useMemo(() => (src ? { uri: src } : source), [src, source]);
98
134
 
@@ -146,10 +182,10 @@ export interface AvatarTextProps extends TextProps {
146
182
 
147
183
  const AvatarText = forwardRef<Text, AvatarTextProps>(
148
184
  ({ asChild, className, children, style, ...props }, ref) => {
149
- const { size } = useAvatarStyleContext();
185
+ const { size, color, variant } = useAvatarStyleContext();
150
186
  const { imageLoaded, imageError } = useAvatarContext();
151
187
  const visible = !imageLoaded || imageError;
152
- const computedClassName = cn(avatarTextVariants({ size }), className);
188
+ const computedClassName = cn(avatarTextVariants({ size, color, variant }), className);
153
189
 
154
190
  const text = typeof children === 'string' ? getInitials(children) : children;
155
191
 
@@ -181,10 +217,10 @@ export interface AvatarIconProps extends Omit<IconProps, 'children'> {
181
217
  }
182
218
 
183
219
  const AvatarIcon = ({ asChild, className, style, ...props }: AvatarIconProps) => {
184
- const { size } = useAvatarStyleContext();
220
+ const { size, color, variant } = useAvatarStyleContext();
185
221
  const { imageLoaded, imageError } = useAvatarContext();
186
222
  const visible = !imageLoaded || imageError;
187
- const computedClassName = cn(avatarIconVariants({ size }), className);
223
+ const computedClassName = cn(avatarIconVariants({ size, color, variant }), className);
188
224
 
189
225
  if (asChild) {
190
226
  return (
@@ -2,42 +2,81 @@ import { cva, type VariantProps } from '@cdx-ui/utils';
2
2
 
3
3
  // ── Root ─────────────────────────────────────────────────
4
4
 
5
- export const avatarRootVariants = cva(
5
+ export const avatarRootVariants = cva(['relative items-center justify-center'], {
6
+ variants: {
7
+ size: {
8
+ '2xs': 'w-3 h-3',
9
+ xs: 'w-[18px] h-[18px]',
10
+ sm: 'w-6 h-6',
11
+ md: 'w-8 h-8',
12
+ lg: 'w-10 h-10',
13
+ xl: 'w-12 h-12',
14
+ '2xl': 'w-14 h-14',
15
+ },
16
+ variant: {
17
+ subtle: [],
18
+ solid: [],
19
+ },
20
+ color: {
21
+ neutral: [],
22
+ brand: [],
23
+ danger: [],
24
+ warning: [],
25
+ success: [],
26
+ info: [],
27
+ },
28
+ shape: {
29
+ circle: 'rounded-[var(--border-radius-round)]',
30
+ rounded: 'rounded-[var(--border-radius-default)]',
31
+ },
32
+ },
33
+ compoundVariants: [
34
+ { variant: 'subtle', color: 'brand', className: 'bg-surface-brand-subtle' },
35
+ { variant: 'subtle', color: 'neutral', className: 'bg-surface-neutral-subtle' },
36
+ { variant: 'subtle', color: 'danger', className: 'bg-surface-danger-subtle' },
37
+ { variant: 'subtle', color: 'warning', className: 'bg-surface-warning-subtle' },
38
+ { variant: 'subtle', color: 'success', className: 'bg-surface-success-subtle' },
39
+ { variant: 'subtle', color: 'info', className: 'bg-surface-info-subtle' },
40
+ { variant: 'solid', color: 'brand', className: 'bg-surface-brand-strong' },
41
+ { variant: 'solid', color: 'neutral', className: 'bg-surface-neutral-strong' },
42
+ { variant: 'solid', color: 'danger', className: 'bg-surface-danger-strong' },
43
+ { variant: 'solid', color: 'warning', className: 'bg-surface-warning-strong' },
44
+ { variant: 'solid', color: 'success', className: 'bg-surface-success-strong' },
45
+ { variant: 'solid', color: 'info', className: 'bg-surface-info-strong' },
46
+ ],
47
+ defaultVariants: {
48
+ size: 'md',
49
+ variant: 'subtle',
50
+ color: 'brand',
51
+ shape: 'circle',
52
+ },
53
+ });
54
+
55
+ // ── Image ────────────────────────────────────────────────
56
+
57
+ export const avatarImageVariants = cva(
6
58
  [
7
- 'rounded-[var(--border-radius-round)]',
8
- 'relative items-center justify-center',
59
+ 'absolute top-0 left-0 w-full h-full',
60
+ 'overflow-hidden',
9
61
  'bg-surface-tertiary',
62
+ 'border border-stroke-secondary',
10
63
  ],
11
64
  {
12
65
  variants: {
13
- size: {
14
- '2xs': 'w-3 h-3',
15
- xs: 'w-[18px] h-[18px]',
16
- sm: 'w-6 h-6',
17
- md: 'w-8 h-8',
18
- lg: 'w-10 h-10',
19
- xl: 'w-12 h-12',
20
- '2xl': 'w-14 h-14',
66
+ shape: {
67
+ circle: 'rounded-[var(--border-radius-round)]',
68
+ rounded: 'rounded-[var(--border-radius-default)]',
21
69
  },
22
70
  },
23
71
  defaultVariants: {
24
- size: 'md',
72
+ shape: 'circle',
25
73
  },
26
74
  },
27
75
  );
28
76
 
29
- // ── Image ────────────────────────────────────────────────
30
-
31
- export const avatarImageVariants = cva([
32
- 'absolute top-0 left-0 w-full h-full',
33
- 'rounded-[var(--border-radius-round)]',
34
- 'overflow-hidden',
35
- 'border border-stroke-secondary',
36
- ]);
37
-
38
77
  // ── Text ─────────────────────────────────────────────────
39
78
 
40
- export const avatarTextVariants = cva(['text-content-primary', 'font-medium'], {
79
+ export const avatarTextVariants = cva(['font-medium'], {
41
80
  variants: {
42
81
  size: {
43
82
  '2xs': 'text-[6px]',
@@ -48,15 +87,37 @@ export const avatarTextVariants = cva(['text-content-primary', 'font-medium'], {
48
87
  xl: 'text-2xl',
49
88
  '2xl': 'text-[28px]',
50
89
  },
90
+ variant: {
91
+ subtle: 'text-content-primary',
92
+ solid: [],
93
+ },
94
+ color: {
95
+ neutral: [],
96
+ brand: [],
97
+ danger: [],
98
+ warning: [],
99
+ success: [],
100
+ info: [],
101
+ },
51
102
  },
103
+ compoundVariants: [
104
+ { variant: 'solid', color: 'brand', className: 'text-content-brand-on-strong' },
105
+ { variant: 'solid', color: 'neutral', className: 'text-content-neutral-on-strong' },
106
+ { variant: 'solid', color: 'danger', className: 'text-content-danger-on-strong' },
107
+ { variant: 'solid', color: 'warning', className: 'text-content-warning-on-strong' },
108
+ { variant: 'solid', color: 'success', className: 'text-content-success-on-strong' },
109
+ { variant: 'solid', color: 'info', className: 'text-content-info-on-strong' },
110
+ ],
52
111
  defaultVariants: {
53
112
  size: 'md',
113
+ variant: 'subtle',
114
+ color: 'brand',
54
115
  },
55
116
  });
56
117
 
57
118
  // ── Icon ─────────────────────────────────────────────────
58
119
 
59
- export const avatarIconVariants = cva(['text-content-primary'], {
120
+ export const avatarIconVariants = cva([], {
60
121
  variants: {
61
122
  size: {
62
123
  '2xs': 'size-1.5',
@@ -67,9 +128,31 @@ export const avatarIconVariants = cva(['text-content-primary'], {
67
128
  xl: 'size-6',
68
129
  '2xl': 'size-7',
69
130
  },
131
+ variant: {
132
+ subtle: 'text-content-primary',
133
+ solid: [],
134
+ },
135
+ color: {
136
+ neutral: [],
137
+ brand: [],
138
+ danger: [],
139
+ warning: [],
140
+ success: [],
141
+ info: [],
142
+ },
70
143
  },
144
+ compoundVariants: [
145
+ { variant: 'solid', color: 'brand', className: 'text-content-brand-on-strong' },
146
+ { variant: 'solid', color: 'neutral', className: 'text-content-neutral-on-strong' },
147
+ { variant: 'solid', color: 'danger', className: 'text-content-danger-on-strong' },
148
+ { variant: 'solid', color: 'warning', className: 'text-content-warning-on-strong' },
149
+ { variant: 'solid', color: 'success', className: 'text-content-success-on-strong' },
150
+ { variant: 'solid', color: 'info', className: 'text-content-info-on-strong' },
151
+ ],
71
152
  defaultVariants: {
72
153
  size: 'md',
154
+ variant: 'subtle',
155
+ color: 'brand',
73
156
  },
74
157
  });
75
158
 
@@ -9,7 +9,7 @@ styled component files (`index.tsx`) and their co-located CVA variant files (`st
9
9
 
10
10
  Styled components in `@cdx-ui/components` follow a consistent pattern. Read the full guides before making changes:
11
11
 
12
- - `docs/internal/practices/composition.md` — compound component pattern, naming conventions
12
+ - `docs/internal/practices/composition.md` — compound component pattern, naming conventions, layout partition (when a parent may sort its children into regions)
13
13
  - `docs/internal/practices/types.md` — prop types, `I*Props` vs `*Props`, exporting
14
14
  - `docs/internal/practices/styling.md` — `cn()`, CVA, token classes, `Platform.select()`
15
15
  - `docs/internal/practices/state.md` — `useControllableState`, `composeEventHandlers`
@@ -140,6 +140,7 @@ Each component follows this structure (see `Button/index.tsx`):
140
140
  - **`data-slot`** emitted on every styled slot via `dataAttributes({ slot: '<component>-<part>' })`
141
141
  - **`asChild`** supported on every styled slot — `const Comp = asChild ? Slot : DefaultElement`
142
142
  - **`position`** prop on icon/spinner-style slots maps to `data-icon="inline-start|inline-end"`
143
+ - **Layout partition** — a parent sorts its direct children into regions only for a fixed row of two or three known slots (Alert, `Drawer.Header`). Match `child.type` identity, never `displayName`; keep the shared wrapper unexported with no `data-slot`; never add a public grandchild layout slot. `memo()`/HOC wrappers are not recognized, extra slotted children are dropped, `asChild` skips the split, and tests must assert region, not presence. See `composition.md` § Layout Partition
143
144
 
144
145
  ---
145
146
 
@@ -238,7 +238,7 @@ export const chipIconVariants = cva(['shrink-0'], {
238
238
  },
239
239
  });
240
240
 
241
- export const chipAvatarVariants = cva(['shrink-0 rounded-full overflow-hidden'], {
241
+ export const chipAvatarVariants = cva(['shrink-0 overflow-hidden'], {
242
242
  variants: {
243
243
  size: {
244
244
  default: 'size-5 -ms-1.5',
@@ -0,0 +1,11 @@
1
+ import type { SharedValue } from 'react-native-reanimated';
2
+ import { createContext } from '@cdx-ui/utils';
3
+
4
+ export interface DrawerAnimationContextValue {
5
+ progress: SharedValue<number>;
6
+ }
7
+
8
+ export const [DrawerAnimationProvider, useDrawerAnimation] =
9
+ createContext<DrawerAnimationContextValue>('DrawerAnimationContext', {
10
+ strict: false,
11
+ });