@multiplatform.one/components 0.2.0

package/src/panels/SimplePopover/index.tsx

@@ -0,0 +1,54 @@
+import type { PopoverProps, PopoverContentProps, AdaptProps, PopoverArrowProps } from 'tamagui';
+import { Adapt, Popover, YStack } from 'tamagui';
+import React from 'react';
+
+type SimplePopoverProps = PopoverProps & { element: React.ReactNode } & { contentStyle?: PopoverContentProps } & {
+  adaptStyle?: AdaptProps;
+} & { arrowStyle?: PopoverArrowProps };
+
+export function SimplePopover({
+  children,
+  element,
+  contentStyle,
+  adaptStyle,
+  arrowStyle,
+  ...props
+}: SimplePopoverProps) {
+  return (
+    <Popover size="$5" {...props}>
+      <Popover.Trigger cursor="pointer" asChild>
+        {children}
+      </Popover.Trigger>
+      <Adapt when="sm" platform="web" {...adaptStyle}>
+        <Popover.Sheet modal dismissOnSnapToBottom>
+          <Popover.Sheet.Frame padding="$4">
+            <Adapt.Contents />
+          </Popover.Sheet.Frame>
+          <Popover.Sheet.Overlay />
+        </Popover.Sheet>
+      </Adapt>
+      <Popover.Content
+        bw={1}
+        boc="$borderColor"
+        enterStyle={{ x: 10, y: -10, o: 0, scale: 0.1 }}
+        exitStyle={{ x: 10, y: 10, o: 0, scale: 0.2 }}
+        x={0}
+        y={0}
+        o={1}
+        animation={[
+          'bouncy',
+          {
+            opacity: {
+              overshootClamping: true,
+            },
+          },
+        ]}
+        elevate
+        {...contentStyle}
+      >
+        {/* <Popover.Arrow bw={1} boc="$borderColor" {...arrowStyle} /> */}
+        <YStack cursor="pointer">{element}</YStack>
+      </Popover.Content>
+    </Popover>
+  );
+}

package/src/panels/SimpleSheet/SimpleSheet.stories.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+// import { Text } from 'tamagui';
+import { SimpleSheet } from './index';
+import type { Meta } from '@storybook/react';
+
+const meta: Meta = {
+  // export default {
+  title: 'panels/SimpleSheet',
+  component: SimpleSheet,
+  parameters: { status: { type: 'beta' } },
+};
+
+export const main = () => <SimpleSheet modal />;
+export default meta;

package/src/panels/SimpleSheet/index.tsx

