@primer/styled-react 0.0.0-20251006232453 → 0.0.0-20251006233517

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"}
@@ -0,0 +1,18 @@
1
+ import React, { type PropsWithChildren } from 'react';
2
+ import type { PageLayoutProps as PrimerPageLayoutProps, PageLayoutContentProps as PrimerPageLayoutContentProps, PageLayoutPaneProps as PrimerPageLayoutPaneProps } from '@primer/react';
3
+ import { type SxProp } from '../sx';
4
+ type PageLayoutProps = PropsWithChildren<PrimerPageLayoutProps> & SxProp;
5
+ declare const PageLayout: React.ForwardRefExoticComponent<PrimerPageLayoutProps & {
6
+ children?: React.ReactNode | undefined;
7
+ } & SxProp & React.RefAttributes<HTMLDivElement>> & {
8
+ Content: React.ForwardRefExoticComponent<PrimerPageLayoutContentProps & {
9
+ children?: React.ReactNode | undefined;
10
+ } & SxProp & React.RefAttributes<HTMLDivElement>>;
11
+ Header: React.FC<React.PropsWithChildren<import("@primer/react").PageLayoutHeaderProps>>;
12
+ Pane: React.ForwardRefExoticComponent<PrimerPageLayoutPaneProps & {
13
+ children?: React.ReactNode | undefined;
14
+ } & SxProp & React.RefAttributes<HTMLDivElement>>;
15
+ Footer: React.FC<React.PropsWithChildren<import("@primer/react").PageLayoutFooterProps>>;
16
+ };
17
+ export { PageLayout, type PageLayoutProps };
18
+ //# sourceMappingURL=PageLayout.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PageLayout.d.ts","sourceRoot":"","sources":["../../src/components/PageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAEnD,OAAO,KAAK,EACV,eAAe,IAAI,qBAAqB,EACxC,sBAAsB,IAAI,4BAA4B,EACtD,mBAAmB,IAAI,yBAAyB,EACjD,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAMrC,KAAK,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,GAAG,MAAM,CAAA;AAmBxE,QAAA,MAAM,UAAU;;;;;;;;;;;CAKd,CAAA;AAEF,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,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"}
@@ -79,11 +79,13 @@
79
79
  "PageHeaderActionsProps",
80
80
  "PageHeaderProps",
81
81
  "PageHeaderTitleProps",
82
+ "PageLayoutProps",
82
83
  "RadioGroupProps",
83
84
  "RelativeTimeProps",
84
85
  "SegmentedControlButtonProps",
85
86
  "SegmentedControlIconButtonProps",
86
87
  "SegmentedControlProps",
88
+ "SelectProps",
87
89
  "SpinnerProps",
88
90
  "StateLabelProps",
89
91
  "SubNavLinkProps",
@@ -100,6 +102,8 @@
100
102
  "TableTitleProps",
101
103
  "TabNavLinkProps",
102
104
  "TabNavProps",
105
+ "TextareaProps",
106
+ "TextInputActionProps",
103
107
  "TextInputProps",
104
108
  "TextProps",
105
109
  "TimelineBadgeProps",
package/dist/index.d.ts CHANGED
@@ -4,11 +4,6 @@ export { Details } from '@primer/react';
4
4
  export { FormControl } from '@primer/react';
5
5
  export { IconButton } from '@primer/react';
6
6
  export { ProgressBar } from '@primer/react';
7
- 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
7
  export { ThemeProvider } from '@primer/react';
13
8
  export { merge } from '@primer/react';
14
9
  export { theme } from '@primer/react';
@@ -33,14 +28,18 @@ export { Link, type LinkProps } from './components/Link';
33
28
  export { LinkButton, type LinkButtonProps } from './components/LinkButton';
34
29
  export { NavList, type NavListProps } from './components/NavList';
35
30
  export { Overlay } from './components/Overlay';
31
+ export { PageLayout, type PageLayoutProps } from './components/PageLayout';
36
32
  export { PageHeader, type PageHeaderProps, type PageHeaderActionsProps, type PageHeaderTitleProps, } from './components/PageHeader';
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,5 +1,5 @@
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';
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, PageLayout as PageLayout$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 { Box, Button, Details, FormControl, IconButton, ProgressBar, ThemeProvider, merge, sx, theme, themeGet, useColorSchemeVar, useTheme } from '@primer/react';
3
3
  import React, { forwardRef } from 'react';
4
4
  import styled from 'styled-components';
5
5
  import { jsx } from 'react/jsx-runtime';
@@ -125,9 +125,15 @@ const AutocompleteOverlay = styled(Autocomplete$1.Overlay).withConfig({
125
125
  displayName: "Autocomplete__AutocompleteOverlay",
126
126
  componentId: "sc-j8ax2e-0"
127
127
  })(["", ""], sx);
128
+ const AutocompleteInput = styled(Autocomplete$1.Input).withConfig({
129
+ shouldForwardProp: prop => prop !== 'sx'
130
+ }).withConfig({
131
+ displayName: "Autocomplete__AutocompleteInput",
132
+ componentId: "sc-j8ax2e-1"
133
+ })(["", ""], sx);
128
134
  const Autocomplete = Object.assign(Autocomplete$1, {
129
135
  Context: Autocomplete$1.Context,
130
- Input: Autocomplete$1.Input,
136
+ Input: AutocompleteInput,
131
137
  Menu: Autocomplete$1.Menu,
132
138
  Overlay: AutocompleteOverlay
133
139
  });
@@ -392,6 +398,39 @@ const Overlay = styled(Overlay$1).withConfig({
392
398
  componentId: "sc-tjbd74-0"
393
399
  })(["", ""], sx);
