@lobehub/ui 6.0.0-beta.1 → 6.0.0-beta.10

package/es/mobile/TabBar/TabBar.mjs

@@ -1,12 +1,12 @@
 "use client";
 import { styleProps } from "../../styles/stylex/props.mjs";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import { useControlledState } from "../../hooks/useControlledState.mjs";
 import SafeArea from "../SafeArea/SafeArea.mjs";
 import { styles } from "./style.mjs";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as stylex from "@stylexjs/stylex";
-import useControlledState from "use-merge-value";
 //#region src/mobile/TabBar/TabBar.tsx
 const TabBar = memo(({ ref, className, safeArea, items, activeKey, defaultActiveKey, onChange, ...rest }) => {
 	const [currentActive, setCurrentActive] = useControlledState(defaultActiveKey || items[0].key, {

package/es/mobile/TabBar/TabBar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TabBar.mjs","names":["useMergeState","Flexbox"],"sources":["../../../src/mobile/TabBar/TabBar.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\nimport { memo } from 'react';\nimport useMergeState from 'use-merge-value';\n\nimport { Flexbox } from '@/Flex';\nimport SafeArea from '@/mobile/SafeArea';\nimport { styleProps } from '@/styles/stylex/props';\n\nimport { styles } from './style';\nimport type { TabBarProps } from './type';\n\nconst TabBar = memo<TabBarProps>(\n  ({ ref, className, safeArea, items, activeKey, defaultActiveKey, onChange, ...rest }) => {\n    const [currentActive, setCurrentActive] = useMergeState<string>(\n      defaultActiveKey || items[0].key,\n      {\n        defaultValue: defaultActiveKey,\n        onChange,\n        value: activeKey,\n      },\n    );\n\n    return (\n      <Flexbox\n        as={'footer'}\n        flex={'none'}\n        ref={ref}\n        width={'100vw'}\n        {...styleProps(styles.container, className)}\n        {...rest}\n      >\n        <Flexbox\n          horizontal\n          align={'center'}\n          height={48}\n          justify={'space-around'}\n          {...styleProps(styles.inner, className)}\n        >\n          {items.map((item) => {\n            const active = item.key === currentActive;\n            return (\n              <Flexbox\n                align={'center'}\n                gap={4}\n                height={48}\n                justify={'center'}\n                key={item.key}\n                width={48}\n                {...stylex.props(styles.tab, active && styles.active)}\n                onClick={() => {\n                  setCurrentActive(item.key);\n                  item?.onClick?.();\n                }}\n              >\n                <Flexbox\n                  align={'center'}\n                  height={24}\n                  justify={'center'}\n                  width={24}\n                  {...stylex.props(styles.icon)}\n                >\n                  {typeof item.icon === 'function' ? item.icon(active) : item.icon}\n                </Flexbox>\n                <div {...stylex.props(styles.title)}>\n                  {typeof item.title === 'function' ? item.title(active) : item.title}\n                </div>\n              </Flexbox>\n            );\n          })}\n        </Flexbox>\n        {safeArea && <SafeArea position={'bottom'} />}\n      </Flexbox>\n    );\n  },\n);\n\nTabBar.displayName = 'MobileTabBar';\n\nexport default TabBar;\n"],"mappings":";;;;;;;;;;AAUA,MAAM,SAAS,MAAmB,EAChC,KACA,WACA,UACA,OACA,WACA,kBACA,UACA,GAAG,WACC;CACJ,MAAM,CAAC,eAAe,oBAAoBA,mBAAsB,oBAAoB,MAAM,EAAE,CAAC,KAAK;EAChG,cAAc;EACd;EACA,OAAO;CACT,CAAC;CACD,OAAO,qBAACC,mBAAD;EAAS,IAAI;EAAU,MAAM;EAAa;EAAK,OAAO;EAAS,GAAI,WAAW,OAAO,WAAW,SAAS;EAAG,GAAI;EAAhH,UAAA,CACD,oBAACA,mBAAD;GAAS,YAAA;GAAW,OAAO;GAAU,QAAQ;GAAI,SAAS;GAAgB,GAAI,WAAW,OAAO,OAAO,SAAS;GAC7G,UAAA,MAAM,KAAI,SAAQ;IACrB,MAAM,SAAS,KAAK,QAAQ;IAC5B,OAAO,qBAACA,mBAAD;KAAS,OAAO;KAAU,KAAK;KAAG,QAAQ;KAAI,SAAS;KAAyB,OAAO;KAAI,GAAI,OAAO,MAAM,OAAO,KAAK,UAAU,OAAO,MAAM;KAAG,eAAe;MACtK,iBAAiB,KAAK,GAAG;MACzB,MAAM,UAAU;KAClB;KAHO,UAAA,CAIC,oBAACA,mBAAD;MAAS,OAAO;MAAU,QAAQ;MAAI,SAAS;MAAU,OAAO;MAAI,GAAI,OAAO,MAAM,OAAO,IAAI;MAC7F,UAAA,OAAO,KAAK,SAAS,aAAa,KAAK,KAAK,MAAM,IAAI,KAAK;KACrD,CAAA,GACT,oBAAC,OAAD;MAAK,GAAI,OAAO,MAAM,OAAO,KAAK;MAC/B,UAAA,OAAO,KAAK,UAAU,aAAa,KAAK,MAAM,MAAM,IAAI,KAAK;KAC3D,CAAA,CACE;IAV8D,GAAA,KAAK,GAUnE;GACjB,CAAC;EACU,CAAA,GACR,YAAY,oBAAC,UAAD,EAAU,UAAU,SAAW,CAAA,CACrC;;AACf,CAAC;AACD,OAAO,cAAc"}
+{"version":3,"file":"TabBar.mjs","names":["Flexbox"],"sources":["../../../src/mobile/TabBar/TabBar.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport { useControlledState } from '@/hooks/useControlledState';\nimport SafeArea from '@/mobile/SafeArea';\nimport { styleProps } from '@/styles/stylex/props';\n\nimport { styles } from './style';\nimport type { TabBarProps } from './type';\n\nconst TabBar = memo<TabBarProps>(\n  ({ ref, className, safeArea, items, activeKey, defaultActiveKey, onChange, ...rest }) => {\n    const [currentActive, setCurrentActive] = useControlledState<string>(\n      defaultActiveKey || items[0].key,\n      {\n        defaultValue: defaultActiveKey,\n        onChange,\n        value: activeKey,\n      },\n    );\n\n    return (\n      <Flexbox\n        as={'footer'}\n        flex={'none'}\n        ref={ref}\n        width={'100vw'}\n        {...styleProps(styles.container, className)}\n        {...rest}\n      >\n        <Flexbox\n          horizontal\n          align={'center'}\n          height={48}\n          justify={'space-around'}\n          {...styleProps(styles.inner, className)}\n        >\n          {items.map((item) => {\n            const active = item.key === currentActive;\n            return (\n              <Flexbox\n                align={'center'}\n                gap={4}\n                height={48}\n                justify={'center'}\n                key={item.key}\n                width={48}\n                {...stylex.props(styles.tab, active && styles.active)}\n                onClick={() => {\n                  setCurrentActive(item.key);\n                  item?.onClick?.();\n                }}\n              >\n                <Flexbox\n                  align={'center'}\n                  height={24}\n                  justify={'center'}\n                  width={24}\n                  {...stylex.props(styles.icon)}\n                >\n                  {typeof item.icon === 'function' ? item.icon(active) : item.icon}\n                </Flexbox>\n                <div {...stylex.props(styles.title)}>\n                  {typeof item.title === 'function' ? item.title(active) : item.title}\n                </div>\n              </Flexbox>\n            );\n          })}\n        </Flexbox>\n        {safeArea && <SafeArea position={'bottom'} />}\n      </Flexbox>\n    );\n  },\n);\n\nTabBar.displayName = 'MobileTabBar';\n\nexport default TabBar;\n"],"mappings":";;;;;;;;;;AAUA,MAAM,SAAS,MAAmB,EAChC,KACA,WACA,UACA,OACA,WACA,kBACA,UACA,GAAG,WACC;CACJ,MAAM,CAAC,eAAe,oBAAoB,mBAA2B,oBAAoB,MAAM,EAAE,CAAC,KAAK;EACrG,cAAc;EACd;EACA,OAAO;CACT,CAAC;CACD,OAAO,qBAACA,mBAAD;EAAS,IAAI;EAAU,MAAM;EAAa;EAAK,OAAO;EAAS,GAAI,WAAW,OAAO,WAAW,SAAS;EAAG,GAAI;EAAhH,UAAA,CACD,oBAACA,mBAAD;GAAS,YAAA;GAAW,OAAO;GAAU,QAAQ;GAAI,SAAS;GAAgB,GAAI,WAAW,OAAO,OAAO,SAAS;GAC7G,UAAA,MAAM,KAAI,SAAQ;IACrB,MAAM,SAAS,KAAK,QAAQ;IAC5B,OAAO,qBAACA,mBAAD;KAAS,OAAO;KAAU,KAAK;KAAG,QAAQ;KAAI,SAAS;KAAyB,OAAO;KAAI,GAAI,OAAO,MAAM,OAAO,KAAK,UAAU,OAAO,MAAM;KAAG,eAAe;MACtK,iBAAiB,KAAK,GAAG;MACzB,MAAM,UAAU;KAClB;KAHO,UAAA,CAIC,oBAACA,mBAAD;MAAS,OAAO;MAAU,QAAQ;MAAI,SAAS;MAAU,OAAO;MAAI,GAAI,OAAO,MAAM,OAAO,IAAI;MAC7F,UAAA,OAAO,KAAK,SAAS,aAAa,KAAK,KAAK,MAAM,IAAI,KAAK;KACrD,CAAA,GACT,oBAAC,OAAD;MAAK,GAAI,OAAO,MAAM,OAAO,KAAK;MAC/B,UAAA,OAAO,KAAK,UAAU,aAAa,KAAK,MAAM,MAAM,IAAI,KAAK;KAC3D,CAAA,CACE;IAV8D,GAAA,KAAK,GAUnE;GACjB,CAAC;EACU,CAAA,GACR,YAAY,oBAAC,UAAD,EAAU,UAAU,SAAW,CAAA,CACrC;;AACf,CAAC;AACD,OAAO,cAAc"}

package/es/node_modules/.pnpm/@eslint_core@1.2.1/node_modules/@eslint/core/dist/esm/types.d.mts

@@ -1,7 +1,5 @@
 import { JSONSchema4 } from "../../../../../../@types_json-schema@7.0.15/node_modules/@types/json-schema/index.mjs";
-declare namespace types_d_exports {
-  export { BaseConfig, BinarySourceCode, CallTraversalStep, ConfigObject, ConfigOverride, CustomRuleDefinitionType, CustomRuleTypeDefinitions, DeprecatedInfo, Directive, DirectiveType, EcmaVersion, EnvironmentConfig, ExternalSpecifier, File, FileError, FileProblem, GlobalAccess, GlobalsConfig, HasRules, JavaScriptParserOptionsConfig, JavaScriptSourceType, Language, LanguageContext, LanguageOptions, LanguageTypeOptions, LegacyConfigObject, LintMessage, LintSuggestion, LinterOptionsConfig, MessagePlaceholderData, NotOkParseResult, ObjectMetaProperties, OkParseResult, ParseResult, Plugin, Position, PositionWithOffset, Processor, ProcessorFile, ReplacedByInfo, RuleConfig, RuleContext, RuleContextTypeOptions, RuleDefinition, RuleDefinitionTypeOptions, RuleFixType, RuleFixer, RuleTextEdit, RuleTextEditor, RuleType, RuleVisitor, RulesConfig, RulesMeta, RulesMetaDocs, SettingsConfig, Severity, SeverityLevel, SeverityName, SourceCode, SourceCodeBaseTypeOptions, SourceLocation, SourceLocationWithOffset, SourceRange, SuggestedEdit, SuggestedEditBase, SuggestionMessage, TextSourceCode, TraversalStep, ViolationLocation, ViolationMessage, ViolationReport, ViolationReportBase, VisitTraversalStep };
-}
+//#region node_modules/.pnpm/@eslint+core@1.2.1/node_modules/@eslint/core/dist/esm/types.d.ts
 /**
  * Represents an error inside of a file.
  */
@@ -27,13 +25,6 @@ export interface SourceLocation {
   start: Position;
   end: Position;
 }
-/**
- * Represents the start and end coordinates of a node inside the source with an offset.
- */
-export interface SourceLocationWithOffset {
-  start: PositionWithOffset;
-  end: PositionWithOffset;
-}
 /**
  * Represents a location coordinate inside the source. ESLint-style formats
  * have just `line` and `column` while others may have `offset` as well.
@@ -42,12 +33,6 @@ export interface Position {
   line: number;
   column: number;
 }
-/**
- * Represents a location coordinate inside the source with an offset.
- */
-export interface PositionWithOffset extends Position {
-  offset: number;
-}
 /**
  * Represents a range of characters in the source.
  */
@@ -472,35 +457,6 @@ export interface RuleDefinition<Options extends RuleDefinitionTypeOptions = Rule
     MessageIds: Options["MessageIds"];
   }>): Options["Visitor"];
 }
-/**
- * Defaults for non-language-related `RuleDefinition` options.
- * @deprecated Use the same type from `@eslint/plugin-kit` instead.
- */
-export interface CustomRuleTypeDefinitions {
-  RuleOptions: unknown[];
-  MessageIds: string;
-  ExtRuleDocs: Record<string, unknown>;
-}
-/**
- * A helper type to define language specific specializations of the `RuleDefinition` type.
- * @deprecated Use the same type from `@eslint/plugin-kit` instead.
- *
- * @example
- * ```ts
- * type YourRuleDefinition<
- * 	Options extends Partial<CustomRuleTypeDefinitions> = {},
- * > = CustomRuleDefinitionType<
- * 	{
- * 		LangOptions: YourLanguageOptions;
- * 		Code: YourSourceCode;
- * 		Visitor: YourRuleVisitor;
- * 		Node: YourNode;
- * 	},
- * 	Options
- * >;
- * ```
- */
-export type CustomRuleDefinitionType<LanguageSpecificOptions extends Omit<RuleDefinitionTypeOptions, keyof CustomRuleTypeDefinitions>, Options extends Partial<CustomRuleTypeDefinitions>> = RuleDefinition<LanguageSpecificOptions & Required<Options & Omit<CustomRuleTypeDefinitions, keyof Options>>>;
 /**
  * The human readable severity level used in a configuration.
  */
@@ -1157,5 +1113,5 @@ export interface Directive {
   justification?: string;
 }
 //#endregion
-export { types_d_exports };
+export {};
 //# sourceMappingURL=types.d.mts.map

package/es/node_modules/.pnpm/@eslint_plugin-kit@0.7.3/node_modules/@eslint/plugin-kit/dist/cjs/index.d.mts

@@ -1,4 +1,4 @@
-import { RuleVisitor as RuleVisitor$1, types_d_exports } from "../../../../../../@eslint_core@1.2.1/node_modules/@eslint/core/dist/esm/types.mjs";
+import { RuleVisitor as RuleVisitor$1 } from "../../../../../../@eslint_core@1.2.1/node_modules/@eslint/core/dist/esm/types.mjs";
 import { CustomRuleVisitorWithExit as CustomRuleVisitorWithExit$1 } from "./types.mjs";
 //#region node_modules/.pnpm/@eslint+plugin-kit@0.7.3/node_modules/@eslint/plugin-kit/dist/cjs/index.d.cts
 export type RuleVisitor = RuleVisitor$1;

package/es/node_modules/.pnpm/@types_estree@1.0.9/node_modules/@types/estree/index.d.mts

@@ -1,6 +1,4 @@
-declare namespace index_d_exports {
-  export { ArrayExpression, ArrayPattern, ArrowFunctionExpression, AssignmentExpression, AssignmentOperator, AssignmentPattern, AssignmentProperty, AwaitExpression, BaseCallExpression, BaseClass, BaseDeclaration, BaseExpression, BaseForXStatement, BaseFunction, BaseModuleDeclaration, BaseModuleSpecifier, BaseNode, BaseNodeWithoutComments, BasePattern, BaseStatement, BigIntLiteral, BinaryExpression, BinaryOperator, BlockStatement, BreakStatement, CallExpression, CatchClause, ChainElement, ChainExpression, Class, ClassBody, ClassDeclaration, ClassExpression, Comment, ConditionalExpression, ContinueStatement, DebuggerStatement, Declaration, Directive, DoWhileStatement, EmptyStatement, ExportAllDeclaration, ExportDefaultDeclaration, ExportNamedDeclaration, ExportSpecifier, Expression, ExpressionMap, ExpressionStatement, ForInStatement, ForOfStatement, ForStatement, Function, FunctionDeclaration, FunctionExpression, Identifier, IfStatement, ImportAttribute, ImportDeclaration, ImportDefaultSpecifier, ImportExpression, ImportNamespaceSpecifier, ImportSpecifier, LabeledStatement, Literal, LogicalExpression, LogicalOperator, MaybeNamedClassDeclaration, MaybeNamedFunctionDeclaration, MemberExpression, MetaProperty, MethodDefinition, ModuleDeclaration, ModuleSpecifier, NewExpression, Node, NodeMap, ObjectExpression, ObjectPattern, Pattern, Position, PrivateIdentifier, Program, Property, PropertyDefinition, RegExpLiteral, RestElement, ReturnStatement, SequenceExpression, SimpleCallExpression, SimpleLiteral, SourceLocation, SpreadElement, Statement, StaticBlock, Super, SwitchCase, SwitchStatement, TaggedTemplateExpression, TemplateElement, TemplateLiteral, ThisExpression, ThrowStatement, TryStatement, UnaryExpression, UnaryOperator, UpdateExpression, UpdateOperator, VariableDeclaration, VariableDeclarator, WhileStatement, WithStatement, YieldExpression };
-}
+//#region node_modules/.pnpm/@types+estree@1.0.9/node_modules/@types/estree/index.d.ts
 // This definition file follows a somewhat unusual format. ESTree allows
 // runtime type checks based on the `type` parameter. In order to explain this
 // to typescript we want to use discriminated union types:
@@ -526,5 +524,4 @@ export interface AwaitExpression extends BaseExpression {
   argument: Expression;
 }
 //#endregion
-export { index_d_exports };
 //# sourceMappingURL=index.d.mts.map

package/es/node_modules/.pnpm/@types_mdx@2.0.14/node_modules/@types/mdx/types.d.mts

@@ -62,4 +62,5 @@ export type MDXComponents = NestedMDXComponents & { [Key in StringComponent]?: C
   wrapper?: Component<any>;
 };
 //#endregion
+export {};
 //# sourceMappingURL=types.d.mts.map

package/es/node_modules/.pnpm/eslint@10.12.0_jiti@2.6.1_supports-color@10.2.2/node_modules/eslint/lib/types/index.d.mts

@@ -1,4 +1,4 @@
-import { ArrowFunctionExpression, AssignmentExpression, BaseNode, CatchClause, ClassDeclaration, ClassExpression, Comment, Expression, ForInStatement, ForOfStatement, FunctionDeclaration, FunctionExpression, Identifier, ImportDeclaration, ImportDefaultSpecifier, ImportNamespaceSpecifier, ImportSpecifier, Node as Node$1, Position, Program, SourceLocation as SourceLocation$1, VariableDeclaration, VariableDeclarator, index_d_exports } from "../../../../../@types_estree@1.0.9/node_modules/@types/estree/index.mjs";
+import { ArrowFunctionExpression, AssignmentExpression, BaseNode, CatchClause, ClassDeclaration, ClassExpression, Comment, Expression, ForInStatement, ForOfStatement, FunctionDeclaration, FunctionExpression, Identifier, ImportDeclaration, ImportDefaultSpecifier, ImportNamespaceSpecifier, ImportSpecifier, Node as Node$1, Position, Program, SourceLocation as SourceLocation$1, VariableDeclaration, VariableDeclarator } from "../../../../../@types_estree@1.0.9/node_modules/@types/estree/index.mjs";
 import { BaseConfig, ConfigObject, ConfigOverride, DeprecatedInfo, EcmaVersion as EcmaVersion$1, EnvironmentConfig, GlobalAccess, GlobalsConfig, HasRules, JavaScriptSourceType, LanguageOptions, LegacyConfigObject, LintMessage as LintMessage$1, LintSuggestion, LinterOptionsConfig, ObjectMetaProperties, Plugin as Plugin$1, Processor, ProcessorFile as ProcessorFile$1, RuleConfig, RuleContext as RuleContext$1, RuleDefinition, RuleFixer, RuleTextEdit, RuleTextEditor, RulesConfig, RulesMeta, Severity, SeverityLevel, SeverityName, SourceRange, SuggestedEdit, SuggestedEditBase, SuggestionMessage, TextSourceCode, TraversalStep, ViolationLocation, ViolationMessage, ViolationReport, ViolationReportBase } from "../../../../../@eslint_core@1.2.1/node_modules/@eslint/core/dist/esm/types.mjs";
 import { CustomRuleVisitorWithExit } from "../../../../../@eslint_plugin-kit@0.7.3/node_modules/@eslint/plugin-kit/dist/cjs/index.mjs";
 //#region node_modules/.pnpm/eslint@10.12.0_jiti@2.6.1_supports-color@10.2.2/node_modules/eslint/lib/types/index.d.ts
@@ -866,4 +866,5 @@ export declare namespace ESLint {
   type EditInfo = Rule.Fix;
 }
 //#endregion
+export {};
 //# sourceMappingURL=index.d.mts.map

package/es/storybook/StoryBook/style.mjs

@@ -2,12 +2,14 @@
 const styles = {
 	editor: {
 		kAzted: "lb1us19tq",
+		k7Eaqz: "lbeuugli",
 		kzqmXN: "lbh8yej3",
 		$$css: true
 	},
 	left: {
 		kVQacm: "lbysyzu8",
 		kVAEAm: "lb1n2onr6",
+		k7Eaqz: "lbeuugli",
 		$$css: true
 	}
 };

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/storybook/StoryBook/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nexport const styles = stylex.create({\n  editor: {\n    minHeight: '100%',\n    width: '100%',\n  },\n  left: {\n    overflow: 'auto',\n    position: 'relative',\n  },\n});\n"],"mappings":";AACA,MAAa,SAAS;CACpB,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/storybook/StoryBook/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nexport const styles = stylex.create({\n  editor: {\n    minHeight: '100%',\n    /* A demo can be wider than the frame (tables with `scroll.x`, wide code).\n       Without this the item's min-content inflates the parent grid track and\n       the demo overflows the frame instead of scrolling inside it. */\n    minWidth: 0,\n    width: '100%',\n  },\n  left: {\n    overflow: 'auto',\n    position: 'relative',\n    minWidth: 0,\n  },\n});\n"],"mappings":";AACA,MAAa,SAAS;CACpB,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}