@lobehub/ui 3.4.2 → 3.4.3

package/es/node_modules/unist-util-visit/node_modules/unist-util-visit-parents/lib/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../../node_modules/unist-util-visit/node_modules/unist-util-visit-parents/lib/index.js"],"sourcesContent":["/**\n * @import {Node as UnistNode, Parent as UnistParent} from 'unist'\n */\n\n/**\n * @typedef {Exclude<import('unist-util-is').Test, undefined> | undefined} Test\n *   Test from `unist-util-is`.\n *\n *   Note: we have remove and add `undefined`, because otherwise when generating\n *   automatic `.d.ts` files, TS tries to flatten paths from a local perspective,\n *   which doesn’t work when publishing on npm.\n */\n\n/**\n * @typedef {(\n *   Fn extends (value: any) => value is infer Thing\n *   ? Thing\n *   : Fallback\n * )} Predicate\n *   Get the value of a type guard `Fn`.\n * @template Fn\n *   Value; typically function that is a type guard (such as `(x): x is Y`).\n * @template Fallback\n *   Value to yield if `Fn` is not a type guard.\n */\n\n/**\n * @typedef {(\n *   Check extends null | undefined // No test.\n *   ? Value\n *   : Value extends {type: Check} // String (type) test.\n *   ? Value\n *   : Value extends Check // Partial test.\n *   ? Value\n *   : Check extends Function // Function test.\n *   ? Predicate<Check, Value> extends Value\n *     ? Predicate<Check, Value>\n *     : never\n *   : never // Some other test?\n * )} MatchesOne\n *   Check whether a node matches a primitive check in the type system.\n * @template Value\n *   Value; typically unist `Node`.\n * @template Check\n *   Value; typically `unist-util-is`-compatible test, but not arrays.\n */\n\n/**\n * @typedef {(\n *   Check extends ReadonlyArray<infer T>\n *   ? MatchesOne<Value, T>\n *   : Check extends Array<infer T>\n *   ? MatchesOne<Value, T>\n *   : MatchesOne<Value, Check>\n * )} Matches\n *   Check whether a node matches a check in the type system.\n * @template Value\n *   Value; typically unist `Node`.\n * @template Check\n *   Value; typically `unist-util-is`-compatible test.\n */\n\n/**\n * @typedef {0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10} Uint\n *   Number; capped reasonably.\n */\n\n/**\n * @typedef {I extends 0 ? 1 : I extends 1 ? 2 : I extends 2 ? 3 : I extends 3 ? 4 : I extends 4 ? 5 : I extends 5 ? 6 : I extends 6 ? 7 : I extends 7 ? 8 : I extends 8 ? 9 : 10} Increment\n *   Increment a number in the type system.\n * @template {Uint} [I=0]\n *   Index.\n */\n\n/**\n * @typedef {(\n *   Node extends UnistParent\n *   ? Node extends {children: Array<infer Children>}\n *     ? Child extends Children ? Node : never\n *     : never\n *   : never\n * )} InternalParent\n *   Collect nodes that can be parents of `Child`.\n * @template {UnistNode} Node\n *   All node types in a tree.\n * @template {UnistNode} Child\n *   Node to search for.\n */\n\n/**\n * @typedef {InternalParent<InclusiveDescendant<Tree>, Child>} Parent\n *   Collect nodes in `Tree` that can be parents of `Child`.\n * @template {UnistNode} Tree\n *   All node types in a tree.\n * @template {UnistNode} Child\n *   Node to search for.\n */\n\n/**\n * @typedef {(\n *   Depth extends Max\n *   ? never\n *   :\n *     | InternalParent<Node, Child>\n *     | InternalAncestor<Node, InternalParent<Node, Child>, Max, Increment<Depth>>\n * )} InternalAncestor\n *   Collect nodes in `Tree` that can be ancestors of `Child`.\n * @template {UnistNode} Node\n *   All node types in a tree.\n * @template {UnistNode} Child\n *   Node to search for.\n * @template {Uint} [Max=10]\n *   Max; searches up to this depth.\n * @template {Uint} [Depth=0]\n *   Current depth.\n */\n\n/**\n * @typedef {InternalAncestor<InclusiveDescendant<Tree>, Child>} Ancestor\n *   Collect nodes in `Tree` that can be ancestors of `Child`.\n * @template {UnistNode} Tree\n *   All node types in a tree.\n * @template {UnistNode} Child\n *   Node to search for.\n */\n\n/**\n * @typedef {(\n *   Tree extends UnistParent\n *     ? Depth extends Max\n *       ? Tree\n *       : Tree | InclusiveDescendant<Tree['children'][number], Max, Increment<Depth>>\n *     : Tree\n * )} InclusiveDescendant\n *   Collect all (inclusive) descendants of `Tree`.\n *\n *   > 👉 **Note**: for performance reasons, this seems to be the fastest way to\n *   > recurse without actually running into an infinite loop, which the\n *   > previous version did.\n *   >\n *   > Practically, a max of `2` is typically enough assuming a `Root` is\n *   > passed, but it doesn’t improve performance.\n *   > It gets higher with `List > ListItem > Table > TableRow > TableCell`.\n *   > Using up to `10` doesn’t hurt or help either.\n * @template {UnistNode} Tree\n *   Tree type.\n * @template {Uint} [Max=10]\n *   Max; searches up to this depth.\n * @template {Uint} [Depth=0]\n *   Current depth.\n */\n\n/**\n * @typedef {'skip' | boolean} Action\n *   Union of the action types.\n *\n * @typedef {number} Index\n *   Move to the sibling at `index` next (after node itself is completely\n *   traversed).\n *\n *   Useful if mutating the tree, such as removing the node the visitor is\n *   currently on, or any of its previous siblings.\n *   Results less than 0 or greater than or equal to `children.length` stop\n *   traversing the parent.\n *\n * @typedef {[(Action | null | undefined | void)?, (Index | null | undefined)?]} ActionTuple\n *   List with one or two values, the first an action, the second an index.\n *\n * @typedef {Action | ActionTuple | Index | null | undefined | void} VisitorResult\n *   Any value that can be returned from a visitor.\n */\n\n/**\n * @callback Visitor\n *   Handle a node (matching `test`, if given).\n *\n *   Visitors are free to transform `node`.\n *   They can also transform the parent of node (the last of `ancestors`).\n *\n *   Replacing `node` itself, if `SKIP` is not returned, still causes its\n *   descendants to be walked (which is a bug).\n *\n *   When adding or removing previous siblings of `node` (or next siblings, in\n *   case of reverse), the `Visitor` should return a new `Index` to specify the\n *   sibling to traverse after `node` is traversed.\n *   Adding or removing next siblings of `node` (or previous siblings, in case\n *   of reverse) is handled as expected without needing to return a new `Index`.\n *\n *   Removing the children property of an ancestor still results in them being\n *   traversed.\n * @param {Visited} node\n *   Found node.\n * @param {Array<VisitedParents>} ancestors\n *   Ancestors of `node`.\n * @returns {VisitorResult}\n *   What to do next.\n *\n *   An `Index` is treated as a tuple of `[CONTINUE, Index]`.\n *   An `Action` is treated as a tuple of `[Action]`.\n *\n *   Passing a tuple back only makes sense if the `Action` is `SKIP`.\n *   When the `Action` is `EXIT`, that action can be returned.\n *   When the `Action` is `CONTINUE`, `Index` can be returned.\n * @template {UnistNode} [Visited=UnistNode]\n *   Visited node type.\n * @template {UnistParent} [VisitedParents=UnistParent]\n *   Ancestor type.\n */\n\n/**\n * @typedef {Visitor<Matches<InclusiveDescendant<Tree>, Check>, Ancestor<Tree, Matches<InclusiveDescendant<Tree>, Check>>>} BuildVisitor\n *   Build a typed `Visitor` function from a tree and a test.\n *\n *   It will infer which values are passed as `node` and which as `parents`.\n * @template {UnistNode} [Tree=UnistNode]\n *   Tree type.\n * @template {Test} [Check=Test]\n *   Test type.\n */\n\nimport {convert} from 'unist-util-is'\nimport {color} from 'unist-util-visit-parents/do-not-use-color'\n\n/** @type {Readonly<ActionTuple>} */\nconst empty = []\n\n/**\n * Continue traversing as normal.\n */\nexport const CONTINUE = true\n\n/**\n * Stop traversing immediately.\n */\nexport const EXIT = false\n\n/**\n * Do not traverse this node’s children.\n */\nexport const SKIP = 'skip'\n\n/**\n * Visit nodes, with ancestral information.\n *\n * This algorithm performs *depth-first* *tree traversal* in *preorder*\n * (**NLR**) or if `reverse` is given, in *reverse preorder* (**NRL**).\n *\n * You can choose for which nodes `visitor` is called by passing a `test`.\n * For complex tests, you should test yourself in `visitor`, as it will be\n * faster and will have improved type information.\n *\n * Walking the tree is an intensive task.\n * Make use of the return values of the visitor when possible.\n * Instead of walking a tree multiple times, walk it once, use `unist-util-is`\n * to check if a node matches, and then perform different operations.\n *\n * You can change the tree.\n * See `Visitor` for more info.\n *\n * @overload\n * @param {Tree} tree\n * @param {Check} check\n * @param {BuildVisitor<Tree, Check>} visitor\n * @param {boolean | null | undefined} [reverse]\n * @returns {undefined}\n *\n * @overload\n * @param {Tree} tree\n * @param {BuildVisitor<Tree>} visitor\n * @param {boolean | null | undefined} [reverse]\n * @returns {undefined}\n *\n * @param {UnistNode} tree\n *   Tree to traverse.\n * @param {Visitor | Test} test\n *   `unist-util-is`-compatible test\n * @param {Visitor | boolean | null | undefined} [visitor]\n *   Handle each node.\n * @param {boolean | null | undefined} [reverse]\n *   Traverse in reverse preorder (NRL) instead of the default preorder (NLR).\n * @returns {undefined}\n *   Nothing.\n *\n * @template {UnistNode} Tree\n *   Node type.\n * @template {Test} Check\n *   `unist-util-is`-compatible test.\n */\nexport function visitParents(tree, test, visitor, reverse) {\n  /** @type {Test} */\n  let check\n\n  if (typeof test === 'function' && typeof visitor !== 'function') {\n    reverse = visitor\n    // @ts-expect-error no visitor given, so `visitor` is test.\n    visitor = test\n  } else {\n    // @ts-expect-error visitor given, so `test` isn’t a visitor.\n    check = test\n  }\n\n  const is = convert(check)\n  const step = reverse ? -1 : 1\n\n  factory(tree, undefined, [])()\n\n  /**\n   * @param {UnistNode} node\n   * @param {number | undefined} index\n   * @param {Array<UnistParent>} parents\n   */\n  function factory(node, index, parents) {\n    const value = /** @type {Record<string, unknown>} */ (\n      node && typeof node === 'object' ? node : {}\n    )\n\n    if (typeof value.type === 'string') {\n      const name =\n        // `hast`\n        typeof value.tagName === 'string'\n          ? value.tagName\n          : // `xast`\n            typeof value.name === 'string'\n            ? value.name\n            : undefined\n\n      Object.defineProperty(visit, 'name', {\n        value:\n          'node (' + color(node.type + (name ? '<' + name + '>' : '')) + ')'\n      })\n    }\n\n    return visit\n\n    function visit() {\n      /** @type {Readonly<ActionTuple>} */\n      let result = empty\n      /** @type {Readonly<ActionTuple>} */\n      let subresult\n      /** @type {number} */\n      let offset\n      /** @type {Array<UnistParent>} */\n      let grandparents\n\n      if (!test || is(node, index, parents[parents.length - 1] || undefined)) {\n        // @ts-expect-error: `visitor` is now a visitor.\n        result = toResult(visitor(node, parents))\n\n        if (result[0] === EXIT) {\n          return result\n        }\n      }\n\n      if ('children' in node && node.children) {\n        const nodeAsParent = /** @type {UnistParent} */ (node)\n\n        if (nodeAsParent.children && result[0] !== SKIP) {\n          offset = (reverse ? nodeAsParent.children.length : -1) + step\n          grandparents = parents.concat(nodeAsParent)\n\n          while (offset > -1 && offset < nodeAsParent.children.length) {\n            const child = nodeAsParent.children[offset]\n\n            subresult = factory(child, offset, grandparents)()\n\n            if (subresult[0] === EXIT) {\n              return subresult\n            }\n\n            offset =\n              typeof subresult[1] === 'number' ? subresult[1] : offset + step\n          }\n        }\n      }\n\n      return result\n    }\n  }\n}\n\n/**\n * Turn a return value into a clean result.\n *\n * @param {VisitorResult} value\n *   Valid return values from visitors.\n * @returns {Readonly<ActionTuple>}\n *   Clean result.\n */\nfunction toResult(value) {\n  if (Array.isArray(value)) {\n    return value\n  }\n\n  if (typeof value === 'number') {\n    return [CONTINUE, value]\n  }\n\n  return value === null || value === undefined ? empty : [value]\n}\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgOA,MAAM,QAAQ,EAAE;;;;AAKhB,MAAa,WAAW;;;;AAKxB,MAAa,OAAO;;;;AAKpB,MAAa,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDpB,SAAgB,aAAa,MAAM,MAAM,SAAS,SAAS;;CAEzD,IAAI;AAEJ,KAAI,OAAO,SAAS,cAAc,OAAO,YAAY,YAAY;AAC/D,YAAU;AAEV,YAAU;OAGV,SAAQ;CAGV,MAAM,KAAK,QAAQ,MAAM;CACzB,MAAM,OAAO,UAAU,KAAK;AAE5B,SAAQ,MAAM,QAAW,EAAE,CAAC,EAAE;;;;;;CAO9B,SAAS,QAAQ,MAAM,OAAO,SAAS;EACrC,MAAM,QACJ,QAAQ,OAAO,SAAS,WAAW,OAAO,EAAE;AAG9C,MAAI,OAAO,MAAM,SAAS,UAAU;GAClC,MAAM,OAEJ,OAAO,MAAM,YAAY,WACrB,MAAM,UAEN,OAAO,MAAM,SAAS,WACpB,MAAM,OACN;AAER,UAAO,eAAe,OAAO,QAAQ,EACnC,OACE,WAAW,MAAM,KAAK,QAAQ,OAAO,MAAM,OAAO,MAAM,IAAI,GAAG,KAClE,CAAC;;AAGJ,SAAO;EAEP,SAAS,QAAQ;;GAEf,IAAI,SAAS;;GAEb,IAAI;;GAEJ,IAAI;;GAEJ,IAAI;AAEJ,OAAI,CAAC,QAAQ,GAAG,MAAM,OAAO,QAAQ,QAAQ,SAAS,MAAM,OAAU,EAAE;AAEtE,aAAS,SAAS,QAAQ,MAAM,QAAQ,CAAC;AAEzC,QAAI,OAAO,OAAO,KAChB,QAAO;;AAIX,OAAI,cAAc,QAAQ,KAAK,UAAU;IACvC,MAAM,eAA2C;AAEjD,QAAI,aAAa,YAAY,OAAO,OAAO,MAAM;AAC/C,eAAU,UAAU,aAAa,SAAS,SAAS,MAAM;AACzD,oBAAe,QAAQ,OAAO,aAAa;AAE3C,YAAO,SAAS,MAAM,SAAS,aAAa,SAAS,QAAQ;MAC3D,MAAM,QAAQ,aAAa,SAAS;AAEpC,kBAAY,QAAQ,OAAO,QAAQ,aAAa,EAAE;AAElD,UAAI,UAAU,OAAO,KACnB,QAAO;AAGT,eACE,OAAO,UAAU,OAAO,WAAW,UAAU,KAAK,SAAS;;;;AAKnE,UAAO;;;;;;;;;;;;AAab,SAAS,SAAS,OAAO;AACvB,KAAI,MAAM,QAAQ,MAAM,CACtB,QAAO;AAGT,KAAI,OAAO,UAAU,SACnB,QAAO,CAAC,UAAU,MAAM;AAG1B,QAAO,UAAU,QAAQ,UAAU,SAAY,QAAQ,CAAC,MAAM"}

package/es/storybook/StoryBook/index.d.mts

@@ -0,0 +1,16 @@
+import { FlexboxProps } from "../../Flex/type.mjs";
+import "../../Flex/index.mjs";
+import * as react25 from "react";
+import { Ref } from "react";
+import { useControls, useCreateStore } from "leva";
+
+//#region src/storybook/StoryBook/index.d.ts
+interface StoryBookProps extends FlexboxProps {
+  levaStore: any;
+  noPadding?: boolean;
+  ref?: Ref<HTMLDivElement>;
+}
+declare const StoryBook: react25.NamedExoticComponent<StoryBookProps>;
+//#endregion
+export { StoryBook, StoryBookProps, useControls, useCreateStore };
+//# sourceMappingURL=index.d.mts.map

package/es/storybook/StoryBook/index.mjs

@@ -0,0 +1,48 @@
+'use client';
+
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import Center_default from "../../Flex/Center.mjs";
+import DraggablePanel_default from "../../DraggablePanel/index.mjs";
+import { useStyles } from "./style.mjs";
+import { memo } from "react";
+import { useResponsive } from "antd-style";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { LevaPanel, useControls, useCreateStore } from "leva";
+
+//#region src/storybook/StoryBook/index.tsx
+const StoryBook = memo(({ ref, levaStore, noPadding, className, children, ...rest }) => {
+	const { mobile } = useResponsive();
+	const { styles, cx: cx$1 } = useStyles(Boolean(noPadding));
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		align: "stretch",
+		className: cx$1(styles.editor, className),
+		horizontal: !mobile,
+		justify: "stretch",
+		ref,
+		children: [/* @__PURE__ */ jsx(Center_default, {
+			className: styles.left,
+			flex: 1,
+			...rest,
+			children
+		}), /* @__PURE__ */ jsx(DraggablePanel_default, {
+			className: styles.right,
+			minWidth: 280,
+			placement: mobile ? "bottom" : "right",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: styles.leva,
+				children: [/* @__PURE__ */ jsx(LevaPanel, {
+					fill: true,
+					flat: true,
+					store: levaStore,
+					titleBar: false
+				}), " "]
+			})
+		})]
+	});
+});
+StoryBook.displayName = "StoryBook";
+var StoryBook_default = StoryBook;
+
+//#endregion
+export { StoryBook_default as default, useControls, useCreateStore };
+//# sourceMappingURL=index.mjs.map

