myshell-react-lib 0.1.1 → 0.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myshell-react-lib",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "type": "module",
   "description": "React component library with Tailwind CSS integration",
   "main": "./dist/index.cjs",

package/src/components/accordion.tsx

@@ -8,7 +8,7 @@ import { cn } from '@/lib/utils';
 import { Icon } from './icon';
 import { Separator } from './separator';
 import { Text } from './typography';
-import DownIcon from './icons/outline/DownIcon';
+import { DownIcon } from './icons/outline/DownIcon';
 
 const Accordion = AccordionPrimitive.Root;
 

package/src/components/audio-player.tsx

@@ -3,14 +3,14 @@ import { useAudio } from 'react-use';
 
 import useAudioPlayer from '@/common/hooks/useAudioPlayer';
 import { IconButton } from './button/icon-button';
-import AudioPlaying from './icons/solid/audio-playing';
+import { AudioPlaying } from './audio-playing';
 import { durationFormatter, getPercent } from '@/common/utils/common-helper';
 
 export interface IAudioProps {
   src: string;
 }
 
-export default function AudioPlayer({ src }: IAudioProps) {
+function AudioPlayer({ src }: IAudioProps) {
   const AudioComp = useAudioPlayer();
 
   const [audio, state, controls, ref] = useAudio(
@@ -56,3 +56,5 @@ export default function AudioPlayer({ src }: IAudioProps) {
     </div>
   );
 }
+
+export { AudioPlayer };

package/src/components/{icons/solid/audio-playing.tsx → audio-playing.tsx}

@@ -5,7 +5,7 @@ export interface Props {
   bright?: boolean;
 }
 
-export default function AudioPlaying(props: Props) {
+function AudioPlaying(props: Props) {
   const playingRef = useRef<HTMLDivElement>(null);
 
   useEffect(() => {
@@ -19,7 +19,7 @@ export default function AudioPlaying(props: Props) {
         renderer: 'svg', // 根据需要选择渲染器：svg / canvas / html
         loop: true,
         autoplay: true,
-        animationData: require('@/common/assets/audio-playing.json')
+        animationData: require('@/common/assets/audio-playing.json'),
       });
     }
 
@@ -29,3 +29,5 @@ export default function AudioPlaying(props: Props) {
 
   return <div ref={playingRef} className="size-3" />;
 }
+
+export { AudioPlaying };

package/src/components/badge.tsx

@@ -43,7 +43,7 @@ interface BadgeProps extends VariantProps<typeof badgeVariants> {
   count?: number;
 }
 
-export default function Badge(props: BadgeProps) {
+function Badge(props: BadgeProps) {
   const { status, count, className } = props;
   const unReadCount = count && count < 100 ? count : '99+';
 
@@ -63,3 +63,5 @@ export default function Badge(props: BadgeProps) {
     </div>
   );
 }
+
+export { Badge };

package/src/components/icon.tsx

@@ -45,6 +45,7 @@ const iconVariants = cva('inline-flex shrink-0', {
       disabled: 'text-Colors-Foreground-Disabled',
       bolder: 'text-Colors-Foreground-Bolder',
       inverse: 'text-Colors-Foreground-Static-White',
+      critical: 'text-Colors-Foreground-Critical-Default',
     },
     rotate: {
       '45': 'rotate-45',

package/src/components/icons/index.tsx

@@ -0,0 +1,13 @@
+export * from './outline/DownIcon';
+export * from './outline/ArrowLeftIcon';
+export * from './outline/ArrowUpTrayIcon';
+export * from './outline/WindowIcon';
+export * from './outline/CheckCircleIcon';
+export * from './outline/FilterIcon';
+export * from './outline/PencilSquareIcon';
+export * from './outline/ConfigIcon';
+export * from './solid/CaretDownIcon';
+export * from './solid/CodeIcon';
+export * from './solid/DragIcon';
+export * from './solid/PhoneIcon';
+export * from './solid/RectangleGroupIcon';

package/src/components/icons/outline/ArrowLeftIcon.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { Icon, IconProps } from '../../icon';
+
+const ArrowLeftIcon = React.forwardRef<SVGSVGElement, IconProps>(
+  (props, ref) => {
+    return (
+      <Icon {...props}>
+        <svg
+          ref={ref}
+          className="w-full h-full"
+          viewBox="0 0 24 24"
+          fill="none"
+          strokeWidth="1.5"
+          stroke="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"
+          />
+        </svg>
+      </Icon>
+    );
+  }
+);
+
+export { ArrowLeftIcon };

package/src/components/icons/outline/ArrowUpTrayIcon.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { Icon, IconProps } from '../../icon';
+
+const ArrowUpTrayIcon = React.forwardRef<SVGSVGElement, IconProps>(
+  (props, ref) => {
+    return (
+      <Icon {...props}>
+        <svg
+          ref={ref}
+          className="w-full h-full"
+          viewBox="0 0 24 24"
+          fill="none"
+          strokeWidth="1.5"
+          stroke="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0 4.5 4.5M12 3v13.5"
+          />
+        </svg>
+      </Icon>
+    );
+  }
+);
+
+export { ArrowUpTrayIcon };

package/src/components/icons/outline/CheckCircleIcon.tsx

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { Icon, IconProps } from '../../icon';
+
+const CheckCircleIcon = React.forwardRef<SVGSVGElement, IconProps>(
+  (props, ref) => {
+    return (
+      <Icon {...props}>
+        <svg
+          ref={ref}
+          className="w-full h-full"
+          viewBox="0 0 24 24"
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path d="M15.4359 9.1397C15.773 9.38046 15.8511 9.84887 15.6103 10.1859L11.8603 15.4359C11.7322 15.6153 11.5316 15.7293 11.3119 15.7474C11.0921 15.7656 10.8756 15.6862 10.7197 15.5303L8.46967 13.2803C8.17678 12.9874 8.17678 12.5126 8.46967 12.2197C8.76256 11.9268 9.23744 11.9268 9.53033 12.2197L11.1543 13.8436L14.3897 9.31407C14.6305 8.97701 15.0989 8.89894 15.4359 9.1397Z" />
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75Z"
+          />
+        </svg>
+      </Icon>
+    );
+  }
+);
+
+export { CheckCircleIcon };

package/src/components/icons/outline/{config.tsx → ConfigIcon.tsx}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Icon, IconProps } from '../../icon';
 
-const Config = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => {
+const ConfigIcon = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => {
   return (
     <Icon {...props}>
       <svg
@@ -39,4 +39,4 @@ const Config = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => {
   );
 });
 
-export { Config };
+export { ConfigIcon };

package/src/components/icons/outline/DownIcon.tsx

@@ -15,4 +15,4 @@ function DownIcon({ className }: { className?: string }) {
   );
 }
 
-export default DownIcon;
+export { DownIcon };

package/src/components/icons/outline/PencilSquareIcon.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { Icon, IconProps } from '../../icon';
+
+const PencilSquareIcon = React.forwardRef<SVGSVGElement, IconProps>(
+  (props, ref) => {
+    return (
+      <Icon {...props}>
+        <svg
+          ref={ref}
+          className="w-full h-full"
+          xmlns="http://www.w3.org/2000/svg"
+          fill="none"
+          viewBox="0 0 24 24"
+          strokeWidth="1.5"
+          stroke="currentColor"
+        >
+          <path
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10"
+          />
+        </svg>
+      </Icon>
+    );
+  }
+);
+
+export { PencilSquareIcon };

package/src/components/icons/outline/WindowIcon.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { Icon, IconProps } from '../../icon';
+
+const WindowIcon = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => {
+  return (
+    <Icon {...props}>
+      <svg
+        ref={ref}
+        className="w-full h-full"
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        fill="none"
+        strokeWidth="1.5"
+        stroke="currentColor"
+      >
+        <path
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          d="M3 8.25V18a2.25 2.25 0 0 0 2.25 2.25h13.5A2.25 2.25 0 0 0 21 18V8.25m-18 0V6a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 6v2.25m-18 0h18M5.25 6h.008v.008H5.25V6ZM7.5 6h.008v.008H7.5V6Zm2.25 0h.008v.008H9.75V6Z"
+        />
+      </svg>
+    </Icon>
+  );
+});
+
+export { WindowIcon };

package/src/components/icons/solid/CaretDownIcon.tsx

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { Icon, IconProps } from '../../icon';
+
+const CaretDownIcon = React.forwardRef<SVGSVGElement, IconProps>(
+  (props, ref) => {
+    return (
+      <Icon {...props}>
+        <svg
+          ref={ref}
+          className="w-full h-full"
+          viewBox="0 0 24 24"
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path d="M13.5119 17.7818C12.7143 18.7028 11.2857 18.7028 10.4881 17.7818L2.74159 8.83689C1.61984 7.54161 2.53995 5.52759 4.25345 5.52759L19.7466 5.52759C21.4601 5.52759 22.3802 7.54161 21.2584 8.8369L13.5119 17.7818Z" />
+        </svg>
+      </Icon>
+    );
+  }
+);
+
+export { CaretDownIcon };

package/src/components/icons/solid/CodeIcon.tsx

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { Icon, IconProps } from '../../icon';
+
+const CodeIcon = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => {
+  return (
+    <Icon {...props}>
+      <svg
+        ref={ref}
+        className="w-full h-full"
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path d="M15.3995 7.375C15.6066 7.01628 15.4837 6.55759 15.125 6.35048C14.7663 6.14337 14.3076 6.26628 14.1005 6.625L8.35048 16.5843C8.14337 16.943 8.26628 17.4017 8.625 17.6088C8.98372 17.8159 9.44241 17.693 9.64952 17.3343L15.3995 7.375Z" />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M6 3C4.34315 3 3 4.34315 3 6V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V6C21 4.34315 19.6569 3 18 3H6ZM4.5 6C4.5 5.17157 5.17157 4.5 6 4.5H18C18.8284 4.5 19.5 5.17157 19.5 6V18C19.5 18.8284 18.8284 19.5 18 19.5H6C5.17157 19.5 4.5 18.8284 4.5 18V6Z"
+        />
+      </svg>
+    </Icon>
+  );
+});
+
+export { CodeIcon };

package/src/components/icons/solid/DragIcon.tsx

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { Icon, IconProps } from '../../icon';
+
+const DragIcon = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => {
+  return (
+    <Icon {...props}>
+      <svg
+        ref={ref}
+        className="w-full h-full"
+        viewBox="0 0 24 24"
+        fill="currentColor"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M7.5 5C7.5 4.17157 8.17157 3.5 9 3.5C9.82843 3.5 10.5 4.17157 10.5 5C10.5 5.82843 9.82843 6.5 9 6.5C8.17157 6.5 7.5 5.82843 7.5 5ZM13.5 5C13.5 4.17157 14.1716 3.5 15 3.5C15.8284 3.5 16.5 4.17157 16.5 5C16.5 5.82843 15.8284 6.5 15 6.5C14.1716 6.5 13.5 5.82843 13.5 5ZM7.5 12C7.5 11.1716 8.17157 10.5 9 10.5C9.82843 10.5 10.5 11.1716 10.5 12C10.5 12.8284 9.82843 13.5 9 13.5C8.17157 13.5 7.5 12.8284 7.5 12ZM13.5 12C13.5 11.1716 14.1716 10.5 15 10.5C15.8284 10.5 16.5 11.1716 16.5 12C16.5 12.8284 15.8284 13.5 15 13.5C14.1716 13.5 13.5 12.8284 13.5 12ZM7.5 19C7.5 18.1716 8.17157 17.5 9 17.5C9.82843 17.5 10.5 18.1716 10.5 19C10.5 19.8284 9.82843 20.5 9 20.5C8.17157 20.5 7.5 19.8284 7.5 19ZM13.5 19C13.5 18.1716 14.1716 17.5 15 17.5C15.8284 17.5 16.5 18.1716 16.5 19C16.5 19.8284 15.8284 20.5 15 20.5C14.1716 20.5 13.5 19.8284 13.5 19Z"
+        />
+      </svg>
+    </Icon>
+  );
+});
+
+export { DragIcon };

package/src/components/icons/solid/{phone.tsx → PhoneIcon.tsx}

@@ -1,10 +1,16 @@
 import * as React from 'react';
 import { Icon, IconProps } from '../../icon';
 
-const Phone = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => {
+const PhoneIcon = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => {
   return (
     <Icon {...props}>
-      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="20"
+        height="20"
+        viewBox="0 0 20 20"
+        fill="none"
+      >
         <path
           d="M8.75 15.625C8.40482 15.625 8.125 15.9048 8.125 16.25C8.125 16.5952 8.40482 16.875 8.75 16.875H11.25C11.5952 16.875 11.875 16.5952 11.875 16.25C11.875 15.9048 11.5952 15.625 11.25 15.625H8.75Z"
           fill="#3E5CFA"
@@ -20,4 +26,4 @@ const Phone = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => {
   );
 });
 
-export { Phone };
+export { PhoneIcon };

package/src/components/icons/solid/RectangleGroupIcon.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { Icon, IconProps } from '../../icon';
+
+const RectangleGroupIcon = React.forwardRef<SVGSVGElement, IconProps>(
+  (props, ref) => {
+    return (
+      <Icon {...props}>
+        <svg
+          ref={ref}
+          className="w-full h-full"
+          viewBox="0 0 24 24"
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M1.5 7.125C1.5 6.08947 2.33947 5.25 3.375 5.25H9.375C10.4105 5.25 11.25 6.08947 11.25 7.125V10.875C11.25 11.9105 10.4105 12.75 9.375 12.75H3.375C2.33947 12.75 1.5 11.9105 1.5 10.875V7.125ZM13.5 8.625C13.5 7.58947 14.3395 6.75 15.375 6.75H20.625C21.6605 6.75 22.5 7.58947 22.5 8.625V16.875C22.5 17.9105 21.6605 18.75 20.625 18.75H15.375C14.3395 18.75 13.5 17.9105 13.5 16.875V8.625ZM3 16.125C3 15.0895 3.83947 14.25 4.875 14.25H10.125C11.1605 14.25 12 15.0895 12 16.125V18.375C12 19.4105 11.1605 20.25 10.125 20.25H4.875C3.83947 20.25 3 19.4105 3 18.375V16.125Z"
+          />
+        </svg>
+      </Icon>
+    );
+  }
+);
+
+export { RectangleGroupIcon };

package/src/components/marquee/marquee.tsx

@@ -217,4 +217,4 @@ const Marquee: FC<MarqueeProps> = forwardRef(function Marquee(
   );
 });
 
-export default Marquee;
+export { Marquee };

package/src/components/tabs.tsx

@@ -6,7 +6,7 @@ import * as React from 'react';
 
 import { cn } from '@/lib/utils';
 
-import Badge from './badge';
+import { Badge } from './badge';
 import { Icon } from './icon';
 import Link from './link';
 import { Tooltip } from './tooltip';

package/src/index.ts

@@ -4,6 +4,7 @@ export * from './components/alert';
 export * from './components/alert-dialog';
 export * from './components/aspect-ratio';
 export * from './components/audio-player';
+export * from './components/audio-playing';
 export * from './components/avatar';
 export * from './components/badge';
 export * from './components/button/button';
@@ -64,3 +65,6 @@ export * from './common/hooks/useNativeBridge';
 export * from './common/hooks/useDevice';
 export * from './common/hooks/useWindowWidth';
 export * from './common/hooks/useAudioPlayer';
+
+// 导出icons
+export * from './components/icons';

package/src/components/icons/outline/arrow-left.tsx

@@ -1,16 +0,0 @@
-
-
-import * as React from 'react';
-import { Icon, IconProps } from '../../icon';
-
-const ArrowLeft = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => {  
-  return (
-    <Icon {...props}>
-      <svg ref={ref} className="w-full h-full" viewBox="0 0 24 24" fill="none" strokeWidth="1.5" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
-        <path strokeLinecap="round" strokeLinejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
-      </svg>
-    </Icon>
-  )
-});
-
-export { ArrowLeft }

package/src/components/icons/outline/arrow-up-tray.tsx

@@ -1,16 +0,0 @@
-
-
-import * as React from 'react';
-import { Icon, IconProps } from '../../icon';
-
-const ArrowUpTray = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => {  
-  return (
-    <Icon {...props}>
-      <svg ref={ref} className="w-full h-full" viewBox="0 0 24 24" fill="none" strokeWidth="1.5" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
-        <path strokeLinecap="round" strokeLinejoin="round" d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0 4.5 4.5M12 3v13.5" />
-      </svg>
-    </Icon>
-  )
-});
-
-export { ArrowUpTray }

package/src/components/icons/outline/check-circle.tsx

@@ -1,17 +0,0 @@
-
-
-import * as React from 'react';
-import { Icon, IconProps } from '../../icon';
-
-const CheckCircle = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => {  
-  return (
-    <Icon {...props}>
-      <svg ref={ref} className="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-        <path d="M15.4359 9.1397C15.773 9.38046 15.8511 9.84887 15.6103 10.1859L11.8603 15.4359C11.7322 15.6153 11.5316 15.7293 11.3119 15.7474C11.0921 15.7656 10.8756 15.6862 10.7197 15.5303L8.46967 13.2803C8.17678 12.9874 8.17678 12.5126 8.46967 12.2197C8.76256 11.9268 9.23744 11.9268 9.53033 12.2197L11.1543 13.8436L14.3897 9.31407C14.6305 8.97701 15.0989 8.89894 15.4359 9.1397Z" />
-        <path fillRule="evenodd" clipRule="evenodd" d="M2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75Z" />
-      </svg>
-    </Icon>
-  )
-});
-
-export { CheckCircle }

