@primer/styled-react 1.0.0-rc.5 → 1.0.0-rc.6

package/dist/Tooltip-DIHgr01r.js

@@ -0,0 +1,152 @@
+import { Dialog as Dialog$1, Box, PageHeader as PageHeader$1, sx, Tooltip as Tooltip$1 } from '@primer/react';
+import React, { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import styled from 'styled-components';
+
+const DialogImpl = /*#__PURE__*/forwardRef(function Dialog(props, ref) {
+  // @ts-expect-error - PrimerDialog is not recognized as a valid component type
+  return /*#__PURE__*/jsx(Box, {
+    as: Dialog$1,
+    ref: ref,
+    ...props
+  });
+});
+const DialogHeader = /*#__PURE__*/forwardRef(function DialogHeader(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: Dialog$1.Header,
+    ref: ref,
+    ...props
+  });
+});
+const DialogBody = /*#__PURE__*/forwardRef(function DialogBody(props, ref) {
+  // @ts-expect-error - PrimerDialog.Body is not recognized as a valid component type
+  return /*#__PURE__*/jsx(Box, {
+    as: Dialog$1.Body,
+    ref: ref,
+    ...props
+  });
+});
+const DialogFooter = /*#__PURE__*/forwardRef(function DialogFooter(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: Dialog$1.Footer,
+    ref: ref,
+    ...props
+  });
+});
+const Dialog = Object.assign(DialogImpl, {
+  Buttons: Dialog$1.Buttons,
+  Header: DialogHeader,
+  Body: DialogBody,
+  Footer: DialogFooter
+});
+
+const StyledPageHeader = styled(PageHeader$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "PageHeader__StyledPageHeader",
+  componentId: "sc-1g9symn-0"
+})(["", ""], sx);
+const PageHeaderImpl = /*#__PURE__*/React.forwardRef(({
+  as,
+  ...props
+}, ref) => /*#__PURE__*/jsx(StyledPageHeader, {
+  ...props,
+  ...(as ? {
+    forwardedAs: as
+  } : {}),
+  ref: ref
+}));
+function PageHeaderActions({
+  sx,
+  ...rest
+}) {
+  const style = {};
+  if (sx) {
+    // @ts-ignore sx has height attribute
+    const {
+      height
+    } = sx;
+    if (height) {
+      style['--custom-height'] = height;
+    }
+  }
+
+  // @ts-expect-error type mismatch between Box usage here and PrimerPageHeader.Actions
+  return /*#__PURE__*/jsx(Box, {
+    ...rest,
+    as: PageHeader$1.Actions,
+    style: style,
+    sx: sx
+  });
+}
+function StyledPageHeaderTitle({
+  sx,
+  ...rest
+}) {
+  const style = {};
+  if (sx) {
+    // @ts-ignore sx can have color attribute
+    const {
+      fontSize,
+      lineHeight,
+      fontWeight
+    } = sx;
+    if (fontSize) {
+      style['--custom-font-size'] = fontSize;
+    }
+    if (lineHeight) {
+      style['--custom-line-height'] = lineHeight;
+    }
+    if (fontWeight) {
+      style['--custom-font-weight'] = fontWeight;
+    }
+  }
+
+  // @ts-expect-error type mismatch between Box usage here and PrimerPageHeader.Title
+  return /*#__PURE__*/jsx(Box, {
+    ...rest,
+    as: PageHeader$1.Title,
+    style: style,
+    sx: sx
+  });
+}
+const PageHeaderTitle = ({
+  as,
+  ...props
+}) => /*#__PURE__*/jsx(StyledPageHeaderTitle, {
+  ...props,
+  ...(as ? {
+    forwardedAs: as
+  } : {})
+});
+const PageHeaderTitleArea = styled(PageHeader$1.TitleArea).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "PageHeader__PageHeaderTitleArea",
+  componentId: "sc-1g9symn-1"
+})(["", ""], sx);
+const PageHeader = Object.assign(PageHeaderImpl, {
+  Actions: PageHeaderActions,
+  ContextArea: PageHeader$1.ContextArea,
+  ParentLink: PageHeader$1.ParentLink,
+  ContextBar: PageHeader$1.ContextBar,
+  TitleArea: PageHeaderTitleArea,
+  ContextAreaActions: PageHeader$1.ContextAreaActions,
+  LeadingAction: PageHeader$1.LeadingAction,
+  Breadcrumbs: PageHeader$1.Breadcrumbs,
+  LeadingVisual: PageHeader$1.LeadingVisual,
+  Title: PageHeaderTitle,
+  TrailingVisual: PageHeader$1.TrailingVisual,
+  Description: PageHeader$1.Description,
+  TrailingAction: PageHeader$1.TrailingAction
+});
+
+const Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: Tooltip$1,
+    ref: ref,
+    ...props
+  });
+});
+
+export { Dialog as D, PageHeader as P, Tooltip as T };

