@shipfox/react-ui 0.3.0 → 0.4.0

package/dist/components/checkbox/checkbox.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/checkbox/checkbox.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {Code, Header} from 'components/typography';\nimport {Checkbox, CheckboxLabel, CheckboxLinks} from '.';\n\nconst meta = {\n  title: 'Components/Checkbox',\n  component: Checkbox,\n  tags: ['autodocs'],\n  argTypes: {\n    size: {\n      control: 'select',\n      options: ['sm', 'md', 'lg'],\n    },\n    disabled: {control: 'boolean'},\n    checked: {control: 'boolean'},\n  },\n  args: {\n    size: 'md',\n    disabled: false,\n  },\n} satisfies Meta<typeof Checkbox>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  render: (args) => (\n    <div className=\"flex flex-col gap-32\">\n      <div className=\"flex flex-col gap-16\">\n        <Header variant=\"h4\">Controlled Checkbox</Header>\n        <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n          Use the controls below to change the checkbox state\n        </Code>\n        <Checkbox {...args} />\n      </div>\n\n      <div className=\"flex flex-col gap-32\">\n        <Header variant=\"h4\">All States</Header>\n        {(['sm', 'md', 'lg'] as const).map((size) => (\n          <div key={size} className=\"flex flex-wrap gap-16\">\n            <Header variant=\"h4\">Size: {size}</Header>\n            <div className=\"flex flex-col gap-8\">\n              <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n                Unchecked\n              </Code>\n              <Checkbox size={size} />\n            </div>\n            <div className=\"flex flex-col gap-8\">\n              <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n                Checked\n              </Code>\n              <Checkbox size={size} checked />\n            </div>\n            <div className=\"flex flex-col gap-8\">\n              <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n                Indeterminate\n              </Code>\n              <Checkbox size={size} checked=\"indeterminate\" />\n            </div>\n            <div className=\"flex flex-col gap-8\">\n              <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n                Disabled (Unchecked)\n              </Code>\n              <Checkbox size={size} disabled />\n            </div>\n            <div className=\"flex flex-col gap-8\">\n              <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n                Disabled (Checked)\n              </Code>\n              <Checkbox size={size} checked disabled />\n            </div>\n            <div className=\"flex flex-col gap-8\">\n              <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n                Focus\n              </Code>\n              <Checkbox size={size} className=\"focus\" />\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  ),\n  parameters: {\n    pseudo: {\n      focusVisible: '.focus',\n    },\n  },\n};\n\nexport const CheckboxLabelStory: StoryObj = {\n  render: () => (\n    <div className=\"flex flex-col gap-32 pb-64 pt-32 px-32 bg-background-neutral-base\">\n      <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n        CHECKBOX LABEL - WITHOUT BORDER\n      </Code>\n      <div className=\"flex flex-col gap-16\">\n        <div className=\"flex flex-col gap-8\">\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle text-xs\">\n            Default - Unchecked\n          </Code>\n          <CheckboxLabel\n            label=\"Label\"\n            optional\n            showInfoIcon\n            description=\"The quick brown fox jumps over a lazy dog.\"\n          />\n        </div>\n        <div className=\"flex flex-col gap-8\">\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle text-xs\">\n            Hover - Unchecked\n          </Code>\n          <CheckboxLabel\n            label=\"Label\"\n            optional\n            showInfoIcon\n            description=\"The quick brown fox jumps over a lazy dog.\"\n            className=\"hover\"\n          />\n        </div>\n        <div className=\"flex flex-col gap-8\">\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle text-xs\">\n            Default - Checked\n          </Code>\n          <CheckboxLabel\n            label=\"Label\"\n            optional\n            showInfoIcon\n            description=\"The quick brown fox jumps over a lazy dog.\"\n            checked\n          />\n        </div>\n        <div className=\"flex flex-col gap-8\">\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle text-xs\">\n            Hover - Checked\n          </Code>\n          <CheckboxLabel\n            label=\"Label\"\n            optional\n            showInfoIcon\n            description=\"The quick brown fox jumps over a lazy dog.\"\n            checked\n            className=\"hover\"\n          />\n        </div>\n        <div className=\"flex flex-col gap-8\">\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle text-xs\">\n            Default - Indeterminate\n          </Code>\n          <CheckboxLabel\n            label=\"Label\"\n            optional\n            showInfoIcon\n            description=\"The quick brown fox jumps over a lazy dog.\"\n            checked=\"indeterminate\"\n          />\n        </div>\n        <div className=\"flex flex-col gap-8\">\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle text-xs\">\n            Disabled - Checked\n          </Code>\n          <CheckboxLabel\n            label=\"Label\"\n            checked\n            optional\n            showInfoIcon\n            description=\"The quick brown fox jumps over a lazy dog.\"\n            disabled\n          />\n        </div>\n        <div className=\"flex flex-col gap-8\">\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle text-xs\">\n            Disabled - Unchecked\n          </Code>\n          <CheckboxLabel\n            label=\"Label\"\n            optional\n            showInfoIcon\n            description=\"The quick brown fox jumps over a lazy dog.\"\n            disabled\n          />\n        </div>\n      </div>\n\n      <Code variant=\"label\" className=\"text-foreground-neutral-subtle mt-32\">\n        CHECKBOX LABEL - WITH BORDER\n      </Code>\n      <div className=\"flex flex-col gap-16\">\n        <div className=\"flex flex-col gap-8\">\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle text-xs\">\n            Default - Unchecked\n          </Code>\n          <CheckboxLabel\n            id=\"checkbox-border-default-unchecked\"\n            label=\"Label\"\n            optional\n            showInfoIcon\n            description=\"The quick brown fox jumps over a lazy dog.\"\n            border\n          />\n        </div>\n        <div className=\"flex flex-col gap-8\">\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle text-xs\">\n            Hover - Unchecked\n          </Code>\n          <CheckboxLabel\n            id=\"checkbox-border-hover-unchecked\"\n            label=\"Label\"\n            optional\n            showInfoIcon\n            description=\"The quick brown fox jumps over a lazy dog.\"\n            border\n            className=\"hover\"\n          />\n        </div>\n        <div className=\"flex flex-col gap-8\">\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle text-xs\">\n            Focus - Unchecked\n          </Code>\n          <CheckboxLabel\n            id=\"checkbox-border-focus-unchecked\"\n            label=\"Label\"\n            optional\n            showInfoIcon\n            description=\"The quick brown fox jumps over a lazy dog.\"\n            border\n            className=\"focus\"\n          />\n        </div>\n        <div className=\"flex flex-col gap-8\">\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle text-xs\">\n            Default - Checked\n          </Code>\n          <CheckboxLabel\n            id=\"checkbox-border-default-checked\"\n            label=\"Label\"\n            optional\n            showInfoIcon\n            description=\"The quick brown fox jumps over a lazy dog.\"\n            checked\n            border\n          />\n        </div>\n        <div className=\"flex flex-col gap-8\">\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle text-xs\">\n            Hover - Checked\n          </Code>\n          <CheckboxLabel\n            id=\"checkbox-border-hover-checked\"\n            label=\"Label\"\n            optional\n            showInfoIcon\n            description=\"The quick brown fox jumps over a lazy dog.\"\n            checked\n            border\n            className=\"hover\"\n          />\n        </div>\n        <div className=\"flex flex-col gap-8\">\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle text-xs\">\n            Focus - Checked\n          </Code>\n          <CheckboxLabel\n            id=\"checkbox-border-focus-checked\"\n            label=\"Label\"\n            optional\n            showInfoIcon\n            description=\"The quick brown fox jumps over a lazy dog.\"\n            checked\n            border\n            className=\"focus\"\n          />\n        </div>\n        <div className=\"flex flex-col gap-8\">\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle text-xs\">\n            Default - Indeterminate\n          </Code>\n          <CheckboxLabel\n            id=\"checkbox-border-default-indeterminate\"\n            label=\"Label\"\n            optional\n            showInfoIcon\n            description=\"The quick brown fox jumps over a lazy dog.\"\n            checked=\"indeterminate\"\n            border\n          />\n        </div>\n        <div className=\"flex flex-col gap-8\">\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle text-xs\">\n            Disabled - Unchecked\n          </Code>\n          <CheckboxLabel\n            id=\"checkbox-border-disabled-unchecked\"\n            label=\"Label\"\n            optional\n            showInfoIcon\n            description=\"The quick brown fox jumps over a lazy dog.\"\n            disabled\n            border\n          />\n        </div>\n        <div className=\"flex flex-col gap-8\">\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle text-xs\">\n            Disabled - Checked\n          </Code>\n          <CheckboxLabel\n            id=\"checkbox-border-disabled-checked\"\n            label=\"Label\"\n            optional\n            showInfoIcon\n            description=\"The quick brown fox jumps over a lazy dog.\"\n            checked\n            disabled\n            border\n          />\n        </div>\n        <div className=\"flex flex-col gap-8\">\n          <Code variant=\"label\" className=\"text-foreground-neutral-subtle text-xs\">\n            Disabled - Indeterminate\n          </Code>\n          <CheckboxLabel\n            id=\"checkbox-border-disabled-indeterminate\"\n            label=\"Label\"\n            optional\n            showInfoIcon\n            description=\"The quick brown fox jumps over a lazy dog.\"\n            checked=\"indeterminate\"\n            disabled\n            border\n          />\n        </div>\n      </div>\n    </div>\n  ),\n};\n\nCheckboxLabelStory.parameters = {\n  pseudo: {\n    hover: '.hover',\n    focusVisible: '.focus',\n  },\n};\n\nexport const CheckboxLinksStory: StoryObj = {\n  args: {\n    disabled: true,\n  },\n\n  render: () => (\n    <div className=\"flex flex-col gap-32 pb-64 pt-32 px-32 bg-background-neutral-base\">\n      <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n        CHECKBOX LINKS\n      </Code>\n      <div className=\"flex flex-col gap-16\">\n        <CheckboxLinks\n          id=\"checkbox-links-default\"\n          label=\"Accept policies\"\n          links={[\n            {label: 'Terms of use', href: '#'},\n            {label: 'Privacy Policy', href: '#'},\n          ]}\n        />\n        <CheckboxLinks\n          id=\"checkbox-links-checked\"\n          label=\"Accept policies\"\n          links={[\n            {label: 'Terms of use', href: '#'},\n            {label: 'Privacy Policy', href: '#'},\n          ]}\n          checked\n        />\n      </div>\n    </div>\n  ),\n};\n"],"names":["Code","Header","Checkbox","CheckboxLabel","CheckboxLinks","meta","title","component","tags","argTypes","size","control","options","disabled","checked","args","Default","render","div","className","variant","map","parameters","pseudo","focusVisible","CheckboxLabelStory","label","optional","showInfoIcon","description","id","border","hover","CheckboxLinksStory","links","href"],"mappings":"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"}

