@codefast/ui 0.0.2 → 0.0.4

package/src/table.tsx

@@ -0,0 +1,155 @@
+import * as React from "react";
+import { cn } from "./utils";
+
+/* -----------------------------------------------------------------------------
+ * Component: Table
+ * -------------------------------------------------------------------------- */
+
+const Table = React.forwardRef<
+  HTMLTableElement,
+  React.HTMLAttributes<HTMLTableElement>
+>(({ className, ...props }, ref) => (
+  <div className="relative w-full overflow-auto">
+    <table
+      ref={ref}
+      className={cn("w-full caption-bottom text-sm", className)}
+      {...props}
+    />
+  </div>
+));
+Table.displayName = "Table";
+
+/* -----------------------------------------------------------------------------
+ * Component: TableHeader
+ * -------------------------------------------------------------------------- */
+
+const TableHeader = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
+));
+TableHeader.displayName = "TableHeader";
+
+/* -----------------------------------------------------------------------------
+ * Component: TableBody
+ * -------------------------------------------------------------------------- */
+
+const TableBody = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tbody
+    ref={ref}
+    className={cn("[&_tr:last-child]:border-0", className)}
+    {...props}
+  />
+));
+TableBody.displayName = "TableBody";
+
+/* -----------------------------------------------------------------------------
+ * Component: TableFooter
+ * -------------------------------------------------------------------------- */
+
+const TableFooter = React.forwardRef<
+  HTMLTableSectionElement,
+  React.HTMLAttributes<HTMLTableSectionElement>
+>(({ className, ...props }, ref) => (
+  <tfoot
+    ref={ref}
+    className={cn(
+      "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
+      className,
+    )}
+    {...props}
+  />
+));
+TableFooter.displayName = "TableFooter";
+
+/* -----------------------------------------------------------------------------
+ * Component: TableRow
+ * -------------------------------------------------------------------------- */
+
+const TableRow = React.forwardRef<
+  HTMLTableRowElement,
+  React.HTMLAttributes<HTMLTableRowElement>
+>(({ className, ...props }, ref) => (
+  <tr
+    ref={ref}
+    className={cn(
+      "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+      className,
+    )}
+    {...props}
+  />
+));
+TableRow.displayName = "TableRow";
+
+/* -----------------------------------------------------------------------------
+ * Component: TableHead
+ * -------------------------------------------------------------------------- */
+
+const TableHead = React.forwardRef<
+  HTMLTableCellElement,
+  React.ThHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <th
+    ref={ref}
+    className={cn(
+      "text-muted-foreground h-10 px-2 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      className,
+    )}
+    {...props}
+  />
+));
+TableHead.displayName = "TableHead";
+
+/* -----------------------------------------------------------------------------
+ * Component: TableCell
+ * -------------------------------------------------------------------------- */
+
+const TableCell = React.forwardRef<
+  HTMLTableCellElement,
+  React.TdHTMLAttributes<HTMLTableCellElement>
+>(({ className, ...props }, ref) => (
+  <td
+    ref={ref}
+    className={cn(
+      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      className,
+    )}
+    {...props}
+  />
+));
+TableCell.displayName = "TableCell";
+
+/* -----------------------------------------------------------------------------
+ * Component: TableCaption
+ * -------------------------------------------------------------------------- */
+
+const TableCaption = React.forwardRef<
+  HTMLTableCaptionElement,
+  React.HTMLAttributes<HTMLTableCaptionElement>
+>(({ className, ...props }, ref) => (
+  <caption
+    ref={ref}
+    className={cn("text-muted-foreground mt-4 text-sm", className)}
+    {...props}
+  />
+));
+TableCaption.displayName = "TableCaption";
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+};

package/src/tabs.tsx

@@ -0,0 +1,75 @@
+"use client";
+
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { cn } from "./utils";
+
+/* -----------------------------------------------------------------------------
+ * Component: Tabs
+ * -------------------------------------------------------------------------- */
+
+const Tabs = TabsPrimitive.Root;
+
+/* -----------------------------------------------------------------------------
+ * Component: TabsList
+ * -------------------------------------------------------------------------- */
+
+const TabsList = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.List>,
+  TabsPrimitive.TabsListProps
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.List
+    ref={ref}
+    className={cn(
+      "bg-muted text-muted-foreground inline-flex h-9 items-center justify-center rounded-lg p-1",
+      className,
+    )}
+    {...props}
+  />
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+
+/* -----------------------------------------------------------------------------
+ * Component: TabsTrigger
+ * -------------------------------------------------------------------------- */
+
+const TabsTrigger = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.Trigger>,
+  TabsPrimitive.TabsTriggerProps
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+      "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
+      className,
+    )}
+    {...props}
+  />
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+
+/* -----------------------------------------------------------------------------
+ * Component: TabsContent
+ * -------------------------------------------------------------------------- */
+
+const TabsContent = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.Content>,
+  TabsPrimitive.TabsContentProps
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Content
+    ref={ref}
+    className={cn(
+      "ring-offset-background focus-visible:ring-ring mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+      className,
+    )}
+    {...props}
+  />
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/src/textarea.tsx

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { cn } from "./utils";
+
+/* -----------------------------------------------------------------------------
+ * Component: Textarea
+ * -------------------------------------------------------------------------- */
+
+const Textarea = React.forwardRef<
+  HTMLTextAreaElement,
+  React.TextareaHTMLAttributes<HTMLTextAreaElement>
+>(({ className, ...props }, ref) => {
+  return (
+    <textarea
+      className={cn(
+        "border-input placeholder:text-muted-foreground focus-visible:ring-ring flex min-h-[60px] w-full rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50",
+        className,
+      )}
+      ref={ref}
+      {...props}
+    />
+  );
+});
+Textarea.displayName = "Textarea";
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+
+export { Textarea };

