@oppulence/design-system 1.0.8 → 1.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oppulence/design-system",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "Design system for Oppulence - shadcn-style components with Tailwind CSS v4",
   "type": "module",
   "main": "./src/index.ts",

package/src/components/atoms/icons.tsx

@@ -1,7 +1,7 @@
 import { ArchiveIcon } from "@radix-ui/react-icons";
 import { FiGithub } from "react-icons/fi";
 import type { IconType as BaseIconType } from "react-icons/lib";
-import type { ComponentType, FC, ReactNode, SVGProps } from "react";
+import type { ComponentType, FC, ReactNode, SVGAttributes, SVGProps } from "react";
 import {
   MdArrowBack,
   MdArrowDownward,
@@ -124,6 +124,11 @@ type SvgProps = Omit<SVGProps<SVGSVGElement>, "className"> & {
   size?: number | string;
 };
 
+type RadixIconProps = Omit<SVGAttributes<SVGElement>, "children"> & {
+  children?: never;
+  color?: string;
+};
+
 const createReactIcon =
   (Icon: BaseIconType) =>
   ({ size = 20, color }: IconProps) => (
@@ -131,7 +136,7 @@ const createReactIcon =
   );
 
 const createRadixIcon =
-  (Icon: ComponentType<SVGProps<SVGSVGElement>>) =>
+  (Icon: ComponentType<RadixIconProps>) =>
   ({ size = 20, color }: IconProps) => (
     <Icon width={size} height={size} color={color} />
   );

package/src/components/molecules/code-block.tsx

@@ -40,7 +40,6 @@ export const CodeBlock = ({
       {...props}
     >
       <div className="relative">
-        {/* @ts-expect-error - SyntaxHighlighter is not a valid JSX component */}
         <SyntaxHighlighter
           className="overflow-hidden dark:hidden"
           codeTagProps={{
@@ -64,7 +63,6 @@ export const CodeBlock = ({
         >
           {code}
         </SyntaxHighlighter>
-        {/* @ts-expect-error - SyntaxHighlighter is not a valid JSX component */}
         <SyntaxHighlighter
           className="hidden overflow-hidden dark:block"
           codeTagProps={{

package/src/components/molecules/inline-citation.tsx

@@ -41,7 +41,7 @@ export const InlineCitationText = ({ ...props }: InlineCitationTextProps) => (
 export type InlineCitationCardProps = ComponentProps<typeof HoverCard>;
 
 export const InlineCitationCard = (props: InlineCitationCardProps) => (
-  <HoverCard closeDelay={0} openDelay={0} {...props} />
+  <HoverCard {...props} />
 );
 
 export type InlineCitationCardTriggerProps =
@@ -54,6 +54,8 @@ export const InlineCitationCardTrigger = ({
   ...props
 }: InlineCitationCardTriggerProps) => (
   <HoverCardTrigger
+    delay={0}
+    closeDelay={0}
     render={
       <span
         className={cn(

package/src/components/organisms/editor/extentions/bubble-menu/bubble-menu-button.tsx

@@ -3,7 +3,7 @@
 interface BubbleMenuButtonProps {
   action: () => void;
   isActive: boolean;
-  children: React.ReactNode;
+  children?: React.ReactNode;
 }
 
 export function BubbleMenuButton({

package/src/components/organisms/index.ts

@@ -4,7 +4,10 @@ export * from "./calendar";
 export * from "./carousel";
 export * from "./chart";
 export * from "./combobox";
-export * from "./combobox-dropdown";
+export {
+  ComboboxDropdown,
+  type ComboboxItem as ComboboxDropdownItem,
+} from "./combobox-dropdown";
 export * from "./command";
 export * from "./conversation";
 export * from "./context-menu";

package/src/index.ts

@@ -1,3 +1,5 @@
+/// <reference path="./types/react-syntax-highlighter.d.ts" />
+
 export { cn } from "../lib/utils";
 
 export * from "./components/ui";

package/src/types/react-syntax-highlighter.d.ts

@@ -0,0 +1,28 @@
+declare module "react-syntax-highlighter" {
+  import * as React from "react";
+
+  export interface SyntaxHighlighterProps {
+    language?: string;
+    style?: Record<string, React.CSSProperties>;
+    showLineNumbers?: boolean;
+    wrapLines?: boolean;
+    lineNumberStyle?: React.CSSProperties;
+    codeTagProps?: React.HTMLAttributes<HTMLElement>;
+    customStyle?: React.CSSProperties;
+    className?: string;
+    children?: React.ReactNode;
+  }
+
+  export const Prism: React.ComponentType<SyntaxHighlighterProps>;
+  export const Light: React.ComponentType<SyntaxHighlighterProps>;
+
+  const SyntaxHighlighter: React.ComponentType<SyntaxHighlighterProps>;
+  export default SyntaxHighlighter;
+}
+
+declare module "react-syntax-highlighter/dist/esm/styles/prism" {
+  import type { CSSProperties } from "react";
+
+  export const oneDark: Record<string, CSSProperties>;
+  export const oneLight: Record<string, CSSProperties>;
+}