package/dist/components/ActionList.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+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';
+import { type SxProp } from '../sx';
+import type { ForwardRefComponent } from '../polymorphic';
+type PrimerActionListTrailingActionProps = React.ComponentProps<typeof PrimerActionList.TrailingAction>;
+export type ActionListProps<As extends React.ElementType = 'ul'> = PrimerActionListProps<As> & SxProp;
+export type ActionListItemProps = React.PropsWithChildren<PrimerActionListItemProps & SxProp>;
+export type ActionListLinkItemProps = React.PropsWithChildren<PrimerActionListLinkItemProps & SxProp>;
+export type ActionListGroupProps = React.PropsWithChildren<PrimerActionListGroupProps & SxProp>;
+export type ActionListDividerProps = React.PropsWithChildren<PrimerActionListDividerProps & SxProp>;
+export type ActionListLeadingVisualProps = React.PropsWithChildren<PrimerActionListLeadingVisualProps & SxProp>;
+export type ActionListTrailingVisualProps = React.PropsWithChildren<PrimerActionListTrailingVisualProps & SxProp>;
+export type ActionListTrailingActionProps = React.PropsWithChildren<PrimerActionListTrailingActionProps & SxProp>;
+declare const ActionListImpl: React.ForwardRefExoticComponent<Omit<ActionListProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;
+declare const ActionListLinkItem: ForwardRefComponent<'a', ActionListLinkItemProps>;
+type TrailingActionElements = 'button' | 'a';
+declare const ActionListTrailingAction: ForwardRefComponent<TrailingActionElements, ActionListTrailingActionProps>;
+declare const ActionListItem: ForwardRefComponent<"li", ActionListItemProps>;
+declare const ActionListGroup: React.ComponentType<ActionListGroupProps>;
+declare const ActionListDivider: React.ComponentType<ActionListDividerProps>;
+declare const ActionListLeadingVisual: React.ComponentType<ActionListLeadingVisualProps>;
+declare const ActionListTrailingVisual: React.ComponentType<ActionListTrailingVisualProps>;
+export declare const ActionList: typeof ActionListImpl & {
+    Item: typeof ActionListItem;
+    LinkItem: typeof ActionListLinkItem;
+    Group: typeof ActionListGroup;
+    GroupHeading: typeof PrimerActionList.GroupHeading;
+    Divider: typeof ActionListDivider;
+    Description: typeof PrimerActionList.Description;
+    LeadingVisual: typeof ActionListLeadingVisual;
+    TrailingVisual: typeof ActionListTrailingVisual;
+    Heading: typeof PrimerActionList.Heading;
+    TrailingAction: typeof ActionListTrailingAction;
+};
+export {};
+//# sourceMappingURL=ActionList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionList.d.ts","sourceRoot":"","sources":["../../src/components/ActionList.tsx"],"names":[],"mappings":"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"}

package/dist/components/DataTable.d.ts

