@lobehub/ui 5.6.3 → 5.6.5

package/es/Modal/imperative.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"imperative.mjs","names":["modalStack: TModalStackItem[]","EMPTY_STACK: TModalStackItem[]"],"sources":["../../src/Modal/imperative.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { memo, useEffect, useSyncExternalStore } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { useIsClient } from '@/hooks/useIsClient';\nimport { useAppElement } from '@/ThemeProvider';\nimport { registerDevSingleton } from '@/utils/devSingleton';\n\nimport { ModalStackItem } from './ModalStackItem';\nimport { RawModalStackItem } from './RawModalStackItem';\nimport type {\n  ImperativeModalProps,\n  ModalInstance,\n  RawModalComponent,\n  RawModalComponentProps,\n  RawModalInstance,\n  RawModalKeyOptions,\n  RawModalOptions,\n} from './type';\n\ntype ModalStackItemBase = {\n  id: string;\n};\n\ntype ModalStackItemModal = ModalStackItemBase & {\n  kind: 'modal';\n  props: ImperativeModalProps;\n};\n\ntype ModalStackItemRaw = ModalStackItemBase & {\n  component: RawModalComponent;\n  kind: 'raw';\n  open: boolean;\n  options?: RawModalOptions<PropertyKey, PropertyKey>;\n  props: Record<string, unknown>;\n};\n\ntype TModalStackItem = ModalStackItemModal | ModalStackItemRaw;\n\ntype ModalStackProps = {\n  stack: TModalStackItem[];\n};\n\nexport type ModalHostProps = {\n  root?: HTMLElement | ShadowRoot | null;\n};\n\nlet modalStack: TModalStackItem[] = [];\nlet modalSeed = 0;\nconst listeners = new Set<() => void>();\nconst rawDestroyTimers = new Map<string, number>();\n\nconst notify = () => {\n  listeners.forEach((listener) => listener());\n};\n\nconst subscribe = (listener: () => void) => {\n  listeners.add(listener);\n  return () => listeners.delete(listener);\n};\n\nconst EMPTY_STACK: TModalStackItem[] = [];\nconst getSnapshot = () => modalStack;\nconst getServerSnapshot = () => EMPTY_STACK;\n\nconst ModalPortal = ({\n  children,\n  root,\n}: {\n  children: ReactNode;\n  root?: HTMLElement | ShadowRoot | null;\n}) => {\n  const appElement = useAppElement();\n  const container = root ?? appElement ?? document.body;\n\n  return createPortal(children, container);\n};\n\nconst updateModal = (id: string, nextProps: Partial<ImperativeModalProps>) => {\n  let changed = false;\n  modalStack = modalStack.map((item) => {\n    if (item.id !== id) return item;\n    if (item.kind !== 'modal') return item;\n    changed = true;\n    return {\n      ...item,\n      props: { ...item.props, ...nextProps },\n    };\n  });\n\n  if (changed) notify();\n};\n\nconst updateRawProps = (id: string, nextProps: Record<string, unknown>) => {\n  let changed = false;\n  modalStack = modalStack.map((item) => {\n    if (item.id !== id) return item;\n    if (item.kind !== 'raw') return item;\n    changed = true;\n    return {\n      ...item,\n      props: { ...item.props, ...nextProps },\n    };\n  });\n\n  if (changed) notify();\n};\n\nconst setRawOpen = (id: string, open: boolean) => {\n  let changed = false;\n  modalStack = modalStack.map((item) => {\n    if (item.id !== id) return item;\n    if (item.kind !== 'raw') return item;\n    if (item.open === open) return item;\n    changed = true;\n    return { ...item, open };\n  });\n\n  if (open) {\n    const timer = rawDestroyTimers.get(id);\n    if (timer) {\n      clearTimeout(timer);\n      rawDestroyTimers.delete(id);\n    }\n  }\n\n  if (changed) notify();\n};\n\nconst closeModal = (id: string) => {\n  const target = modalStack.find((item) => item.id === id);\n  if (!target) return;\n\n  if (target.kind === 'modal') {\n    updateModal(id, { open: false });\n    return;\n  }\n\n  setRawOpen(id, false);\n\n  const shouldDestroy = target.options?.destroyOnClose ?? true;\n  if (!shouldDestroy) return;\n\n  const delay = target.options?.destroyDelay ?? 200;\n  const existing = rawDestroyTimers.get(id);\n  if (existing) clearTimeout(existing);\n  const timer = window.setTimeout(() => {\n    rawDestroyTimers.delete(id);\n\n    destroyModal(id);\n  }, delay);\n  rawDestroyTimers.set(id, timer);\n};\n\nconst destroyModal = (id: string) => {\n  const timer = rawDestroyTimers.get(id);\n  if (timer) {\n    clearTimeout(timer);\n    rawDestroyTimers.delete(id);\n  }\n  const nextStack = modalStack.filter((item) => item.id !== id);\n  if (nextStack.length === modalStack.length) return;\n  modalStack = nextStack;\n  notify();\n};\n\nconst ModalStack = memo(({ stack }: ModalStackProps) => {\n  const isClient = useIsClient();\n  if (!isClient) return null;\n  return stack.map((item) => {\n    if (item.kind === 'modal') {\n      return (\n        <ModalStackItem\n          id={item.id}\n          key={item.id}\n          props={item.props}\n          onClose={closeModal}\n          onDestroy={destroyModal}\n          onUpdate={updateModal}\n        />\n      );\n    }\n\n    return (\n      <RawModalStackItem\n        component={item.component}\n        id={item.id}\n        key={item.id}\n        open={item.open}\n        options={item.options}\n        props={item.props}\n        onClose={closeModal}\n        onUpdate={updateRawProps}\n      />\n    );\n  });\n});\n\nModalStack.displayName = 'ModalStack';\n\nexport const ModalHost = ({ root }: ModalHostProps) => {\n  const stack = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n  const isClient = useIsClient();\n\n  useEffect(() => {\n    if (!isClient) return;\n    // Enforce singleton per portal root (dev-only).\n    const scope = root ?? document.body;\n    return registerDevSingleton('ModalHost', scope);\n  }, [isClient, root]);\n\n  if (!isClient) return null;\n  if (stack.length === 0) return null;\n\n  return (\n    <ModalPortal root={root}>\n      <ModalStack stack={stack} />\n    </ModalPortal>\n  );\n};\n\nexport const createModal = (props: ImperativeModalProps): ModalInstance => {\n  const id = `modal-${Date.now()}-${modalSeed++}`;\n  modalStack = [\n    ...modalStack,\n    { id, kind: 'modal', props: { ...props, open: props.open ?? true } },\n  ];\n  notify();\n\n  return {\n    close: () => closeModal(id),\n    destroy: () => destroyModal(id),\n    setCanDismissByClickOutside: (value) => updateModal(id, { maskClosable: value }),\n    update: (nextProps) => updateModal(id, nextProps),\n  };\n};\n\nexport function createRawModal<P extends RawModalComponentProps>(\n  component: RawModalComponent<P>,\n  props: Omit<P, 'open' | 'onClose'>,\n  options?: RawModalOptions,\n): RawModalInstance<P>;\n\nexport function createRawModal<P, OpenKey extends keyof P, CloseKey extends keyof P>(\n  component: RawModalComponent<P>,\n  props: Omit<P, OpenKey | CloseKey>,\n  options: RawModalKeyOptions<OpenKey, CloseKey>,\n): RawModalInstance<P, OpenKey, CloseKey>;\n\nexport function createRawModal<P, OpenKey extends keyof P, CloseKey extends keyof P>(\n  component: RawModalComponent<P>,\n  props: Omit<P, OpenKey | CloseKey>,\n  options?: RawModalOptions<OpenKey, CloseKey>,\n): RawModalInstance<P, OpenKey, CloseKey> {\n  const id = `modal-${Date.now()}-${modalSeed++}`;\n  modalStack = [\n    ...modalStack,\n    {\n      component,\n      id,\n      kind: 'raw',\n      open: true,\n      options,\n      props: props as Record<string, unknown>,\n    },\n  ];\n  notify();\n\n  return {\n    close: () => closeModal(id),\n    destroy: () => destroyModal(id),\n    setCanDismissByClickOutside: (value) => updateRawProps(id, { maskClosable: value }),\n    update: (nextProps) => updateRawProps(id, nextProps as Record<string, unknown>),\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"imperative.mjs","names":[],"sources":["../../src/Modal/imperative.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { memo, useEffect, useSyncExternalStore } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { useIsClient } from '@/hooks/useIsClient';\nimport { useAppElement } from '@/ThemeProvider';\nimport { registerDevSingleton } from '@/utils/devSingleton';\n\nimport { ModalStackItem } from './ModalStackItem';\nimport { RawModalStackItem } from './RawModalStackItem';\nimport type {\n  ImperativeModalProps,\n  ModalInstance,\n  RawModalComponent,\n  RawModalComponentProps,\n  RawModalInstance,\n  RawModalKeyOptions,\n  RawModalOptions,\n} from './type';\n\ntype ModalStackItemBase = {\n  id: string;\n};\n\ntype ModalStackItemModal = ModalStackItemBase & {\n  kind: 'modal';\n  props: ImperativeModalProps;\n};\n\ntype ModalStackItemRaw = ModalStackItemBase & {\n  component: RawModalComponent;\n  kind: 'raw';\n  open: boolean;\n  options?: RawModalOptions<PropertyKey, PropertyKey>;\n  props: Record<string, unknown>;\n};\n\ntype TModalStackItem = ModalStackItemModal | ModalStackItemRaw;\n\ntype ModalStackProps = {\n  stack: TModalStackItem[];\n};\n\nexport type ModalHostProps = {\n  root?: HTMLElement | ShadowRoot | null;\n};\n\nlet modalStack: TModalStackItem[] = [];\nlet modalSeed = 0;\nconst listeners = new Set<() => void>();\nconst rawDestroyTimers = new Map<string, number>();\n\nconst notify = () => {\n  listeners.forEach((listener) => listener());\n};\n\nconst subscribe = (listener: () => void) => {\n  listeners.add(listener);\n  return () => listeners.delete(listener);\n};\n\nconst EMPTY_STACK: TModalStackItem[] = [];\nconst getSnapshot = () => modalStack;\nconst getServerSnapshot = () => EMPTY_STACK;\n\nconst ModalPortal = ({\n  children,\n  root,\n}: {\n  children: ReactNode;\n  root?: HTMLElement | ShadowRoot | null;\n}) => {\n  const appElement = useAppElement();\n  const container = root ?? appElement ?? document.body;\n\n  return createPortal(children, container);\n};\n\nconst updateModal = (id: string, nextProps: Partial<ImperativeModalProps>) => {\n  let changed = false;\n  modalStack = modalStack.map((item) => {\n    if (item.id !== id) return item;\n    if (item.kind !== 'modal') return item;\n    changed = true;\n    return {\n      ...item,\n      props: { ...item.props, ...nextProps },\n    };\n  });\n\n  if (changed) notify();\n};\n\nconst updateRawProps = (id: string, nextProps: Record<string, unknown>) => {\n  let changed = false;\n  modalStack = modalStack.map((item) => {\n    if (item.id !== id) return item;\n    if (item.kind !== 'raw') return item;\n    changed = true;\n    return {\n      ...item,\n      props: { ...item.props, ...nextProps },\n    };\n  });\n\n  if (changed) notify();\n};\n\nconst setRawOpen = (id: string, open: boolean) => {\n  let changed = false;\n  modalStack = modalStack.map((item) => {\n    if (item.id !== id) return item;\n    if (item.kind !== 'raw') return item;\n    if (item.open === open) return item;\n    changed = true;\n    return { ...item, open };\n  });\n\n  if (open) {\n    const timer = rawDestroyTimers.get(id);\n    if (timer) {\n      clearTimeout(timer);\n      rawDestroyTimers.delete(id);\n    }\n  }\n\n  if (changed) notify();\n};\n\nconst closeModal = (id: string) => {\n  const target = modalStack.find((item) => item.id === id);\n  if (!target) return;\n\n  if (target.kind === 'modal') {\n    updateModal(id, { open: false });\n    return;\n  }\n\n  setRawOpen(id, false);\n\n  const shouldDestroy = target.options?.destroyOnClose ?? true;\n  if (!shouldDestroy) return;\n\n  const delay = target.options?.destroyDelay ?? 200;\n  const existing = rawDestroyTimers.get(id);\n  if (existing) clearTimeout(existing);\n  const timer = window.setTimeout(() => {\n    rawDestroyTimers.delete(id);\n\n    destroyModal(id);\n  }, delay);\n  rawDestroyTimers.set(id, timer);\n};\n\nconst destroyModal = (id: string) => {\n  const timer = rawDestroyTimers.get(id);\n  if (timer) {\n    clearTimeout(timer);\n    rawDestroyTimers.delete(id);\n  }\n  const nextStack = modalStack.filter((item) => item.id !== id);\n  if (nextStack.length === modalStack.length) return;\n  modalStack = nextStack;\n  notify();\n};\n\nconst ModalStack = memo(({ stack }: ModalStackProps) => {\n  const isClient = useIsClient();\n  if (!isClient) return null;\n  return stack.map((item) => {\n    if (item.kind === 'modal') {\n      return (\n        <ModalStackItem\n          id={item.id}\n          key={item.id}\n          props={item.props}\n          onClose={closeModal}\n          onDestroy={destroyModal}\n          onUpdate={updateModal}\n        />\n      );\n    }\n\n    return (\n      <RawModalStackItem\n        component={item.component}\n        id={item.id}\n        key={item.id}\n        open={item.open}\n        options={item.options}\n        props={item.props}\n        onClose={closeModal}\n        onUpdate={updateRawProps}\n      />\n    );\n  });\n});\n\nModalStack.displayName = 'ModalStack';\n\nexport const ModalHost = ({ root }: ModalHostProps) => {\n  const stack = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n  const isClient = useIsClient();\n\n  useEffect(() => {\n    if (!isClient) return;\n    // Enforce singleton per portal root (dev-only).\n    const scope = root ?? document.body;\n    return registerDevSingleton('ModalHost', scope);\n  }, [isClient, root]);\n\n  if (!isClient) return null;\n  if (stack.length === 0) return null;\n\n  return (\n    <ModalPortal root={root}>\n      <ModalStack stack={stack} />\n    </ModalPortal>\n  );\n};\n\nexport const createModal = (props: ImperativeModalProps): ModalInstance => {\n  const id = `modal-${Date.now()}-${modalSeed++}`;\n  modalStack = [\n    ...modalStack,\n    { id, kind: 'modal', props: { ...props, open: props.open ?? true } },\n  ];\n  notify();\n\n  return {\n    close: () => closeModal(id),\n    destroy: () => destroyModal(id),\n    setCanDismissByClickOutside: (value) => updateModal(id, { maskClosable: value }),\n    update: (nextProps) => updateModal(id, nextProps),\n  };\n};\n\nexport function createRawModal<P extends RawModalComponentProps>(\n  component: RawModalComponent<P>,\n  props: Omit<P, 'open' | 'onClose'>,\n  options?: RawModalOptions,\n): RawModalInstance<P>;\n\nexport function createRawModal<P, OpenKey extends keyof P, CloseKey extends keyof P>(\n  component: RawModalComponent<P>,\n  props: Omit<P, OpenKey | CloseKey>,\n  options: RawModalKeyOptions<OpenKey, CloseKey>,\n): RawModalInstance<P, OpenKey, CloseKey>;\n\nexport function createRawModal<P, OpenKey extends keyof P, CloseKey extends keyof P>(\n  component: RawModalComponent<P>,\n  props: Omit<P, OpenKey | CloseKey>,\n  options?: RawModalOptions<OpenKey, CloseKey>,\n): RawModalInstance<P, OpenKey, CloseKey> {\n  const id = `modal-${Date.now()}-${modalSeed++}`;\n  modalStack = [\n    ...modalStack,\n    {\n      component,\n      id,\n      kind: 'raw',\n      open: true,\n      options,\n      props: props as Record<string, unknown>,\n    },\n  ];\n  notify();\n\n  return {\n    close: () => closeModal(id),\n    destroy: () => destroyModal(id),\n    setCanDismissByClickOutside: (value) => updateRawProps(id, { maskClosable: value }),\n    update: (nextProps) => updateRawProps(id, nextProps as Record<string, unknown>),\n  };\n}\n"],"mappings":"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"}

package/es/Modal/index.mjs

@@ -1,5 +1,4 @@
-import Modal_default from "./Modal.mjs";
+import Modal from "./Modal.mjs";
 import { ModalProvider, useModalContext } from "./ModalProvider.mjs";
 import { ModalHost, createModal, createRawModal } from "./imperative.mjs";
-
-export { ModalHost, ModalProvider, createModal, createRawModal, Modal_default as default, useModalContext };
+export { ModalHost, ModalProvider, createModal, createRawModal, Modal as default, useModalContext };

package/es/Modal/style.mjs

@@ -1,10 +1,7 @@
 import { createStaticStyles } from "antd-style";
-
-//#region src/Modal/style.ts
-const HEADER_HEIGHT = 56;
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
-		content: css$1`
+		content: css`
       [class*='ant-modal-footer'] {
         margin: 0;
         padding: 16px;
@@ -24,18 +21,18 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
       [class*='ant-modal-container'] {
         overflow: hidden;
         padding: 0;
-        border: 1px solid ${cssVar$1.colorSplit};
-        border-radius: ${cssVar$1.borderRadiusLG};
+        border: 1px solid ${cssVar.colorSplit};
+        border-radius: ${cssVar.borderRadiusLG};
       }
     `,
-		drawerContent: css$1`
+		drawerContent: css`
       [class*='ant-drawer-close'] {
         padding: 0;
       }
 
       [class*='ant-drawer-header'] {
         flex: none;
-        height: ${HEADER_HEIGHT}px !important;
+        height: ${56}px !important;
         padding-block: 0;
         padding-inline: 16px;
       }
@@ -49,12 +46,12 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         border: none;
       }
     `,
-		wrap: css$1`
+		wrap: css`
       overflow: hidden auto;
     `
 	};
 });
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

package/es/Modal/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../src/Modal/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const HEADER_HEIGHT = 56;\nexport const FOOTER_HEIGHT = 68;\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    content: css`\n      [class*='ant-modal-footer'] {\n        margin: 0;\n        padding: 16px;\n      }\n\n      [class*='ant-modal-header'] {\n        display: flex;\n        gap: 4px;\n        align-items: center;\n        justify-content: center;\n\n        height: 56px;\n        margin-block-end: 0;\n        padding: 16px;\n      }\n\n      [class*='ant-modal-container'] {\n        overflow: hidden;\n        padding: 0;\n        border: 1px solid ${cssVar.colorSplit};\n        border-radius: ${cssVar.borderRadiusLG};\n      }\n    `,\n    drawerContent: css`\n      [class*='ant-drawer-close'] {\n        padding: 0;\n      }\n\n      [class*='ant-drawer-header'] {\n        flex: none;\n        height: ${HEADER_HEIGHT}px !important;\n        padding-block: 0;\n        padding-inline: 16px;\n      }\n\n      [class*='ant-drawer-footer'] {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n\n        padding: 16px;\n        border: none;\n      }\n    `,\n    wrap: css`\n      overflow: hidden auto;\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,gBAAgB;AAG7B,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,SAAS,KAAG;;;;;;;;;;;;;;;;;;;;4BAoBYA,SAAO,WAAW;yBACrBA,SAAO,eAAe;;;EAG3C,eAAe,KAAG;;;;;;;kBAOJ,cAAc;;;;;;;;;;;;;;EAc5B,MAAM,KAAG;;;EAGV;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Modal/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const HEADER_HEIGHT = 56;\nexport const FOOTER_HEIGHT = 68;\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    content: css`\n      [class*='ant-modal-footer'] {\n        margin: 0;\n        padding: 16px;\n      }\n\n      [class*='ant-modal-header'] {\n        display: flex;\n        gap: 4px;\n        align-items: center;\n        justify-content: center;\n\n        height: 56px;\n        margin-block-end: 0;\n        padding: 16px;\n      }\n\n      [class*='ant-modal-container'] {\n        overflow: hidden;\n        padding: 0;\n        border: 1px solid ${cssVar.colorSplit};\n        border-radius: ${cssVar.borderRadiusLG};\n      }\n    `,\n    drawerContent: css`\n      [class*='ant-drawer-close'] {\n        padding: 0;\n      }\n\n      [class*='ant-drawer-header'] {\n        flex: none;\n        height: ${HEADER_HEIGHT}px !important;\n        padding-block: 0;\n        padding-inline: 16px;\n      }\n\n      [class*='ant-drawer-footer'] {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n\n        padding: 16px;\n        border: none;\n      }\n    `,\n    wrap: css`\n      overflow: hidden auto;\n    `,\n  };\n});\n"],"mappings":";AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;4BAoBY,OAAO,WAAW;yBACrB,OAAO,eAAe;;;EAG3C,eAAe,GAAG;;;;;;;qBAOU;;;;;;;;;;;;;;EAc5B,MAAM,GAAG;;;EAGV;EACD"}

package/es/MotionProvider/index.d.mts

@@ -1,12 +1,12 @@
-import * as react63 from "react";
+import * as _$react from "react";
 import { Context, ReactNode } from "react";
-import * as motion_react0 from "motion/react";
+import * as _$motion_react0 from "motion/react";
 import * as m from "motion/react-m";
 
 //#region src/MotionProvider/index.d.ts
-type MotionComponentType = typeof motion_react0.motion | typeof m;
+type MotionComponentType = typeof _$motion_react0.motion | typeof m;
 declare const MotionComponent: Context<MotionComponentType>;
-declare const MotionProvider: react63.NamedExoticComponent<{
+declare const MotionProvider: _$react.NamedExoticComponent<{
   children: ReactNode;
   motion: MotionComponentType;
 }>;

package/es/MotionProvider/index.mjs

@@ -1,8 +1,6 @@
-'use client';
-
+"use client";
 import { createContext, memo, use } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/MotionProvider/index.tsx
 const MotionComponent = createContext(null);
 const MotionProvider = memo(({ children, motion }) => {
@@ -16,7 +14,7 @@ const useMotionComponent = () => {
 	if (!context) throw new Error("Please wrap your app with <ConfigProvider> (or <MotionProvider>) and pass the motion component");
 	return context;
 };
-
 //#endregion
 export { MotionComponent, MotionProvider, useMotionComponent };
+
 //# sourceMappingURL=index.mjs.map

package/es/MotionProvider/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["MotionComponent: Context<MotionComponentType>"],"sources":["../../src/MotionProvider/index.tsx"],"sourcesContent":["'use client';\n\nimport type * as m from 'motion/react-m';\nimport { type Context, createContext, memo, type ReactNode, use } from 'react';\n\nexport type MotionComponentType = typeof import('motion/react').motion | typeof m;\n\nexport const MotionComponent: Context<MotionComponentType> = createContext<MotionComponentType>(\n  null!,\n);\n\nexport const MotionProvider = memo<{ children: ReactNode; motion: MotionComponentType }>(\n  ({ children, motion }) => {\n    return <MotionComponent value={motion}>{children}</MotionComponent>;\n  },\n);\n\nexport const useMotionComponent = (): MotionComponentType => {\n  const context = use(MotionComponent);\n  if (!context) {\n    throw new Error(\n      'Please wrap your app with <ConfigProvider> (or <MotionProvider>) and pass the motion component',\n    );\n  }\n  return context;\n};\n"],"mappings":";;;;;;AAOA,MAAaA,kBAAgD,cAC3D,KACD;AAED,MAAa,iBAAiB,MAC3B,EAAE,UAAU,aAAa;AACxB,QAAO,oBAAC;EAAgB,OAAO;EAAS;GAA2B;EAEtE;AAED,MAAa,2BAAgD;CAC3D,MAAM,UAAU,IAAI,gBAAgB;AACpC,KAAI,CAAC,QACH,OAAM,IAAI,MACR,iGACD;AAEH,QAAO"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/MotionProvider/index.tsx"],"sourcesContent":["'use client';\n\nimport type * as m from 'motion/react-m';\nimport { type Context, createContext, memo, type ReactNode, use } from 'react';\n\nexport type MotionComponentType = typeof import('motion/react').motion | typeof m;\n\nexport const MotionComponent: Context<MotionComponentType> = createContext<MotionComponentType>(\n  null!,\n);\n\nexport const MotionProvider = memo<{ children: ReactNode; motion: MotionComponentType }>(\n  ({ children, motion }) => {\n    return <MotionComponent value={motion}>{children}</MotionComponent>;\n  },\n);\n\nexport const useMotionComponent = (): MotionComponentType => {\n  const context = use(MotionComponent);\n  if (!context) {\n    throw new Error(\n      'Please wrap your app with <ConfigProvider> (or <MotionProvider>) and pass the motion component',\n    );\n  }\n  return context;\n};\n"],"mappings":";;;;AAOA,MAAa,kBAAgD,cAC3D,KACD;AAED,MAAa,iBAAiB,MAC3B,EAAE,UAAU,aAAa;AACxB,QAAO,oBAAC,iBAAD;EAAiB,OAAO;EAAS;EAA2B,CAAA;EAEtE;AAED,MAAa,2BAAgD;CAC3D,MAAM,UAAU,IAAI,gBAAgB;AACpC,KAAI,CAAC,QACH,OAAM,IAAI,MACR,iGACD;AAEH,QAAO"}

package/es/Popover/index.d.mts

@@ -6,5 +6,4 @@ import { parseTrigger } from "../utils/parseTrigger.mjs";
 import { Popover } from "../base-ui/Popover/Popover.mjs";
 import { PopoverGroup } from "../base-ui/Popover/PopoverGroup.mjs";
 import { usePopoverPortalContainer } from "../base-ui/Popover/PopoverPortal.mjs";
-import "../base-ui/Popover/index.mjs";
 export { PopoverArrow, PopoverArrowAtomProps, PopoverArrowIcon, PopoverBackdrop, PopoverBackdropProps, PopoverContextValue, PopoverGroup, PopoverPlacement, PopoverPopup, PopoverPopupAtomProps, PopoverPopupProps, PopoverPortal, PopoverPortalAtomProps, PopoverPortalProps, PopoverPositioner, PopoverPositionerAtomProps, PopoverPositionerProps, PopoverProps, PopoverProvider, PopoverRoot, PopoverTrigger, PopoverTriggerComponentProps, PopoverTriggerElement, PopoverTriggerElementProps, PopoverViewport, PopoverViewportAtomProps, Popover as default, parseTrigger, usePopoverContext, usePopoverPortalContainer };

package/es/Popover/index.mjs

@@ -3,7 +3,6 @@ import { PopoverArrowIcon } from "../base-ui/Popover/ArrowIcon.mjs";
 import { usePopoverPortalContainer } from "../base-ui/Popover/PopoverPortal.mjs";
 import { PopoverArrow, PopoverBackdrop, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverRoot, PopoverTriggerElement, PopoverViewport } from "../base-ui/Popover/atoms.mjs";
 import { PopoverProvider, usePopoverContext } from "../base-ui/Popover/context.mjs";
-import Popover_default from "../base-ui/Popover/Popover.mjs";
-import PopoverGroup_default from "../base-ui/Popover/PopoverGroup.mjs";
-
-export { PopoverArrow, PopoverArrowIcon, PopoverBackdrop, PopoverGroup_default as PopoverGroup, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverProvider, PopoverRoot, PopoverTriggerElement, PopoverViewport, Popover_default as default, parseTrigger, usePopoverContext, usePopoverPortalContainer };
+import Popover from "../base-ui/Popover/Popover.mjs";
+import PopoverGroup from "../base-ui/Popover/PopoverGroup.mjs";
+export { PopoverArrow, PopoverArrowIcon, PopoverBackdrop, PopoverGroup, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverProvider, PopoverRoot, PopoverTriggerElement, PopoverViewport, Popover as default, parseTrigger, usePopoverContext, usePopoverPortalContainer };

package/es/ScrollArea/index.d.mts

@@ -1,5 +1,4 @@
 import { ScrollAreaContent, ScrollAreaContentProps, ScrollAreaCorner, ScrollAreaCornerProps, ScrollAreaRoot, ScrollAreaRootProps, ScrollAreaScrollbar, ScrollAreaScrollbarProps, ScrollAreaThumb, ScrollAreaThumbProps, ScrollAreaViewport, ScrollAreaViewportProps } from "../base-ui/ScrollArea/atoms.mjs";
 import { ScrollAreaProps } from "../base-ui/ScrollArea/type.mjs";
 import { ScrollArea } from "../base-ui/ScrollArea/ScrollArea.mjs";
-import "../base-ui/ScrollArea/index.mjs";
 export { ScrollArea, ScrollAreaContent, ScrollAreaContentProps, ScrollAreaCorner, ScrollAreaCornerProps, ScrollAreaProps, ScrollAreaRoot, ScrollAreaRootProps, ScrollAreaScrollbar, ScrollAreaScrollbarProps, ScrollAreaThumb, ScrollAreaThumbProps, ScrollAreaViewport, ScrollAreaViewportProps };

package/es/ScrollArea/index.mjs

@@ -1,4 +1,3 @@
 import { ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from "../base-ui/ScrollArea/atoms.mjs";
 import { ScrollArea } from "../base-ui/ScrollArea/ScrollArea.mjs";
-
-export { ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport };
+export { ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport };

package/es/ScrollShadow/ScrollShadow.mjs

@@ -1,5 +1,4 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../Flex/FlexBasic.mjs";
 import { variants } from "./style.mjs";
 import { useScrollOverflow } from "./useScrollOverflow.mjs";
@@ -7,7 +6,6 @@ import { useMemo, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { mergeRefs } from "react-merge-refs";
-
 //#region src/ScrollShadow/ScrollShadow.tsx
 const ScrollShadow = ({ className, children, orientation = "vertical", hideScrollBar = false, size = 16, offset = 8, visibility = "auto", isEnabled = true, onVisibilityChange, style, ref, ...rest }) => {
 	const cssVariables = useMemo(() => ({ "--scroll-shadow-size": `${size}%` }), [size]);
@@ -74,8 +72,7 @@ const ScrollShadow = ({ className, children, orientation = "vertical", hideScrol
 	});
 };
 ScrollShadow.displayName = "ScrollShadow";
-var ScrollShadow_default = ScrollShadow;
-
 //#endregion
-export { ScrollShadow_default as default };
+export { ScrollShadow as default };
+
 //# sourceMappingURL=ScrollShadow.mjs.map

package/es/ScrollShadow/ScrollShadow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollShadow.mjs","names":["ScrollShadow: FC<ScrollShadowProps>","attributes: Record<string, boolean | string>","Flexbox"],"sources":["../../src/ScrollShadow/ScrollShadow.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC, useMemo, useRef } from 'react';\nimport { mergeRefs } from 'react-merge-refs';\n\nimport { Flexbox } from '@/Flex';\n\nimport { variants } from './style';\nimport type { ScrollShadowProps } from './type';\nimport { useScrollOverflow } from './useScrollOverflow';\n\nconst ScrollShadow: FC<ScrollShadowProps> = ({\n  className,\n  children,\n  orientation = 'vertical',\n  hideScrollBar = false,\n  size = 16,\n  offset = 8,\n  visibility = 'auto',\n  isEnabled = true,\n  onVisibilityChange,\n  style,\n  ref,\n  ...rest\n}) => {\n  // Convert size prop to CSS variable\n  const cssVariables = useMemo<Record<string, string>>(\n    () => ({\n      '--scroll-shadow-size': `${size}%`,\n    }),\n    [size],\n  );\n  const domRef = useRef<HTMLDivElement>(null);\n\n  // 使用滚动检测钩子\n  const scrollState = useScrollOverflow({\n    domRef,\n    isEnabled: isEnabled && visibility === 'auto',\n    offset,\n    onVisibilityChange,\n    orientation,\n    updateDeps: [children],\n  });\n\n  // 决定最终的滚动状态\n  const finalScrollState = useMemo(() => {\n    if (visibility === 'always') {\n      return {\n        bottom: true,\n        left: true,\n        right: true,\n        top: true,\n      };\n    }\n\n    if (visibility === 'never') {\n      return {\n        bottom: false,\n        left: false,\n        right: false,\n        top: false,\n      };\n    }\n\n    return scrollState;\n  }, [visibility, scrollState]);\n\n  // 计算数据属性\n  const dataAttributes = useMemo(() => {\n    const attributes: Record<string, boolean | string> = {\n      'data-orientation': orientation,\n    };\n\n    if (orientation === 'vertical') {\n      if (finalScrollState.top && finalScrollState.bottom) {\n        attributes['data-top-bottom-scroll'] = true;\n      } else if (finalScrollState.top) {\n        attributes['data-top-scroll'] = true;\n      } else if (finalScrollState.bottom) {\n        attributes['data-bottom-scroll'] = true;\n      }\n    } else {\n      if (finalScrollState.left && finalScrollState.right) {\n        attributes['data-left-right-scroll'] = true;\n      } else if (finalScrollState.left) {\n        attributes['data-left-scroll'] = true;\n      } else if (finalScrollState.right) {\n        attributes['data-right-scroll'] = true;\n      }\n    }\n\n    return attributes;\n  }, [orientation, finalScrollState]);\n\n  // 计算滚动位置变体\n  const scrollPosition = useMemo(() => {\n    if (orientation === 'vertical') {\n      if (finalScrollState.top && finalScrollState.bottom) return 'top-bottom';\n      if (finalScrollState.top) return 'top';\n      if (finalScrollState.bottom) return 'bottom';\n    } else {\n      if (finalScrollState.left && finalScrollState.right) return 'left-right';\n      if (finalScrollState.left) return 'left';\n      if (finalScrollState.right) return 'right';\n    }\n    return 'none';\n  }, [orientation, finalScrollState]);\n\n  return (\n    <Flexbox\n      className={cx(variants({ hideScrollBar, orientation, scrollPosition }), className)}\n      ref={mergeRefs<HTMLDivElement>([domRef, ref])}\n      style={{\n        ...cssVariables,\n        ...style,\n      }}\n      {...dataAttributes}\n      {...rest}\n    >\n      {children}\n    </Flexbox>\n  );\n};\n\nScrollShadow.displayName = 'ScrollShadow';\n\nexport default ScrollShadow;\n"],"mappings":";;;;;;;;;;;AAYA,MAAMA,gBAAuC,EAC3C,WACA,UACA,cAAc,YACd,gBAAgB,OAChB,OAAO,IACP,SAAS,GACT,aAAa,QACb,YAAY,MACZ,oBACA,OACA,KACA,GAAG,WACC;CAEJ,MAAM,eAAe,eACZ,EACL,wBAAwB,GAAG,KAAK,IACjC,GACD,CAAC,KAAK,CACP;CACD,MAAM,SAAS,OAAuB,KAAK;CAG3C,MAAM,cAAc,kBAAkB;EACpC;EACA,WAAW,aAAa,eAAe;EACvC;EACA;EACA;EACA,YAAY,CAAC,SAAS;EACvB,CAAC;CAGF,MAAM,mBAAmB,cAAc;AACrC,MAAI,eAAe,SACjB,QAAO;GACL,QAAQ;GACR,MAAM;GACN,OAAO;GACP,KAAK;GACN;AAGH,MAAI,eAAe,QACjB,QAAO;GACL,QAAQ;GACR,MAAM;GACN,OAAO;GACP,KAAK;GACN;AAGH,SAAO;IACN,CAAC,YAAY,YAAY,CAAC;CAG7B,MAAM,iBAAiB,cAAc;EACnC,MAAMC,aAA+C,EACnD,oBAAoB,aACrB;AAED,MAAI,gBAAgB,YAClB;OAAI,iBAAiB,OAAO,iBAAiB,OAC3C,YAAW,4BAA4B;YAC9B,iBAAiB,IAC1B,YAAW,qBAAqB;YACvB,iBAAiB,OAC1B,YAAW,wBAAwB;aAGjC,iBAAiB,QAAQ,iBAAiB,MAC5C,YAAW,4BAA4B;WAC9B,iBAAiB,KAC1B,YAAW,sBAAsB;WACxB,iBAAiB,MAC1B,YAAW,uBAAuB;AAItC,SAAO;IACN,CAAC,aAAa,iBAAiB,CAAC;AAgBnC,QACE,oBAACC;EACC,WAAW,GAAG,SAAS;GAAE;GAAe;GAAa,gBAflC,cAAc;AACnC,QAAI,gBAAgB,YAAY;AAC9B,SAAI,iBAAiB,OAAO,iBAAiB,OAAQ,QAAO;AAC5D,SAAI,iBAAiB,IAAK,QAAO;AACjC,SAAI,iBAAiB,OAAQ,QAAO;WAC/B;AACL,SAAI,iBAAiB,QAAQ,iBAAiB,MAAO,QAAO;AAC5D,SAAI,iBAAiB,KAAM,QAAO;AAClC,SAAI,iBAAiB,MAAO,QAAO;;AAErC,WAAO;MACN,CAAC,aAAa,iBAAiB,CAAC;GAIsC,CAAC,EAAE,UAAU;EAClF,KAAK,UAA0B,CAAC,QAAQ,IAAI,CAAC;EAC7C,OAAO;GACL,GAAG;GACH,GAAG;GACJ;EACD,GAAI;EACJ,GAAI;EAEH;GACO;;AAId,aAAa,cAAc;AAE3B,2BAAe"}
+{"version":3,"file":"ScrollShadow.mjs","names":["Flexbox"],"sources":["../../src/ScrollShadow/ScrollShadow.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC, useMemo, useRef } from 'react';\nimport { mergeRefs } from 'react-merge-refs';\n\nimport { Flexbox } from '@/Flex';\n\nimport { variants } from './style';\nimport type { ScrollShadowProps } from './type';\nimport { useScrollOverflow } from './useScrollOverflow';\n\nconst ScrollShadow: FC<ScrollShadowProps> = ({\n  className,\n  children,\n  orientation = 'vertical',\n  hideScrollBar = false,\n  size = 16,\n  offset = 8,\n  visibility = 'auto',\n  isEnabled = true,\n  onVisibilityChange,\n  style,\n  ref,\n  ...rest\n}) => {\n  // Convert size prop to CSS variable\n  const cssVariables = useMemo<Record<string, string>>(\n    () => ({\n      '--scroll-shadow-size': `${size}%`,\n    }),\n    [size],\n  );\n  const domRef = useRef<HTMLDivElement>(null);\n\n  // 使用滚动检测钩子\n  const scrollState = useScrollOverflow({\n    domRef,\n    isEnabled: isEnabled && visibility === 'auto',\n    offset,\n    onVisibilityChange,\n    orientation,\n    updateDeps: [children],\n  });\n\n  // 决定最终的滚动状态\n  const finalScrollState = useMemo(() => {\n    if (visibility === 'always') {\n      return {\n        bottom: true,\n        left: true,\n        right: true,\n        top: true,\n      };\n    }\n\n    if (visibility === 'never') {\n      return {\n        bottom: false,\n        left: false,\n        right: false,\n        top: false,\n      };\n    }\n\n    return scrollState;\n  }, [visibility, scrollState]);\n\n  // 计算数据属性\n  const dataAttributes = useMemo(() => {\n    const attributes: Record<string, boolean | string> = {\n      'data-orientation': orientation,\n    };\n\n    if (orientation === 'vertical') {\n      if (finalScrollState.top && finalScrollState.bottom) {\n        attributes['data-top-bottom-scroll'] = true;\n      } else if (finalScrollState.top) {\n        attributes['data-top-scroll'] = true;\n      } else if (finalScrollState.bottom) {\n        attributes['data-bottom-scroll'] = true;\n      }\n    } else {\n      if (finalScrollState.left && finalScrollState.right) {\n        attributes['data-left-right-scroll'] = true;\n      } else if (finalScrollState.left) {\n        attributes['data-left-scroll'] = true;\n      } else if (finalScrollState.right) {\n        attributes['data-right-scroll'] = true;\n      }\n    }\n\n    return attributes;\n  }, [orientation, finalScrollState]);\n\n  // 计算滚动位置变体\n  const scrollPosition = useMemo(() => {\n    if (orientation === 'vertical') {\n      if (finalScrollState.top && finalScrollState.bottom) return 'top-bottom';\n      if (finalScrollState.top) return 'top';\n      if (finalScrollState.bottom) return 'bottom';\n    } else {\n      if (finalScrollState.left && finalScrollState.right) return 'left-right';\n      if (finalScrollState.left) return 'left';\n      if (finalScrollState.right) return 'right';\n    }\n    return 'none';\n  }, [orientation, finalScrollState]);\n\n  return (\n    <Flexbox\n      className={cx(variants({ hideScrollBar, orientation, scrollPosition }), className)}\n      ref={mergeRefs<HTMLDivElement>([domRef, ref])}\n      style={{\n        ...cssVariables,\n        ...style,\n      }}\n      {...dataAttributes}\n      {...rest}\n    >\n      {children}\n    </Flexbox>\n  );\n};\n\nScrollShadow.displayName = 'ScrollShadow';\n\nexport default ScrollShadow;\n"],"mappings":";;;;;;;;;AAYA,MAAM,gBAAuC,EAC3C,WACA,UACA,cAAc,YACd,gBAAgB,OAChB,OAAO,IACP,SAAS,GACT,aAAa,QACb,YAAY,MACZ,oBACA,OACA,KACA,GAAG,WACC;CAEJ,MAAM,eAAe,eACZ,EACL,wBAAwB,GAAG,KAAK,IACjC,GACD,CAAC,KAAK,CACP;CACD,MAAM,SAAS,OAAuB,KAAK;CAG3C,MAAM,cAAc,kBAAkB;EACpC;EACA,WAAW,aAAa,eAAe;EACvC;EACA;EACA;EACA,YAAY,CAAC,SAAS;EACvB,CAAC;CAGF,MAAM,mBAAmB,cAAc;AACrC,MAAI,eAAe,SACjB,QAAO;GACL,QAAQ;GACR,MAAM;GACN,OAAO;GACP,KAAK;GACN;AAGH,MAAI,eAAe,QACjB,QAAO;GACL,QAAQ;GACR,MAAM;GACN,OAAO;GACP,KAAK;GACN;AAGH,SAAO;IACN,CAAC,YAAY,YAAY,CAAC;CAG7B,MAAM,iBAAiB,cAAc;EACnC,MAAM,aAA+C,EACnD,oBAAoB,aACrB;AAED,MAAI,gBAAgB;OACd,iBAAiB,OAAO,iBAAiB,OAC3C,YAAW,4BAA4B;YAC9B,iBAAiB,IAC1B,YAAW,qBAAqB;YACvB,iBAAiB,OAC1B,YAAW,wBAAwB;aAGjC,iBAAiB,QAAQ,iBAAiB,MAC5C,YAAW,4BAA4B;WAC9B,iBAAiB,KAC1B,YAAW,sBAAsB;WACxB,iBAAiB,MAC1B,YAAW,uBAAuB;AAItC,SAAO;IACN,CAAC,aAAa,iBAAiB,CAAC;AAgBnC,QACE,oBAACA,mBAAD;EACE,WAAW,GAAG,SAAS;GAAE;GAAe;GAAa,gBAflC,cAAc;AACnC,QAAI,gBAAgB,YAAY;AAC9B,SAAI,iBAAiB,OAAO,iBAAiB,OAAQ,QAAO;AAC5D,SAAI,iBAAiB,IAAK,QAAO;AACjC,SAAI,iBAAiB,OAAQ,QAAO;WAC/B;AACL,SAAI,iBAAiB,QAAQ,iBAAiB,MAAO,QAAO;AAC5D,SAAI,iBAAiB,KAAM,QAAO;AAClC,SAAI,iBAAiB,MAAO,QAAO;;AAErC,WAAO;MACN,CAAC,aAAa,iBAAiB,CAAC;GAIsC,CAAC,EAAE,UAAU;EAClF,KAAK,UAA0B,CAAC,QAAQ,IAAI,CAAC;EAC7C,OAAO;GACL,GAAG;GACH,GAAG;GACJ;EACD,GAAI;EACJ,GAAI;EAEH;EACO,CAAA;;AAId,aAAa,cAAc"}

package/es/ScrollShadow/index.mjs

@@ -1,3 +1,2 @@
-import ScrollShadow_default from "./ScrollShadow.mjs";
-
-export { ScrollShadow_default as default };
+import ScrollShadow from "./ScrollShadow.mjs";
+export { ScrollShadow as default };

package/es/ScrollShadow/style.mjs

@@ -1,17 +1,16 @@
 import { createStaticStyles } from "antd-style";
 import { cva } from "class-variance-authority";
-
 //#region src/ScrollShadow/style.ts
-const styles = createStaticStyles(({ css: css$1 }) => {
+const styles = createStaticStyles(({ css }) => {
 	return {
-		bottomShadow: css$1`
+		bottomShadow: css`
       mask-image: linear-gradient(
         180deg,
         #000 calc(100% - var(--scroll-shadow-size, 40%)),
         transparent
       );
     `,
-		hideScrollBar: css$1`
+		hideScrollBar: css`
       scrollbar-width: none;
 
       -ms-overflow-style: none;
@@ -20,10 +19,10 @@ const styles = createStaticStyles(({ css: css$1 }) => {
         display: none;
       }
     `,
-		horizontal: css$1`
+		horizontal: css`
       overflow-x: auto;
     `,
-		leftRightShadow: css$1`
+		leftRightShadow: css`
       mask-image: linear-gradient(
         to right,
         #000,
@@ -34,25 +33,25 @@ const styles = createStaticStyles(({ css: css$1 }) => {
         transparent
       );
     `,
-		leftShadow: css$1`
+		leftShadow: css`
       mask-image: linear-gradient(
         270deg,
         #000 calc(100% - var(--scroll-shadow-size, 40%)),
         transparent
       );
     `,
-		rightShadow: css$1`
+		rightShadow: css`
       mask-image: linear-gradient(
         90deg,
         #000 calc(100% - var(--scroll-shadow-size, 40%)),
         transparent
       );
     `,
-		root: css$1`
+		root: css`
       position: relative;
       overflow: hidden;
     `,
-		topBottomShadow: css$1`
+		topBottomShadow: css`
       mask-image: linear-gradient(
         #000,
         #000,
@@ -62,14 +61,14 @@ const styles = createStaticStyles(({ css: css$1 }) => {
         transparent
       );
     `,
-		topShadow: css$1`
+		topShadow: css`
       mask-image: linear-gradient(
         0deg,
         #000 calc(100% - var(--scroll-shadow-size, 40%)),
         transparent
       );
     `,
-		vertical: css$1`
+		vertical: css`
       overflow-y: auto;
     `
 	};
@@ -100,7 +99,7 @@ const variants = cva(styles.root, {
 		}
 	}
 });
-
 //#endregion
 export { variants };
+
 //# sourceMappingURL=style.mjs.map

package/es/ScrollShadow/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/ScrollShadow/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    bottomShadow: css`\n      mask-image: linear-gradient(\n        180deg,\n        #000 calc(100% - var(--scroll-shadow-size, 40%)),\n        transparent\n      );\n    `,\n    hideScrollBar: css`\n      scrollbar-width: none;\n\n      -ms-overflow-style: none;\n\n      &::-webkit-scrollbar {\n        display: none;\n      }\n    `,\n    horizontal: css`\n      overflow-x: auto;\n    `,\n\n    leftRightShadow: css`\n      mask-image: linear-gradient(\n        to right,\n        #000,\n        #000,\n        transparent 0,\n        #000 var(--scroll-shadow-size, 40%),\n        #000 calc(100% - var(--scroll-shadow-size, 40%)),\n        transparent\n      );\n    `,\n\n    // 水平滚动阴影\n    leftShadow: css`\n      mask-image: linear-gradient(\n        270deg,\n        #000 calc(100% - var(--scroll-shadow-size, 40%)),\n        transparent\n      );\n    `,\n\n    rightShadow: css`\n      mask-image: linear-gradient(\n        90deg,\n        #000 calc(100% - var(--scroll-shadow-size, 40%)),\n        transparent\n      );\n    `,\n\n    root: css`\n      position: relative;\n      overflow: hidden;\n    `,\n\n    topBottomShadow: css`\n      mask-image: linear-gradient(\n        #000,\n        #000,\n        transparent 0,\n        #000 var(--scroll-shadow-size, 40%),\n        #000 calc(100% - var(--scroll-shadow-size, 40%)),\n        transparent\n      );\n    `,\n\n    // 垂直滚动阴影\n    topShadow: css`\n      mask-image: linear-gradient(\n        0deg,\n        #000 calc(100% - var(--scroll-shadow-size, 40%)),\n        transparent\n      );\n    `,\n\n    vertical: css`\n      overflow-y: auto;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    hideScrollBar: false,\n    orientation: 'vertical',\n    scrollPosition: 'none',\n  },\n\n  variants: {\n    orientation: {\n      horizontal: styles.horizontal,\n      vertical: styles.vertical,\n    },\n    hideScrollBar: {\n      true: styles.hideScrollBar,\n      false: null,\n    },\n    scrollPosition: {\n      'none': null,\n      'top': styles.topShadow,\n      'bottom': styles.bottomShadow,\n      'top-bottom': styles.topBottomShadow,\n      'left': styles.leftShadow,\n      'right': styles.rightShadow,\n      'left-right': styles.leftRightShadow,\n    },\n  },\n});\n"],"mappings":";;;;AAGA,MAAa,SAAS,oBAAoB,EAAE,iBAAU;AACpD,QAAO;EACL,cAAc,KAAG;;;;;;;EAOjB,eAAe,KAAG;;;;;;;;;EASlB,YAAY,KAAG;;;EAIf,iBAAiB,KAAG;;;;;;;;;;;EAapB,YAAY,KAAG;;;;;;;EAQf,aAAa,KAAG;;;;;;;EAQhB,MAAM,KAAG;;;;EAKT,iBAAiB,KAAG;;;;;;;;;;EAYpB,WAAW,KAAG;;;;;;;EAQd,UAAU,KAAG;;;EAGd;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,eAAe;EACf,aAAa;EACb,gBAAgB;EACjB;CAED,UAAU;EACR,aAAa;GACX,YAAY,OAAO;GACnB,UAAU,OAAO;GAClB;EACD,eAAe;GACb,MAAM,OAAO;GACb,OAAO;GACR;EACD,gBAAgB;GACd,QAAQ;GACR,OAAO,OAAO;GACd,UAAU,OAAO;GACjB,cAAc,OAAO;GACrB,QAAQ,OAAO;GACf,SAAS,OAAO;GAChB,cAAc,OAAO;GACtB;EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/ScrollShadow/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    bottomShadow: css`\n      mask-image: linear-gradient(\n        180deg,\n        #000 calc(100% - var(--scroll-shadow-size, 40%)),\n        transparent\n      );\n    `,\n    hideScrollBar: css`\n      scrollbar-width: none;\n\n      -ms-overflow-style: none;\n\n      &::-webkit-scrollbar {\n        display: none;\n      }\n    `,\n    horizontal: css`\n      overflow-x: auto;\n    `,\n\n    leftRightShadow: css`\n      mask-image: linear-gradient(\n        to right,\n        #000,\n        #000,\n        transparent 0,\n        #000 var(--scroll-shadow-size, 40%),\n        #000 calc(100% - var(--scroll-shadow-size, 40%)),\n        transparent\n      );\n    `,\n\n    // 水平滚动阴影\n    leftShadow: css`\n      mask-image: linear-gradient(\n        270deg,\n        #000 calc(100% - var(--scroll-shadow-size, 40%)),\n        transparent\n      );\n    `,\n\n    rightShadow: css`\n      mask-image: linear-gradient(\n        90deg,\n        #000 calc(100% - var(--scroll-shadow-size, 40%)),\n        transparent\n      );\n    `,\n\n    root: css`\n      position: relative;\n      overflow: hidden;\n    `,\n\n    topBottomShadow: css`\n      mask-image: linear-gradient(\n        #000,\n        #000,\n        transparent 0,\n        #000 var(--scroll-shadow-size, 40%),\n        #000 calc(100% - var(--scroll-shadow-size, 40%)),\n        transparent\n      );\n    `,\n\n    // 垂直滚动阴影\n    topShadow: css`\n      mask-image: linear-gradient(\n        0deg,\n        #000 calc(100% - var(--scroll-shadow-size, 40%)),\n        transparent\n      );\n    `,\n\n    vertical: css`\n      overflow-y: auto;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    hideScrollBar: false,\n    orientation: 'vertical',\n    scrollPosition: 'none',\n  },\n\n  variants: {\n    orientation: {\n      horizontal: styles.horizontal,\n      vertical: styles.vertical,\n    },\n    hideScrollBar: {\n      true: styles.hideScrollBar,\n      false: null,\n    },\n    scrollPosition: {\n      'none': null,\n      'top': styles.topShadow,\n      'bottom': styles.bottomShadow,\n      'top-bottom': styles.topBottomShadow,\n      'left': styles.leftShadow,\n      'right': styles.rightShadow,\n      'left-right': styles.leftRightShadow,\n    },\n  },\n});\n"],"mappings":";;;AAGA,MAAa,SAAS,oBAAoB,EAAE,UAAU;AACpD,QAAO;EACL,cAAc,GAAG;;;;;;;EAOjB,eAAe,GAAG;;;;;;;;;EASlB,YAAY,GAAG;;;EAIf,iBAAiB,GAAG;;;;;;;;;;;EAapB,YAAY,GAAG;;;;;;;EAQf,aAAa,GAAG;;;;;;;EAQhB,MAAM,GAAG;;;;EAKT,iBAAiB,GAAG;;;;;;;;;;EAYpB,WAAW,GAAG;;;;;;;EAQd,UAAU,GAAG;;;EAGd;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,eAAe;EACf,aAAa;EACb,gBAAgB;EACjB;CAED,UAAU;EACR,aAAa;GACX,YAAY,OAAO;GACnB,UAAU,OAAO;GAClB;EACD,eAAe;GACb,MAAM,OAAO;GACb,OAAO;GACR;EACD,gBAAgB;GACd,QAAQ;GACR,OAAO,OAAO;GACd,UAAU,OAAO;GACjB,cAAc,OAAO;GACrB,QAAQ,OAAO;GACf,SAAS,OAAO;GAChB,cAAc,OAAO;GACtB;EACF;CACF,CAAC"}

package/es/ScrollShadow/type.d.mts

@@ -1,5 +1,4 @@
 import { FlexboxProps } from "../Flex/type.mjs";
-import "../Flex/index.mjs";
 import { Ref } from "react";
 
 //#region src/ScrollShadow/type.d.ts

package/es/ScrollShadow/useScrollOverflow.mjs

@@ -1,5 +1,4 @@
 import { useEffect, useState } from "react";
-
 //#region src/ScrollShadow/useScrollOverflow.ts
 const useScrollOverflow = ({ domRef, offset = 0, orientation = "vertical", isEnabled = true, onVisibilityChange, updateDeps = [] }) => {
 	const [scrollState, setScrollState] = useState({
@@ -50,7 +49,7 @@ const useScrollOverflow = ({ domRef, offset = 0, orientation = "vertical", isEna
 	]);
 	return scrollState;
 };
-
 //#endregion
 export { useScrollOverflow };
+
 //# sourceMappingURL=useScrollOverflow.mjs.map

package/es/ScrollShadow/useScrollOverflow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollOverflow.mjs","names":[],"sources":["../../src/ScrollShadow/useScrollOverflow.ts"],"sourcesContent":["import { type RefObject, useEffect, useState } from 'react';\n\ninterface UseScrollOverflowProps {\n  domRef: RefObject<HTMLElement | null>;\n  isEnabled?: boolean;\n  offset?: number;\n  onVisibilityChange?: (visibility: {\n    bottom?: boolean;\n    left?: boolean;\n    right?: boolean;\n    top?: boolean;\n  }) => void;\n  orientation?: 'vertical' | 'horizontal';\n  updateDeps?: any[];\n}\n\nexport const useScrollOverflow = ({\n  domRef,\n  offset = 0,\n  orientation = 'vertical',\n  isEnabled = true,\n  onVisibilityChange,\n  updateDeps = [],\n}: UseScrollOverflowProps) => {\n  const [scrollState, setScrollState] = useState({\n    bottom: false,\n    left: false,\n    right: false,\n    top: false,\n  });\n\n  useEffect(() => {\n    const element = domRef.current;\n    if (!element || !isEnabled) return;\n\n    const checkScroll = () => {\n      const newState = { ...scrollState };\n\n      if (orientation === 'vertical') {\n        const hasVerticalScroll = element.scrollHeight > element.clientHeight;\n\n        if (hasVerticalScroll) {\n          newState.top = element.scrollTop > offset;\n          newState.bottom =\n            element.scrollTop + element.clientHeight < element.scrollHeight - offset;\n        } else {\n          newState.top = false;\n          newState.bottom = false;\n        }\n      } else {\n        const hasHorizontalScroll = element.scrollWidth > element.clientWidth;\n\n        if (hasHorizontalScroll) {\n          newState.left = element.scrollLeft > offset;\n          newState.right = element.scrollLeft + element.clientWidth < element.scrollWidth - offset;\n        } else {\n          newState.left = false;\n          newState.right = false;\n        }\n      }\n\n      setScrollState(newState);\n      onVisibilityChange?.(newState);\n    };\n\n    // 初始检查\n    checkScroll();\n\n    // 监听滚动事件\n    element.addEventListener('scroll', checkScroll);\n    window.addEventListener('resize', checkScroll);\n\n    // 观察内容变化\n    const resizeObserver = new ResizeObserver(checkScroll);\n    resizeObserver.observe(element);\n\n    return () => {\n      element.removeEventListener('scroll', checkScroll);\n      window.removeEventListener('resize', checkScroll);\n      resizeObserver.disconnect();\n    };\n  }, [domRef, offset, orientation, isEnabled, onVisibilityChange, ...updateDeps]);\n\n  return scrollState;\n};\n"],"mappings":";;;AAgBA,MAAa,qBAAqB,EAChC,QACA,SAAS,GACT,cAAc,YACd,YAAY,MACZ,oBACA,aAAa,EAAE,OACa;CAC5B,MAAM,CAAC,aAAa,kBAAkB,SAAS;EAC7C,QAAQ;EACR,MAAM;EACN,OAAO;EACP,KAAK;EACN,CAAC;AAEF,iBAAgB;EACd,MAAM,UAAU,OAAO;AACvB,MAAI,CAAC,WAAW,CAAC,UAAW;EAE5B,MAAM,oBAAoB;GACxB,MAAM,WAAW,EAAE,GAAG,aAAa;AAEnC,OAAI,gBAAgB,WAGlB,KAF0B,QAAQ,eAAe,QAAQ,cAElC;AACrB,aAAS,MAAM,QAAQ,YAAY;AACnC,aAAS,SACP,QAAQ,YAAY,QAAQ,eAAe,QAAQ,eAAe;UAC/D;AACL,aAAS,MAAM;AACf,aAAS,SAAS;;YAGQ,QAAQ,cAAc,QAAQ,aAEjC;AACvB,aAAS,OAAO,QAAQ,aAAa;AACrC,aAAS,QAAQ,QAAQ,aAAa,QAAQ,cAAc,QAAQ,cAAc;UAC7E;AACL,aAAS,OAAO;AAChB,aAAS,QAAQ;;AAIrB,kBAAe,SAAS;AACxB,wBAAqB,SAAS;;AAIhC,eAAa;AAGb,UAAQ,iBAAiB,UAAU,YAAY;AAC/C,SAAO,iBAAiB,UAAU,YAAY;EAG9C,MAAM,iBAAiB,IAAI,eAAe,YAAY;AACtD,iBAAe,QAAQ,QAAQ;AAE/B,eAAa;AACX,WAAQ,oBAAoB,UAAU,YAAY;AAClD,UAAO,oBAAoB,UAAU,YAAY;AACjD,kBAAe,YAAY;;IAE5B;EAAC;EAAQ;EAAQ;EAAa;EAAW;EAAoB,GAAG;EAAW,CAAC;AAE/E,QAAO"}
+{"version":3,"file":"useScrollOverflow.mjs","names":[],"sources":["../../src/ScrollShadow/useScrollOverflow.ts"],"sourcesContent":["import { type RefObject, useEffect, useState } from 'react';\n\ninterface UseScrollOverflowProps {\n  domRef: RefObject<HTMLElement | null>;\n  isEnabled?: boolean;\n  offset?: number;\n  onVisibilityChange?: (visibility: {\n    bottom?: boolean;\n    left?: boolean;\n    right?: boolean;\n    top?: boolean;\n  }) => void;\n  orientation?: 'vertical' | 'horizontal';\n  updateDeps?: any[];\n}\n\nexport const useScrollOverflow = ({\n  domRef,\n  offset = 0,\n  orientation = 'vertical',\n  isEnabled = true,\n  onVisibilityChange,\n  updateDeps = [],\n}: UseScrollOverflowProps) => {\n  const [scrollState, setScrollState] = useState({\n    bottom: false,\n    left: false,\n    right: false,\n    top: false,\n  });\n\n  useEffect(() => {\n    const element = domRef.current;\n    if (!element || !isEnabled) return;\n\n    const checkScroll = () => {\n      const newState = { ...scrollState };\n\n      if (orientation === 'vertical') {\n        const hasVerticalScroll = element.scrollHeight > element.clientHeight;\n\n        if (hasVerticalScroll) {\n          newState.top = element.scrollTop > offset;\n          newState.bottom =\n            element.scrollTop + element.clientHeight < element.scrollHeight - offset;\n        } else {\n          newState.top = false;\n          newState.bottom = false;\n        }\n      } else {\n        const hasHorizontalScroll = element.scrollWidth > element.clientWidth;\n\n        if (hasHorizontalScroll) {\n          newState.left = element.scrollLeft > offset;\n          newState.right = element.scrollLeft + element.clientWidth < element.scrollWidth - offset;\n        } else {\n          newState.left = false;\n          newState.right = false;\n        }\n      }\n\n      setScrollState(newState);\n      onVisibilityChange?.(newState);\n    };\n\n    // 初始检查\n    checkScroll();\n\n    // 监听滚动事件\n    element.addEventListener('scroll', checkScroll);\n    window.addEventListener('resize', checkScroll);\n\n    // 观察内容变化\n    const resizeObserver = new ResizeObserver(checkScroll);\n    resizeObserver.observe(element);\n\n    return () => {\n      element.removeEventListener('scroll', checkScroll);\n      window.removeEventListener('resize', checkScroll);\n      resizeObserver.disconnect();\n    };\n  }, [domRef, offset, orientation, isEnabled, onVisibilityChange, ...updateDeps]);\n\n  return scrollState;\n};\n"],"mappings":";;AAgBA,MAAa,qBAAqB,EAChC,QACA,SAAS,GACT,cAAc,YACd,YAAY,MACZ,oBACA,aAAa,EAAE,OACa;CAC5B,MAAM,CAAC,aAAa,kBAAkB,SAAS;EAC7C,QAAQ;EACR,MAAM;EACN,OAAO;EACP,KAAK;EACN,CAAC;AAEF,iBAAgB;EACd,MAAM,UAAU,OAAO;AACvB,MAAI,CAAC,WAAW,CAAC,UAAW;EAE5B,MAAM,oBAAoB;GACxB,MAAM,WAAW,EAAE,GAAG,aAAa;AAEnC,OAAI,gBAAgB,WAGlB,KAF0B,QAAQ,eAAe,QAAQ,cAElC;AACrB,aAAS,MAAM,QAAQ,YAAY;AACnC,aAAS,SACP,QAAQ,YAAY,QAAQ,eAAe,QAAQ,eAAe;UAC/D;AACL,aAAS,MAAM;AACf,aAAS,SAAS;;YAGQ,QAAQ,cAAc,QAAQ,aAEjC;AACvB,aAAS,OAAO,QAAQ,aAAa;AACrC,aAAS,QAAQ,QAAQ,aAAa,QAAQ,cAAc,QAAQ,cAAc;UAC7E;AACL,aAAS,OAAO;AAChB,aAAS,QAAQ;;AAIrB,kBAAe,SAAS;AACxB,wBAAqB,SAAS;;AAIhC,eAAa;AAGb,UAAQ,iBAAiB,UAAU,YAAY;AAC/C,SAAO,iBAAiB,UAAU,YAAY;EAG9C,MAAM,iBAAiB,IAAI,eAAe,YAAY;AACtD,iBAAe,QAAQ,QAAQ;AAE/B,eAAa;AACX,WAAQ,oBAAoB,UAAU,YAAY;AAClD,UAAO,oBAAoB,UAAU,YAAY;AACjD,kBAAe,YAAY;;IAE5B;EAAC;EAAQ;EAAQ;EAAa;EAAW;EAAoB,GAAG;EAAW,CAAC;AAE/E,QAAO"}

package/es/SearchBar/SearchBar.d.mts

@@ -1,8 +1,8 @@
 import { SearchBarProps } from "./type.mjs";
-import * as react57 from "react";
+import * as _$react from "react";
 
 //#region src/SearchBar/SearchBar.d.ts
-declare const SearchBar: react57.NamedExoticComponent<SearchBarProps>;
+declare const SearchBar: _$react.NamedExoticComponent<SearchBarProps>;
 //#endregion
 export { SearchBar };
 //# sourceMappingURL=SearchBar.d.mts.map

package/es/SearchBar/SearchBar.mjs

@@ -1,9 +1,8 @@
-'use client';
-
-import Icon_default from "../Icon/Icon.mjs";
-import Hotkey_default from "../Hotkey/Hotkey.mjs";
-import Input_default from "../Input/Input.mjs";
-import Spotlight_default from "../awesome/Spotlight/Spotlight.mjs";
+"use client";
+import Icon from "../Icon/Icon.mjs";
+import Hotkey from "../Hotkey/Hotkey.mjs";
+import Input from "../Input/Input.mjs";
+import Spotlight from "../awesome/Spotlight/Spotlight.mjs";
 import { styles } from "./style.mjs";
 import { memo, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -11,7 +10,6 @@ import { cx } from "antd-style";
 import useMergeState from "use-merge-value";
 import { LucideLoader2, Search } from "lucide-react";
 import { useHotkeys } from "react-hotkeys-hook";
-
 //#region src/SearchBar/SearchBar.tsx
 const SearchBar = memo(({ defaultValue = "", spotlight, className, value, onInputChange, placeholder, enableShortKey, shortKey = "mod+k", onSearch, loading, style, onChange, onBlur, onPressEnter, onFocus, styles: { input: inputStyle, shortKey: shortKeyStyle } = {}, classNames: { input: inputClassName, shortKey: shortKeyClassName } = {}, ...rest }) => {
 	const [inputValue, setInputValue] = useMergeState(defaultValue, {
@@ -34,15 +32,15 @@ const SearchBar = memo(({ defaultValue = "", spotlight, className, value, onInpu
 		className: cx(styles.search, className),
 		style,
 		children: [
-			spotlight && /* @__PURE__ */ jsx(Spotlight_default, {}),
-			/* @__PURE__ */ jsx(Input_default, {
+			spotlight && /* @__PURE__ */ jsx(Spotlight, {}),
+			/* @__PURE__ */ jsx(Input, {
 				allowClear: true,
 				className: inputClassName,
 				placeholder: placeholder ?? "Type keywords...",
 				ref: inputReference,
 				style: inputStyle,
 				value: inputValue,
-				prefix: /* @__PURE__ */ jsx(Icon_default, {
+				prefix: /* @__PURE__ */ jsx(Icon, {
 					className: styles.icon,
 					icon: loading ? LucideLoader2 : Search,
 					size: "small",
@@ -68,7 +66,7 @@ const SearchBar = memo(({ defaultValue = "", spotlight, className, value, onInpu
 				},
 				...rest
 			}),
-			enableShortKey && showTag && !inputValue && /* @__PURE__ */ jsx(Hotkey_default, {
+			enableShortKey && showTag && !inputValue && /* @__PURE__ */ jsx(Hotkey, {
 				compact: true,
 				className: cx(styles.tag, shortKeyClassName),
 				keys: hotkey,
@@ -78,8 +76,7 @@ const SearchBar = memo(({ defaultValue = "", spotlight, className, value, onInpu
 	});
 });
 SearchBar.displayName = "SearchBar";
-var SearchBar_default = SearchBar;
-
 //#endregion
-export { SearchBar_default as default };
+export { SearchBar as default };
+
 //# sourceMappingURL=SearchBar.mjs.map

package/es/SearchBar/SearchBar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.mjs","names":["useControlledState","inputReference: any","Spotlight","Input","Icon","Hotkey"],"sources":["../../src/SearchBar/SearchBar.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { LucideLoader2, Search } from 'lucide-react';\nimport { memo, useMemo, useRef, useState } from 'react';\nimport { useHotkeys } from 'react-hotkeys-hook';\nimport useControlledState from 'use-merge-value';\n\nimport Spotlight from '@/awesome/Spotlight';\nimport Hotkey from '@/Hotkey';\nimport Icon from '@/Icon';\nimport Input from '@/Input';\n\nimport { styles } from './style';\nimport { type SearchBarProps } from './type';\n\nconst SearchBar = memo<SearchBarProps>(\n  ({\n    defaultValue = '',\n    spotlight,\n    className,\n    value,\n    onInputChange,\n    placeholder,\n    enableShortKey,\n    shortKey = 'mod+k',\n    onSearch,\n    loading,\n    style,\n    onChange,\n    onBlur,\n    onPressEnter,\n    onFocus,\n    styles: { input: inputStyle, shortKey: shortKeyStyle } = {},\n    classNames: { input: inputClassName, shortKey: shortKeyClassName } = {},\n    ...rest\n  }) => {\n    const [inputValue, setInputValue] = useControlledState(defaultValue, {\n      defaultValue,\n      onChange: onInputChange,\n      value,\n    });\n\n    const [showTag, setShowTag] = useState<boolean>(true);\n    const inputReference: any = useRef<HTMLInputElement>(null);\n    const hotkey = useMemo(\n      () => (shortKey.includes('+') ? shortKey : `mod+${shortKey}`),\n      [shortKey],\n    );\n\n    useHotkeys(\n      hotkey,\n      () => {\n        if (!enableShortKey) return;\n        inputReference.current?.focus();\n      },\n      {\n        enableOnFormTags: true,\n        enabled: !!enableShortKey && !!shortKey,\n        preventDefault: true,\n      },\n    );\n\n    return (\n      <div className={cx(styles.search, className)} style={style}>\n        {spotlight && <Spotlight />}\n        <Input\n          allowClear\n          className={inputClassName}\n          placeholder={placeholder ?? 'Type keywords...'}\n          ref={inputReference}\n          style={inputStyle}\n          value={inputValue}\n          prefix={\n            <Icon\n              className={styles.icon}\n              icon={loading ? LucideLoader2 : Search}\n              size=\"small\"\n              spin={loading}\n              style={{ marginRight: 4 }}\n            />\n          }\n          onBlur={(e) => {\n            onBlur?.(e);\n            setInputValue(e.target.value);\n            setShowTag(true);\n          }}\n          onChange={(e) => {\n            setInputValue(e.target.value);\n            onChange?.(e);\n          }}\n          onFocus={(e) => {\n            onFocus?.(e);\n            setShowTag(false);\n          }}\n          onPressEnter={(e) => {\n            onPressEnter?.(e);\n            onSearch?.(inputValue);\n          }}\n          {...rest}\n        />\n        {enableShortKey && showTag && !inputValue && (\n          <Hotkey\n            compact\n            className={cx(styles.tag, shortKeyClassName)}\n            keys={hotkey}\n            style={shortKeyStyle}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nSearchBar.displayName = 'SearchBar';\n\nexport default SearchBar;\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAM,YAAY,MACf,EACC,eAAe,IACf,WACA,WACA,OACA,eACA,aACA,gBACA,WAAW,SACX,UACA,SACA,OACA,UACA,QACA,cACA,SACA,QAAQ,EAAE,OAAO,YAAY,UAAU,kBAAkB,EAAE,EAC3D,YAAY,EAAE,OAAO,gBAAgB,UAAU,sBAAsB,EAAE,EACvE,GAAG,WACC;CACJ,MAAM,CAAC,YAAY,iBAAiBA,cAAmB,cAAc;EACnE;EACA,UAAU;EACV;EACD,CAAC;CAEF,MAAM,CAAC,SAAS,cAAc,SAAkB,KAAK;CACrD,MAAMC,iBAAsB,OAAyB,KAAK;CAC1D,MAAM,SAAS,cACN,SAAS,SAAS,IAAI,GAAG,WAAW,OAAO,YAClD,CAAC,SAAS,CACX;AAED,YACE,cACM;AACJ,MAAI,CAAC,eAAgB;AACrB,iBAAe,SAAS,OAAO;IAEjC;EACE,kBAAkB;EAClB,SAAS,CAAC,CAAC,kBAAkB,CAAC,CAAC;EAC/B,gBAAgB;EACjB,CACF;AAED,QACE,qBAAC;EAAI,WAAW,GAAG,OAAO,QAAQ,UAAU;EAAS;;GAClD,aAAa,oBAACC,sBAAY;GAC3B,oBAACC;IACC;IACA,WAAW;IACX,aAAa,eAAe;IAC5B,KAAK;IACL,OAAO;IACP,OAAO;IACP,QACE,oBAACC;KACC,WAAW,OAAO;KAClB,MAAM,UAAU,gBAAgB;KAChC,MAAK;KACL,MAAM;KACN,OAAO,EAAE,aAAa,GAAG;MACzB;IAEJ,SAAS,MAAM;AACb,cAAS,EAAE;AACX,mBAAc,EAAE,OAAO,MAAM;AAC7B,gBAAW,KAAK;;IAElB,WAAW,MAAM;AACf,mBAAc,EAAE,OAAO,MAAM;AAC7B,gBAAW,EAAE;;IAEf,UAAU,MAAM;AACd,eAAU,EAAE;AACZ,gBAAW,MAAM;;IAEnB,eAAe,MAAM;AACnB,oBAAe,EAAE;AACjB,gBAAW,WAAW;;IAExB,GAAI;KACJ;GACD,kBAAkB,WAAW,CAAC,cAC7B,oBAACC;IACC;IACA,WAAW,GAAG,OAAO,KAAK,kBAAkB;IAC5C,MAAM;IACN,OAAO;KACP;;GAEA;EAGX;AAED,UAAU,cAAc;AAExB,wBAAe"}
+{"version":3,"file":"SearchBar.mjs","names":["useControlledState"],"sources":["../../src/SearchBar/SearchBar.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { LucideLoader2, Search } from 'lucide-react';\nimport { memo, useMemo, useRef, useState } from 'react';\nimport { useHotkeys } from 'react-hotkeys-hook';\nimport useControlledState from 'use-merge-value';\n\nimport Spotlight from '@/awesome/Spotlight';\nimport Hotkey from '@/Hotkey';\nimport Icon from '@/Icon';\nimport Input from '@/Input';\n\nimport { styles } from './style';\nimport { type SearchBarProps } from './type';\n\nconst SearchBar = memo<SearchBarProps>(\n  ({\n    defaultValue = '',\n    spotlight,\n    className,\n    value,\n    onInputChange,\n    placeholder,\n    enableShortKey,\n    shortKey = 'mod+k',\n    onSearch,\n    loading,\n    style,\n    onChange,\n    onBlur,\n    onPressEnter,\n    onFocus,\n    styles: { input: inputStyle, shortKey: shortKeyStyle } = {},\n    classNames: { input: inputClassName, shortKey: shortKeyClassName } = {},\n    ...rest\n  }) => {\n    const [inputValue, setInputValue] = useControlledState(defaultValue, {\n      defaultValue,\n      onChange: onInputChange,\n      value,\n    });\n\n    const [showTag, setShowTag] = useState<boolean>(true);\n    const inputReference: any = useRef<HTMLInputElement>(null);\n    const hotkey = useMemo(\n      () => (shortKey.includes('+') ? shortKey : `mod+${shortKey}`),\n      [shortKey],\n    );\n\n    useHotkeys(\n      hotkey,\n      () => {\n        if (!enableShortKey) return;\n        inputReference.current?.focus();\n      },\n      {\n        enableOnFormTags: true,\n        enabled: !!enableShortKey && !!shortKey,\n        preventDefault: true,\n      },\n    );\n\n    return (\n      <div className={cx(styles.search, className)} style={style}>\n        {spotlight && <Spotlight />}\n        <Input\n          allowClear\n          className={inputClassName}\n          placeholder={placeholder ?? 'Type keywords...'}\n          ref={inputReference}\n          style={inputStyle}\n          value={inputValue}\n          prefix={\n            <Icon\n              className={styles.icon}\n              icon={loading ? LucideLoader2 : Search}\n              size=\"small\"\n              spin={loading}\n              style={{ marginRight: 4 }}\n            />\n          }\n          onBlur={(e) => {\n            onBlur?.(e);\n            setInputValue(e.target.value);\n            setShowTag(true);\n          }}\n          onChange={(e) => {\n            setInputValue(e.target.value);\n            onChange?.(e);\n          }}\n          onFocus={(e) => {\n            onFocus?.(e);\n            setShowTag(false);\n          }}\n          onPressEnter={(e) => {\n            onPressEnter?.(e);\n            onSearch?.(inputValue);\n          }}\n          {...rest}\n        />\n        {enableShortKey && showTag && !inputValue && (\n          <Hotkey\n            compact\n            className={cx(styles.tag, shortKeyClassName)}\n            keys={hotkey}\n            style={shortKeyStyle}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nSearchBar.displayName = 'SearchBar';\n\nexport default SearchBar;\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAM,YAAY,MACf,EACC,eAAe,IACf,WACA,WACA,OACA,eACA,aACA,gBACA,WAAW,SACX,UACA,SACA,OACA,UACA,QACA,cACA,SACA,QAAQ,EAAE,OAAO,YAAY,UAAU,kBAAkB,EAAE,EAC3D,YAAY,EAAE,OAAO,gBAAgB,UAAU,sBAAsB,EAAE,EACvE,GAAG,WACC;CACJ,MAAM,CAAC,YAAY,iBAAiBA,cAAmB,cAAc;EACnE;EACA,UAAU;EACV;EACD,CAAC;CAEF,MAAM,CAAC,SAAS,cAAc,SAAkB,KAAK;CACrD,MAAM,iBAAsB,OAAyB,KAAK;CAC1D,MAAM,SAAS,cACN,SAAS,SAAS,IAAI,GAAG,WAAW,OAAO,YAClD,CAAC,SAAS,CACX;AAED,YACE,cACM;AACJ,MAAI,CAAC,eAAgB;AACrB,iBAAe,SAAS,OAAO;IAEjC;EACE,kBAAkB;EAClB,SAAS,CAAC,CAAC,kBAAkB,CAAC,CAAC;EAC/B,gBAAgB;EACjB,CACF;AAED,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,OAAO,QAAQ,UAAU;EAAS;YAArD;GACG,aAAa,oBAAC,WAAD,EAAa,CAAA;GAC3B,oBAAC,OAAD;IACE,YAAA;IACA,WAAW;IACX,aAAa,eAAe;IAC5B,KAAK;IACL,OAAO;IACP,OAAO;IACP,QACE,oBAAC,MAAD;KACE,WAAW,OAAO;KAClB,MAAM,UAAU,gBAAgB;KAChC,MAAK;KACL,MAAM;KACN,OAAO,EAAE,aAAa,GAAG;KACzB,CAAA;IAEJ,SAAS,MAAM;AACb,cAAS,EAAE;AACX,mBAAc,EAAE,OAAO,MAAM;AAC7B,gBAAW,KAAK;;IAElB,WAAW,MAAM;AACf,mBAAc,EAAE,OAAO,MAAM;AAC7B,gBAAW,EAAE;;IAEf,UAAU,MAAM;AACd,eAAU,EAAE;AACZ,gBAAW,MAAM;;IAEnB,eAAe,MAAM;AACnB,oBAAe,EAAE;AACjB,gBAAW,WAAW;;IAExB,GAAI;IACJ,CAAA;GACD,kBAAkB,WAAW,CAAC,cAC7B,oBAAC,QAAD;IACE,SAAA;IACA,WAAW,GAAG,OAAO,KAAK,kBAAkB;IAC5C,MAAM;IACN,OAAO;IACP,CAAA;GAEA;;EAGX;AAED,UAAU,cAAc"}

package/es/SearchBar/index.mjs

@@ -1,3 +1,2 @@
-import SearchBar_default from "./SearchBar.mjs";
-
-export { SearchBar_default as default };
+import SearchBar from "./SearchBar.mjs";
+export { SearchBar as default };

package/es/SearchBar/style.mjs

@@ -1,29 +1,28 @@
 import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
 import { createStaticStyles, cx } from "antd-style";
-
 //#region src/SearchBar/style.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
-	icon: css$1`
-    color: ${cssVar$1.colorTextPlaceholder};
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	icon: css`
+    color: ${cssVar.colorTextPlaceholder};
   `,
-	search: css$1`
+	search: css`
     position: relative;
     max-width: 100%;
   `,
-	tag: cx(staticStylish.blur, css$1`
+	tag: cx(staticStylish.blur, css`
       position: absolute;
       inset-block-start: 50%;
       inset-inline-end: 6px;
       transform: translateY(-50%);
 
-      color: ${cssVar$1.colorTextDescription};
+      color: ${cssVar.colorTextDescription};
 
       kbd {
         color: inherit;
       }
     `)
 }));
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

package/es/SearchBar/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar","lobeStaticStylish"],"sources":["../../src/SearchBar/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  icon: css`\n    color: ${cssVar.colorTextPlaceholder};\n  `,\n  search: css`\n    position: relative;\n    max-width: 100%;\n  `,\n  tag: cx(\n    lobeStaticStylish.blur,\n    css`\n      position: absolute;\n      inset-block-start: 50%;\n      inset-inline-end: 6px;\n      transform: translateY(-50%);\n\n      color: ${cssVar.colorTextDescription};\n\n      kbd {\n        color: inherit;\n      }\n    `,\n  ),\n}));\n"],"mappings":";;;;AAIA,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,MAAM,KAAG;aACEA,SAAO,qBAAqB;;CAEvC,QAAQ,KAAG;;;;CAIX,KAAK,GACHC,cAAkB,MAClB,KAAG;;;;;;eAMQD,SAAO,qBAAqB;;;;;MAMxC;CACF,EAAE"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/SearchBar/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  icon: css`\n    color: ${cssVar.colorTextPlaceholder};\n  `,\n  search: css`\n    position: relative;\n    max-width: 100%;\n  `,\n  tag: cx(\n    lobeStaticStylish.blur,\n    css`\n      position: absolute;\n      inset-block-start: 50%;\n      inset-inline-end: 6px;\n      transform: translateY(-50%);\n\n      color: ${cssVar.colorTextDescription};\n\n      kbd {\n        color: inherit;\n      }\n    `,\n  ),\n}));\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,MAAM,GAAG;aACE,OAAO,qBAAqB;;CAEvC,QAAQ,GAAG;;;;CAIX,KAAK,GACHA,cAAkB,MAClB,GAAG;;;;;;eAMQ,OAAO,qBAAqB;;;;;MAMxC;CACF,EAAE"}

package/es/SearchBar/type.d.mts

@@ -1,5 +1,4 @@
 import { InputProps } from "../Input/type.mjs";
-import "../Input/index.mjs";
 import { CSSProperties } from "react";
 
 //#region src/SearchBar/type.d.ts

package/es/Segmented/Segmented.d.mts

@@ -1,8 +1,8 @@
 import { SegmentedProps } from "./type.mjs";
-import * as react56 from "react";
+import * as _$react from "react";
 
 //#region src/Segmented/Segmented.d.ts
-declare const Segmented: react56.NamedExoticComponent<SegmentedProps>;
+declare const Segmented: _$react.NamedExoticComponent<SegmentedProps>;
 //#endregion
 export { Segmented };
 //# sourceMappingURL=Segmented.d.mts.map

package/es/Segmented/Segmented.mjs

@@ -1,11 +1,9 @@
-'use client';
-
+"use client";
 import { variants } from "./style.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Segmented } from "antd";
 import { cx } from "antd-style";
-
 //#region src/Segmented/Segmented.tsx
 const Segmented$1 = memo(({ ref, padding, style, className, variant = "filled", shadow, glass, ...rest }) => {
 	return /* @__PURE__ */ jsx(Segmented, {
@@ -23,8 +21,7 @@ const Segmented$1 = memo(({ ref, padding, style, className, variant = "filled",
 	});
 });
 Segmented$1.displayName = "Segmented";
-var Segmented_default = Segmented$1;
-
 //#endregion
-export { Segmented_default as default };
+export { Segmented$1 as default };
+
 //# sourceMappingURL=Segmented.mjs.map