@primer/styled-react 1.0.0-rc.1 → 1.0.0-rc.10

package/dist/components/SegmentedControl.js

@@ -0,0 +1,31 @@
+import { SegmentedControl as SegmentedControl$1 } from '@primer/react';
+import Box from './Box.js';
+import { jsx } from 'react/jsx-runtime';
+
+const SegmentedControlButton = props => {
+  return /*#__PURE__*/jsx(Box, {
+    as: SegmentedControl$1.Button,
+    ...props
+  });
+};
+const SegmentedControlIconButton = props => {
+  return /*#__PURE__*/jsx(Box, {
+    as: SegmentedControl$1.IconButton,
+    ...props
+  });
+};
+const SegmentedControlImpl = props => {
+  return /*#__PURE__*/jsx(Box, {
+    as: SegmentedControl$1,
+    ...props
+  });
+};
+const SegmentedControl = Object.assign(SegmentedControlImpl, {
+  __SLOT__: SegmentedControl$1.__SLOT__,
+  Button: SegmentedControlButton,
+  IconButton: SegmentedControlIconButton
+});
+SegmentedControlButton.__SLOT__ = SegmentedControl$1.Button.__SLOT__;
+SegmentedControlIconButton.__SLOT__ = SegmentedControl$1.IconButton.__SLOT__;
+
+export { SegmentedControl };

package/dist/components/Select.d.ts

@@ -0,0 +1,8 @@
+import { type SelectProps as PrimerSelectProps } from '@primer/react';
+import { type SxProp } from '../sx';
+type SelectProps = PrimerSelectProps & SxProp & {
+    as?: React.ElementType;
+};
+declare const Select: ({ as, ...props }: SelectProps) => import("react").JSX.Element;
+export { Select, type SelectProps };
+//# sourceMappingURL=Select.d.ts.map

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

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

package/dist/components/Select.js

@@ -0,0 +1,24 @@
+import { Select as Select$1 } from '@primer/react';
+import sx from '../sx.js';
+import styled from 'styled-components';
+import { jsx } from 'react/jsx-runtime';
+
+const StyledSelect = styled(Select$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Select__StyledSelect",
+  componentId: "sc-1pyiuc8-0"
+})(["", ""], sx);
+const Select = ({
+  as,
+  ...props
+}) => {
+  return /*#__PURE__*/jsx(StyledSelect, {
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {})
+  });
+};
+
+export { Select };

package/dist/components/Spinner.d.ts

@@ -0,0 +1,5 @@
+import { Spinner as PrimerSpinner, type SpinnerProps as PrimerSpinnerProps } from '@primer/react';
+import { type SxProp } from '../sx';
+export type SpinnerProps = PrimerSpinnerProps & SxProp;
+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

@@ -0,0 +1 @@
+{"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/Spinner.js

@@ -0,0 +1,12 @@
+import { Spinner as Spinner$1 } from '@primer/react';
+import sx from '../sx.js';
+import styled from 'styled-components';
+
+const Spinner = styled(Spinner$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Spinner",
+  componentId: "sc-jbw2a0-0"
+})(["", ""], sx);
+
+export { Spinner };

package/dist/components/StateLabel.d.ts

@@ -0,0 +1,9 @@
+import { type StateLabelProps as PrimerStateLabelProps } from '@primer/react';
+import type { SxProp } from '../sx';
+type StateLabelProps = PrimerStateLabelProps & SxProp;
+declare const StateLabel: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & {
+    variant?: "small" | "normal";
+    status: "open" | "closed" | "issueOpened" | "pullOpened" | "issueClosed" | "issueClosedNotPlanned" | "pullClosed" | "pullMerged" | "draft" | "issueDraft" | "pullQueued" | "unavailable";
+} & SxProp & import("react").RefAttributes<HTMLSpanElement>>;
+export { StateLabel, type StateLabelProps };
+//# sourceMappingURL=StateLabel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StateLabel.d.ts","sourceRoot":"","sources":["../../src/components/StateLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,eAAe,IAAI,qBAAqB,EAAC,MAAM,eAAe,CAAA;AAG3G,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAErD,QAAA,MAAM,UAAU;;;4DAEd,CAAA;AAEF,OAAO,EAAC,UAAU,EAAE,KAAK,eAAe,EAAC,CAAA"}

