@cdx-ui/components 0.3.2 → 0.3.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 (125) hide show
  1. package/README.md +2 -2
  2. package/coverage.svg +1 -1
  3. package/docs/components/color-field/content.md +2 -2
  4. package/docs/components/content.md +6 -4
  5. package/docs/components/data-grid/content.md +125 -1
  6. package/docs/components/date-field/content.md +2 -2
  7. package/docs/components/date-time-field/content.md +2 -2
  8. package/docs/components/input/content.md +20 -2
  9. package/docs/components/input/design.md +1 -1
  10. package/docs/components/insight/content.md +644 -0
  11. package/docs/components/insight-stack/content.md +231 -0
  12. package/docs/components/insurance-disclosure/content.md +1 -1
  13. package/docs/components/otp-input/content.md +2 -2
  14. package/docs/components/select/content.md +223 -24
  15. package/docs/components/text/content.md +97 -0
  16. package/docs/foundations/styles/tokens/all-tokens/content.md +23 -3
  17. package/docs/llms.txt +8 -4
  18. package/docs/patterns/forms/content.md +407 -0
  19. package/docs/resources/release-notes/0.3.2/content.md +17 -0
  20. package/docs/resources/release-notes/0.3.3/content.md +23 -0
  21. package/docs/resources/release-notes/content.md +2 -0
  22. package/lib/commonjs/components/Drawer/index.js +1 -1
  23. package/lib/commonjs/components/Drawer/index.js.map +1 -1
  24. package/lib/commonjs/components/Input/index.js.map +1 -1
  25. package/lib/commonjs/components/Input/styles.js +13 -6
  26. package/lib/commonjs/components/Input/styles.js.map +1 -1
  27. package/lib/commonjs/components/Insight/index.js +438 -0
  28. package/lib/commonjs/components/Insight/index.js.map +1 -0
  29. package/lib/commonjs/components/Insight/insetRadius.js +35 -0
  30. package/lib/commonjs/components/Insight/insetRadius.js.map +1 -0
  31. package/lib/commonjs/components/Insight/styles.js +186 -0
  32. package/lib/commonjs/components/Insight/styles.js.map +1 -0
  33. package/lib/commonjs/components/InsightStack/index.js +93 -0
  34. package/lib/commonjs/components/InsightStack/index.js.map +1 -0
  35. package/lib/commonjs/components/InsightStack/styles.js +61 -0
  36. package/lib/commonjs/components/InsightStack/styles.js.map +1 -0
  37. package/lib/commonjs/components/OtpInput/index.js.map +1 -1
  38. package/lib/commonjs/components/Select/index.js +326 -24
  39. package/lib/commonjs/components/Select/index.js.map +1 -1
  40. package/lib/commonjs/components/Select/styles.js +32 -1
  41. package/lib/commonjs/components/Select/styles.js.map +1 -1
  42. package/lib/commonjs/components/index.js +24 -0
  43. package/lib/commonjs/components/index.js.map +1 -1
  44. package/lib/commonjs/components/picker/surfaces.js +18 -3
  45. package/lib/commonjs/components/picker/surfaces.js.map +1 -1
  46. package/lib/commonjs/figma/Insight.figma.js +73 -0
  47. package/lib/commonjs/figma/Insight.figma.js.map +1 -0
  48. package/lib/commonjs/figma/InsightStack.figma.js +39 -0
  49. package/lib/commonjs/figma/InsightStack.figma.js.map +1 -0
  50. package/lib/module/components/Drawer/index.js +1 -1
  51. package/lib/module/components/Drawer/index.js.map +1 -1
  52. package/lib/module/components/Input/index.js.map +1 -1
  53. package/lib/module/components/Input/styles.js +14 -6
  54. package/lib/module/components/Input/styles.js.map +1 -1
  55. package/lib/module/components/Insight/index.js +433 -0
  56. package/lib/module/components/Insight/index.js.map +1 -0
  57. package/lib/module/components/Insight/insetRadius.js +30 -0
  58. package/lib/module/components/Insight/insetRadius.js.map +1 -0
  59. package/lib/module/components/Insight/styles.js +183 -0
  60. package/lib/module/components/Insight/styles.js.map +1 -0
  61. package/lib/module/components/InsightStack/index.js +89 -0
  62. package/lib/module/components/InsightStack/index.js.map +1 -0
  63. package/lib/module/components/InsightStack/styles.js +58 -0
  64. package/lib/module/components/InsightStack/styles.js.map +1 -0
  65. package/lib/module/components/OtpInput/index.js.map +1 -1
  66. package/lib/module/components/Select/index.js +328 -26
  67. package/lib/module/components/Select/index.js.map +1 -1
  68. package/lib/module/components/Select/styles.js +31 -0
  69. package/lib/module/components/Select/styles.js.map +1 -1
  70. package/lib/module/components/index.js +2 -0
  71. package/lib/module/components/index.js.map +1 -1
  72. package/lib/module/components/picker/surfaces.js +17 -3
  73. package/lib/module/components/picker/surfaces.js.map +1 -1
  74. package/lib/module/figma/Insight.figma.js +67 -0
  75. package/lib/module/figma/Insight.figma.js.map +1 -0
  76. package/lib/module/figma/InsightStack.figma.js +33 -0
  77. package/lib/module/figma/InsightStack.figma.js.map +1 -0
  78. package/lib/typescript/components/ColorField/styles.d.ts +4 -2
  79. package/lib/typescript/components/ColorField/styles.d.ts.map +1 -1
  80. package/lib/typescript/components/DateField/styles.d.ts +4 -2
  81. package/lib/typescript/components/DateField/styles.d.ts.map +1 -1
  82. package/lib/typescript/components/Input/index.d.ts +3 -2
  83. package/lib/typescript/components/Input/index.d.ts.map +1 -1
  84. package/lib/typescript/components/Input/styles.d.ts +1 -1
  85. package/lib/typescript/components/Input/styles.d.ts.map +1 -1
  86. package/lib/typescript/components/Insight/index.d.ts +87 -0
  87. package/lib/typescript/components/Insight/index.d.ts.map +1 -0
  88. package/lib/typescript/components/Insight/insetRadius.d.ts +8 -0
  89. package/lib/typescript/components/Insight/insetRadius.d.ts.map +1 -0
  90. package/lib/typescript/components/Insight/styles.d.ts +33 -0
  91. package/lib/typescript/components/Insight/styles.d.ts.map +1 -0
  92. package/lib/typescript/components/InsightStack/index.d.ts +21 -0
  93. package/lib/typescript/components/InsightStack/index.d.ts.map +1 -0
  94. package/lib/typescript/components/InsightStack/styles.d.ts +11 -0
  95. package/lib/typescript/components/InsightStack/styles.d.ts.map +1 -0
  96. package/lib/typescript/components/OtpInput/index.d.ts +3 -2
  97. package/lib/typescript/components/OtpInput/index.d.ts.map +1 -1
  98. package/lib/typescript/components/Select/index.d.ts +73 -6
  99. package/lib/typescript/components/Select/index.d.ts.map +1 -1
  100. package/lib/typescript/components/Select/styles.d.ts +9 -0
  101. package/lib/typescript/components/Select/styles.d.ts.map +1 -1
  102. package/lib/typescript/components/index.d.ts +2 -0
  103. package/lib/typescript/components/index.d.ts.map +1 -1
  104. package/lib/typescript/components/picker/surfaces.d.ts +14 -3
  105. package/lib/typescript/components/picker/surfaces.d.ts.map +1 -1
  106. package/lib/typescript/figma/Insight.figma.d.ts +8 -0
  107. package/lib/typescript/figma/Insight.figma.d.ts.map +1 -0
  108. package/lib/typescript/figma/InsightStack.figma.d.ts +8 -0
  109. package/lib/typescript/figma/InsightStack.figma.d.ts.map +1 -0
  110. package/package.json +5 -5
  111. package/src/components/ColorField/styles.ts +3 -1
  112. package/src/components/DateField/styles.ts +6 -1
  113. package/src/components/Drawer/index.tsx +1 -1
  114. package/src/components/Input/index.tsx +3 -2
  115. package/src/components/Input/styles.ts +35 -15
  116. package/src/components/Insight/index.tsx +531 -0
  117. package/src/components/Insight/insetRadius.ts +30 -0
  118. package/src/components/Insight/styles.ts +193 -0
  119. package/src/components/InsightStack/index.tsx +86 -0
  120. package/src/components/InsightStack/styles.ts +61 -0
  121. package/src/components/OtpInput/index.tsx +3 -2
  122. package/src/components/Select/index.tsx +411 -29
  123. package/src/components/Select/styles.ts +36 -0
  124. package/src/components/index.ts +2 -0
  125. package/src/components/picker/surfaces.tsx +29 -4