@@ -0,0 +1,11 @@
+import { Table as PrimerDataTable, type TableContainerProps } from '@primer/react/experimental';
+import { type SxProp } from '../sx';
+import type React from 'react';
+type DataTableContainerProps<As extends React.ElementType = 'div'> = TableContainerProps<As> & SxProp;
+declare function DataTableContainer<As extends React.ElementType = 'div'>({ as, ...rest }: DataTableContainerProps<As>): React.JSX.Element;
+declare const Table: typeof PrimerDataTable & {
+    Container: typeof DataTableContainer;
+};
+export type { TableProps, TableHeadProps, TableBodyProps, TableRowProps, TableHeaderProps, TableCellProps, TableTitleProps, TableSubtitleProps, TableActionsProps, } from '@primer/react/experimental';
+export { Table, type DataTableContainerProps };
+//# sourceMappingURL=DataTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/components/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,IAAI,eAAe,EAAE,KAAK,mBAAmB,EAAC,MAAM,4BAA4B,CAAA;AAC7F,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,uBAAuB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI,mBAAmB,CAAC,EAAE,CAAC,GAAG,MAAM,CAAA;AAYrG,iBAAS,kBAAkB,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EAAE,EAAC,EAAE,EAAE,GAAG,IAAI,EAAC,EAAE,uBAAuB,CAAC,EAAE,CAAC,qBAE3G;AAED,QAAA,MAAM,KAAK,EAAE,OAAO,eAAe,GAAG;IACpC,SAAS,EAAE,OAAO,kBAAkB,CAAA;CAIpC,CAAA;AAEF,YAAY,EACV,UAAU,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,4BAA4B,CAAA;AAEnC,OAAO,EAAC,KAAK,EAAE,KAAK,uBAAuB,EAAC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/components/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,UAAU,IAAI,gBAAgB,EAA4B,MAAM,eAAe,CAAA;AAC5F,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAEvD,KAAK,UAAU,GAAG,gBAAgB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAMtE,QAAA,MAAM,KAAK,EAEL,mBAAmB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;AAE7C,OAAO,EAAC,KAAK,EAAE,KAAK,UAAU,EAAC,CAAA"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/components/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,UAAU,IAAI,gBAAgB,EAAuB,MAAM,eAAe,CAAA;AACvF,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAGvD,KAAK,UAAU,GAAG,gBAAgB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAA;AAQtE,QAAA,MAAM,KAAK,EAEL,mBAAmB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;AAE7C,OAAO,EAAC,KAAK,EAAE,KAAK,UAAU,EAAC,CAAA"}

package/dist/components/PageLayout.d.ts

@@ -0,0 +1,18 @@
+import React, { type PropsWithChildren } from 'react';
+import type { PageLayoutProps as PrimerPageLayoutProps, PageLayoutContentProps as PrimerPageLayoutContentProps, PageLayoutPaneProps as PrimerPageLayoutPaneProps } from '@primer/react';
+import { type SxProp } from '../sx';
+type PageLayoutProps = PropsWithChildren<PrimerPageLayoutProps> & SxProp;
+declare const PageLayout: React.ForwardRefExoticComponent<PrimerPageLayoutProps & {
+    children?: React.ReactNode | undefined;
+} & SxProp & React.RefAttributes<HTMLDivElement>> & {
+    Content: React.ForwardRefExoticComponent<PrimerPageLayoutContentProps & {
+        children?: React.ReactNode | undefined;
+    } & SxProp & React.RefAttributes<HTMLDivElement>>;
+    Header: React.FC<React.PropsWithChildren<import("@primer/react").PageLayoutHeaderProps>>;
+    Pane: React.ForwardRefExoticComponent<PrimerPageLayoutPaneProps & {
+        children?: React.ReactNode | undefined;
+    } & SxProp & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.FC<React.PropsWithChildren<import("@primer/react").PageLayoutFooterProps>>;
+};
+export { PageLayout, type PageLayoutProps };
+//# sourceMappingURL=PageLayout.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/Spinner.d.ts

@@ -1,6 +1,5 @@
-import { type SpinnerProps as PrimerSpinnerProps } from '@primer/react';
-import React from 'react';
-import type { SxProp } from '../sx';
+import { Spinner as PrimerSpinner, type SpinnerProps as PrimerSpinnerProps } from '@primer/react';
+import { type SxProp } from '../sx';
 export type SpinnerProps = PrimerSpinnerProps & SxProp;
-export declare function Spinner(props: SpinnerProps): React.JSX.Element;
+export declare const Spinner: import("styled-components").StyledComponent<typeof PrimerSpinner, any, SpinnerProps, never>;
 //# sourceMappingURL=Spinner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/components/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,YAAY,IAAI,kBAAkB,EAAC,MAAM,eAAe,CAAA;AACpG,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,MAAM,CAAA;AAEtD,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,qBAE1C"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/components/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,aAAa,EAAE,KAAK,YAAY,IAAI,kBAAkB,EAAC,MAAM,eAAe,CAAA;AAC/F,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAGrC,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,MAAM,CAAA;AAEtD,eAAO,MAAM,OAAO,6FAInB,CAAA"}

package/dist/components/Token.d.ts

@@ -1,7 +1,8 @@
-import { type TokenProps as PrimerTokenProps, type SxProp } from '@primer/react';
+import { type TokenProps as PrimerTokenProps } from '@primer/react';
+import { type SxProp } from '../sx';
 import type { ForwardRefComponent } from '../polymorphic';
 import type { PropsWithChildren } from 'react';
 type TokenProps = PropsWithChildren<PrimerTokenProps> & SxProp;