package/dist/components/StateLabel.js

@@ -0,0 +1,14 @@
+import { StateLabel as StateLabel$1 } from '@primer/react';
+import { forwardRef } from 'react';
+import Box from './Box.js';
+import { jsx } from 'react/jsx-runtime';
+
+const StateLabel = /*#__PURE__*/forwardRef(function StateLabel(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: StateLabel$1,
+    ref: ref,
+    ...props
+  });
+});
+
+export { StateLabel };

package/dist/components/SubNav.d.ts

@@ -0,0 +1,10 @@
+import { type SubNavProps as PrimerSubNavProps, type SubNavLinkProps as PrimerSubNavLinkProps } from '@primer/react';
+import type { SxProp } from '../sx';
+type SubNavProps = PrimerSubNavProps & SxProp;
+type SubNavLinkProps = PrimerSubNavLinkProps & SxProp;
+declare const SubNav: import("react").ForwardRefExoticComponent<Omit<SubNavProps, "ref"> & import("react").RefAttributes<HTMLElement>> & {
+    __SLOT__: symbol;
+    Link: import("react").ForwardRefExoticComponent<Omit<SubNavLinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+};
+export { SubNav, type SubNavProps, type SubNavLinkProps };
+//# sourceMappingURL=SubNav.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubNav.d.ts","sourceRoot":"","sources":["../../src/components/SubNav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,WAAW,IAAI,iBAAiB,EACrC,KAAK,eAAe,IAAI,qBAAqB,EAE9C,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,KAAK,WAAW,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAM7C,KAAK,eAAe,GAAG,qBAAqB,GAAG,MAAM,CAAA;AAMrD,QAAA,MAAM,MAAM;;;CAGV,CAED;AAED,OAAO,EAAC,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,eAAe,EAAC,CAAA"}

package/dist/components/SubNav.js

@@ -0,0 +1,26 @@
+import { SubNav as SubNav$1 } from '@primer/react';
+import { forwardRef } from 'react';
+import Box from './Box.js';
+import { jsx } from 'react/jsx-runtime';
+
+const SubNavImpl = /*#__PURE__*/forwardRef(function SubNav(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: SubNav$1,
+    ref: ref,
+    ...props
+  });
+});
+const SubNavLink = /*#__PURE__*/forwardRef(function SubNavLink(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: SubNav$1.Link,
+    ref: ref,
+    ...props
+  });
+});
+const SubNav = Object.assign(SubNavImpl, {
+  __SLOT__: SubNav$1.__SLOT__,
+  Link: SubNavLink
+});
+SubNavLink.__SLOT__ = SubNav$1.Link.__SLOT__;
+
+export { SubNav };

package/dist/components/Text.d.ts

@@ -0,0 +1,15 @@
+import { type TextProps as PrimerTextProps } from '@primer/react';
+import { type SxProp } from '../sx';
+import type React from 'react';
+import type { ForwardRefComponent } from '../polymorphic';
+type BaseTextProps = {
+    size?: 'large' | 'medium' | 'small';
+    weight?: 'light' | 'normal' | 'medium' | 'semibold';
+    className?: string;
+    children?: React.ReactNode;
+    as?: React.ElementType;
+} & SxProp & React.HTMLAttributes<HTMLElement>;
+type TextProps<As extends React.ElementType = 'span'> = PrimerTextProps<As> & SxProp;
+declare const Text: ForwardRefComponent<"span", BaseTextProps>;
+export { Text, type TextProps };
+//# sourceMappingURL=Text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,IAAI,eAAe,EAAC,MAAM,eAAe,CAAA;AACnF,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAErC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAGvD,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAA;IACnD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CACvB,GAAG,MAAM,GACR,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAGnC,KAAK,SAAS,CAAC,EAAE,SAAS,KAAK,CAAC,WAAW,GAAG,MAAM,IAAI,eAAe,CAAC,EAAE,CAAC,GAAG,MAAM,CAAA;AAQpF,QAAA,MAAM,IAAI,EAEJ,mBAAmB,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;AAEhD,OAAO,EAAC,IAAI,EAAE,KAAK,SAAS,EAAC,CAAA"}