package/src/components/icons/outline/pencil-square.tsx

@@ -1,16 +0,0 @@
-
-
-import * as React from 'react';
-import { Icon, IconProps } from '../../icon';
-
-const PencilSquare = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => {  
-  return (
-    <Icon {...props}>
-      <svg ref={ref} className="w-full h-full" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor">
-        <path strokeLinecap="round" strokeLinejoin="round" d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10" />
-      </svg>
-    </Icon>
-  )
-});
-
-export { PencilSquare }

package/src/components/icons/outline/trash.tsx

@@ -1,17 +0,0 @@
-
-
-import * as React from 'react';
-import { Icon, IconProps } from '../../icon';
-
-const Trash = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => {  
-  return (
-    <Icon {...props}>
-      <svg ref={ref} className="w-full h-full" viewBox="0 0 24 24" fill="none" troke-width="1.5" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
-        <path strokeLinecap="round" strokeLinejoin="round" d="m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" />
-      </svg>
-
-    </Icon>
-  )
-});
-
-export { Trash }

package/src/components/icons/outline/window.tsx

@@ -1,16 +0,0 @@
-
-
-import * as React from 'react';
-import { Icon, IconProps } from '../../icon';
-
-const Window = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => {  
-  return (
-    <Icon {...props}>
-      <svg ref={ref} className="w-full h-full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" strokeWidth="1.5" stroke="currentColor">
-        <path strokeLinecap="round" strokeLinejoin="round" d="M3 8.25V18a2.25 2.25 0 0 0 2.25 2.25h13.5A2.25 2.25 0 0 0 21 18V8.25m-18 0V6a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 6v2.25m-18 0h18M5.25 6h.008v.008H5.25V6ZM7.5 6h.008v.008H7.5V6Zm2.25 0h.008v.008H9.75V6Z" />
-      </svg>
-    </Icon>
-  )
-});
-
-export { Window }

