@ifhover/leaf-ui 0.0.0-stage → 0.5.0

package/dist/esm/browser/modules/notification/notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification/notification.js","sources":["../../../../../src/notification/notification.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport {\n  createContext,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n} from 'react';\nimport { FeedbackIcon, type FeedbackType } from '../alert/alert';\nimport { ConfigContext, type LeafConfig, useLeafConfig } from '../config-provider/context';\nimport { inertProps } from '../shared/inert';\nimport { useContentTransition, usePresence } from '../shared/presence';\nimport { ScopedPortal } from '../shared/scoped-portal';\nimport { leafThemeVariables } from '../theme';\nexport interface NotificationOptions {\n  key?: string;\n  title: ReactNode;\n  description?: ReactNode;\n  type?: FeedbackType;\n  icon?: ReactNode;\n  actions?: ReactNode;\n  duration?: number;\n  placement?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';\n  closable?: boolean;\n  onClose?: () => void;\n}\nexport interface NotificationApi {\n  open: (options: NotificationOptions) => string;\n  success: (options: Omit<NotificationOptions, 'type'>) => string;\n  info: (options: Omit<NotificationOptions, 'type'>) => string;\n  warning: (options: Omit<NotificationOptions, 'type'>) => string;\n  error: (options: Omit<NotificationOptions, 'type'>) => string;\n  close: (key?: string) => void;\n}\nexport interface NotificationProps extends Omit<NotificationOptions, 'key'> {\n  open: boolean;\n  afterClose?: () => void;\n}\ninterface Entry extends NotificationOptions {\n  key: string;\n  open: boolean;\n  revision: number;\n  scope?: string;\n  config?: LeafConfig;\n}\nconst empty: readonly Entry[] = [];\nfunction createStore(maxCount: number) {\n  let entries = empty;\n  let sequence = 0;\n  const listeners = new Set<() => void>();\n  const publish = (next: readonly Entry[]) => {\n    entries = next;\n    for (const listener of listeners) listener();\n  };\n  const close = (key?: string) => {\n    const closing = entries.filter((item) => item.open && (key === undefined || item.key === key));\n    if (!closing.length) return;\n    publish(entries.map((item) => (closing.includes(item) ? { ...item, open: false } : item)));\n    for (const item of closing) item.onClose?.();\n  };\n  return {\n    getSnapshot: () => entries,\n    subscribe: (listener: () => void) => {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n        if (!listeners.size) entries = empty;\n      };\n    },\n    close,\n    remove: (key: string) => publish(entries.filter((item) => item.key !== key || item.open)),\n    update: (scope: string, config: LeafConfig) => {\n      if (entries.some((item) => item.scope === scope && item.config !== config))\n        publish(entries.map((item) => (item.scope === scope ? { ...item, config } : item)));\n    },\n    api: (scope: string, getConfig: () => LeafConfig): NotificationApi => {\n      const open = (options: NotificationOptions) => {\n        const key = options.key ?? `leaf-notification-${++sequence}`;\n        const existing = entries.find((item) => item.key === key);\n        const entry: Entry = {\n          ...options,\n          key,\n          scope,\n          config: getConfig(),\n          open: true,\n          revision: (existing?.revision ?? 0) + 1,\n        };\n        publish(\n          existing ? entries.map((item) => (item.key === key ? entry : item)) : [...entries, entry],\n        );\n        const active = entries.filter((item) => item.open);\n        if (active.length > Math.max(1, maxCount))\n          for (const item of active.slice(0, active.length - Math.max(1, maxCount)))\n            close(item.key);\n        return key;\n      };\n      return {\n        open,\n        close,\n        success: (options) => open({ ...options, type: 'success' }),\n        info: (options) => open({ ...options, type: 'info' }),\n        warning: (options) => open({ ...options, type: 'warning' }),\n        error: (options) => open({ ...options, type: 'error' }),\n      };\n    },\n  };\n}\nconst Context = createContext<ReturnType<typeof createStore> | null>(null);\nexport interface NotificationProviderProps {\n  children?: ReactNode;\n  maxCount?: number;\n}\nexport function NotificationProvider({ children, maxCount = 5 }: NotificationProviderProps) {\n  const [store] = useState(() => createStore(maxCount));\n  return (\n    <Context.Provider value={store}>\n      <NotificationHost store={store} />\n      {children}\n    </Context.Provider>\n  );\n}\nexport function NotificationScope({ children }: { children?: ReactNode }) {\n  return useContext(Context) ? children : <NotificationProvider>{children}</NotificationProvider>;\n}\nexport function useNotification(): NotificationApi {\n  const store = useContext(Context);\n  const config = useLeafConfig();\n  const latest = useRef(config);\n  latest.current = config;\n  const scope = useId();\n  useEffect(() => store?.update(scope, config), [store, scope, config]);\n  const api = useMemo(() => store?.api(scope, () => latest.current), [store, scope]);\n  if (!api) throw new Error('useNotification requires ConfigProvider or NotificationProvider.');\n  return api;\n}\nfunction NotificationHost({ store }: { store: ReturnType<typeof createStore> }) {\n  const entries = useSyncExternalStore(store.subscribe, store.getSnapshot, () => empty);\n  if (!entries.length) return null;\n  return (\n    <ScopedPortal>\n      {(['top-right', 'top-left', 'bottom-right', 'bottom-left'] as const).map((placement) => (\n        <div\n          key={placement}\n          className={`leaf-notification-region leaf-notification-region--${placement}`}\n        >\n          {entries\n            .filter((entry) => (entry.placement ?? 'top-right') === placement)\n            .map((entry) => (\n              <NotificationItem\n                key={entry.key}\n                entry={entry}\n                close={() => store.close(entry.key)}\n                remove={() => store.remove(entry.key)}\n              />\n            ))}\n        </div>\n      ))}\n    </ScopedPortal>\n  );\n}\nexport function Notification({ open, afterClose, onClose, ...options }: NotificationProps) {\n  return (\n    <ScopedPortal>\n      <div\n        className={`leaf-notification-region leaf-notification-region--${options.placement ?? 'top-right'}`}\n      >\n        <NotificationItem\n          entry={{ ...options, key: 'single', open, revision: 0 }}\n          close={() => onClose?.()}\n          remove={() => afterClose?.()}\n        />\n      </div>\n    </ScopedPortal>\n  );\n}\nfunction NotificationItem({\n  entry,\n  close,\n  remove,\n}: {\n  entry: Entry;\n  close: () => void;\n  remove: () => void;\n}) {\n  const inherited = useLeafConfig();\n  const config = entry.config ?? inherited;\n  const ref = useRef<HTMLDivElement>(null);\n  const icon = useRef<HTMLSpanElement>(null);\n  const present = usePresence(entry.open, ref);\n  const type = entry.type ?? 'info';\n  useContentTransition(icon, `${entry.open}:${type}`);\n  const [hover, setHover] = useState(false);\n  const [focus, setFocus] = useState(false);\n  const duration = entry.duration ?? 4.5;\n  const remaining = useRef(duration * 1000);\n  const cycle = useRef({ open: entry.open, revision: entry.revision, duration });\n  useEffect(() => {\n    if (\n      cycle.current.revision !== entry.revision ||\n      cycle.current.duration !== duration ||\n      (entry.open && !cycle.current.open)\n    )\n      remaining.current = duration * 1000;\n    cycle.current = { open: entry.open, revision: entry.revision, duration };\n    if (!entry.open || hover || focus || duration <= 0) return;\n    const started = Date.now();\n    const timer = setTimeout(close, remaining.current);\n    return () => {\n      clearTimeout(timer);\n      remaining.current = Math.max(0, remaining.current - (Date.now() - started));\n    };\n  }, [entry.open, entry.revision, duration, hover, focus, close]);\n  const previous = useRef(present);\n  useEffect(() => {\n    if (previous.current && !present) remove();\n    previous.current = present;\n  }, [present, remove]);\n  if (!present) return null;\n  return (\n    <ConfigContext.Provider value={config}>\n      <div\n        ref={ref}\n        className=\"leaf-notification-slot\"\n        data-state={entry.open ? 'open' : 'closing'}\n        style={entry.config ? leafThemeVariables(config.theme) : undefined}\n        {...inertProps(!entry.open)}\n        aria-hidden={!entry.open || undefined}\n      >\n        <div className=\"leaf-notification-slot__content\">\n          {/* biome-ignore lint/a11y/noStaticElementInteractions: Pause auto-dismiss while reading or interacting with the notification. */}\n          <div\n            className={`leaf-notification leaf-notification--${type}`}\n            role={type === 'error' || type === 'warning' ? 'alert' : 'status'}\n            onPointerEnter={() => setHover(true)}\n            onPointerLeave={() => setHover(false)}\n            onFocus={() => setFocus(true)}\n            onBlur={(event) => {\n              if (!event.currentTarget.contains(event.relatedTarget)) setFocus(false);\n            }}\n          >\n            <span ref={icon} className=\"leaf-notification__icon\" aria-hidden=\"true\">\n              {entry.icon ?? <FeedbackIcon type={type} />}\n            </span>\n            <div className=\"leaf-notification__body\">\n              <div className=\"leaf-notification__header\">\n                <div className=\"leaf-notification__title\">{entry.title}</div>\n                {entry.closable !== false && (\n                  <button\n                    type=\"button\"\n                    className=\"leaf-notification__close\"\n                    aria-label={config.messages.close}\n                    onClick={close}\n                  >\n                    <X size={16} aria-hidden=\"true\" />\n                  </button>\n                )}\n              </div>\n              {entry.description && (\n                <div className=\"leaf-notification__description\">{entry.description}</div>\n              )}\n              {entry.actions && <div className=\"leaf-notification__actions\">{entry.actions}</div>}\n            </div>\n          </div>\n        </div>\n      </div>\n    </ConfigContext.Provider>\n  );\n}\n"],"names":["empty","createStore","maxCount","entries","sequence","listeners","Set","publish","next","listener","close","key","closing","item","undefined","scope","config","getConfig","open","options","existing","entry","active","Math","Context","createContext","NotificationProvider","children","store","useState","NotificationHost","NotificationScope","useContext","useNotification","useLeafConfig","latest","useRef","useId","useEffect","api","useMemo","Error","useSyncExternalStore","ScopedPortal","placement","NotificationItem","Notification","afterClose","onClose","remove","inherited","ref","icon","present","usePresence","type","useContentTransition","hover","setHover","focus","setFocus","duration","remaining","cycle","started","Date","timer","setTimeout","clearTimeout","previous","ConfigContext","leafThemeVariables","inertProps","event","FeedbackIcon","X"],"mappings":";;;;;;;;;;;AAiDA,MAAMA,QAA0B,EAAE;AAClC,SAASC,YAAYC,QAAgB;IACnC,IAAIC,UAAUH;IACd,IAAII,WAAW;IACf,MAAMC,YAAY,IAAIC;IACtB,MAAMC,UAAU,CAACC;QACfL,UAAUK;QACV,KAAK,MAAMC,YAAYJ,UAAWI;IACpC;IACA,MAAMC,QAAQ,CAACC;QACb,MAAMC,UAAUT,QAAQ,MAAM,CAAC,CAACU,OAASA,KAAK,IAAI,IAAKF,CAAAA,AAAQG,WAARH,OAAqBE,KAAK,GAAG,KAAKF,GAAE;QAC3F,IAAI,CAACC,QAAQ,MAAM,EAAE;QACrBL,QAAQJ,QAAQ,GAAG,CAAC,CAACU,OAAUD,QAAQ,QAAQ,CAACC,QAAQ;gBAAE,GAAGA,IAAI;gBAAE,MAAM;YAAM,IAAIA;QACnF,KAAK,MAAMA,QAAQD,QAASC,KAAK,OAAO;IAC1C;IACA,OAAO;QACL,aAAa,IAAMV;QACnB,WAAW,CAACM;YACVJ,UAAU,GAAG,CAACI;YACd,OAAO;gBACLJ,UAAU,MAAM,CAACI;gBACjB,IAAI,CAACJ,UAAU,IAAI,EAAEF,UAAUH;YACjC;QACF;QACAU;QACA,QAAQ,CAACC,MAAgBJ,QAAQJ,QAAQ,MAAM,CAAC,CAACU,OAASA,KAAK,GAAG,KAAKF,OAAOE,KAAK,IAAI;QACvF,QAAQ,CAACE,OAAeC;YACtB,IAAIb,QAAQ,IAAI,CAAC,CAACU,OAASA,KAAK,KAAK,KAAKE,SAASF,KAAK,MAAM,KAAKG,SACjET,QAAQJ,QAAQ,GAAG,CAAC,CAACU,OAAUA,KAAK,KAAK,KAAKE,QAAQ;oBAAE,GAAGF,IAAI;oBAAEG;gBAAO,IAAIH;QAChF;QACA,KAAK,CAACE,OAAeE;YACnB,MAAMC,OAAO,CAACC;gBACZ,MAAMR,MAAMQ,QAAQ,GAAG,IAAI,CAAC,kBAAkB,EAAE,EAAEf,UAAU;gBAC5D,MAAMgB,WAAWjB,QAAQ,IAAI,CAAC,CAACU,OAASA,KAAK,GAAG,KAAKF;gBACrD,MAAMU,QAAe;oBACnB,GAAGF,OAAO;oBACVR;oBACAI;oBACA,QAAQE;oBACR,MAAM;oBACN,UAAWG,AAAAA,CAAAA,UAAU,YAAY,KAAK;gBACxC;gBACAb,QACEa,WAAWjB,QAAQ,GAAG,CAAC,CAACU,OAAUA,KAAK,GAAG,KAAKF,MAAMU,QAAQR,QAAS;uBAAIV;oBAASkB;iBAAM;gBAE3F,MAAMC,SAASnB,QAAQ,MAAM,CAAC,CAACU,OAASA,KAAK,IAAI;gBACjD,IAAIS,OAAO,MAAM,GAAGC,KAAK,GAAG,CAAC,GAAGrB,WAC9B,KAAK,MAAMW,QAAQS,OAAO,KAAK,CAAC,GAAGA,OAAO,MAAM,GAAGC,KAAK,GAAG,CAAC,GAAGrB,WAC7DQ,MAAMG,KAAK,GAAG;gBAClB,OAAOF;YACT;YACA,OAAO;gBACLO;gBACAR;gBACA,SAAS,CAACS,UAAYD,KAAK;wBAAE,GAAGC,OAAO;wBAAE,MAAM;oBAAU;gBACzD,MAAM,CAACA,UAAYD,KAAK;wBAAE,GAAGC,OAAO;wBAAE,MAAM;oBAAO;gBACnD,SAAS,CAACA,UAAYD,KAAK;wBAAE,GAAGC,OAAO;wBAAE,MAAM;oBAAU;gBACzD,OAAO,CAACA,UAAYD,KAAK;wBAAE,GAAGC,OAAO;wBAAE,MAAM;oBAAQ;YACvD;QACF;IACF;AACF;AACA,MAAMK,UAAU,WAAHA,GAAGC,cAAqD;AAK9D,SAASC,qBAAqB,EAAEC,QAAQ,EAAEzB,WAAW,CAAC,EAA6B;IACxF,MAAM,CAAC0B,MAAM,GAAGC,SAAS,IAAM5B,YAAYC;IAC3C,OAAO,WAAP,GACE,KAACsB,QAAQ,QAAQ;QAAC,OAAOI;;0BACvB,IAACE,kBAAgBA;gBAAC,OAAOF;;YACxBD;;;AAGP;AACO,SAASI,kBAAkB,EAAEJ,QAAQ,EAA4B;IACtE,OAAOK,WAAWR,WAAWG,WAAW,WAAXA,GAAW,IAACD,sBAAoBA;kBAAEC;;AACjE;AACO,SAASM;IACd,MAAML,QAAQI,WAAWR;IACzB,MAAMR,SAASkB;IACf,MAAMC,SAASC,OAAOpB;IACtBmB,OAAO,OAAO,GAAGnB;IACjB,MAAMD,QAAQsB;IACdC,UAAU,IAAMV,OAAO,OAAOb,OAAOC,SAAS;QAACY;QAAOb;QAAOC;KAAO;IACpE,MAAMuB,MAAMC,QAAQ,IAAMZ,OAAO,IAAIb,OAAO,IAAMoB,OAAO,OAAO,GAAG;QAACP;QAAOb;KAAM;IACjF,IAAI,CAACwB,KAAK,MAAM,IAAIE,MAAM;IAC1B,OAAOF;AACT;AACA,SAAST,iBAAiB,EAAEF,KAAK,EAA6C;IAC5E,MAAMzB,UAAUuC,qBAAqBd,MAAM,SAAS,EAAEA,MAAM,WAAW,EAAE,IAAM5B;IAC/E,IAAI,CAACG,QAAQ,MAAM,EAAE,OAAO;IAC5B,OAAO,WAAP,GACE,IAACwC,cAAYA;kBACT;YAAC;YAAa;YAAY;YAAgB;SAAc,CAAW,GAAG,CAAC,CAACC,YAAAA,WAAAA,GACxE,IAAC;gBAEC,WAAW,CAAC,mDAAmD,EAAEA,WAAW;0BAE3EzC,QACE,MAAM,CAAC,CAACkB,QAAWA,AAAAA,CAAAA,MAAM,SAAS,IAAI,WAAU,MAAOuB,WACvD,GAAG,CAAC,CAACvB,QAAAA,WAAAA,GACJ,IAACwB,kBAAgBA;wBAEf,OAAOxB;wBACP,OAAO,IAAMO,MAAM,KAAK,CAACP,MAAM,GAAG;wBAClC,QAAQ,IAAMO,MAAM,MAAM,CAACP,MAAM,GAAG;uBAH/BA,MAAM,GAAG;eAPfuB;;AAiBf;AACO,SAASE,aAAa,EAAE5B,IAAI,EAAE6B,UAAU,EAAEC,OAAO,EAAE,GAAG7B,SAA4B;IACvF,OAAO,WAAP,GACE,IAACwB,cAAYA;kBACX,kBAAC;YACC,WAAW,CAAC,mDAAmD,EAAExB,QAAQ,SAAS,IAAI,aAAa;sBAEnG,kBAAC0B,kBAAgBA;gBACf,OAAO;oBAAE,GAAG1B,OAAO;oBAAE,KAAK;oBAAUD;oBAAM,UAAU;gBAAE;gBACtD,OAAO,IAAM8B;gBACb,QAAQ,IAAMD;;;;AAKxB;AACA,SAASF,iBAAiB,EACxBxB,KAAK,EACLX,KAAK,EACLuC,MAAM,EAKP;IACC,MAAMC,YAAYhB;IAClB,MAAMlB,SAASK,MAAM,MAAM,IAAI6B;IAC/B,MAAMC,MAAMf,OAAuB;IACnC,MAAMgB,OAAOhB,OAAwB;IACrC,MAAMiB,UAAUC,YAAYjC,MAAM,IAAI,EAAE8B;IACxC,MAAMI,OAAOlC,MAAM,IAAI,IAAI;IAC3BmC,qBAAqBJ,MAAM,GAAG/B,MAAM,IAAI,CAAC,CAAC,EAAEkC,MAAM;IAClD,MAAM,CAACE,OAAOC,SAAS,GAAG7B,SAAS;IACnC,MAAM,CAAC8B,OAAOC,SAAS,GAAG/B,SAAS;IACnC,MAAMgC,WAAWxC,MAAM,QAAQ,IAAI;IACnC,MAAMyC,YAAY1B,OAAOyB,AAAW,OAAXA;IACzB,MAAME,QAAQ3B,OAAO;QAAE,MAAMf,MAAM,IAAI;QAAE,UAAUA,MAAM,QAAQ;QAAEwC;IAAS;IAC5EvB,UAAU;QACR,IACEyB,MAAM,OAAO,CAAC,QAAQ,KAAK1C,MAAM,QAAQ,IACzC0C,MAAM,OAAO,CAAC,QAAQ,KAAKF,YAC1BxC,MAAM,IAAI,IAAI,CAAC0C,MAAM,OAAO,CAAC,IAAI,EAElCD,UAAU,OAAO,GAAGD,AAAW,OAAXA;QACtBE,MAAM,OAAO,GAAG;YAAE,MAAM1C,MAAM,IAAI;YAAE,UAAUA,MAAM,QAAQ;YAAEwC;QAAS;QACvE,IAAI,CAACxC,MAAM,IAAI,IAAIoC,SAASE,SAASE,YAAY,GAAG;QACpD,MAAMG,UAAUC,KAAK,GAAG;QACxB,MAAMC,QAAQC,WAAWzD,OAAOoD,UAAU,OAAO;QACjD,OAAO;YACLM,aAAaF;YACbJ,UAAU,OAAO,GAAGvC,KAAK,GAAG,CAAC,GAAGuC,UAAU,OAAO,GAAIG,CAAAA,KAAK,GAAG,KAAKD,OAAM;QAC1E;IACF,GAAG;QAAC3C,MAAM,IAAI;QAAEA,MAAM,QAAQ;QAAEwC;QAAUJ;QAAOE;QAAOjD;KAAM;IAC9D,MAAM2D,WAAWjC,OAAOiB;IACxBf,UAAU;QACR,IAAI+B,SAAS,OAAO,IAAI,CAAChB,SAASJ;QAClCoB,SAAS,OAAO,GAAGhB;IACrB,GAAG;QAACA;QAASJ;KAAO;IACpB,IAAI,CAACI,SAAS,OAAO;IACrB,OAAO,WAAP,GACE,IAACiB,cAAc,QAAQ;QAAC,OAAOtD;kBAC7B,kBAAC;YACC,KAAKmC;YACL,WAAU;YACV,cAAY9B,MAAM,IAAI,GAAG,SAAS;YAClC,OAAOA,MAAM,MAAM,GAAGkD,mBAAmBvD,OAAO,KAAK,IAAIF;YACxD,GAAG0D,WAAW,CAACnD,MAAM,IAAI,CAAC;YAC3B,eAAa,CAACA,MAAM,IAAI,IAAIP;sBAE5B,kBAAC;gBAAI,WAAU;0BAEb,mBAAC;oBACC,WAAW,CAAC,qCAAqC,EAAEyC,MAAM;oBACzD,MAAMA,AAAS,YAATA,QAAoBA,AAAS,cAATA,OAAqB,UAAU;oBACzD,gBAAgB,IAAMG,SAAS;oBAC/B,gBAAgB,IAAMA,SAAS;oBAC/B,SAAS,IAAME,SAAS;oBACxB,QAAQ,CAACa;wBACP,IAAI,CAACA,MAAM,aAAa,CAAC,QAAQ,CAACA,MAAM,aAAa,GAAGb,SAAS;oBACnE;;sCAEA,IAAC;4BAAK,KAAKR;4BAAM,WAAU;4BAA0B,eAAY;sCAC9D/B,MAAM,IAAI,IAAI,WAAJ,GAAI,IAACqD,cAAYA;gCAAC,MAAMnB;;;sCAErC,KAAC;4BAAI,WAAU;;8CACb,KAAC;oCAAI,WAAU;;sDACb,IAAC;4CAAI,WAAU;sDAA4BlC,MAAM,KAAK;;wCAClC,UAAnBA,MAAM,QAAQ,IAAc,WAAT,GAClB,IAAC;4CACC,MAAK;4CACL,WAAU;4CACV,cAAYL,OAAO,QAAQ,CAAC,KAAK;4CACjC,SAASN;sDAET,kBAACiE,GAACA;gDAAC,MAAM;gDAAI,eAAY;;;;;gCAI9BtD,MAAM,WAAW,IAAI,WAAJ,GAChB,IAAC;oCAAI,WAAU;8CAAkCA,MAAM,WAAW;;gCAEnEA,MAAM,OAAO,IAAI,WAAJ,GAAI,IAAC;oCAAI,WAAU;8CAA8BA,MAAM,OAAO;;;;;;;;;AAO1F"}

package/dist/esm/browser/modules/pagination/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Pagination } from "./pagination.js";