package/dist/components/checkbox/index.d.ts

@@ -0,0 +1,4 @@
+export * from './checkbox';
+export * from './checkbox-label';
+export * from './checkbox-links';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}

package/dist/components/checkbox/index.js

@@ -0,0 +1,5 @@
+export * from './checkbox.js';
+export * from './checkbox-label.js';
+export * from './checkbox-links.js';
+
+//# sourceMappingURL=index.js.map

package/dist/components/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/checkbox/index.ts"],"sourcesContent":["export * from './checkbox';\nexport * from './checkbox-label';\nexport * from './checkbox-links';\n"],"names":[],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,mBAAmB;AACjC,cAAc,mBAAmB"}

package/dist/components/code-block/code-block-footer.d.ts

@@ -0,0 +1,26 @@
+import type { ComponentProps, HTMLAttributes, ReactNode } from 'react';
+export type CodeBlockFooterProps = HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+    state?: 'running' | 'done';
+    message?: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+};
+export declare function CodeBlockFooter({ className, asChild, state, message, description, icon, children, ...props }: CodeBlockFooterProps): import("react/jsx-runtime").JSX.Element;
+export type CodeBlockFooterIconProps = ComponentProps<'div'> & {
+    asChild?: boolean;
+};
+export declare function CodeBlockFooterIcon({ className, asChild, children, ...props }: CodeBlockFooterIconProps): import("react/jsx-runtime").JSX.Element;
+export type CodeBlockFooterContentProps = ComponentProps<'div'> & {
+    asChild?: boolean;
+};
+export declare function CodeBlockFooterContent({ className, asChild, children, ...props }: CodeBlockFooterContentProps): import("react/jsx-runtime").JSX.Element;
+export type CodeBlockFooterMessageProps = ComponentProps<'div'> & {
+    asChild?: boolean;
+};
+export declare function CodeBlockFooterMessage({ className, asChild, children, ...props }: CodeBlockFooterMessageProps): import("react/jsx-runtime").JSX.Element;
+export type CodeBlockFooterDescriptionProps = ComponentProps<'div'> & {
+    asChild?: boolean;
+};
+export declare function CodeBlockFooterDescription({ className, asChild, children, ...props }: CodeBlockFooterDescriptionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=code-block-footer.d.ts.map

package/dist/components/code-block/code-block-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-footer.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/code-block-footer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,cAAc,EAAE,cAAc,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAGrE,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,OAAe,EACf,KAAiB,EACjB,OAAO,EACP,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAoDtB;AAED,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,OAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAY1B;AAED,MAAM,MAAM,2BAA2B,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,OAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAY7B;AAED,MAAM,MAAM,2BAA2B,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,OAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAe7B;AAED,MAAM,MAAM,+BAA+B,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,EACzC,SAAS,EACT,OAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,+BAA+B,2CAejC"}

package/dist/components/code-block/code-block-footer.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Slot } from '@radix-ui/react-slot';
+import { Icon } from '../../components/icon/icon.js';
+import { cn } from '../../utils/cn.js';
+export function CodeBlockFooter({ className, asChild = false, state = 'running', message, description, icon, children, ...props }) {
+    const Comp = asChild ? Slot : 'div';
+    const defaultIcon = icon ?? (state === 'running' ? /*#__PURE__*/ _jsx(Icon, {
+        name: "shipfox",
+        className: "size-20",
+        "aria-hidden": "true"
+    }) : /*#__PURE__*/ _jsx(Icon, {
+        name: "checkCircleSolid",
+        className: "size-20 text-foreground-neutral-base",
+        "aria-hidden": "true"
+    }));
+    if (asChild || children) {
+        return /*#__PURE__*/ _jsx(Comp, {
+            "data-slot": "code-block-footer",
+            className: cn('flex w-full items-center justify-start gap-12 px-16 py-12', className),
+            ...props,
+            children: children
+        });
+    }
+    return /*#__PURE__*/ _jsxs(Comp, {
+        "data-slot": "code-block-footer",
+        className: cn('flex w-full items-center justify-start gap-12 px-16 py-12', className),
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: "flex shrink-0 items-center justify-center size-20 text-tag-success-icon",
+                children: defaultIcon
+            }),
+            (message || description) && /*#__PURE__*/ _jsxs("div", {
+                className: "flex flex-col items-start justify-center gap-0",
+                children: [
+                    message && /*#__PURE__*/ _jsx("div", {
+                        className: "overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-20 text-foreground-neutral-base",
+                        children: message
+                    }),
+                    description && /*#__PURE__*/ _jsx("div", {
+                        className: "overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-20 text-foreground-neutral-subtle",
+                        children: description
+                    })
+                ]
+            })
+        ]
+    });
+}
+export function CodeBlockFooterIcon({ className, asChild = false, children, ...props }) {
+    const Comp = asChild ? Slot : 'div';
+    return /*#__PURE__*/ _jsx(Comp, {
+        "data-slot": "code-block-footer-icon",
+        className: cn('flex shrink-0 items-center justify-center size-20', className),
+        ...props,
+        children: children
+    });
+}
+export function CodeBlockFooterContent({ className, asChild = false, children, ...props }) {
+    const Comp = asChild ? Slot : 'div';
+    return /*#__PURE__*/ _jsx(Comp, {
+        "data-slot": "code-block-footer-content",
+        className: cn('flex flex-col items-start justify-center gap-0', className),
+        ...props,
+        children: children
+    });
+}
+export function CodeBlockFooterMessage({ className, asChild = false, children, ...props }) {
+    const Comp = asChild ? Slot : 'div';
+    return /*#__PURE__*/ _jsx(Comp, {
+        "data-slot": "code-block-footer-message",
+        className: cn('overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-20 text-foreground-neutral-base', className),
+        ...props,
+        children: children
+    });
+}
+export function CodeBlockFooterDescription({ className, asChild = false, children, ...props }) {
+    const Comp = asChild ? Slot : 'div';
+    return /*#__PURE__*/ _jsx(Comp, {
+        "data-slot": "code-block-footer-description",
+        className: cn('overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-20 text-foreground-neutral-subtle', className),
+        ...props,
+        children: children
+    });
+}
+
+//# sourceMappingURL=code-block-footer.js.map

