@mintlify/components 0.3.15 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/README.md +22 -123
  2. package/dist/components/badge/badge.css +1 -0
  3. package/dist/components/badge/badge.js +52 -0
  4. package/dist/components/icon/icon.css +1 -0
  5. package/dist/components/icon/icon.js +47 -0
  6. package/dist/index.d.ts +401 -16
  7. package/dist/index.js +12 -2
  8. package/dist/styles/design-tokens.js +339 -0
  9. package/dist/styles/theme.css +1 -0
  10. package/dist/utils/cn.js +7 -0
  11. package/package.json +62 -89
  12. package/.eslintrc.json +0 -11
  13. package/.github/dependabot.yml +0 -10
  14. package/.github/workflows/chromatic.yaml +0 -27
  15. package/.github/workflows/code-style-checks.yaml +0 -13
  16. package/.github/workflows/sanity.yml +0 -13
  17. package/.husky/pre-commit +0 -4
  18. package/.prettierignore +0 -49
  19. package/.prettierrc +0 -1
  20. package/CODEOWNERS +0 -1
  21. package/LICENSE +0 -21
  22. package/dist/Accordion/Accordion.d.ts +0 -18
  23. package/dist/Accordion/AccordionCover.d.ts +0 -10
  24. package/dist/Accordion/AccordionGroup.d.ts +0 -5
  25. package/dist/Accordion/getAccordionStyleFromType.d.ts +0 -5
  26. package/dist/Accordion/index.d.ts +0 -3
  27. package/dist/Api/ApiPlayground.d.ts +0 -22
  28. package/dist/Api/BaseUrlDropdown.d.ts +0 -9
  29. package/dist/Api/RequestMethodBubble.d.ts +0 -4
  30. package/dist/Api/RequestPathHeader.d.ts +0 -13
  31. package/dist/Api/index.d.ts +0 -4
  32. package/dist/Api/inputs/AddArrayItemButton.d.ts +0 -4
  33. package/dist/Api/inputs/ApiInput.d.ts +0 -15
  34. package/dist/Api/inputs/InputDropdown.d.ts +0 -5
  35. package/dist/Api/types.d.ts +0 -16
  36. package/dist/AppearFromTop.d.ts +0 -6
  37. package/dist/Button.d.ts +0 -42
  38. package/dist/Callouts.d.ts +0 -10
  39. package/dist/Card.d.ts +0 -33
  40. package/dist/CardGroup.d.ts +0 -5
  41. package/dist/Code/CodeBlock.d.ts +0 -19
  42. package/dist/Code/CodeGroup.d.ts +0 -29
  43. package/dist/Code/CopyToClipboardButton.d.ts +0 -7
  44. package/dist/Code/index.d.ts +0 -4
  45. package/dist/Expandable/Expandable.d.ts +0 -9
  46. package/dist/Expandable/ExpandableCover.d.ts +0 -11
  47. package/dist/Expandable/index.d.ts +0 -2
  48. package/dist/Frame.d.ts +0 -14
  49. package/dist/Param.d.ts +0 -14
  50. package/dist/PillSelect.d.ts +0 -11
  51. package/dist/Tabs/Tab.d.ts +0 -6
  52. package/dist/Tabs/Tabs.d.ts +0 -4
  53. package/dist/Tabs/index.d.ts +0 -3
  54. package/dist/Tooltip.d.ts +0 -5
  55. package/dist/index.js.LICENSE.txt +0 -9
  56. package/dist/main.css +0 -1
  57. package/dist/utils/apiPlaygroundColors.d.ts +0 -4
  58. package/dist/utils/copyToClipboard.d.ts +0 -2
  59. package/dist/utils/delay.d.ts +0 -1
  60. package/dist/utils/getNodeText.d.ts +0 -1