@@ -0,0 +1,11 @@
1
+ import { type VariantProps } from '@cdx-ui/utils';
2
+ export declare const insightStackRootVariants: (props?: ({
3
+ layers?: 0 | 1 | 2 | null | undefined;
4
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
5
+ export declare const insightStackFrontVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
6
+ export declare const insightStackLayerVariants: (props?: ({
7
+ depth?: 1 | 2 | null | undefined;
8
+ layers?: 1 | 2 | null | undefined;
9
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
10
+ export type InsightStackLayerVariantProps = VariantProps<typeof insightStackLayerVariants>;
11
+ //# sourceMappingURL=styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/InsightStack/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAKvD,eAAO,MAAM,wBAAwB;;8EAWnC,CAAC;AAKH,eAAO,MAAM,yBAAyB,oFAAyB,CAAC;AAShE,eAAO,MAAM,yBAAyB;;;8EA4BrC,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG,YAAY,CAAC,OAAO,yBAAyB,CAAC,CAAC"}
@@ -3,7 +3,8 @@ import { type IOtpInputRootProps, type OtpInputFieldProps } from '@cdx-ui/primit
3
3
  import { type InputProps } from '../Input';
4
4
  import { type InputVariantProps } from '../Input/styles';
5
5
  import { type OtpInputVariantProps } from './styles';
6
- export interface OtpInputCellProps extends ViewProps, InputVariantProps {
6
+ export interface OtpInputCellProps extends ViewProps, Omit<InputVariantProps, 'variant'> {
7
+ variant?: 'outline';
7
8
  className?: string;
8
9
  children?: React.ReactNode;
9
10
  isInvalid?: boolean;
@@ -24,7 +25,7 @@ declare const OtpStyledField: import("react").ForwardRefExoticComponent<OtpInput
24
25
  className?: string;
25
26
  } & import("react").RefAttributes<TextInput>>;
26
27
  export interface OtpInputProps extends Omit<IOtpInputRootProps, 'size'>, OtpInputVariantProps {
27
- variant?: NonNullable<InputProps['variant']>;
28
+ variant?: 'outline';
28
29
  size?: NonNullable<InputProps['size']>;
29
30
  className?: string;
30
31
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/OtpInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAQL,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACxB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,KAAK,iBAAiB,EAAsB,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAIL,KAAK,oBAAoB,EAC1B,MAAM,UAAU,CAAC;AAMlB,MAAM,WAAW,iBAAkB,SAAQ,SAAS,EAAE,iBAAiB;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,oGAoBlB,CAAC;AAIF,MAAM,MAAM,wBAAwB,GAAG,kBAAkB,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnF;;;;;GAKG;AACH,QAAA,MAAM,cAAc;gBARsD,MAAM;6CAwB9E,CAAC;AAIH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,EAAE,oBAAoB;IAC3F,OAAO,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC;IAC7C,IAAI,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,gGAuFjB,CAAC;AAIF,KAAK,yBAAyB,GAAG,OAAO,YAAY,GAAG;IACrD,IAAI,EAAE,OAAO,aAAa,CAAC;IAC3B,KAAK,EAAE,OAAO,cAAc,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAGf,yBAAyB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/OtpInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAQL,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACxB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,KAAK,iBAAiB,EAAsB,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAIL,KAAK,oBAAoB,EAC1B,MAAM,UAAU,CAAC;AAMlB,MAAM,WAAW,iBAAkB,SAAQ,SAAS,EAAE,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC;IACtF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,aAAa,oGAoBlB,CAAC;AAIF,MAAM,MAAM,wBAAwB,GAAG,kBAAkB,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnF;;;;;GAKG;AACH,QAAA,MAAM,cAAc;gBARsD,MAAM;6CAwB9E,CAAC;AAIH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,EAAE,oBAAoB;IAC3F,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,gGAuFjB,CAAC;AAIF,KAAK,yBAAyB,GAAG,OAAO,YAAY,GAAG;IACrD,IAAI,EAAE,OAAO,aAAa,CAAC;IAC3B,KAAK,EAAE,OAAO,cAAc,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAGf,yBAAyB,CAAC"}
@@ -1,12 +1,18 @@
1
1
  import { type ReactNode } from 'react';
2
- import { Text, type TextProps, View, type ViewProps } from 'react-native';
3
- import { type ISelectContentProps, type ISelectItemLabelProps, type ISelectItemProps, type ISelectProps, type ISelectTriggerProps, type ISelectValueProps } from '@cdx-ui/primitives';
2
+ import { Text, type TextInput, type TextProps, View, type ViewProps } from 'react-native';
3
+ import { type ISelectContentProps, type ISelectEmptyProps, type ISelectItemLabelProps, type ISelectItemProps, type ISelectProps, type ISelectSearchProps, type ISelectTriggerProps, type ISelectValueProps } from '@cdx-ui/primitives';
4
4
  import { IconProps } from '../Icon';
5
+ import { type InputProps } from '../Input';
5
6
  import { type IconSlotPosition } from '../../utils/positionToDataIcon';
6
7
  import { type SelectVariantProps } from './styles';
7
- export interface SelectProps extends ViewProps, ISelectProps, SelectVariantProps {
8
+ export type { SelectFilter, SelectItemData, SelectType, SelectValueRenderProps, } from '@cdx-ui/primitives';
9
+ /**
10
+ * `type` narrows `value` / `defaultValue` / `onValueChange` to `string` (single, the default)
11
+ * or `string[]` (multiple).
12
+ */
13
+ export type SelectProps = ViewProps & SelectVariantProps & ISelectProps & {
8
14
  className?: string;
9
- }
15
+ };
10
16
  declare const SelectRoot: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<View>>;
11
17
  export interface SelectTriggerProps extends ISelectTriggerProps {
12
18
  /**
@@ -35,7 +41,7 @@ export interface SelectTriggerProps extends ISelectTriggerProps {
35
41
  children?: ReactNode;
36
42
  }
37
43
  declare const SelectTrigger: import("react").ForwardRefExoticComponent<SelectTriggerProps & import("react").RefAttributes<View>>;
38
- export interface SelectValueProps extends TextProps, ISelectValueProps {
44
+ export interface SelectValueProps extends Omit<TextProps, 'children'>, ISelectValueProps {
39
45
  asChild?: boolean;
40
46
  className?: string;
41
47
  }
@@ -58,16 +64,74 @@ declare const SelectIcon: {
58
64
  ({ asChild, className, style, as, position, ...props }: SelectIconProps): import("react/jsx-runtime").JSX.Element | null;
59
65
  displayName: string;
60
66
  };
67
+ export interface SelectSearchProps extends ISelectSearchProps {
68
+ /**
69
+ * Merge the search wiring onto the single child text input instead of rendering the default
70
+ * `Input` with a search icon.
71
+ */
72
+ asChild?: boolean;
73
+ /** Additional Uniwind/Tailwind classes, merged after the search container's own styles. */
74
+ className?: string;
75
+ /**
76
+ * `Input` variant of the default search field. Ignored when `asChild` is set.
77
+ * @default 'subtle'
78
+ */
79
+ variant?: InputProps['variant'];
80
+ /** The text input to render when `asChild` is set. Otherwise not rendered. */
81
+ children?: ReactNode;
82
+ }
83
+ declare const SelectSearch: import("react").ForwardRefExoticComponent<SelectSearchProps & import("react").RefAttributes<TextInput>>;
84
+ export interface SelectEmptyProps extends ISelectEmptyProps {
85
+ asChild?: boolean;
86
+ /** Additional Uniwind/Tailwind classes, merged after the empty state's own styles. */
87
+ className?: string;
88
+ }
89
+ declare const SelectEmpty: import("react").ForwardRefExoticComponent<SelectEmptyProps & import("react").RefAttributes<View>>;
61
90
  export interface SelectContentProps extends ViewProps, ISelectContentProps {
62
91
  asChild?: boolean;
63
92
  className?: string;
64
93
  }
94
+ /** Without `asChild`, direct children are sorted into regions (see `partitionPopupChildren`). */
65
95
  declare const SelectContent: import("react").ForwardRefExoticComponent<SelectContentProps & import("react").RefAttributes<View>>;
96
+ export interface SelectBottomSheetProps extends ViewProps {
97
+ /** Render the consumer's child as the sheet body, skipping the region split. */
98
+ asChild?: boolean;
99
+ /** Additional Uniwind/Tailwind classes, merged after the sheet body's own styles. */
100
+ className?: string;
101
+ /**
102
+ * Accessible name of the visually hidden dismiss button on web, where the surface is the
103
+ * `Select.Content` dropdown.
104
+ * @default 'Dismiss'
105
+ */
106
+ dismissAccessibilityLabel?: string;
107
+ /** `Select.Search`, `Select.Item` elements, and `Select.Empty`, as in `Select.Content`. */
108
+ children?: ReactNode;
109
+ }
110
+ /**
111
+ * Presents the options in a bottom sheet on iOS and Android, in place of `Select.Content`. The
112
+ * sheet keeps `Select.Search` and the results above the soft keyboard, and closes on swipe
113
+ * down, backdrop press, Android back, and the VoiceOver escape gesture without changing the
114
+ * value. On web it renders the `Select.Content` dropdown. Requires `BottomSheet.Provider`.
115
+ */
116
+ declare const SelectBottomSheet: import("react").ForwardRefExoticComponent<SelectBottomSheetProps & import("react").RefAttributes<View>>;
117
+ export interface SelectItemControlProps extends ViewProps {
118
+ /** Render the consumer's child element in place of the default checkbox glyph. */
119
+ asChild?: boolean;
120
+ /** Additional Uniwind/Tailwind classes, merged after the control's own styles. */
121
+ className?: string;
122
+ /** The element to render when `asChild` is set. Otherwise not rendered. */
123
+ children?: ReactNode;
124
+ }
125
+ declare const SelectItemControl: {
126
+ ({ asChild, className, style, children, ...props }: SelectItemControlProps): import("react/jsx-runtime").JSX.Element;
127
+ displayName: string;
128
+ };
66
129
  export interface SelectItemProps extends ISelectItemProps {
67
130
  asChild?: boolean;
68
131
  /**
69
132
  * Replaces the default selected-item checkmark. The replacement is rendered
70
133
  * only while the item is selected. Pass `null` to suppress the indicator.
134
+ * The default checkmark is omitted when the item contains a `Select.ItemControl`.
71
135
  */
72
136
  indicator?: ReactNode;
73
137
  className?: string;
@@ -84,9 +148,12 @@ type SelectCompoundComponent = typeof SelectRoot & {
84
148
  Value: typeof SelectValue;
85
149
  Icon: typeof SelectIcon;
86
150
  Content: typeof SelectContent;
151
+ BottomSheet: typeof SelectBottomSheet;
152
+ Search: typeof SelectSearch;
153
+ Empty: typeof SelectEmpty;
87
154
  Item: typeof SelectItem;
88
155
  ItemLabel: typeof SelectItemLabel;
156
+ ItemControl: typeof SelectItemControl;
89
157
  };
90
158
  export declare const Select: SelectCompoundComponent;
91
- export {};
92
159
  //# sourceMappingURL=index.d.ts.map
@@ -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;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,GAAG,OAAO,CAAC;IACnF,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
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/index.tsx"],"names":[],"mappings":"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"}
@@ -9,5 +9,14 @@ export declare const selectValueVariants: (props?: ({
9
9
  export declare const selectIconVariants: (props?: ({
10
10
  size?: "small" | "default" | null | undefined;
11
11
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
12
+ export declare const selectItemVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
13
+ export declare const selectSearchVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
14
+ export declare const selectSearchListboxVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
15
+ export declare const selectBottomSheetVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
16
+ export declare const selectBottomSheetListboxVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
17
+ export declare const selectEmptyVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
18
+ export declare const selectEmptyTextVariants: (props?: ({
19
+ size?: "small" | "default" | null | undefined;
20
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
12
21
  export type SelectVariantProps = VariantProps<typeof selectTriggerVariants>;
13
22
  //# sourceMappingURL=styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAKvD,eAAO,MAAM,qBAAqB;;;8EAqEjC,CAAC;AAIF,eAAO,MAAM,mBAAmB;;8EAoB/B,CAAC;AAIF,eAAO,MAAM,kBAAkB;;8EAiB9B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAKvD,eAAO,MAAM,qBAAqB;;;8EAqEjC,CAAC;AAIF,eAAO,MAAM,mBAAmB;;8EAoB/B,CAAC;AAIF,eAAO,MAAM,kBAAkB;;8EAiB9B,CAAC;AAMF,eAAO,MAAM,kBAAkB,oFAAoE,CAAC;AAIpG,eAAO,MAAM,oBAAoB,oFAAgB,CAAC;AAElD,eAAO,MAAM,2BAA2B,oFAEtC,CAAC;AAIH,eAAO,MAAM,yBAAyB,oFAAuB,CAAC;AAE9D,eAAO,MAAM,gCAAgC,oFAAgB,CAAC;AAI9D,eAAO,MAAM,mBAAmB,oFAAqB,CAAC;AAEtD,eAAO,MAAM,uBAAuB;;8EAUlC,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC"}
@@ -34,6 +34,8 @@ export * from './Field';
34
34
  export * from './Form';
35
35
  export * from './FullScreenDialog';
36
36
  export * from './Image';
37
+ export * from './Insight';
38
+ export * from './InsightStack';
37
39
  export * from './InsuranceDisclosure';
38
40
  export * from './Input';
39
41
  export * from './OtpInput';
@@ -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,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACjG,cAAc,qBAAqB,CAAC;AACpC,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,oBAAoB,CAAC;AACnC,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,YAAY,EACV,qBAAqB,EACrB,oBAAoB,EACpB,6BAA6B,GAC9B,MAAM,yBAAyB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,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,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACjG,cAAc,qBAAqB,CAAC;AACpC,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,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,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,YAAY,EACV,qBAAqB,EACrB,oBAAoB,EACpB,6BAA6B,GAC9B,MAAM,yBAAyB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,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"}
@@ -11,10 +11,21 @@ export declare function PickerDialogSurface({ open, setOpen, registerSurface, ch
11
11
  type PickerBottomSheetSurfaceProps = {
12
12
  open: boolean;
13
13
  setOpen: (open: boolean) => void;
14
- registerSurface: (type: 'bottomSheet') => void;
14
+ registerSurface?: (type: 'bottomSheet') => void;
15
+ /**
16
+ * Lays the children out in a container that fills the sheet, so a fixed header can sit above a
17
+ * `BottomSheet.ScrollView`. By default the children size a `BottomSheet.View`.
18
+ */
19
+ fill?: boolean;
15
20
  children: ReactNode;
16
- } & Pick<BottomSheetModalProps, 'snapPoints' | 'enableDynamicSizing'>;
17
- export declare function PickerBottomSheetSurface({ open, setOpen, registerSurface, children, snapPoints, enableDynamicSizing, }: PickerBottomSheetSurfaceProps): import("react/jsx-runtime").JSX.Element;
21
+ } & Pick<BottomSheetModalProps, 'snapPoints' | 'enableDynamicSizing' | 'keyboardBehavior' | 'keyboardBlurBehavior' | 'accessible'>;
22
+ /**
23
+ * Text input for a picker sheet. It registers with the sheet's keyboard handling, which moves
24
+ * the sheet for a focused `BottomSheetTextInput` only; a plain `TextInput` stays under the
25
+ * keyboard.
26
+ */
27
+ export declare const PickerSheetTextInput: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("@gorhom/bottom-sheet/lib/typescript/components/bottomSheetTextInput").BottomSheetTextInputProps & import("react").RefAttributes<import("react-native-gesture-handler").TextInput | undefined>>>;
28
+ export declare function PickerBottomSheetSurface({ open, setOpen, registerSurface, fill, children, snapPoints, enableDynamicSizing, ...modalProps }: PickerBottomSheetSurfaceProps): import("react/jsx-runtime").JSX.Element;
18
29
  interface PickerPopoverSurfaceProps {
19
30
  open: boolean;
20
31
  setOpen: (open: boolean) => void;
@@ -1 +1 @@
1
- {"version":3,"file":"surfaces.d.ts","sourceRoot":"","sources":["../../../../src/components/picker/surfaces.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjG,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAML,KAAK,kBAAkB,EACxB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAA+B,KAAK,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAKzF,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,eAAe,EACf,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAUA;AAED,KAAK,6BAA6B,GAAG;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CAAC,qBAAqB,EAAE,YAAY,GAAG,qBAAqB,CAAC,CAAC;AAEtE,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,OAAO,EACP,eAAe,EACf,QAAQ,EACR,UAA2B,EAC3B,mBAA2B,GAC5B,EAAE,6BAA6B,2CA+C/B;AAED,UAAU,yBAAyB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC,UAAU,CAAC,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC5B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,OAAO,EACP,eAAe,EACf,SAAS,EACT,UAAU,EACV,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,KAAgB,GACjB,EAAE,yBAAyB,kDA+D3B"}
1
+ {"version":3,"file":"surfaces.d.ts","sourceRoot":"","sources":["../../../../src/components/picker/surfaces.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjG,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAC;AAGhD,OAAO,EAML,KAAK,kBAAkB,EACxB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAA+B,KAAK,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAKzF,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,OAAO,EACP,eAAe,EACf,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAUA;AAED,KAAK,6BAA6B,GAAG;IACnC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAChD;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,IAAI,CACN,qBAAqB,EACrB,YAAY,GAAG,qBAAqB,GAAG,kBAAkB,GAAG,sBAAsB,GAAG,YAAY,CAClG,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,uRAAuB,CAAC;AAEzD,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EACJ,OAAO,EACP,eAAe,EACf,IAAY,EACZ,QAAQ,EACR,UAA2B,EAC3B,mBAA2B,EAC3B,GAAG,UAAU,EACd,EAAE,6BAA6B,2CAsD/B;AAED,UAAU,yBAAyB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IAClC,UAAU,CAAC,EAAE,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,kBAAkB,CAAC;CAC5B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,OAAO,EACP,eAAe,EACf,SAAS,EACT,UAAU,EACV,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,KAAgB,GACjB,EAAE,yBAAyB,kDA+D3B"}
@@ -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=Insight.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Insight.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Insight.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAsD1B,wBAwBE"}
@@ -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=InsightStack.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InsightStack.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/InsightStack.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAqB1B,wBAWE"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cdx-ui/components",
3
- "version": "0.3.2",
3
+ "version": "0.3.4",
4
4
  "license": "MIT",
5
5
  "repository": {
6
6
  "type": "git",
@@ -106,10 +106,10 @@
106
106
  "@marceloterreiro/flash-calendar": "2.0.0",
107
107
  "react-native-reanimated-carousel": "5.0.0-beta.5",
108
108
  "uniwind": "1.10.0",
109
- "@cdx-ui/icons": "0.3.2",
110
- "@cdx-ui/formatters": "0.3.2",
111
- "@cdx-ui/primitives": "0.3.2",
112
- "@cdx-ui/utils": "0.3.2"
109
+ "@cdx-ui/formatters": "0.3.4",
110
+ "@cdx-ui/primitives": "0.3.4",
111
+ "@cdx-ui/icons": "0.3.4",
112
+ "@cdx-ui/utils": "0.3.4"
113
113
  },
114
114
  "devDependencies": {
115
115
  "@dnd-kit/core": "6.3.1",
@@ -17,4 +17,6 @@ export const colorFieldInputPlaceholderVariants = inputFieldPlaceholderVariants;
17
17
 
18
18
  export const colorFieldSlotVariants = inputSlotVariants;
19
19
 
20
- export type ColorFieldGroupVariantProps = InputVariantProps;
20
+ export type ColorFieldGroupVariantProps = Omit<InputVariantProps, 'variant'> & {
21
+ variant?: 'outline';
22
+ };
@@ -48,4 +48,9 @@ export const dateFieldSegmentVariants = cva(
48
48
 
49
49
  export const dateFieldSuffixVariants = inputSlotVariants;
50
50
 
51
- export type DateFieldGroupVariantProps = VariantProps<typeof dateFieldGroupVariants>;
51
+ export type DateFieldGroupVariantProps = Omit<
52
+ VariantProps<typeof dateFieldGroupVariants>,
53
+ 'variant'
54
+ > & {
55
+ variant?: 'outline';
56
+ };
@@ -268,7 +268,7 @@ const DrawerPermanentPanel = ({
268
268
  const animatedStyle = useAnimatedStyle(() => {
269
269
  const value = extent.get();
270
270
  return isHorizontal ? { width: value } : { height: value };
271
- }, [isHorizontal]);
271
+ }, [extent, isHorizontal]);
272
272
 
273
273
  return (
274
274
  <Animated.View
@@ -37,10 +37,11 @@ export interface InputProps extends ViewProps, IInputFieldProps {
37
37
  /** Shell content — typically `Input.Field` plus optional `Input.Slot`/`Input.Icon`. */
38
38
  children?: ReactNode;
39
39
  /**
40
- * Visual style variant.
40
+ * Visual style variant. `outline` is a bordered field on the page surface; `subtle` is a
41
+ * filled, borderless field for dense or nested surfaces such as a search field in a popup.
41
42
  * @default 'outline'
42
43
  */
43
- variant?: 'outline';
44
+ variant?: 'outline' | 'subtle';
44
45
  /**
45
46
  * Height, padding, and field font size.
46
47
  * @default 'default'
@@ -1,40 +1,60 @@
1
1
  import { cva, type VariantProps } from '@cdx-ui/utils';
2
2
  import { DISABLED_CURSOR, TRANSITION_COLORS, WEB_NARROW_FIELD_TEXT } from '../../styles/constants';
3
3
 
4
+ // State border colors are listed after each variant's resting border so they win on native,
5
+ // where Uniwind resolves equal-specificity conflicts by class order.
6
+ const FIELD_STATE_BORDER = [
7
+ 'web:data-[focus=true]:data-[invalid=false]:ring-stroke-action',
8
+ 'web:data-[focus=true]:data-[invalid=false]:border-stroke-action',
9
+ 'web:data-[focus=true]:data-[invalid=true]:ring-stroke-danger',
10
+ 'web:data-[focus=true]:data-[invalid=true]:border-stroke-danger',
11
+ 'native:data-[field-state=focused]:border-stroke-action',
12
+ 'native:data-[field-state=focused-invalid]:border-stroke-danger',
13
+ 'data-[invalid=true]:border-stroke-danger',
14
+ ];
15
+
4
16
  export const inputRootVariants = cva(
5
17
  [
6
18
  'w-full flex-row items-center overflow-hidden',
7
- 'bg-surface-primary',
8
- 'border-solid border-stroke-primary',
19
+ 'border-solid',
9
20
  'web:border-default native:border-[length:var(--border-width-default)]',
10
21
  'rounded-[var(--border-radius-default)]',
11
22
  TRANSITION_COLORS,
12
- 'data-[disabled=true]:bg-surface-secondary',
13
23
  'data-[disabled=true]:opacity-[var(--opacity-disabled)]',
14
24
  DISABLED_CURSOR,
15
25
  'data-[readonly=true]:cursor-default',
16
- 'data-[readonly=true]:bg-surface-secondary',
17
- 'web:data-[hover=true]:data-[focus=false]:data-[invalid=false]:border-stroke-hover',
18
26
  // Web: inset ring avoids a border-width change so the shell never shifts on focus and
19
- // no per-size padding compensation is required. Recolor the border to match the ring so
20
- // the two read as a single focus outline instead of a gray border + colored ring.
27
+ // no per-size padding compensation is required. Each variant recolors the border to match
28
+ // the ring so the two read as a single focus outline.
21
29
  'web:data-[focus=true]:ring-inset',
22
30
  'web:data-[focus=true]:ring-[length:var(--border-width-focused)]',
23
- 'web:data-[focus=true]:data-[invalid=false]:ring-stroke-action',
24
- 'web:data-[focus=true]:data-[invalid=false]:border-stroke-action',
25
- 'web:data-[focus=true]:data-[invalid=true]:ring-stroke-danger',
26
- 'web:data-[focus=true]:data-[invalid=true]:border-stroke-danger',
27
31
  // Native: thicker border on focus; size variants below subtract a hairline of padding
28
32
  // so layout doesn't shift by 1px.
29
33
  'native:data-[focus=true]:border-[length:var(--border-width-focused)]',
30
- 'native:data-[field-state=focused]:border-stroke-action',
31
- 'native:data-[field-state=focused-invalid]:border-stroke-danger',
32
- 'data-[invalid=true]:border-stroke-danger',
33
34
  ],
34
35
  {
35
36
  variants: {
36
37
  variant: {
37
- outline: [],
38
+ outline: [
39
+ 'bg-surface-primary',
40
+ 'border-stroke-primary',
41
+ 'data-[disabled=true]:bg-surface-secondary',
42
+ 'data-[readonly=true]:bg-surface-secondary',
43
+ 'web:data-[hover=true]:data-[focus=false]:data-[invalid=false]:border-stroke-hover',
44
+ ...FIELD_STATE_BORDER,
45
+ ],
46
+ // Filled, borderless at rest. The border stays at full width in a transparent color so
47
+ // focus and invalid recolor it without resizing the shell. Read-only drops the fill for a
48
+ // quiet outline because `surface-secondary` matches the fill in dark mode.
49
+ subtle: [
50
+ 'bg-surface-neutral-subtle',
51
+ 'border-transparent',
52
+ 'web:data-[hover=true]:data-[focus=false]:data-[invalid=false]:data-[readonly=false]:bg-surface-neutral-subtle-hover',
53
+ 'data-[readonly=true]:bg-transparent',
54
+ 'web:data-[readonly=true]:data-[invalid=false]:border-stroke-secondary',
55
+ 'native:data-[readonly=true]:border-stroke-secondary',
56
+ ...FIELD_STATE_BORDER,
57
+ ],
38
58
  },
39
59
  size: {
40
60
  default: [