@@ -0,0 +1,109 @@
+import React from 'react';
+import type { SizeTokens, SheetProps } from 'tamagui';
+import { Button, XStack, YStack } from 'tamagui';
+import { ChevronDown, ChevronUp } from '@tamagui/lucide-icons';
+import { Sheet } from '@tamagui/sheet';
+import { create } from 'zustand';
+
+type SimpleSheetProps = SheetProps & { sheetElement?: React.ReactNode } & { modal?: boolean } & {
+  buttonSize?: SizeTokens | undefined;
+};
+
+type ComponentProps = SheetProps & { innerSheetElement?: React.ReactNode } & {
+  innerSheetButtonSize?: SizeTokens | undefined;
+};
+
+interface State {
+  position: number;
+  open: boolean;
+  innerOpen: boolean;
+}
+
+interface Action {
+  setPosition: (position: number) => void;
+  setOpen: (open: boolean) => void;
+  setInnerOpen: (innerOpen: boolean) => void;
+}
+
+const useStore = create<State & Action>((set) => ({
+  position: 0,
+  open: false,
+  innerOpen: false,
+  setPosition: (position) => set({ position }),
+  setOpen: (open) => set({ open }),
+  setInnerOpen: (innerOpen) => set({ innerOpen }),
+}));
+
+export const SimpleSheet = ({
+  children,
+  sheetElement,
+  modal,
+  innerSheetElement,
+  buttonSize,
+  innerSheetButtonSize,
+  ...props
+}: SimpleSheetProps & ComponentProps) => {
+  const { position, open, innerOpen, setPosition, setOpen, setInnerOpen } = useStore();
+  return (
+    <>
+      <XStack space>
+        <Button onPress={() => setOpen(true)}>{children}</Button>
+      </XStack>
+      <Sheet
+        forceRemoveScrollEnabled={open}
+        modal={modal || false}
+        open={open}
+        onOpenChange={setOpen}
+        snapPoints={[85, 50, 25]}
+        dismissOnSnapToBottom
+        position={position}
+        onPositionChange={setPosition}
+        zIndex={100_000}
+        {...props}
+      >
+        <Sheet.Overlay />
+        <Sheet.Handle />
+        <Sheet.Frame>
+          {sheetElement || (
+            <YStack f={1} p="$4" space="$5" jc="center" ai="center">
+              <Button size={buttonSize || '$6'} circular icon={ChevronDown} onPress={() => setOpen(false)} />
+              {(modal || innerSheetElement) && (
+                <>
+                  <InnerSheet
+                    open={innerOpen}
+                    onOpenChange={setInnerOpen}
+                    innerSheetElement={innerSheetElement}
+                    innerSheetButtonSize={innerSheetButtonSize}
+                    {...props}
+                  />
+                  <Button size={buttonSize || '$6'} circular icon={ChevronUp} onPress={() => setInnerOpen(true)} />
+                </>
+              )}
+            </YStack>
+          )}
+        </Sheet.Frame>
+      </Sheet>
+    </>
+  );
+};
+
+function InnerSheet({ innerSheetElement, innerSheetButtonSize, ...props }: ComponentProps) {
+  return (
+    <Sheet modal snapPoints={[90]} dismissOnSnapToBottom {...props}>
+      <Sheet.Overlay />
+      <Sheet.Handle />
+      <Sheet.Frame f={1} jc="center" ai="center" space="$5">
+        <Sheet.ScrollView p="$4" space>
+          <Button
+            size={innerSheetButtonSize || '$8'}
+            circular
+            als="center"
+            icon={ChevronDown}
+            onPress={() => props.onOpenChange?.(false)}
+          />
+          {innerSheetElement}
+        </Sheet.ScrollView>
+      </Sheet.Frame>
+    </Sheet>
+  );
+}

package/src/panels/SimpleTooltip/SimpleTooltip.stories.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import { SimpleTooltip } from './index';
+import { Text, YStack } from 'tamagui';
+import type { Meta } from '@storybook/react';
+
+const meta: Meta = {
+  title: 'panels/SimpleTooltip',
+  component: SimpleTooltip,
+  parameters: { status: { type: 'beta' } },
+};
+
+export const main = () => (
+  <SimpleTooltip
+    element={
+      <YStack>
+        <Text fontSize={15} fontWeight="700">
+          tool tip is working fine
+        </Text>
+      </YStack>
+    }
+    // themeStyle={{ color: 'red' }}
+  >
+    Tool Tip
+  </SimpleTooltip>
+);
+export default meta;

package/src/panels/SimpleTooltip/index.tsx

@@ -0,0 +1,45 @@
+import React from 'react';
+import type { TooltipProps, ThemeProps, ParagraphProps } from 'tamagui';
+import { Paragraph, Theme, Tooltip } from 'tamagui';
+
+type SimpleToolTipProps = TooltipProps & { element: React.ReactNode } & { themeStyle?: ThemeProps } & {
+  paragraphStyle?: ParagraphProps;
+};
+
+export function SimpleTooltip({
+  Icon,
+  children,
+  element,
+  themeStyle,
+  paragraphStyle,
+  ...props
+}: SimpleToolTipProps & { Icon?: any }) {
+  return (
+    <Tooltip {...props}>
+      <Tooltip.Trigger>{children}</Tooltip.Trigger>
+      <Theme inverse {...themeStyle}>
+        <Tooltip.Content
+          enterStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}
+          exitStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}
+          scale={1}
+          x={0}
+          y={0}
+          o={1}
+          animation={[
+            'quick',
+            {
+              opacity: {
+                overshootClamping: true,
+              },
+            },
+          ]}
+        >
+          <Tooltip.Arrow />
+          <Paragraph size="$2" lineHeight="$1" {...paragraphStyle}>
+            {element}
+          </Paragraph>
+        </Tooltip.Content>
+      </Theme>
+    </Tooltip>
+  );
+}

package/src/panels/index.ts

@@ -0,0 +1,5 @@
+export * from './SimpleAlertDialog';
+export * from './SimpleDialog';
+export * from './SimplePopover';
+export * from './SimpleSheet';
+export * from './SimpleTooltip';

