@windrun-huaiin/base-ui 3.1.0

package/package.json

@@ -0,0 +1,120 @@
+{
+  "name": "@windrun-huaiin/base-ui",
+  "version": "3.1.0",
+  "description": "Base UI components for windrun-huaiin projects",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./ui/*": {
+      "types": "./dist/ui/*.d.ts",
+      "import": "./dist/ui/*.mjs",
+      "require": "./dist/ui/*.js"
+    },
+    "./components/*": {
+      "types": "./dist/components/*.d.ts",
+      "import": "./dist/components/*.mjs",
+      "require": "./dist/components/*.js"
+    },
+    "./lib/*": {
+      "types": "./dist/lib/*.d.ts",
+      "import": "./dist/lib/*.mjs",
+      "require": "./dist/lib/*.js"
+    },
+    "./src/*": "./src/*",
+    "./styles/base-ui.css": "./dist/base-ui.css"
+  },
+  "files": [
+    "src",
+    "dist",
+    "package.json",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build:css": "postcss src/styles/base-ui.css -o dist/base-ui.css",
+    "build": "tsup && pnpm build:css",
+    "build:prod": "tsup && pnpm build:css",
+    "dev": "tsup --watch",
+    "clean": "rm -rf dist",
+    "type-check": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.10",
+    "@radix-ui/react-alert-dialog": "^1.1.13",
+    "@radix-ui/react-aspect-ratio": "^1.1.6",
+    "@radix-ui/react-avatar": "^1.1.9",
+    "@radix-ui/react-checkbox": "^1.3.1",
+    "@radix-ui/react-collapsible": "^1.1.10",
+    "@radix-ui/react-context-menu": "^2.2.14",
+    "@radix-ui/react-dialog": "^1.1.13",
+    "@radix-ui/react-dropdown-menu": "^2.1.14",
+    "@radix-ui/react-hover-card": "^1.1.13",
+    "@radix-ui/react-label": "^2.1.6",
+    "@radix-ui/react-menubar": "^1.1.14",
+    "@radix-ui/react-navigation-menu": "^1.2.12",
+    "@radix-ui/react-popover": "^1.1.13",
+    "@radix-ui/react-progress": "^1.1.6",
+    "@radix-ui/react-radio-group": "^1.3.6",
+    "@radix-ui/react-scroll-area": "^1.2.8",
+    "@radix-ui/react-select": "^2.2.4",
+    "@radix-ui/react-separator": "^1.1.6",
+    "@radix-ui/react-slider": "^1.3.4",
+    "@radix-ui/react-slot": "^1.2.2",
+    "@radix-ui/react-switch": "^1.2.4",
+    "@radix-ui/react-tabs": "^1.1.11",
+    "@radix-ui/react-toast": "^1.2.13",
+    "@radix-ui/react-toggle": "^1.1.8",
+    "@radix-ui/react-toggle-group": "^1.1.9",
+    "@radix-ui/react-tooltip": "^1.2.6",
+    "@windrun-huaiin/lib": "workspace:*",
+    "class-variance-authority": "^0.7.1",
+    "cmdk": "1.0.4",
+    "embla-carousel-react": "8.5.1",
+    "input-otp": "1.4.2",
+    "lucide-react": "^0.511.0",
+    "next": "15.3.2",
+    "next-intl": "^3.26.5",
+    "next-themes": "^0.4.6",
+    "react": "19.1.0",
+    "react-day-picker": "8.10.1",
+    "react-dom": "19.1.0",
+    "react-hook-form": "^7.56.3",
+    "react-resizable-panels": "^2.1.9",
+    "recharts": "2.15.3",
+    "sonner": "^1.7.4",
+    "vaul": "^0.9.9"
+  },
+  "peerDependencies": {
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "next": "^15.3.2",
+    "tailwindcss": "^4.1.7",
+    "clsx": "^2.0.0",
+    "tailwind-merge": "^3.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "19.1.2",
+    "@types/react-dom": "19.1.3",
+    "tsup": "^8.3.5",
+    "typescript": "^5.8.3"
+  },
+  "keywords": [
+    "ui",
+    "components",
+    "react",
+    "nextjs",
+    "radix-ui",
+    "tailwindcss"
+  ],
+  "author": "windrun-huaiin",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/assets/bitcoin.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { LucideProps } from 'lucide-react';
+import { themeSvgIconColor } from '@base-ui/lib/theme-util';
+
+const BitcoinIcon = React.forwardRef<SVGSVGElement, LucideProps>(
+  ({ color = "currentColor", className, ...props }, ref) => (
+    <svg
+      ref={ref}
+      role="img" 
+      className={className} 
+      {...props}
+      viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M23.638 14.904c-1.602 6.43-8.113 10.34-14.542 8.736C2.67 22.05-1.244 15.525.362 9.105 1.962 2.67 8.475-1.243 14.9.358c6.43 1.605 10.342 8.115 8.738 14.548v-.002zm-6.35-4.613c.24-1.59-.974-2.45-2.64-3.03l.54-2.153-1.315-.33-.525 2.107c-.345-.087-.705-.167-1.064-.25l.526-2.127-1.32-.33-.54 2.165c-.285-.067-.565-.132-.84-.2l-1.815-.45-.35 1.407s.975.225.955.236c.535.136.63.486.615.766l-1.477 5.92c-.075.166-.24.406-.614.314.015.02-.96-.24-.96-.24l-.66 1.51 1.71.426.93.242-.54 2.19 1.32.327.54-2.17c.36.1.705.19 1.05.273l-.51 2.154 1.32.33.545-2.19c2.24.427 3.93.257 4.64-1.774.57-1.637-.03-2.58-1.217-3.196.854-.193 1.5-.76 1.68-1.93h.01zm-3.01 4.22c-.404 1.64-3.157.75-4.05.53l.72-2.9c.896.23 3.757.67 3.33 2.37zm.41-4.24c-.37 1.49-2.662.735-3.405.55l.654-2.64c.744.18 3.137.524 2.75 2.084v.006z"
+        fill='none' stroke={themeSvgIconColor} strokeWidth="1" 
+      />
+    </svg>
+  )
+);
+
+BitcoinIcon.displayName = "BTC";
+
+export default BitcoinIcon; 

package/src/assets/clerk.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { LucideProps } from 'lucide-react';
+import { themeSvgIconColor } from '@base-ui/lib/theme-util';
+
+const ClerkIcon = React.forwardRef<SVGSVGElement, LucideProps>(
+  ({ color = "currentColor", className, ...props }, ref) => (
+    <svg
+      ref={ref} 
+      role="img" 
+      className={className}
+      {...props}
+      viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M 21.255071,20.629393 18.43951,17.813831 a 0.5590077,0.5590077 0 0 0 -0.6841,-0.08209 6.6983195,6.6983195 0 0 1 -6.920164,0 0.56291684,0.56291684 0 0 0 -0.6841,0.08209 l -2.8155614,2.815562 a 0.56291684,0.56291684 0 0 0 -0.1006604,0.674327 0.55705312,0.55705312 0 0 0 0.1622295,0.181775 11.727434,11.727434 0 0 0 13.7924393,0 0.56682599,0.56682599 0 0 0 0.233572,-0.413392 0.56291684,0.56291684 0 0 0 -0.168094,-0.44271 z m 0.002,-17.2666924 -2.814584,2.8145842 A 0.55607584,0.55607584 0 0 1 17.757364,6.2593769 6.7012514,6.7012514 0 0 0 8.7985821,8.1699714 6.7061378,6.7061378 0 0 0 7.6043383,11.778112 6.7041832,6.7041832 0 0 0 8.5601242,15.456617 0.55998498,0.55998498 0 0 1 8.4790095,16.13974 L 5.663448,18.954324 A 0.55412127,0.55412127 0 0 1 4.8190727,18.892755 11.720593,11.720593 0 0 1 6.8899421,2.9121717 11.717661,11.717661 0 0 1 21.19448,2.5163708 0.55314398,0.55314398 0 0 1 21.42121,2.9248764 0.55705312,0.55705312 0 0 1 21.257026,3.3627006 Z M 14.300703,15.345206 a 3.3491597,3.3491597 0 1 0 0,-6.698319 3.3491597,3.3491597 0 0 0 0,6.698319 z"
+        fill='none' stroke={themeSvgIconColor} strokeWidth="1.5" 
+      />
+    </svg>
+  )
+);
+
+ClerkIcon.displayName = "Clerk";
+
+export default ClerkIcon; 

package/src/assets/css.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { LucideProps } from 'lucide-react';
+import { themeSvgIconColor } from '@base-ui/lib/theme-util';
+
+const CSSIcon = React.forwardRef<SVGSVGElement, LucideProps>(
+  ({ color = "currentColor", className, ...props }, ref) => (
+    <svg
+      ref={ref} 
+      role="img" 
+      className={className} {...props}
+      viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+      <path fill={themeSvgIconColor}
+        d="M23.5 12H8c.89-2.3 4.02-4 7.75-4s6.86 1.7 7.75 4M14 12h15.5c-.89 2.3-4.02 4-7.75 4s-6.86-1.7-7.75-4m3.5 8H2c.89-2.3 4.02-4 7.75-4s6.86 1.7 7.75 4M8 20h15.5c-.89 2.3-4.02 4-7.75 4S8.89 22.3 8 20"
+      />
+    </svg>
+  )
+);
+
+CSSIcon.displayName = "CSS";
+
+export default CSSIcon;

package/src/assets/csv.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+import { LucideProps } from 'lucide-react';
+import { themeSvgIconColor } from '@base-ui/lib/theme-util';
+
+const CSVIcon = React.forwardRef<SVGSVGElement, LucideProps>(
+  ({ color = "currentColor", className, ...props }, ref) => (
+    <svg
+      ref={ref}
+      role="img" 
+      className={className} 
+      {...props}
+      viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M158.72 517.12h61.44v394.24c0 28.27776 22.92224 51.2 51.2 51.2h614.4c28.27776 0 51.2-22.92224 51.2-51.2V317.44h-204.8c-28.27776 0-51.2-22.92224-51.2-51.2V61.44H271.36c-28.27776 0-51.2 22.92224-51.2 51.2v97.28H158.72V76.8c0-42.41408 34.38592-76.8 76.8-76.8h481.28l281.6 281.6v665.6c0 42.41408-34.38592 76.8-76.8 76.8H235.52c-42.41408 0-76.8-34.38592-76.8-76.8v-430.08z"
+        fill={themeSvgIconColor} p-id="8469">
+      </path>
+      <path
+        d="M102.4 209.92h460.8c42.41408 0 76.8 34.38592 76.8 76.8v153.6c0 42.41408-34.38592 76.8-76.8 76.8H102.4c-42.41408 0-76.8-34.38592-76.8-76.8V286.72c0-42.41408 34.38592-76.8 76.8-76.8z m129.81248 176.2304c-2.7136 11.80672-7.18848 20.45952-13.42464 25.9584-6.23104 5.49888-13.6704 8.25344-22.3232 8.25344-11.74016 0-21.2736-4.3264-28.60544-12.98432-7.33184-8.6528-10.99776-23.17312-10.99776-43.55584 0-19.21536 3.72224-33.11104 11.1616-41.69216 7.44448-8.58112 17.14176-12.87168 29.09696-12.87168 8.6528 0 16.00512 2.42176 22.05696 7.26016 6.04672 4.84352 10.02496 11.4432 11.9296 19.79904l32.23552-7.69536c-3.67104-12.90752-9.1648-22.8096-16.50176-29.70112-12.31872-11.66336-28.34432-17.48992-48.07168-17.48992-22.58432 0-40.8064 7.424-54.66624 22.272-13.86496 14.848-20.79232 35.69664-20.79232 62.53568 0 25.37472 6.89152 45.37856 20.67968 60.0064 13.78816 14.62784 31.3856 21.94432 52.80256 21.94432 17.3056 0 31.5904-4.27008 42.84416-12.81536 11.25376-8.54016 19.3024-21.61152 24.14592-39.21408l-31.56992-10.0096z m51.25632 6.81984c2.12992 18.03776 8.6528 31.7696 19.57888 41.19552 10.9312 9.4208 26.58304 14.1312 46.97088 14.1312 14.00832 0 25.7024-1.96096 35.09248-5.88288 9.38496-3.92192 16.64512-9.91744 21.78048-17.98656 5.13024-8.064 7.70048-16.7168 7.70048-25.9584 0-10.1888-2.1504-18.75456-6.43584-25.68192-4.29056-6.93248-10.22976-12.39552-17.8176-16.39424-7.59296-3.9936-19.30752-7.86432-35.1488-11.60192-15.84128-3.7376-25.81504-7.33184-29.92128-10.78272-3.2256-2.7136-4.8384-5.97504-4.8384-9.78944 0-4.17792 1.72544-7.51616 5.1712-10.0096 5.3504-3.88608 12.75904-5.83168 22.2208-5.83168 9.1648 0 16.04096 1.8176 20.62336 5.44768 4.5824 3.63008 7.57248 9.58976 8.96 17.87392l32.5632-1.4336c-0.512-14.80704-5.888-26.65472-16.11264-35.52768-10.22976-8.87296-25.46688-13.312-45.70624-13.312-12.3904 0-22.97344 1.87392-31.73376 5.61152-8.76544 3.74272-15.47264 9.18528-20.13184 16.3328-4.6592 7.15264-6.98368 14.83776-6.98368 23.05024 0 12.75904 4.95104 23.5776 14.848 32.45056 7.04 6.30784 19.28704 11.6224 36.74112 15.9488 13.568 3.37408 22.25664 5.71904 26.07104 7.04 5.57056 1.98144 9.47712 4.31104 11.71456 6.98368 2.23744 2.67776 3.3536 5.92384 3.3536 9.73824 0 5.9392-2.65728 11.12576-7.97184 15.5648-5.31968 4.43392-13.21984 6.656-23.7056 6.656-9.90208 0-17.7664-2.49344-23.59808-7.48032-5.82656-4.98688-9.69728-12.8-11.60192-23.43424l-31.68256 3.08224zM483.1232 445.44h34.7648l57.74848-161.25952h-34.53952l-39.49056 119.3472-40.81152-119.3472h-35.30752L483.11808 445.44z"
+        fill={themeSvgIconColor} p-id="8470">
+      </path>
+      <path
+        d="M266.24 634.88m30.72 0l563.2 0q30.72 0 30.72 30.72l0 0q0 30.72-30.72 30.72l-563.2 0q-30.72 0-30.72-30.72l0 0q0-30.72 30.72-30.72Z"
+        fill={themeSvgIconColor} p-id="8471">
+      </path>
+      <path
+        d="M266.24 808.96m30.72 0l563.2 0q30.72 0 30.72 30.72l0 0q0 30.72-30.72 30.72l-563.2 0q-30.72 0-30.72-30.72l0 0q0-30.72 30.72-30.72Z"
+        fill={themeSvgIconColor} p-id="8472">
+      </path>
+    </svg>
+  )
+);
+
+CSVIcon.displayName = "CSV";
+
+export default CSVIcon;

package/src/assets/d8.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { LucideProps } from 'lucide-react';
+import { themeSvgIconColor } from '@base-ui/lib/theme-util';
+
+const D8Icon = React.forwardRef<SVGSVGElement, LucideProps>(
+  ({ color = "currentColor", className, ...props }, ref) => (
+    <svg
+      ref={ref}
+      role="img"
+      className={className}
+      {...props}
+      viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" >
+      <path d="M376.832 80.896C187.392 142.336 61.44 313.344 61.44 513.024c0 290.816 277.504 506.88 558.08 434.176C842.752 888.832 993.28 665.6 955.392 445.44 908.288 168.96 635.904-2.048 376.832 80.896zM624.64 134.144c103.424 25.6 214.016 131.072 256 241.664 32.768 87.04 26.624 220.16-15.36 305.152-37.888 77.824-106.496 146.432-184.32 185.344-56.32 26.624-70.656 29.696-168.96 29.696-95.232 0-114.688-3.072-165.888-27.648-157.696-73.728-253.952-251.904-225.28-416.768 41.984-239.616 264.192-378.88 503.808-317.44z"
+          fill={themeSvgIconColor}></path>
+      <path d="M462.848 227.328L460.8 286.72h-35.84c-19.456 0-35.84 4.096-35.84 10.24 0 5.12 11.264 10.24 24.576 10.24 14.336 0 27.648 3.072 29.696 7.168 2.048 5.12-17.408 91.136-43.008 192.512l-47.104 184.32-32.768 3.072c-68.608 7.168-30.72 22.528 53.248 22.528h86.016l4.096 64.512 3.072 63.488 2.048-64.512 2.048-63.488 44.032 1.024c56.32 2.048 123.904-25.6 155.648-64.512 45.056-54.272 26.624-134.144-34.816-153.6-9.216-3.072-1.024-12.288 23.552-26.624 21.504-12.288 41.984-20.48 47.104-17.408 19.456 12.288 35.84-73.728 20.48-112.64-14.336-38.912-66.56-56.32-167.936-56.32h-87.04l-4.096-59.392-3.072-58.368-2.048 58.368z m190.464 96.256c52.224 36.864 10.24 136.192-67.584 157.696C532.48 495.616 460.8 494.592 460.8 478.208c0-6.144 4.096-28.672 9.216-48.128 6.144-19.456 15.36-55.296 21.504-79.872l11.264-43.008h63.488c40.96 0 71.68 6.144 87.04 16.384z m-24.576 211.968c19.456 26.624 19.456 30.72 6.144 70.656-22.528 64.512-66.56 90.112-154.624 90.112-41.984 0-70.656-4.096-70.656-10.24s10.24-50.176 21.504-98.304l22.528-87.04 76.8 3.072c70.656 3.072 78.848 5.12 98.304 31.744z"
+          fill={themeSvgIconColor}></path>
+      <path d="M227.328 421.888c-7.168 7.168-12.288 18.432-12.288 25.6 0 18.432-10.24 16.384-33.792-5.12-19.456-16.384-20.48-16.384-8.192 5.12 6.144 13.312 16.384 23.552 21.504 23.552 19.456 0 10.24 22.528-10.24 27.648-19.456 5.12-20.48 6.144-3.072 19.456 12.288 9.216 14.336 16.384 7.168 21.504-6.144 5.12-14.336 17.408-17.408 28.672-7.168 20.48-7.168 20.48 8.192 0 13.312-16.384 19.456-18.432 35.84-7.168 24.576 15.36 58.368 16.384 66.56 2.048 12.288-20.48 46.08-11.264 47.104 12.288 1.024 19.456 2.048 19.456 6.144 5.12 3.072-10.24-3.072-27.648-13.312-38.912-16.384-18.432-16.384-19.456 7.168-28.672 24.576-10.24 24.576-10.24 2.048-10.24C317.44 501.76 307.2 496.64 307.2 491.52v-18.432c0-4.096 6.144-7.168 12.288-7.168 7.168 0 14.336-9.216 16.384-19.456 4.096-19.456 3.072-19.456-14.336-2.048-17.408 18.432-18.432 17.408-37.888-8.192-20.48-28.672-36.864-33.792-56.32-14.336zM750.592 427.008c-1.024 10.24-5.12 37.888-9.216 61.44-4.096 29.696-3.072 49.152 6.144 59.392 8.192 10.24 9.216 15.36 1.024 15.36-6.144 0-17.408 14.336-26.624 30.72-18.432 34.816-6.144 71.68 22.528 71.68 15.36 0 15.36-1.024-1.024-13.312-17.408-12.288-17.408-16.384-2.048-51.2 15.36-37.888 43.008-50.176 53.248-24.576 3.072 8.192-1.024 27.648-7.168 44.032-7.168 16.384-13.312 38.912-14.336 49.152-1.024 10.24-10.24 25.6-20.48 32.768-11.264 8.192-14.336 14.336-9.216 14.336 23.552 0 44.032-28.672 59.392-80.896 20.48-68.608 20.48-72.704 1.024-72.704-16.384 0-20.48-12.288-8.192-23.552 3.072-4.096 12.288-2.048 19.456 4.096 16.384 13.312 45.056 5.12 44.032-13.312 0-10.24-2.048-10.24-6.144-1.024-2.048 7.168-9.216 13.312-15.36 13.312-10.24 0-6.144-45.056 8.192-100.352 4.096-12.288 2.048-22.528-4.096-22.528-5.12 0-15.36 21.504-22.528 48.128-13.312 54.272-26.624 74.752-47.104 74.752-17.408 0-19.456-53.248-3.072-83.968 8.192-15.36 8.192-24.576-3.072-34.816-12.288-12.288-14.336-11.264-15.36 3.072zM696.32 695.296c0 6.144 5.12 13.312 10.24 16.384 6.144 3.072 10.24-1.024 10.24-9.216 0-9.216-4.096-16.384-10.24-16.384-5.12 0-10.24 4.096-10.24 9.216z"
+          fill={themeSvgIconColor}></path>
+    </svg>
+  )
+);
+
+D8Icon.displayName = "D8";
+
+export default D8Icon; 

package/src/assets/diff.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { LucideProps } from 'lucide-react';
+import { themeSvgIconColor } from '@base-ui/lib/theme-util';
+
+const DiffIcon = React.forwardRef<SVGSVGElement, LucideProps>(
+  ({ color = "currentColor", className, ...props }, ref) => (
+    <svg
+      ref={ref}
+      role="img" 
+      className={className} 
+      {...props}
+      viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+      <path d="M0 0h24v24H0z" fill="none" />
+      <path fill={themeSvgIconColor}
+        d="M18 23H4c-1.1 0-2-.9-2-2V7h2v14h14zM14.5 7V5h-2v2h-2v2h2v2h2V9h2V7zm2 6h-6v2h6zM15 1H8c-1.1 0-1.99.9-1.99 2L6 17c0 1.1.89 2 1.99 2H19c1.1 0 2-.9 2-2V7zm4 16H8V3h6.17L19 7.83z" 
+      />
+    </svg>
+  )
+);
+
+DiffIcon.displayName = "Diff";
+
+export default DiffIcon;

package/src/assets/dpa.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { LucideProps } from 'lucide-react';
+import { themeSvgIconColor } from '@base-ui/lib/theme-util';
+
+const DPAIcon = React.forwardRef<SVGSVGElement, LucideProps>(
+  ({ color = "currentColor", className, ...props }, ref) => (
+    <svg
+      ref={ref}
+      role="img" 
+      className={className} 
+      {...props}
+      viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M23.373 20.364a4.682 4.682 0 0 1-8.1 0 4.694 4.694 0 0 1 0-4.669c.326-.564.778-.995 1.272-1.358.472.198 3.394 1.421 3.917 1.717a2.291 2.291 0 0 0-3.109.842 2.304 2.304 0 0 0 0 2.267 2.267 2.267 0 0 0 2.564 1.053 2.254 2.254 0 0 0 1.375-1.053 2.328 2.328 0 0 0 0-2.279 2.478 2.478 0 0 0-.83-.83l-3.53-2.045-5.727-3.317a5.022 5.022 0 0 0 4.139-.36l6.32 3.641a4.682 4.682 0 0 1 1.709 6.391zm-14-2.01v.004l-3.558 2a2.27 2.27 0 0 1-3.102-.823 2.267 2.267 0 0 1 2.551-3.332c.591.161 1.089.56 1.375 1.102v-.05a2.27 2.27 0 0 1-.824 3.103c.559-.303 3.352-2.62 3.465-2.714-.304-1.744-1.573-3.24-3.396-3.72a4.608 4.608 0 0 0-3.558.479 4.67 4.67 0 0 0-1.694 6.383 4.682 4.682 0 0 0 2.865 2.192 4.657 4.657 0 0 0 3.66-.56l6.877-3.973c-.019-1.303.512-2.604 1.375-3.58l-6.036 3.49zm-2.4-4.703v-8.1h.012c.002-1.617.821-3.189 2.321-4.055a4.682 4.682 0 1 1 2.337 8.737 4.678 4.678 0 0 1-1.55-.28c-.016-.085-.733-3.796-.733-4.188L9.29 9.59v6.761a4.075 4.075 0 0 0-2.317-2.7zm2.403-8.1a2.279 2.279 0 1 0 4.546 0 2.23 2.23 0 0 0-.297-1.127 2.279 2.279 0 0 0-1.97-1.14 2.267 2.267 0 0 0-2.279 2.254v.013z"
+        fill={themeSvgIconColor} />
+    </svg>
+  )
+);
+
+DPAIcon.displayName = "DPA";
+
+export default DPAIcon;

package/src/assets/github.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { LucideProps } from 'lucide-react';
+import { themeSvgIconColor } from '@base-ui/lib/theme-util';
+
+const GitHubIcon = React.forwardRef<SVGSVGElement, LucideProps>(
+  ({ color = "currentColor", className, ...props }, ref) => (
+    <svg
+      ref={ref}
+      role="img"
+      className={className}
+      {...props}
+      viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" >
+      <path
+        d="M512 0C229.283787 0 0.142041 234.942803 0.142041 524.867683c0 231.829001 146.647305 428.553077 350.068189 497.952484 25.592898 4.819996 34.976961-11.38884 34.976961-25.294314 0-12.45521-0.469203-45.470049-0.725133-89.276559-142.381822 31.735193-172.453477-70.380469-172.453477-70.380469-23.246882-60.569859-56.816233-76.693384-56.816234-76.693385-46.493765-32.58829 3.540351-31.948468 3.540351-31.948467 51.356415 3.71097 78.356923 54.086324 78.356923 54.086324 45.683323 80.19108 119.817417 57.072162 148.993321 43.593236 4.649376-33.91059 17.915029-57.029508 32.50298-70.167195-113.675122-13.222997-233.151301-58.223843-233.1513-259.341366 0-57.285437 19.919806-104.163095 52.678715-140.846248-5.246544-13.265652-22.820334-66.626844 4.990615-138.884127 0 0 42.996069-14.076094 140.760939 53.787741 40.863327-11.644769 84.627183-17.445825 128.177764-17.6591 43.465272 0.213274 87.271782 6.014331 128.135109 17.6591 97.679561-67.906489 140.59032-53.787741 140.59032-53.787741 27.938914 72.257282 10.407779 125.618474 5.118579 138.884127 32.844219 36.683154 52.593405 83.560812 52.593405 140.846248 0 201.586726-119.646798 245.990404-233.663158 258.957473 18.341577 16.208835 34.721032 48.199958 34.721032 97.210357 0 70.167195-0.639822 126.7275-0.639823 143.960051 0 14.033439 9.213443 30.370239 35.190235 25.209005 203.250265-69.527373 349.769606-266.123484 349.769605-497.867175C1023.857959 234.942803 794.673558 0 512 0"
+        fill={themeSvgIconColor} p-id="6929">
+      </path>
+    </svg>
+  )
+);
+
+GitHubIcon.displayName = "GitHub";
+
+export default GitHubIcon; 

package/src/assets/html.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { LucideProps } from 'lucide-react';
+import { themeSvgIconColor } from '@base-ui/lib/theme-util';
+
+const HtmlIcon = React.forwardRef<SVGSVGElement, LucideProps>(
+  ({ color = "currentColor", className, ...props }, ref) => (
+    <svg
+      ref={ref}
+      role="img"
+      className={className}
+      {...props}
+      viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" >
+      <path fill={themeSvgIconColor}
+        d="m4 4 2 22 10 2 10-2 2-22Zm19.72 7H11.28l.29 3h11.86l-.802 9.335L15.99 25l-6.635-1.646L8.93 19h3.02l.19 2 3.86.77 3.84-.77.29-4H8.84L8 8h16Z" 
+      />
+    </svg>
+  )
+);
+
+HtmlIcon.displayName = "Html";
+
+export default HtmlIcon; 

package/src/assets/http.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { LucideProps } from 'lucide-react';
+import { themeSvgIconColor } from '@base-ui/lib/theme-util';
+
+const HttpIcon = React.forwardRef<SVGSVGElement, LucideProps>(
+  ({ color = "currentColor", className, ...props }, ref) => (
+    <svg
+      ref={ref}
+      role="img" 
+      className={className} 
+      {...props}
+      viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M400.896 704.292571v194.889143a376.795429 376.795429 0 0 1-84.845714-12.8c-21.028571-34.486857-48.384-93.732571-65.682286-182.089143h150.528z m448 8.521143v38.070857H803.108571V885.028571h-41.984v-134.144h-89.929142V885.028571h-41.984v-134.144h-45.860572v-38.034285h265.508572z m-368.347429 0v63.561143h50.395429V712.777143h41.984V885.028571h-41.984v-70.582857H480.548571v70.582857h-41.947428V712.777143h41.947428z m433.188572 0c19.456 0 32.146286 0.841143 38.509714 2.633143 10.057143 2.742857 18.505143 8.740571 25.161143 17.810286 6.729143 9.069714 10.020571 20.662857 10.020571 34.596571 0 10.715429-1.901714 19.894857-5.741714 27.428572a49.115429 49.115429 0 0 1-33.024 26.404571c-7.899429 1.645714-19.017143 2.450286-33.462857 2.450286h-14.994286V885.028571h-41.947428V712.777143h55.478857z m-691.602286-8.521143c15.579429 79.798857 39.460571 135.606857 59.465143 171.154286a377.526857 377.526857 0 0 1-198.144-171.154286h138.678857z m693.248 35.84h-25.929143v56.576h22.491429c12.946286 0 21.686857-0.914286 26.697143-2.925714a26.038857 26.038857 0 0 0 12.214857-9.984 27.757714 27.757714 0 0 0 4.388571-15.506286 26.733714 26.733714 0 0 0-6.217143-18.029714 26.697143 26.697143 0 0 0-15.652571-8.923428 114.505143 114.505143 0 0 0-17.993143-1.170286z m-514.486857-203.410285v139.629714h-155.428571a957.586286 957.586286 0 0 1-11.702858-139.629714h167.131429z m-195.108571 0a955.977143 955.977143 0 0 0 11.776 139.629714H70.107429A372.626286 372.626286 0 0 1 36.571429 536.722286h169.216z m390.217142 0a957.696 957.696 0 0 1-11.702857 139.629714h-155.428571v-139.629714h167.131428z m193.170286 0a374.930286 374.930286 0 0 1-33.389714 139.629714H612.205714a956.342857 956.342857 0 0 0 11.776-139.629714h165.193143z m-32.548571-167.570286c19.346286 42.934857 30.902857 89.965714 32.841143 139.629714h-165.376c-0.694857-52.48-5.010286-98.742857-11.556572-139.629714h144.091429z m-355.730286 0v139.629714H233.581714c0.731429-52.516571 5.12-98.742857 11.629715-139.629714h155.684571z m-183.661714 0a965.412571 965.412571 0 0 0-11.593143 139.629714H36.790857c1.828571-49.627429 13.019429-96.768 32.256-139.629714H217.234286z m367.323428 0c6.546286 40.923429 10.898286 87.113143 11.629715 139.629714h-167.350858v-139.629714h155.721143z m-34.998857-197.595429c82.651429 32.109714 150.528 92.891429 193.060572 169.691429H607.817143c-15.286857-78.189714-38.509714-133.741714-58.258286-169.691429zM428.873143 146.285714c29.696 1.316571 58.514286 5.997714 86.125714 13.750857 20.955429 35.181714 47.908571 93.952 64.987429 181.174858h-151.149715V146.285714z m-27.977143 0.036572v194.925714H249.819429c17.115429-87.771429 44.324571-146.724571 65.316571-181.833143A376.758857 376.758857 0 0 1 400.896 146.285714z m-120.100571 24.064c-19.858286 35.949714-43.410286 91.794286-58.88 170.825143H83.053714a378.404571 378.404571 0 0 1 197.741715-170.788572z"
+        fill={themeSvgIconColor} p-id="1509">
+      </path>
+    </svg>
+  )
+);
+
+HttpIcon.displayName = "Http";
+
+export default HttpIcon;

package/src/assets/index.ts

@@ -0,0 +1,61 @@
+// Import all built-in icon components
+import GitHubIcon from './github';
+import D8Icon from './d8';
+import ClerkIcon from './clerk';
+import ItermIcon from './iterm';
+import MarkdownIcon from './markdown';
+import MDXIcon from './mdx';
+import HtmlIcon from './html';
+import JsonIcon from './json';
+import XMLIcon from './xml';
+import YamlIcon from './yaml';
+import CSVIcon from './csv';
+import TxtIcon from './txt';
+import JavaIcon from './java';
+import SQLIcon from './sql';
+import LogIcon from './log';
+import MACIcon from './mac';
+import BTCIcon from './bitcoin';
+import CSSIcon from './css';
+import MmdIcon from './mermaid';
+import LastUpdatedIcon from './last-updated';
+import SnippetsIcon from './snippets';
+import TestIcon from './test';
+import DiffIcon from './diff';
+import DPAIcon from './dpa';
+import SubPIcon from './subp';
+import T3PIcon from './t3p';
+import HttpIcon from './http';
+import SchemeIcon from './scheme';
+
+// Built-in icon components mapped by display name - internal use only
+export const BUILTIN_ICON_COMPONENTS = {
+  GitHub: GitHubIcon,
+  D8: D8Icon,
+  Clerk: ClerkIcon,
+  Iterm: ItermIcon,
+  Markdown: MarkdownIcon,
+  MDX: MDXIcon,
+  Html: HtmlIcon,
+  Json: JsonIcon,
+  XML: XMLIcon,
+  Yaml: YamlIcon,
+  CSV: CSVIcon,
+  Txt: TxtIcon,
+  Java: JavaIcon,
+  SQL: SQLIcon,
+  Log: LogIcon,
+  MAC: MACIcon,
+  BTC: BTCIcon,
+  CSS: CSSIcon,
+  Mmd: MmdIcon,
+  LastUpdated: LastUpdatedIcon,
+  Snippets: SnippetsIcon,
+  Test: TestIcon,
+  Diff: DiffIcon,
+  DPA: DPAIcon,
+  SubP: SubPIcon,
+  T3P: T3PIcon,
+  Http: HttpIcon,
+  Scheme: SchemeIcon,
+} as const;

package/src/assets/iterm.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { LucideProps } from 'lucide-react';
+import { themeSvgIconColor } from '@base-ui/lib/theme-util';
+
+const ItermIcon = React.forwardRef<SVGSVGElement, LucideProps>(
+  ({ color = "currentColor", className, ...props }, ref) => (
+    <svg
+      ref={ref}
+      role="img"
+      className={className}
+      {...props}
+      viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" >
+      <path
+        d="M24 5.359v13.282A5.36 5.36 0 0 1 18.641 24H5.359A5.36 5.36 0 0 1 0 18.641V5.359A5.36 5.36 0 0 1 5.359 0h13.282A5.36 5.36 0 0 1 24 5.359m-.932-.233A4.196 4.196 0 0 0 18.874.932H5.126A4.196 4.196 0 0 0 .932 5.126v13.748a4.196 4.196 0 0 0 4.194 4.194h13.748a4.196 4.196 0 0 0 4.194-4.194zm-.816.233v13.282a3.613 3.613 0 0 1-3.611 3.611H5.359a3.613 3.613 0 0 1-3.611-3.611V5.359a3.613 3.613 0 0 1 3.611-3.611h13.282a3.613 3.613 0 0 1 3.611 3.611M8.854 4.194v6.495h.962V4.194zM5.483 9.493v1.085h.597V9.48q.283-.037.508-.133.373-.165.575-.448.208-.284.208-.649a.9.9 0 0 0-.171-.568 1.4 1.4 0 0 0-.426-.388 3 3 0 0 0-.544-.261 32 32 0 0 0-.545-.209 1.8 1.8 0 0 1-.426-.216q-.164-.12-.164-.284 0-.223.179-.351.18-.126.485-.127.344 0 .575.105.239.105.5.298l.433-.5a2.3 2.3 0 0 0-.605-.433 1.6 1.6 0 0 0-.582-.159v-.968h-.597v.978a2 2 0 0 0-.477.127 1.2 1.2 0 0 0-.545.411q-.194.268-.194.634 0 .335.164.56.164.224.418.38a4 4 0 0 0 .552.262q.291.104.545.209.261.104.425.238a.39.39 0 0 1 .165.321q0 .225-.187.359-.18.134-.537.134-.381 0-.717-.134a4.4 4.4 0 0 1-.649-.351l-.388.589q.209.173.477.306.276.135.575.217.191.046.373.064" 
+        fill="none" stroke={themeSvgIconColor} strokeWidth="1"
+      />
+    </svg>
+  )
+);
+
+ItermIcon.displayName = "Iterm";
+
+export default ItermIcon; 

package/src/assets/java.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { LucideProps } from 'lucide-react';
+import { themeSvgIconColor } from '@base-ui/lib/theme-util';
+
+const JavaIcon = React.forwardRef<SVGSVGElement, LucideProps>(
+  ({ color = "currentColor", className, ...props }, ref) => (
+    <svg
+      ref={ref}
+      role="img" 
+      className={className} 
+      {...props}
+      viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M4 26h24v2H4zM28 4H7a1 1 0 0 0-1 1v13a4 4 0 0 0 4 4h10a4 4 0 0 0 4-4v-4h4a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2m0 8h-4V6h4Z"
+        fill="none" stroke={themeSvgIconColor} strokeWidth="2"
+      />
+    </svg>
+  )
+);
+
+JavaIcon.displayName = "Java";
+
+export default JavaIcon;

package/src/assets/json.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { LucideProps } from 'lucide-react';
+import { themeSvgIconColor } from '@base-ui/lib/theme-util';
+
+const JsonIcon = React.forwardRef<SVGSVGElement, LucideProps>(
+  ({ color = "currentColor", className, ...props }, ref) => (
+    <svg
+      ref={ref}
+      role="img"
+      className={className}
+      {...props}
+      viewBox="0 -960 960 960" xmlns="http://www.w3.org/2000/svg"
+    >
+      <path fill={themeSvgIconColor}
+        d="M560-160v-80h120q17 0 28.5-11.5T720-280v-80q0-38 22-69t58-44v-14q-36-13-58-44t-22-69v-80q0-17-11.5-28.5T680-720H560v-80h120q50 0 85 35t35 85v80q0 17 11.5 28.5T840-560h40v160h-40q-17 0-28.5 11.5T800-360v80q0 50-35 85t-85 35zm-280 0q-50 0-85-35t-35-85v-80q0-17-11.5-28.5T120-400H80v-160h40q17 0 28.5-11.5T160-600v-80q0-50 35-85t85-35h120v80H280q-17 0-28.5 11.5T240-680v80q0 38-22 69t-58 44v14q36 13 58 44t22 69v80q0 17 11.5 28.5T280-240h120v80z"
+      />
+    </svg>
+  )
+);
+
+JsonIcon.displayName = "Json";
+
+export default JsonIcon; 

package/src/assets/last-updated.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { LucideProps } from 'lucide-react';
+import { themeSvgIconColor } from '@base-ui/lib/theme-util';
+
+const LastUpdatedIcon = React.forwardRef<SVGSVGElement, LucideProps>(
+  ({ color = "currentColor", className, ...props }, ref) => (
+    <svg
+      ref={ref}
+      role="img" 
+      className={className} 
+      {...props}
+      viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M918.362566 956.685895 106.992291 956.685895c-14.145162 0-25.611308-11.466146-25.611308-25.611308L81.380984 191.053314c0-14.145162 11.467169-25.611308 25.611308-25.611308l811.370275 0c14.145162 0 25.611308 11.467169 25.611308 25.611308l0 740.02025C943.974897 945.219749 932.508751 956.685895 918.362566 956.685895zM132.603599 905.462257l760.146637 0L892.750235 216.665645 132.603599 216.665645 132.603599 905.462257zM915.696854 410.394904 109.450273 410.394904c-14.145162 0-25.611308-11.467169-25.611308-25.611308s11.467169-25.611308 25.611308-25.611308l806.246581 0c14.145162 0 25.611308 11.467169 25.611308 25.611308S929.842015 410.394904 915.696854 410.394904zM248.987283 313.735447c-14.145162 0-25.611308-11.467169-25.611308-25.611308L223.375975 91.962481c0-14.145162 11.467169-25.611308 25.611308-25.611308s25.611308 11.467169 25.611308 25.611308l0 196.160635C274.59859 302.269301 263.132444 313.735447 248.987283 313.735447zM786.915815 313.735447c-14.145162 0-25.611308-11.467169-25.611308-25.611308L761.304508 91.962481c0-14.145162 11.466146-25.611308 25.611308-25.611308s25.611308 11.467169 25.611308 25.611308l0 196.160635C812.527123 302.269301 801.060977 313.735447 786.915815 313.735447zM378.463146 832.067666c-4.732791 0-9.406231-1.641383-13.156648-4.787026-5.810333-4.874007-8.448416-12.56006-6.856152-19.97596l21.574365-100.484575c0.699941-3.261277 2.186805-6.30152 4.329609-8.856715l173.234483-206.507284c3.488451-4.158716 8.486278-6.760984 13.893428-7.234775 5.392824-0.473791 10.779507 1.219781 14.939247 4.709255l73.627904 61.765739c8.66024 7.264451 9.790994 20.173458 2.526543 28.832675L489.341443 786.03526c-2.143826 2.555196-4.880147 4.548596-7.969509 5.805216l-95.201246 38.71986C383.679961 831.573409 381.062344 832.067666 378.463146 832.067666zM418.978908 720.378911l-12.386098 57.68684 54.653761-22.228257 156.816558-186.93553-42.268686-35.458583L418.978908 720.378911zM483.354078 781.820262c-6.737448 0.001023-13.334703-3.322675-17.244756-9.414417l-23.737634-36.991496-40.554648-16.944927c-10.429537-4.358261-15.35164-16.34527-10.994402-26.774807 4.357238-10.42749 16.343223-15.350616 26.774807-10.993378l46.442752 19.404955c3.834328 1.601474 7.090489 4.333702 9.334599 7.830339l27.183106 42.361807c6.105045 9.513678 3.342118 22.174022-6.17156 28.278043C490.967476 780.771373 487.137241 781.820262 483.354078 781.820262zM601.041454 641.489166c-4.641717 0-9.307993-1.569752-13.143345-4.787026l-73.625858-61.765739c-8.659217-7.264451-9.78997-20.173458-2.52552-28.833699 7.263427-8.659217 20.171412-9.78997 28.833699-2.52552l73.625858 61.765739c8.659217 7.264451 9.78997 20.173458 2.52552 28.833699C612.683609 639.001509 606.882486 641.489166 601.041454 641.489166z"
+        fill={themeSvgIconColor} p-id="2501">
+      </path>
+    </svg>
+  )
+);
+
+LastUpdatedIcon.displayName = "LastUpdated";
+
+export default LastUpdatedIcon;

package/src/assets/log.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import { LucideProps } from 'lucide-react';
+import { themeSvgIconColor } from '@base-ui/lib/theme-util';
+
+const LogIcon = React.forwardRef<SVGSVGElement, LucideProps>(
+  ({ color = "currentColor", className, ...props }, ref) => (
+    <svg
+      ref={ref}
+      role="img"   
+      className={className} 
+      {...props}
+      viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+      <path d="M568.896 910.208h-512V113.792h739.52V512h-56.832V170.688H113.792v682.624H512z"
+        fill={themeSvgIconColor} p-id="12257">
+      </path>
+      <path
+        d="M711.104 512c108.096 0 199.104 91.008 199.104 199.104 0 108.096-91.008 199.104-199.04 199.104C602.944 910.208 512 819.2 512 711.168 512 602.944 603.008 512 711.104 512m0-56.896c-142.208 0-256 113.792-256 256s113.792 256 256 256 256-113.792 256-256-113.792-256-256-256zM227.584 56.96h56.832v170.688h-56.832V56.896z m341.312 0h56.896v170.688h-56.96V56.896zM170.688 341.312h512v56.96h-512v-56.96z m0 170.688H455.04v56.896H170.688V512z m0 170.688h227.52v56.896H170.688v-56.96z"
+        fill={themeSvgIconColor} p-id="12258">
+      </path>
+      <path d="M853.312 796.416h-170.624V568.96h56.896v170.688h113.728z" fill={themeSvgIconColor} p-id="12259">
+      </path>
+    </svg>
+  )
+);
+
+LogIcon.displayName = "Log";
+
+export default LogIcon;

package/src/assets/mac.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { LucideProps } from 'lucide-react';
+import { themeSvgIconColor } from '@base-ui/lib/theme-util';
+
+const MACIcon = React.forwardRef<SVGSVGElement, LucideProps>(
+  ({ color = "currentColor", className, ...props }, ref) => (
+    <svg
+      ref={ref}
+      role="img" 
+      className={className} 
+      {...props}
+      viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701" 
+        fill='none' stroke={themeSvgIconColor} strokeWidth="2"
+      />
+    </svg>
+  )
+);
+
+MACIcon.displayName = "MAC";
+
+export default MACIcon; 

package/src/assets/markdown.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { LucideProps } from 'lucide-react';
+import { themeSvgIconColor } from '@base-ui/lib/theme-util';
+
+const MarkdownIcon = React.forwardRef<SVGSVGElement, LucideProps>(
+  ({ color = "currentColor", className, ...props }, ref) => (
+    <svg
+      ref={ref}
+      role="img"
+      className={className}
+      {...props}
+      viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"
+    >
+     <path
+        d="M20.48 327.76192a163.84 163.84 0 0 1 163.84-163.84h655.36a163.84 163.84 0 0 1 163.84 163.84v327.68a163.84 163.84 0 0 1-163.84 163.84H184.32a163.84 163.84 0 0 1-163.84-163.84v-327.68z m163.84-81.92a81.92 81.92 0 0 0-81.92 81.92v327.68a81.92 81.92 0 0 0 81.92 81.92h655.36a81.92 81.92 0 0 0 81.92-81.92v-327.68a81.92 81.92 0 0 0-81.92-81.92H184.32z m68.97664 84.00896a40.96 40.96 0 0 1 45.71136 14.336L389.12 464.24064l90.112-120.13568a40.96 40.96 0 0 1 73.728 24.576v245.76a40.96 40.96 0 0 1-81.92 0v-122.88l-49.152 65.536a41.04192 41.04192 0 0 1-65.536 0l-49.152-65.536v122.88a40.96 40.96 0 1 1-81.92 0v-245.76a40.96 40.96 0 0 1 28.01664-38.87104zM757.76 368.76288a40.96 40.96 0 0 0-81.92 0v146.8416l-12.00128-12.00128a40.96 40.96 0 0 0-57.91744 57.91744l81.92 81.92a40.96 40.96 0 0 0 57.91744 0l81.92-81.92a40.96 40.96 0 0 0-57.91744-57.91744l-12.00128 12.00128V368.72192z"
+        fill={themeSvgIconColor} p-id="7370">
+      </path>
+    </svg>
+  )
+);
+
+MarkdownIcon.displayName = "Markdown";
+
+export default MarkdownIcon;