package/dist/components/code-block/code-block-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/code-block/code-block-footer.tsx"],"sourcesContent":["import {Slot} from '@radix-ui/react-slot';\nimport {Icon} from 'components/icon/icon';\nimport type {ComponentProps, HTMLAttributes, ReactNode} from 'react';\nimport {cn} from 'utils/cn';\n\nexport type CodeBlockFooterProps = HTMLAttributes<HTMLDivElement> & {\n  asChild?: boolean;\n  state?: 'running' | 'done';\n  message?: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n};\n\nexport function CodeBlockFooter({\n  className,\n  asChild = false,\n  state = 'running',\n  message,\n  description,\n  icon,\n  children,\n  ...props\n}: CodeBlockFooterProps) {\n  const Comp = asChild ? Slot : 'div';\n\n  const defaultIcon =\n    icon ??\n    (state === 'running' ? (\n      <Icon name=\"shipfox\" className=\"size-20\" aria-hidden=\"true\" />\n    ) : (\n      <Icon\n        name=\"checkCircleSolid\"\n        className=\"size-20 text-foreground-neutral-base\"\n        aria-hidden=\"true\"\n      />\n    ));\n\n  if (asChild || children) {\n    return (\n      <Comp\n        data-slot=\"code-block-footer\"\n        className={cn('flex w-full items-center justify-start gap-12 px-16 py-12', className)}\n        {...props}\n      >\n        {children}\n      </Comp>\n    );\n  }\n\n  return (\n    <Comp\n      data-slot=\"code-block-footer\"\n      className={cn('flex w-full items-center justify-start gap-12 px-16 py-12', className)}\n      {...props}\n    >\n      <div className=\"flex shrink-0 items-center justify-center size-20 text-tag-success-icon\">\n        {defaultIcon}\n      </div>\n      {(message || description) && (\n        <div className=\"flex flex-col items-start justify-center gap-0\">\n          {message && (\n            <div className=\"overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-20 text-foreground-neutral-base\">\n              {message}\n            </div>\n          )}\n          {description && (\n            <div className=\"overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-20 text-foreground-neutral-subtle\">\n              {description}\n            </div>\n          )}\n        </div>\n      )}\n    </Comp>\n  );\n}\n\nexport type CodeBlockFooterIconProps = ComponentProps<'div'> & {\n  asChild?: boolean;\n};\n\nexport function CodeBlockFooterIcon({\n  className,\n  asChild = false,\n  children,\n  ...props\n}: CodeBlockFooterIconProps) {\n  const Comp = asChild ? Slot : 'div';\n\n  return (\n    <Comp\n      data-slot=\"code-block-footer-icon\"\n      className={cn('flex shrink-0 items-center justify-center size-20', className)}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nexport type CodeBlockFooterContentProps = ComponentProps<'div'> & {\n  asChild?: boolean;\n};\n\nexport function CodeBlockFooterContent({\n  className,\n  asChild = false,\n  children,\n  ...props\n}: CodeBlockFooterContentProps) {\n  const Comp = asChild ? Slot : 'div';\n\n  return (\n    <Comp\n      data-slot=\"code-block-footer-content\"\n      className={cn('flex flex-col items-start justify-center gap-0', className)}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nexport type CodeBlockFooterMessageProps = ComponentProps<'div'> & {\n  asChild?: boolean;\n};\n\nexport function CodeBlockFooterMessage({\n  className,\n  asChild = false,\n  children,\n  ...props\n}: CodeBlockFooterMessageProps) {\n  const Comp = asChild ? Slot : 'div';\n\n  return (\n    <Comp\n      data-slot=\"code-block-footer-message\"\n      className={cn(\n        'overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-20 text-foreground-neutral-base',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nexport type CodeBlockFooterDescriptionProps = ComponentProps<'div'> & {\n  asChild?: boolean;\n};\n\nexport function CodeBlockFooterDescription({\n  className,\n  asChild = false,\n  children,\n  ...props\n}: CodeBlockFooterDescriptionProps) {\n  const Comp = asChild ? Slot : 'div';\n\n  return (\n    <Comp\n      data-slot=\"code-block-footer-description\"\n      className={cn(\n        'overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-20 text-foreground-neutral-subtle',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n}\n"],"names":["Slot","Icon","cn","CodeBlockFooter","className","asChild","state","message","description","icon","children","props","Comp","defaultIcon","name","aria-hidden","data-slot","div","CodeBlockFooterIcon","CodeBlockFooterContent","CodeBlockFooterMessage","CodeBlockFooterDescription"],"mappings":";AAAA,SAAQA,IAAI,QAAO,uBAAuB;AAC1C,SAAQC,IAAI,QAAO,uBAAuB;AAE1C,SAAQC,EAAE,QAAO,WAAW;AAU5B,OAAO,SAASC,gBAAgB,EAC9BC,SAAS,EACTC,UAAU,KAAK,EACfC,QAAQ,SAAS,EACjBC,OAAO,EACPC,WAAW,EACXC,IAAI,EACJC,QAAQ,EACR,GAAGC,OACkB;IACrB,MAAMC,OAAOP,UAAUL,OAAO;IAE9B,MAAMa,cACJJ,QACCH,CAAAA,UAAU,0BACT,KAACL;QAAKa,MAAK;QAAUV,WAAU;QAAUW,eAAY;uBAErD,KAACd;QACCa,MAAK;QACLV,WAAU;QACVW,eAAY;MAEhB;IAEF,IAAIV,WAAWK,UAAU;QACvB,qBACE,KAACE;YACCI,aAAU;YACVZ,WAAWF,GAAG,6DAA6DE;YAC1E,GAAGO,KAAK;sBAERD;;IAGP;IAEA,qBACE,MAACE;QACCI,aAAU;QACVZ,WAAWF,GAAG,6DAA6DE;QAC1E,GAAGO,KAAK;;0BAET,KAACM;gBAAIb,WAAU;0BACZS;;YAEDN,CAAAA,WAAWC,WAAU,mBACrB,MAACS;gBAAIb,WAAU;;oBACZG,yBACC,KAACU;wBAAIb,WAAU;kCACZG;;oBAGJC,6BACC,KAACS;wBAAIb,WAAU;kCACZI;;;;;;AAOf;AAMA,OAAO,SAASU,oBAAoB,EAClCd,SAAS,EACTC,UAAU,KAAK,EACfK,QAAQ,EACR,GAAGC,OACsB;IACzB,MAAMC,OAAOP,UAAUL,OAAO;IAE9B,qBACE,KAACY;QACCI,aAAU;QACVZ,WAAWF,GAAG,qDAAqDE;QAClE,GAAGO,KAAK;kBAERD;;AAGP;AAMA,OAAO,SAASS,uBAAuB,EACrCf,SAAS,EACTC,UAAU,KAAK,EACfK,QAAQ,EACR,GAAGC,OACyB;IAC5B,MAAMC,OAAOP,UAAUL,OAAO;IAE9B,qBACE,KAACY;QACCI,aAAU;QACVZ,WAAWF,GAAG,kDAAkDE;QAC/D,GAAGO,KAAK;kBAERD;;AAGP;AAMA,OAAO,SAASU,uBAAuB,EACrChB,SAAS,EACTC,UAAU,KAAK,EACfK,QAAQ,EACR,GAAGC,OACyB;IAC5B,MAAMC,OAAOP,UAAUL,OAAO;IAE9B,qBACE,KAACY;QACCI,aAAU;QACVZ,WAAWF,GACT,mGACAE;QAED,GAAGO,KAAK;kBAERD;;AAGP;AAMA,OAAO,SAASW,2BAA2B,EACzCjB,SAAS,EACTC,UAAU,KAAK,EACfK,QAAQ,EACR,GAAGC,OAC6B;IAChC,MAAMC,OAAOP,UAAUL,OAAO;IAE9B,qBACE,KAACY;QACCI,aAAU;QACVZ,WAAWF,GACT,qGACAE;QAED,GAAGO,KAAK;kBAERD;;AAGP"}

package/dist/components/code-block/code-block.d.ts

@@ -0,0 +1,50 @@
+import type { ComponentProps, HTMLAttributes, ReactNode } from 'react';
+export type BundledLanguage = string;
+export type CodeBlockData = {
+    language: string;
+    filename: string;
+    code: string;
+};
+export type CodeBlockProps = HTMLAttributes<HTMLDivElement> & {
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    data: CodeBlockData[];
+};
+export declare function CodeBlock({ value: controlledValue, onValueChange: controlledOnValueChange, defaultValue, className, data, ...props }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
+export type CodeBlockHeaderProps = HTMLAttributes<HTMLDivElement>;
+export declare function CodeBlockHeader({ className, ...props }: CodeBlockHeaderProps): import("react/jsx-runtime").JSX.Element;
+export type CodeBlockFilesProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
+    children: (item: CodeBlockData) => ReactNode;
+};
+export declare function CodeBlockFiles({ className, children, ...props }: CodeBlockFilesProps): import("react/jsx-runtime").JSX.Element;
+export type CodeBlockFilenameProps = HTMLAttributes<HTMLDivElement> & {
+    value?: string;
+};
+export declare function CodeBlockFilename({ className, value, children, ...props }: CodeBlockFilenameProps): import("react/jsx-runtime").JSX.Element | null;
+export type CodeBlockCopyButtonProps = ComponentProps<'button'> & {
+    onCopy?: () => void;
+    onError?: (error: Error) => void;
+    timeout?: number;
+};
+export declare function CodeBlockCopyButton({ onCopy, onError, timeout, children, className, ...props }: CodeBlockCopyButtonProps): import("react/jsx-runtime").JSX.Element;
+export type CodeBlockBodyProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
+    children: (item: CodeBlockData) => ReactNode;
+};
+export declare function CodeBlockBody({ children, ...props }: CodeBlockBodyProps): import("react/jsx-runtime").JSX.Element;
+export type CodeBlockItemProps = HTMLAttributes<HTMLDivElement> & {
+    value: string;
+    lineNumbers?: boolean;
+};
+export declare function CodeBlockItem({ children, lineNumbers, className, value, ...props }: CodeBlockItemProps): import("react/jsx-runtime").JSX.Element | null;
+export type CodeBlockContentProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
+    themes?: {
+        light: string;
+        dark: string;
+    };
+    language?: BundledLanguage;
+    syntaxHighlighting?: boolean;
+    children: string;
+};
+export declare function CodeBlockContent({ children, themes, language, syntaxHighlighting, ...props }: CodeBlockContentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=code-block.d.ts.map

package/dist/components/code-block/code-block.d.ts.map

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

package/dist/components/code-block/code-block.js

@@ -0,0 +1,142 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
+import { CodeContent } from '../../components/code-block/code-content.js';
+import { CodeCopyButton } from '../../components/code-block/code-copy-button.js';
+import { useResolvedTheme } from '../../hooks/useResolvedTheme.js';
+import { useShikiHighlight } from '../../hooks/useShikiHighlight.js';
+import { useShikiStyleInjection } from '../../hooks/useShikiStyleInjection.js';
+import { createContext, useContext } from 'react';
+import { cn } from '../../utils/cn.js';
+const CodeBlockContext = /*#__PURE__*/ createContext({
+    value: undefined,
+    onValueChange: undefined,
+    data: []
+});
+export function CodeBlock({ value: controlledValue, onValueChange: controlledOnValueChange, defaultValue, className, data, ...props }) {
+    const [value, onValueChange] = useControllableState({
+        defaultProp: defaultValue ?? '',
+        prop: controlledValue,
+        onChange: controlledOnValueChange
+    });
+    return /*#__PURE__*/ _jsx(CodeBlockContext.Provider, {
+        value: {
+            value,
+            onValueChange,
+            data
+        },
+        children: /*#__PURE__*/ _jsx("div", {
+            className: cn('size-full overflow-hidden rounded-12 bg-background-components-pressed dark:bg-background-contrast-base shadow-button-neutral', className),
+            ...props
+        })
+    });
+}
+export function CodeBlockHeader({ className, ...props }) {
+    return /*#__PURE__*/ _jsx("div", {
+        className: cn('flex w-full flex-row items-center gap-12 overflow-clip bg-background-components-pressed dark:bg-background-contrast-base px-16 py-8', className),
+        ...props
+    });
+}
+export function CodeBlockFiles({ className, children, ...props }) {
+    const { data } = useContext(CodeBlockContext);
+    return /*#__PURE__*/ _jsx("div", {
+        className: cn('flex grow flex-row items-center gap-12', className),
+        ...props,
+        children: data.map((item, index)=>/*#__PURE__*/ _jsx("div", {
+                children: children(item)
+            }, item.language || index))
+    });
+}
+export function CodeBlockFilename({ className, value, children, ...props }) {
+    const { value: activeValue } = useContext(CodeBlockContext);
+    if (value !== activeValue) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsx("div", {
+        className: cn('flex min-h-0 min-w-0 flex-1 items-center overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-20 font-code text-foreground-neutral-muted', className),
+        ...props,
+        children: children
+    });
+}
+export function CodeBlockCopyButton({ onCopy, onError, timeout = 2000, children, className, ...props }) {
+    const { data, value } = useContext(CodeBlockContext);
+    const code = data.find((item)=>item.language === value)?.code ?? '';
+    return /*#__PURE__*/ _jsx(CodeCopyButton, {
+        content: code,
+        onCopy: ()=>onCopy?.(),
+        onError: onError,
+        timeout: timeout,
+        className: className,
+        ...props,
+        children: children
+    });
+}
+function CodeBlockFallback({ children, className, ...props }) {
+    const lines = children?.toString().split('\n') ?? [];
+    return /*#__PURE__*/ _jsx("pre", {
+        className: cn('w-full font-code', className),
+        ...props,
+        children: /*#__PURE__*/ _jsx("code", {
+            children: lines.map((line)=>{
+                const isDiffRemove = line.trim().startsWith('-');
+                const isDiffAdd = line.trim().startsWith('+');
+                const diffClass = isDiffRemove ? 'diff remove' : isDiffAdd ? 'diff add' : '';
+                return /*#__PURE__*/ _jsx("span", {
+                    className: cn('line', diffClass),
+                    children: line
+                }, line);
+            })
+        })
+    });
+}
+export function CodeBlockBody({ children, ...props }) {
+    const { data } = useContext(CodeBlockContext);
+    return /*#__PURE__*/ _jsx("div", {
+        ...props,
+        children: data.map((item, index)=>/*#__PURE__*/ _jsx("div", {
+                children: children(item)
+            }, item.language || index))
+    });
+}
+export function CodeBlockItem({ children, lineNumbers = true, className, value, ...props }) {
+    const { value: activeValue } = useContext(CodeBlockContext);
+    if (value !== activeValue) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsx("div", {
+        className: cn('flex w-full shrink-0 items-start overflow-clip px-4 pb-4 pt-0', className),
+        ...props,
+        children: /*#__PURE__*/ _jsx("div", {
+            className: cn('flex min-h-0 min-w-0 flex-1 shrink-0 rounded-8 border border-border-contrast-bottom bg-background-neutral-base dark:bg-background-contrast-subtle font-code', '[&_pre]:py-12 [&_pre]:font-code', '[&_code]:w-full [&_code]:grid [&_code]:overflow-x-auto [&_code]:bg-transparent [&_code]:font-code [&_code]:text-xs [&_code]:leading-20 [&_code]:text-foreground-neutral-base', '[&_.line]:block [&_.line]:px-12 [&_.line]:w-full [&_.line]:relative [&_.line]:font-code [&_.line]:min-h-[1.25rem]', lineNumbers && '[&_code]:[counter-reset:line] [&_code]:[counter-increment:line_0] [&_.line]:before:content-[counter(line)] [&_.line]:before:inline-block [&_.line]:before:[counter-increment:line] [&_.line]:before:w-16 [&_.line]:before:mr-16 [&_.line]:before:text-xs [&_.line]:before:text-right [&_.line]:before:text-foreground-neutral-subtle [&_.line]:before:font-code [&_.line]:before:select-none', '[&_.line.diff]:after:absolute [&_.line.diff]:after:left-0 [&_.line.diff]:after:top-0 [&_.line.diff]:after:bottom-0 [&_.line.diff]:after:w-1', '[&_.line.diff.add]:bg-emerald-50 [&_.line.diff.add]:text-green-700 [&_.line.diff.add]:after:bg-emerald-500', '[&_.line.diff.remove]:bg-rose-50 [&_.line.diff.remove]:text-red-700 [&_.line.diff.remove]:after:bg-rose-500', 'dark:[&_.line.diff.add]:bg-emerald-500/10 dark:[&_.line.diff.add]:text-emerald-400', 'dark:[&_.line.diff.remove]:bg-rose-500/10 dark:[&_.line.diff.remove]:text-rose-400'),
+            children: children
+        })
+    });
+}
+export function CodeBlockContent({ children, themes = {
+    light: 'vitesse-light',
+    dark: 'vitesse-dark'
+}, language = 'typescript', syntaxHighlighting = false, ...props }) {
+    const resolvedTheme = useResolvedTheme();
+    useShikiStyleInjection(syntaxHighlighting);
+    const { highlightedCode, isLoading } = useShikiHighlight({
+        code: children,
+        lang: language,
+        themes,
+        resolvedTheme,
+        syntaxHighlighting
+    });
+    if (!syntaxHighlighting || isLoading) {
+        return /*#__PURE__*/ _jsx(CodeBlockFallback, {
+            ...props,
+            children: children
+        });
+    }
+    return /*#__PURE__*/ _jsx(CodeContent, {
+        code: children,
+        highlightedCode: highlightedCode,
+        isLoading: isLoading,
+        syntaxHighlighting: syntaxHighlighting,
+        ...props
+    });
+}
+
+//# sourceMappingURL=code-block.js.map

package/dist/components/code-block/code-block.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/code-block/code-block.tsx"],"sourcesContent":["import {useControllableState} from '@radix-ui/react-use-controllable-state';\nimport {CodeContent} from 'components/code-block/code-content';\nimport {CodeCopyButton} from 'components/code-block/code-copy-button';\nimport {useResolvedTheme} from 'hooks/useResolvedTheme';\nimport {useShikiHighlight} from 'hooks/useShikiHighlight';\nimport {useShikiStyleInjection} from 'hooks/useShikiStyleInjection';\nimport type {ComponentProps, HTMLAttributes, ReactNode} from 'react';\nimport {createContext, useContext} from 'react';\nimport {cn} from 'utils/cn';\n\nexport type BundledLanguage = string;\n\nexport type CodeBlockData = {\n  language: string;\n  filename: string;\n  code: string;\n};\n\ntype CodeBlockContextType = {\n  value: string | undefined;\n  onValueChange: ((value: string) => void) | undefined;\n  data: CodeBlockData[];\n};\n\nconst CodeBlockContext = createContext<CodeBlockContextType>({\n  value: undefined,\n  onValueChange: undefined,\n  data: [],\n});\n\nexport type CodeBlockProps = HTMLAttributes<HTMLDivElement> & {\n  defaultValue?: string;\n  value?: string;\n  onValueChange?: (value: string) => void;\n  data: CodeBlockData[];\n};\n\nexport function CodeBlock({\n  value: controlledValue,\n  onValueChange: controlledOnValueChange,\n  defaultValue,\n  className,\n  data,\n  ...props\n}: CodeBlockProps) {\n  const [value, onValueChange] = useControllableState({\n    defaultProp: defaultValue ?? '',\n    prop: controlledValue,\n    onChange: controlledOnValueChange,\n  });\n\n  return (\n    <CodeBlockContext.Provider value={{value, onValueChange, data}}>\n      <div\n        className={cn(\n          'size-full overflow-hidden rounded-12 bg-background-components-pressed dark:bg-background-contrast-base shadow-button-neutral',\n          className,\n        )}\n        {...props}\n      />\n    </CodeBlockContext.Provider>\n  );\n}\n\nexport type CodeBlockHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport function CodeBlockHeader({className, ...props}: CodeBlockHeaderProps) {\n  return (\n    <div\n      className={cn(\n        'flex w-full flex-row items-center gap-12 overflow-clip bg-background-components-pressed dark:bg-background-contrast-base px-16 py-8',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport type CodeBlockFilesProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {\n  children: (item: CodeBlockData) => ReactNode;\n};\n\nexport function CodeBlockFiles({className, children, ...props}: CodeBlockFilesProps) {\n  const {data} = useContext(CodeBlockContext);\n\n  return (\n    <div className={cn('flex grow flex-row items-center gap-12', className)} {...props}>\n      {data.map((item, index) => (\n        <div key={item.language || index}>{children(item)}</div>\n      ))}\n    </div>\n  );\n}\n\nexport type CodeBlockFilenameProps = HTMLAttributes<HTMLDivElement> & {\n  value?: string;\n};\n\nexport function CodeBlockFilename({className, value, children, ...props}: CodeBlockFilenameProps) {\n  const {value: activeValue} = useContext(CodeBlockContext);\n\n  if (value !== activeValue) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex min-h-0 min-w-0 flex-1 items-center overflow-hidden text-ellipsis whitespace-nowrap text-xs leading-20 font-code text-foreground-neutral-muted',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport type CodeBlockCopyButtonProps = ComponentProps<'button'> & {\n  onCopy?: () => void;\n  onError?: (error: Error) => void;\n  timeout?: number;\n};\n\nexport function CodeBlockCopyButton({\n  onCopy,\n  onError,\n  timeout = 2000,\n  children,\n  className,\n  ...props\n}: CodeBlockCopyButtonProps) {\n  const {data, value} = useContext(CodeBlockContext);\n  const code = data.find((item) => item.language === value)?.code ?? '';\n\n  return (\n    <CodeCopyButton\n      content={code}\n      onCopy={() => onCopy?.()}\n      onError={onError}\n      timeout={timeout}\n      className={className}\n      {...props}\n    >\n      {children}\n    </CodeCopyButton>\n  );\n}\n\ntype CodeBlockFallbackProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {\n  children: string;\n};\n\nfunction CodeBlockFallback({children, className, ...props}: CodeBlockFallbackProps) {\n  const lines = children?.toString().split('\\n') ?? [];\n  return (\n    <pre\n      className={cn('w-full font-code', className)}\n      {...(props as HTMLAttributes<HTMLPreElement>)}\n    >\n      <code>\n        {lines.map((line) => {\n          const isDiffRemove = line.trim().startsWith('-');\n          const isDiffAdd = line.trim().startsWith('+');\n          const diffClass = isDiffRemove ? 'diff remove' : isDiffAdd ? 'diff add' : '';\n\n          return (\n            <span className={cn('line', diffClass)} key={line}>\n              {line}\n            </span>\n          );\n        })}\n      </code>\n    </pre>\n  );\n}\n\nexport type CodeBlockBodyProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {\n  children: (item: CodeBlockData) => ReactNode;\n};\n\nexport function CodeBlockBody({children, ...props}: CodeBlockBodyProps) {\n  const {data} = useContext(CodeBlockContext);\n\n  return (\n    <div {...props}>\n      {data.map((item, index) => (\n        <div key={item.language || index}>{children(item)}</div>\n      ))}\n    </div>\n  );\n}\n\nexport type CodeBlockItemProps = HTMLAttributes<HTMLDivElement> & {\n  value: string;\n  lineNumbers?: boolean;\n};\n\nexport function CodeBlockItem({\n  children,\n  lineNumbers = true,\n  className,\n  value,\n  ...props\n}: CodeBlockItemProps) {\n  const {value: activeValue} = useContext(CodeBlockContext);\n\n  if (value !== activeValue) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cn('flex w-full shrink-0 items-start overflow-clip px-4 pb-4 pt-0', className)}\n      {...props}\n    >\n      <div\n        className={cn(\n          'flex min-h-0 min-w-0 flex-1 shrink-0 rounded-8 border border-border-contrast-bottom bg-background-neutral-base dark:bg-background-contrast-subtle font-code',\n          '[&_pre]:py-12 [&_pre]:font-code',\n          '[&_code]:w-full [&_code]:grid [&_code]:overflow-x-auto [&_code]:bg-transparent [&_code]:font-code [&_code]:text-xs [&_code]:leading-20 [&_code]:text-foreground-neutral-base',\n          '[&_.line]:block [&_.line]:px-12 [&_.line]:w-full [&_.line]:relative [&_.line]:font-code [&_.line]:min-h-[1.25rem]',\n          lineNumbers &&\n            '[&_code]:[counter-reset:line] [&_code]:[counter-increment:line_0] [&_.line]:before:content-[counter(line)] [&_.line]:before:inline-block [&_.line]:before:[counter-increment:line] [&_.line]:before:w-16 [&_.line]:before:mr-16 [&_.line]:before:text-xs [&_.line]:before:text-right [&_.line]:before:text-foreground-neutral-subtle [&_.line]:before:font-code [&_.line]:before:select-none',\n          '[&_.line.diff]:after:absolute [&_.line.diff]:after:left-0 [&_.line.diff]:after:top-0 [&_.line.diff]:after:bottom-0 [&_.line.diff]:after:w-1',\n          '[&_.line.diff.add]:bg-emerald-50 [&_.line.diff.add]:text-green-700 [&_.line.diff.add]:after:bg-emerald-500',\n          '[&_.line.diff.remove]:bg-rose-50 [&_.line.diff.remove]:text-red-700 [&_.line.diff.remove]:after:bg-rose-500',\n          'dark:[&_.line.diff.add]:bg-emerald-500/10 dark:[&_.line.diff.add]:text-emerald-400',\n          'dark:[&_.line.diff.remove]:bg-rose-500/10 dark:[&_.line.diff.remove]:text-rose-400',\n        )}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n\nexport type CodeBlockContentProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {\n  themes?: {\n    light: string;\n    dark: string;\n  };\n  language?: BundledLanguage;\n  syntaxHighlighting?: boolean;\n  children: string;\n};\n\nexport function CodeBlockContent({\n  children,\n  themes = {\n    light: 'vitesse-light',\n    dark: 'vitesse-dark',\n  },\n  language = 'typescript',\n  syntaxHighlighting = false,\n  ...props\n}: CodeBlockContentProps) {\n  const resolvedTheme = useResolvedTheme();\n\n  useShikiStyleInjection(syntaxHighlighting);\n\n  const {highlightedCode, isLoading} = useShikiHighlight({\n    code: children,\n    lang: language,\n    themes,\n    resolvedTheme,\n    syntaxHighlighting,\n  });\n\n  if (!syntaxHighlighting || isLoading) {\n    return <CodeBlockFallback {...props}>{children}</CodeBlockFallback>;\n  }\n\n  return (\n    <CodeContent\n      code={children}\n      highlightedCode={highlightedCode}\n      isLoading={isLoading}\n      syntaxHighlighting={syntaxHighlighting}\n      {...props}\n    />\n  );\n}\n"],"names":["useControllableState","CodeContent","CodeCopyButton","useResolvedTheme","useShikiHighlight","useShikiStyleInjection","createContext","useContext","cn","CodeBlockContext","value","undefined","onValueChange","data","CodeBlock","controlledValue","controlledOnValueChange","defaultValue","className","props","defaultProp","prop","onChange","Provider","div","CodeBlockHeader","CodeBlockFiles","children","map","item","index","language","CodeBlockFilename","activeValue","CodeBlockCopyButton","onCopy","onError","timeout","code","find","content","CodeBlockFallback","lines","toString","split","pre","line","isDiffRemove","trim","startsWith","isDiffAdd","diffClass","span","CodeBlockBody","CodeBlockItem","lineNumbers","CodeBlockContent","themes","light","dark","syntaxHighlighting","resolvedTheme","highlightedCode","isLoading","lang"],"mappings":";AAAA,SAAQA,oBAAoB,QAAO,yCAAyC;AAC5E,SAAQC,WAAW,QAAO,qCAAqC;AAC/D,SAAQC,cAAc,QAAO,yCAAyC;AACtE,SAAQC,gBAAgB,QAAO,yBAAyB;AACxD,SAAQC,iBAAiB,QAAO,0BAA0B;AAC1D,SAAQC,sBAAsB,QAAO,+BAA+B;AAEpE,SAAQC,aAAa,EAAEC,UAAU,QAAO,QAAQ;AAChD,SAAQC,EAAE,QAAO,WAAW;AAgB5B,MAAMC,iCAAmBH,cAAoC;IAC3DI,OAAOC;IACPC,eAAeD;IACfE,MAAM,EAAE;AACV;AASA,OAAO,SAASC,UAAU,EACxBJ,OAAOK,eAAe,EACtBH,eAAeI,uBAAuB,EACtCC,YAAY,EACZC,SAAS,EACTL,IAAI,EACJ,GAAGM,OACY;IACf,MAAM,CAACT,OAAOE,cAAc,GAAGZ,qBAAqB;QAClDoB,aAAaH,gBAAgB;QAC7BI,MAAMN;QACNO,UAAUN;IACZ;IAEA,qBACE,KAACP,iBAAiBc,QAAQ;QAACb,OAAO;YAACA;YAAOE;YAAeC;QAAI;kBAC3D,cAAA,KAACW;YACCN,WAAWV,GACT,gIACAU;YAED,GAAGC,KAAK;;;AAIjB;AAIA,OAAO,SAASM,gBAAgB,EAACP,SAAS,EAAE,GAAGC,OAA4B;IACzE,qBACE,KAACK;QACCN,WAAWV,GACT,uIACAU;QAED,GAAGC,KAAK;;AAGf;AAMA,OAAO,SAASO,eAAe,EAACR,SAAS,EAAES,QAAQ,EAAE,GAAGR,OAA2B;IACjF,MAAM,EAACN,IAAI,EAAC,GAAGN,WAAWE;IAE1B,qBACE,KAACe;QAAIN,WAAWV,GAAG,0CAA0CU;QAAa,GAAGC,KAAK;kBAC/EN,KAAKe,GAAG,CAAC,CAACC,MAAMC,sBACf,KAACN;0BAAkCG,SAASE;eAAlCA,KAAKE,QAAQ,IAAID;;AAInC;AAMA,OAAO,SAASE,kBAAkB,EAACd,SAAS,EAAER,KAAK,EAAEiB,QAAQ,EAAE,GAAGR,OAA8B;IAC9F,MAAM,EAACT,OAAOuB,WAAW,EAAC,GAAG1B,WAAWE;IAExC,IAAIC,UAAUuB,aAAa;QACzB,OAAO;IACT;IAEA,qBACE,KAACT;QACCN,WAAWV,GACT,uJACAU;QAED,GAAGC,KAAK;kBAERQ;;AAGP;AAQA,OAAO,SAASO,oBAAoB,EAClCC,MAAM,EACNC,OAAO,EACPC,UAAU,IAAI,EACdV,QAAQ,EACRT,SAAS,EACT,GAAGC,OACsB;IACzB,MAAM,EAACN,IAAI,EAAEH,KAAK,EAAC,GAAGH,WAAWE;IACjC,MAAM6B,OAAOzB,KAAK0B,IAAI,CAAC,CAACV,OAASA,KAAKE,QAAQ,KAAKrB,QAAQ4B,QAAQ;IAEnE,qBACE,KAACpC;QACCsC,SAASF;QACTH,QAAQ,IAAMA;QACdC,SAASA;QACTC,SAASA;QACTnB,WAAWA;QACV,GAAGC,KAAK;kBAERQ;;AAGP;AAMA,SAASc,kBAAkB,EAACd,QAAQ,EAAET,SAAS,EAAE,GAAGC,OAA8B;IAChF,MAAMuB,QAAQf,UAAUgB,WAAWC,MAAM,SAAS,EAAE;IACpD,qBACE,KAACC;QACC3B,WAAWV,GAAG,oBAAoBU;QACjC,GAAIC,KAAK;kBAEV,cAAA,KAACmB;sBACEI,MAAMd,GAAG,CAAC,CAACkB;gBACV,MAAMC,eAAeD,KAAKE,IAAI,GAAGC,UAAU,CAAC;gBAC5C,MAAMC,YAAYJ,KAAKE,IAAI,GAAGC,UAAU,CAAC;gBACzC,MAAME,YAAYJ,eAAe,gBAAgBG,YAAY,aAAa;gBAE1E,qBACE,KAACE;oBAAKlC,WAAWV,GAAG,QAAQ2C;8BACzBL;mBAD0CA;YAIjD;;;AAIR;AAMA,OAAO,SAASO,cAAc,EAAC1B,QAAQ,EAAE,GAAGR,OAA0B;IACpE,MAAM,EAACN,IAAI,EAAC,GAAGN,WAAWE;IAE1B,qBACE,KAACe;QAAK,GAAGL,KAAK;kBACXN,KAAKe,GAAG,CAAC,CAACC,MAAMC,sBACf,KAACN;0BAAkCG,SAASE;eAAlCA,KAAKE,QAAQ,IAAID;;AAInC;AAOA,OAAO,SAASwB,cAAc,EAC5B3B,QAAQ,EACR4B,cAAc,IAAI,EAClBrC,SAAS,EACTR,KAAK,EACL,GAAGS,OACgB;IACnB,MAAM,EAACT,OAAOuB,WAAW,EAAC,GAAG1B,WAAWE;IAExC,IAAIC,UAAUuB,aAAa;QACzB,OAAO;IACT;IAEA,qBACE,KAACT;QACCN,WAAWV,GAAG,iEAAiEU;QAC9E,GAAGC,KAAK;kBAET,cAAA,KAACK;YACCN,WAAWV,GACT,+JACA,mCACA,gLACA,qHACA+C,eACE,gYACF,+IACA,8GACA,+GACA,sFACA;sBAGD5B;;;AAIT;AAYA,OAAO,SAAS6B,iBAAiB,EAC/B7B,QAAQ,EACR8B,SAAS;IACPC,OAAO;IACPC,MAAM;AACR,CAAC,EACD5B,WAAW,YAAY,EACvB6B,qBAAqB,KAAK,EAC1B,GAAGzC,OACmB;IACtB,MAAM0C,gBAAgB1D;IAEtBE,uBAAuBuD;IAEvB,MAAM,EAACE,eAAe,EAAEC,SAAS,EAAC,GAAG3D,kBAAkB;QACrDkC,MAAMX;QACNqC,MAAMjC;QACN0B;QACAI;QACAD;IACF;IAEA,IAAI,CAACA,sBAAsBG,WAAW;QACpC,qBAAO,KAACtB;YAAmB,GAAGtB,KAAK;sBAAGQ;;IACxC;IAEA,qBACE,KAAC1B;QACCqC,MAAMX;QACNmC,iBAAiBA;QACjBC,WAAWA;QACXH,oBAAoBA;QACnB,GAAGzC,KAAK;;AAGf"}