package/dist/esm/browser/modules/pagination/pagination.js

@@ -0,0 +1,196 @@
+"use client";
+import '../../../styles/components/pagination.css';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
+import { useId, useRef, useState } from "react";
+import { useLeafConfig } from "../config-provider/context.js";
+import { InputNumber } from "../inputnumber/index.js";
+import { Select } from "../select/index.js";
+import { classes } from "../shared/classes.js";
+import { useMovingIndicator } from "../tabs/use-moving-indicator.js";
+const positiveInteger = (value)=>Number.isFinite(value) ? Math.max(1, Math.floor(value)) : 1;
+function Pagination({ total, current, defaultCurrent = 1, pageSize, defaultPageSize = 10, onChange, showSizeChanger = false, pageSizeOptions = [
+    10,
+    20,
+    50,
+    100
+], showQuickJumper = false, showTotal, simple = false, disabled = false, hideOnSinglePage = false, size = 'md', className, 'aria-label': label, ...props }) {
+    const { messages, direction } = useLeafConfig();
+    const root = useRef(null);
+    const indicator = useRef(null);
+    const jumpId = `${useId()}-jump`;
+    const [internalPage, setPage] = useState(defaultCurrent);
+    const [internalSize, setSize] = useState(defaultPageSize);
+    const [jump, setJump] = useState(null);
+    const count = Math.max(0, Number.isFinite(total) ? Math.floor(total) : 0);
+    const perPage = positiveInteger(pageSize ?? internalSize);
+    const pages = Math.max(1, Math.ceil(count / perPage));
+    const page = Math.min(pages, positiveInteger(current ?? internalPage));
+    useMovingIndicator(root, indicator, '[aria-current="page"]', `${page}-${pages}-${simple}-${direction}`, !hideOnSinglePage || 1 !== pages);
+    const choose = (next, nextSize = perPage)=>{
+        if (disabled) return;
+        const normalizedSize = positiveInteger(nextSize);
+        const normalizedPage = Math.min(Math.max(1, Math.ceil(count / normalizedSize)), positiveInteger(next));
+        if (void 0 === current) setPage(normalizedPage);
+        if (void 0 === pageSize) setSize(normalizedSize);
+        if (normalizedPage !== page || normalizedSize !== perPage) onChange?.(normalizedPage, normalizedSize);
+    };
+    const candidates = pages <= 7 ? Array.from({
+        length: pages
+    }, (_, i)=>i + 1) : [
+        ...new Set([
+            1,
+            pages,
+            ...Array.from({
+                length: 3
+            }, (_, i)=>Math.min(pages - 1, Math.max(2, page - 1 + i))),
+            ...page <= 3 ? [
+                2,
+                3,
+                4
+            ] : [],
+            ...page >= pages - 2 ? [
+                pages - 3,
+                pages - 2,
+                pages - 1
+            ] : []
+        ])
+    ].sort((a, b)=>a - b);
+    const options = [
+        ...new Set([
+            ...pageSizeOptions.map(positiveInteger),
+            perPage
+        ])
+    ].sort((a, b)=>a - b);
+    if (hideOnSinglePage && 1 === pages) return null;
+    return /*#__PURE__*/ jsxs("nav", {
+        ...props,
+        ref: root,
+        "aria-label": label ?? messages.pagination,
+        className: classes('leaf-pagination', `leaf-pagination--${size}`, className),
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                ref: indicator,
+                className: "leaf-pagination__indicator",
+                "aria-hidden": "true"
+            }),
+            showTotal && /*#__PURE__*/ jsx("span", {
+                className: "leaf-pagination__total",
+                children: showTotal(count, [
+                    0 === count ? 0 : (page - 1) * perPage + 1,
+                    Math.min(count, page * perPage)
+                ])
+            }),
+            /*#__PURE__*/ jsx("button", {
+                type: "button",
+                disabled: disabled || 1 === page,
+                "aria-label": messages.previousPage,
+                onClick: ()=>choose(page - 1),
+                children: /*#__PURE__*/ jsx(ChevronLeft, {
+                    size: 16,
+                    "aria-hidden": "true"
+                })
+            }),
+            simple ? /*#__PURE__*/ jsxs("span", {
+                className: "leaf-pagination__simple",
+                children: [
+                    page,
+                    " / ",
+                    pages
+                ]
+            }) : candidates.map((number, index)=>/*#__PURE__*/ jsxs("span", {
+                    className: "leaf-pagination__entry",
+                    children: [
+                        index > 0 && number - (candidates[index - 1] ?? 0) > 1 && (number - (candidates[index - 1] ?? 0) === 2 ? /*#__PURE__*/ jsx("button", {
+                            type: "button",
+                            disabled: disabled,
+                            "aria-label": `${messages.page} ${number - 1}`,
+                            onClick: ()=>choose(number - 1),
+                            children: number - 1
+                        }) : /*#__PURE__*/ jsxs("button", {
+                            type: "button",
+                            className: "leaf-pagination__jump",
+                            disabled: disabled,
+                            "aria-label": number > page ? messages.pageForward : messages.pageBack,
+                            onClick: ()=>choose(page + (number > page ? 5 : -5)),
+                            children: [
+                                /*#__PURE__*/ jsx("span", {
+                                    "aria-hidden": "true",
+                                    children: "…"
+                                }),
+                                number > page ? /*#__PURE__*/ jsx(ChevronsRight, {
+                                    size: 16,
+                                    "aria-hidden": "true"
+                                }) : /*#__PURE__*/ jsx(ChevronsLeft, {
+                                    size: 16,
+                                    "aria-hidden": "true"
+                                })
+                            ]
+                        })),
+                        /*#__PURE__*/ jsx("button", {
+                            type: "button",
+                            "aria-label": `${messages.page} ${number}`,
+                            "aria-current": number === page ? 'page' : void 0,
+                            "data-leaf-indicator-item": "",
+                            disabled: disabled,
+                            onClick: ()=>choose(number),
+                            children: number
+                        })
+                    ]
+                }, number)),
+            /*#__PURE__*/ jsx("button", {
+                type: "button",
+                disabled: disabled || page === pages,
+                "aria-label": messages.nextPage,
+                onClick: ()=>choose(page + 1),
+                children: /*#__PURE__*/ jsx(ChevronRight, {
+                    size: 16,
+                    "aria-hidden": "true"
+                })
+            }),
+            showSizeChanger && /*#__PURE__*/ jsx(Select, {
+                size: size,
+                className: "leaf-pagination__size",
+                "aria-label": messages.pageSize,
+                disabled: disabled,
+                value: String(perPage),
+                popupWidth: "auto",
+                popupMaxWidth: 240,
+                options: options.map((number)=>({
+                        value: String(number),
+                        label: `${number} ${messages.itemsPerPage}`
+                    })),
+                onChange: (next)=>choose(Math.floor((page - 1) * perPage / Number(next)) + 1, Number(next))
+            }),
+            showQuickJumper && /*#__PURE__*/ jsxs("label", {
+                className: "leaf-pagination__jumper",
+                htmlFor: jumpId,
+                children: [
+                    messages.jumpTo,
+                    /*#__PURE__*/ jsx(InputNumber, {
+                        id: jumpId,
+                        "aria-label": messages.jumpTo,
+                        size: size,
+                        min: 1,
+                        max: pages,
+                        precision: 0,
+                        controls: false,
+                        disabled: disabled,
+                        value: jump,
+                        onChange: setJump,
+                        onKeyDown: (event)=>{
+                            if ('Enter' === event.key && !event.nativeEvent.isComposing && event.currentTarget.value.trim() && Number.isFinite(Number(event.currentTarget.value))) {
+                                event.preventDefault();
+                                choose(Number(event.currentTarget.value));
+                                setJump(Math.min(pages, positiveInteger(Number(event.currentTarget.value))));
+                            }
+                        }
+                    })
+                ]
+            })
+        ]
+    });
+}
+export { Pagination };
+
+//# sourceMappingURL=pagination.js.map