package/src/providers/AnimationDriverTogglerContextProvider.tsx

@@ -0,0 +1,49 @@
+import React from 'react';
+import type { AnimationDriver } from '@tamagui/web';
+import type { PropsWithChildren } from 'react';
+import type { TamaguiInternalConfig } from 'tamagui';
+import { createAnimations as createAnimationsCss } from '@tamagui/animations-css';
+import { createContext, useMemo, useState } from 'react';
+
+const ANIMATION_DRIVERS = ['css', 'react-native'] as const;
+
+export const AnimationDriverTogglerContext = createContext<{
+  driver: AnimationDriver;
+  driverName: (typeof ANIMATION_DRIVERS)[number];
+  nextDriver: () => void;
+  setDriverName: (driverName: (typeof ANIMATION_DRIVERS)[number]) => void;
+} | null>(null);
+
+export interface AnimationDriverTogglerContextProviderProps extends PropsWithChildren {
+  tamaguiConfig: TamaguiInternalConfig;
+}
+
+export const AnimationDriverTogglerContextProvider = ({
+  children,
+  tamaguiConfig,
+}: AnimationDriverTogglerContextProviderProps) => {
+  const [driverName, setDriverName] = useState<(typeof ANIMATION_DRIVERS)[number]>('react-native');
+
+  const nextDriver = () => {
+    setDriverName(ANIMATION_DRIVERS[(ANIMATION_DRIVERS.indexOf(driverName) + 1) % ANIMATION_DRIVERS.length]);
+  };
+
+  const driver = useMemo(() => {
+    if (driverName === 'css')
+      return createAnimationsCss({
+        bouncy: 'ease-in 200ms',
+        lazy: 'ease-in 600ms',
+        slow: 'ease-in 500ms',
+        quick: 'ease-in 100ms',
+        tooltip: 'ease-in 400ms',
+      });
+    return tamaguiConfig.animations;
+  }, [driverName]);
+
+  return (
+    // eslint-disable-next-line react/jsx-no-constructed-context-values
+    <AnimationDriverTogglerContext.Provider value={{ driverName, nextDriver, setDriverName, driver }}>
+      {children}
+    </AnimationDriverTogglerContext.Provider>
+  );
+};

package/src/table/Table/Table.stories.tsx

@@ -0,0 +1,51 @@
+import React from 'react';
+import { Table } from './index';
+
+export default {
+  title: 'table/Table',
+  component: Table,
+  parameters: {
+    status: { type: 'beta' },
+  },
+};
+
+export const main = () => (
+  <Table heading="Choose your journey">
+    <Table.Col>
+      <Table.Cell head />
+      <Table.Cell>1</Table.Cell>
+      <Table.Cell>2</Table.Cell>
+      <Table.Cell>3</Table.Cell>
+    </Table.Col>
+    <Table.Col>
+      <Table.Cell head>Strategy</Table.Cell>
+      <Table.Cell>Universal</Table.Cell>
+      <Table.Cell>Lean</Table.Cell>
+      <Table.Cell>Big-Budget</Table.Cell>
+    </Table.Col>
+    <Table.Col>
+      <Table.Cell head>Native + Web</Table.Cell>
+      <Table.Cell>✅</Table.Cell>
+      <Table.Cell>❌</Table.Cell>
+      <Table.Cell>✅</Table.Cell>
+    </Table.Col>
+    <Table.Col>
+      <Table.Cell head>Code Sharing</Table.Cell>
+      <Table.Cell>{'>'} 70%</Table.Cell>
+      <Table.Cell>-</Table.Cell>
+      <Table.Cell>{'<'} 30%</Table.Cell>
+    </Table.Col>
+    <Table.Col>
+      <Table.Cell head>Feels native</Table.Cell>
+      <Table.Cell>❌</Table.Cell>
+      <Table.Cell>✅</Table.Cell>
+      <Table.Cell>✅</Table.Cell>
+    </Table.Col>
+    <Table.Col>
+      <Table.Cell head>Ship Fast</Table.Cell>
+      <Table.Cell>✅</Table.Cell>
+      <Table.Cell>✅</Table.Cell>
+      <Table.Cell>❌</Table.Cell>
+    </Table.Col>
+  </Table>
+);

