@duskmoon-dev/components 0.3.0 → 0.3.3

package/dist/components/input/index.js

@@ -344,9 +344,9 @@ var Input = Object.assign(InputRoot, {
   Group
 });
 export {
-  TextArea,
-  Search,
-  Password,
+  Group,
   Input,
-  Group
+  Password,
+  Search,
+  TextArea
 };

package/dist/components/markdown/Markdown.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { MarkdownProps } from "./Markdown.types";
+export declare const Markdown: React.ForwardRefExoticComponent<Omit<MarkdownProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/markdown/Markdown.types.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentProps } from "react";
+export type MarkdownFrontMatterMode = "render" | "hidden" | "disabled";
+export interface MarkdownProps extends Omit<ComponentProps<"div">, "children"> {
+    /** Markdown source to render. */
+    markdown?: string;
+    /** Convert soft line endings to `<br>` elements. @default true */
+    breaks?: boolean;
+    /** Add a visual swatch to inline code containing a valid CSS color. @default true */
+    colorChips?: boolean;
+    /** Control handling of YAML front matter at the beginning of the source. @default "render" */
+    frontMatter?: MarkdownFrontMatterMode;
+    /** Optional color variant used to build the `markdown-body-{variant}` class. */
+    variant?: string;
+}

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

@@ -0,0 +1,2 @@
+export * from "./Markdown";
+export type * from "./Markdown.types";

package/dist/components/markdown/index.js