package/src/toggle-group.tsx

@@ -0,0 +1,70 @@
+"use client";
+
+import * as React from "react";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import { toggleVariants, type ToggleVariantsProps } from "./toggle";
+import { cn } from "./utils";
+
+/* -----------------------------------------------------------------------------
+ * Context: ToggleGroup
+ * -------------------------------------------------------------------------- */
+
+const ToggleGroupContext = React.createContext<ToggleVariantsProps>({
+  size: "default",
+  variant: "default",
+});
+
+/* -----------------------------------------------------------------------------
+ * Component: ToggleGroup
+ * -------------------------------------------------------------------------- */
+
+const ToggleGroup = React.forwardRef<
+  React.ElementRef<typeof ToggleGroupPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &
+    ToggleVariantsProps
+>(({ className, variant, size, children, ...props }, ref) => (
+  <ToggleGroupPrimitive.Root
+    ref={ref}
+    className={cn("flex items-center justify-center gap-1", className)}
+    {...props}
+  >
+    <ToggleGroupContext.Provider value={{ variant, size }}>
+      {children}
+    </ToggleGroupContext.Provider>
+  </ToggleGroupPrimitive.Root>
+));
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
+
+/* -----------------------------------------------------------------------------
+ * Component: ToggleGroupItem
+ * -------------------------------------------------------------------------- */
+
+const ToggleGroupItem = React.forwardRef<
+  React.ElementRef<typeof ToggleGroupPrimitive.Item>,
+  ToggleGroupPrimitive.ToggleGroupItemProps & ToggleVariantsProps
+>(({ className, children, variant, size, ...props }, ref) => {
+  const context = React.useContext(ToggleGroupContext);
+
+  return (
+    <ToggleGroupPrimitive.Item
+      ref={ref}
+      className={cn(
+        toggleVariants({
+          variant: context.variant ?? variant,
+          size: context.size ?? size,
+        }),
+        className,
+      )}
+      {...props}
+    >
+      {children}
+    </ToggleGroupPrimitive.Item>
+  );
+});
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+
+export { ToggleGroup, ToggleGroupItem };

package/src/toggle.tsx

