@primer/styled-react 0.1.0 → 0.3.0

package/dist/components.json

@@ -0,0 +1,138 @@
+{
+  "components": [
+    "ActionList",
+    "ActionMenu",
+    "Autocomplete",
+    "Avatar",
+    "BaseStyles",
+    "Box",
+    "Breadcrumb",
+    "Breadcrumbs",
+    "Button",
+    "Checkbox",
+    "CheckboxGroup",
+    "CircleBadge",
+    "CounterLabel",
+    "Details",
+    "Dialog",
+    "Flash",
+    "FormControl",
+    "Header",
+    "Heading",
+    "IconButton",
+    "Label",
+    "Link",
+    "LinkButton",
+    "NavList",
+    "Octicon",
+    "Overlay",
+    "PageHeader",
+    "PageLayout",
+    "ProgressBar",
+    "RadioGroup",
+    "RelativeTime",
+    "SegmentedControl",
+    "Select",
+    "Spinner",
+    "StateLabel",
+    "SubNav",
+    "Table",
+    "TabNav",
+    "Text",
+    "Textarea",
+    "TextInput",
+    "ThemeProvider",
+    "Timeline",
+    "ToggleSwitch",
+    "Token",
+    "Tooltip",
+    "Truncate",
+    "UnderlineNav",
+    "UnderlinePanels"
+  ],
+  "types": [
+    "ActionListDividerProps",
+    "ActionListGroupProps",
+    "ActionListItemProps",
+    "ActionListLeadingVisualProps",
+    "ActionListLinkItemProps",
+    "ActionListProps",
+    "ActionListTrailingActionProps",
+    "ActionListTrailingVisualProps",
+    "AutocompleteOverlayProps",
+    "AvatarProps",
+    "BaseStylesProps",
+    "BetterSystemStyleObject",
+    "BoxProps",
+    "BreadcrumbsItemProps",
+    "BreadcrumbsProps",
+    "ButtonProps",
+    "CheckboxGroupProps",
+    "CheckboxProps",
+    "CounterLabelProps",
+    "DataTableContainerProps",
+    "DialogHeaderProps",
+    "DialogProps",
+    "FormControlProps",
+    "HeaderProps",
+    "IconButtonProps",
+    "LabelProps",
+    "LinkButtonProps",
+    "LinkProps",
+    "NavListProps",
+    "OcticonProps",
+    "PageHeaderActionsProps",
+    "PageHeaderProps",
+    "PageHeaderTitleProps",
+    "PageLayoutProps",
+    "RadioGroupProps",
+    "RelativeTimeProps",
+    "SegmentedControlButtonProps",
+    "SegmentedControlIconButtonProps",
+    "SegmentedControlProps",
+    "SelectProps",
+    "SpinnerProps",
+    "StateLabelProps",
+    "SubNavLinkProps",
+    "SubNavProps",
+    "SxProp",
+    "TableActionsProps",
+    "TableBodyProps",
+    "TableCellProps",
+    "TableHeaderProps",
+    "TableHeadProps",
+    "TableProps",
+    "TableRowProps",
+    "TableSubtitleProps",
+    "TableTitleProps",
+    "TabNavLinkProps",
+    "TabNavProps",
+    "TextareaProps",
+    "TextInputActionProps",
+    "TextInputProps",
+    "TextProps",
+    "ThemeProviderProps",
+    "TimelineBadgeProps",
+    "TimelineBodyProps",
+    "TimelineBreakProps",
+    "TimelineItemProps",
+    "TimelineProps",
+    "ToggleSwitchProps",
+    "TokenProps",
+    "TooltipProps",
+    "TruncateProps",
+    "UnderlineNavItemProps",
+    "UnderlineNavProps",
+    "UnderlinePanelsPanelProps",
+    "UnderlinePanelsProps",
+    "UnderlinePanelsTabProps"
+  ],
+  "utilities": [
+    "merge",
+    "sx",
+    "theme",
+    "themeGet",
+    "useColorSchemeVar",
+    "useTheme"
+  ]
+}