package/src/table/Table/index.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { TableCell } from '../TableCell';
+import { TableCol } from '../TableCol';
+import { TableContext } from '../TableContext';
+import { styled, XStack, ThemeableStack, withStaticProperties } from 'tamagui';
+
+const StyledTableFrame = styled(ThemeableStack, {
+  name: 'Table',
+  context: TableContext,
+  bordered: true,
+  br: '$4',
+  ov: 'hidden',
+  my: '$4',
+});
+
+const TableFrame = ({ heading, children, ...props }) => {
+  return (
+    <StyledTableFrame overflow={'scroll' as any} {...props}>
+      {!!heading && (
+        <TableCell size="$4" bc="$color1" fow="500" color="$color9">
+          {heading}
+        </TableCell>
+      )}
+      <XStack minWidth="100%" ai="stretch">
+        {children}
+      </XStack>
+    </StyledTableFrame>
+  );
+};
+
+export const Table = withStaticProperties(TableFrame, {
+  Cell: TableCell,
+  Col: TableCol,
+});

package/src/table/TableCell/index.ts

@@ -0,0 +1,32 @@
+import { TableContext } from '../TableContext';
+import { styled, Paragraph } from 'tamagui';
+
+export const TableCell = styled(Paragraph, {
+  name: 'TableCell',
+  context: TableContext,
+  bbw: 1,
+  bbc: '$borderColor',
+  fd: 'row',
+  ai: 'center',
+  pos: 'relative',
+  f: 1,
+  jc: 'center',
+  ta: 'center',
+  h: '$4',
+  p: '$2',
+  px: '$3',
+  size: '$5',
+  ellipse: true,
+  variants: {
+    head: {
+      true: {
+        bc: '$color1',
+      },
+    },
+    highlight: {
+      true: {
+        bc: '$yellow2',
+      },
+    },
+  } as const,
+});

package/src/table/TableCol/index.ts

@@ -0,0 +1,12 @@
+import { TableContext } from '../TableContext';
+import { styled, ThemeableStack } from 'tamagui';
+
+export const TableCol = styled(ThemeableStack, {
+  name: 'TableCol',
+  context: TableContext,
+  brw: 1,
+  brc: '$borderColor',
+  f: 1,
+  mr: -1,
+  fd: 'column',
+});

package/src/table/TableContext.ts

@@ -0,0 +1,3 @@
+import { createStyledContext } from 'tamagui';
+
+export const TableContext = createStyledContext({});

package/src/table/index.ts

@@ -0,0 +1,3 @@
+export * from './Table';
+export * from './TableCell';
+export * from './TableCol';

package/src/utils/setTinted.ts

@@ -0,0 +1,12 @@
+export let isTinted = true;
+
+export const setTinted = (next: boolean) => {
+  isTinted = next;
+  listeners.forEach((cb) => cb(next));
+};
+
+export const toggleTinted = () => {
+  setTinted(!isTinted);
+};
+
+export const listeners = new Set<Function>();

package/src/utils/unwrapText.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+
+export function unwrapText(children: any) {
+  return React.Children.toArray(children).map((x) => {
+    // @ts-ignore
+    return x?.props?.children ? x.props.children : x;
+  });
+}

package/types/ErrorBoundary/index.d.ts

@@ -0,0 +1,12 @@
+import { Component } from 'react';
+export declare class ErrorBoundary extends Component<any> {
+    static getDerivedStateFromError(_err: Error): {
+        hasError: boolean;
+    };
+    state: {
+        hasError: boolean;
+    };
+    componentDidCatch(err: Error, errorInfo: any): void;
+    render(): any;
+}
+//# sourceMappingURL=index.d.ts.map

package/types/ErrorBoundary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ErrorBoundary/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzC,qBAAa,aAAc,SAAQ,SAAS,CAAC,GAAG,CAAC;IAC/C,MAAM,CAAC,wBAAwB,CAAC,IAAI,EAAE,KAAK;;;IAI3C,KAAK;;MAAuB;IAE5B,iBAAiB,CAAC,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG;IAI5C,MAAM;CAWP"}

package/types/code/Code/Code.stories.d.ts

@@ -0,0 +1,6 @@
+import { Code } from './index';
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export declare const main: StoryObj<typeof Code>;
+export default meta;
+//# sourceMappingURL=Code.stories.d.ts.map

package/types/code/Code/Code.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Code.stories.d.ts","sourceRoot":"","sources":["../../../src/code/Code/Code.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,QAAQ,CAAC,OAAO,IAAI,CAKtC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/types/code/Code/index.d.ts