@@ -0,0 +1,56 @@
+"use client";
+
+import * as React from "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { type VariantProps } from "cva";
+import { cva } from "./utils";
+
+/* -----------------------------------------------------------------------------
+ * Variant: Toggle
+ * -------------------------------------------------------------------------- */
+
+const toggleVariants = cva({
+  base: [
+    "hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50",
+    "data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
+  ],
+  variants: {
+    variant: {
+      default: "bg-transparent",
+      outline:
+        "border-input hover:bg-accent hover:text-accent-foreground border bg-transparent shadow-sm",
+    },
+    size: {
+      default: "h-9 px-3",
+      sm: "h-8 px-2",
+      lg: "h-10 px-3",
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default",
+  },
+});
+
+type ToggleVariantsProps = VariantProps<typeof toggleVariants>;
+
+/* -----------------------------------------------------------------------------
+ * Component: Toggle
+ * -------------------------------------------------------------------------- */
+
+const Toggle = React.forwardRef<
+  React.ElementRef<typeof TogglePrimitive.Root>,
+  TogglePrimitive.ToggleProps & ToggleVariantsProps
+>(({ className, variant, size, ...props }, ref) => (
+  <TogglePrimitive.Root
+    ref={ref}
+    className={toggleVariants({ variant, size, className })}
+    {...props}
+  />
+));
+Toggle.displayName = TogglePrimitive.Root.displayName;
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+export { Toggle, toggleVariants, type ToggleVariantsProps };

package/src/tooltip.tsx

@@ -0,0 +1,84 @@
+"use client";
+
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { cn } from "./utils";
+
+/* -----------------------------------------------------------------------------
+ * Component: TooltipProvider
+ * -------------------------------------------------------------------------- */
+
+const TooltipProvider = TooltipPrimitive.Provider;
+
+/* -----------------------------------------------------------------------------
+ * Component: Tooltip
+ * -------------------------------------------------------------------------- */
+
+const Tooltip = TooltipPrimitive.Root;
+
+/* -----------------------------------------------------------------------------
+ * Component: TooltipTrigger
+ * -------------------------------------------------------------------------- */
+
+const TooltipTrigger = TooltipPrimitive.Trigger;
+
+/* -----------------------------------------------------------------------------
+ * Component: TooltipPortal
+ * -------------------------------------------------------------------------- */
+
+const TooltipPortal = TooltipPrimitive.Portal;
+
+/* -----------------------------------------------------------------------------
+ * Component: TooltipArrow
+ * -------------------------------------------------------------------------- */
+
+const TooltipArrow = React.forwardRef<
+  React.ElementRef<typeof TooltipPrimitive.Arrow>,
+  TooltipPrimitive.TooltipArrowProps
+>((props, ref) => (
+  <TooltipPrimitive.Arrow ref={ref} className="fill-primary" {...props} />
+));
+TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
+
+/* -----------------------------------------------------------------------------
+ * Component: TooltipContent
+ * -------------------------------------------------------------------------- */
+
+const TooltipContent = React.forwardRef<
+  React.ElementRef<typeof TooltipPrimitive.Content>,
+  TooltipPrimitive.TooltipContentProps
+>(({ className, sideOffset = 4, ...props }, ref) => (
+  <TooltipPrimitive.Content
+    ref={ref}
+    sideOffset={sideOffset}
+    className={cn(
+      "bg-primary text-primary-foreground z-50 overflow-hidden rounded-md px-3 py-1.5 text-xs",
+      "data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95",
+      "data-[state=delayed-open]:data-[side=top]:slide-in-from-bottom-2",
+      "data-[state=delayed-open]:data-[side=right]:slide-in-from-left-2",
+      "data-[state=delayed-open]:data-[side=bottom]:slide-in-from-top-2",
+      "data-[state=delayed-open]:data-[side=left]:slide-in-from-right-2",
+      "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+      "data-[state=closed]:data-[side=top]:slide-out-to-bottom-2",
+      "data-[state=closed]:data-[side=right]:slide-out-to-left-2",
+      "data-[state=closed]:data-[side=bottom]:slide-out-to-top-2",
+      "data-[state=closed]:data-[side=left]:slide-out-to-right-2",
+      className,
+    )}
+    {...props}
+  />
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+
+export {
+  Tooltip,
+  TooltipPortal,
+  TooltipTrigger,
+  TooltipContent,
+  TooltipProvider,
+  TooltipArrow,
+};

package/src/utils.ts

@@ -1,7 +1,12 @@
 import { twMerge } from "tailwind-merge";
-import type { ClassValue} from "clsx";
-import { clsx } from "clsx";
+import { defineConfig } from "cva";
 
-export function cn(...inputs: ClassValue[]): string {
-  return twMerge(clsx(inputs));
-}
+export const {
+  cva,
+  cx: cn,
+  compose,
+} = defineConfig({
+  hooks: {
+    onComplete: (className) => twMerge(className),
+  },
+});

package/tailwind.config.ts

@@ -1,14 +1,114 @@
 import type { Config } from "tailwindcss";
 import { fontFamily } from "tailwindcss/defaultTheme";
+import tailwindcssAnimate from "tailwindcss-animate";
+import plugin from "tailwindcss/plugin";
 
 const config: Config = {
   content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
-  plugins: [],
+  darkMode: ["class"],
+  plugins: [
+    tailwindcssAnimate,
+    plugin(({ matchUtilities }) => {
+      matchUtilities({
+        perspective: (value) => ({
+          perspective: value,
+        }),
+      });
+    }),
+  ],
   theme: {
     extend: {
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out",
+        "caret-blink": "caret-blink 1.25s ease-out infinite",
+      },
+      borderRadius: {
+        sm: "calc(var(--radius, 0.25rem) - 0.125px)", // 2px
+        DEFAULT: "var(--radius, 0.25rem)", // 4px
+        md: "calc(var(--radius, 0.25rem) + 0.125rem)", // 6px
+        lg: "calc(var(--radius, 0.25rem) + 0.25rem)", // 8px
+        xl: "calc(var(--radius, 0.25rem) + 0.5rem)", // 12px
+        "2xl": "calc(var(--radius, 0.25rem) + 0.75rem)", // 16px
+        "3xl": "calc(var(--radius, 0.25rem) + 1.25rem)", // 24px
+      },
+      colors: {
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        background: "hsl(var(--background))",
+        border: "hsl(var(--border))",
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+        compound: "hsl(var(--compound))",
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        foreground: "hsl(var(--foreground))",
+        info: {
+          DEFAULT: "hsl(var(--info))",
+          foreground: "hsl(var(--info-foreground))",
+        },
+        input: "hsl(var(--input))",
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        ring: "hsl(var(--ring))",
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        success: {
+          DEFAULT: "hsl(var(--success))",
+          foreground: "hsl(var(--success-foreground))",
+        },
+        warning: {
+          DEFAULT: "hsl(var(--warning))",
+          foreground: "hsl(var(--warning-foreground))",
+        },
+      },
       fontFamily: {
         sans: `var(--font-sans, ${fontFamily.sans.join(", ")})`,
       },
+      keyframes: {
+        "accordion-down": {
+          from: {
+            height: "0",
+          },
+          to: {
+            height: "var(--radix-accordion-content-height)",
+          },
+        },
+        "accordion-up": {
+          from: {
+            height: "var(--radix-accordion-content-height)",
+          },
+          to: {
+            height: "0",
+          },
+        },
+        "caret-blink": {
+          "0%,70%,100%": {
+            opacity: "1",
+          },
+          "20%,50%": {
+            opacity: "0",
+          },
+        },
+      },
     },
   },
 };

package/dist/chunk-LZ5T3FQ5.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _tailwindmerge = require('tailwind-merge');var _clsx = require('clsx');function l(...r){return _tailwindmerge.twMerge.call(void 0, _clsx.clsx.call(void 0, r))}exports.a = l;
-//# sourceMappingURL=chunk-LZ5T3FQ5.js.map

package/dist/chunk-LZ5T3FQ5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils.ts"],"names":["twMerge","clsx","cn","inputs"],"mappings":"AAAA,OAAS,WAAAA,MAAe,iBAExB,OAAS,QAAAC,MAAY,OAEd,SAASC,KAAMC,EAA8B,CAClD,OAAOH,EAAQC,EAAKE,CAAM,CAAC,CAC7B","sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport type { ClassValue} from \"clsx\";\nimport { clsx } from \"clsx\";\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n"]}