package/es/storybook/StoryBook/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Flexbox","cx","Center","DraggablePanel"],"sources":["../../../src/storybook/StoryBook/index.tsx"],"sourcesContent":["'use client';\n\nimport { useResponsive } from 'antd-style';\nimport { LevaPanel } from 'leva';\nimport { Ref, memo } from 'react';\n\nimport DraggablePanel from '@/DraggablePanel';\nimport { Center, Flexbox, FlexboxProps } from '@/Flex';\n\nimport { useStyles } from './style';\n\nexport interface StoryBookProps extends FlexboxProps {\n  levaStore: any;\n  noPadding?: boolean;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const StoryBook = memo<StoryBookProps>(\n  ({ ref, levaStore, noPadding, className, children, ...rest }) => {\n    const { mobile } = useResponsive();\n    const { styles, cx } = useStyles(Boolean(noPadding));\n\n    return (\n      <Flexbox\n        align={'stretch'}\n        className={cx(styles.editor, className)}\n        horizontal={!mobile}\n        justify={'stretch'}\n        ref={ref}\n      >\n        <Center className={styles.left} flex={1} {...rest}>\n          {children}\n        </Center>\n        <DraggablePanel\n          className={styles.right}\n          minWidth={280}\n          placement={mobile ? 'bottom' : 'right'}\n        >\n          <div className={styles.leva}>\n            <LevaPanel fill flat store={levaStore} titleBar={false} />{' '}\n          </div>\n        </DraggablePanel>\n      </Flexbox>\n    );\n  },\n);\n\nStoryBook.displayName = 'StoryBook';\n\nexport default StoryBook;\n\nexport { useControls, useCreateStore } from 'leva';\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAa,YAAY,MACtB,EAAE,KAAK,WAAW,WAAW,WAAW,UAAU,GAAG,WAAW;CAC/D,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,QAAQ,aAAO,UAAU,QAAQ,UAAU,CAAC;AAEpD,QACE,qBAACA;EACC,OAAO;EACP,WAAWC,KAAG,OAAO,QAAQ,UAAU;EACvC,YAAY,CAAC;EACb,SAAS;EACJ;aAEL,oBAACC;GAAO,WAAW,OAAO;GAAM,MAAM;GAAG,GAAI;GAC1C;IACM,EACT,oBAACC;GACC,WAAW,OAAO;GAClB,UAAU;GACV,WAAW,SAAS,WAAW;aAE/B,qBAAC;IAAI,WAAW,OAAO;eACrB,oBAAC;KAAU;KAAK;KAAK,OAAO;KAAW,UAAU;MAAS,EAAC;KACvD;IACS;GACT;EAGf;AAED,UAAU,cAAc;AAExB,wBAAe"}

package/es/storybook/StoryBook/style.mjs

@@ -0,0 +1,70 @@
+import { createStyles } from "antd-style";
+
+//#region src/storybook/StoryBook/style.ts
+const useStyles = createStyles(({ cx: cx$1, css: css$1, token, responsive }, noPadding) => {
+	return {
+		editor: css$1`
+      width: inherit;
+      min-height: inherit;
+    `,
+		left: cx$1(css$1`
+        position: relative;
+        overflow: auto;
+      `, !noPadding && css$1`
+          padding-block: 40px;
+          padding-inline: 24px;
+        `),
+		leva: css$1`
+      --leva-sizes-controlWidth: 66%;
+      --leva-colors-elevation1: ${token.colorFillSecondary};
+      --leva-colors-elevation2: transparent;
+      --leva-colors-elevation3: ${token.colorFillSecondary};
+      --leva-colors-accent1: ${token.colorPrimary};
+      --leva-colors-accent2: ${token.colorPrimaryHover};
+      --leva-colors-accent3: ${token.colorPrimaryActive};
+      --leva-colors-highlight1: ${token.colorTextTertiary};
+      --leva-colors-highlight2: ${token.colorTextSecondary};
+      --leva-colors-highlight3: ${token.colorText};
+      --leva-colors-vivid1: ${token.colorWarning};
+      --leva-shadows-level1: unset;
+      --leva-shadows-level2: unset;
+      --leva-fonts-mono: ${token.fontFamilyCode};
+
+      overflow: auto;
+
+      width: 100%;
+      height: 100%;
+      padding-block: 6px;
+      padding-inline: 0;
+
+      > div {
+        background: transparent;
+
+        > div {
+          background: transparent;
+        }
+      }
+
+      input:checked + label > svg {
+        stroke: ${token.colorBgLayout};
+      }
+
+      button {
+        --leva-colors-accent2: ${token.colorFillSecondary};
+      }
+    `,
+		right: css$1`
+      background: ${token.colorBgLayout};
+
+      ${responsive.mobile} {
+        .draggable-panel-fixed {
+          width: 100% !important;
+        }
+      }
+    `
+	};
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/storybook/StoryBook/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["cx"],"sources":["../../../src/storybook/StoryBook/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ cx, css, token, responsive }, noPadding: boolean) => {\n  return {\n    editor: css`\n      width: inherit;\n      min-height: inherit;\n    `,\n    left: cx(\n      css`\n        position: relative;\n        overflow: auto;\n      `,\n      !noPadding &&\n        css`\n          padding-block: 40px;\n          padding-inline: 24px;\n        `,\n    ),\n    leva: css`\n      --leva-sizes-controlWidth: 66%;\n      --leva-colors-elevation1: ${token.colorFillSecondary};\n      --leva-colors-elevation2: transparent;\n      --leva-colors-elevation3: ${token.colorFillSecondary};\n      --leva-colors-accent1: ${token.colorPrimary};\n      --leva-colors-accent2: ${token.colorPrimaryHover};\n      --leva-colors-accent3: ${token.colorPrimaryActive};\n      --leva-colors-highlight1: ${token.colorTextTertiary};\n      --leva-colors-highlight2: ${token.colorTextSecondary};\n      --leva-colors-highlight3: ${token.colorText};\n      --leva-colors-vivid1: ${token.colorWarning};\n      --leva-shadows-level1: unset;\n      --leva-shadows-level2: unset;\n      --leva-fonts-mono: ${token.fontFamilyCode};\n\n      overflow: auto;\n\n      width: 100%;\n      height: 100%;\n      padding-block: 6px;\n      padding-inline: 0;\n\n      > div {\n        background: transparent;\n\n        > div {\n          background: transparent;\n        }\n      }\n\n      input:checked + label > svg {\n        stroke: ${token.colorBgLayout};\n      }\n\n      button {\n        --leva-colors-accent2: ${token.colorFillSecondary};\n      }\n    `,\n    right: css`\n      background: ${token.colorBgLayout};\n\n      ${responsive.mobile} {\n        .draggable-panel-fixed {\n          width: 100% !important;\n        }\n      }\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,UAAI,YAAK,OAAO,cAAc,cAAuB;AAC5F,QAAO;EACL,QAAQ,KAAG;;;;EAIX,MAAMA,KACJ,KAAG;;;SAIH,CAAC,aACC,KAAG;;;UAIN;EACD,MAAM,KAAG;;kCAEqB,MAAM,mBAAmB;;kCAEzB,MAAM,mBAAmB;+BAC5B,MAAM,aAAa;+BACnB,MAAM,kBAAkB;+BACxB,MAAM,mBAAmB;kCACtB,MAAM,kBAAkB;kCACxB,MAAM,mBAAmB;kCACzB,MAAM,UAAU;8BACpB,MAAM,aAAa;;;2BAGtB,MAAM,eAAe;;;;;;;;;;;;;;;;;;kBAkB9B,MAAM,cAAc;;;;iCAIL,MAAM,mBAAmB;;;EAGtD,OAAO,KAAG;oBACM,MAAM,cAAc;;QAEhC,WAAW,OAAO;;;;;;EAMvB;EACD"}

package/es/storybook/index.d.mts

@@ -0,0 +1,2 @@
+import { StoryBook, StoryBookProps, useControls, useCreateStore } from "./StoryBook/index.mjs";
+export { StoryBook, type StoryBookProps, useControls, useCreateStore };

package/es/storybook/index.mjs

@@ -0,0 +1,3 @@
+import StoryBook_default, { useControls, useCreateStore } from "./StoryBook/index.mjs";
+
+export { StoryBook_default as StoryBook, useControls, useCreateStore };

package/es/styles/customTheme.d.mts

@@ -0,0 +1,32 @@
+//#region src/styles/customTheme.d.ts
+declare const primaryColors: {
+  blue: string;
+  cyan: string;
+  geekblue: string;
+  gold: string;
+  green: string;
+  lime: string;
+  magenta: string;
+  orange: string;
+  purple: string;
+  red: string;
+  volcano: string;
+  yellow: string;
+};
+type PrimaryColorsObj = typeof primaryColors;
+type PrimaryColors = keyof PrimaryColorsObj;
+declare const primaryColorsSwatches: string[];
+declare const neutralColors: {
+  mauve: string;
+  olive: string;
+  sage: string;
+  sand: string;
+  slate: string;
+};
+declare const neutralColorsSwatches: string[];
+type NeutralColorsObj = typeof neutralColors;
+type NeutralColors = keyof NeutralColorsObj;
+declare const findCustomThemeName: (type: "primary" | "neutral", value: string) => string | undefined;
+//#endregion
+export { NeutralColors, NeutralColorsObj, PrimaryColors, PrimaryColorsObj, findCustomThemeName, neutralColors, neutralColorsSwatches, primaryColors, primaryColorsSwatches };
+//# sourceMappingURL=customTheme.d.mts.map

package/es/styles/customTheme.mjs

@@ -0,0 +1,69 @@
+import blue_default from "../color/colors/blue.mjs";
+import cyan_default from "../color/colors/cyan.mjs";
+import geekblue_default from "../color/colors/geekblue.mjs";
+import gold_default from "../color/colors/gold.mjs";
+import green_default from "../color/colors/green.mjs";
+import lime_default from "../color/colors/lime.mjs";
+import magenta_default from "../color/colors/magenta.mjs";
+import orange_default from "../color/colors/orange.mjs";
+import purple_default from "../color/colors/purple.mjs";
+import red_default from "../color/colors/red.mjs";
+import volcano_default from "../color/colors/volcano.mjs";
+import yellow_default from "../color/colors/yellow.mjs";
+import mauve_default from "../color/neutrals/mauve.mjs";
+import olive_default from "../color/neutrals/olive.mjs";
+import sage_default from "../color/neutrals/sage.mjs";
+import sand_default from "../color/neutrals/sand.mjs";
+import slate_default from "../color/neutrals/slate.mjs";
+
+//#region src/styles/customTheme.ts
+const primaryColors = {
+	blue: blue_default.dark[9],
+	cyan: cyan_default.dark[9],
+	geekblue: geekblue_default.dark[9],
+	gold: gold_default.dark[9],
+	green: green_default.dark[9],
+	lime: lime_default.dark[9],
+	magenta: magenta_default.dark[9],
+	orange: orange_default.dark[9],
+	purple: purple_default.dark[9],
+	red: red_default.dark[9],
+	volcano: volcano_default.dark[9],
+	yellow: yellow_default.dark[9]
+};
+const primaryColorsSwatches = [
+	primaryColors.red,
+	primaryColors.orange,
+	primaryColors.gold,
+	primaryColors.yellow,
+	primaryColors.lime,
+	primaryColors.green,
+	primaryColors.cyan,
+	primaryColors.blue,
+	primaryColors.geekblue,
+	primaryColors.purple,
+	primaryColors.magenta,
+	primaryColors.volcano
+];
+const neutralColors = {
+	mauve: mauve_default.dark[9],
+	olive: olive_default.dark[9],
+	sage: sage_default.dark[9],
+	sand: sand_default.dark[9],
+	slate: slate_default.dark[9]
+};
+const neutralColorsSwatches = [
+	neutralColors.mauve,
+	neutralColors.slate,
+	neutralColors.sage,
+	neutralColors.olive,
+	neutralColors.sand
+];
+const findCustomThemeName = (type, value) => {
+	const res = type === "primary" ? primaryColors : neutralColors;
+	return Object.entries(res).find((item) => item[1] === value)?.[0];
+};
+
+//#endregion
+export { findCustomThemeName, neutralColors, neutralColorsSwatches, primaryColors, primaryColorsSwatches };
+//# sourceMappingURL=customTheme.mjs.map

package/es/styles/customTheme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"customTheme.mjs","names":["blue","cyan","geekblue","gold","green","lime","magenta","orange","purple","red","volcano","yellow","mauve","olive","sage","sand","slate"],"sources":["../../src/styles/customTheme.ts"],"sourcesContent":["import {\n  blue,\n  cyan,\n  geekblue,\n  gold,\n  green,\n  lime,\n  magenta,\n  orange,\n  purple,\n  red,\n  volcano,\n  yellow,\n} from '@/color/colors';\nimport { mauve, olive, sage, sand, slate } from '@/color/neutrals';\n\nexport const primaryColors = {\n  blue: blue.dark[9],\n  cyan: cyan.dark[9],\n  geekblue: geekblue.dark[9],\n  gold: gold.dark[9],\n  green: green.dark[9],\n  lime: lime.dark[9],\n  magenta: magenta.dark[9],\n  orange: orange.dark[9],\n  purple: purple.dark[9],\n  red: red.dark[9],\n  volcano: volcano.dark[9],\n  yellow: yellow.dark[9],\n};\n\nexport type PrimaryColorsObj = typeof primaryColors;\nexport type PrimaryColors = keyof PrimaryColorsObj;\nexport const primaryColorsSwatches = [\n  primaryColors.red,\n  primaryColors.orange,\n  primaryColors.gold,\n  primaryColors.yellow,\n  primaryColors.lime,\n  primaryColors.green,\n  primaryColors.cyan,\n  primaryColors.blue,\n  primaryColors.geekblue,\n  primaryColors.purple,\n  primaryColors.magenta,\n  primaryColors.volcano,\n];\nexport const neutralColors = {\n  mauve: mauve.dark[9],\n  olive: olive.dark[9],\n  sage: sage.dark[9],\n  sand: sand.dark[9],\n  slate: slate.dark[9],\n};\nexport const neutralColorsSwatches = [\n  neutralColors.mauve,\n  neutralColors.slate,\n  neutralColors.sage,\n  neutralColors.olive,\n  neutralColors.sand,\n];\n\nexport type NeutralColorsObj = typeof neutralColors;\nexport type NeutralColors = keyof NeutralColorsObj;\n\nexport const findCustomThemeName = (type: 'primary' | 'neutral', value: string) => {\n  const res = type === 'primary' ? primaryColors : neutralColors;\n  const result = Object.entries(res).find((item) => item[1] === value);\n  return result?.[0];\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAgBA,MAAa,gBAAgB;CAC3B,MAAMA,aAAK,KAAK;CAChB,MAAMC,aAAK,KAAK;CAChB,UAAUC,iBAAS,KAAK;CACxB,MAAMC,aAAK,KAAK;CAChB,OAAOC,cAAM,KAAK;CAClB,MAAMC,aAAK,KAAK;CAChB,SAASC,gBAAQ,KAAK;CACtB,QAAQC,eAAO,KAAK;CACpB,QAAQC,eAAO,KAAK;CACpB,KAAKC,YAAI,KAAK;CACd,SAASC,gBAAQ,KAAK;CACtB,QAAQC,eAAO,KAAK;CACrB;AAID,MAAa,wBAAwB;CACnC,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACf;AACD,MAAa,gBAAgB;CAC3B,OAAOC,cAAM,KAAK;CAClB,OAAOC,cAAM,KAAK;CAClB,MAAMC,aAAK,KAAK;CAChB,MAAMC,aAAK,KAAK;CAChB,OAAOC,cAAM,KAAK;CACnB;AACD,MAAa,wBAAwB;CACnC,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACf;AAKD,MAAa,uBAAuB,MAA6B,UAAkB;CACjF,MAAM,MAAM,SAAS,YAAY,gBAAgB;AAEjD,QADe,OAAO,QAAQ,IAAI,CAAC,MAAM,SAAS,KAAK,OAAO,MAAM,GACpD"}

package/es/styles/index.d.mts

@@ -0,0 +1,5 @@
+import { NeutralColors, NeutralColorsObj, PrimaryColors, PrimaryColorsObj, findCustomThemeName, neutralColors, neutralColorsSwatches, primaryColors, primaryColorsSwatches } from "./customTheme.mjs";
+import { generateCustomStylish } from "./theme/customStylish.mjs";
+import { generateCustomToken } from "./theme/customToken.mjs";
+import { generateColorNeutralPalette, generateColorPalette } from "./theme/generateColorPalette.mjs";
+export { NeutralColors, NeutralColorsObj, PrimaryColors, PrimaryColorsObj, findCustomThemeName, generateColorNeutralPalette, generateColorPalette, generateCustomStylish as lobeCustomStylish, generateCustomToken as lobeCustomToken, neutralColors, neutralColorsSwatches, primaryColors, primaryColorsSwatches };

package/es/styles/index.mjs

@@ -0,0 +1,6 @@
+import { findCustomThemeName, neutralColors, neutralColorsSwatches, primaryColors, primaryColorsSwatches } from "./customTheme.mjs";
+import { generateCustomStylish } from "./theme/customStylish.mjs";
+import { generateCustomToken } from "./theme/customToken.mjs";
+import { generateColorNeutralPalette, generateColorPalette } from "./theme/generateColorPalette.mjs";
+
+export { findCustomThemeName, generateColorNeutralPalette, generateColorPalette, generateCustomStylish as lobeCustomStylish, generateCustomToken as lobeCustomToken, neutralColors, neutralColorsSwatches, primaryColors, primaryColorsSwatches };

package/es/styles/theme/algorithms/darkAlgorithm.mjs

@@ -0,0 +1,33 @@
+import { colorScales } from "../../../color/colors/index.mjs";
+import { neutralColorScales } from "../../../color/neutrals/index.mjs";
+import { generateColorNeutralPalette, generateColorPalette } from "../generateColorPalette.mjs";
+import dark_default from "../token/dark.mjs";
+
+//#region src/styles/theme/algorithms/darkAlgorithm.ts
+const darkAlgorithm = (seedToken, mapToken) => {
+	const primaryColor = seedToken.primaryColor;
+	const neutralColor = seedToken.neutralColor;
+	let primaryTokens = {};
+	let neutralTokens = {};
+	const primaryScale = colorScales[primaryColor];
+	if (primaryScale) primaryTokens = generateColorPalette({
+		appearance: "dark",
+		scale: primaryScale,
+		type: "Primary"
+	});
+	const neutralScale = neutralColorScales[neutralColor];
+	if (neutralScale) neutralTokens = generateColorNeutralPalette({
+		appearance: "dark",
+		scale: neutralScale
+	});
+	return {
+		...mapToken,
+		...dark_default,
+		...primaryTokens,
+		...neutralTokens
+	};
+};
+
+//#endregion
+export { darkAlgorithm };
+//# sourceMappingURL=darkAlgorithm.mjs.map

package/es/styles/theme/algorithms/darkAlgorithm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"darkAlgorithm.mjs","names":["darkAlgorithm: MappingAlgorithm","primaryScale: ColorScaleItem","darkBaseToken"],"sources":["../../../../src/styles/theme/algorithms/darkAlgorithm.ts"],"sourcesContent":["import { MappingAlgorithm } from 'antd/es/theme/interface';\n\nimport { colorScales } from '@/color/colors';\nimport { neutralColorScales } from '@/color/neutrals';\nimport type { ColorScaleItem } from '@/color/types';\n\nimport { NeutralColors, PrimaryColors } from '../../customTheme';\nimport { generateColorNeutralPalette, generateColorPalette } from '../generateColorPalette';\nimport darkBaseToken from '../token/dark';\n\nexport const darkAlgorithm: MappingAlgorithm = (seedToken, mapToken) => {\n  const primaryColor = (seedToken as any).primaryColor as PrimaryColors;\n  const neutralColor = (seedToken as any).neutralColor as NeutralColors;\n\n  let primaryTokens = {};\n  let neutralTokens = {};\n\n  // generate primary color Token with colorPrimary\n  const primaryScale: ColorScaleItem = colorScales[primaryColor];\n\n  if (primaryScale) {\n    primaryTokens = generateColorPalette({\n      appearance: 'dark',\n      scale: primaryScale,\n      type: 'Primary',\n    });\n  }\n\n  // generate neutral color Token with colorBgBase\n  const neutralScale = neutralColorScales[neutralColor];\n  if (neutralScale) {\n    neutralTokens = generateColorNeutralPalette({ appearance: 'dark', scale: neutralScale });\n  }\n\n  return {\n    ...mapToken!,\n    ...darkBaseToken,\n    ...primaryTokens,\n    ...neutralTokens,\n  };\n};\n"],"mappings":";;;;;;AAUA,MAAaA,iBAAmC,WAAW,aAAa;CACtE,MAAM,eAAgB,UAAkB;CACxC,MAAM,eAAgB,UAAkB;CAExC,IAAI,gBAAgB,EAAE;CACtB,IAAI,gBAAgB,EAAE;CAGtB,MAAMC,eAA+B,YAAY;AAEjD,KAAI,aACF,iBAAgB,qBAAqB;EACnC,YAAY;EACZ,OAAO;EACP,MAAM;EACP,CAAC;CAIJ,MAAM,eAAe,mBAAmB;AACxC,KAAI,aACF,iBAAgB,4BAA4B;EAAE,YAAY;EAAQ,OAAO;EAAc,CAAC;AAG1F,QAAO;EACL,GAAG;EACH,GAAGC;EACH,GAAG;EACH,GAAG;EACJ"}

package/es/styles/theme/algorithms/lightAlgorithm.mjs

@@ -0,0 +1,33 @@
+import { colorScales } from "../../../color/colors/index.mjs";
+import { neutralColorScales } from "../../../color/neutrals/index.mjs";
+import { generateColorNeutralPalette, generateColorPalette } from "../generateColorPalette.mjs";
+import light_default from "../token/light.mjs";
+
+//#region src/styles/theme/algorithms/lightAlgorithm.ts
+const lightAlgorithm = (seedToken, mapToken) => {
+	const primaryColor = seedToken.primaryColor;
+	const neutralColor = seedToken.neutralColor;
+	let primaryTokens = {};
+	let neutralTokens = {};
+	const primaryScale = colorScales[primaryColor];
+	if (primaryScale) primaryTokens = generateColorPalette({
+		appearance: "light",
+		scale: primaryScale,
+		type: "Primary"
+	});
+	const neutralScale = neutralColorScales[neutralColor];
+	if (neutralScale) neutralTokens = generateColorNeutralPalette({
+		appearance: "light",
+		scale: neutralScale
+	});
+	return {
+		...mapToken,
+		...light_default,
+		...primaryTokens,
+		...neutralTokens
+	};
+};
+
+//#endregion
+export { lightAlgorithm };
+//# sourceMappingURL=lightAlgorithm.mjs.map

package/es/styles/theme/algorithms/lightAlgorithm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lightAlgorithm.mjs","names":["lightAlgorithm: MappingAlgorithm","primaryScale: ColorScaleItem","lightBaseToken"],"sources":["../../../../src/styles/theme/algorithms/lightAlgorithm.ts"],"sourcesContent":["import { MappingAlgorithm } from 'antd/es/theme/interface';\n\nimport { colorScales } from '@/color/colors';\nimport { neutralColorScales } from '@/color/neutrals';\nimport type { ColorScaleItem } from '@/color/types';\n\nimport { NeutralColors, PrimaryColors } from '../../customTheme';\nimport { generateColorNeutralPalette, generateColorPalette } from '../generateColorPalette';\nimport lightBaseToken from '../token/light';\n\nexport const lightAlgorithm: MappingAlgorithm = (seedToken, mapToken) => {\n  const primaryColor = (seedToken as any).primaryColor as PrimaryColors;\n  const neutralColor = (seedToken as any).neutralColor as NeutralColors;\n\n  let primaryTokens = {};\n  let neutralTokens = {};\n  const primaryScale: ColorScaleItem = colorScales[primaryColor];\n\n  if (primaryScale) {\n    primaryTokens = generateColorPalette({\n      appearance: 'light',\n      scale: primaryScale,\n      type: 'Primary',\n    });\n  }\n\n  const neutralScale = neutralColorScales[neutralColor];\n  if (neutralScale) {\n    neutralTokens = generateColorNeutralPalette({ appearance: 'light', scale: neutralScale });\n  }\n\n  return {\n    ...mapToken!,\n    ...lightBaseToken,\n    ...primaryTokens,\n    ...neutralTokens,\n  };\n};\n"],"mappings":";;;;;;AAUA,MAAaA,kBAAoC,WAAW,aAAa;CACvE,MAAM,eAAgB,UAAkB;CACxC,MAAM,eAAgB,UAAkB;CAExC,IAAI,gBAAgB,EAAE;CACtB,IAAI,gBAAgB,EAAE;CACtB,MAAMC,eAA+B,YAAY;AAEjD,KAAI,aACF,iBAAgB,qBAAqB;EACnC,YAAY;EACZ,OAAO;EACP,MAAM;EACP,CAAC;CAGJ,MAAM,eAAe,mBAAmB;AACxC,KAAI,aACF,iBAAgB,4BAA4B;EAAE,YAAY;EAAS,OAAO;EAAc,CAAC;AAG3F,QAAO;EACL,GAAG;EACH,GAAGC;EACH,GAAG;EACH,GAAG;EACJ"}

package/es/styles/theme/antdTheme.mjs

@@ -0,0 +1,48 @@
+import { darkAlgorithm } from "./algorithms/darkAlgorithm.mjs";
+import { lightAlgorithm } from "./algorithms/lightAlgorithm.mjs";
+import { baseToken } from "./token/base.mjs";
+
+//#region src/styles/theme/antdTheme.ts
+/**
+* create A LobeHub Style Antd Theme Object
+* @param neutralColor
+* @param appearance
+* @param primaryColor
+*/
+const createLobeAntdTheme = ({ neutralColor, appearance, primaryColor }) => {
+	return {
+		algorithm: appearance === "dark" ? darkAlgorithm : lightAlgorithm,
+		components: {
+			Button: { contentFontSizeSM: 12 },
+			DatePicker: {
+				activeBorderColor: baseToken.colorBorder,
+				hoverBorderColor: baseToken.colorBorder
+			},
+			Input: {
+				activeBorderColor: baseToken.colorBorder,
+				hoverBorderColor: baseToken.colorBorder
+			},
+			InputNumber: {
+				activeBorderColor: baseToken.colorBorder,
+				hoverBorderColor: baseToken.colorBorder
+			},
+			Mentions: {
+				activeBorderColor: baseToken.colorBorder,
+				hoverBorderColor: baseToken.colorBorder
+			},
+			Select: {
+				activeBorderColor: baseToken.colorBorder,
+				hoverBorderColor: baseToken.colorBorder
+			}
+		},
+		token: {
+			...baseToken,
+			neutralColor,
+			primaryColor
+		}
+	};
+};
+
+//#endregion
+export { createLobeAntdTheme };
+//# sourceMappingURL=antdTheme.mjs.map

package/es/styles/theme/antdTheme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"antdTheme.mjs","names":[],"sources":["../../../src/styles/theme/antdTheme.ts"],"sourcesContent":["import { ThemeConfig } from 'antd';\nimport { ThemeAppearance } from 'antd-style';\n\nimport { NeutralColors, PrimaryColors } from '../customTheme';\nimport { darkAlgorithm } from './algorithms/darkAlgorithm';\nimport { lightAlgorithm } from './algorithms/lightAlgorithm';\nimport { baseToken } from './token/base';\n\nexport interface LobeAntdThemeParams {\n  appearance: ThemeAppearance;\n  neutralColor?: NeutralColors;\n  primaryColor?: PrimaryColors;\n}\n\n/**\n * create A LobeHub Style Antd Theme Object\n * @param neutralColor\n * @param appearance\n * @param primaryColor\n */\nexport const createLobeAntdTheme = ({\n  neutralColor,\n  appearance,\n  primaryColor,\n}: LobeAntdThemeParams): ThemeConfig => {\n  const isDark = appearance === 'dark';\n\n  return {\n    algorithm: isDark ? darkAlgorithm : lightAlgorithm,\n    components: {\n      Button: {\n        contentFontSizeSM: 12,\n      },\n      DatePicker: {\n        activeBorderColor: baseToken.colorBorder,\n        hoverBorderColor: baseToken.colorBorder,\n      },\n      Input: {\n        activeBorderColor: baseToken.colorBorder,\n        hoverBorderColor: baseToken.colorBorder,\n      },\n      InputNumber: {\n        activeBorderColor: baseToken.colorBorder,\n        hoverBorderColor: baseToken.colorBorder,\n      },\n      Mentions: {\n        activeBorderColor: baseToken.colorBorder,\n        hoverBorderColor: baseToken.colorBorder,\n      },\n      Select: {\n        activeBorderColor: baseToken.colorBorder,\n        hoverBorderColor: baseToken.colorBorder,\n      },\n    },\n    token: {\n      ...baseToken,\n      // @ts-ignore\n      neutralColor,\n      primaryColor,\n    },\n  };\n};\n"],"mappings":";;;;;;;;;;;AAoBA,MAAa,uBAAuB,EAClC,cACA,YACA,mBACsC;AAGtC,QAAO;EACL,WAHa,eAAe,SAGR,gBAAgB;EACpC,YAAY;GACV,QAAQ,EACN,mBAAmB,IACpB;GACD,YAAY;IACV,mBAAmB,UAAU;IAC7B,kBAAkB,UAAU;IAC7B;GACD,OAAO;IACL,mBAAmB,UAAU;IAC7B,kBAAkB,UAAU;IAC7B;GACD,aAAa;IACX,mBAAmB,UAAU;IAC7B,kBAAkB,UAAU;IAC7B;GACD,UAAU;IACR,mBAAmB,UAAU;IAC7B,kBAAkB,UAAU;IAC7B;GACD,QAAQ;IACN,mBAAmB,UAAU;IAC7B,kBAAkB,UAAU;IAC7B;GACF;EACD,OAAO;GACL,GAAG;GAEH;GACA;GACD;EACF"}

package/es/styles/theme/customStylish.d.mts

@@ -0,0 +1,8 @@
+import { LobeCustomStylish } from "../../types/customStylish.mjs";
+import { GetCustomStylish } from "antd-style";
+
+//#region src/styles/theme/customStylish.d.ts
+declare const generateCustomStylish: GetCustomStylish<LobeCustomStylish>;
+//#endregion
+export { generateCustomStylish };
+//# sourceMappingURL=customStylish.d.mts.map

package/es/styles/theme/customStylish.mjs

@@ -0,0 +1,156 @@
+import { keyframes } from "antd-style";
+
+//#region src/styles/theme/customStylish.ts
+const generateCustomStylish = ({ css: css$1, token, isDarkMode }) => {
+	const gradient = keyframes`
+    0% {
+      background-position: 0% 50%;
+    }
+    50% {
+      background-position: 100% 50%;
+    }
+    100% {
+      background-position: 0% 50%;
+    }
+  `;
+	return {
+		active: css$1`
+      color: ${token.colorText};
+      background: ${token.colorFillSecondary};
+
+      &:hover {
+        color: ${token.colorText};
+        background: ${token.colorFill};
+      }
+    `,
+		blur: css$1`
+      backdrop-filter: saturate(150%) blur(10px);
+    `,
+		blurStrong: css$1`
+      backdrop-filter: saturate(150%) blur(36px);
+    `,
+		bottomScrollbar: css$1`
+      ::-webkit-scrollbar {
+        width: 0;
+        height: 4px;
+        background-color: transparent;
+
+        &-thumb {
+          border-radius: 4px;
+          background-color: ${token.colorFill};
+          transition: background-color 500ms ${token.motionEaseOut};
+        }
+
+        &-corner {
+          display: none;
+          width: 0;
+          height: 0;
+        }
+      }
+    `,
+		disabled: css$1`
+      cursor: not-allowed;
+      opacity: 0.5;
+    `,
+		gradientAnimation: css$1`
+      border-radius: inherit;
+      background-image: linear-gradient(
+        -45deg,
+        ${token.gold},
+        ${token.magenta},
+        ${token.geekblue},
+        ${token.cyan}
+      );
+      background-size: 400% 400%;
+      animation: 5s ${gradient} 5s ease infinite;
+    `,
+		noScrollbar: css$1`
+      ::-webkit-scrollbar {
+        display: none;
+        width: 0;
+        height: 0;
+        background-color: transparent;
+      }
+    `,
+		resetLinkColor: css$1`
+      cursor: pointer;
+      color: ${token.colorTextSecondary};
+
+      &:hover {
+        color: ${token.colorText};
+      }
+    `,
+		shadow: css$1`
+      box-shadow:
+        0 1px 0 -1px ${isDarkMode ? token.colorBgLayout : token.colorBorder},
+        0 1px 2px -0.5px ${isDarkMode ? token.colorBgLayout : token.colorBorder},
+        0 2px 2px -1px ${isDarkMode ? token.colorBgLayout : token.colorBorderSecondary},
+        0 3px 6px -4px ${isDarkMode ? token.colorBgLayout : token.colorBorderSecondary};
+    `,
+		variantBorderless: css$1`
+      border: none;
+      background: none;
+      box-shadow: none;
+
+      &:hover {
+        background: ${token.colorFillTertiary};
+      }
+    `,
+		variantBorderlessDanger: css$1`
+      border: none;
+      background: none;
+      box-shadow: none;
+
+      &:hover {
+        background: ${token.colorErrorFillTertiary};
+        box-shadow: inset 0 0 0 1px ${token.colorErrorFillTertiary};
+      }
+    `,
+		variantBorderlessWithoutHover: css$1`
+      border: none;
+      background: none;
+      box-shadow: none;
+    `,
+		variantFilled: css$1`
+      background: ${token.colorFillTertiary};
+
+      &:hover {
+        background: ${token.colorFillSecondary};
+      }
+    `,
+		variantFilledDanger: css$1`
+      background: ${token.colorErrorFillTertiary};
+
+      &:hover {
+        background: ${token.colorErrorFillSecondary};
+      }
+    `,
+		variantFilledWithoutHover: css$1`
+      background: ${token.colorFillTertiary};
+    `,
+		variantOutlined: css$1`
+      border: 1px solid ${token.colorBorderSecondary};
+      background: ${token.colorBgContainer};
+
+      &:hover {
+        border: 1px solid ${token.colorBorder};
+        background: ${token.colorBgContainer};
+      }
+    `,
+		variantOutlinedDanger: css$1`
+      border: 1px solid ${token.colorErrorBorder};
+
+      &:hover {
+        border: 1px solid ${token.colorErrorBorder};
+      }
+    `,
+		variantOutlinedWithoutHover: css$1`
+      border: 1px solid ${token.colorBorderSecondary};
+      background: ${token.colorBgContainer};
+    `
+	};
+};
+
+//#endregion
+export { generateCustomStylish };
+//# sourceMappingURL=customStylish.mjs.map

package/es/styles/theme/customStylish.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"customStylish.mjs","names":["generateCustomStylish: GetCustomStylish<LobeCustomStylish>"],"sources":["../../../src/styles/theme/customStylish.ts"],"sourcesContent":["import { GetCustomStylish, keyframes } from 'antd-style';\n\nimport { LobeCustomStylish } from '@/types/customStylish';\n\nexport const generateCustomStylish: GetCustomStylish<LobeCustomStylish> = ({\n  css,\n  token,\n  isDarkMode,\n}) => {\n  const gradient = keyframes`\n    0% {\n      background-position: 0% 50%;\n    }\n    50% {\n      background-position: 100% 50%;\n    }\n    100% {\n      background-position: 0% 50%;\n    }\n  `;\n\n  return {\n    active: css`\n      color: ${token.colorText};\n      background: ${token.colorFillSecondary};\n\n      &:hover {\n        color: ${token.colorText};\n        background: ${token.colorFill};\n      }\n    `,\n    blur: css`\n      backdrop-filter: saturate(150%) blur(10px);\n    `,\n    blurStrong: css`\n      backdrop-filter: saturate(150%) blur(36px);\n    `,\n    bottomScrollbar: css`\n      ::-webkit-scrollbar {\n        width: 0;\n        height: 4px;\n        background-color: transparent;\n\n        &-thumb {\n          border-radius: 4px;\n          background-color: ${token.colorFill};\n          transition: background-color 500ms ${token.motionEaseOut};\n        }\n\n        &-corner {\n          display: none;\n          width: 0;\n          height: 0;\n        }\n      }\n    `,\n    disabled: css`\n      cursor: not-allowed;\n      opacity: 0.5;\n    `,\n    gradientAnimation: css`\n      border-radius: inherit;\n      background-image: linear-gradient(\n        -45deg,\n        ${token.gold},\n        ${token.magenta},\n        ${token.geekblue},\n        ${token.cyan}\n      );\n      background-size: 400% 400%;\n      animation: 5s ${gradient} 5s ease infinite;\n    `,\n    noScrollbar: css`\n      ::-webkit-scrollbar {\n        display: none;\n        width: 0;\n        height: 0;\n        background-color: transparent;\n      }\n    `,\n    resetLinkColor: css`\n      cursor: pointer;\n      color: ${token.colorTextSecondary};\n\n      &:hover {\n        color: ${token.colorText};\n      }\n    `,\n    shadow: css`\n      box-shadow:\n        0 1px 0 -1px ${isDarkMode ? token.colorBgLayout : token.colorBorder},\n        0 1px 2px -0.5px ${isDarkMode ? token.colorBgLayout : token.colorBorder},\n        0 2px 2px -1px ${isDarkMode ? token.colorBgLayout : token.colorBorderSecondary},\n        0 3px 6px -4px ${isDarkMode ? token.colorBgLayout : token.colorBorderSecondary};\n    `,\n    variantBorderless: css`\n      border: none;\n      background: none;\n      box-shadow: none;\n\n      &:hover {\n        background: ${token.colorFillTertiary};\n      }\n    `,\n    variantBorderlessDanger: css`\n      border: none;\n      background: none;\n      box-shadow: none;\n\n      &:hover {\n        background: ${token.colorErrorFillTertiary};\n        box-shadow: inset 0 0 0 1px ${token.colorErrorFillTertiary};\n      }\n    `,\n    variantBorderlessWithoutHover: css`\n      border: none;\n      background: none;\n      box-shadow: none;\n    `,\n    variantFilled: css`\n      background: ${token.colorFillTertiary};\n\n      &:hover {\n        background: ${token.colorFillSecondary};\n      }\n    `,\n    variantFilledDanger: css`\n      background: ${token.colorErrorFillTertiary};\n\n      &:hover {\n        background: ${token.colorErrorFillSecondary};\n      }\n    `,\n    variantFilledWithoutHover: css`\n      background: ${token.colorFillTertiary};\n    `,\n    variantOutlined: css`\n      border: 1px solid ${token.colorBorderSecondary};\n      background: ${token.colorBgContainer};\n\n      &:hover {\n        border: 1px solid ${token.colorBorder};\n        background: ${token.colorBgContainer};\n      }\n    `,\n\n    variantOutlinedDanger: css`\n      border: 1px solid ${token.colorErrorBorder};\n\n      &:hover {\n        border: 1px solid ${token.colorErrorBorder};\n      }\n    `,\n    variantOutlinedWithoutHover: css`\n      border: 1px solid ${token.colorBorderSecondary};\n      background: ${token.colorBgContainer};\n    `,\n  };\n};\n"],"mappings":";;;AAIA,MAAaA,yBAA8D,EACzE,YACA,OACA,iBACI;CACJ,MAAM,WAAW,SAAS;;;;;;;;;;;AAY1B,QAAO;EACL,QAAQ,KAAG;eACA,MAAM,UAAU;oBACX,MAAM,mBAAmB;;;iBAG5B,MAAM,UAAU;sBACX,MAAM,UAAU;;;EAGlC,MAAM,KAAG;;;EAGT,YAAY,KAAG;;;EAGf,iBAAiB,KAAG;;;;;;;;8BAQM,MAAM,UAAU;+CACC,MAAM,cAAc;;;;;;;;;;EAU/D,UAAU,KAAG;;;;EAIb,mBAAmB,KAAG;;;;UAIhB,MAAM,KAAK;UACX,MAAM,QAAQ;UACd,MAAM,SAAS;UACf,MAAM,KAAK;;;sBAGC,SAAS;;EAE3B,aAAa,KAAG;;;;;;;;EAQhB,gBAAgB,KAAG;;eAER,MAAM,mBAAmB;;;iBAGvB,MAAM,UAAU;;;EAG7B,QAAQ,KAAG;;uBAEQ,aAAa,MAAM,gBAAgB,MAAM,YAAY;2BACjD,aAAa,MAAM,gBAAgB,MAAM,YAAY;yBACvD,aAAa,MAAM,gBAAgB,MAAM,qBAAqB;yBAC9D,aAAa,MAAM,gBAAgB,MAAM,qBAAqB;;EAEnF,mBAAmB,KAAG;;;;;;sBAMJ,MAAM,kBAAkB;;;EAG1C,yBAAyB,KAAG;;;;;;sBAMV,MAAM,uBAAuB;sCACb,MAAM,uBAAuB;;;EAG/D,+BAA+B,KAAG;;;;;EAKlC,eAAe,KAAG;oBACF,MAAM,kBAAkB;;;sBAGtB,MAAM,mBAAmB;;;EAG3C,qBAAqB,KAAG;oBACR,MAAM,uBAAuB;;;sBAG3B,MAAM,wBAAwB;;;EAGhD,2BAA2B,KAAG;oBACd,MAAM,kBAAkB;;EAExC,iBAAiB,KAAG;0BACE,MAAM,qBAAqB;oBACjC,MAAM,iBAAiB;;;4BAGf,MAAM,YAAY;sBACxB,MAAM,iBAAiB;;;EAIzC,uBAAuB,KAAG;0BACJ,MAAM,iBAAiB;;;4BAGrB,MAAM,iBAAiB;;;EAG/C,6BAA6B,KAAG;0BACV,MAAM,qBAAqB;oBACjC,MAAM,iBAAiB;;EAExC"}

package/es/styles/theme/customToken.d.mts

@@ -0,0 +1,8 @@
+import { LobeCustomToken } from "../../types/customToken.mjs";
+import { GetCustomToken } from "antd-style";
+
+//#region src/styles/theme/customToken.d.ts
+declare const generateCustomToken: GetCustomToken<LobeCustomToken>;
+//#endregion
+export { generateCustomToken };
+//# sourceMappingURL=customToken.d.mts.map