package/src/components/icons/outline/x-circle.tsx

@@ -1,17 +0,0 @@
-
-
-import * as React from 'react';
-import { Icon, IconProps } from '../../icon';
-
-const XCircle = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => {  
-  return (
-    <Icon {...props}>
-      <svg ref={ref} className="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-        <path d="M9.21967 9.21967C9.51256 8.92678 9.98744 8.92678 10.2803 9.21967L12 10.9393L13.7197 9.21967C14.0126 8.92678 14.4874 8.92678 14.7803 9.21967C15.0732 9.51256 15.0732 9.98744 14.7803 10.2803L13.0607 12L14.7803 13.7197C15.0732 14.0126 15.0732 14.4874 14.7803 14.7803C14.4874 15.0732 14.0126 15.0732 13.7197 14.7803L12 13.0607L10.2803 14.7803C9.98744 15.0732 9.51256 15.0732 9.21967 14.7803C8.92678 14.4874 8.92678 14.0126 9.21967 13.7197L10.9393 12L9.21967 10.2803C8.92678 9.98744 8.92678 9.51256 9.21967 9.21967Z" />
-<path fillRule="evenodd" clipRule="evenodd" d="M2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75Z" />
-      </svg>
-    </Icon>
-  )
-});
-
-export { XCircle }