394
400
 
401
+ const Wrapper = styled.div.withConfig({
402
+ displayName: "PageLayout__Wrapper",
403
+ componentId: "sc-pjybtc-0"
404
+ })(["", ""], sx);
405
+ const PageLayoutImpl = /*#__PURE__*/React.forwardRef((props, ref) => {
406
+ // @ts-expect-error - PrimerPageLayout is not recognized as a valid component type
407
+ return /*#__PURE__*/jsx(Wrapper, {
408
+ as: PageLayout$1,
409
+ ref: ref,
410
+ ...props
411
+ });
412
+ });
413
+ const PageLayoutContent = /*#__PURE__*/React.forwardRef((props, ref) => {
414
+ return /*#__PURE__*/jsx(Wrapper, {
415
+ as: PageLayout$1.Content,
416
+ ref: ref,
417
+ ...props
418
+ });
419
+ });
420
+ const PageLayoutPane = /*#__PURE__*/React.forwardRef((props, ref) => {
421
+ return /*#__PURE__*/jsx(Wrapper, {
422
+ as: PageLayout$1.Pane,
423
+ ref: ref,
424
+ ...props
425
+ });
426
+ });
427
+ const PageLayout = Object.assign(PageLayoutImpl, {
428
+ Content: PageLayoutContent,
429
+ Header: PageLayout$1.Header,
430
+ Pane: PageLayoutPane,
431
+ Footer: PageLayout$1.Footer
432
+ });
433
+
395
434
  const RadioGroupImpl = props => {
396
435
  return /*#__PURE__*/jsx(Box, {
397
436
  as: RadioGroup$1,
@@ -456,6 +495,24 @@ const SegmentedControl = Object.assign(SegmentedControlImpl, {
456
495
  IconButton: SegmentedControlIconButton
457
496
  });
458
497
 
498
+ const StyledSelect = styled(Select$1).withConfig({
499
+ shouldForwardProp: prop => prop !== 'sx'
500
+ }).withConfig({
501
+ displayName: "Select__StyledSelect",
502
+ componentId: "sc-1pyiuc8-0"
503
+ })(["", ""], sx);
504
+ const Select = ({
505
+ as,
506
+ ...props
507
+ }) => {
508
+ return /*#__PURE__*/jsx(StyledSelect, {
509
+ ...props,
510
+ ...(as ? {
511
+ forwardedAs: as
512
+ } : {})
513
+ });
514
+ };
515
+
459
516
  function Spinner(props) {
460
517
  return /*#__PURE__*/jsx(Box, {
461
518
  as: Spinner$1,
@@ -509,6 +566,57 @@ const Text = /*#__PURE__*/forwardRef(({
509
566
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
510
567
  });
511
568
 
569
+ const StyledTextarea = styled(Textarea$1).withConfig({
570
+ shouldForwardProp: prop => prop !== 'sx'
571
+ }).withConfig({
572
+ displayName: "Textarea__StyledTextarea",
573
+ componentId: "sc-40d1gp-0"
574
+ })(["", ""], sx);
575
+ const Textarea = /*#__PURE__*/forwardRef(({
576
+ as,
577
+ ...props
578
+ }, ref) => {
579
+ return /*#__PURE__*/jsx(StyledTextarea, {
580
+ ...props,
581
+ ...(as ? {
582
+ forwardedAs: as
583
+ } : {}),
584
+ ref: ref
585
+ });
586
+ });
587
+
588
+ const StyledTextInput = /*#__PURE__*/forwardRef((props, ref) => {
589
+ return /*#__PURE__*/jsx(Box, {
590
+ as: TextInput$1,
591
+ ref: ref,
592
+ ...props
593
+ });
594
+ });
595
+ const TextInputImpl = /*#__PURE__*/forwardRef(({
596
+ as,
597
+ ...props
598
+ }, ref) => {
599
+ return /*#__PURE__*/jsx(StyledTextInput, {
600
+ ref: ref,
601
+ ...props,
602
+ ...(as ? {
603
+ forwardedAs: as
604
+ } : {})
605
+ });
606
+ });
607
+ const TextInputAction = /*#__PURE__*/forwardRef((props, ref) => {
608
+ return /*#__PURE__*/jsx(Box, {
609
+ as: TextInput$1.Action,
610
+ ref: ref,
611
+ ...props
612
+ });
613
+ });
614
+ const TextInput = Object.assign(TextInputImpl, {
615
+ Action: TextInputAction
616
+ });
617
+ TextInputAction.displayName = 'TextInputAction';
618
+ TextInputImpl.displayName = 'TextInput';
619
+
512
620
  const TimelineImpl = /*#__PURE__*/forwardRef(function Timeline(props, ref) {
513
621
  return /*#__PURE__*/jsx(Box, {
514
622
  as: Timeline$1,
@@ -632,4 +740,4 @@ const UnderlineNav = Object.assign(UnderlineNavImpl, {
632
740
  Item: UnderlineNavItem
633
741
  });
634
742
 
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 };
743
+ export { ActionList, ActionMenu, Autocomplete, Avatar, Breadcrumb, Breadcrumbs, Checkbox, CheckboxGroup, CircleBadge, CounterLabel, Flash, Header, Heading, Label, Link, LinkButton, NavList, Overlay, PageLayout, 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-20251006232453",
3
+ "version": "0.0.0-20251006233517",
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-20251006232453",
33
+ "@primer/react": "0.0.0-20251006233517",
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-20251006232453",
49
+ "@primer/react": "0.0.0-20251006233517",
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",