package/dist/deprecated.d.ts

@@ -1,2 +1,6 @@
-export { Octicon } from '@primer/react/deprecated';
+export { TabNav, type TabNavProps, type TabNavLinkProps } from './components/deprecated/TabNav';
+export { Dialog, type DialogProps, type DialogHeaderProps } from './components/deprecated/DialogV1';
+export { Octicon, type OcticonProps } from './components/deprecated/Octicon';
+export { Tooltip, type TooltipProps } from './components/deprecated/Tooltip';
+export { ActionList, type ActionListProps, type ActionListItemProps, type ActionListGroupProps, } from './components/deprecated/ActionList';
 //# sourceMappingURL=deprecated.d.ts.map

package/dist/deprecated.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deprecated.d.ts","sourceRoot":"","sources":["../src/deprecated.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,0BAA0B,CAAA"}
+{"version":3,"file":"deprecated.d.ts","sourceRoot":"","sources":["../src/deprecated.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,MAAM,gCAAgC,CAAA;AAC7F,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,iBAAiB,EAAC,MAAM,kCAAkC,CAAA;AACjG,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,iCAAiC,CAAA;AAC1E,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,iCAAiC,CAAA;AAC1E,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,GAC1B,MAAM,oCAAoC,CAAA"}

package/dist/deprecated.js

@@ -1 +1,5 @@
-export { Octicon } from '@primer/react/deprecated';
+export { TabNav } from './components/deprecated/TabNav.js';
+export { Dialog } from './components/deprecated/DialogV1.js';
+export { default as Octicon } from './components/deprecated/Octicon.js';
+export { Tooltip } from './components/deprecated/Tooltip.js';
+export { ActionList } from './components/deprecated/ActionList.js';

package/dist/experimental.d.ts

@@ -1,2 +1,6 @@
-export { Dialog } from '@primer/react/experimental';
+export { Dialog, type DialogProps } from './components/Dialog';
+export { PageHeader, type PageHeaderProps, type PageHeaderActionsProps, type PageHeaderTitleProps, } from './components/PageHeader';
+export { Tooltip, type TooltipProps } from './components/Tooltip';
+export { UnderlinePanels, type UnderlinePanelsProps, type UnderlinePanelsTabProps, type UnderlinePanelsPanelProps, } from './components/UnderlinePanels';
+export { Table, type DataTableContainerProps, type TableProps, type TableHeadProps, type TableBodyProps, type TableRowProps, type TableHeaderProps, type TableCellProps, type TableTitleProps, type TableSubtitleProps, type TableActionsProps, } from './components/DataTable';
 //# sourceMappingURL=experimental.d.ts.map

package/dist/experimental.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"experimental.d.ts","sourceRoot":"","sources":["../src/experimental.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,4BAA4B,CAAA"}
+{"version":3,"file":"experimental.d.ts","sourceRoot":"","sources":["../src/experimental.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAC,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,GAC1B,MAAM,yBAAyB,CAAA;AAEhC,OAAO,EAAC,OAAO,EAAE,KAAK,YAAY,EAAC,MAAM,sBAAsB,CAAA;AAE/D,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,yBAAyB,GAC/B,MAAM,8BAA8B,CAAA;AAErC,OAAO,EACL,KAAK,EACL,KAAK,uBAAuB,EAC5B,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,GACvB,MAAM,wBAAwB,CAAA"}

package/dist/experimental.js

@@ -1 +1,5 @@
-export { Dialog } from '@primer/react/experimental';
+export { Dialog } from './components/Dialog.js';
+export { PageHeader } from './components/PageHeader.js';
+export { Tooltip } from './components/Tooltip.js';
+export { UnderlinePanels } from './components/UnderlinePanels.js';
+export { Table } from './components/DataTable.js';

package/dist/index.d.ts

@@ -1,2 +1,49 @@
-export { ActionList, ActionMenu, Box, type BoxProps, Breadcrumbs, Button, Flash, FormControl, Heading, IconButton, Label, Link, LinkButton, PageLayout, Text, TextInput, Truncate, sx, type SxProp, type BetterSystemStyleObject, } from '@primer/react';
+export { Box, type BoxProps } from './components/Box';
+export { Details } from '@primer/react';
+export { ProgressBar } from '@primer/react';
+export { ThemeProvider, useTheme, useColorSchemeVar, type ThemeProviderProps } from './components/ThemeProvider';
+export { BaseStyles, type BaseStylesProps } from './components/BaseStyles';
+export { theme } from '@primer/react';
+export { get as themeGet } from './theme-get';
+export { ActionList, type ActionListProps, type ActionListItemProps, type ActionListLinkItemProps, type ActionListGroupProps, type ActionListDividerProps, type ActionListLeadingVisualProps, type ActionListTrailingVisualProps, type ActionListTrailingActionProps, } from './components/ActionList';
+export { ActionMenu } from './components/ActionMenu';
+export { Autocomplete, type AutocompleteOverlayProps } from './components/Autocomplete';
+export { Avatar, type AvatarProps } from './components/Avatar';
+export { Breadcrumbs, Breadcrumb, type BreadcrumbsProps, type BreadcrumbsItemProps } from './components/Breadcrumbs';
+export { ButtonComponent as Button, type ButtonComponentProps as ButtonProps } from './components/Button';
+export { Checkbox, type CheckboxProps } from './components/Checkbox';
+export { CheckboxGroup, type CheckboxGroupProps } from './components/CheckboxGroup';
+export { CircleBadge } from './components/CircleBadge';
+export { CounterLabel, type CounterLabelProps } from './components/CounterLabel';
+export { Dialog, type DialogProps } from './components/Dialog';
+export { Flash } from './components/Flash';
+export { FormControl, type FormControlProps } from './components/FormControl';
+export { Header, type HeaderProps } from './components/Header';
+export { Heading } from './components/Heading';
+export { IconButton, type IconButtonProps } from './components/IconButton';
+export { Label, type LabelProps } from './components/Label';
+export { Link, type LinkProps } from './components/Link';
+export { LinkButton, type LinkButtonProps } from './components/LinkButton';
+export { NavList, type NavListProps } from './components/NavList';
+export { Overlay } from './components/Overlay';
+export { PageLayout, type PageLayoutProps } from './components/PageLayout';
+export { PageHeader, type PageHeaderProps, type PageHeaderActionsProps, type PageHeaderTitleProps, } from './components/PageHeader';
+export { RadioGroup, type RadioGroupProps } from './components/RadioGroup';
+export { RelativeTime, type RelativeTimeProps } from './components/RelativeTime';
+export { SegmentedControl, type SegmentedControlProps, type SegmentedControlButtonProps, type SegmentedControlIconButtonProps, } from './components/SegmentedControl';
+export { Select, type SelectProps } from './components/Select';
+export { Spinner, type SpinnerProps } from './components/Spinner';
+export { StateLabel, type StateLabelProps } from './components/StateLabel';
+export { SubNav, type SubNavProps, type SubNavLinkProps } from './components/SubNav';
+export { Text, type TextProps } from './components/Text';
+export { Textarea, type TextareaProps } from './components/Textarea';
+export { TextInput, type TextInputProps, type TextInputActionProps } from './components/TextInput';
+export { Timeline, type TimelineProps, type TimelineItemProps, type TimelineBadgeProps, type TimelineBodyProps, type TimelineBreakProps, } from './components/Timeline';
+export { ToggleSwitch, type ToggleSwitchProps } from './components/ToggleSwitch';
+export { Tooltip, type TooltipProps } from './components/Tooltip';
+export { Token, type TokenProps } from './components/Token';
+export { Truncate, type TruncateProps } from './components/Truncate';
+export { UnderlineNav, type UnderlineNavProps, type UnderlineNavItemProps } from './components/UnderlineNav';
+export { merge, sx, type SxProp } from './sx';
+export { type BetterSystemStyleObject } from './sx';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,UAAU,EACV,GAAG,EACH,KAAK,QAAQ,EACb,WAAW,EACX,MAAM,EACN,KAAK,EACL,WAAW,EACX,OAAO,EACP,UAAU,EACV,KAAK,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,IAAI,EACJ,SAAS,EACT,QAAQ,EAGR,EAAE,EACF,KAAK,MAAM,EACX,KAAK,uBAAuB,GAC7B,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -1 +1,47 @@
-export { ActionList, ActionMenu, Box, Breadcrumbs, Button, Flash, FormControl, Heading, IconButton, Label, Link, LinkButton, PageLayout, Text, TextInput, Truncate, sx } from '@primer/react';
+"use client";
+export { default as Box } from './components/Box.js';
+export { Details, ProgressBar, theme } from '@primer/react';
+export { ThemeProvider, useColorSchemeVar, useTheme } from './components/ThemeProvider.js';
+export { BaseStyles } from './components/BaseStyles.js';
+export { get as themeGet } from './theme-get.js';
+export { ActionList } from './components/ActionList.js';
+export { ActionMenu } from './components/ActionMenu.js';
+export { Autocomplete } from './components/Autocomplete.js';
+export { Avatar } from './components/Avatar.js';
+export { Breadcrumb, Breadcrumbs } from './components/Breadcrumbs.js';
+export { ButtonComponent as Button } from './components/Button.js';
+export { Checkbox } from './components/Checkbox.js';
+export { CheckboxGroup } from './components/CheckboxGroup.js';
+export { CircleBadge } from './components/CircleBadge.js';
+export { CounterLabel } from './components/CounterLabel.js';
+export { Dialog } from './components/Dialog.js';
+export { Flash } from './components/Flash.js';
+export { FormControl } from './components/FormControl.js';
+export { Header } from './components/Header.js';
+export { Heading } from './components/Heading.js';
+export { IconButton } from './components/IconButton.js';
+export { Label } from './components/Label.js';
+export { Link } from './components/Link.js';
+export { LinkButton } from './components/LinkButton.js';
+export { NavList } from './components/NavList.js';
+export { Overlay } from './components/Overlay.js';
+export { PageLayout } from './components/PageLayout.js';
+export { PageHeader } from './components/PageHeader.js';
+export { RadioGroup } from './components/RadioGroup.js';
+export { RelativeTime } from './components/RelativeTime.js';
+export { SegmentedControl } from './components/SegmentedControl.js';
+export { Select } from './components/Select.js';
+export { Spinner } from './components/Spinner.js';
+export { StateLabel } from './components/StateLabel.js';
+export { SubNav } from './components/SubNav.js';
+export { Text } from './components/Text.js';
+export { Textarea } from './components/Textarea.js';
+export { TextInput } from './components/TextInput.js';
+export { Timeline } from './components/Timeline.js';
+export { ToggleSwitch } from './components/ToggleSwitch.js';
+export { Tooltip } from './components/Tooltip.js';
+export { Token } from './components/Token.js';
+export { Truncate } from './components/Truncate.js';
+export { UnderlineNav } from './components/UnderlineNav.js';
+export { default as sx } from './sx.js';
+export { default as merge } from 'deepmerge';

package/dist/polymorphic.d.ts

@@ -0,0 +1,39 @@
+/**
+ * This file is originally from `@radix-ui/react-polymorphic` before the package
+ * was deprecated. The original source for this lived in the URL below.
+ *
+ * @see https://github.com/radix-ui/primitives/blob/17ffcb7aaa42cbd36b3c210ba86d7d73d218e5be/packages/react/polymorphic/src/polymorphic.ts
+ */
+import * as React from 'react';
+import type { JSX } from 'react';
+type Merge<P1 = {}, P2 = {}> = Omit<P1, keyof P2> & P2;
+/**
+ * Infers the OwnProps if E is a ForwardRefExoticComponentWithAs
+ */
+type OwnProps<E> = E extends ForwardRefComponent<any, infer P> ? P : {};
+/**
+ * Infers the JSX.IntrinsicElement if E is a ForwardRefExoticComponentWithAs
+ */
+type IntrinsicElement<E> = E extends ForwardRefComponent<infer I, any> ? I : never;
+type ForwardRefExoticComponent<E, OwnProps> = React.ForwardRefExoticComponent<Merge<E extends React.ElementType ? React.ComponentPropsWithRef<E> : never, OwnProps & {
+    as?: E;
+}>>;
+interface ForwardRefComponent<IntrinsicElementString, OwnProps = {}> extends ForwardRefExoticComponent<IntrinsicElementString, OwnProps> {
+    /**
+     * When `as` prop is passed, use this overload.
+     * Merges original own props (without DOM props) and the inferred props
+     * from `as` element with the own props taking precedence.
+     *
+     * We explicitly avoid `React.ElementType` and manually narrow the prop types
+     * so that events are typed when using JSX.IntrinsicElements.
+     */
+    <As = IntrinsicElementString>(props: As extends '' ? {
+        as: keyof JSX.IntrinsicElements;
+    } : As extends React.ComponentType<infer P> ? Merge<P, OwnProps & {
+        as: As;
+    }> : As extends keyof JSX.IntrinsicElements ? Merge<JSX.IntrinsicElements[As], OwnProps & {
+        as: As;
+    }> : never): React.ReactElement | null;
+}
+export type { ForwardRefComponent, OwnProps, IntrinsicElement, Merge };
+//# sourceMappingURL=polymorphic.d.ts.map

package/dist/polymorphic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"polymorphic.d.ts","sourceRoot":"","sources":["../src/polymorphic.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,OAAO,CAAA;AAK9B,KAAK,KAAK,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAA;AAEtD;;GAEG;AACH,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,mBAAmB,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,CAAA;AAEvE;;GAEG;AACH,KAAK,gBAAgB,CAAC,CAAC,IAAI,CAAC,SAAS,mBAAmB,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAElF,KAAK,yBAAyB,CAAC,CAAC,EAAE,QAAQ,IAAI,KAAK,CAAC,yBAAyB,CAC3E,KAAK,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,QAAQ,GAAG;IAAC,EAAE,CAAC,EAAE,CAAC,CAAA;CAAC,CAAC,CACjG,CAAA;AAMD,UAAU,mBAAmB,CAC3B,sBAAsB,EACtB,QAAQ,GAAG,EAAE,CAKb,SAAQ,yBAAyB,CAAC,sBAAsB,EAAE,QAAQ,CAAC;IACnE;;;;;;;OAOG;IACH,CAAC,EAAE,GAAG,sBAAsB,EAC1B,KAAK,EAAE,EAAE,SAAS,EAAE,GAChB;QAAC,EAAE,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAA;KAAC,GACjC,EAAE,SAAS,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,GACrC,KAAK,CAAC,CAAC,EAAE,QAAQ,GAAG;QAAC,EAAE,EAAE,EAAE,CAAA;KAAC,CAAC,GAC7B,EAAE,SAAS,MAAM,GAAG,CAAC,iBAAiB,GACpC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,QAAQ,GAAG;QAAC,EAAE,EAAE,EAAE,CAAA;KAAC,CAAC,GACrD,KAAK,GACZ,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;CAC7B;AAED,YAAY,EAAC,mBAAmB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAC,CAAA"}

package/dist/styled-props.d.ts

@@ -0,0 +1,4 @@
+import type { BackgroundProps, BorderProps, ColorProps, FlexboxProps, GridProps, LayoutProps, PositionProps, ShadowProps, SpaceProps, TypographyProps } from 'styled-system';
+import type { SxProp } from './sx';
+export type StyledProps = SxProp & SpaceProps & ColorProps & TypographyProps & LayoutProps & FlexboxProps & GridProps & BackgroundProps & BorderProps & PositionProps & ShadowProps;
+//# sourceMappingURL=styled-props.d.ts.map

package/dist/styled-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled-props.d.ts","sourceRoot":"","sources":["../src/styled-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,WAAW,EACX,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACX,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EAChB,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,MAAM,CAAA;AAEhC,MAAM,MAAM,WAAW,GAAG,MAAM,GAC9B,UAAU,GACV,UAAU,GACV,eAAe,GACf,WAAW,GACX,YAAY,GACZ,SAAS,GACT,eAAe,GACf,WAAW,GACX,aAAa,GACb,WAAW,CAAA"}

package/dist/sx.d.ts

@@ -0,0 +1,26 @@
+import type { SystemCssProperties, SystemStyleObject } from '@styled-system/css';
+import type { ThemeColorPaths, ThemeShadowPaths } from '@primer/react';
+import type { ColorProps, BorderColorProps, ShadowProps } from 'styled-system';
+import merge from 'deepmerge';
+export type BetterCssProperties = {
+    [K in keyof SystemCssProperties]: K extends keyof ColorProps ? ThemeColorPaths | SystemCssProperties[K] : K extends keyof BorderColorProps ? ThemeColorPaths | SystemCssProperties[K] : K extends keyof ShadowProps ? ThemeShadowPaths | SystemCssProperties[K] : SystemCssProperties[K];
+};
+export type CSSCustomProperties = {
+    [key: `--${string}`]: string | number;
+};
+type CSSSelectorObject = {
+    [cssSelector: string]: SystemStyleObject | CSSCustomProperties;
+};
+export type BetterSystemStyleObject = BetterCssProperties | SystemStyleObject | CSSCustomProperties | CSSSelectorObject;
+export interface SxProp {
+    /**
+     * @deprecated The `sx` prop is deprecated. Replace with a `div` or
+     * appropriate HTML element instead, with a CSS class for styling.
+     * @see https://github.com/primer/react/blob/main/contributor-docs/migration-from-box.md
+     * */
+    sx?: BetterSystemStyleObject;
+}
+declare const sx: (props: SxProp) => import("@styled-system/css").CssFunctionReturnType;
+export default sx;
+export { merge, sx };
+//# sourceMappingURL=sx.d.ts.map

package/dist/sx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sx.d.ts","sourceRoot":"","sources":["../src/sx.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAE,iBAAiB,EAAC,MAAM,oBAAoB,CAAA;AAE9E,OAAO,KAAK,EAAC,eAAe,EAAE,gBAAgB,EAAC,MAAM,eAAe,CAAA;AACpE,OAAO,KAAK,EAAC,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAC,MAAM,eAAe,CAAA;AAC5E,OAAO,KAAK,MAAM,WAAW,CAAA;AAE7B,MAAM,MAAM,mBAAmB,GAAG;KAC/B,CAAC,IAAI,MAAM,mBAAmB,GAAG,CAAC,SAAS,MAAM,UAAU,GACxD,eAAe,GAAG,mBAAmB,CAAC,CAAC,CAAC,GACxC,CAAC,SAAS,MAAM,gBAAgB,GAC9B,eAAe,GAAG,mBAAmB,CAAC,CAAC,CAAC,GACxC,CAAC,SAAS,MAAM,WAAW,GACzB,gBAAgB,GAAG,mBAAmB,CAAC,CAAC,CAAC,GACzC,mBAAmB,CAAC,CAAC,CAAC;CAC/B,CAAA;AAGD,MAAM,MAAM,mBAAmB,GAAG;IAChC,CAAC,GAAG,EAAE,KAAK,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAA;CACtC,CAAA;AAED,KAAK,iBAAiB,GAAG;IACvB,CAAC,WAAW,EAAE,MAAM,GAAG,iBAAiB,GAAG,mBAAmB,CAAA;CAC/D,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,mBAAmB,GAAG,iBAAiB,GAAG,mBAAmB,GAAG,iBAAiB,CAAA;AAEvH,MAAM,WAAW,MAAM;IACrB;;;;SAIK;IACL,EAAE,CAAC,EAAE,uBAAuB,CAAA;CAC7B;AAED,QAAA,MAAM,EAAE,GAAI,OAAO,MAAM,uDAAkB,CAAA;AAE3C,eAAe,EAAE,CAAA;AAEjB,OAAO,EAAC,KAAK,EAAE,EAAE,EAAC,CAAA"}

package/dist/sx.js

@@ -0,0 +1,8 @@
+import css from '@styled-system/css';
+export { default as merge } from 'deepmerge';
+
+// Support CSS custom properties in the `sx` prop
+
+const sx = props => css(props.sx);
+
+export { sx as default, sx };

package/dist/theme-get.d.ts

@@ -0,0 +1,2 @@
+export declare const get: (key: string) => (props: any) => any;
+//# sourceMappingURL=theme-get.d.ts.map

package/dist/theme-get.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-get.d.ts","sourceRoot":"","sources":["../src/theme-get.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,GAAG,GAAI,KAAK,MAAM,wBAAsC,CAAA"}

package/dist/theme-get.js

@@ -0,0 +1,10 @@
+import { themeGet } from '@styled-system/theme-get';
+import * as styledSystem from 'styled-system';
+import { theme } from '@primer/react';
+
+const {
+  get: getKey
+} = styledSystem;
+const get = key => themeGet(key, getKey(theme, key));
+
+export { get };

package/package.json

@@ -1,46 +1,66 @@
 {
   "name": "@primer/styled-react",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "type": "module",
   "exports": {
     ".": {
-      "types": "dist/index.d.ts",
-      "default": "dist/index.js"
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
     },
     "./deprecated": {
-      "types": "dist/deprecated.d.ts",
-      "default": "dist/deprecated.js"
+      "types": "./dist/deprecated.d.ts",
+      "default": "./dist/deprecated.js"
     },
     "./experimental": {
-      "types": "dist/experimental.d.ts",
-      "default": "dist/experimental.js"
-    }
+      "types": "./dist/experimental.d.ts",
+      "default": "./dist/experimental.js"
+    },
+    "./components.json": "./dist/components.json"
   },
   "files": [
     "README.md",
     "dist"
   ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/primer/react.git"
+  },
   "scripts": {
     "build": "script/build",
     "clean": "rimraf dist",
+    "lint:npm": "publint --types",
     "type-check": "tsc --noEmit"
   },
+  "dependencies": {
+    "@styled-system/css": "^5.1.5",
+    "@styled-system/props": "^5.1.5",
+    "@styled-system/theme-get": "^5.1.2",
+    "@types/styled-system": "^5.1.23",
+    "@types/styled-system__css": "^5.0.16",
+    "@types/styled-system__theme-get": "^5.0.1",
+    "styled-system": "^5.1.5"
+  },
   "devDependencies": {
-    "@babel/preset-typescript": "^7.27.1",
-    "@primer/react": "^37.31.0",
-    "@rollup/plugin-babel": "^6.0.4",
+    "@babel/preset-react": "^7.28.5",
+    "@babel/preset-typescript": "^7.28.5",
+    "@primer/react": "^38.1.0",
+    "@rollup/plugin-babel": "^6.1.0",
     "@types/react": "18.3.11",
     "@types/react-dom": "18.3.1",
+    "@types/styled-components": "^5.1.26",
+    "@vitejs/plugin-react": "^4.3.3",
+    "babel-plugin-styled-components": "2.1.4",
+    "publint": "^0.3.15",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rimraf": "^6.0.1",
-    "rollup": "4.45.1",
+    "rollup": "4.52.5",
     "rollup-plugin-typescript2": "^0.36.0",
     "styled-components": "5.3.11",
-    "typescript": "^5.8.2"
+    "typescript": "^5.9.2"
   },
   "peerDependencies": {
-    "@primer/react": "^37.29.1",
+    "@primer/react": "^38.0.0",
     "@types/react": "18.x || 19.x",
     "@types/react-dom": "18.x || 19.x",
     "@types/react-is": "18.x || 19.x",

package/dist/__tests__/exports.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=exports.test.d.ts.map

package/dist/__tests__/exports.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"exports.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/exports.test.ts"],"names":[],"mappings":""}