package/dist/esm/browser/modules/pagination/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination/pagination.js","sources":["../../../../../src/pagination/pagination.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from 'lucide-react';\nimport { type HTMLAttributes, type ReactNode, useId, useRef, useState } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { InputNumber } from '../inputnumber';\nimport { Select } from '../select';\nimport { classes } from '../shared/classes';\nimport type { ControlSize } from '../shared/types';\nimport { useMovingIndicator } from '../tabs/use-moving-indicator';\n\nexport interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {\n  total: number;\n  current?: number;\n  defaultCurrent?: number;\n  pageSize?: number;\n  defaultPageSize?: number;\n  onChange?: (page: number, pageSize: number) => void;\n  showSizeChanger?: boolean;\n  pageSizeOptions?: readonly number[];\n  showQuickJumper?: boolean;\n  showTotal?: (total: number, range: readonly [number, number]) => ReactNode;\n  simple?: boolean;\n  disabled?: boolean;\n  hideOnSinglePage?: boolean;\n  size?: ControlSize;\n}\nconst positiveInteger = (value: number) =>\n  Number.isFinite(value) ? Math.max(1, Math.floor(value)) : 1;\nexport function Pagination({\n  total,\n  current,\n  defaultCurrent = 1,\n  pageSize,\n  defaultPageSize = 10,\n  onChange,\n  showSizeChanger = false,\n  pageSizeOptions = [10, 20, 50, 100],\n  showQuickJumper = false,\n  showTotal,\n  simple = false,\n  disabled = false,\n  hideOnSinglePage = false,\n  size = 'md',\n  className,\n  'aria-label': label,\n  ...props\n}: PaginationProps) {\n  const { messages, direction } = useLeafConfig();\n  const root = useRef<HTMLElement>(null);\n  const indicator = useRef<HTMLSpanElement>(null);\n  const jumpId = `${useId()}-jump`;\n  const [internalPage, setPage] = useState(defaultCurrent);\n  const [internalSize, setSize] = useState(defaultPageSize);\n  const [jump, setJump] = useState<number | null>(null);\n  const count = Math.max(0, Number.isFinite(total) ? Math.floor(total) : 0);\n  const perPage = positiveInteger(pageSize ?? internalSize);\n  const pages = Math.max(1, Math.ceil(count / perPage));\n  const page = Math.min(pages, positiveInteger(current ?? internalPage));\n  useMovingIndicator(\n    root,\n    indicator,\n    '[aria-current=\"page\"]',\n    `${page}-${pages}-${simple}-${direction}`,\n    !hideOnSinglePage || pages !== 1,\n  );\n  const choose = (next: number, nextSize = perPage) => {\n    if (disabled) return;\n    const normalizedSize = positiveInteger(nextSize);\n    const normalizedPage = Math.min(\n      Math.max(1, Math.ceil(count / normalizedSize)),\n      positiveInteger(next),\n    );\n    if (current === undefined) setPage(normalizedPage);\n    if (pageSize === undefined) setSize(normalizedSize);\n    if (normalizedPage !== page || normalizedSize !== perPage)\n      onChange?.(normalizedPage, normalizedSize);\n  };\n  const candidates =\n    pages <= 7\n      ? Array.from({ length: pages }, (_, i) => i + 1)\n      : [\n          ...new Set([\n            1,\n            pages,\n            ...Array.from({ length: 3 }, (_, i) => Math.min(pages - 1, Math.max(2, page - 1 + i))),\n            ...(page <= 3 ? [2, 3, 4] : []),\n            ...(page >= pages - 2 ? [pages - 3, pages - 2, pages - 1] : []),\n          ]),\n        ].sort((a, b) => a - b);\n  const options = [...new Set([...pageSizeOptions.map(positiveInteger), perPage])].sort(\n    (a, b) => a - b,\n  );\n  if (hideOnSinglePage && pages === 1) return null;\n  return (\n    <nav\n      {...props}\n      ref={root}\n      aria-label={label ?? messages.pagination}\n      className={classes('leaf-pagination', `leaf-pagination--${size}`, className)}\n    >\n      <span ref={indicator} className=\"leaf-pagination__indicator\" aria-hidden=\"true\" />\n      {showTotal && (\n        <span className=\"leaf-pagination__total\">\n          {showTotal(count, [\n            count === 0 ? 0 : (page - 1) * perPage + 1,\n            Math.min(count, page * perPage),\n          ])}\n        </span>\n      )}\n      <button\n        type=\"button\"\n        disabled={disabled || page === 1}\n        aria-label={messages.previousPage}\n        onClick={() => choose(page - 1)}\n      >\n        <ChevronLeft size={16} aria-hidden=\"true\" />\n      </button>\n      {simple ? (\n        <span className=\"leaf-pagination__simple\">\n          {page} / {pages}\n        </span>\n      ) : (\n        candidates.map((number, index) => (\n          <span className=\"leaf-pagination__entry\" key={number}>\n            {index > 0 &&\n              number - (candidates[index - 1] ?? 0) > 1 &&\n              (number - (candidates[index - 1] ?? 0) === 2 ? (\n                <button\n                  type=\"button\"\n                  disabled={disabled}\n                  aria-label={`${messages.page} ${number - 1}`}\n                  onClick={() => choose(number - 1)}\n                >\n                  {number - 1}\n                </button>\n              ) : (\n                <button\n                  type=\"button\"\n                  className=\"leaf-pagination__jump\"\n                  disabled={disabled}\n                  aria-label={number > page ? messages.pageForward : messages.pageBack}\n                  onClick={() => choose(page + (number > page ? 5 : -5))}\n                >\n                  <span aria-hidden=\"true\">…</span>\n                  {number > page ? (\n                    <ChevronsRight size={16} aria-hidden=\"true\" />\n                  ) : (\n                    <ChevronsLeft size={16} aria-hidden=\"true\" />\n                  )}\n                </button>\n              ))}\n            <button\n              type=\"button\"\n              aria-label={`${messages.page} ${number}`}\n              aria-current={number === page ? 'page' : undefined}\n              data-leaf-indicator-item=\"\"\n              disabled={disabled}\n              onClick={() => choose(number)}\n            >\n              {number}\n            </button>\n          </span>\n        ))\n      )}\n      <button\n        type=\"button\"\n        disabled={disabled || page === pages}\n        aria-label={messages.nextPage}\n        onClick={() => choose(page + 1)}\n      >\n        <ChevronRight size={16} aria-hidden=\"true\" />\n      </button>\n      {showSizeChanger && (\n        <Select\n          size={size}\n          className=\"leaf-pagination__size\"\n          aria-label={messages.pageSize}\n          disabled={disabled}\n          value={String(perPage)}\n          popupWidth=\"auto\"\n          popupMaxWidth={240}\n          options={options.map((number) => ({\n            value: String(number),\n            label: `${number} ${messages.itemsPerPage}`,\n          }))}\n          onChange={(next) =>\n            choose(Math.floor(((page - 1) * perPage) / Number(next)) + 1, Number(next))\n          }\n        />\n      )}\n      {showQuickJumper && (\n        <label className=\"leaf-pagination__jumper\" htmlFor={jumpId}>\n          {messages.jumpTo}\n          <InputNumber\n            id={jumpId}\n            aria-label={messages.jumpTo}\n            size={size}\n            min={1}\n            max={pages}\n            precision={0}\n            controls={false}\n            disabled={disabled}\n            value={jump}\n            onChange={setJump}\n            onKeyDown={(event) => {\n              if (\n                event.key === 'Enter' &&\n                !event.nativeEvent.isComposing &&\n                event.currentTarget.value.trim() &&\n                Number.isFinite(Number(event.currentTarget.value))\n              ) {\n                event.preventDefault();\n                choose(Number(event.currentTarget.value));\n                setJump(Math.min(pages, positiveInteger(Number(event.currentTarget.value))));\n              }\n            }}\n          />\n        </label>\n      )}\n    </nav>\n  );\n}\n"],"names":["positiveInteger","value","Number","Math","Pagination","total","current","defaultCurrent","pageSize","defaultPageSize","onChange","showSizeChanger","pageSizeOptions","showQuickJumper","showTotal","simple","disabled","hideOnSinglePage","size","className","label","props","messages","direction","useLeafConfig","root","useRef","indicator","jumpId","useId","internalPage","setPage","useState","internalSize","setSize","jump","setJump","count","perPage","pages","page","useMovingIndicator","choose","next","nextSize","normalizedSize","normalizedPage","undefined","candidates","Array","_","i","Set","a","b","options","classes","ChevronLeft","number","index","ChevronsRight","ChevronsLeft","ChevronRight","Select","String","InputNumber","event"],"mappings":"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"}