package/src/components/icons/outline/x-mark.tsx

@@ -1,16 +0,0 @@
-
-
-import * as React from 'react';
-import { Icon, IconProps } from '../../icon';
-
-const XMark = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => {  
-  return (
-    <Icon {...props}>
-      <svg className="w-full h-full" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth="1.5" stroke="currentColor">
-        <path strokeLinecap="round" strokeLinejoin="round" d="M6 18 18 6M6 6l12 12" />
-      </svg>
-    </Icon>
-  )
-});
-
-export { XMark }

package/src/components/icons/solid/caret-down.tsx

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { Icon, IconProps } from '../../icon';
-
-const CaretDown = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => {
-  return (
-    <Icon {...props}>
-      <svg ref={ref} className="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-        <path d="M13.5119 17.7818C12.7143 18.7028 11.2857 18.7028 10.4881 17.7818L2.74159 8.83689C1.61984 7.54161 2.53995 5.52759 4.25345 5.52759L19.7466 5.52759C21.4601 5.52759 22.3802 7.54161 21.2584 8.8369L13.5119 17.7818Z" />
-      </svg>
-    </Icon>
-  )
-});
-
-export { CaretDown };

package/src/components/icons/solid/code.tsx

@@ -1,18 +0,0 @@
-
-
-import * as React from 'react';
-import { Icon, IconProps } from '../../icon';
-
-const Code = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => {  
-  return (
-    <Icon {...props}>
-      <svg ref={ref} className="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-        <path d="M15.3995 7.375C15.6066 7.01628 15.4837 6.55759 15.125 6.35048C14.7663 6.14337 14.3076 6.26628 14.1005 6.625L8.35048 16.5843C8.14337 16.943 8.26628 17.4017 8.625 17.6088C8.98372 17.8159 9.44241 17.693 9.64952 17.3343L15.3995 7.375Z" />
-        <path fillRule="evenodd" clipRule="evenodd" d="M6 3C4.34315 3 3 4.34315 3 6V18C3 19.6569 4.34315 21 6 21H18C19.6569 21 21 19.6569 21 18V6C21 4.34315 19.6569 3 18 3H6ZM4.5 6C4.5 5.17157 5.17157 4.5 6 4.5H18C18.8284 4.5 19.5 5.17157 19.5 6V18C19.5 18.8284 18.8284 19.5 18 19.5H6C5.17157 19.5 4.5 18.8284 4.5 18V6Z" />
-      </svg>
-
-    </Icon>
-  )
-});
-
-export { Code }