@@ -0,0 +1,171 @@
+"use client";
+
+// src/components/markdown/Markdown.tsx
+import { forwardRef } from "react";
+import ReactMarkdown from "react-markdown";
+import remarkBreaks from "remark-breaks";
+import remarkGfm from "remark-gfm";
+
+// ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
+function r(e) {
+  var t, f, n = "";
+  if (typeof e == "string" || typeof e == "number")
+    n += e;
+  else if (typeof e == "object")
+    if (Array.isArray(e)) {
+      var o = e.length;
+      for (t = 0;t < o; t++)
+        e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+    } else
+      for (f in e)
+        e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length;f < o; f++)
+    (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+
+// src/utils/cn.ts
+function cn(...inputs) {
+  return clsx(inputs);
+}
+// src/classes/markdown.ts
+var markdownBaseClass = "markdown-body";
+var markdownFrontMatterClass = "dm-front-matter";
+var markdownColorCodeClass = "dm-color-code";
+var markdownColorChipClass = "dm-color-chip";
+var markdownColorChipSwatchClass = "dm-color-chip-swatch";
+function getMarkdownClasses({
+  variant,
+  className
+}) {
+  return cn(markdownBaseClass, variant && `${markdownBaseClass}-${variant}`, className);
+}
+
+// src/components/markdown/Markdown.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function splitFrontMatter(markdown) {
+  const source = markdown.startsWith("\uFEFF") ? markdown.slice(1) : markdown;
+  const lines = source.split(/\r?\n/);
+  if (lines.length < 2 || lines[0] !== "---")
+    return;
+  for (let index = 1;index < lines.length; index += 1) {
+    if (lines[index] === "---" || lines[index] === "...") {
+      return {
+        source: lines.slice(1, index).join(`
+`),
+        body: lines.slice(index + 1).join(`
+`)
+      };
+    }
+  }
+  return;
+}
+function numberInRange(value, minimum, maximum) {
+  if (!/^[+-]?(?:\d+(?:\.\d+)?|\.\d+)$/.test(value))
+    return false;
+  const number = Number(value);
+  return Number.isFinite(number) && number >= minimum && number <= maximum;
+}
+function percentage(value) {
+  return value.endsWith("%") && numberInRange(value.slice(0, -1), 0, 100);
+}
+function alpha(value) {
+  return percentage(value) || numberInRange(value, 0, 1);
+}
+function isCssColor(value) {
+  if (!value || Array.from(value).some((character) => character.charCodeAt(0) > 127) || value.trim() !== value) {
+    return false;
+  }
+  if (/^#[\da-f]{3,4}(?:[\da-f]{2}){0,2}$/i.test(value))
+    return true;
+  const match = /^(rgba?|hsla?)\((.*)\)$/i.exec(value);
+  if (!match || match[2].includes("(") || match[2].includes(")"))
+    return false;
+  const name = match[1].toLowerCase();
+  const parts = match[2].split(",").map((part) => part.trim());
+  const hasAlpha = name.endsWith("a");
+  if (parts.length !== (hasAlpha ? 4 : 3))
+    return false;
+  if (name.startsWith("rgb")) {
+    const channels = parts.slice(0, 3);
+    const allPercentages = channels.every(percentage);
+    const allNumbers = channels.every((part) => numberInRange(part, 0, 255));
+    return (allPercentages || allNumbers) && (!hasAlpha || alpha(parts[3]));
+  }
+  const hue = parts[0].replace(/deg$/i, "");
+  return numberInRange(hue, 0, 360) && percentage(parts[1]) && percentage(parts[2]) && (!hasAlpha || alpha(parts[3]));
+}
+function markdownSource(markdown, mode) {
+  if (mode === "disabled")
+    return { body: markdown, source: undefined };
+  const frontMatter = splitFrontMatter(markdown);
+  return frontMatter ?? { body: markdown, source: undefined };
+}
+var Markdown = forwardRef(function Markdown({
+  markdown = "",
+  breaks = true,
+  colorChips = true,
+  frontMatter = "render",
+  variant,
+  className,
+  ...props
+}, ref) {
+  const source = markdownSource(markdown, frontMatter);
+  const components = colorChips ? {
+    code({ children, className: codeClassName, node, ...codeProps }) {
+      const value = String(children).replace(/\n$/, "");
+      const isInline = node?.position?.start.line === node?.position?.end.line;
+      if (!isInline || !isCssColor(value)) {
+        return /* @__PURE__ */ jsx("code", {
+          className: codeClassName,
+          ...codeProps,
+          children
+        });
+      }
+      return /* @__PURE__ */ jsxs("code", {
+        className: markdownColorCodeClass,
+        ...codeProps,
+        children: [
+          children,
+          /* @__PURE__ */ jsx("span", {
+            className: markdownColorChipClass,
+            role: "img",
+            "aria-label": `Color ${value}`,
+            children: /* @__PURE__ */ jsx("span", {
+              className: markdownColorChipSwatchClass,
+              style: { backgroundColor: value },
+              "aria-hidden": "true"
+            })
+          })
+        ]
+      });
+    }
+  } : undefined;
+  return /* @__PURE__ */ jsxs("div", {
+    ref,
+    className: getMarkdownClasses({ variant, className }),
+    ...props,
+    children: [
+      frontMatter === "render" && source.source !== undefined ? /* @__PURE__ */ jsx("div", {
+        className: markdownFrontMatterClass,
+        children: /* @__PURE__ */ jsx("pre", {
+          children: /* @__PURE__ */ jsx("code", {
+            className: "language-yaml",
+            children: source.source
+          })
+        })
+      }) : null,
+      /* @__PURE__ */ jsx(ReactMarkdown, {
+        remarkPlugins: breaks ? [remarkGfm, remarkBreaks] : [remarkGfm],
+        components,
+        children: source.body
+      })
+    ]
+  });
+});
+export {
+  Markdown
+};

package/dist/components/message/index.js

@@ -154,13 +154,13 @@ function config(nextConfig) {
   emit();
 }
 function MessageHolder({ className }) {
-  const snapshot2 = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  const snapshot = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
   return /* @__PURE__ */ jsx("div", {
     className: getMessageHolderClasses({
-      placement: snapshot2.config.placement,
+      placement: snapshot.config.placement,
       className
     }),
-    children: snapshot2.messages.map((item) => /* @__PURE__ */ jsxs("div", {
+    children: snapshot.messages.map((item) => /* @__PURE__ */ jsxs("div", {
       className: getMessageClasses({
         type: item.type,
         className: item.className
@@ -200,6 +200,6 @@ var message = {
   useMessage: () => [message, /* @__PURE__ */ jsx(MessageHolder, {}, "message-holder")]
 };
 export {
-  message,
-  MessageHolder
+  MessageHolder,
+  message
 };

package/dist/components/notification/index.js

@@ -415,6 +415,6 @@ function useNotification(config = {}) {
 }
 var notification = globalApi;
 export {
-  useNotification,
-  notification
+  notification,
+  useNotification
 };

package/dist/components/popconfirm/index.js

@@ -1,5 +1,12 @@
 "use client";
 
+// src/components/popconfirm/Popconfirm.tsx
+import {
+  forwardRef,
+  useId,
+  useState
+} from "react";
+
 // ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
@@ -25,6 +32,41 @@ function clsx() {
 function cn(...inputs) {
   return clsx(inputs);
 }
+// src/classes/popconfirm.ts
+var popconfirmWrapperClass = "popover-wrapper popconfirm-wrapper";
+var popconfirmBaseClass = "popover popconfirm";
+var popconfirmOpenClass = "popover-show popconfirm-open";
+var popconfirmArrowClass = "popover-arrow popconfirm-arrow";
+var popconfirmNoArrowClass = "popover-no-arrow popconfirm-no-arrow";
+var popconfirmBodyClass = "popconfirm-body";
+var popconfirmIconClass = "popconfirm-icon";
+var popconfirmContentClass = "popconfirm-content";
+var popconfirmTitleClass = "popconfirm-title";
+var popconfirmDescriptionClass = "popconfirm-description";
+var popconfirmActionsClass = "popconfirm-actions";
+var popconfirmPlacementClasses = {
+  top: "popover-top popconfirm-top",
+  bottom: "popover-bottom popconfirm-bottom",
+  left: "popover-left popconfirm-left",
+  right: "popover-right popconfirm-right",
+  topLeft: "popover-top popconfirm-top-left",
+  topRight: "popover-top popconfirm-top-right",
+  bottomLeft: "popover-bottom popconfirm-bottom-left",
+  bottomRight: "popover-bottom popconfirm-bottom-right",
+  leftTop: "popover-left popconfirm-left-top",
+  leftBottom: "popover-left popconfirm-left-bottom",
+  rightTop: "popover-right popconfirm-right-top",
+  rightBottom: "popover-right popconfirm-right-bottom"
+};
+function getPopconfirmClasses({
+  placement = "top",
+  open,
+  arrow = true,
+  className
+}) {
+  return cn(popconfirmBaseClass, popconfirmPlacementClasses[placement], open && popconfirmOpenClass, !arrow && popconfirmNoArrowClass, className);
+}
+
 // src/classes/button.ts
 var buttonBaseClass = "btn";
 var buttonColorClasses = {
@@ -123,48 +165,6 @@ function Button({
     ]
   });
 }
-// src/components/popconfirm/Popconfirm.tsx
-import {
-  forwardRef,
-  useId,
-  useState
-} from "react";
-
-// src/classes/popconfirm.ts
-var popconfirmWrapperClass = "popover-wrapper popconfirm-wrapper";
-var popconfirmBaseClass = "popover popconfirm";
-var popconfirmOpenClass = "popover-show popconfirm-open";
-var popconfirmArrowClass = "popover-arrow popconfirm-arrow";
-var popconfirmNoArrowClass = "popover-no-arrow popconfirm-no-arrow";
-var popconfirmBodyClass = "popconfirm-body";
-var popconfirmIconClass = "popconfirm-icon";
-var popconfirmContentClass = "popconfirm-content";
-var popconfirmTitleClass = "popconfirm-title";
-var popconfirmDescriptionClass = "popconfirm-description";
-var popconfirmActionsClass = "popconfirm-actions";
-var popconfirmPlacementClasses = {
-  top: "popover-top popconfirm-top",
-  bottom: "popover-bottom popconfirm-bottom",
-  left: "popover-left popconfirm-left",
-  right: "popover-right popconfirm-right",
-  topLeft: "popover-top popconfirm-top-left",
-  topRight: "popover-top popconfirm-top-right",
-  bottomLeft: "popover-bottom popconfirm-bottom-left",
-  bottomRight: "popover-bottom popconfirm-bottom-right",
-  leftTop: "popover-left popconfirm-left-top",
-  leftBottom: "popover-left popconfirm-left-bottom",
-  rightTop: "popover-right popconfirm-right-top",
-  rightBottom: "popover-right popconfirm-right-bottom"
-};
-function getPopconfirmClasses({
-  placement = "top",
-  open,
-  arrow = true,
-  className
-}) {
-  return cn(popconfirmBaseClass, popconfirmPlacementClasses[placement], open && popconfirmOpenClass, !arrow && popconfirmNoArrowClass, className);
-}
-
 // src/components/popconfirm/Popconfirm.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function normalizeTriggers(trigger) {

package/dist/components/skeleton/index.js

@@ -229,10 +229,10 @@ var Skeleton = Object.assign(SkeletonRoot, {
   Node: SkeletonNode
 });
 export {
-  SkeletonNode,
-  SkeletonInput,
-  SkeletonImage,
-  SkeletonButton,
+  Skeleton,
   SkeletonAvatar,
-  Skeleton
+  SkeletonButton,
+  SkeletonImage,
+  SkeletonInput,
+  SkeletonNode
 };

package/dist/components/spin/index.js

@@ -65,8 +65,8 @@ function useDelayedSpinning(spinning, delay) {
       return;
     }
     if (!spinning) {
-      const resetTimer2 = window.setTimeout(() => setDelayedActive(false), 0);
-      return () => window.clearTimeout(resetTimer2);
+      const resetTimer = window.setTimeout(() => setDelayedActive(false), 0);
+      return () => window.clearTimeout(resetTimer);
     }
     const resetTimer = window.setTimeout(() => setDelayedActive(false), 0);
     const showTimer = window.setTimeout(() => setDelayedActive(true), delay);

package/dist/components/steps/index.js

@@ -306,6 +306,6 @@ var Steps = Object.assign(StepsRoot, {
   Step
 });
 export {
-  Steps,
-  Step
+  Step,
+  Steps
 };

package/dist/components/table/index.js

@@ -112,8 +112,8 @@ function getRecordKey(record, index, rowKey) {
     return rowKey(record, index);
   }
   if (rowKey) {
-    const key2 = record[rowKey];
-    return typeof key2 === "string" || typeof key2 === "number" ? key2 : index;
+    const key = record[rowKey];
+    return typeof key === "string" || typeof key === "number" ? key : index;
   }
   const key = record.key;
   return typeof key === "string" || typeof key === "number" ? key : index;

package/dist/components/tabs/index.js

@@ -354,6 +354,6 @@ var Tabs = Object.assign(TabsBase, {
   TabPane
 });
 export {
-  Tabs,
-  TabPane
+  TabPane,
+  Tabs
 };

package/dist/components/tag/index.js

@@ -149,6 +149,6 @@ var Tag = Object.assign(TagRoot, {
   CheckableTag
 });
 export {
-  Tag,
-  CheckableTag
+  CheckableTag,
+  Tag
 };

package/dist/components/tour/index.js

@@ -1,5 +1,13 @@
 "use client";
 
+// src/components/tour/Tour.tsx
+import {
+  forwardRef,
+  useEffect,
+  useId,
+  useState
+} from "react";
+
 // ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
@@ -25,6 +33,60 @@ function clsx() {
 function cn(...inputs) {
   return clsx(inputs);
 }
+// src/classes/tour.ts
+var tourRootClass = "tour-root";
+var tourOpenClass = "tour-open";
+var tourMaskClass = "tour-mask";
+var tourMaskHiddenClass = "tour-mask-hidden";
+var tourTargetClass = "tour-target";
+var tourPanelClass = "tour-panel popover";
+var tourArrowClass = "tour-arrow popover-arrow";
+var tourHeaderClass = "tour-header";
+var tourTitleClass = "tour-title";
+var tourCloseClass = "tour-close";
+var tourBodyClass = "tour-body";
+var tourCoverClass = "tour-cover";
+var tourFooterClass = "tour-footer";
+var tourIndicatorsClass = "tour-indicators";
+var tourIndicatorClass = "tour-indicator";
+var tourIndicatorActiveClass = "tour-indicator-active";
+var tourActionsClass = "tour-actions";
+var tourPlacementClasses = {
+  top: "popover-top tour-top",
+  bottom: "popover-bottom tour-bottom",
+  left: "popover-left tour-left",
+  right: "popover-right tour-right",
+  topLeft: "popover-top tour-top-left",
+  topRight: "popover-top tour-top-right",
+  bottomLeft: "popover-bottom tour-bottom-left",
+  bottomRight: "popover-bottom tour-bottom-right",
+  leftTop: "popover-left tour-left-top",
+  leftBottom: "popover-left tour-left-bottom",
+  rightTop: "popover-right tour-right-top",
+  rightBottom: "popover-right tour-right-bottom"
+};
+function getTourRootClasses({
+  open,
+  className
+}) {
+  return cn(tourRootClass, open && tourOpenClass, className);
+}
+function getTourMaskClasses({
+  visible,
+  className
+}) {
+  return cn(tourMaskClass, !visible && tourMaskHiddenClass, className);
+}
+function getTourPanelClasses({
+  placement = "bottom",
+  className
+}) {
+  return cn(tourPanelClass, "popover-show", tourPlacementClasses[placement], className);
+}
+function getTourIndicatorClasses({ active }) {
+  return cn(tourIndicatorClass, active && tourIndicatorActiveClass);
+}
+
 // src/classes/button.ts
 var buttonBaseClass = "btn";
 var buttonColorClasses = {
@@ -123,68 +185,6 @@ function Button({
     ]
   });
 }
-// src/components/tour/Tour.tsx
-import {
-  forwardRef,
-  useEffect,
-  useId,
-  useState
-} from "react";
-
-// src/classes/tour.ts
-var tourRootClass = "tour-root";
-var tourOpenClass = "tour-open";
-var tourMaskClass = "tour-mask";
-var tourMaskHiddenClass = "tour-mask-hidden";
-var tourTargetClass = "tour-target";
-var tourPanelClass = "tour-panel popover";
-var tourArrowClass = "tour-arrow popover-arrow";
-var tourHeaderClass = "tour-header";
-var tourTitleClass = "tour-title";
-var tourCloseClass = "tour-close";
-var tourBodyClass = "tour-body";
-var tourCoverClass = "tour-cover";
-var tourFooterClass = "tour-footer";
-var tourIndicatorsClass = "tour-indicators";
-var tourIndicatorClass = "tour-indicator";
-var tourIndicatorActiveClass = "tour-indicator-active";
-var tourActionsClass = "tour-actions";
-var tourPlacementClasses = {
-  top: "popover-top tour-top",
-  bottom: "popover-bottom tour-bottom",
-  left: "popover-left tour-left",
-  right: "popover-right tour-right",
-  topLeft: "popover-top tour-top-left",
-  topRight: "popover-top tour-top-right",
-  bottomLeft: "popover-bottom tour-bottom-left",
-  bottomRight: "popover-bottom tour-bottom-right",
-  leftTop: "popover-left tour-left-top",
-  leftBottom: "popover-left tour-left-bottom",
-  rightTop: "popover-right tour-right-top",
-  rightBottom: "popover-right tour-right-bottom"
-};
-function getTourRootClasses({
-  open,
-  className
-}) {
-  return cn(tourRootClass, open && tourOpenClass, className);
-}
-function getTourMaskClasses({
-  visible,
-  className
-}) {
-  return cn(tourMaskClass, !visible && tourMaskHiddenClass, className);
-}
-function getTourPanelClasses({
-  placement = "bottom",
-  className
-}) {
-  return cn(tourPanelClass, "popover-show", tourPlacementClasses[placement], className);
-}
-function getTourIndicatorClasses({ active }) {
-  return cn(tourIndicatorClass, active && tourIndicatorActiveClass);
-}
-
 // src/components/tour/Tour.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var defaultCloseIcon = "x";

package/dist/components/typography/index.js

@@ -675,9 +675,9 @@ var Typography = Object.assign(TypographyRoot, {
   Link
 });
 export {
-  Typography,
-  Title,
-  Text,
+  Link,
   Paragraph,
-  Link
+  Text,
+  Title,
+  Typography
 };

package/dist/components/upload/index.js

@@ -185,12 +185,12 @@ function UploadRoot({
         }
         const uploadFile = fileToUploadFile(sourceFile);
         if (result === false) {
-          const nextFile3 = {
+          const nextFile = {
             ...uploadFile,
             status: undefined,
             percent: undefined
           };
-          commitFileList([...currentFileListRef.current, nextFile3], nextFile3);
+          commitFileList([...currentFileListRef.current, nextFile], nextFile);
           continue;
         }
         if (result instanceof File) {
@@ -200,9 +200,9 @@ function UploadRoot({
             type: result.type || sourceFile.type
           });
         }
-        const nextFile2 = fileToUploadFile(uploadSource);
-        commitFileList([...currentFileListRef.current, nextFile2], nextFile2);
-        startRequest(nextFile2, uploadSource);
+        const nextFile = fileToUploadFile(uploadSource);
+        commitFileList([...currentFileListRef.current, nextFile], nextFile);
+        startRequest(nextFile, uploadSource);
         continue;
       }
       const nextFile = fileToUploadFile(uploadSource);

package/dist/generated/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.3.0";
+export declare const version = "0.3.3";

package/dist/index.d.ts

@@ -8,6 +8,7 @@ export type { Breakpoint } from "./components/grid";
 export * from "./components/button";
 export * from "./components/calendar";
 export * from "./components/card";
+export * from "./components/chat";
 export * from "./components/carousel";
 export * from "./components/cascader";
 export * from "./components/badge";
@@ -95,5 +96,6 @@ export * from "./components/transfer";
 export * from "./components/tree";
 export * from "./components/tree-select";
 export * from "./components/typography";
+export * from "./components/markdown";
 export * from "./components/upload";
 export * from "./components/watermark";