package/dist/esm/browser/modules/popconfirm/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Popconfirm } from "./popconfirm.js";

package/dist/esm/browser/modules/popconfirm/popconfirm.js

@@ -0,0 +1,128 @@
+"use client";
+import '../../../styles/components/popconfirm.css';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { FeedbackIcon } from "../alert/alert.js";
+import { Button } from "../button/index.js";
+import { useLeafConfig } from "../config-provider/context.js";
+import { Popover } from "../popover/index.js";
+import { useControllable } from "../shared/use-controllable.js";
+import { useText } from "../shared/use-text.js";
+function Popconfirm({ title, description, type = 'warning', icon, confirmText, cancelText, confirmButtonProps, cancelButtonProps, showCancel = true, onConfirm, onCancel, onError, open: controlled, defaultOpen = false, onOpenChange, children, ...props }) {
+    const { messages } = useLeafConfig();
+    const t = useText();
+    const [open, setOpen] = useControllable(controlled, defaultOpen, onOpenChange);
+    const [busy, setBusy] = useState(false);
+    const [error, setError] = useState(false);
+    const inFlight = useRef(false);
+    const generation = useRef(0);
+    useEffect(()=>{
+        generation.current++;
+        inFlight.current = false;
+        setBusy(false);
+        if (open) setError(false);
+        return ()=>{
+            generation.current++;
+        };
+    }, [
+        open
+    ]);
+    return /*#__PURE__*/ jsx(Popover, {
+        ...props,
+        trigger: "click",
+        open: open,
+        onOpenChange: (next)=>{
+            if (!inFlight.current) {
+                setError(false);
+                setOpen(next);
+            }
+        },
+        autoFocus: false,
+        "aria-label": props['aria-label'] ?? ('string' == typeof title ? title : messages.confirm),
+        className: [
+            'leaf-popconfirm',
+            props.className
+        ].filter(Boolean).join(' '),
+        content: /*#__PURE__*/ jsxs("div", {
+            className: "leaf-popconfirm__content",
+            children: [
+                /*#__PURE__*/ jsx("div", {
+                    className: `leaf-popconfirm__icon leaf-popconfirm__icon--${type}`,
+                    children: icon ?? ('default' !== type ? /*#__PURE__*/ jsx(FeedbackIcon, {
+                        type: type
+                    }) : null)
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: "leaf-popconfirm__body",
+                    children: [
+                        /*#__PURE__*/ jsx("div", {
+                            className: "leaf-popconfirm__title",
+                            children: title
+                        }),
+                        description && /*#__PURE__*/ jsx("div", {
+                            className: "leaf-popconfirm__description",
+                            children: description
+                        }),
+                        error && /*#__PURE__*/ jsx("p", {
+                            role: "alert",
+                            className: "leaf-popconfirm__error",
+                            children: t('操作失败，请重试', 'Action failed. Please retry.')
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "leaf-popconfirm__actions",
+                            children: [
+                                showCancel && /*#__PURE__*/ jsx(Button, {
+                                    ...cancelButtonProps,
+                                    size: cancelButtonProps?.size ?? 'sm',
+                                    variant: cancelButtonProps?.variant ?? 'outline',
+                                    disabled: busy || cancelButtonProps?.disabled,
+                                    onClick: (event)=>{
+                                        cancelButtonProps?.onClick?.(event);
+                                        if (!event.defaultPrevented) {
+                                            onCancel?.();
+                                            setOpen(false);
+                                        }
+                                    },
+                                    children: cancelText ?? messages.cancel
+                                }),
+                                /*#__PURE__*/ jsx(Button, {
+                                    ...confirmButtonProps,
+                                    size: confirmButtonProps?.size ?? 'sm',
+                                    danger: confirmButtonProps?.danger ?? 'error' === type,
+                                    loading: busy || confirmButtonProps?.loading,
+                                    onClick: async (event)=>{
+                                        confirmButtonProps?.onClick?.(event);
+                                        if (event.defaultPrevented || inFlight.current) return;
+                                        inFlight.current = true;
+                                        const request = generation.current;
+                                        setBusy(true);
+                                        setError(false);
+                                        try {
+                                            await onConfirm?.();
+                                            if (generation.current !== request) return;
+                                            setOpen(false);
+                                        } catch (reason) {
+                                            if (generation.current !== request) return;
+                                            setError(true);
+                                            onError?.(reason);
+                                        } finally{
+                                            if (generation.current === request) {
+                                                inFlight.current = false;
+                                                setBusy(false);
+                                            }
+                                        }
+                                    },
+                                    children: confirmText ?? messages.confirm
+                                })
+                            ]
+                        })
+                    ]
+                })
+            ]
+        }),
+        children: children
+    });
+}
+export { Popconfirm };
+
+//# sourceMappingURL=popconfirm.js.map