-declare const Token: ForwardRefComponent<'a' | 'button' | 'span', TokenProps>;
+declare const Token: ForwardRefComponent<"a" | "button" | "span", TokenProps>;
 export { Token, type TokenProps };
 //# sourceMappingURL=Token.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../src/components/Token.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,UAAU,IAAI,gBAAgB,EACnC,KAAK,MAAM,EAIZ,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAE5C,KAAK,UAAU,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAA;AAE9D,QAAA,MAAM,KAAK,EAAE,mBAAmB,CAAC,GAAG,GAAG,QAAQ,GAAG,MAAM,EAAE,UAAU,CAgBP,CAAA;AAE7D,OAAO,EAAC,KAAK,EAAE,KAAK,UAAU,EAAC,CAAA"}
+{"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../src/components/Token.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,UAAU,IAAI,gBAAgB,EAAuB,MAAM,eAAe,CAAA;AACvF,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AACrC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AACvD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAG5C,KAAK,UAAU,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAA;AAQ9D,QAAA,MAAM,KAAK,EAEL,mBAAmB,CAAC,GAAG,GAAG,QAAQ,GAAG,MAAM,EAAE,UAAU,CAAC,CAAA;AAE9D,OAAO,EAAC,KAAK,EAAE,KAAK,UAAU,EAAC,CAAA"}

package/dist/components/deprecated/ActionList.d.ts

@@ -0,0 +1,23 @@
+import { type PropsWithChildren } from 'react';
+import { type ActionListProps as PrimerActionListProps, type ActionListItemProps as PrimerActionListItemProps, type ActionListGroupProps as PrimerActionListGroupProps } from '@primer/react/deprecated';
+import { type SxProp } from '../../sx';
+import type { ActionListDividerProps } from '@primer/react';
+type ActionListProps = PropsWithChildren<PrimerActionListProps & SxProp>;
+type ActionListItemProps = PropsWithChildren<PrimerActionListItemProps & SxProp & {
+    as?: React.ElementType;
+}>;
+type ActionListGroupProps = PropsWithChildren<PrimerActionListGroupProps & SxProp>;
+declare function ActionListGroup(props: ActionListGroupProps): import("react").JSX.Element;
+declare function ActionListDivider(props: ActionListDividerProps): import("react").JSX.Element;
+declare const ActionList: import("react").ForwardRefExoticComponent<ActionListProps & import("react").RefAttributes<HTMLDivElement>> & {
+    Item: import("react").ForwardRefExoticComponent<PrimerActionListItemProps & SxProp & {
+        as?: React.ElementType;
+    } & {
+        children?: import("react").ReactNode | undefined;
+    } & import("react").RefAttributes<HTMLLIElement>>;
+    Group: typeof ActionListGroup;
+    Divider: typeof ActionListDivider;
+};
+export type { ActionListProps, ActionListItemProps, ActionListGroupProps };
+export { ActionList };
+//# sourceMappingURL=ActionList.d.ts.map

package/dist/components/deprecated/ActionList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionList.d.ts","sourceRoot":"","sources":["../../../src/components/deprecated/ActionList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,iBAAiB,EAAa,MAAM,OAAO,CAAA;AACxD,OAAO,EAEL,KAAK,eAAe,IAAI,qBAAqB,EAC7C,KAAK,mBAAmB,IAAI,yBAAyB,EACrD,KAAK,oBAAoB,IAAI,0BAA0B,EACxD,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,UAAU,CAAA;AAGxC,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,eAAe,CAAA;AAEzD,KAAK,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,GAAG,MAAM,CAAC,CAAA;AAExE,KAAK,mBAAmB,GAAG,iBAAiB,CAAC,yBAAyB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAC,CAAA;AAC3G,KAAK,oBAAoB,GAAG,iBAAiB,CAAC,0BAA0B,GAAG,MAAM,CAAC,CAAA;AAgBlF,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,+BAEnD;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,+BAEvD;AAED,QAAA,MAAM,UAAU;;aAzBwE,KAAK,CAAC,WAAW;;;;;;CA6BvG,CAAA;AAEF,YAAY,EAAC,eAAe,EAAE,mBAAmB,EAAE,oBAAoB,EAAC,CAAA;AACxE,OAAO,EAAC,UAAU,EAAC,CAAA"}

package/dist/components/deprecated/DialogV1.d.ts