package/src/components/icons/solid/drag.tsx

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { Icon, IconProps } from '../../icon';
-
-const Drag = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => {
-  return (
-    <Icon {...props}>
-      <svg ref={ref} className="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-        <path fillRule="evenodd" clipRule="evenodd" d="M7.5 5C7.5 4.17157 8.17157 3.5 9 3.5C9.82843 3.5 10.5 4.17157 10.5 5C10.5 5.82843 9.82843 6.5 9 6.5C8.17157 6.5 7.5 5.82843 7.5 5ZM13.5 5C13.5 4.17157 14.1716 3.5 15 3.5C15.8284 3.5 16.5 4.17157 16.5 5C16.5 5.82843 15.8284 6.5 15 6.5C14.1716 6.5 13.5 5.82843 13.5 5ZM7.5 12C7.5 11.1716 8.17157 10.5 9 10.5C9.82843 10.5 10.5 11.1716 10.5 12C10.5 12.8284 9.82843 13.5 9 13.5C8.17157 13.5 7.5 12.8284 7.5 12ZM13.5 12C13.5 11.1716 14.1716 10.5 15 10.5C15.8284 10.5 16.5 11.1716 16.5 12C16.5 12.8284 15.8284 13.5 15 13.5C14.1716 13.5 13.5 12.8284 13.5 12ZM7.5 19C7.5 18.1716 8.17157 17.5 9 17.5C9.82843 17.5 10.5 18.1716 10.5 19C10.5 19.8284 9.82843 20.5 9 20.5C8.17157 20.5 7.5 19.8284 7.5 19ZM13.5 19C13.5 18.1716 14.1716 17.5 15 17.5C15.8284 17.5 16.5 18.1716 16.5 19C16.5 19.8284 15.8284 20.5 15 20.5C14.1716 20.5 13.5 19.8284 13.5 19Z" />
-      </svg>
-    </Icon>
-  )
-});
-
-export { Drag };