package/dist/esm/browser/modules/popconfirm/popconfirm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popconfirm/popconfirm.js","sources":["../../../../../src/popconfirm/popconfirm.tsx"],"sourcesContent":["import { type ReactNode, useEffect, useRef, useState } from 'react';\nimport { FeedbackIcon, type FeedbackType } from '../alert/alert';\nimport { Button, type ButtonProps } from '../button';\nimport { useLeafConfig } from '../config-provider/context';\nimport { Popover, type PopoverProps } from '../popover';\nimport { useControllable } from '../shared/use-controllable';\nimport { useText } from '../shared/use-text';\nexport interface PopconfirmProps\n  extends Omit<PopoverProps, 'title' | 'content' | 'trigger' | 'autoFocus'> {\n  title: ReactNode;\n  description?: ReactNode;\n  type?: FeedbackType | 'default';\n  icon?: ReactNode;\n  confirmText?: ReactNode;\n  cancelText?: ReactNode;\n  confirmButtonProps?: ButtonProps;\n  cancelButtonProps?: ButtonProps;\n  showCancel?: boolean;\n  onConfirm?: () => void | Promise<void>;\n  onCancel?: () => void;\n  onError?: (error: unknown) => void;\n}\nexport function Popconfirm({\n  title,\n  description,\n  type = 'warning',\n  icon,\n  confirmText,\n  cancelText,\n  confirmButtonProps,\n  cancelButtonProps,\n  showCancel = true,\n  onConfirm,\n  onCancel,\n  onError,\n  open: controlled,\n  defaultOpen = false,\n  onOpenChange,\n  children,\n  ...props\n}: PopconfirmProps) {\n  const { messages } = useLeafConfig();\n  const t = useText();\n  const [open, setOpen] = useControllable(controlled, defaultOpen, onOpenChange);\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState(false);\n  const inFlight = useRef(false);\n  const generation = useRef(0);\n  useEffect(() => {\n    generation.current++;\n    inFlight.current = false;\n    setBusy(false);\n    if (open) setError(false);\n    return () => {\n      generation.current++;\n    };\n  }, [open]);\n  return (\n    <Popover\n      {...props}\n      trigger=\"click\"\n      open={open}\n      onOpenChange={(next) => {\n        if (!inFlight.current) {\n          setError(false);\n          setOpen(next);\n        }\n      }}\n      autoFocus={false}\n      aria-label={props['aria-label'] ?? (typeof title === 'string' ? title : messages.confirm)}\n      className={['leaf-popconfirm', props.className].filter(Boolean).join(' ')}\n      content={\n        <div className=\"leaf-popconfirm__content\">\n          <div className={`leaf-popconfirm__icon leaf-popconfirm__icon--${type}`}>\n            {icon ?? (type !== 'default' ? <FeedbackIcon type={type} /> : null)}\n          </div>\n          <div className=\"leaf-popconfirm__body\">\n            <div className=\"leaf-popconfirm__title\">{title}</div>\n            {description && <div className=\"leaf-popconfirm__description\">{description}</div>}\n            {error && (\n              <p role=\"alert\" className=\"leaf-popconfirm__error\">\n                {t('操作失败，请重试', 'Action failed. Please retry.')}\n              </p>\n            )}\n            <div className=\"leaf-popconfirm__actions\">\n              {showCancel && (\n                <Button\n                  {...cancelButtonProps}\n                  size={cancelButtonProps?.size ?? 'sm'}\n                  variant={cancelButtonProps?.variant ?? 'outline'}\n                  disabled={busy || cancelButtonProps?.disabled}\n                  onClick={(event) => {\n                    cancelButtonProps?.onClick?.(event);\n                    if (!event.defaultPrevented) {\n                      onCancel?.();\n                      setOpen(false);\n                    }\n                  }}\n                >\n                  {cancelText ?? messages.cancel}\n                </Button>\n              )}\n              <Button\n                {...confirmButtonProps}\n                size={confirmButtonProps?.size ?? 'sm'}\n                danger={confirmButtonProps?.danger ?? type === 'error'}\n                loading={busy || confirmButtonProps?.loading}\n                onClick={async (event) => {\n                  confirmButtonProps?.onClick?.(event);\n                  if (event.defaultPrevented || inFlight.current) return;\n                  inFlight.current = true;\n                  const request = generation.current;\n                  setBusy(true);\n                  setError(false);\n                  try {\n                    await onConfirm?.();\n                    if (generation.current !== request) return;\n                    setOpen(false);\n                  } catch (reason) {\n                    if (generation.current !== request) return;\n                    setError(true);\n                    onError?.(reason);\n                  } finally {\n                    if (generation.current === request) {\n                      inFlight.current = false;\n                      setBusy(false);\n                    }\n                  }\n                }}\n              >\n                {confirmText ?? messages.confirm}\n              </Button>\n            </div>\n          </div>\n        </div>\n      }\n    >\n      {children}\n    </Popover>\n  );\n}\n"],"names":["Popconfirm","title","description","type","icon","confirmText","cancelText","confirmButtonProps","cancelButtonProps","showCancel","onConfirm","onCancel","onError","controlled","defaultOpen","onOpenChange","children","props","messages","useLeafConfig","t","useText","open","setOpen","useControllable","busy","setBusy","useState","error","setError","inFlight","useRef","generation","useEffect","Popover","next","Boolean","FeedbackIcon","Button","event","request","reason"],"mappings":"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"}