package/dist/components/Text.js

@@ -0,0 +1,26 @@
+import { Text as Text$1 } from '@primer/react';
+import sx from '../sx.js';
+import styled from 'styled-components';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+const StyledText = styled(Text$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Text__StyledText",
+  componentId: "sc-1klmep6-0"
+})(["", ""], sx);
+const Text = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/jsx(StyledText, {
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {}),
+    ref: ref
+  });
+});
+
+export { Text };

package/dist/components/TextInput.d.ts

@@ -0,0 +1,15 @@
+import { type TextInputProps as PrimerTextInputProps, type TextInputActionProps as PrimerTextInputActionProps } from '@primer/react';
+import { type ForwardRefExoticComponent, type RefAttributes } from 'react';
+import { type SxProp } from '../sx';
+import { type ForwardRefComponent } from '../polymorphic';
+export type TextInputProps = PrimerTextInputProps & SxProp & {
+    as?: React.ElementType;
+};
+export type TextInputActionProps = PrimerTextInputActionProps & SxProp;
+declare const TextInputAction: ForwardRefComponent<'button', TextInputActionProps>;
+type TextInputComposite = ForwardRefExoticComponent<TextInputProps & RefAttributes<HTMLInputElement>> & {
+    Action: typeof TextInputAction;
+};
+export declare const TextInput: TextInputComposite;
+export {};
+//# sourceMappingURL=TextInput.d.ts.map

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

@@ -0,0 +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;AACtB,OAAO,EAAa,KAAK,yBAAyB,EAAE,KAAK,aAAa,EAAC,MAAM,OAAO,CAAA;AACpF,OAAO,EAAK,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AACrC,OAAO,EAAC,KAAK,mBAAmB,EAAC,MAAM,gBAAgB,CAAA;AAGvD,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;AAYtE,QAAA,MAAM,eAAe,EAAE,mBAAmB,CAAC,QAAQ,EAAE,oBAAoB,CAIxE,CAAA;AAED,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,kBAGtB,CAAA"}

package/dist/components/TextInput.js

@@ -0,0 +1,38 @@
+import { TextInput as TextInput$1 } from '@primer/react';
+import { forwardRef } from 'react';
+import sx from '../sx.js';
+import styled from 'styled-components';
+import { jsx } from 'react/jsx-runtime';
+
+const StyledTextInput = styled(TextInput$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "TextInput__StyledTextInput",
+  componentId: "sc-ttxlvl-0"
+})(["", ""], sx);
+const TextInputImpl = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/jsx(StyledTextInput, {
+    ref: ref,
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {})
+  });
+});
+const TextInputAction = styled(TextInput$1.Action).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "TextInput__TextInputAction",
+  componentId: "sc-ttxlvl-1"
+})(["", ""], sx);
+const TextInput = Object.assign(TextInputImpl, {
+  __SLOT__: TextInput$1.__SLOT__,
+  Action: TextInputAction
+});
+TextInputAction.displayName = 'TextInputAction';
+TextInputImpl.displayName = 'TextInput';
+
+export { TextInput };

package/dist/components/Textarea.d.ts