@@ -0,0 +1,118 @@
+import type { GetProps } from 'tamagui';
+export declare const Code: import("tamagui").TamaguiComponent<Omit<import("react-native").TextProps, "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+} | ({
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+} & {
+    [x: string]: undefined;
+}), "colored"> & {
+    readonly colored?: boolean | undefined;
+} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+} | ({
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+} & {
+    [x: string]: undefined;
+}), "colored"> & {
+    readonly colored?: boolean | undefined;
+}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+} | ({
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+} & {
+    [x: string]: undefined;
+}), "colored"> & {
+    readonly colored?: boolean | undefined;
+}>>, import("tamagui").TamaguiElement, import("tamagui").TextPropsBase, ({
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+} | ({
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+} & {
+    [x: string]: undefined;
+})) & {
+    readonly colored?: boolean | undefined;
+}, {
+    displayName: string | undefined;
+}>;
+export declare const CodeInline: import("tamagui").TamaguiComponent<(Omit<import("react-native").TextProps, "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{}, "size"> & {
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{}, "size"> & {
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{}, "size"> & {
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+}>>) | (Omit<import("react-native").TextProps, "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+}, string | number> & {
+    [x: string]: undefined;
+} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+}, string | number> & {
+    [x: string]: undefined;
+}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+}, string | number> & {
+    [x: string]: undefined;
+}>>) | (Omit<import("react-native").TextProps, "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+} | ({
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+} & {
+    [x: string]: undefined;
+}), string | number> & {
+    [x: string]: undefined;
+} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+} | ({
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+} & {
+    [x: string]: undefined;
+}), string | number> & {
+    [x: string]: undefined;
+}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+} | ({
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+} & {
+    [x: string]: undefined;
+}), string | number> & {
+    [x: string]: undefined;
+}>>) | (Omit<import("react-native").TextProps, "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+} | ({
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+} & {
+    [x: string]: undefined;
+}), string | number> & {
+    [x: string]: undefined;
+} & import("@tamagui/web").MediaProps<Partial<Omit<import("react-native").TextProps, "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+} | ({
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+} & {
+    [x: string]: undefined;
+}), string | number> & {
+    [x: string]: undefined;
+}>> & import("@tamagui/web").PseudoProps<Partial<Omit<import("react-native").TextProps, "children" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/web").ExtendsBaseTextProps & import("tamagui").TamaguiComponentPropsBase & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & Omit<{
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+} | ({
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+} & {
+    [x: string]: undefined;
+}), string | number> & {
+    [x: string]: undefined;
+}>>), import("tamagui").TamaguiElement, import("tamagui").TextPropsBase, ({
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+} | ({
+    readonly size?: import("tamagui").FontSizeTokens | undefined;
+} & {
+    [x: string]: undefined;
+})) & ({} | {
+    [x: string]: undefined;
+} | {
+    [x: string]: undefined;
+}), {
+    displayName: string | undefined;
+}>;
+export type CodeProps = GetProps<typeof Code>;
+export type CodeInlineProps = GetProps<typeof CodeInline>;
+//# sourceMappingURL=index.d.ts.map

package/types/code/Code/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/code/Code/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAIxC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBf,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUrB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAE9C,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC"}

package/types/code/CodeBlock/CodeBlock.stories.d.ts

@@ -0,0 +1,6 @@
+import { CodeBlock } from './index';
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export declare const main: StoryObj<typeof CodeBlock>;
+export default meta;
+//# sourceMappingURL=CodeBlock.stories.d.ts.map

package/types/code/CodeBlock/CodeBlock.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.stories.d.ts","sourceRoot":"","sources":["../../../src/code/CodeBlock/CodeBlock.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAMX,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,QAAQ,CAAC,OAAO,SAAS,CAgB3C,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/types/code/CodeBlock/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { MDXCodeBlockContextValue } from '../../mdx/MDXCodeBlock/MDXCodeBlockContext';
+import type { MDXProps } from '../../mdx/MDX';
+export interface CodeBlockProps extends Omit<MDXProps, 'children'>, MDXCodeBlockContextValue {
+    children?: string;
+    language?: string;
+}
+export declare function CodeBlock({ children, language, components, debug, ...props }: CodeBlockProps): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map