package/dist/esm/browser/modules/popover/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Popover } from "./popover.js";

package/dist/esm/browser/modules/popover/popover.js

@@ -0,0 +1,151 @@
+"use client";
+import '../../../styles/components/popover.css';
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cloneElement, useEffect, useId, useRef, useState, version } from "react";
+import { tabbable } from "tabbable";
+import { classes } from "../shared/classes.js";
+import { useMergedRef } from "../shared/field.js";
+import { FloatingPanel, useFloatingDismiss } from "../shared/floating.js";
+import { useNaturalHeightTransition } from "../shared/presence.js";
+function Popover({ children, title, content, trigger: mode = 'click', placement = 'top', open: controlled, defaultOpen = false, onOpenChange, disabled = false, autoFocus = true, enterDelay = 100, leaveDelay = 100, width = 'max-content', maxWidth = 320, className, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, style, 'aria-label': label }) {
+    const [internal, setInternal] = useState(defaultOpen);
+    const inactive = disabled || children.props.disabled;
+    const open = !inactive && (controlled ?? internal);
+    const trigger = useRef(null);
+    const panel = useRef(null);
+    const body = useRef(null);
+    useNaturalHeightTransition(panel, body, open);
+    const childRef = version.startsWith('18.') ? children.ref : children.props.ref;
+    const ref = useMergedRef(trigger, childRef);
+    const id = `${useId()}-popover`;
+    const timer = useRef(void 0);
+    const focused = useRef(false);
+    const hovered = useRef(false);
+    const change = (next)=>{
+        if (void 0 === controlled) setInternal(next);
+        if (next !== open) onOpenChange?.(next);
+    };
+    const dismiss = ()=>{
+        clearTimeout(timer.current);
+        change(false);
+    };
+    const schedule = (next, delay)=>{
+        clearTimeout(timer.current);
+        timer.current = setTimeout(()=>change(next), Math.max(0, delay));
+    };
+    useFloatingDismiss(open, dismiss, trigger, panel);
+    useEffect(()=>()=>clearTimeout(timer.current), []);
+    useEffect(()=>{
+        if (inactive) {
+            clearTimeout(timer.current);
+            setInternal(false);
+        }
+    }, [
+        inactive
+    ]);
+    useEffect(()=>{
+        const node = panel.current;
+        if (!open || 'click' !== mode || !node || !autoFocus) return;
+        (tabbable(node)[0] ?? node).focus();
+        return ()=>{
+            if (node.contains(document.activeElement)) trigger.current?.focus();
+        };
+    }, [
+        open,
+        mode,
+        autoFocus
+    ]);
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ cloneElement(children, {
+                ref,
+                'aria-haspopup': 'click' === mode ? 'dialog' : children.props['aria-haspopup'],
+                'aria-expanded': 'click' === mode ? open : children.props['aria-expanded'],
+                'aria-controls': open ? id : children.props['aria-controls'],
+                'aria-describedby': 'hover' === mode && open ? [
+                    children.props['aria-describedby'],
+                    id
+                ].filter(Boolean).join(' ') : children.props['aria-describedby'],
+                onClick: (event)=>{
+                    children.props.onClick?.(event);
+                    if ('click' === mode && !inactive && !event.defaultPrevented) change(!open);
+                },
+                onKeyDown: (event)=>{
+                    children.props.onKeyDown?.(event);
+                    if ('click' === mode && !inactive && !event.defaultPrevented && 'ArrowDown' === event.key) {
+                        event.preventDefault();
+                        change(true);
+                    }
+                },
+                onPointerEnter: (event)=>{
+                    children.props.onPointerEnter?.(event);
+                    if ('hover' === mode && !inactive && !event.defaultPrevented && 'touch' !== event.pointerType) {
+                        hovered.current = true;
+                        schedule(true, enterDelay);
+                    }
+                },
+                onPointerLeave: (event)=>{
+                    children.props.onPointerLeave?.(event);
+                    hovered.current = false;
+                    if ('hover' === mode && !focused.current) schedule(false, leaveDelay);
+                },
+                onFocus: (event)=>{
+                    children.props.onFocus?.(event);
+                    if ('hover' === mode && !inactive && !event.defaultPrevented) {
+                        focused.current = true;
+                        clearTimeout(timer.current);
+                        change(true);
+                    }
+                },
+                onBlur: (event)=>{
+                    children.props.onBlur?.(event);
+                    focused.current = false;
+                    if ('hover' === mode && !hovered.current && !panel.current?.contains(event.relatedTarget)) schedule(false, leaveDelay);
+                }
+            }),
+            /*#__PURE__*/ jsxs(FloatingPanel, {
+                open: open,
+                render: popupRender,
+                container: getPopupContainer,
+                triggerRef: trigger,
+                panelRef: panel,
+                id: id,
+                role: 'click' === mode ? 'dialog' : 'tooltip',
+                tabIndex: -1,
+                placement: popupPlacement ?? placement,
+                width: width,
+                maxWidth: maxWidth,
+                className: classes('leaf-floating', 'leaf-popover', className, popupClassName),
+                style: {
+                    ...style,
+                    ...popupStyle
+                },
+                "aria-label": label ?? ('string' == typeof title ? title : void 0),
+                "aria-labelledby": null != title ? `${id}-title` : void 0,
+                onPointerEnter: ()=>{
+                    hovered.current = true;
+                    clearTimeout(timer.current);
+                },
+                onPointerLeave: ()=>{
+                    hovered.current = false;
+                    if ('hover' === mode && !focused.current && !panel.current?.contains(document.activeElement)) schedule(false, leaveDelay);
+                },
+                children: [
+                    null != title && /*#__PURE__*/ jsx("div", {
+                        id: `${id}-title`,
+                        className: "leaf-popover__title",
+                        children: title
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        ref: body,
+                        className: "leaf-popover__content",
+                        children: content
+                    })
+                ]
+            })
+        ]
+    });
+}
+export { Popover };
+
+//# sourceMappingURL=popover.js.map

