@primer/styled-react 0.0.0-20251006192403 → 0.0.0-20251006201210

package/dist/components/TextInput.d.ts

@@ -1,15 +1,20 @@
-import { TextInput as PrimerTextInput, type TextInputActionProps as PrimerTextInputActionProps, type TextInputProps } from '@primer/react';
+import { type TextInputProps as PrimerTextInputProps, type TextInputActionProps as PrimerTextInputActionProps } from '@primer/react';
 import type { SxProp } from '../sx';
+import type { ForwardRefExoticComponent, RefAttributes } from 'react';
+export type TextInputProps = PrimerTextInputProps & SxProp & {
+    as?: React.ElementType;
+};
 export type TextInputActionProps = PrimerTextInputActionProps & SxProp;
-declare const TextInputAction: import("react").ForwardRefExoticComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "aria-label" | "size" | "tooltipDirection"> & {
+declare const TextInputAction: ForwardRefExoticComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "size" | "aria-label" | "tooltipDirection"> & {
     children?: React.ReactNode;
     "aria-label"?: string;
     tooltipDirection?: "n" | "ne" | "e" | "se" | "s" | "sw" | "w" | "nw";
     icon?: React.FunctionComponent<React.PropsWithChildren<import("@primer/octicons-react").IconProps>>;
     variant?: import("@primer/react").ButtonProps["variant"];
-} & SxProp & import("react").RefAttributes<HTMLButtonElement>>;
-declare const TextInput: typeof PrimerTextInput & {
+} & SxProp & RefAttributes<HTMLButtonElement>>;
+type TextInputComposite = ForwardRefExoticComponent<TextInputProps & RefAttributes<HTMLInputElement>> & {
     Action: typeof TextInputAction;
 };
-export { TextInput, type TextInputProps };
+export declare const TextInput: TextInputComposite;
+export {};
 //# sourceMappingURL=TextInput.d.ts.map

package/dist/components/TextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/components/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,IAAI,eAAe,EAC5B,KAAK,oBAAoB,IAAI,0BAA0B,EACvD,KAAK,cAAc,EACpB,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,oBAAoB,GAAG,0BAA0B,GAAG,MAAM,CAAA;AAEtE,QAAA,MAAM,eAAe;;;;;;8DAEnB,CAAA;AAEF,QAAA,MAAM,SAAS,EAAE,OAAO,eAAe,GAAG;IAAC,MAAM,EAAE,OAAO,eAAe,CAAA;CAEvE,CAAA;AAIF,OAAO,EAAC,SAAS,EAAE,KAAK,cAAc,EAAC,CAAA"}
+{"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"}

package/dist/index.js

@@ -532,6 +532,25 @@ const Text = /*#__PURE__*/forwardRef(({
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
 });
 
+const StyledTextInput = /*#__PURE__*/forwardRef((props, ref) => {
+  return /*#__PURE__*/jsx(Box, {
+    as: TextInput$1,
+    ref: ref,
+    ...props
+  });
+});
+const TextInputImpl = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/jsx(StyledTextInput, {
+    ref: ref,
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {})
+  });
+});
 const TextInputAction = /*#__PURE__*/forwardRef((props, ref) => {
   return /*#__PURE__*/jsx(Box, {
     as: TextInput$1.Action,
@@ -539,11 +558,11 @@ const TextInputAction = /*#__PURE__*/forwardRef((props, ref) => {
     ...props
   });
 });
-const TextInput = Object.assign(TextInput$1, {
+const TextInput = Object.assign(TextInputImpl, {
   Action: TextInputAction
 });
-TextInput.displayName = 'TextInput';
-TextInputAction.displayName = 'TextInput.Action';
+TextInputAction.displayName = 'TextInputAction';
+TextInputImpl.displayName = 'TextInput';
 
 const TimelineImpl = /*#__PURE__*/forwardRef(function Timeline(props, ref) {
   return /*#__PURE__*/jsx(Box, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/styled-react",
-  "version": "0.0.0-20251006192403",
+  "version": "0.0.0-20251006201210",
   "type": "module",
   "exports": {
     ".": {
@@ -30,7 +30,7 @@
   "devDependencies": {
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@primer/react": "0.0.0-20251006192403",
+    "@primer/react": "0.0.0-20251006201210",
     "@rollup/plugin-babel": "^6.0.4",
     "@types/react": "18.3.11",
     "@types/react-dom": "18.3.1",
@@ -46,7 +46,7 @@
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "@primer/react": "0.0.0-20251006192403",
+    "@primer/react": "0.0.0-20251006201210",
     "@types/react": "18.x || 19.x",
     "@types/react-dom": "18.x || 19.x",
     "@types/react-is": "18.x || 19.x",