@@ -0,0 +1,9 @@
+import { type TextareaProps as PrimerTextareaProps } from '@primer/react';
+import { type SxProp } from '../sx';
+import type { ForwardRefComponent } from '../polymorphic';
+type TextareaProps = PrimerTextareaProps & SxProp & {
+    as?: React.ElementType;
+};
+declare const Textarea: ForwardRefComponent<"textarea", TextareaProps>;
+export { Textarea, type TextareaProps };
+//# sourceMappingURL=Textarea.d.ts.map

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

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

package/dist/components/Textarea.js

@@ -0,0 +1,26 @@
+import { Textarea as Textarea$1 } from '@primer/react';
+import styled from 'styled-components';
+import sx from '../sx.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+const StyledTextarea = styled(Textarea$1).withConfig({
+  shouldForwardProp: prop => prop !== 'sx'
+}).withConfig({
+  displayName: "Textarea__StyledTextarea",
+  componentId: "sc-40d1gp-0"
+})(["", ""], sx);
+const Textarea = /*#__PURE__*/forwardRef(({
+  as,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/jsx(StyledTextarea, {
+    ...props,
+    ...(as ? {
+      forwardedAs: as
+    } : {}),
+    ref: ref
+  });
+});
+
+export { Textarea };

package/dist/components/ThemeProvider.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+export declare const defaultColorMode = "day";
+export type Theme = {
+    [key: string]: any;
+};
+type ColorMode = 'day' | 'night' | 'light' | 'dark';
+export type ColorModeWithAuto = ColorMode | 'auto';
+export type ThemeProviderProps = {
+    theme?: Theme;
+    colorMode?: ColorModeWithAuto;
+    dayScheme?: string;
+    nightScheme?: string;
+    preventSSRMismatch?: boolean;
+};
+export declare const ThemeProvider: React.FC<React.PropsWithChildren<ThemeProviderProps>>;
+export declare function useTheme(): {
+    theme?: Theme;
+    colorScheme?: string;
+    colorMode?: ColorModeWithAuto;
+    resolvedColorMode?: ColorMode;
+    resolvedColorScheme?: string;
+    dayScheme?: string;
+    nightScheme?: string;
+    setColorMode: React.Dispatch<React.SetStateAction<ColorModeWithAuto>>;
+    setDayScheme: React.Dispatch<React.SetStateAction<string>>;
+    setNightScheme: React.Dispatch<React.SetStateAction<string>>;
+};
+export declare function useColorSchemeVar(values: Partial<Record<string, string>>, fallback: string): string;
+export default ThemeProvider;
+//# sourceMappingURL=ThemeProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/components/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,eAAO,MAAM,gBAAgB,QAAQ,CAAA;AAKrC,MAAM,MAAM,KAAK,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAC,CAAA;AACxC,KAAK,SAAS,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;AACnD,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,MAAM,CAAA;AAElD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B,CAAA;AA8BD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAiF/E,CAAA;AAED,wBAAgB,QAAQ;YA9Gd,KAAK;kBACC,MAAM;gBACR,iBAAiB;wBACT,SAAS;0BACP,MAAM;gBAChB,MAAM;kBACJ,MAAM;kBACN,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;kBACvD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;oBAC1C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;EAuG7D;AAED,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,UAG1F;AAqGD,eAAe,aAAa,CAAA"}

package/dist/components/ThemeProvider.js

@@ -0,0 +1,202 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { ThemeProvider as ThemeProvider$1 } from 'styled-components';
+import { theme, useId, useSyncedState } from '@primer/react';
+import deepmerge from 'deepmerge';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+const defaultColorMode = 'day';
+const defaultDayScheme = 'light';
+const defaultNightScheme = 'dark';
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+
+const ThemeContext = /*#__PURE__*/React.createContext({
+  setColorMode: () => null,
+  setDayScheme: () => null,
+  setNightScheme: () => null
+});
+
+// inspired from __NEXT_DATA__, we use application/json to avoid CSRF policy with inline scripts
+const getServerHandoff = id => {
+  try {
+    const serverData = document.getElementById(`__PRIMER_DATA_${id}__`)?.textContent;
+    if (serverData) return JSON.parse(serverData);
+  } catch (_error) {
+    // if document/element does not exist or JSON is invalid, supress error
+  }
+  return {};
+};
+const ThemeProvider = ({
+  children,
+  ...props
+}) => {
+  // Get fallback values from parent ThemeProvider (if exists)
+  const {
+    theme: fallbackTheme,
+    colorMode: fallbackColorMode,
+    dayScheme: fallbackDayScheme,
+    nightScheme: fallbackNightScheme
+  } = useTheme();
+
+  // Initialize state
+  const theme$1 = props.theme ?? fallbackTheme ?? theme;
+  const uniqueDataId = useId();
+  const {
+    resolvedServerColorMode
+  } = getServerHandoff(uniqueDataId);
+  const resolvedColorModePassthrough = React.useRef(resolvedServerColorMode);
+  const [colorMode, setColorMode] = useSyncedState(props.colorMode ?? fallbackColorMode ?? defaultColorMode);
+  const [dayScheme, setDayScheme] = useSyncedState(props.dayScheme ?? fallbackDayScheme ?? defaultDayScheme);
+  const [nightScheme, setNightScheme] = useSyncedState(props.nightScheme ?? fallbackNightScheme ?? defaultNightScheme);
+  const systemColorMode = useSystemColorMode();
+  const resolvedColorMode = resolvedColorModePassthrough.current || resolveColorMode(colorMode, systemColorMode);
+  const colorScheme = chooseColorScheme(resolvedColorMode, dayScheme, nightScheme);
+  const {
+    resolvedTheme,
+    resolvedColorScheme
+  } = React.useMemo(() => applyColorScheme(theme$1, colorScheme), [theme$1, colorScheme]);
+
+  // this effect will only run on client
+  React.useEffect(function updateColorModeAfterServerPassthrough() {
+    const resolvedColorModeOnClient = resolveColorMode(colorMode, systemColorMode);
+    if (resolvedColorModePassthrough.current) {
+      // if the resolved color mode passed on from the server is not the resolved color mode on client, change it!
+      if (resolvedColorModePassthrough.current !== resolvedColorModeOnClient) {
+        window.setTimeout(() => {
+          // use ReactDOM.flushSync to prevent automatic batching of state updates since React 18
+          // ref: https://github.com/reactwg/react-18/discussions/21
+          ReactDOM.flushSync(() => {
+            // override colorMode to whatever is resolved on the client to get a re-render
+            setColorMode(resolvedColorModeOnClient);
+          });
+
+          // immediately after that, set the colorMode to what the user passed to respond to system color mode changes
+          setColorMode(colorMode);
+        });
+      }
+      resolvedColorModePassthrough.current = null;
+    }
+  }, [colorMode, systemColorMode, setColorMode]);
+  return /*#__PURE__*/jsx(ThemeContext.Provider, {
+    value: {
+      theme: resolvedTheme,
+      colorScheme,
+      colorMode,
+      resolvedColorMode,
+      resolvedColorScheme,
+      dayScheme,
+      nightScheme,
+      setColorMode,
+      setDayScheme,
+      setNightScheme
+    },
+    children: /*#__PURE__*/jsxs(ThemeProvider$1, {
+      theme: resolvedTheme,
+      children: [children, props.preventSSRMismatch ? /*#__PURE__*/jsx("script", {
+        type: "application/json",
+        id: `__PRIMER_DATA_${uniqueDataId}__`,
+        dangerouslySetInnerHTML: {
+          __html: JSON.stringify({
+            resolvedServerColorMode: resolvedColorMode
+          })
+        }
+      }) : null]
+    })
+  });
+};
+function useTheme() {
+  return React.useContext(ThemeContext);
+}
+function useColorSchemeVar(values, fallback) {
+  const {
+    colorScheme = ''
+  } = useTheme();
+  return values[colorScheme] ?? fallback;
+}
+function useSystemColorMode() {
+  const [systemColorMode, setSystemColorMode] = React.useState(getSystemColorMode);
+  React.useEffect(() => {
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+    const media = window?.matchMedia?.('(prefers-color-scheme: dark)');
+    function matchesMediaToColorMode(matches) {
+      return matches ? 'night' : 'day';
+    }
+    function handleChange(event) {
+      const isNight = event.matches;
+      setSystemColorMode(matchesMediaToColorMode(isNight));
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+    if (media) {
+      // just in case the preference changed before the event listener was attached
+      const isNight = media.matches;
+      setSystemColorMode(matchesMediaToColorMode(isNight));
+      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+      if (media.addEventListener !== undefined) {
+        media.addEventListener('change', handleChange);
+        return function cleanup() {
+          media.removeEventListener('change', handleChange);
+        };
+      }
+      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+      else if (media.addListener !== undefined) {
+        media.addListener(handleChange);
+        return function cleanup() {
+          media.removeListener(handleChange);
+        };
+      }
+    }
+  }, []);
+  return systemColorMode;
+}
+function getSystemColorMode() {
+  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+  if (typeof window !== 'undefined' && window.matchMedia?.('(prefers-color-scheme: dark)')?.matches) {
+    return 'night';
+  }
+  return 'day';
+}
+function resolveColorMode(colorMode, systemColorMode) {
+  switch (colorMode) {
+    case 'auto':
+      return systemColorMode;
+    default:
+      return colorMode;
+  }
+}
+function chooseColorScheme(colorMode, dayScheme, nightScheme) {
+  switch (colorMode) {
+    case 'day':
+    case 'light':
+      return dayScheme;
+    case 'dark':
+    case 'night':
+      return nightScheme;
+  }
+}
+function applyColorScheme(theme, colorScheme) {
+  if (!theme.colorSchemes) {
+    return {
+      resolvedTheme: theme,
+      resolvedColorScheme: undefined
+    };
+  }
+  if (!theme.colorSchemes[colorScheme]) {
+    // eslint-disable-next-line no-console
+    console.error(`\`${colorScheme}\` scheme not defined in \`theme.colorSchemes\``);
+
+    // Apply the first defined color scheme
+    const defaultColorScheme = Object.keys(theme.colorSchemes)[0];
+    return {
+      resolvedTheme: deepmerge(theme, theme.colorSchemes[defaultColorScheme]),
+      resolvedColorScheme: defaultColorScheme
+    };
+  }
+  return {
+    resolvedTheme: deepmerge(theme, theme.colorSchemes[colorScheme]),
+    resolvedColorScheme: colorScheme
+  };
+}
+
+export { ThemeProvider, ThemeProvider as default, defaultColorMode, useColorSchemeVar, useTheme };

package/dist/components/Timeline.d.ts

@@ -0,0 +1,26 @@
+import { type TimelineProps as PrimerTimelineProps, type TimelineItemProps as PrimerTimelineItemProps, type TimelineBadgeProps as PrimerTimelineBadgeProps, type TimelineBodyProps as PrimerTimelineBodyProps, type TimelineBreakProps as PrimerTimelineBreakProps } from '@primer/react';
+import { type SxProp } from '../sx';
+export type TimelineProps = PrimerTimelineProps & SxProp;
+export type TimelineItemProps = PrimerTimelineItemProps & SxProp;
+export type TimelineBadgeProps = PrimerTimelineBadgeProps & SxProp;
+export type TimelineBodyProps = PrimerTimelineBodyProps & SxProp;
+export type TimelineBreakProps = PrimerTimelineBreakProps & SxProp;
+declare function TimelineBadge(props: TimelineBadgeProps): import("react").JSX.Element;
+export declare const Timeline: import("react").ForwardRefExoticComponent<{
+    clipSidebar?: boolean;
+    className?: string;
+} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SxProp & import("react").RefAttributes<HTMLDivElement>> & {
+    Item: import("react").ForwardRefExoticComponent<{
+        condensed?: boolean;
+        className?: string;
+    } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SxProp & import("react").RefAttributes<HTMLDivElement>>;
+    Badge: typeof TimelineBadge;
+    Body: import("react").ForwardRefExoticComponent<{
+        className?: string;
+    } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SxProp & import("react").RefAttributes<HTMLDivElement>>;
+    Break: import("react").ForwardRefExoticComponent<{
+        className?: string;
+    } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & SxProp & import("react").RefAttributes<HTMLDivElement>>;
+};
+export {};
+//# sourceMappingURL=Timeline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../src/components/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,aAAa,IAAI,mBAAmB,EACzC,KAAK,iBAAiB,IAAI,uBAAuB,EACjD,KAAK,kBAAkB,IAAI,wBAAwB,EACnD,KAAK,iBAAiB,IAAI,uBAAuB,EACjD,KAAK,kBAAkB,IAAI,wBAAwB,EACpD,MAAM,eAAe,CAAA;AAGtB,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,MAAM,CAAA;AACxD,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,CAAA;AAChE,MAAM,MAAM,kBAAkB,GAAG,wBAAwB,GAAG,MAAM,CAAA;AAClE,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,CAAA;AAChE,MAAM,MAAM,kBAAkB,GAAG,wBAAwB,GAAG,MAAM,CAAA;AAUlE,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,+BAE/C;AAUD,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;CAKnB,CAAA"}

package/dist/components/Timeline.js

@@ -0,0 +1,47 @@
+import { Timeline as Timeline$1 } from '@primer/react';
+import Box from './Box.js';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+const TimelineImpl = /*#__PURE__*/forwardRef(function Timeline(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: Timeline$1,
+    ref: ref,
+    ...props
+  });
+});
+const TimelineItem = /*#__PURE__*/forwardRef(function TimelineItem(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: Timeline$1.Item,
+    ref: ref,
+    ...props
+  });
+});
+function TimelineBadge(props) {
+  return /*#__PURE__*/jsx(Box, {
+    as: Timeline$1.Badge,
+    ...props
+  });
+}
+const TimelineBody = /*#__PURE__*/forwardRef(function TimelineBody(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: Timeline$1.Body,
+    ref: ref,
+    ...props
+  });
+});
+const TimelineBreak = /*#__PURE__*/forwardRef(function TimelineBreak(props, ref) {
+  return /*#__PURE__*/jsx(Box, {
+    as: Timeline$1.Break,
+    ref: ref,
+    ...props
+  });
+});
+const Timeline = Object.assign(TimelineImpl, {
+  Item: TimelineItem,
+  Badge: TimelineBadge,
+  Body: TimelineBody,
+  Break: TimelineBreak
+});
+
+export { Timeline };

package/dist/components/ToggleSwitch.d.ts

@@ -0,0 +1,6 @@
+import { type ToggleSwitchProps as PrimerToggleSwitchProps } from '@primer/react';
+import type { StyledProps } from '../styled-props';
+type ToggleSwitchProps = PrimerToggleSwitchProps & Omit<StyledProps, keyof PrimerToggleSwitchProps>;
+declare const ToggleSwitch: import("react").ForwardRefExoticComponent<PrimerToggleSwitchProps & Omit<StyledProps, keyof PrimerToggleSwitchProps> & import("react").RefAttributes<HTMLButtonElement>>;
+export { ToggleSwitch, type ToggleSwitchProps };
+//# sourceMappingURL=ToggleSwitch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../src/components/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,iBAAiB,IAAI,uBAAuB,EAAC,MAAM,eAAe,CAAA;AAGnH,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,iBAAiB,CAAA;AAEhD,KAAK,iBAAiB,GAAG,uBAAuB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,uBAAuB,CAAC,CAAA;AAEnG,QAAA,MAAM,YAAY,0KAEhB,CAAA;AAEF,OAAO,EAAC,YAAY,EAAE,KAAK,iBAAiB,EAAC,CAAA"}