package/dist/esm/browser/modules/popover/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover/popover.js","sources":["../../../../../src/popover/popover.tsx"],"sourcesContent":["import {\n  type CSSProperties,\n  cloneElement,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  version,\n} from 'react';\nimport { tabbable } from 'tabbable';\nimport { classes } from '../shared/classes';\nimport { useMergedRef } from '../shared/field';\nimport { FloatingPanel, type PopupOptions, useFloatingDismiss } from '../shared/floating';\nimport { useNaturalHeightTransition } from '../shared/presence';\n\nexport interface PopoverProps extends PopupOptions {\n  children: ReactElement<\n    HTMLAttributes<HTMLElement> & { ref?: Ref<HTMLElement>; disabled?: boolean }\n  >;\n  title?: ReactNode;\n  content: ReactNode;\n  trigger?: 'click' | 'hover';\n  placement?:\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end';\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n  autoFocus?: boolean;\n  enterDelay?: number;\n  leaveDelay?: number;\n  width?: number | string;\n  maxWidth?: number | string;\n  className?: string;\n  style?: CSSProperties;\n  'aria-label'?: string;\n}\nexport function Popover({\n  children,\n  title,\n  content,\n  trigger: mode = 'click',\n  placement = 'top',\n  open: controlled,\n  defaultOpen = false,\n  onOpenChange,\n  disabled = false,\n  autoFocus = true,\n  enterDelay = 100,\n  leaveDelay = 100,\n  width = 'max-content',\n  maxWidth = 320,\n  className,\n  popupPlacement,\n  popupClassName,\n  popupStyle,\n  popupRender,\n  getPopupContainer,\n  style,\n  'aria-label': label,\n}: PopoverProps) {\n  const [internal, setInternal] = useState(defaultOpen);\n  const inactive = disabled || children.props.disabled;\n  const open = !inactive && (controlled ?? internal);\n  const trigger = useRef<HTMLElement>(null);\n  const panel = useRef<HTMLDivElement>(null);\n  const body = useRef<HTMLDivElement>(null);\n  useNaturalHeightTransition(panel, body, open);\n  const childRef = version.startsWith('18.')\n    ? (children as typeof children & { ref?: Ref<HTMLElement> }).ref\n    : children.props.ref;\n  const ref = useMergedRef(trigger, childRef);\n  const id = `${useId()}-popover`;\n  const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const focused = useRef(false);\n  const hovered = useRef(false);\n  const change = (next: boolean) => {\n    if (controlled === undefined) setInternal(next);\n    if (next !== open) onOpenChange?.(next);\n  };\n  const dismiss = () => {\n    clearTimeout(timer.current);\n    change(false);\n  };\n  const schedule = (next: boolean, delay: number) => {\n    clearTimeout(timer.current);\n    timer.current = setTimeout(() => change(next), Math.max(0, delay));\n  };\n  useFloatingDismiss(open, dismiss, trigger, panel);\n  useEffect(() => () => clearTimeout(timer.current), []);\n  useEffect(() => {\n    if (inactive) {\n      clearTimeout(timer.current);\n      setInternal(false);\n    }\n  }, [inactive]);\n  useEffect(() => {\n    const node = panel.current;\n    if (!open || mode !== 'click' || !node || !autoFocus) return;\n    (tabbable(node)[0] ?? node).focus();\n    return () => {\n      if (node.contains(document.activeElement)) trigger.current?.focus();\n    };\n  }, [open, mode, autoFocus]);\n  return (\n    <>\n      {cloneElement(children, {\n        ref,\n        'aria-haspopup': mode === 'click' ? 'dialog' : children.props['aria-haspopup'],\n        'aria-expanded': mode === 'click' ? open : children.props['aria-expanded'],\n        'aria-controls': open ? id : children.props['aria-controls'],\n        'aria-describedby':\n          mode === 'hover' && open\n            ? [children.props['aria-describedby'], id].filter(Boolean).join(' ')\n            : children.props['aria-describedby'],\n        onClick: (event) => {\n          children.props.onClick?.(event);\n          if (mode === 'click' && !inactive && !event.defaultPrevented) change(!open);\n        },\n        onKeyDown: (event) => {\n          children.props.onKeyDown?.(event);\n          if (\n            mode === 'click' &&\n            !inactive &&\n            !event.defaultPrevented &&\n            event.key === 'ArrowDown'\n          ) {\n            event.preventDefault();\n            change(true);\n          }\n        },\n        onPointerEnter: (event) => {\n          children.props.onPointerEnter?.(event);\n          if (\n            mode === 'hover' &&\n            !inactive &&\n            !event.defaultPrevented &&\n            event.pointerType !== 'touch'\n          ) {\n            hovered.current = true;\n            schedule(true, enterDelay);\n          }\n        },\n        onPointerLeave: (event) => {\n          children.props.onPointerLeave?.(event);\n          hovered.current = false;\n          if (mode === 'hover' && !focused.current) schedule(false, leaveDelay);\n        },\n        onFocus: (event) => {\n          children.props.onFocus?.(event);\n          if (mode === 'hover' && !inactive && !event.defaultPrevented) {\n            focused.current = true;\n            clearTimeout(timer.current);\n            change(true);\n          }\n        },\n        onBlur: (event) => {\n          children.props.onBlur?.(event);\n          focused.current = false;\n          if (mode === 'hover' && !hovered.current && !panel.current?.contains(event.relatedTarget))\n            schedule(false, leaveDelay);\n        },\n      })}\n      <FloatingPanel\n        open={open}\n        render={popupRender}\n        container={getPopupContainer}\n        triggerRef={trigger}\n        panelRef={panel}\n        id={id}\n        role={mode === 'click' ? 'dialog' : 'tooltip'}\n        tabIndex={-1}\n        placement={popupPlacement ?? placement}\n        width={width}\n        maxWidth={maxWidth}\n        className={classes('leaf-floating', 'leaf-popover', className, popupClassName)}\n        style={{ ...style, ...popupStyle }}\n        aria-label={label ?? (typeof title === 'string' ? title : undefined)}\n        aria-labelledby={title != null ? `${id}-title` : undefined}\n        onPointerEnter={() => {\n          hovered.current = true;\n          clearTimeout(timer.current);\n        }}\n        onPointerLeave={() => {\n          hovered.current = false;\n          if (\n            mode === 'hover' &&\n            !focused.current &&\n            !panel.current?.contains(document.activeElement)\n          )\n            schedule(false, leaveDelay);\n        }}\n      >\n        {title != null && (\n          <div id={`${id}-title`} className=\"leaf-popover__title\">\n            {title}\n          </div>\n        )}\n        <div ref={body} className=\"leaf-popover__content\">\n          {content}\n        </div>\n      </FloatingPanel>\n    </>\n  );\n}\n"],"names":["Popover","children","title","content","mode","placement","controlled","defaultOpen","onOpenChange","disabled","autoFocus","enterDelay","leaveDelay","width","maxWidth","className","popupPlacement","popupClassName","popupStyle","popupRender","getPopupContainer","style","label","internal","setInternal","useState","inactive","open","trigger","useRef","panel","body","useNaturalHeightTransition","childRef","version","ref","useMergedRef","id","useId","timer","undefined","focused","hovered","change","next","dismiss","clearTimeout","schedule","delay","setTimeout","Math","useFloatingDismiss","useEffect","node","tabbable","document","cloneElement","Boolean","event","FloatingPanel","classes"],"mappings":"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"}

package/dist/esm/browser/modules/progress/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Progress } from "./progress.js";