@@ -0,0 +1,11 @@
+import type { DialogProps as PrimerDialogProps, DialogHeaderProps as PrimerDialogHeaderProps } from '@primer/react/deprecated';
+import type { SxProp } from '../../sx';
+import type { ForwardRefComponent } from '../../polymorphic';
+type DialogProps = PrimerDialogProps & SxProp;
+type DialogHeaderProps = PrimerDialogHeaderProps & SxProp;
+declare const Dialog: ForwardRefComponent<"div", DialogProps> & {
+    Header: ForwardRefComponent<"div", DialogHeaderProps>;
+};
+export { Dialog };
+export type { DialogProps, DialogHeaderProps };
+//# sourceMappingURL=DialogV1.d.ts.map

package/dist/components/deprecated/DialogV1.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogV1.d.ts","sourceRoot":"","sources":["../../../src/components/deprecated/DialogV1.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,WAAW,IAAI,iBAAiB,EAChC,iBAAiB,IAAI,uBAAuB,EAC7C,MAAM,0BAA0B,CAAA;AAEjC,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA;AAEpC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,mBAAmB,CAAA;AAE1D,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAU7C,KAAK,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,CAAA;AAUzD,QAAA,MAAM,MAAM;;CAEV,CAAA;AAEF,OAAO,EAAC,MAAM,EAAC,CAAA;AACf,YAAY,EAAC,WAAW,EAAE,iBAAiB,EAAC,CAAA"}

package/dist/components/deprecated/Octicon.d.ts

@@ -0,0 +1,17 @@
+import { type OcticonProps as PrimerOcticonProps } from '@primer/react/deprecated';
+import { type SxProp } from '../../sx';
+/**
+ * @deprecated Use the icon component directly from `@primer/octicons-react` instead
+ */
+export type OcticonProps = PrimerOcticonProps & SxProp & {
+    color?: string;
+};
+declare const Octicon: import("react").ForwardRefExoticComponent<{
+    icon: React.ElementType;
+    as?: React.ElementType;
+} & import("@primer/octicons-react").IconProps & SxProp & {
+    color?: string;
+} & import("react").RefAttributes<unknown>>;
+export default Octicon;
+export { Octicon };
+//# sourceMappingURL=Octicon.d.ts.map

package/dist/components/deprecated/Octicon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Octicon.d.ts","sourceRoot":"","sources":["../../../src/components/deprecated/Octicon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,YAAY,IAAI,kBAAkB,EAAC,MAAM,0BAA0B,CAAA;AAE1G,OAAO,EAAC,KAAK,MAAM,EAAK,MAAM,UAAU,CAAA;AAGxC;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,kBAAkB,GAAG,MAAM,GAAG;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAC,CAAA;AAazE,QAAA,MAAM,OAAO;;;;YAbqD,MAAM;2CAetE,CAAA;AAEF,eAAe,OAAO,CAAA;AACtB,OAAO,EAAC,OAAO,EAAC,CAAA"}

package/dist/components/deprecated/TabNav.d.ts

@@ -0,0 +1,9 @@
+import type { TabNavProps as PrimerTabNavProps, TabNavLinkProps as PrimerTabNavLinkProps } from '@primer/react/deprecated';
+import { type SxProp } from '../../sx';
+type TabNavProps = PrimerTabNavProps & SxProp;
+type TabNavLinkProps = PrimerTabNavLinkProps & SxProp;
+declare const TabNav: (({ as, ...props }: TabNavProps) => import("react").JSX.Element) & {
+    Link: import("react").ForwardRefExoticComponent<Omit<TabNavLinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+};
+export { TabNav, type TabNavProps, type TabNavLinkProps };
+//# sourceMappingURL=TabNav.d.ts.map

package/dist/components/deprecated/TabNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabNav.d.ts","sourceRoot":"","sources":["../../../src/components/deprecated/TabNav.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,WAAW,IAAI,iBAAiB,EAAE,eAAe,IAAI,qBAAqB,EAAC,MAAM,0BAA0B,CAAA;AACxH,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,UAAU,CAAA;AAIxC,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAC7C,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAsBrD,QAAA,MAAM,MAAM,sBAdwB,WAAW;;CAgB7C,CAAA;AAEF,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,CAAA"}

package/dist/components/deprecated/Tooltip.d.ts