package/src/components/icons/solid/rectangle-group.tsx

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { Icon, IconProps } from '../../icon';
-
-const RectangleGroup = React.forwardRef<SVGSVGElement, IconProps>((props, ref) => {
-  return (
-    <Icon {...props}>
-      <svg ref={ref} className="w-full h-full" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-        <path fillRule="evenodd" clipRule="evenodd" d="M1.5 7.125C1.5 6.08947 2.33947 5.25 3.375 5.25H9.375C10.4105 5.25 11.25 6.08947 11.25 7.125V10.875C11.25 11.9105 10.4105 12.75 9.375 12.75H3.375C2.33947 12.75 1.5 11.9105 1.5 10.875V7.125ZM13.5 8.625C13.5 7.58947 14.3395 6.75 15.375 6.75H20.625C21.6605 6.75 22.5 7.58947 22.5 8.625V16.875C22.5 17.9105 21.6605 18.75 20.625 18.75H15.375C14.3395 18.75 13.5 17.9105 13.5 16.875V8.625ZM3 16.125C3 15.0895 3.83947 14.25 4.875 14.25H10.125C11.1605 14.25 12 15.0895 12 16.125V18.375C12 19.4105 11.1605 20.25 10.125 20.25H4.875C3.83947 20.25 3 19.4105 3 18.375V16.125Z" />
-      </svg>
-    </Icon>
-  )
-});
-
-export { RectangleGroup };