@primer/styled-react 0.0.0-20251006155521 → 0.0.0-20251006161347

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.
@@ -1,12 +1,14 @@
1
- import { Autocomplete as PrimerAutocomplete, type AutocompleteOverlayProps as PrimerAutocompleteOverlayProps } from '@primer/react';
1
+ import { Autocomplete as PrimerAutocomplete, type AutocompleteOverlayProps as PrimerAutocompleteOverlayProps, type AutocompleteInputProps as PrimerAutocompleteInputProps } from '@primer/react';
2
2
  import { type SxProp } from '../sx';
3
3
  import type { ComponentProps } from 'react';
4
4
  export type AutocompleteOverlayProps = PrimerAutocompleteOverlayProps & SxProp;
5
5
  declare const AutocompleteOverlay: React.ComponentType<AutocompleteOverlayProps>;
6
+ export type AutocompleteInputProps = PrimerAutocompleteInputProps & SxProp;
7
+ declare const AutocompleteInput: React.ComponentType<AutocompleteInputProps>;
6
8
  interface AutocompleteExport {
7
9
  (props: ComponentProps<typeof PrimerAutocomplete>): React.ReactNode;
8
10
  Context: typeof PrimerAutocomplete.Context;
9
- Input: typeof PrimerAutocomplete.Input;
11
+ Input: typeof AutocompleteInput;
10
12
  Menu: typeof PrimerAutocomplete.Menu;
11
13
  Overlay: typeof AutocompleteOverlay;
12
14
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/components/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,IAAI,kBAAkB,EAClC,KAAK,wBAAwB,IAAI,8BAA8B,EAChE,MAAM,eAAe,CAAA;AACtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAA;AAEzC,MAAM,MAAM,wBAAwB,GAAG,8BAA8B,GAAG,MAAM,CAAA;AAE9E,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,aAAa,CAAC,wBAAwB,CAMtE,CAAA;AAED,UAAU,kBAAkB;IAC1B,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IACnE,OAAO,EAAE,OAAO,kBAAkB,CAAC,OAAO,CAAA;IAC1C,KAAK,EAAE,OAAO,kBAAkB,CAAC,KAAK,CAAA;IACtC,IAAI,EAAE,OAAO,kBAAkB,CAAC,IAAI,CAAA;IACpC,OAAO,EAAE,OAAO,mBAAmB,CAAA;CACpC;AAED,QAAA,MAAM,YAAY,EAAE,kBAKlB,CAAA;AAEF,OAAO,EAAC,YAAY,EAAC,CAAA"}
1
+ {"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/components/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,IAAI,kBAAkB,EAClC,KAAK,wBAAwB,IAAI,8BAA8B,EAC/D,KAAK,sBAAsB,IAAI,4BAA4B,EAC5D,MAAM,eAAe,CAAA;AACtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAA;AAEzC,MAAM,MAAM,wBAAwB,GAAG,8BAA8B,GAAG,MAAM,CAAA;AAE9E,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,aAAa,CAAC,wBAAwB,CAMtE,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,4BAA4B,GAAG,MAAM,CAAA;AAE1E,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAIlE,CAAA;AAED,UAAU,kBAAkB;IAC1B,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,kBAAkB,CAAC,GAAG,KAAK,CAAC,SAAS,CAAA;IACnE,OAAO,EAAE,OAAO,kBAAkB,CAAC,OAAO,CAAA;IAC1C,KAAK,EAAE,OAAO,iBAAiB,CAAA;IAC/B,IAAI,EAAE,OAAO,kBAAkB,CAAC,IAAI,CAAA;IACpC,OAAO,EAAE,OAAO,mBAAmB,CAAA;CACpC;AAED,QAAA,MAAM,YAAY,EAAE,kBAKlB,CAAA;AAEF,OAAO,EAAC,YAAY,EAAC,CAAA"}
@@ -1,33 +1,25 @@
1
1
  import { NavList as PrimerNavList } from '@primer/react';
2
- import type { NavListProps as PrimerNavListProps, NavListItemProps as PrimerNavListItemProps, NavListGroupHeadingProps as PrimerNavListGroupHeadingProps, NavListLeadingVisualProps as PrimerNavListLeadingVisualProps } from '@primer/react';
3
- import { type PropsWithChildren } from 'react';
2
+ import type { NavListProps as PrimerNavListProps, NavListItemProps as PrimerNavListItemProps } from '@primer/react';
3
+ import { type ComponentProps, type PropsWithChildren } from 'react';
4
4
  import { type SxProp } from '../sx';
5
- type RefComponent<E extends HTMLElement, P> = React.ForwardRefExoticComponent<P & React.RefAttributes<E>>;
6
5
  type NavListProps = PropsWithChildren<PrimerNavListProps> & SxProp;
7
- declare const NavListItem: import("react").ForwardRefExoticComponent<PrimerNavListItemProps & {
8
- children?: import("react").ReactNode | undefined;
9
- } & SxProp & import("react").RefAttributes<HTMLAnchorElement>>;
10
- declare const NavListGroup: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLLIElement> & {
11
- children: React.ReactNode;
12
- title?: string;
13
- } & {
14
- children?: import("react").ReactNode | undefined;
15
- } & SxProp & import("react").RefAttributes<HTMLLIElement>>;
16
- type NavListGroupHeadingProps = PropsWithChildren<PrimerNavListGroupHeadingProps> & SxProp;
17
- declare const NavListGroupHeading: RefComponent<HTMLElement, NavListGroupHeadingProps>;
18
- type NavListLeadingVisualProps = PropsWithChildren<PrimerNavListLeadingVisualProps> & SxProp;
19
- declare const NavListLeadingVisual: RefComponent<HTMLSpanElement, NavListLeadingVisualProps>;
20
- type NavListCompound = React.ForwardRefExoticComponent<NavListProps & React.RefAttributes<HTMLElement>> & {
21
- Item: typeof NavListItem;
22
- Group: typeof NavListGroup;
23
- GroupHeading: typeof NavListGroupHeading;
24
- LeadingVisual: typeof NavListLeadingVisual;
25
- SubNav: typeof PrimerNavList.SubNav;
26
- Divider: typeof PrimerNavList.Divider;
27
- TrailingVisual: typeof PrimerNavList.TrailingVisual;
28
- TrailingAction: typeof PrimerNavList.TrailingAction;
29
- GroupExpand: typeof PrimerNavList.GroupExpand;
6
+ declare const NavList: import("react").ForwardRefExoticComponent<Omit<NavListProps, "ref"> & import("react").RefAttributes<HTMLElement>> & {
7
+ Item: import("react").ForwardRefExoticComponent<PrimerNavListItemProps & {
8
+ children?: import("react").ReactNode | undefined;
9
+ } & SxProp & import("react").RefAttributes<HTMLAnchorElement>>;
10
+ Group: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLLIElement> & {
11
+ children: React.ReactNode;
12
+ title?: string;
13
+ } & {
14
+ children?: import("react").ReactNode | undefined;
15
+ } & SxProp & import("react").RefAttributes<HTMLLIElement>>;
16
+ SubNav: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.SubNav>>>;
17
+ Divider: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.Divider>>>;
18
+ LeadingVisual: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.LeadingVisual>>>;
19
+ TrailingVisual: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.TrailingVisual>>>;
20
+ TrailingAction: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.TrailingAction>>>;
21
+ GroupHeading: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.GroupHeading>>>;
22
+ GroupExpand: React.FC<React.PropsWithChildren<ComponentProps<typeof PrimerNavList.GroupExpand>>>;
30
23
  };
31
- declare const NavList: NavListCompound;
32
24
  export { NavList, type NavListProps };
33
25
  //# sourceMappingURL=NavList.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../src/components/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,aAAa,EAAM,MAAM,eAAe,CAAA;AAC3D,OAAO,KAAK,EACV,YAAY,IAAI,kBAAkB,EAClC,gBAAgB,IAAI,sBAAsB,EAE1C,wBAAwB,IAAI,8BAA8B,EAC1D,yBAAyB,IAAI,+BAA+B,EAC7D,MAAM,eAAe,CAAA;AACtB,OAAO,EAAa,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AACxD,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAA;AAEzG,KAAK,YAAY,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAA;AAQlE,QAAA,MAAM,WAAW;;8DAGf,CAAA;AAIF,QAAA,MAAM,YAAY;;;;;0DAGhB,CAAA;AAEF,KAAK,wBAAwB,GAAG,iBAAiB,CAAC,8BAA8B,CAAC,GAAG,MAAM,CAAA;AAE1F,QAAA,MAAM,mBAAmB,EAGnB,YAAY,CAAC,WAAW,EAAE,wBAAwB,CAAC,CAAA;AAEzD,KAAK,yBAAyB,GAAG,iBAAiB,CAAC,+BAA+B,CAAC,GAAG,MAAM,CAAA;AAE5F,QAAA,MAAM,oBAAoB,EAKrB,YAAY,CAAC,eAAe,EAAE,yBAAyB,CAAC,CAAA;AAE7D,KAAK,eAAe,GAAG,KAAK,CAAC,yBAAyB,CAAC,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,GAAG;IACxG,IAAI,EAAE,OAAO,WAAW,CAAA;IACxB,KAAK,EAAE,OAAO,YAAY,CAAA;IAC1B,YAAY,EAAE,OAAO,mBAAmB,CAAA;IACxC,aAAa,EAAE,OAAO,oBAAoB,CAAA;IAC1C,MAAM,EAAE,OAAO,aAAa,CAAC,MAAM,CAAA;IACnC,OAAO,EAAE,OAAO,aAAa,CAAC,OAAO,CAAA;IACrC,cAAc,EAAE,OAAO,aAAa,CAAC,cAAc,CAAA;IACnD,cAAc,EAAE,OAAO,aAAa,CAAC,cAAc,CAAA;IACnD,WAAW,EAAE,OAAO,aAAa,CAAC,WAAW,CAAA;CAC9C,CAAA;AAED,QAAA,MAAM,OAAO,EAAE,eAUb,CAAA;AAEF,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA"}
1
+ {"version":3,"file":"NavList.d.ts","sourceRoot":"","sources":["../../src/components/NavList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,aAAa,EAAM,MAAM,eAAe,CAAA;AAC3D,OAAO,KAAK,EACV,YAAY,IAAI,kBAAkB,EAClC,gBAAgB,IAAI,sBAAsB,EAE3C,MAAM,eAAe,CAAA;AACtB,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAC7E,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,YAAY,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAA;AAoBlE,QAAA,MAAM,OAAO;;;;;;;;;;YAOqB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC;aAC5E,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;mBACnE,KAAK,CAAC,EAAE,CACpD,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,aAAa,CAAC,CAAC,CAC5E;oBAC+C,KAAK,CAAC,EAAE,CACtD,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,cAAc,CAAC,CAAC,CAC7E;oBAC+C,KAAK,CAAC,EAAE,CACtD,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,cAAc,CAAC,CAAC,CAC7E;kBAC2C,KAAK,CAAC,EAAE,CAClD,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,YAAY,CAAC,CAAC,CAC3E;iBACyC,KAAK,CAAC,EAAE,CAChD,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,WAAW,CAAC,CAAC,CAC1E;CACD,CAAA;AAEF,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA"}
@@ -0,0 +1,8 @@
1
+ import { type SelectProps as PrimerSelectProps } from '@primer/react';
2
+ import { type SxProp } from '../sx';
3
+ type SelectProps = PrimerSelectProps & SxProp & {
4
+ as?: React.ElementType;
5
+ };
6
+ declare const Select: ({ as, ...props }: SelectProps) => import("react").JSX.Element;
7
+ export { Select, type SelectProps };
8
+ //# sourceMappingURL=Select.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,WAAW,IAAI,iBAAiB,EAAC,MAAM,eAAe,CAAA;AAC3F,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAIrC,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAOxE,QAAA,MAAM,MAAM,GAAI,kBAAgB,WAAW,gCAE1C,CAAA;AAED,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,CAAA"}
@@ -0,0 +1,20 @@
1
+ import { type TextInputProps as PrimerTextInputProps, type TextInputActionProps as PrimerTextInputActionProps } from '@primer/react';
2
+ import type { SxProp } from '../sx';
3
+ import type { ForwardRefExoticComponent, RefAttributes } from 'react';
4
+ export type TextInputProps = PrimerTextInputProps & SxProp & {
5
+ as?: React.ElementType;
6
+ };
7
+ export type TextInputActionProps = PrimerTextInputActionProps & SxProp;
8
+ declare const TextInputAction: ForwardRefExoticComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "size" | "aria-label" | "tooltipDirection"> & {
9
+ children?: React.ReactNode;
10
+ "aria-label"?: string;
11
+ tooltipDirection?: "n" | "ne" | "e" | "se" | "s" | "sw" | "w" | "nw";
12
+ icon?: React.FunctionComponent<React.PropsWithChildren<import("@primer/octicons-react").IconProps>>;
13
+ variant?: import("@primer/react").ButtonProps["variant"];
14
+ } & SxProp & RefAttributes<HTMLButtonElement>>;
15
+ type TextInputComposite = ForwardRefExoticComponent<TextInputProps & RefAttributes<HTMLInputElement>> & {
16
+ Action: typeof TextInputAction;
17
+ };
18
+ export declare const TextInput: TextInputComposite;
19
+ export {};
20
+ //# sourceMappingURL=TextInput.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/components/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,IAAI,oBAAoB,EAC3C,KAAK,oBAAoB,IAAI,0BAA0B,EACxD,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAC,yBAAyB,EAAE,aAAa,EAAC,MAAM,OAAO,CAAA;AAEnE,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AACrF,MAAM,MAAM,oBAAoB,GAAG,0BAA0B,GAAG,MAAM,CAAA;AAUtE,QAAA,MAAM,eAAe;;;;;;8CAEnB,CAAA;AAEF,KAAK,kBAAkB,GAAG,yBAAyB,CAAC,cAAc,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAC,GAAG;IACtG,MAAM,EAAE,OAAO,eAAe,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,kBAEtB,CAAA"}
@@ -0,0 +1,9 @@
1
+ import { type TextareaProps as PrimerTextareaProps } from '@primer/react';
2
+ import { type SxProp } from '../sx';
3
+ import type { ForwardRefComponent } from '../polymorphic';
4
+ type TextareaProps = PrimerTextareaProps & SxProp & {
5
+ as?: React.ElementType;
6
+ };
7
+ declare const Textarea: ForwardRefComponent<"textarea", TextareaProps>;
8
+ export { Textarea, type TextareaProps };
9
+ //# sourceMappingURL=Textarea.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,aAAa,IAAI,mBAAmB,EAAC,MAAM,eAAe,CAAA;AAEnG,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AACrC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAGvD,KAAK,aAAa,GAAG,mBAAmB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAQ5E,QAAA,MAAM,QAAQ,EAER,mBAAmB,CAAC,UAAU,EAAE,aAAa,CAAC,CAAA;AAEpD,OAAO,EAAC,QAAQ,EAAE,KAAK,aAAa,EAAC,CAAA"}
@@ -50,14 +50,6 @@
50
50
  "UnderlinePanels"
51
51
  ],
52
52
  "types": [
53
- "ActionListDividerProps",
54
- "ActionListGroupProps",
55
- "ActionListItemProps",
56
- "ActionListLeadingVisualProps",
57
- "ActionListLinkItemProps",
58
- "ActionListProps",
59
- "ActionListTrailingActionProps",
60
- "ActionListTrailingVisualProps",
61
53
  "AutocompleteOverlayProps",
62
54
  "AvatarProps",
63
55
  "BetterSystemStyleObject",
@@ -82,6 +74,7 @@
82
74
  "SegmentedControlButtonProps",
83
75
  "SegmentedControlIconButtonProps",
84
76
  "SegmentedControlProps",
77
+ "SelectProps",
85
78
  "SpinnerProps",
86
79
  "StateLabelProps",
87
80
  "SubNavLinkProps",
@@ -89,6 +82,8 @@
89
82
  "SxProp",
90
83
  "TabNavLinkProps",
91
84
  "TabNavProps",
85
+ "TextareaProps",
86
+ "TextInputActionProps",
92
87
  "TextInputProps",
93
88
  "TextProps",
94
89
  "TimelineBadgeProps",
package/dist/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ export { ActionList } from '@primer/react';
1
2
  export { Box, type BoxProps } from './components/Box';
2
3
  export { Button } from '@primer/react';
3
4
  export { Details } from '@primer/react';
@@ -5,17 +6,12 @@ export { FormControl } from '@primer/react';
5
6
  export { IconButton } from '@primer/react';
6
7
  export { ProgressBar } from '@primer/react';
7
8
  export { PageLayout } from '@primer/react';
8
- export { Select } from '@primer/react';
9
- export { Textarea } from '@primer/react';
10
- export { TextInput } from '@primer/react';
11
- export { type TextInputProps } from '@primer/react';
12
9
  export { ThemeProvider } from '@primer/react';
13
10
  export { merge } from '@primer/react';
14
11
  export { theme } from '@primer/react';
15
12
  export { themeGet } from '@primer/react';
16
13
  export { useColorSchemeVar } from '@primer/react';
17
14
  export { useTheme } from '@primer/react';
18
- export { ActionList, type ActionListProps, type ActionListItemProps, type ActionListLinkItemProps, type ActionListGroupProps, type ActionListDividerProps, type ActionListLeadingVisualProps, type ActionListTrailingVisualProps, type ActionListTrailingActionProps, } from './components/ActionList';
19
15
  export { ActionMenu } from './components/ActionMenu';
20
16
  export { Autocomplete, type AutocompleteOverlayProps } from './components/Autocomplete';
21
17
  export { Avatar, type AvatarProps } from './components/Avatar';
@@ -37,10 +33,13 @@ export { PageHeader, type PageHeaderProps, type PageHeaderActionsProps, type Pag
37
33
  export { RadioGroup, type RadioGroupProps } from './components/RadioGroup';
38
34
  export { RelativeTime, type RelativeTimeProps } from './components/RelativeTime';
39
35
  export { SegmentedControl, type SegmentedControlProps, type SegmentedControlButtonProps, type SegmentedControlIconButtonProps, } from './components/SegmentedControl';
36
+ export { Select, type SelectProps } from './components/Select';
40
37
  export { Spinner, type SpinnerProps } from './components/Spinner';
41
38
  export { StateLabel, type StateLabelProps } from './components/StateLabel';
42
39
  export { SubNav, type SubNavProps, type SubNavLinkProps } from './components/SubNav';
43
40
  export { Text, type TextProps } from './components/Text';
41
+ export { Textarea, type TextareaProps } from './components/Textarea';
42
+ export { TextInput, type TextInputProps, type TextInputActionProps } from './components/TextInput';
44
43
  export { Timeline, type TimelineProps, type TimelineItemProps, type TimelineBadgeProps, type TimelineBodyProps, type TimelineBreakProps, } from './components/Timeline';
45
44
  export { ToggleSwitch, type ToggleSwitchProps } from './components/ToggleSwitch';
46
45
  export { Tooltip, type TooltipProps } from './components/Tooltip';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
package/dist/index.js CHANGED
@@ -1,111 +1,13 @@
1
- import { ActionList as ActionList$1, sx, ActionMenu as ActionMenu$1, Autocomplete as Autocomplete$1, Box, Avatar as Avatar$1, Breadcrumbs as Breadcrumbs$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, CircleBadge as CircleBadge$1, CounterLabel as CounterLabel$1, Flash as Flash$1, Header as Header$1, Heading as Heading$1, Label as Label$1, Link as Link$1, LinkButton as LinkButton$1, NavList as NavList$1, Overlay as Overlay$1, RadioGroup as RadioGroup$1, RelativeTime as RelativeTime$1, SegmentedControl as SegmentedControl$1, Spinner as Spinner$1, StateLabel as StateLabel$1, SubNav as SubNav$1, Text as Text$1, Timeline as Timeline$1, ToggleSwitch as ToggleSwitch$1, useTheme, theme, Token as Token$1, Truncate as Truncate$1, UnderlineNav as UnderlineNav$1 } from '@primer/react';
2
- export { Box, Button, Details, FormControl, IconButton, PageLayout, ProgressBar, Select, TextInput, Textarea, ThemeProvider, merge, sx, theme, themeGet, useColorSchemeVar, useTheme } from '@primer/react';
3
- import React, { forwardRef } from 'react';
1
+ import { ActionMenu as ActionMenu$1, sx, Autocomplete as Autocomplete$1, Box, Avatar as Avatar$1, Breadcrumbs as Breadcrumbs$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, CircleBadge as CircleBadge$1, CounterLabel as CounterLabel$1, Flash as Flash$1, Header as Header$1, Heading as Heading$1, Label as Label$1, Link as Link$1, LinkButton as LinkButton$1, NavList as NavList$1, Overlay as Overlay$1, RadioGroup as RadioGroup$1, RelativeTime as RelativeTime$1, SegmentedControl as SegmentedControl$1, Select as Select$1, Spinner as Spinner$1, StateLabel as StateLabel$1, SubNav as SubNav$1, Text as Text$1, Textarea as Textarea$1, TextInput as TextInput$1, Timeline as Timeline$1, ToggleSwitch as ToggleSwitch$1, useTheme, theme, Token as Token$1, Truncate as Truncate$1, UnderlineNav as UnderlineNav$1 } from '@primer/react';
2
+ export { ActionList, Box, Button, Details, FormControl, IconButton, PageLayout, ProgressBar, ThemeProvider, merge, sx, theme, themeGet, useColorSchemeVar, useTheme } from '@primer/react';
4
3
  import styled from 'styled-components';
4
+ import React, { forwardRef } from 'react';
5
5
  import { jsx } from 'react/jsx-runtime';
6
6
  export { D as Dialog, P as PageHeader } from './PageHeader-DCDIR2C1.js';
7
7
  export { T as Tooltip } from './Tooltip-YuSlJ5b_.js';
8
8
  import css from '@styled-system/css';
9
9
  import '@primer/react/deprecated';
10
10
 
11
- const StyledActionList = styled(ActionList$1).withConfig({
12
- shouldForwardProp: prop => prop !== 'sx'
13
- }).withConfig({
14
- displayName: "ActionList__StyledActionList",
15
- componentId: "sc-hw2362-0"
16
- })(["", ""], sx);
17
- const ActionListImpl = /*#__PURE__*/React.forwardRef(function ActionListImpl({
18
- as,
19
- ...rest
20
- }, ref) {
21
- return /*#__PURE__*/jsx(StyledActionList, {
22
- ref: ref,
23
- ...rest,
24
- ...(as ? {
25
- forwardedAs: as
26
- } : {})
27
- });
28
- });
29
- const ActionListLinkItem = styled(ActionList$1.LinkItem).withConfig({
30
- shouldForwardProp: prop => prop !== 'sx'
31
- }).withConfig({
32
- displayName: "ActionList__ActionListLinkItem",
33
- componentId: "sc-hw2362-1"
34
- })(["", ""], sx);
35
- const StyledActionListTrailingAction = styled(ActionList$1.TrailingAction).withConfig({
36
- shouldForwardProp: prop => prop !== 'sx'
37
- }).withConfig({
38
- displayName: "ActionList__StyledActionListTrailingAction",
39
- componentId: "sc-hw2362-2"
40
- })(["", ""], sx);
41
- const ActionListTrailingAction = /*#__PURE__*/React.forwardRef((props, ref) => {
42
- const {
43
- as,
44
- ...rest
45
- } = props;
46
- return /*#__PURE__*/jsx(StyledActionListTrailingAction, {
47
- ...rest,
48
- ...(as ? {
49
- forwardedAs: as
50
- } : {}),
51
- ref: ref
52
- });
53
- });
54
- const StyledActionListItem = styled(ActionList$1.Item).withConfig({
55
- shouldForwardProp: prop => prop !== 'sx'
56
- }).withConfig({
57
- displayName: "ActionList__StyledActionListItem",
58
- componentId: "sc-hw2362-3"
59
- })(["", ""], sx);
60
- const ActionListItem = /*#__PURE__*/React.forwardRef(({
61
- children,
62
- as,
63
- ...props
64
- }, ref) => /*#__PURE__*/jsx(StyledActionListItem, {
65
- ref: ref,
66
- ...props,
67
- ...(as ? {
68
- forwardedAs: as
69
- } : {}),
70
- children: children
71
- }));
72
- const ActionListGroup = styled(ActionList$1.Group).withConfig({
73
- shouldForwardProp: prop => prop !== 'sx'
74
- }).withConfig({
75
- displayName: "ActionList__ActionListGroup",
76
- componentId: "sc-hw2362-4"
77
- })(["", ""], sx);
78
- const ActionListDivider = styled(ActionList$1.Divider).withConfig({
79
- shouldForwardProp: prop => prop !== 'sx'
80
- }).withConfig({
81
- displayName: "ActionList__ActionListDivider",
82
- componentId: "sc-hw2362-5"
83
- })(["", ""], sx);
84
- const ActionListLeadingVisual = styled(ActionList$1.LeadingVisual).withConfig({
85
- shouldForwardProp: prop => prop !== 'sx'
86
- }).withConfig({
87
- displayName: "ActionList__ActionListLeadingVisual",
88
- componentId: "sc-hw2362-6"
89
- })(["", ""], sx);
90
- const ActionListTrailingVisual = styled(ActionList$1.TrailingVisual).withConfig({
91
- shouldForwardProp: prop => prop !== 'sx'
92
- }).withConfig({
93
- displayName: "ActionList__ActionListTrailingVisual",
94
- componentId: "sc-hw2362-7"
95
- })(["", ""], sx);
96
- const ActionList = Object.assign(ActionListImpl, {
97
- Item: ActionListItem,
98
- LinkItem: ActionListLinkItem,
99
- Group: ActionListGroup,
100
- GroupHeading: ActionList$1.GroupHeading,
101
- Divider: ActionListDivider,
102
- Description: ActionList$1.Description,
103
- LeadingVisual: ActionListLeadingVisual,
104
- TrailingVisual: ActionListTrailingVisual,
105
- Heading: ActionList$1.Heading,
106
- TrailingAction: ActionListTrailingAction
107
- });
108
-
109
11
  const ActionMenuOverlay = styled(ActionMenu$1.Overlay).withConfig({
110
12
  shouldForwardProp: prop => prop !== 'sx'
111
13
  }).withConfig({
@@ -125,9 +27,15 @@ const AutocompleteOverlay = styled(Autocomplete$1.Overlay).withConfig({
125
27
  displayName: "Autocomplete__AutocompleteOverlay",
126
28
  componentId: "sc-j8ax2e-0"
127
29
  })(["", ""], sx);
30
+ const AutocompleteInput = styled(Autocomplete$1.Input).withConfig({
31
+ shouldForwardProp: prop => prop !== 'sx'
32
+ }).withConfig({
33
+ displayName: "Autocomplete__AutocompleteInput",
34
+ componentId: "sc-j8ax2e-1"
35
+ })(["", ""], sx);
128
36
  const Autocomplete = Object.assign(Autocomplete$1, {
129
37
  Context: Autocomplete$1.Context,
130
- Input: Autocomplete$1.Input,
38
+ Input: AutocompleteInput,
131
39
  Menu: Autocomplete$1.Menu,
132
40
  Overlay: AutocompleteOverlay
133
41
  });
@@ -357,31 +265,18 @@ const NavListGroup = /*#__PURE__*/forwardRef(function NavListGroup(props, ref) {
357
265
  ...props
358
266
  });
359
267
  });
360
- const NavListGroupHeading = /*#__PURE__*/forwardRef(function NavListGroupHeading(props, ref) {
361
- // @ts-expect-error - PrimerNavList.GroupHeading is not recognized as a valid component type
362
- return /*#__PURE__*/jsx(Box, {
363
- as: NavList$1.GroupHeading,
364
- ref: ref,
365
- ...props
366
- });
367
- });
368
- const NavListLeadingVisual = /*#__PURE__*/forwardRef(function NavListLeadingVisual(props, ref) {
369
- // @ts-expect-error - PrimerNavList.LeadingVisual is not recognized as a valid component type
370
- return /*#__PURE__*/jsx(Box, {
371
- as: NavList$1.LeadingVisual,
372
- ref: ref,
373
- ...props
374
- });
375
- });
376
268
  const NavList = Object.assign(NavListImpl, {
269
+ // Wrapped components that need sx support added back in
377
270
  Item: NavListItem,
378
271
  Group: NavListGroup,
379
- GroupHeading: NavListGroupHeading,
380
- LeadingVisual: NavListLeadingVisual,
272
+ // Re-exporting others directly
273
+ // TODO: try to remove typecasts to work around "non-portable types" TS error
381
274
  SubNav: NavList$1.SubNav,
382
275
  Divider: NavList$1.Divider,
276
+ LeadingVisual: NavList$1.LeadingVisual,
383
277
  TrailingVisual: NavList$1.TrailingVisual,
384
278
  TrailingAction: NavList$1.TrailingAction,
279
+ GroupHeading: NavList$1.GroupHeading,
385
280
  GroupExpand: NavList$1.GroupExpand
386
281
  });
387
282
 
@@ -456,6 +351,24 @@ const SegmentedControl = Object.assign(SegmentedControlImpl, {
456
351
  IconButton: SegmentedControlIconButton
457
352
  });
458
353
 
354
+ const StyledSelect = styled(Select$1).withConfig({
355
+ shouldForwardProp: prop => prop !== 'sx'
356
+ }).withConfig({
357
+ displayName: "Select__StyledSelect",
358
+ componentId: "sc-1pyiuc8-0"
359
+ })(["", ""], sx);
360
+ const Select = ({
361
+ as,
362
+ ...props
363
+ }) => {
364
+ return /*#__PURE__*/jsx(StyledSelect, {
365
+ ...props,
366
+ ...(as ? {
367
+ forwardedAs: as
368
+ } : {})
369
+ });
370
+ };
371
+
459
372
  function Spinner(props) {
460
373
  return /*#__PURE__*/jsx(Box, {
461
374
  as: Spinner$1,
@@ -509,6 +422,57 @@ const Text = /*#__PURE__*/forwardRef(({
509
422
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
510
423
  });
511
424
 
425
+ const StyledTextarea = styled(Textarea$1).withConfig({
426
+ shouldForwardProp: prop => prop !== 'sx'
427
+ }).withConfig({
428
+ displayName: "Textarea__StyledTextarea",
429
+ componentId: "sc-40d1gp-0"
430
+ })(["", ""], sx);
431
+ const Textarea = /*#__PURE__*/forwardRef(({
432
+ as,
433
+ ...props
434
+ }, ref) => {
435
+ return /*#__PURE__*/jsx(StyledTextarea, {
436
+ ...props,
437
+ ...(as ? {
438
+ forwardedAs: as
439
+ } : {}),
440
+ ref: ref
441
+ });
442
+ });
443
+
444
+ const StyledTextInput = /*#__PURE__*/forwardRef((props, ref) => {
445
+ return /*#__PURE__*/jsx(Box, {
446
+ as: TextInput$1,
447
+ ref: ref,
448
+ ...props
449
+ });
450
+ });
451
+ const TextInputImpl = /*#__PURE__*/forwardRef(({
452
+ as,
453
+ ...props
454
+ }, ref) => {
455
+ return /*#__PURE__*/jsx(StyledTextInput, {
456
+ ref: ref,
457
+ ...props,
458
+ ...(as ? {
459
+ forwardedAs: as
460
+ } : {})
461
+ });
462
+ });
463
+ const TextInputAction = /*#__PURE__*/forwardRef((props, ref) => {
464
+ return /*#__PURE__*/jsx(Box, {
465
+ as: TextInput$1.Action,
466
+ ref: ref,
467
+ ...props
468
+ });
469
+ });
470
+ const TextInput = Object.assign(TextInputImpl, {
471
+ Action: TextInputAction
472
+ });
473
+ TextInputAction.displayName = 'TextInputAction';
474
+ TextInputImpl.displayName = 'TextInput';
475
+
512
476
  const TimelineImpl = /*#__PURE__*/forwardRef(function Timeline(props, ref) {
513
477
  return /*#__PURE__*/jsx(Box, {
514
478
  as: Timeline$1,
@@ -632,4 +596,4 @@ const UnderlineNav = Object.assign(UnderlineNavImpl, {
632
596
  Item: UnderlineNavItem
633
597
  });
634
598
 
635
- export { ActionList, ActionMenu, Autocomplete, Avatar, Breadcrumb, Breadcrumbs, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Flash, Header, Heading, Label, Link, LinkButton, NavList, Overlay, RadioGroup, RelativeTime, SegmentedControl, Spinner, StateLabel, SubNav, Text, Timeline, ToggleSwitch, Token, Truncate, UnderlineNav };
599
+ export { ActionMenu, Autocomplete, Avatar, Breadcrumb, Breadcrumbs, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Flash, Header, Heading, Label, Link, LinkButton, NavList, Overlay, RadioGroup, RelativeTime, SegmentedControl, Select, Spinner, StateLabel, SubNav, Text, TextInput, Textarea, Timeline, ToggleSwitch, Token, Truncate, UnderlineNav };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/styled-react",
3
- "version": "0.0.0-20251006155521",
3
+ "version": "0.0.0-20251006161347",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": {
@@ -30,7 +30,7 @@
30
30
  "devDependencies": {
31
31
  "@babel/preset-react": "^7.27.1",
32
32
  "@babel/preset-typescript": "^7.27.1",
33
- "@primer/react": "0.0.0-20251006155521",
33
+ "@primer/react": "0.0.0-20251006161347",
34
34
  "@rollup/plugin-babel": "^6.0.4",
35
35
  "@types/react": "18.3.11",
36
36
  "@types/react-dom": "18.3.1",
@@ -46,7 +46,7 @@
46
46
  "typescript": "^5.9.2"
47
47
  },
48
48
  "peerDependencies": {
49
- "@primer/react": "0.0.0-20251006155521",
49
+ "@primer/react": "0.0.0-20251006161347",
50
50
  "@types/react": "18.x || 19.x",
51
51
  "@types/react-dom": "18.x || 19.x",
52
52
  "@types/react-is": "18.x || 19.x",
@@ -1,36 +0,0 @@
1
- import React from 'react';
2
- import { ActionList as PrimerActionList, type ActionListProps as PrimerActionListProps, type ActionListItemProps as PrimerActionListItemProps, type ActionListLinkItemProps as PrimerActionListLinkItemProps, type ActionListGroupProps as PrimerActionListGroupProps, type ActionListDividerProps as PrimerActionListDividerProps, type ActionListLeadingVisualProps as PrimerActionListLeadingVisualProps, type ActionListTrailingVisualProps as PrimerActionListTrailingVisualProps } from '@primer/react';
3
- import { type SxProp } from '../sx';
4
- import type { ForwardRefComponent } from '../polymorphic';
5
- type PrimerActionListTrailingActionProps = React.ComponentProps<typeof PrimerActionList.TrailingAction>;
6
- export type ActionListProps<As extends React.ElementType = 'ul'> = PrimerActionListProps<As> & SxProp;
7
- export type ActionListItemProps = React.PropsWithChildren<PrimerActionListItemProps & SxProp>;
8
- export type ActionListLinkItemProps = React.PropsWithChildren<PrimerActionListLinkItemProps & SxProp>;
9
- export type ActionListGroupProps = React.PropsWithChildren<PrimerActionListGroupProps & SxProp>;
10
- export type ActionListDividerProps = React.PropsWithChildren<PrimerActionListDividerProps & SxProp>;
11
- export type ActionListLeadingVisualProps = React.PropsWithChildren<PrimerActionListLeadingVisualProps & SxProp>;
12
- export type ActionListTrailingVisualProps = React.PropsWithChildren<PrimerActionListTrailingVisualProps & SxProp>;
13
- export type ActionListTrailingActionProps = React.PropsWithChildren<PrimerActionListTrailingActionProps & SxProp>;
14
- declare const ActionListImpl: React.ForwardRefExoticComponent<Omit<ActionListProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;
15
- declare const ActionListLinkItem: ForwardRefComponent<'a', ActionListLinkItemProps>;
16
- type TrailingActionElements = 'button' | 'a';
17
- declare const ActionListTrailingAction: ForwardRefComponent<TrailingActionElements, ActionListTrailingActionProps>;
18
- declare const ActionListItem: ForwardRefComponent<"li", ActionListItemProps>;
19
- declare const ActionListGroup: React.ComponentType<ActionListGroupProps>;
20
- declare const ActionListDivider: React.ComponentType<ActionListDividerProps>;
21
- declare const ActionListLeadingVisual: React.ComponentType<ActionListLeadingVisualProps>;
22
- declare const ActionListTrailingVisual: React.ComponentType<ActionListTrailingVisualProps>;
23
- export declare const ActionList: typeof ActionListImpl & {
24
- Item: typeof ActionListItem;
25
- LinkItem: typeof ActionListLinkItem;
26
- Group: typeof ActionListGroup;
27
- GroupHeading: typeof PrimerActionList.GroupHeading;
28
- Divider: typeof ActionListDivider;
29
- Description: typeof PrimerActionList.Description;
30
- LeadingVisual: typeof ActionListLeadingVisual;
31
- TrailingVisual: typeof ActionListTrailingVisual;
32
- Heading: typeof PrimerActionList.Heading;
33
- TrailingAction: typeof ActionListTrailingAction;
34
- };
35
- export {};
36
- //# sourceMappingURL=ActionList.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ActionList.d.ts","sourceRoot":"","sources":["../../src/components/ActionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,UAAU,IAAI,gBAAgB,EAC9B,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,mBAAmB,IAAI,yBAAyB,EACrD,KAAK,uBAAuB,IAAI,6BAA6B,EAC7D,KAAK,oBAAoB,IAAI,0BAA0B,EACvD,KAAK,sBAAsB,IAAI,4BAA4B,EAC3D,KAAK,4BAA4B,IAAI,kCAAkC,EACvE,KAAK,6BAA6B,IAAI,mCAAmC,EAC1E,MAAM,eAAe,CAAA;AACtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AACrC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,KAAK,mCAAmC,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,cAAc,CAAC,CAAA;AAEvG,MAAM,MAAM,eAAe,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,IAAI,IAAI,qBAAqB,CAAC,EAAE,CAAC,GAAG,MAAM,CAAA;AACrG,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,GAAG,MAAM,CAAC,CAAA;AAC7F,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,GAAG,MAAM,CAAC,CAAA;AACrG,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,iBAAiB,CAAC,0BAA0B,GAAG,MAAM,CAAC,CAAA;AAC/F,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,iBAAiB,CAAC,4BAA4B,GAAG,MAAM,CAAC,CAAA;AACnG,MAAM,MAAM,4BAA4B,GAAG,KAAK,CAAC,iBAAiB,CAAC,kCAAkC,GAAG,MAAM,CAAC,CAAA;AAC/G,MAAM,MAAM,6BAA6B,GAAG,KAAK,CAAC,iBAAiB,CAAC,mCAAmC,GAAG,MAAM,CAAC,CAAA;AACjH,MAAM,MAAM,6BAA6B,GAAG,KAAK,CAAC,iBAAiB,CAAC,mCAAmC,GAAG,MAAM,CAAC,CAAA;AAUjH,QAAA,MAAM,cAAc,yJAKlB,CAAA;AAEF,QAAA,MAAM,kBAAkB,EAAE,mBAAmB,CAAC,GAAG,EAAE,uBAAuB,CAMzE,CAAA;AAED,KAAK,sBAAsB,GAAG,QAAQ,GAAG,GAAG,CAAA;AAO5C,QAAA,MAAM,wBAAwB,EAWzB,mBAAmB,CAAC,sBAAsB,EAAE,6BAA6B,CAAC,CAAA;AAU/E,QAAA,MAAM,cAAc,EAId,mBAAmB,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAA;AAEpD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,oBAAoB,CAM9D,CAAA;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,sBAAsB,CAMlE,CAAA;AAED,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,aAAa,CAAC,4BAA4B,CAM9E,CAAA;AAED,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,aAAa,CAAC,6BAA6B,CAMhF,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,OAAO,cAAc,GAAG;IAC/C,IAAI,EAAE,OAAO,cAAc,CAAA;IAC3B,QAAQ,EAAE,OAAO,kBAAkB,CAAA;IACnC,KAAK,EAAE,OAAO,eAAe,CAAA;IAC7B,YAAY,EAAE,OAAO,gBAAgB,CAAC,YAAY,CAAA;IAClD,OAAO,EAAE,OAAO,iBAAiB,CAAA;IACjC,WAAW,EAAE,OAAO,gBAAgB,CAAC,WAAW,CAAA;IAChD,aAAa,EAAE,OAAO,uBAAuB,CAAA;IAC7C,cAAc,EAAE,OAAO,wBAAwB,CAAA;IAC/C,OAAO,EAAE,OAAO,gBAAgB,CAAC,OAAO,CAAA;IACxC,cAAc,EAAE,OAAO,wBAAwB,CAAA;CAY/C,CAAA"}