package/dist/chunk-ULRAQPD3.mjs

@@ -1,2 +0,0 @@
-import{twMerge as t}from"tailwind-merge";import{clsx as o}from"clsx";function l(...r){return t(o(r))}export{l as a};
-//# sourceMappingURL=chunk-ULRAQPD3.mjs.map

package/dist/chunk-ULRAQPD3.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils.ts"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport type { ClassValue} from \"clsx\";\nimport { clsx } from \"clsx\";\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":"AAAA,OAAS,WAAAA,MAAe,iBAExB,OAAS,QAAAC,MAAY,OAEd,SAASC,KAAMC,EAA8B,CAClD,OAAOH,EAAQC,EAAKE,CAAM,CAAC,CAC7B","names":["twMerge","clsx","cn","inputs"]}

package/dist/code.d.mts

@@ -1,3 +0,0 @@
-declare function Code(props: React.HTMLAttributes<HTMLElement>): React.JSX.Element;
-
-export { Code };

package/dist/code.d.ts

@@ -1,3 +0,0 @@
-declare function Code(props: React.HTMLAttributes<HTMLElement>): React.JSX.Element;
-
-export { Code };

package/dist/code.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _jsxruntime = require('react/jsx-runtime');function n(e){return _jsxruntime.jsx.call(void 0, "code",{...e})}exports.Code = n;
-//# sourceMappingURL=code.js.map

package/dist/code.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/code.tsx"],"names":["jsx","Code","props"],"mappings":"AAGS,cAAAA,MAAA,oBAHF,SAASC,EACdC,EACmB,CACnB,OAAOF,EAAC,QAAM,GAAGE,EAAO,CAC1B","sourcesContent":["export function Code(\n  props: React.HTMLAttributes<HTMLElement>,\n): React.JSX.Element {\n  return <code {...props} />;\n}\n"]}

package/dist/code.mjs

@@ -1,2 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";function n(e){return t("code",{...e})}export{n as Code};
-//# sourceMappingURL=code.mjs.map

package/dist/code.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/code.tsx"],"sourcesContent":["export function Code(\n  props: React.HTMLAttributes<HTMLElement>,\n): React.JSX.Element {\n  return <code {...props} />;\n}\n"],"mappings":"AAGS,cAAAA,MAAA,oBAHF,SAASC,EACdC,EACmB,CACnB,OAAOF,EAAC,QAAM,GAAGE,EAAO,CAC1B","names":["jsx","Code","props"]}

package/src/code.tsx

@@ -1,5 +0,0 @@
-export function Code(
-  props: React.HTMLAttributes<HTMLElement>,
-): React.JSX.Element {
-  return <code {...props} />;
-}