@@ -0,0 +1,13 @@
+import { type TooltipProps as PrimerTooltipProps } from '@primer/react/deprecated';
+import { type SxProp } from '../../sx';
+import { type PropsWithChildren } from 'react';
+type TooltipProps = PropsWithChildren<PrimerTooltipProps & SxProp & {
+    as?: React.ElementType;
+}>;
+declare const TooltipImpl: import("react").ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const Tooltip: typeof TooltipImpl & {
+    alignments: string[];
+    directions: string[];
+};
+export { Tooltip, type TooltipProps };
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/deprecated/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/deprecated/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,YAAY,IAAI,kBAAkB,EAAC,MAAM,0BAA0B,CAAA;AAE1G,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,UAAU,CAAA;AACxC,OAAO,EAAC,KAAK,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAI5C,KAAK,YAAY,GAAG,iBAAiB,CAAC,kBAAkB,GAAG,MAAM,GAAG;IAAC,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAAC,CAAC,CAAA;AAQ7F,QAAA,MAAM,WAAW,uHAEf,CAAA;AAEF,QAAA,MAAM,OAAO,EAAkB,OAAO,WAAW,GAAG;IAClD,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,UAAU,EAAE,MAAM,EAAE,CAAA;CACrB,CAAA;AAMD,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,CAAA"}

package/dist/index.js

@@ -1,11 +1,10 @@
-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, 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';
+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, Spinner as Spinner$1, StateLabel as StateLabel$1, SubNav as SubNav$1, Text as Text$1, Timeline as Timeline$1, ToggleSwitch as ToggleSwitch$1, Token as Token$1, Truncate as Truncate$1, UnderlineNav as UnderlineNav$1 } from '@primer/react';
 export { ActionList, Box, Button, Details, FormControl, IconButton, PageLayout, ProgressBar, Select, TextInput, Textarea, ThemeProvider, merge, sx, theme, themeGet, useColorSchemeVar, useTheme } from '@primer/react';
 import styled from 'styled-components';
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 export { D as Dialog, P as PageHeader } from './PageHeader-DCDIR2C1.js';
 export { T as Tooltip } from './Tooltip-YuSlJ5b_.js';
-import css from '@styled-system/css';
 import '@primer/react/deprecated';
 
 const ActionMenuOverlay = styled(ActionMenu$1.Overlay).withConfig({
@@ -190,13 +189,12 @@ const Heading = styled(Heading$1).withConfig({
   componentId: "sc-1vc165i-0"
 })(["", ""], sx);
 
-const StyledLabel = /*#__PURE__*/forwardRef(function Label(props, ref) {
-  return /*#__PURE__*/jsx(Box, {
-    as: Label$1,
-    ref: ref,
-    ...props
-  });
-});
+const StyledLabel = styled(Label$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Label__StyledLabel",
+  componentId: "sc-1cpass9-0"
+})(["", ""], sx);
 const Label = /*#__PURE__*/forwardRef(({
   as,
   ...props
@@ -345,12 +343,12 @@ const SegmentedControl = Object.assign(SegmentedControlImpl, {
   IconButton: SegmentedControlIconButton
 });
 
-function Spinner(props) {
-  return /*#__PURE__*/jsx(Box, {
-    as: Spinner$1,
-    ...props
-  });
-}
+const Spinner = styled(Spinner$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Spinner",
+  componentId: "sc-jbw2a0-0"
+})(["", ""], sx);
 
 const StateLabel = /*#__PURE__*/forwardRef(function StateLabel(props, ref) {
   return /*#__PURE__*/jsx(Box, {
@@ -447,32 +445,21 @@ const ToggleSwitch = /*#__PURE__*/forwardRef(function ToggleSwitch(props, ref) {
   });
 });
 
-const Token = /*#__PURE__*/React.forwardRef(({
-  sx: sxProp,
-  style,
-  ...rest
+const StyledToken = styled(Token$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Token__StyledToken",
+  componentId: "sc-ldn0r8-0"
+})(["", ""], sx);
+const Token = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
 }, ref) => {
-  const contextTheme = useTheme();
-  const theme$1 = contextTheme.theme || theme;
-
-  // If no sx prop is provided, just return PrimerToken directly
-  if (!sxProp) {
-    return /*#__PURE__*/jsx(Token$1, {
-      ...rest,
-      style: style,
-      ref: ref
-    });
-  }
-
-  // Convert sx to CSS styles using the theme context
-  const sxStyles = css(sxProp)(theme$1);
-  const mergedStyle = {
-    ...sxStyles,
-    ...style
-  };
-  return /*#__PURE__*/jsx(Token$1, {
-    ...rest,
-    style: mergedStyle,
+  return /*#__PURE__*/jsx(StyledToken, {
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {}),
     ref: ref
   });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/styled-react",
-  "version": "1.0.0-rc.5",
+  "version": "1.0.0-rc.6",
   "type": "module",
   "exports": {
     ".": {