package/.prettierignore DELETED
@@ -1,49 +0,0 @@
1
- # we are using yarn in this project
2
- package.lock
3
-
4
- # user editor preferences
5
- /.vscode/
6
- /.idea/
7
-
8
- # dependencies
9
- /node_modules
10
- /.pnp
11
- .pnp.js
12
-
13
- # testing
14
- /coverage
15
-
16
- # next.js
17
- /.next/
18
- /out/
19
- /public/feeds/
20
-
21
- # production
22
- /build
23
- /dist
24
-
25
- # generated files
26
- /public/*
27
- /src/pages/*
28
- !/src/pages/api
29
- /src/pages/api/*.mdx
30
- !/src/pages/*.tsx
31
- !/src/pages/*.ts
32
- /src/config.json
33
- /src/openapi.json
34
-
35
- # misc
36
- .DS_Store
37
-
38
- # debug
39
- npm-debug.log*
40
- yarn-debug.log*
41
- yarn-error.log*
42
- build-storybook.log
43
-
44
- # local env files
45
- .env
46
- .env.local
47
- .env.development.local
48
- .env.test.local
49
- .env.production.local
package/.prettierrc DELETED
@@ -1 +0,0 @@
1
- "@mintlify/prettier-config/config.js"
package/CODEOWNERS DELETED
@@ -1 +0,0 @@
1
- * @mintlify/engineering
package/LICENSE DELETED
@@ -1,21 +0,0 @@
1
- MIT License
2
-
3
- Copyright (c) 2022 Mintlify, Inc.
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy
6
- of this software and associated documentation files (the "Software"), to deal
7
- in the Software without restriction, including without limitation the rights
8
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- copies of the Software, and to permit persons to whom the Software is
10
- furnished to do so, subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
- SOFTWARE.
@@ -1,18 +0,0 @@
1
- import { ReactNode } from 'react';
2
- declare function Accordion({ title, description, defaultOpen, icon, onChange, variant, children, }: {
3
- /** The main text of the Accordion shown in bold */
4
- title: string;
5
- /** Text under the title */
6
- description?: string;
7
- /** Whether the Accordion is open initially */
8
- defaultOpen?: boolean;
9
- /** Icon to display to the left */
10
- icon?: ReactNode;
11
- /** Callback when the Accordion is clicked with the new open state */
12
- onChange?: (open: boolean) => void;
13
- /** The Accordion UI style */
14
- variant?: 'rounded' | 'minimalist';
15
- /** The Accordion contents */
16
- children: ReactNode;
17
- }): JSX.Element;
18
- export default Accordion;
@@ -1,10 +0,0 @@
1
- import { ReactNode } from 'react';
2
- declare function AccordionItemCover({ title, description, open, setOpen, icon, coverClass, }: {
3
- title: string;
4
- description?: string;
5
- open: boolean;
6
- setOpen: (open: boolean) => any;
7
- icon?: ReactNode;
8
- coverClass: string;
9
- }): JSX.Element;
10
- export default AccordionItemCover;
@@ -1,5 +0,0 @@
1
- import { ReactNode } from 'react';
2
- declare function AccordionGroup({ children }: {
3
- children: ReactNode;
4
- }): JSX.Element;
5
- export default AccordionGroup;
@@ -1,5 +0,0 @@
1
- export default function getAccordionStyleFromVariant(variant: string): {
2
- parentClass: string;
3
- coverClass: string;
4
- contentClass: string;
5
- };
@@ -1,3 +0,0 @@
1
- import Accordion from './Accordion';
2
- import AccordionGroup from './AccordionGroup';
3
- export { Accordion, AccordionGroup };
@@ -1,22 +0,0 @@
1
- import { ReactNode } from "react";
2
- import { ParamGroup, RequestMethods } from "./types";
3
- export declare function ApiPlayground({ method, paramGroups, paramValues, isSendingRequest, onChangeParamValues, onSendRequest, header, response, }: {
4
- /** Request method. */
5
- method: RequestMethods;
6
- /** Array of param groups to show as tabs for input. */
7
- paramGroups: ParamGroup[];
8
- /** Values to show in the ApiInputs. Key is the param group name. */
9
- paramValues: Record<string, Record<string, any>>;
10
- /** Whether you are currently sending a request.
11
- * The Send Request button is disabled and the response is hidden while this is true. */
12
- isSendingRequest: boolean;
13
- /** Callback when the user changes a parameter's value. */
14
- onChangeParamValues: (paramValues: Record<string, Record<string, any>>) => void;
15
- /** Callback when the user clicks the Send Request button. */
16
- onSendRequest: () => void;
17
- /** Header to show above parameter inputs. */
18
- header?: ReactNode;
19
- /** Response to show underneath the playground.
20
- * This component does not automatically syntax highlight code. */
21
- response?: ReactNode;
22
- }): JSX.Element;
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- export declare function BaseUrlDropdown({ baseUrls, defaultValue, onChange, }: {
3
- /** Array of base URLs to select from. Component is hidden when the array is empty or only has one value. */
4
- baseUrls: string[];
5
- /** Initially selected base URL. */
6
- defaultValue: string | undefined;
7
- /** Function called when the user selects a different base URL. */
8
- onChange: (baseUrl: string) => void;
9
- }): JSX.Element | null;
@@ -1,4 +0,0 @@
1
- import { RequestMethods } from "./types";
2
- export declare const RequestMethodBubble: ({ method }: {
3
- method: RequestMethods;
4
- }) => JSX.Element;
@@ -1,13 +0,0 @@
1
- import { RequestMethods } from "./types";
2
- export declare const RequestPathHeader: ({ method, path, baseUrls, defaultBaseUrl, onBaseUrlChange, }: {
3
- /** Request method. */
4
- method: RequestMethods;
5
- /** Path text to show beside the request method bubble. */
6
- path: string;
7
- /** Array of baseUrls to select from. Dropdown is hidden when there are zero or one options. */
8
- baseUrls?: string[] | undefined;
9
- /** What value of baseUrl the dropdown should show as selected before the user has changed the selection. */
10
- defaultBaseUrl?: string | undefined;
11
- /** Callback when the user changes the baseUrl in the dropdown. */
12
- onBaseUrlChange: (baseUrl: string) => void;
13
- }) => JSX.Element;
@@ -1,4 +0,0 @@
1
- import { ApiPlayground } from "./ApiPlayground";
2
- import { RequestMethodBubble } from "./RequestMethodBubble";
3
- import { RequestPathHeader } from "./RequestPathHeader";
4
- export { ApiPlayground, RequestMethodBubble, RequestPathHeader };
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- export declare function AddArrayItemButton({ onClick }: {
3
- onClick: () => void;
4
- }): JSX.Element;
@@ -1,15 +0,0 @@
1
- /// <reference types="react" />
2
- import { ApiInputValue, Param } from "../types";
3
- /**
4
- * ApiInput provides a UI to receive inputs from the user for API calls.
5
- * The user is responsible for updating value when onChangeParam is called.
6
- * ApiInput doesn't store the value internally so components don't work
7
- * when the user doesn't track the state.
8
- */
9
- export declare function ApiInput({ param, value, onChangeParam, onDeleteArrayItem, parentInputs, }: {
10
- param: Param;
11
- value: ApiInputValue;
12
- onChangeParam: (parentInputs: string[], paramName: string, value: ApiInputValue) => void;
13
- onDeleteArrayItem?: () => void;
14
- parentInputs?: string[];
15
- }): JSX.Element;
@@ -1,5 +0,0 @@
1
- export declare const InputDropdown: ({ options, value, onInputChange, }: {
2
- options: string[];
3
- value: string | undefined;
4
- onInputChange: (newValue: string) => void;
5
- }) => JSX.Element;
@@ -1,16 +0,0 @@
1
- export type RequestMethods = "GET" | "POST" | "PUT" | "DELETE" | "PATCH" | "COPY" | "HEAD" | "OPTIONS" | "LINK" | "UNLINK" | "PURGE" | "LOCK" | "UNLOCK" | "PROPFIND" | "VIEW";
2
- export type ParamGroup = {
3
- name: string;
4
- params: Param[];
5
- };
6
- export type Param = {
7
- name: string;
8
- placeholder?: string;
9
- required?: boolean;
10
- type?: string;
11
- enum?: string[];
12
- format?: string;
13
- group?: string;
14
- properties?: Param[];
15
- };
16
- export type ApiInputValue = string | number | boolean | File | string[] | number[] | boolean[] | File[] | undefined | null;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- export declare function AppearFromTop({ show, className, children, }: {
3
- show: boolean;
4
- className?: string;
5
- children: any;
6
- }): JSX.Element;
package/dist/Button.d.ts DELETED
@@ -1,42 +0,0 @@
1
- import { ElementType, ComponentPropsWithoutRef, Ref } from 'react';
2
- type ColorInterface = keyof typeof colors;
3
- declare const colors: {
4
- indigo: string[];
5
- pink: string[];
6
- sky: string[];
7
- blue: string[];
8
- gray: string[];
9
- };
10
- export interface ButtonPropsBase<T> {
11
- /**
12
- * Color of the button. Default is `gray`.
13
- */
14
- color?: ColorInterface;
15
- /**
16
- * Color when in dark mode. Default is the same as the `color` prop.
17
- */
18
- darkColor?: ColorInterface;
19
- /**
20
- * Whether to reverse the layout.
21
- */
22
- reverse?: boolean;
23
- /**
24
- * Type of element to be rendered.
25
- */
26
- as?: T;
27
- /**
28
- * If provided, will render as an anchor element.
29
- */
30
- href?: string;
31
- /**
32
- * Ref of the element to be rendered.
33
- */
34
- mRef?: Ref<T | undefined>;
35
- }
36
- /**
37
- * Props for the `Button` component
38
- * @typeParam T - Type of the Element rendered by the button.
39
- */
40
- export type ButtonProps<T extends ElementType> = ButtonPropsBase<T> & Omit<ComponentPropsWithoutRef<T>, keyof ButtonPropsBase<T>>;
41
- export declare function Button<T extends ElementType = 'button'>({ as, color, darkColor, reverse, children, className, mRef, ...props }: ButtonProps<T>): JSX.Element;
42
- export {};
@@ -1,10 +0,0 @@
1
- import { ReactNode } from 'react';
2
- type CalloutContent = {
3
- children: ReactNode;
4
- };
5
- export declare function Info({ children }: CalloutContent): JSX.Element;
6
- export declare function Warning({ children }: CalloutContent): JSX.Element;
7
- export declare function Note({ children }: CalloutContent): JSX.Element;
8
- export declare function Tip({ children }: CalloutContent): JSX.Element;
9
- export declare function Check({ children }: CalloutContent): JSX.Element;
10
- export {};
package/dist/Card.d.ts DELETED
@@ -1,33 +0,0 @@
1
- import { ComponentPropsWithoutRef, ElementType, ReactNode, Ref } from 'react';
2
- export interface CardPropsBase<T> {
3
- /**
4
- * Large title above children.
5
- */
6
- title?: string;
7
- /**
8
- * Icon to the top-left of the title. Can be a ReactNode or a string equal to an image source.
9
- */
10
- icon?: ReactNode;
11
- /**
12
- * If provided, will render an image to the top of the card.
13
- */
14
- image?: string;
15
- /**
16
- * Type of element to be rendered.
17
- */
18
- as?: T;
19
- /**
20
- * If provided, will render as an anchor element.
21
- */
22
- href?: string;
23
- /**
24
- * Ref of the element to be rendered.
25
- */
26
- mRef?: Ref<T | undefined>;
27
- }
28
- /**
29
- * Props for the `Card` component
30
- * @typeParam T - Type of the Element rendered by the card.
31
- */
32
- export type CardProps<T extends ElementType> = CardPropsBase<T> & Omit<ComponentPropsWithoutRef<T>, keyof CardPropsBase<T>>;
33
- export declare function Card<T extends ElementType = 'div'>({ title, icon, image, className, children, as, mRef, ...props }: CardProps<T>): JSX.Element;
@@ -1,5 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export declare function CardGroup({ children, cols }: {
3
- children: ReactNode;
4
- cols?: 1 | 2 | 3 | 4;
5
- }): JSX.Element;
@@ -1,19 +0,0 @@
1
- import React, { ComponentPropsWithoutRef } from 'react';
2
- import { CopyToClipboardResult } from '../utils/copyToClipboard';
3
- export interface CodeBlockPropsBase {
4
- filename?: string;
5
- /**
6
- * Color of the filename text and the border underneath it when content is being shown.
7
- */
8
- filenameColor?: string;
9
- /**
10
- * Background color for the tooltip saying `Click to Copy` when hovering the clipboard button.
11
- */
12
- tooltipColor?: string;
13
- /**
14
- * The callback function when a user clicks on the copied to clipboard button
15
- */
16
- onCopied?: (result: CopyToClipboardResult, textToCopy?: string) => void;
17
- }
18
- export type CodeBlockProps = CodeBlockPropsBase & Omit<ComponentPropsWithoutRef<'div'>, keyof CodeBlockPropsBase>;
19
- export declare const CodeBlock: React.ForwardRefExoticComponent<CodeBlockPropsBase & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, keyof CodeBlockPropsBase> & React.RefAttributes<HTMLDivElement>>;
@@ -1,29 +0,0 @@
1
- import React, { ComponentPropsWithoutRef, FormEventHandler, ReactElement } from 'react';
2
- import { CopyToClipboardResult } from '../utils/copyToClipboard';
3
- import { CodeBlockProps } from './CodeBlock';
4
- export type CodeGroupPropsBase = {
5
- /**
6
- * Color of the filename text and the border underneath it when the content is being shown
7
- */
8
- selectedColor?: string;
9
- /**
10
- * Background color for the tooltip saying `Click to Copy` when hovering the clipboard button.
11
- */
12
- tooltipColor?: string;
13
- /**
14
- * The callback function when a user clicks on the copied to clipboard button
15
- */
16
- onCopied?: (result: CopyToClipboardResult, textToCopy?: string) => void;
17
- isSmallText?: boolean;
18
- children?: ReactElement<CodeBlockProps>[] | ReactElement<CodeBlockProps>;
19
- onChange?: FormEventHandler<HTMLDivElement> & ((index: number) => void);
20
- };
21
- export type CodeGroupProps = CodeGroupPropsBase & Omit<ComponentPropsWithoutRef<'div'>, keyof CodeGroupPropsBase>;
22
- /**
23
- * Group multiple code blocks into a tabbed UI.
24
- * Uses CodeBlocks as children but does not render them directly. Instead,
25
- * CodeGroup extracts the props and renders CodeBlock's children.
26
- *
27
- * @param {CodeBlock[]} - children
28
- */
29
- export declare const CodeGroup: React.ForwardRefExoticComponent<CodeGroupPropsBase & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>>, keyof CodeGroupPropsBase> & React.RefAttributes<HTMLDivElement>>;
@@ -1,7 +0,0 @@
1
- import { ComponentPropsWithoutRef } from 'react';
2
- import { CopyToClipboardResult } from '../utils/copyToClipboard';
3
- export declare function CopyToClipboardButton({ textToCopy, tooltipColor, onCopied, className, ...props }: {
4
- textToCopy: string;
5
- tooltipColor?: string;
6
- onCopied?: (result: CopyToClipboardResult, textToCopy?: string) => void;
7
- } & ComponentPropsWithoutRef<'button'>): JSX.Element | null;
@@ -1,4 +0,0 @@
1
- import { CodeBlock, CodeBlockProps, CodeBlockPropsBase } from './CodeBlock';
2
- import { CodeGroup, CodeGroupProps, CodeGroupPropsBase } from './CodeGroup';
3
- export type { CodeGroupPropsBase, CodeBlockPropsBase, CodeGroupProps, CodeBlockProps };
4
- export { CodeBlock, CodeGroup };
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- declare function Expandable({ title, description, defaultOpen, onChange, children, }: {
3
- title: string;
4
- description?: string;
5
- defaultOpen?: boolean;
6
- onChange?: (open: boolean) => void;
7
- children: React.ReactNode;
8
- }): JSX.Element;
9
- export default Expandable;
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- declare function ExpandableCover({ title, description, open, setOpen, }: {
3
- title: string;
4
- description?: string;
5
- open: boolean;
6
- setOpen: (open: boolean) => any;
7
- }): JSX.Element;
8
- export declare function ExpandableItemCoverIcon({ open }: {
9
- open: boolean;
10
- }): JSX.Element;
11
- export default ExpandableCover;
@@ -1,2 +0,0 @@
1
- import Expandable from './Expandable';
2
- export { Expandable };
package/dist/Frame.d.ts DELETED
@@ -1,14 +0,0 @@
1
- /// <reference types="react" />
2
- export declare function Frame({ as: Component, caption, style, className, containerClassName, html, children, hint, padding, lightOnly, }: {
3
- as: any;
4
- caption?: string;
5
- style: any;
6
- p: string;
7
- className: string;
8
- containerClassName: string;
9
- html: any;
10
- children: any;
11
- hint: string;
12
- padding: 'none' | 'md';
13
- lightOnly: boolean;
14
- }): JSX.Element;
package/dist/Param.d.ts DELETED
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- export type ParamProps = {
3
- name: string;
4
- type?: string;
5
- defaultValue?: string;
6
- required?: boolean;
7
- optional?: boolean;
8
- hidden?: boolean;
9
- /** Custom classes for the param variable name, can be used to customize its color */
10
- nameClasses?: string;
11
- children: React.ReactNode;
12
- };
13
- export declare function Param({ children, ...props }: ParamProps): JSX.Element;
14
- export declare function ParamField({ name, type, defaultValue, required, optional, hidden, nameClasses, children, }: ParamProps): JSX.Element | null;
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- export declare function PillSelect({ options, onChange, defaultOption, selectedOptionClass, }: {
3
- /** Array of options to select from */
4
- options: string[];
5
- /** Function called when the selected option changes. */
6
- onChange?: any;
7
- /** Option to initially show as selected in the dropdown */
8
- defaultOption?: string;
9
- /** Additional classes to apply on dropdown text for the currently selected option */
10
- selectedOptionClass?: string;
11
- }): JSX.Element | null;
@@ -1,6 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export default function Tab({ title, isActive, children, }: {
3
- title: string;
4
- isActive?: boolean;
5
- children?: ReactNode;
6
- }): JSX.Element;
@@ -1,4 +0,0 @@
1
- import { ReactElement } from 'react';
2
- export default function Tabs({ children }: {
3
- children: ReactElement[];
4
- }): JSX.Element;
@@ -1,3 +0,0 @@
1
- import Tab from './Tab';
2
- import Tabs from './Tabs';
3
- export { Tab, Tabs };
package/dist/Tooltip.d.ts DELETED
@@ -1,5 +0,0 @@
1
- import { ReactNode } from 'react';
2
- export declare function Tooltip({ tip, children }: {
3
- tip: string;
4
- children: ReactNode;
5
- }): JSX.Element | null;
@@ -1,9 +0,0 @@
1
- /**
2
- * @license React
3
- * react-jsx-runtime.production.min.js
4
- *
5
- * Copyright (c) Facebook, Inc. and its affiliates.
6
- *
7
- * This source code is licensed under the MIT license found in the
8
- * LICENSE file in the root directory of this source tree.
9
- */
package/dist/main.css DELETED
@@ -1 +0,0 @@
1
- /*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline;-webkit-text-decoration:underline dotted currentColor;text-decoration:underline dotted currentColor}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent;--tw-shadow:0 0 transparent;--tw-shadow-colored:0 0 transparent;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.prose{color:#334155;max-width:none}.prose :where([class~=lead]):not(:where([class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.prose :where(a):not(:where([class~=not-prose] *)){color:var(--tw-prose-links);font-weight:600;text-decoration:none}.prose :where(strong):not(:where([class~=not-prose] *)){color:#0f172a;font-weight:600}.prose :where(a strong):not(:where([class~=not-prose] *)){color:inherit;font-weight:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose] *)){list-style-type:decimal;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose] *)){list-style-type:none;margin-bottom:1.25em;margin-top:1.25em;padding-left:0}.prose :where(ol>li):not(:where([class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(hr):not(:where([class~=not-prose] *)){border-color:#f1f5f9;border-top-width:1px;margin-bottom:3em;margin-top:3em}.prose :where(blockquote):not(:where([class~=not-prose] *)){border-left-color:var(--tw-prose-quote-borders);border-left-width:.25rem;color:var(--tw-prose-quotes);font-style:italic;font-weight:500;margin-bottom:1.6em;margin-top:1.6em;padding-left:1em;quotes:"\201C""\201D""\2018""\2019"}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-size:2.25em;font-weight:800;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.prose :where(h1 strong):not(:where([class~=not-prose] *)){color:inherit;font-weight:900}.prose :where(h2):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.5em;font-weight:700;line-height:1.3333333;margin-bottom:.6666666666666666em;margin-top:2em}.prose :where(h2 strong):not(:where([class~=not-prose] *)){color:inherit;font-weight:800}.prose :where(h3):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.25em;font-weight:600;line-height:1.4;margin-bottom:.6em;margin-top:2.4em}.prose :where(h3 strong):not(:where([class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(h4):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.125em;font-weight:600;line-height:1.5;margin-bottom:.5em;margin-top:2em}.prose :where(h4 strong):not(:where([class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(img):not(:where([class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose :where(figure>*):not(:where([class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose :where(figcaption):not(:where([class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose :where(code):not(:where([class~=not-prose] *)){font-feature-settings:none;color:var(--tw-prose-code);font-size:.875em;font-variant-ligatures:none;font-weight:500}.prose :where(code):not(:where([class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose] *)){color:inherit;font-weight:inherit}.prose :where(h1 code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose] *)){background-color:var(--tw-prose-pre-bg);border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);color:#f8fafc;display:flex;font-size:.875em;font-weight:400;line-height:1.7142857;margin-bottom:2.2857142857142856em;margin-top:1.4285714285714286em;overflow-x:auto;padding:1.25rem}.prose :where(pre code):not(:where([class~=not-prose] *)){background-color:transparent;border-radius:0;border-width:0;color:inherit;flex:none;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;min-width:100%;padding:0}.prose :where(pre code):not(:where([class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose] *)){font-size:.875rem;line-height:1.25rem;margin-bottom:2em;margin-top:2em;table-layout:auto;text-align:left;width:100%}.prose :where(thead):not(:where([class~=not-prose] *)){border-bottom-color:#e2e8f0;border-bottom-width:1px;color:#334155}.prose :where(thead th):not(:where([class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;padding:0 .5714286em .5714286em;vertical-align:bottom}.prose :where(tbody tr):not(:where([class~=not-prose] *)){border-bottom-color:#f1f5f9;border-bottom-width:1px}.prose :where(tbody tr:last-child):not(:where([class~=not-prose] *)){border-bottom-width:1px}.prose :where(tbody td):not(:where([class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose] *)){border-top-color:var(--tw-prose-th-borders);border-top-width:1px}.prose :where(tfoot td):not(:where([class~=not-prose] *)){vertical-align:top}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(p):not(:where([class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.prose :where(video):not(:where([class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose :where(figure):not(:where([class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose :where(li):not(:where([class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.prose :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.375em}.prose :where(ul>li):not(:where([class~=not-prose] *)){padding-left:1.75em;position:relative}.prose :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.prose :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose :where(h1,h2,h3):not(:where([class~=not-prose] *)){letter-spacing:-.025em}.prose :where(h1 small,h2 small,h3 small,h4 small):not(:where([class~=not-prose] *)){color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:500}.prose :where(h2 small):not(:where([class~=not-prose] *)){font-size:1.125rem;line-height:1.75rem}.prose :where(h3 small):not(:where([class~=not-prose] *)){font-size:1rem;line-height:1.5rem}.prose :where(h4 small):not(:where([class~=not-prose] *)){font-size:.875rem;line-height:1.25rem}.prose :where(h1,h2,h3,h4):not(:where([class~=not-prose] *)){scroll-margin-top:var(--scroll-mt)}.prose :where(ul>li):not(:where([class~=not-prose] *)):before{background-color:#cbd5e1;border-radius:999px;content:"";height:.125em;left:0;position:absolute;top:.8125em;width:.75em}.prose :where(a:hover):not(:where([class~=not-prose] *)){border-bottom-width:2px}.prose :where(kbd):not(:where([class~=not-prose] *)){font-feature-settings:none;background:#f1f5f9;border-color:#e2e8f0;border-radius:4px;border-width:1px;color:#334155;font-size:.875em;font-variant-ligatures:none;font-weight:500;margin:0 1px;padding:.125em .25em}.prose :where(p+pre):not(:where([class~=not-prose] *)){margin-top:-.2857142857142857em}.prose :where(pre+pre):not(:where([class~=not-prose] *)){margin-top:-1.1428571428571428em}.prose :where(tbody code):not(:where([class~=not-prose] *)){font-size:.75rem}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose] *)){margin-bottom:1.1428571em;margin-top:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-bottom:.8888889em;margin-top:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em;margin-top:1.3333333em;padding-left:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose] *)){font-size:2.1428571em;line-height:1.2;margin-bottom:.8em;margin-top:0}.prose-sm :where(h2):not(:where([class~=not-prose] *)){font-size:1.4285714em;line-height:1.4;margin-bottom:.8em;margin-top:1.6em}.prose-sm :where(h3):not(:where([class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-bottom:.4444444em;margin-top:1.5555556em}.prose-sm :where(h4):not(:where([class~=not-prose] *)){line-height:1.4285714;margin-bottom:.5714286em;margin-top:1.4285714em}.prose-sm :where(img):not(:where([class~=not-prose] *)){margin-bottom:1.7142857em;margin-top:1.7142857em}.prose-sm :where(video):not(:where([class~=not-prose] *)){margin-bottom:1.7142857em;margin-top:1.7142857em}.prose-sm :where(figure):not(:where([class~=not-prose] *)){margin-bottom:1.7142857em;margin-top:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose-sm :where(figcaption):not(:where([class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(code):not(:where([class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose] *)){border-radius:.25rem;font-size:.8571429em;line-height:1.6666667;margin-bottom:1.6666667em;margin-top:1.6666667em;padding:.6666667em 1em}.prose-sm :where(ol):not(:where([class~=not-prose] *)){margin-bottom:1.1428571em;margin-top:1.1428571em;padding-left:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose] *)){margin-bottom:1.1428571em;margin-top:1.1428571em;padding-left:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose] *)){margin-bottom:.2857143em;margin-top:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose] *)){padding-left:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose] *)){padding-left:.4285714em}.prose-sm :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-bottom:.5714286em;margin-top:.5714286em}.prose-sm :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)){margin-bottom:.5714286em;margin-top:.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose] *)){margin-bottom:2.8571429em;margin-top:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose] *)){padding-bottom:.6666667em;padding-left:1em;padding-right:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose] *)){padding:.6666667em 1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose] *)){padding-left:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose] *)){padding-right:0}.prose-sm :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-base :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.prose-base :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose-base :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose-base :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.25em}.prose-base :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.25em}.prose-base :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose-base :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-lg :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-bottom:.8888889em;margin-top:.8888889em}.prose-lg :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.3333333em}.prose-lg :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em}.prose-lg :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.3333333em}.prose-lg :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em}.prose-lg :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose-lg :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-xl :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-bottom:.8em;margin-top:.8em}.prose-xl :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.2em}.prose-xl :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.2em}.prose-xl :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.2em}.prose-xl :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.2em}.prose-xl :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose-xl :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-2xl :where(.prose>ul>li p):not(:where([class~=not-prose] *)){margin-bottom:.8333333em;margin-top:.8333333em}.prose-2xl :where(.prose>ul>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.3333333em}.prose-2xl :where(.prose>ul>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em}.prose-2xl :where(.prose>ol>li>:first-child):not(:where([class~=not-prose] *)){margin-top:1.3333333em}.prose-2xl :where(.prose>ol>li>:last-child):not(:where([class~=not-prose] *)){margin-bottom:1.3333333em}.prose-2xl :where(.prose>:first-child):not(:where([class~=not-prose] *)){margin-top:0}.prose-2xl :where(.prose>:last-child):not(:where([class~=not-prose] *)){margin-bottom:0}.prose-slate{--tw-prose-body:#334155;--tw-prose-headings:#0f172a;--tw-prose-lead:#475569;--tw-prose-links:#0f172a;--tw-prose-bold:#0f172a;--tw-prose-counters:#64748b;--tw-prose-bullets:#cbd5e1;--tw-prose-hr:#e2e8f0;--tw-prose-quotes:#0f172a;--tw-prose-quote-borders:#e2e8f0;--tw-prose-captions:#64748b;--tw-prose-code:#0f172a;--tw-prose-pre-code:#e2e8f0;--tw-prose-pre-bg:#1e293b;--tw-prose-th-borders:#cbd5e1;--tw-prose-td-borders:#e2e8f0;--tw-prose-invert-body:#cbd5e1;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#94a3b8;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#94a3b8;--tw-prose-invert-bullets:#475569;--tw-prose-invert-hr:#334155;--tw-prose-invert-quotes:#f1f5f9;--tw-prose-invert-quote-borders:#334155;--tw-prose-invert-captions:#94a3b8;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#cbd5e1;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#475569;--tw-prose-invert-td-borders:#334155}.gray-frame{--tw-bg-opacity:1;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);background-color:rgba(22,27,34,var(--tw-bg-opacity));border-radius:.75rem;box-shadow:0 0 transparent,0 0 transparent,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);position:relative}.dark .gray-frame{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-inset:inset;--tw-ring-color:hsla(0,0%,100%,.1);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 transparent;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}.code-in-gray-frame{--tw-text-opacity:1;color:rgba(248,250,252,var(--tw-text-opacity));font-size:.875rem;line-height:1.5rem;min-width:100%;overflow-x:auto;padding:1.25rem}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.absolute{position:absolute}.relative{position:relative}.inset-0{bottom:0;left:0;right:0;top:0}.inset-y-px{bottom:1px;top:1px}.top-full{top:100%}.bottom-full{bottom:100%}.left-1\/2{left:50%}.top-5{top:1.25rem}.right-5{right:1.25rem}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.m-0{margin:0}.my-2{margin-bottom:.5rem;margin-top:.5rem}.mx-\[7px\]{margin-left:7px;margin-right:7px}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-\[6px\]{margin-left:6px;margin-right:6px}.mr-3{margin-right:.75rem}.ml-3{margin-left:.75rem}.mb-4{margin-bottom:1rem}.mt-0\.5{margin-top:.125rem}.mt-0{margin-top:0}.mt-4{margin-top:1rem}.mt-1{margin-top:.25rem}.-mt-2{margin-top:-.5rem}.mt-2{margin-top:.5rem}.ml-2{margin-left:.5rem}.mb-0\.5{margin-bottom:.125rem}.mb-0{margin-bottom:0}.mr-0\.5{margin-right:.125rem}.mr-0{margin-right:0}.mb-3{margin-bottom:.75rem}.mt-5{margin-top:1.25rem}.mb-8{margin-bottom:2rem}.mb-3\.5{margin-bottom:.875rem}.mt-1\.5{margin-top:.375rem}.-mt-1{margin-top:-.25rem}.-mb-px{margin-bottom:-1px}.mb-6{margin-bottom:1.5rem}.ml-16{margin-left:4rem}.mt-8{margin-top:2rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-9{height:2.25rem}.h-5{height:1.25rem}.h-4{height:1rem}.h-auto{height:auto}.h-6{height:1.5rem}.h-64{height:16rem}.h-\[1\.15rem\]{height:1.15rem}.h-3{height:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-3\.5{width:.875rem}.w-3{width:.75rem}.w-6{width:1.5rem}.w-full{width:100%}.w-40{width:10rem}.w-fit{width:-moz-fit-content;width:fit-content}.min-w-full{min-width:100%}.max-w-max{max-width:-moz-max-content;max-width:max-content}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-auto{flex:1 1 auto}.-translate-y-12{--tw-translate-y:-3rem}.-translate-y-12,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.-translate-y-6{--tw-translate-y:-1.5rem}.-translate-x-1\/2,.-translate-y-6{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\/2{--tw-translate-x:-50%}.rotate-90{--tw-rotate:90deg}.rotate-90,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.content-center{align-content:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-inherit>:not([hidden])~:not([hidden]){border-color:inherit}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded{border-radius:.25rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-b-xl{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.rounded-tl-xl{border-top-left-radius:.75rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-tl{border-top-left-radius:.25rem}.border{border-width:1px}.border-0{border-width:0}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-r{border-right-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-zinc-500\/20{border-color:hsla(240,4%,46%,.2)}.border-amber-500\/20{border-color:rgba(245,158,11,.2)}.border-sky-500\/20{border-color:rgba(14,165,233,.2)}.border-emerald-500\/20{border-color:rgba(16,185,129,.2)}.border-zinc-200{--tw-border-opacity:1;border-color:rgba(228,228,231,var(--tw-border-opacity))}.border-black\/5{border-color:rgba(0,0,0,.05)}.border-zinc-100{--tw-border-opacity:1;border-color:rgba(244,244,245,var(--tw-border-opacity))}.border-zinc-300{--tw-border-opacity:1;border-color:rgba(212,212,216,var(--tw-border-opacity))}.border-zinc-50{--tw-border-opacity:1;border-color:rgba(250,250,250,var(--tw-border-opacity))}.border-slate-500\/30{border-color:rgba(100,116,139,.3)}.border-slate-200\/5{border-color:rgba(226,232,240,.05)}.border-current{border-color:currentColor}.border-transparent{border-color:transparent}.border-red-200{--tw-border-opacity:1;border-color:rgba(254,202,202,var(--tw-border-opacity))}.border-t-transparent{border-top-color:transparent}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgba(238,242,255,var(--tw-bg-opacity))}.bg-pink-50{--tw-bg-opacity:1;background-color:rgba(253,242,248,var(--tw-bg-opacity))}.bg-sky-50{--tw-bg-opacity:1;background-color:rgba(240,249,255,var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgba(239,246,255,var(--tw-bg-opacity))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgba(241,245,249,var(--tw-bg-opacity))}.bg-zinc-50\/50{background-color:hsla(0,0%,98%,.5)}.bg-amber-50\/50{background-color:rgba(255,251,235,.5)}.bg-sky-50\/50{background-color:rgba(240,249,255,.5)}.bg-emerald-50\/50{background-color:rgba(236,253,245,.5)}.bg-slate-50{--tw-bg-opacity:1;background-color:rgba(248,250,252,var(--tw-bg-opacity))}.bg-zinc-50{--tw-bg-opacity:1;background-color:rgba(250,250,250,var(--tw-bg-opacity))}.\!bg-zinc-400\/10{background-color:hsla(240,5%,65%,.1)!important}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-codeblock{--tw-bg-opacity:1;background-color:rgba(22,27,34,var(--tw-bg-opacity))}.bg-codeblock-tabs{--tw-bg-opacity:1;background-color:rgba(33,38,45,var(--tw-bg-opacity))}.bg-purple-100{--tw-bg-opacity:1;background-color:rgba(243,232,255,var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity:1;background-color:rgba(254,226,226,var(--tw-bg-opacity))}.fill-slate-800{fill:#1e293b}.fill-slate-400{fill:#94a3b8}.fill-slate-500{fill:#64748b}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-4{padding-bottom:1rem;padding-top:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-0{padding-bottom:0;padding-top:0}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.py-px{padding-bottom:1px;padding-top:1px}.px-1{padding-left:.25rem;padding-right:.25rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.pt-0{padding-top:0}.pb-7{padding-bottom:1.75rem}.pb-3{padding-bottom:.75rem}.pb-1{padding-bottom:.25rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pr-4{padding-right:1rem}.pt-3{padding-top:.75rem}.pb-2\.5{padding-bottom:.625rem}.pb-2{padding-bottom:.5rem}.pb-\[1px\]{padding-bottom:1px}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.font-normal{font-weight:400}.font-medium{font-weight:500}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-tight{line-height:1.25}.text-indigo-600{--tw-text-opacity:1;color:rgba(79,70,229,var(--tw-text-opacity))}.text-indigo-300{--tw-text-opacity:1;color:rgba(165,180,252,var(--tw-text-opacity))}.text-pink-600{--tw-text-opacity:1;color:rgba(219,39,119,var(--tw-text-opacity))}.text-pink-300{--tw-text-opacity:1;color:rgba(249,168,212,var(--tw-text-opacity))}.text-sky-600{--tw-text-opacity:1;color:rgba(2,132,199,var(--tw-text-opacity))}.text-sky-300{--tw-text-opacity:1;color:rgba(125,211,252,var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgba(37,99,235,var(--tw-text-opacity))}.text-blue-300{--tw-text-opacity:1;color:rgba(147,197,253,var(--tw-text-opacity))}.text-slate-700{--tw-text-opacity:1;color:rgba(51,65,85,var(--tw-text-opacity))}.text-slate-300{--tw-text-opacity:1;color:rgba(203,213,225,var(--tw-text-opacity))}.text-zinc-400{--tw-text-opacity:1;color:rgba(161,161,170,var(--tw-text-opacity))}.text-zinc-900{--tw-text-opacity:1;color:rgba(24,24,27,var(--tw-text-opacity))}.text-amber-400{--tw-text-opacity:1;color:rgba(251,191,36,var(--tw-text-opacity))}.text-amber-900{--tw-text-opacity:1;color:rgba(120,53,15,var(--tw-text-opacity))}.text-sky-500{--tw-text-opacity:1;color:rgba(14,165,233,var(--tw-text-opacity))}.text-sky-900{--tw-text-opacity:1;color:rgba(12,74,110,var(--tw-text-opacity))}.text-emerald-600{--tw-text-opacity:1;color:rgba(5,150,105,var(--tw-text-opacity))}.text-emerald-900{--tw-text-opacity:1;color:rgba(6,78,59,var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgba(22,163,74,var(--tw-text-opacity))}.text-slate-800{--tw-text-opacity:1;color:rgba(30,41,59,var(--tw-text-opacity))}.text-slate-600{--tw-text-opacity:1;color:rgba(71,85,105,var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity:1;color:rgba(100,116,139,var(--tw-text-opacity))}.text-slate-900{--tw-text-opacity:1;color:rgba(15,23,42,var(--tw-text-opacity))}.text-slate-50{--tw-text-opacity:1;color:rgba(248,250,252,var(--tw-text-opacity))}.text-slate-400{--tw-text-opacity:1;color:rgba(148,163,184,var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-pink-700{--tw-text-opacity:1;color:rgba(190,24,93,var(--tw-text-opacity))}.text-purple-600{--tw-text-opacity:1;color:rgba(147,51,234,var(--tw-text-opacity))}.text-purple-500{--tw-text-opacity:1;color:rgba(168,85,247,var(--tw-text-opacity))}.underline{text-decoration-line:underline}.decoration-zinc-400{text-decoration-color:#a1a1aa}.decoration-dotted{text-decoration-style:dotted}.decoration-2{text-decoration-thickness:2px}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 transparent,0 0 transparent,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 transparent;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}.ring-transparent{--tw-ring-color:transparent}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-75{transition-duration:75ms}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.bg-grid-slate-100{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27 fill=%27none%27 stroke=%27%23f1f5f9%27%3E%3Cpath d=%27M0 .5h31.5V32%27/%3E%3C/svg%3E")}.\[mask-image\:linear-gradient\(0deg\2c \#fff\2c rgba\(255\2c 255\2c 255\2c 0\.6\)\)\]{-webkit-mask-image:linear-gradient(0deg,#fff,hsla(0,0%,100%,.6));mask-image:linear-gradient(0deg,#fff,hsla(0,0%,100%,.6))}select{-moz-appearance:none;-webkit-appearance:none;appearance:none}.hover\:border-slate-300:hover{--tw-border-opacity:1;border-color:rgba(203,213,225,var(--tw-border-opacity))}.hover\:border-red-800:hover{--tw-border-opacity:1;border-color:rgba(153,27,27,var(--tw-border-opacity))}.hover\:bg-indigo-200:hover{--tw-bg-opacity:1;background-color:rgba(199,210,254,var(--tw-bg-opacity))}.hover\:bg-pink-100:hover{--tw-bg-opacity:1;background-color:rgba(252,231,243,var(--tw-bg-opacity))}.hover\:bg-sky-100:hover{--tw-bg-opacity:1;background-color:rgba(224,242,254,var(--tw-bg-opacity))}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgba(219,234,254,var(--tw-bg-opacity))}.hover\:bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgba(226,232,240,var(--tw-bg-opacity))}.hover\:bg-zinc-400\/20:hover{background-color:hsla(240,5%,65%,.2)}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgba(241,245,249,var(--tw-bg-opacity))}.hover\:bg-purple-200:hover{--tw-bg-opacity:1;background-color:rgba(233,213,255,var(--tw-bg-opacity))}.hover\:fill-slate-300:hover{fill:#cbd5e1}.hover\:text-indigo-700:hover{--tw-text-opacity:1;color:rgba(67,56,202,var(--tw-text-opacity))}.hover\:text-pink-700:hover{--tw-text-opacity:1;color:rgba(190,24,93,var(--tw-text-opacity))}.hover\:text-sky-700:hover{--tw-text-opacity:1;color:rgba(3,105,161,var(--tw-text-opacity))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:rgba(29,78,216,var(--tw-text-opacity))}.hover\:text-slate-900:hover{--tw-text-opacity:1;color:rgba(15,23,42,var(--tw-text-opacity))}.hover\:text-purple-700:hover{--tw-text-opacity:1;color:rgba(126,34,206,var(--tw-text-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 transparent;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}.focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(99,102,241,var(--tw-ring-opacity))}.focus\:ring-pink-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(219,39,119,var(--tw-ring-opacity))}.focus\:ring-sky-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(2,132,199,var(--tw-ring-opacity))}.focus\:ring-blue-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(37,99,235,var(--tw-ring-opacity))}.focus\:ring-slate-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(100,116,139,var(--tw-ring-opacity))}.focus\:ring-purple-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(168,85,247,var(--tw-ring-opacity))}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:flex{display:flex}.group:hover .group-hover\:text-indigo-400{--tw-text-opacity:1;color:rgba(129,140,248,var(--tw-text-opacity))}.group:hover .group-hover\:text-pink-400{--tw-text-opacity:1;color:rgba(244,114,182,var(--tw-text-opacity))}.group:hover .group-hover\:text-sky-400{--tw-text-opacity:1;color:rgba(56,189,248,var(--tw-text-opacity))}.group:hover .group-hover\:text-blue-400{--tw-text-opacity:1;color:rgba(96,165,250,var(--tw-text-opacity))}.group:hover .group-hover\:text-slate-400{--tw-text-opacity:1;color:rgba(148,163,184,var(--tw-text-opacity))}.group:hover .group-hover\:text-purple-600{--tw-text-opacity:1;color:rgba(147,51,234,var(--tw-text-opacity))}:where(.children\:\!my-0)>:where(:not(.not-children)){margin-bottom:0!important;margin-top:0!important}:where(.children\:\!bg-transparent)>:where(:not(.not-children)){background-color:transparent!important}:where(.children\:\!shadow-none)>:where(:not(.not-children)){--tw-shadow:0 0 transparent!important;--tw-shadow-colored:0 0 transparent!important;box-shadow:0 0 transparent,0 0 transparent,var(--tw-shadow)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important}.dark .dark\:border-zinc-500\/30{border-color:hsla(240,4%,46%,.3)}.dark .dark\:border-amber-500\/30{border-color:rgba(245,158,11,.3)}.dark .dark\:border-sky-500\/30{border-color:rgba(14,165,233,.3)}.dark .dark\:border-emerald-500\/30{border-color:rgba(16,185,129,.3)}.dark .dark\:border-zinc-800{--tw-border-opacity:1;border-color:rgba(39,39,42,var(--tw-border-opacity))}.dark .dark\:border-white\/5{border-color:hsla(0,0%,100%,.05)}.dark .dark\:border-zinc-200\/10{border-color:hsla(240,6%,90%,.1)}.dark .dark\:border-red-600{--tw-border-opacity:1;border-color:rgba(220,38,38,var(--tw-border-opacity))}.dark .dark\:bg-slate-700{--tw-bg-opacity:1;background-color:rgba(51,65,85,var(--tw-bg-opacity))}.dark .dark\:bg-sky-500{--tw-bg-opacity:1;background-color:rgba(14,165,233,var(--tw-bg-opacity))}.dark .dark\:bg-zinc-900{--tw-bg-opacity:1;background-color:rgba(24,24,27,var(--tw-bg-opacity))}.dark .dark\:bg-zinc-500\/10{background-color:hsla(240,4%,46%,.1)}.dark .dark\:bg-amber-500\/10{background-color:rgba(245,158,11,.1)}.dark .dark\:bg-sky-500\/10{background-color:rgba(14,165,233,.1)}.dark .dark\:bg-emerald-500\/10{background-color:rgba(16,185,129,.1)}.dark .dark\:bg-slate-800\/25{background-color:rgba(30,41,59,.25)}.dark .dark\:bg-zinc-800{--tw-bg-opacity:1;background-color:rgba(39,39,42,var(--tw-bg-opacity))}.dark .dark\:bg-zinc-600\/30{background-color:rgba(82,82,91,.3)}.dark .dark\:fill-slate-100{fill:#f1f5f9}.dark .dark\:fill-slate-300{fill:#cbd5e1}.dark .dark\:text-slate-100{--tw-text-opacity:1;color:rgba(241,245,249,var(--tw-text-opacity))}.dark .dark\:text-slate-500{--tw-text-opacity:1;color:rgba(100,116,139,var(--tw-text-opacity))}.dark .dark\:text-sky-50{--tw-text-opacity:1;color:rgba(240,249,255,var(--tw-text-opacity))}.dark .dark\:text-sky-300{--tw-text-opacity:1;color:rgba(125,211,252,var(--tw-text-opacity))}.dark .dark\:text-zinc-300{--tw-text-opacity:1;color:rgba(212,212,216,var(--tw-text-opacity))}.dark .dark\:text-zinc-200{--tw-text-opacity:1;color:rgba(228,228,231,var(--tw-text-opacity))}.dark .dark\:text-amber-300\/80{color:rgba(252,211,77,.8)}.dark .dark\:text-amber-200{--tw-text-opacity:1;color:rgba(253,230,138,var(--tw-text-opacity))}.dark .dark\:text-sky-200{--tw-text-opacity:1;color:rgba(186,230,253,var(--tw-text-opacity))}.dark .dark\:text-emerald-400\/80{color:rgba(52,211,153,.8)}.dark .dark\:text-emerald-200{--tw-text-opacity:1;color:rgba(167,243,208,var(--tw-text-opacity))}.dark .dark\:text-green-400\/80{color:rgba(74,222,128,.8)}.dark .dark\:text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.dark .dark\:text-slate-400{--tw-text-opacity:1;color:rgba(148,163,184,var(--tw-text-opacity))}.dark .dark\:text-slate-300{--tw-text-opacity:1;color:rgba(203,213,225,var(--tw-text-opacity))}.dark .dark\:text-slate-200{--tw-text-opacity:1;color:rgba(226,232,240,var(--tw-text-opacity))}.dark .dark\:text-pink-300{--tw-text-opacity:1;color:rgba(249,168,212,var(--tw-text-opacity))}.dark .dark\:decoration-zinc-500{text-decoration-color:#71717a}.dark .dark\:prose-dark{color:#94a3b8}.dark .dark\:prose-dark :where(h1,h2,h3,h4,thead th):not(:where([class~=not-prose] *)){color:#e2e8f0}.dark .dark\:prose-dark :where(h1 small,h2 small,h3 small,h4 small):not(:where([class~=not-prose] *)){color:#94a3b8}.dark .dark\:prose-dark :where(kbd):not(:where([class~=not-prose] *)){background:#334155;border-color:#475569;color:#e2e8f0}.dark .dark\:prose-dark :where(code):not(:where([class~=not-prose] *)){color:#e2e8f0}.dark .dark\:prose-dark :where(hr):not(:where([class~=not-prose] *)){border-color:#e2e8f0;opacity:.05}.dark .dark\:prose-dark :where(pre):not(:where([class~=not-prose] *)){box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.1)}.dark .dark\:prose-dark :where(a):not(:where([class~=not-prose] *)){color:#fff}.dark .dark\:prose-dark :where(strong):not(:where([class~=not-prose] *)){color:#e2e8f0}.dark .dark\:prose-dark :where(thead):not(:where([class~=not-prose] *)){border-bottom-color:rgba(148,163,184,.2);color:#cbd5e1}.dark .dark\:prose-dark :where(tbody tr):not(:where([class~=not-prose] *)){border-bottom-color:rgba(148,163,184,.1)}.dark .dark\:brightness-\[1\.35\]{--tw-brightness:brightness(1.35);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.dark .dark\:bg-grid-slate-700\/25{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2732%27 height=%2732%27 fill=%27none%27 stroke=%27rgb%2851 65 85 / 0.25%29%27%3E%3Cpath d=%27M0 .5h31.5V32%27/%3E%3C/svg%3E")}.dark .dark\:\[mask-image\:linear-gradient\(0deg\2c rgba\(255\2c 255\2c 255\2c 0\.1\)\2c rgba\(255\2c 255\2c 255\2c 0\.5\)\)\]{-webkit-mask-image:linear-gradient(0deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.5));mask-image:linear-gradient(0deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.5))}.dark .dark\:hover\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgba(51,65,85,var(--tw-border-opacity))}.dark .dark\:hover\:border-red-400:hover{--tw-border-opacity:1;border-color:rgba(248,113,113,var(--tw-border-opacity))}.dark .dark\:hover\:bg-slate-600:hover{--tw-bg-opacity:1;background-color:rgba(71,85,105,var(--tw-bg-opacity))}.dark .dark\:hover\:bg-sky-400:hover{--tw-bg-opacity:1;background-color:rgba(56,189,248,var(--tw-bg-opacity))}.dark .hover\:dark\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:rgba(30,41,59,var(--tw-bg-opacity))}.dark .dark\:hover\:text-white:hover{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.dark .dark\:hover\:text-slate-200:hover{--tw-text-opacity:1;color:rgba(226,232,240,var(--tw-text-opacity))}.dark .dark\:focus\:ring-slate-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(100,116,139,var(--tw-ring-opacity))}.dark .dark\:focus\:ring-sky-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(186,230,253,var(--tw-ring-opacity))}.dark .group:hover .dark\:group-hover\:text-slate-400{--tw-text-opacity:1;color:rgba(148,163,184,var(--tw-text-opacity))}.dark .group:hover .dark\:group-hover\:text-sky-100{--tw-text-opacity:1;color:rgba(224,242,254,var(--tw-text-opacity))}@media (min-width:640px){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.lg\:whitespace-nowrap{white-space:nowrap}}.\[\&\>div\]\:mb-0>div{margin-bottom:0}.\[\&\>div\]\:ml-2>div{margin-left:.5rem}.\[\&\>div\]\:rounded-none>div{border-radius:0}.\[\&\>div\]\:border-0>div{border-width:0}.\[\&\>div\>button\]\:rounded-none>div>button{border-radius:0}