solid-tom-ui 0.1.2 → 0.2.1

package/dist/utils/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","names":[],"sources":["../../src/utils/cn.ts"],"sourcesContent":["import { ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":"qEAGA,SAAgB,EAAG,GAAG,EAAsB,CAC1C,OAAO,EAAQ,EAAK,EAAO,CAAC"}

package/dist/utils/element-tracker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-tracker.js","names":[],"sources":["../../src/utils/element-tracker.ts"],"sourcesContent":["/**\n * element-tracker.ts\n *\n * Singleton global tracker để theo dõi vị trí và kích thước của một element.\n * Dùng chung cho các component như NewDropdown (blockScroll=false), Tooltip, Popover...\n *\n * Cơ chế:\n * - ResizeObserver: phát hiện element thay đổi kích thước.\n * - scroll event (capture, passive): phát hiện scroll ở bất kỳ container nào.\n *   Chỉ đăng ký 1 listener duy nhất trên window; tự tháo khi không còn element nào.\n * - IntersectionObserver: phát hiện trigger đi vào/ra viewport để cập nhật rect.\n *\n * Mỗi element chỉ được track bởi 1 callback tại một thời điểm.\n * Gọi `untrackElement(el)` để dừng theo dõi và giải phóng bộ nhớ.\n */\n\nexport type TrackedRect = {\n  top: number;\n  left: number;\n  width: number;\n  height: number;\n};\n\ntype TrackCallback = (rect: TrackedRect) => void;\n\n// ── Singleton state ──────────────────────────────────────────────────────────\n\nconst callbacks = new Map<Element, TrackCallback>();\n\n// ResizeObserver: fires khi target thay đổi kích thước\nconst resizeObserver = new ResizeObserver(entries => {\n  for (const entry of entries) {\n    const cb = callbacks.get(entry.target);\n    if (cb) cb(getRect(entry.target));\n  }\n});\n\n// IntersectionObserver: bắt khi trigger đi vào/ra viewport (bị scroll ra khỏi tầm nhìn)\nconst intersectionObserver = new IntersectionObserver(\n  entries => {\n    for (const entry of entries) {\n      const cb = callbacks.get(entry.target);\n      if (cb) cb(getRect(entry.target));\n    }\n  },\n  { threshold: [0, 1] },\n);\n\n// scroll listener dùng chung — capture phase để bắt scroll ở mọi container\n// rAF dedup: gộp tất cả scroll events trong cùng 1 frame thành 1 lần getBoundingClientRect\nlet rafId = 0;\n\nconst onScroll = () => {\n  if (rafId) return; // frame đã pending → bỏ qua, tránh gọi getBoundingClientRect nhiều lần/frame\n  rafId = requestAnimationFrame(() => {\n    rafId = 0;\n    callbacks.forEach((cb, el) => cb(getRect(el)));\n  });\n};\nlet scrollListenerAttached = false;\n\nfunction attachScrollListener() {\n  if (!scrollListenerAttached) {\n    window.addEventListener('scroll', onScroll, { passive: true, capture: true });\n    scrollListenerAttached = true;\n  }\n}\n\nfunction detachScrollListener() {\n  if (scrollListenerAttached && callbacks.size === 0) {\n    window.removeEventListener('scroll', onScroll, { capture: true });\n    scrollListenerAttached = false;\n    if (rafId) {\n      cancelAnimationFrame(rafId);\n      rafId = 0;\n    }\n  }\n}\n\nfunction getRect(el: Element): TrackedRect {\n  const r = el.getBoundingClientRect();\n  return { top: r.top, left: r.left, width: r.width, height: r.height };\n}\n\n// ── Public API ───────────────────────────────────────────────────────────────\n\n/**\n * Bắt đầu theo dõi vị trí của `el`.\n * `callback` sẽ được gọi ngay lập tức với rect hiện tại,\n * và mỗi khi el thay đổi kích thước hoặc scroll.\n */\nexport function trackElement(el: Element, callback: TrackCallback): void {\n  callbacks.set(el, callback);\n  resizeObserver.observe(el);\n  intersectionObserver.observe(el);\n  attachScrollListener();\n  // Gọi ngay để caller có rect ban đầu\n  callback(getRect(el));\n}\n\n/**\n * Dừng theo dõi `el` và giải phóng bộ nhớ.\n */\nexport function untrackElement(el: Element): void {\n  callbacks.delete(el);\n  resizeObserver.unobserve(el);\n  intersectionObserver.unobserve(el);\n  detachScrollListener();\n}\n"],"mappings":"AA2BA,IAAM,EAAY,IAAI,IAGhB,EAAiB,IAAI,eAAe,GAAW,CACnD,IAAK,IAAM,KAAS,EAAS,CAC3B,IAAM,EAAK,EAAU,IAAI,EAAM,OAAO,CAClC,GAAI,EAAG,EAAQ,EAAM,OAAO,CAAC,GAEnC,CAGI,EAAuB,IAAI,qBAC/B,GAAW,CACT,IAAK,IAAM,KAAS,EAAS,CAC3B,IAAM,EAAK,EAAU,IAAI,EAAM,OAAO,CAClC,GAAI,EAAG,EAAQ,EAAM,OAAO,CAAC,GAGrC,CAAE,UAAW,CAAC,EAAG,EAAE,CAAE,CACtB,CAIG,EAAQ,EAEN,MAAiB,CACjB,AACJ,IAAQ,0BAA4B,CAClC,EAAQ,EACR,EAAU,SAAS,EAAI,IAAO,EAAG,EAAQ,EAAG,CAAC,CAAC,EAC9C,EAEA,EAAyB,GAE7B,SAAS,GAAuB,CAC9B,AAEE,KADA,OAAO,iBAAiB,SAAU,EAAU,CAAE,QAAS,GAAM,QAAS,GAAM,CAAC,CACpD,IAI7B,SAAS,GAAuB,CAC1B,GAA0B,EAAU,OAAS,IAC/C,OAAO,oBAAoB,SAAU,EAAU,CAAE,QAAS,GAAM,CAAC,CACjE,EAAyB,GACzB,AAEE,KADA,qBAAqB,EAAM,CACnB,IAKd,SAAS,EAAQ,EAA0B,CACzC,IAAM,EAAI,EAAG,uBAAuB,CACpC,MAAO,CAAE,IAAK,EAAE,IAAK,KAAM,EAAE,KAAM,MAAO,EAAE,MAAO,OAAQ,EAAE,OAAQ,CAUvE,SAAgB,EAAa,EAAa,EAA+B,CACvE,EAAU,IAAI,EAAI,EAAS,CAC3B,EAAe,QAAQ,EAAG,CAC1B,EAAqB,QAAQ,EAAG,CAChC,GAAsB,CAEtB,EAAS,EAAQ,EAAG,CAAC,CAMvB,SAAgB,EAAe,EAAmB,CAChD,EAAU,OAAO,EAAG,CACpB,EAAe,UAAU,EAAG,CAC5B,EAAqB,UAAU,EAAG,CAClC,GAAsB"}

package/dist/{src/utils → utils}/helper.js

@@ -1,2 +1,2 @@
-var e={duration:`1s`,timingFunction:`ease`,delay:`0s`,iterationCount:1,direction:`normal`,fillMode:`none`,playState:`running`};function t(t){let{name:n,duration:r=e.duration,timingFunction:i=e.timingFunction,delay:a=e.delay,iterationCount:o=e.iterationCount,direction:s=e.direction,fillMode:c=e.fillMode,playState:l=e.playState}=t;return`${n} ${r} ${i} ${a} ${o} ${s} ${c} ${l}`}function n(e,t){let n=0,r=null,i=(...i)=>{let a=Date.now(),o=t-(a-n);r&&=(clearTimeout(r),null),o<=0?(n=a,e(...i)):r=setTimeout(()=>{n=Date.now(),r=null,e(...i)},o)};return i.cancel=()=>{r&&=(clearTimeout(r),null)},i}var r=()=>`#${Math.floor(Math.random()*16777215).toString(16).padStart(6,`0`)}`;function i(e){if(!e)return r();let t=e.trim().replace(/^#/,``);return t.length===3&&(t=t.split(``).map(e=>e+e).join(``)),`#${t.toLowerCase()}`}function a(e,t){switch(e){case`primary`:return`color-primary`;case`neutral`:return`color-neutral`;case`secondary`:return`color-secondary`;case`accent`:return`color-accent`;case`info`:return`color-info`;case`success`:return`color-success`;case`warning`:return`color-warning`;case`error`:return`color-error`;default:return t??``}}var o=new Map;function s(e,t){if(e.length===1)return e[0];let n=o.get(t),r;do r=e[Math.floor(Math.random()*e.length)];while(r===n&&e.length>1);return o.set(t,r),r}var c=e=>({calcMode:`spline`,keyTimes:`0; 1`,keySplines:e});export{n as createThrottle,c as genSVGCubicBezier,a as getColor,s as getRandomElement,i as normalizeHexColor,t as renderCSSAnimation};
+var e={duration:`1s`,timingFunction:`ease`,delay:`0s`,iterationCount:1,direction:`normal`,fillMode:`none`,playState:`running`};function t(t){let{name:n,duration:r=e.duration,timingFunction:i=e.timingFunction,delay:a=e.delay,iterationCount:o=e.iterationCount,direction:s=e.direction,fillMode:c=e.fillMode,playState:l=e.playState}=t;return`${n} ${r} ${i} ${a} ${o} ${s} ${c} ${l}`}function n(e,t){let n=0,r=null,i=(...i)=>{let a=Date.now(),o=t-(a-n);r&&=(clearTimeout(r),null),o<=0?(n=a,e(...i)):r=setTimeout(()=>{n=Date.now(),r=null,e(...i)},o)};return i.cancel=()=>{r&&=(clearTimeout(r),null)},i}var r=()=>`#${Math.floor(Math.random()*16777215).toString(16).padStart(6,`0`)}`;function i(e){if(!e)return r();let t=e.trim().replace(/^#/,``);return t.length===3&&(t=t.split(``).map(e=>e+e).join(``)),`#${t.toLowerCase()}`}function a(e,t){switch(e){case`primary`:return`color-primary`;case`neutral`:return`color-neutral`;case`secondary`:return`color-secondary`;case`accent`:return`color-accent`;case`info`:return`color-info`;case`success`:return`color-success`;case`warning`:return`color-warning`;case`error`:return`color-error`;default:return t??``}}var o=e=>({calcMode:`spline`,keyTimes:`0; 1`,keySplines:e});export{n as createThrottle,o as genSVGCubicBezier,a as getColor,i as normalizeHexColor,t as renderCSSAnimation};
 //# sourceMappingURL=helper.js.map

package/dist/utils/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","names":[],"sources":["../../src/utils/helper.ts"],"sourcesContent":["import { BaseColorProps } from '@/type';\nimport { JSX } from 'solid-js';\n\ntype TimingFunction =\n  | 'ease'\n  | 'ease-in'\n  | 'ease-out'\n  | 'ease-in-out'\n  | 'linear'\n  | 'step-start'\n  | 'step-end'\n  | `steps(${number}, ${'start' | 'end'})`\n  | `cubic-bezier(${number}, ${number}, ${number}, ${number})`;\n\ntype AnimationDirection = 'normal' | 'reverse' | 'alternate' | 'alternate-reverse';\ntype FillMode = 'none' | 'forwards' | 'backwards' | 'both';\ntype PlayState = 'running' | 'paused';\ntype TimeUnit = `${number}s` | `${number}ms`;\ntype IterationCount = number | 'infinite';\n\nexport interface AnimationConfig {\n  name: string;\n  duration?: TimeUnit;\n  timingFunction?: TimingFunction;\n  delay?: TimeUnit;\n  iterationCount?: IterationCount;\n  direction?: AnimationDirection;\n  fillMode?: FillMode;\n  playState?: PlayState;\n}\nconst DEFAULT_VALUES = {\n  duration: '1s',\n  timingFunction: 'ease',\n  delay: '0s',\n  iterationCount: 1,\n  direction: 'normal',\n  fillMode: 'none',\n  playState: 'running',\n} as const;\nexport function renderCSSAnimation(config: AnimationConfig): string {\n  const {\n    name,\n    duration = DEFAULT_VALUES.duration,\n    timingFunction = DEFAULT_VALUES.timingFunction,\n    delay = DEFAULT_VALUES.delay,\n    iterationCount = DEFAULT_VALUES.iterationCount,\n    direction = DEFAULT_VALUES.direction,\n    fillMode = DEFAULT_VALUES.fillMode,\n    playState = DEFAULT_VALUES.playState,\n  } = config;\n\n  return `${name} ${duration} ${timingFunction} ${delay} ${iterationCount} ${direction} ${fillMode} ${playState}`;\n}\nexport function createThrottle<T extends (...args: any[]) => void>(\n  fn: T,\n  delay: number,\n): T & { cancel: () => void } {\n  let lastCall = 0;\n  let timer: ReturnType<typeof setTimeout> | null = null;\n  const throttled = (...args: Parameters<T>) => {\n    const now = Date.now();\n    const remaining = delay - (now - lastCall);\n    if (timer) {\n      clearTimeout(timer);\n      timer = null;\n    }\n    if (remaining <= 0) {\n      lastCall = now;\n      fn(...args);\n    } else {\n      timer = setTimeout(() => {\n        lastCall = Date.now();\n        timer = null;\n        fn(...args);\n      }, remaining);\n    }\n  };\n  throttled.cancel = () => {\n    if (timer) {\n      clearTimeout(timer);\n      timer = null;\n    }\n  };\n  return throttled as T & { cancel: () => void };\n}\nconst generateRandomHexColor = (): string => {\n  const randomColor = Math.floor(Math.random() * 16777215).toString(16);\n  return `#${randomColor.padStart(6, '0')}`;\n};\n\nexport function normalizeHexColor(value: string | undefined): string {\n  if (!value) return generateRandomHexColor();\n  let hex = value.trim().replace(/^#/, '');\n  if (hex.length === 3) {\n    hex = hex\n      .split('')\n      .map(char => char + char)\n      .join('');\n  }\n\n  return `#${hex.toLowerCase()}`;\n}\nexport function getColor(color?: BaseColorProps | string, defaultColor?: string) {\n  switch (color) {\n    case 'primary':\n      return 'color-primary';\n    case 'neutral':\n      return 'color-neutral';\n    case 'secondary':\n      return 'color-secondary';\n    case 'accent':\n      return 'color-accent';\n    case 'info':\n      return 'color-info';\n    case 'success':\n      return 'color-success';\n    case 'warning':\n      return 'color-warning';\n    case 'error':\n      return 'color-error';\n    default:\n      return defaultColor ?? '';\n  }\n}\n\nconst lastValuesByKey = new Map<string, any>();\n\nexport function getRandomElement<T>(arr: T[], uniqueId: string): T {\n  if (arr.length === 1) return arr[0];\n  const lastValue = lastValuesByKey.get(uniqueId);\n  let newValue: T;\n  do {\n    newValue = arr[Math.floor(Math.random() * arr.length)];\n  } while (newValue === lastValue && arr.length > 1);\n\n  lastValuesByKey.set(uniqueId, newValue);\n  return newValue;\n}\nexport const genSVGCubicBezier: (\n  keySplines: string,\n) => Pick<\n  JSX.AnimateSVGAttributes<SVGAnimateElement>,\n  'calcMode' | 'keyTimes' | 'keySplines'\n> = keySplines => ({\n  calcMode: 'spline',\n  keyTimes: '0; 1',\n  keySplines: keySplines,\n});\n\nexport type Image = Omit<JSX.ImgHTMLAttributes<HTMLImageElement>, 'src'> & { src: string };\n\nexport function toMarkdownCode(code: string, lang = 'tsx'): string {\n  return `\\`\\`\\`${lang}\\n${code}\\n\\`\\`\\``;\n}\n"],"mappings":"AA8BA,IAAM,EAAiB,CACrB,SAAU,KACV,eAAgB,OAChB,MAAO,KACP,eAAgB,EAChB,UAAW,SACX,SAAU,OACV,UAAW,UACZ,CACD,SAAgB,EAAmB,EAAiC,CAClE,GAAM,CACJ,OACA,WAAW,EAAe,SAC1B,iBAAiB,EAAe,eAChC,QAAQ,EAAe,MACvB,iBAAiB,EAAe,eAChC,YAAY,EAAe,UAC3B,WAAW,EAAe,SAC1B,YAAY,EAAe,WACzB,EAEJ,MAAO,GAAG,EAAK,GAAG,EAAS,GAAG,EAAe,GAAG,EAAM,GAAG,EAAe,GAAG,EAAU,GAAG,EAAS,GAAG,IAEtG,SAAgB,EACd,EACA,EAC4B,CAC5B,IAAI,EAAW,EACX,EAA8C,KAC5C,GAAa,GAAG,IAAwB,CAC5C,IAAM,EAAM,KAAK,KAAK,CAChB,EAAY,GAAS,EAAM,GACjC,AAEE,KADA,aAAa,EAAM,CACX,MAEN,GAAa,GACf,EAAW,EACX,EAAG,GAAG,EAAK,EAEX,EAAQ,eAAiB,CACvB,EAAW,KAAK,KAAK,CACrB,EAAQ,KACR,EAAG,GAAG,EAAK,EACV,EAAU,EASjB,MANA,GAAU,WAAe,CACvB,AAEE,KADA,aAAa,EAAM,CACX,OAGL,EAET,IAAM,MAEG,IADa,KAAK,MAAM,KAAK,QAAQ,CAAG,SAAS,CAAC,SAAS,GAAG,CAC9C,SAAS,EAAG,IAAI,GAGzC,SAAgB,EAAkB,EAAmC,CACnE,GAAI,CAAC,EAAO,OAAO,GAAwB,CAC3C,IAAI,EAAM,EAAM,MAAM,CAAC,QAAQ,KAAM,GAAG,CAQxC,OAPI,EAAI,SAAW,IACjB,EAAM,EACH,MAAM,GAAG,CACT,IAAI,GAAQ,EAAO,EAAK,CACxB,KAAK,GAAG,EAGN,IAAI,EAAI,aAAa,GAE9B,SAAgB,EAAS,EAAiC,EAAuB,CAC/E,OAAQ,EAAR,CACE,IAAK,UACH,MAAO,gBACT,IAAK,UACH,MAAO,gBACT,IAAK,YACH,MAAO,kBACT,IAAK,SACH,MAAO,eACT,IAAK,OACH,MAAO,aACT,IAAK,UACH,MAAO,gBACT,IAAK,UACH,MAAO,gBACT,IAAK,QACH,MAAO,cACT,QACE,OAAO,GAAgB,IAiB7B,IAAa,EAKT,IAAe,CACjB,SAAU,SACV,SAAU,OACE,aACb"}

package/dist/utils/hoc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hoc.js","names":["Component","Show","ConditionalRenderConfig","preRender","P","when","conditionalRender","Record","Comp","configKey","p","whenValue","_$createComponent","keyed","children"],"sources":["../../src/utils/hoc.tsx"],"sourcesContent":["import { Component, Show } from 'solid-js';\n\ntype ConditionalRenderConfig<P> = {\n  preRender: keyof P;\n  when?: keyof P;\n};\n/*\npreRender sẽ tạo ra DOM ngay lập tức bất kể when có true hay false\n Mặc định false\n*/\nexport function conditionalRender<P extends Record<string, any>>(\n  Comp: Component<P>,\n  configKey: ConditionalRenderConfig<P>,\n) {\n  return (p: P) => {\n    const preRender = () => p[configKey.preRender] ?? false;\n    const whenValue = () => (configKey?.when ? (p[configKey.when] ?? true) : true);\n\n    return preRender() ? (\n      <Comp {...p} />\n    ) : (\n      <Show when={whenValue()} keyed>\n        <Comp {...p} />\n      </Show>\n    );\n  };\n}\n"],"mappings":"+EAUA,SAAgBM,EACdE,EACAC,EACA,CACA,MAAQC,IAAS,CACf,IAAMP,MAAkBO,EAAED,EAAUN,YAAc,GAC5CQ,MAAmBF,GAAWJ,KAAQK,EAAED,EAAUJ,OAAS,GAAQ,GAEzE,OAAOF,GAAW,CAAAS,EACfJ,EAASE,EAAC,CAAAE,EAEVX,EAAI,CAAA,IAACI,MAAI,CAAA,OAAEM,GAAW,EAAEE,MAAK,GAAA,IAAAC,UAAA,CAAA,OAAAF,EAC3BJ,EAASE,EAAC,EAAA,CAEd"}

package/dist/utils/shiki-highlight.js

@@ -0,0 +1,2 @@
+var e=null,t=new Set;async function n(){return e||(e=import(`../node_modules/.pnpm/shiki@4.0.2/node_modules/shiki/dist/index.js`).then(({createHighlighter:e})=>e({themes:[`dracula`],langs:[`tsx`,`typescript`,`jsx`,`javascript`,`bash`,`json`,`css`,`html`,`markdown`]})),t.add(`dracula`)),e}async function r(e){let r=await n();return t.has(e)||(await r.loadTheme(e),t.add(e)),r}async function i(e){try{let[t,n,r]=await Promise.all([import(`../node_modules/.pnpm/prettier@3.8.1/node_modules/prettier/standalone.js`),import(`../node_modules/.pnpm/prettier@3.8.1/node_modules/prettier/plugins/babel.js`),import(`../node_modules/.pnpm/prettier@3.8.1/node_modules/prettier/plugins/estree.js`)]);return await t.format(e,{parser:`babel`,plugins:[n.default??n,r.default??r],printWidth:80,tabWidth:2,semi:!0,singleQuote:!0,jsxSingleQuote:!1,trailingComma:`all`})}catch{return e}}async function a(e,t,n,a=!0){let o=[`tsx`,`jsx`,`typescript`,`javascript`,`ts`,`js`].includes(t),[s,c]=await Promise.all([a&&o?i(e):Promise.resolve(e),r(n)]);return c.codeToHtml(s.trim(),{lang:t||`text`,theme:n})}export{r as ensureThemeLoaded,a as processCode};
+//# sourceMappingURL=shiki-highlight.js.map

package/dist/utils/shiki-highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shiki-highlight.js","names":[],"sources":["../../src/utils/shiki-highlight.ts"],"sourcesContent":["/**\n * shiki-highlight.ts — Pure TypeScript Shiki helper, không phụ thuộc SolidJS.\n * Được dùng chung bởi:\n *   - src/components/doc/CodePreview.tsx  (SolidJS runtime)\n *   - .storybook/usage-addon.ts           (React / Storybook Manager)\n */\n\n// Singleton highlighter — lazy-load themes khi cần\nlet highlighterPromise: Promise<any> | null = null;\nconst loadedThemes = new Set<string>();\n\nasync function getHighlighter() {\n  if (!highlighterPromise) {\n    highlighterPromise = import('shiki').then(({ createHighlighter }) =>\n      createHighlighter({\n        themes: ['dracula'],\n        langs: [\n          'tsx',\n          'typescript',\n          'jsx',\n          'javascript',\n          'bash',\n          'json',\n          'css',\n          'html',\n          'markdown',\n        ],\n      }),\n    );\n    loadedThemes.add('dracula');\n  }\n  return highlighterPromise;\n}\n\nexport async function ensureThemeLoaded(theme: string) {\n  const highlighter = await getHighlighter();\n  if (!loadedThemes.has(theme)) {\n    await highlighter.loadTheme(theme);\n    loadedThemes.add(theme);\n  }\n  return highlighter;\n}\n\n// Format code bằng Prettier standalone (babel parser — hỗ trợ JSX tốt nhất)\nasync function formatWithPrettier(code: string): Promise<string> {\n  try {\n    const [prettier, babelPlugin, estreePlugin] = await Promise.all([\n      import('prettier/standalone'),\n      import('prettier/plugins/babel'),\n      import('prettier/plugins/estree'),\n    ]);\n    return await prettier.format(code, {\n      parser: 'babel',\n      plugins: [babelPlugin.default ?? babelPlugin, estreePlugin.default ?? estreePlugin],\n      printWidth: 80,\n      tabWidth: 2,\n      semi: true,\n      singleQuote: true,\n      jsxSingleQuote: false,\n      trailingComma: 'all',\n    });\n  } catch {\n    return code;\n  }\n}\n\n/**\n * Async pipeline: format → highlight, trả về HTML string.\n * @param format true = dùng Prettier (cho TSX/JSX); false = chỉ highlight.\n */\nexport async function processCode(\n  code: string,\n  language: string,\n  theme: string,\n  format = true,\n): Promise<string> {\n  const jsLike = ['tsx', 'jsx', 'typescript', 'javascript', 'ts', 'js'].includes(language);\n  const [formatted, highlighter] = await Promise.all([\n    format && jsLike ? formatWithPrettier(code) : Promise.resolve(code),\n    ensureThemeLoaded(theme),\n  ]);\n\n  return highlighter.codeToHtml(formatted.trim(), { lang: language || 'text', theme });\n}\n"],"mappings":"AAQA,IAAI,EAA0C,KACxC,EAAe,IAAI,IAEzB,eAAe,GAAiB,CAoB9B,OAnBK,IACH,EAAqB,OAAO,sEAAS,MAAM,CAAE,uBAC3C,EAAkB,CAChB,OAAQ,CAAC,UAAU,CACnB,MAAO,CACL,MACA,aACA,MACA,aACA,OACA,OACA,MACA,OACA,WACD,CACF,CAAC,CACH,CACD,EAAa,IAAI,UAAU,EAEtB,EAGT,eAAsB,EAAkB,EAAe,CACrD,IAAM,EAAc,MAAM,GAAgB,CAK1C,OAJK,EAAa,IAAI,EAAM,GAC1B,MAAM,EAAY,UAAU,EAAM,CAClC,EAAa,IAAI,EAAM,EAElB,EAIT,eAAe,EAAmB,EAA+B,CAC/D,GAAI,CACF,GAAM,CAAC,EAAU,EAAa,GAAgB,MAAM,QAAQ,IAAI,CAC9D,OAAO,4EACP,OAAO,+EACP,OAAO,gFACR,CAAC,CACF,OAAO,MAAM,EAAS,OAAO,EAAM,CACjC,OAAQ,QACR,QAAS,CAAC,EAAY,SAAW,EAAa,EAAa,SAAW,EAAa,CACnF,WAAY,GACZ,SAAU,EACV,KAAM,GACN,YAAa,GACb,eAAgB,GAChB,cAAe,MAChB,CAAC,MACI,CACN,OAAO,GAQX,eAAsB,EACpB,EACA,EACA,EACA,EAAS,GACQ,CACjB,IAAM,EAAS,CAAC,MAAO,MAAO,aAAc,aAAc,KAAM,KAAK,CAAC,SAAS,EAAS,CAClF,CAAC,EAAW,GAAe,MAAM,QAAQ,IAAI,CACjD,GAAU,EAAS,EAAmB,EAAK,CAAG,QAAQ,QAAQ,EAAK,CACnE,EAAkB,EAAM,CACzB,CAAC,CAEF,OAAO,EAAY,WAAW,EAAU,MAAM,CAAE,CAAE,KAAM,GAAY,OAAQ,QAAO,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-tom-ui",
-  "version": "0.1.2",
+  "version": "0.2.1",
   "description": "SolidJS UI component library (Ant Design–inspired, Tailwind CSS + DaisyUI)",
   "type": "module",
   "license": "MIT",
@@ -17,8 +17,7 @@
       "import": "./dist/src/lib.js",
       "types": "./dist/lib.d.ts"
     },
-    "./styles": "./dist/solid-ui.css",
-    "./styles-source": "./dist/solid-ui-source.css"
+    "./styles": "./dist/solid-ui.css"
   },
   "main": "./dist/src/lib.js",
   "module": "./dist/src/lib.js",
@@ -34,7 +33,7 @@
     "start": "vite",
     "dev": "vite",
     "build": "vite build",
-    "build:lib": "vite build --config vite.config.lib.ts && node scripts/build-css.js && node scripts/copy-css.js",
+    "build:lib": "vite build --config vite.config.lib.ts && node scripts/build-css.js",
     "build:lib:watch": "vite build --config vite.config.lib.ts --watch",
     "dev:link": "npm run build:lib && cd ../solid_test_02 && pnpm install",
     "link:local": "cd ../solid_test_02 && pnpm add solid-tom-ui@file:../solid_ui --save",
@@ -53,7 +52,10 @@
     "clear:comment": "python src/utils/minify.py",
     "extract": "npx tsx src/utils/extractor.ts",
     "sb": "storybook dev -p 6006 --no-open",
-    "build-sb": "storybook build"
+    "build-sb": "storybook build",
+    "release:patch": "npm version patch && npm publish",
+    "release:minor": "npm version minor && npm publish",
+    "release:major": "npm version major && npm publish"
   },
   "peerDependencies": {
     "@tanstack/solid-table": ">=8.0.0",
@@ -79,7 +81,7 @@
     "puppeteer": "^24.39.1",
     "remark-gfm": "^4.0.1",
     "solid-jsx": "^1.1.4",
-    "storybook": "^10.3.3",
+    "storybook": "^10.3.5",
     "storybook-solidjs-vite": "^10.0.11",
     "typescript": "^5.9.3",
     "vite": "^8.0.8",

package/dist/components/dynamic-icon/DynamicIcon.d.ts

@@ -1,8 +0,0 @@
-import { JSX, Component } from 'solid-js';
-interface DynamicIconProps extends JSX.SvgSVGAttributes<SVGSVGElement> {
-    name: string;
-    size?: number;
-}
-export declare const DynamicIcon: Component<DynamicIconProps>;
-export {};
-//# sourceMappingURL=DynamicIcon.d.ts.map

package/dist/components/dynamic-icon/DynamicIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DynamicIcon.d.ts","sourceRoot":"","sources":["../../../src/components/dynamic-icon/DynamicIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,SAAS,EAAQ,MAAM,UAAU,CAAC;AAG3C,UAAU,gBAAiB,SAAQ,GAAG,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACpE,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAQD,eAAO,MAAM,WAAW,EAAE,SAAS,CAAC,gBAAgB,CASnD,CAAC"}

package/dist/components/dynamic-icon/index.d.ts

@@ -1,2 +0,0 @@
-export { DynamicIcon } from './DynamicIcon';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/dynamic-icon/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dynamic-icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/solid-ui-source.css

@@ -1,95 +0,0 @@
-/*
- * solid-ui — component styles
- *
- * This file is shipped as-is (source CSS, not pre-compiled).
- * Consumers must have Tailwind CSS v4 and DaisyUI v5 configured in their project.
- *
- * Usage in your app's CSS entry:
- *   @import 'tailwindcss';
- *   @plugin 'daisyui';
- *   @import 'solid-ui/styles';
- */
-
-@import './components/avatar/avatar.style.css';
-@import './components/button/button.style.css';
-@import './components/modal/modal.style.css';
-@import './components/input/input.style.css';
-@import './components/tab/tab.style.css';
-@import './components/toast/toast.style.css';
-@import './components/dropdown/dropdown.style.css';
-@import './components/badge/badge.style.css';
-@import './components/menu/menu.style.css';
-@import './components/carousel/carousel.style.css';
-@import './components/breadcrumb/breadcrumb.style.css';
-@import './components/checkbox/checkbox.style.css';
-@import './components/select/select.style.css';
-@import './components/splitter/splitter.style.css';
-@import './components/tooltip/tooltip.style.css';
-@import './components/table/table.style.css';
-@import './components/pagination/pagination.style.css';
-@import './components/collapse/collapse.style.css';
-@import './components/divider/divider.style.css';
-@import './components/steps/steps.style.css';
-@import './components/upload/upload.style.css';
-@import './components/image-preview/image-preview.style.css';
-@import './components/loading/loading.style.css';
-@import './components/blank/blank.style.css';
-@import './components/mansory/mansory.style.css';
-@import './components/drawer/drawer.style.css';
-@import './components/timeline/timeline.style.css';
-@import './components/context-menu/context-menu.style.css';
-@import './components/qr-code/qr-code.style.css';
-@import './components/select-zone/select-zone.style.css';
-@import './components/indicator/indicator.style.css';
-@import './components/tour/tour.style.css';
-@import './components/slider/slider.style.css';
-
-@layer base {
-  * {
-    border-collapse: collapse;
-    box-sizing: border-box;
-  }
-  .fill-all {
-    @apply min-h-0 min-w-0 flex-1;
-  }
-  .fill-h {
-    @apply min-h-0 flex-1;
-  }
-  .fill-w {
-    @apply min-w-0 flex-1;
-  }
-}
-
-@utility input {
-  --border-color: color-mix(in oklch, var(--input-color) 10%, transparent);
-}
-
-@layer components {
-  .color-primary {
-    --color: var(--color-primary);
-  }
-  .color-neutral {
-    --color: var(--color-neutral);
-  }
-  .color-secondary {
-    --color: var(--color-secondary);
-  }
-  .color-accent {
-    --color: var(--color-accent);
-  }
-  .color-info {
-    --color: var(--color-info);
-  }
-  .color-success {
-    --color: var(--color-success);
-  }
-  .color-warning {
-    --color: var(--color-warning);
-  }
-  .color-error {
-    --color: var(--color-error);
-  }
-  .floatBtnAnimate {
-    animation: var(--openAnimate);
-  }
-}

package/dist/src/components/avatar/avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.js","names":["cn","cva","VariantProps","Component","createMemo","For","Match","mergeProps","ParentComponent","Show","Switch","AvatarGroup","AvatarProps","variants","mask","heart","hexagon","squircle","square","circle","status","online","offline","AvatarVariantsProps","Avatar","p","ReturnType","const","effect","_el$","_tmpl$","_$insert","_$createComponent","children","when","placeholder","Element","image","_el$2","_c$","_$memo","_el$3","_tmpl$2","_$effect","_$setAttribute","_p$","_v$","class","avatar","_v$2","width","e","_$className","t","_$setStyleProperty","undefined","root","Group","props","renderWidth","_el$4","each","avatars","_$mergeProps","counter","_el$5","_tmpl$3","_el$6","firstChild","_el$7","_v$3","_v$4","_v$5","a","group"],"sources":["../../../../src/components/avatar/avatar.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\r\nimport { cva, VariantProps } from 'class-variance-authority';\r\nimport {\r\n  Component,\r\n  createMemo,\r\n  For,\r\n  Match,\r\n  mergeProps,\r\n  ParentComponent,\r\n  Show,\r\n  Switch,\r\n} from 'solid-js';\r\nimport type { AvatarGroup, AvatarProps } from './avatar.types';\r\n\r\nconst variants = cva('', {\r\n  variants: {\r\n    mask: {\r\n      heart: 'mask mask-heart',\r\n      hexagon: 'mask mask-hexagon',\r\n      squircle: 'mask mask-squircle',\r\n      square: 'rounded-lg',\r\n      circle: 'rounded-full',\r\n    },\r\n    status: {\r\n      online: 'avatar-online',\r\n      offline: 'avatar-offline',\r\n    },\r\n  },\r\n});\r\n\r\nexport type AvatarVariantsProps = VariantProps<typeof variants>;\r\n\r\nexport function Avatar(p: AvatarProps): ReturnType<Component<AvatarProps>> {\r\n  p = mergeProps(\r\n    {\r\n      mask: 'circle' as const,\r\n      effect: true,\r\n    },\r\n    p,\r\n  );\r\n\r\n  return (\r\n    <div\r\n      class={cn(\r\n        'avatar',\r\n        p.placeholder && 'avatar-placeholder',\r\n        variants({ status: p.status }),\r\n        p.effect && 'avatar-effect',\r\n        p.class?.root,\r\n      )}\r\n    >\r\n      <Switch>\r\n        <Match when={p.placeholder}>{p.placeholder as Element}</Match>\r\n        <Match when={p.image}>\r\n          <div\r\n            class={cn(variants({ mask: p.mask }), p.class?.avatar)}\r\n            style={{ width: typeof p.width === 'string' ? p.width : `${p.width}px` }}\r\n          >\r\n            {p.image && <img src={p.image} />}\r\n          </div>\r\n        </Match>\r\n      </Switch>\r\n    </div>\r\n  );\r\n}\r\n\r\nAvatar.Group = (props: AvatarGroup): ReturnType<ParentComponent> => {\r\n  const renderWidth = createMemo(() => {\r\n    return typeof props.width === 'string' ? props.width : `${props.width}px`;\r\n  });\r\n  return (\r\n    <div class={cn('avatar-group -space-x-6', props.class?.group)}>\r\n      <For each={props.avatars}>{avatar => <Avatar {...avatar} width={renderWidth()} />}</For>\r\n      <Show when={props.counter}>\r\n        <div class={cn('avatar avatar-placeholder', props.class?.placeholder)}>\r\n          <div\r\n            class={cn('bg-neutral text-neutral-content', props.class?.counter)}\r\n            style={{\r\n              width: renderWidth(),\r\n            }}\r\n          >\r\n            +{props.counter}\r\n          </div>\r\n        </div>\r\n      </Show>\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":"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"}

package/dist/src/components/badge/badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge.js","names":["cn","cva","VariantProps","Component","mergeProps","BadgeProps","variants","size","xs","sm","md","lg","xl","color","neutral","primary","secondary","accent","info","success","warning","error","outline","soft","dashed","BadgeVariantsProps","Badge","p","content","const","_el$","_tmpl$","_$insert","_c$","_$memo","_el$2","_tmpl$2","_$effect","_$className","class","child","_el$3","Element","root"],"sources":["../../../../src/components/badge/badge.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\r\nimport { cva, VariantProps } from 'class-variance-authority';\r\nimport { Component, mergeProps } from 'solid-js';\r\nimport type { BadgeProps } from './badge.types';\r\n\r\nconst variants = cva('', {\r\n  variants: {\r\n    size: {\r\n      '3xs': 'h-3.5 text-[10px]',\r\n      '2xs': 'h-4 text-xs',\r\n      xs: 'h-4.5 text-xs',\r\n      sm: 'h-5 text-xs',\r\n      md: 'h-5.5 text-xs',\r\n      lg: 'h-6 text-sm',\r\n      xl: 'h-6.5 text-sm',\r\n      '2xl': 'h-7 text-sm',\r\n      '3xl': 'h-7.5 text-base',\r\n    },\r\n    color: {\r\n      neutral: 'color-neutral',\r\n      primary: 'color-primary',\r\n      secondary: 'color-secondary',\r\n      accent: 'color-accent',\r\n      info: 'color-info',\r\n      success: 'color-success',\r\n      warning: 'color-warning',\r\n      error: 'color-error',\r\n    },\r\n    variants: {\r\n      outline: 'bad03',\r\n      soft: 'bad02',\r\n      dashed: 'bad04',\r\n    },\r\n  },\r\n});\r\nexport type BadgeVariantsProps = VariantProps<typeof variants>;\r\n\r\nexport const Badge: Component<BadgeProps> = p => {\r\n  p = mergeProps({ size: 'md', color: 'primary', content: 'lorem', variants: 'soft' } as const, p);\r\n\r\n  return (\r\n    <div\r\n      class={cn(\r\n        'bad00',\r\n        variants({ color: p.color, size: p.size, variants: p.variants }),\r\n        p.class?.root,\r\n      )}\r\n    >\r\n      {typeof p.content === 'string' ? (\r\n        <span class={cn('bad01', p.class?.child)}>{p.content}</span>\r\n      ) : (\r\n        <div class={p.class?.child}>{p.content as Element}</div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":"oPAKMM,EAAWL,EAAI,GAAI,CACvBK,SAAU,CACRC,KAAM,CACJ,MAAO,oBACP,MAAO,cACPC,GAAI,gBACJC,GAAI,cACJC,GAAI,gBACJC,GAAI,cACJC,GAAI,gBACJ,MAAO,cACP,MAAO,kBACR,CACDC,MAAO,CACLC,QAAS,gBACTC,QAAS,gBACTC,UAAW,kBACXC,OAAQ,eACRC,KAAM,aACNC,QAAS,gBACTC,QAAS,gBACTC,MAAO,cACR,CACDf,SAAU,CACRgB,QAAS,QACTC,KAAM,QACNC,OAAQ,QACV,CACF,CACD,CAAC,CAGWE,EAA+BC,IAC1CA,EAAIvB,EAAW,CAAEG,KAAM,KAAMM,MAAO,UAAWe,QAAS,QAAStB,SAAU,OAAQ,CAAWqB,EAAE,MAEhG,CAAA,IAAAG,EAAAC,GAAA,CAMK,OANLC,EAAAF,OAAA,CAAA,IAAAG,EAAAC,MAQK,OAAOP,EAAEC,SAAY,SAAQ,CAAA,UAA7BK,GAAA,MAAA,CAAA,IAAAE,EAAAC,GAAA,CACyC,OADzCJ,EAAAG,MAC4CR,EAAEC,QAAO,CAAAS,MAAAC,EAAAH,EAAvCnC,EAAG,QAAS2B,EAAEY,OAAOC,MAAM,CAAA,CAAA,CAAAL,KAAA,MAAA,CAAA,IAAAM,EAAAV,GAAA,CAEd,OAFcC,EAAAS,MAEXd,EAAEC,QAAkB,CAAAS,MAAAC,EAAAG,EAArCd,EAAEY,OAAOC,MAAK,CAAA,CAAAC,KAC3B,IAAA,CAAA,CAAAJ,MAAAC,EAAAR,EAVM9B,EACL,QACAM,EAAS,CAAEO,MAAOc,EAAEd,MAAON,KAAMoB,EAAEpB,KAAMD,SAAUqB,EAAErB,SAAU,CAAC,CAChEqB,EAAEY,OAAOI,KACV,CAAA,CAAA,CAAAb,KAAA"}

package/dist/src/components/blank/blank.js

@@ -1,2 +0,0 @@
-var e=e=>[];export{e as Blank};
-//# sourceMappingURL=blank.js.map

package/dist/src/components/blank/blank.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"blank.js","names":["Component","BlankProps","Blank","p"],"sources":["../../../../src/components/blank/blank.tsx"],"sourcesContent":["import { Component } from 'solid-js';\n\ntype BlankProps = {};\nexport const Blank: Component<BlankProps> = p => {\n  return <></>;\n};\n"],"mappings":"AAGA,IAAaE,EAA+BC,GAC1C,EAAA"}

package/dist/src/components/breadcrumb/breadcrumb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumb.js","names":["SolidComponent","cn","Component","createMemo","For","BreadcrumbProps","items","class","Partial","Record","separate","onItemClick","e","MouseEvent","Breadcrumb","p","length","_el$","_tmpl$","_el$2","firstChild","$$click","target","tagName","_$insert","_$createComponent","each","children","item","index","_el$3","_tmpl$2","Element","_$effect","_$className","_$memo","root","_$delegateEvents"],"sources":["../../../../src/components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import { SolidComponent } from '@/type';\r\nimport { cn } from '@/utils/cn';\r\nimport { Component, createMemo, For } from 'solid-js';\r\n\r\ntype BreadcrumbProps = {\r\n  items: SolidComponent[];\r\n  class?: Partial<Record<'root' | 'item', string>>;\r\n  separate?: SolidComponent;\r\n  onItemClick?: (e: MouseEvent) => void;\r\n};\r\nexport const Breadcrumb: Component<BreadcrumbProps> = p => {\r\n  const length = createMemo(() => p.items.length - 1);\r\n  return (\r\n    <div class={cn('breadcrumbs', p.separate && 'separate', p.class?.root)}>\r\n      <ul\r\n        onClick={e => {\r\n          if (e.target.tagName !== 'UL' && p.onItemClick) {\r\n            p.onItemClick(e);\r\n          }\r\n        }}\r\n      >\r\n        <For each={p.items}>\r\n          {(item, index) => {\r\n            return (\r\n              <>\r\n                <li class={p.class?.item}>{item as Element}</li>\r\n                {index() < length() && p.separate}\r\n              </>\r\n            );\r\n          }}\r\n        </For>\r\n      </ul>\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":"yPAUac,EAAyCC,GAAK,CACzD,IAAMC,EAASb,MAAiBY,EAAET,MAAMU,OAAS,EAAE,CACnD,WAAA,CAAA,IAAAC,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WACwE,MADxED,GAAAE,QAGeT,GAAK,CACRA,EAAEU,OAAOC,UAAY,MAAQR,EAAEJ,aACjCI,EAAEJ,YAAYC,EAAE,EAEnBY,EAAAL,EAAAM,EAEArB,EAAG,CAAA,IAACsB,MAAI,CAAA,OAAEX,EAAET,OAAKqB,UACdC,EAAMC,IACN,MAAA,CAAA,IAAAC,EAAAC,GAAA,CAE4B,OAF5BP,EAAAM,EAE+BF,EAAe,CAAAK,MAAAC,EAAAJ,EAA/Bf,EAAER,OAAOqB,KAAI,CAAA,CAAAE,KAAA,CAAAK,MACvBA,MAAAN,GAAO,CAAGb,GAAQ,CAAA,EAAA,EAAID,EAAEL,SAAQ,CAAA,CAGtC,CAAA,CAAA,CAAAuB,MAAAC,EAAAjB,EAhBKhB,EAAG,cAAec,EAAEL,UAAY,WAAYK,EAAER,OAAO6B,KAAK,CAAA,CAAA,CAAAnB,KAAA,EAqBxEoB,EAAA,CAAA,QAAA,CAAA"}

package/dist/src/components/button/button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.js","names":["cn","cva","VariantProps","Component","Match","mergeProps","splitProps","Switch","ButtonProps","Opacity","from","to","rippleAnimate","target","HTMLButtonElement","duration","opacity","animate","boxShadow","easing","variants","size","xs","sm","md","lg","xl","color","neutral","primary","secondary","accent","info","success","warning","error","variant","default","simple","solid","outline","dashed","soft","text","link","shape","circle","square","loadingType","dots","ring","ball","bars","infinity","spinner","ButtonVariantsProps","Button","props","merge","const","disabled","loading","class","iconPlacement","loadingOptions","type","isShape","p","nativeProps","handleClick","e","MouseEvent","onClick","currentTarget","_el$","_tmpl$2","_$spread","_$mergeProps","icon","_$insert","_$createComponent","children","when","_el$2","_tmpl$","_$effect","_p$","_v$","_v$2","_$className","t","_$setStyleProperty","undefined","_$memo","Element","_c$","_el$3","_tmpl$3"],"sources":["../../../../src/components/button/button.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { Component, Match, mergeProps, splitProps, Switch } from 'solid-js';\r\nimport { ButtonProps } from './button.types';\r\n\r\ntype Opacity = {\r\n  from: string;\r\n  to: string;\r\n};\r\nexport function rippleAnimate(\r\n  target: HTMLButtonElement,\r\n  duration: number = 300,\r\n  opacity: Opacity = { from: '20%', to: '10%' },\r\n) {\r\n  if (!target) return;\r\n  target.animate(\r\n    [\r\n      { boxShadow: `0 0 0 0 rgba(from var(--btn-color) r g b / ${opacity.from})` },\r\n      { boxShadow: `0 0 0 6px rgba(from var(--btn-color) r g b / ${opacity.to})` },\r\n    ],\r\n    {\r\n      duration,\r\n      easing: 'linear',\r\n    },\r\n  );\r\n}\r\nconst variants = cva('', {\r\n  variants: {\r\n    size: {\r\n      '4xs': 'h-6.5 text-xs',\r\n      '3xs': 'h-7 text-xs',\r\n      '2xs': 'h-7.5 text-xs',\r\n      xs: 'h-8 text-xs',\r\n      sm: 'h-8.5',\r\n      md: 'h-9',\r\n      lg: 'h-9.5',\r\n      xl: 'h-10 text-base',\r\n      '2xl': 'h-10.5 text-base',\r\n      '3xl': 'h-11 text-base',\r\n      '4xl': 'h-11.5 text-base',\r\n    },\r\n    color: {\r\n      neutral: 'btn-neutral',\r\n      primary: 'btn-primary',\r\n      secondary: 'btn-secondary',\r\n      accent: 'btn-accent',\r\n      info: 'btn-info',\r\n      success: 'btn-success',\r\n      warning: 'btn-warning',\r\n      error: 'btn-error',\r\n    },\r\n    variant: {\r\n      default: 'btn-default',\r\n      simple: 'btn-default border-transparent',\r\n      solid: '',\r\n      outline: 'btn-outline',\r\n      dashed: 'btn-dash',\r\n      soft: 'btn-soft',\r\n      text: 'btn-ghost',\r\n      link: 'btn-link',\r\n    },\r\n    shape: {\r\n      circle: 'aspect-square rounded-full',\r\n      square: 'aspect-square',\r\n    },\r\n    loadingType: {\r\n      dots: 'loading-dots',\r\n      ring: 'loading-ring',\r\n      ball: 'loading-ball',\r\n      bars: 'loading-bars',\r\n      infinity: 'loading-infinity',\r\n      spinner: 'loading-spinner',\r\n    },\r\n  },\r\n});\r\nexport type ButtonVariantsProps = VariantProps<typeof variants>;\r\n\r\nexport const Button: Component<ButtonProps> = props => {\r\n  const merge = mergeProps(\r\n    {\r\n      size: 'sm' as const,\r\n      disabled: false,\r\n      loading: false,\r\n      color: 'secondary' as const,\r\n      class: void 0,\r\n      iconPlacement: 'start',\r\n      loadingOptions: {\r\n        type: 'spinner' as const,\r\n        size: 20,\r\n      },\r\n      animate: 'ripple' as const,\r\n    },\r\n    props,\r\n  );\r\n  const isShape = merge.shape === 'square' || merge.shape === 'circle';\r\n  const [p, nativeProps] = splitProps(merge, [\r\n    'size',\r\n    'iconPlacement',\r\n    'loading',\r\n    'variant',\r\n    'color',\r\n    'shape',\r\n    'icon',\r\n    'children',\r\n    'class',\r\n    'disabled',\r\n    'onClick',\r\n    'loadingOptions',\r\n    'animate',\r\n  ]);\r\n  const handleClick = (e: MouseEvent) => {\r\n    p.onClick?.(e);\r\n    if (p.animate === 'ripple') {\r\n      const target = e.currentTarget as HTMLButtonElement;\r\n      switch (p.variant) {\r\n        case 'default':\r\n        case 'simple':\r\n        case 'link':\r\n          return rippleAnimate(target, 300, { from: '8%', to: '2%' });\r\n        default:\r\n          return rippleAnimate(target);\r\n      }\r\n    }\r\n  };\r\n  return (\r\n    <button\r\n      {...nativeProps}\r\n      class={cn(\r\n        'sui-btn',\r\n        variants({ size: p.size, color: p.color, variant: p.variant, shape: p.shape }),\r\n        !isShape && p.icon && (p.iconPlacement === 'start' ? 'flex-row' : 'flex-row-reverse'),\r\n        p.icon && '[&_svg]:shrink-0',\r\n        p.animate !== 'translate' && 'active:translate-none',\r\n        p.class,\r\n      )}\r\n      {...(p.shape && { 'data-shape': p.shape })}\r\n      onClick={handleClick}\r\n      disabled={p.disabled || p.loading}\r\n    >\r\n      <Switch>\r\n        <Match when={p.loading}>\r\n          <span\r\n            class={cn('loading shrink-0', variants({ loadingType: p.loadingOptions?.type }))}\r\n            style={{ width: `${p.loadingOptions?.size}px` }}\r\n          ></span>\r\n        </Match>\r\n\r\n        <Match when={!p.loading && p.icon}>{p.icon! as Element}</Match>\r\n      </Switch>\r\n      {!isShape && p.children && <span class=\"mb-px\">{p.children}</span>}\r\n    </button>\r\n  );\r\n};\r\n"],"mappings":"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"}

package/dist/src/components/carousel/carousel.js

@@ -1,2 +0,0 @@
-import{cn as e}from"../../utils/cn.js";import{chevron_left_default as t}from"../../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/chevron-left.js";import{chevron_right_default as n}from"../../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/chevron-right.js";import{className as r,createComponent as i,delegateEvents as a,effect as o,insert as s,memo as c,mergeProps as l,setAttribute as u,setStyleProperty as d,spread as f,template as p,use as m}from"solid-js/web";import{For as h,Show as g,createEffect as _,createMemo as v,createSignal as y,mergeProps as b,on as x,onCleanup as ee,onMount as S}from"solid-js";var C=p(`<button type=button class="car05 car06"aria-label="Previous slide">`),w=p(`<button type=button class="car05 car07"aria-label="Next slide">`),T=p(`<div class=car08>`),E=p(`<div style=--carousel-transition-duration:400ms><div class=car02>`),D=p(`<div><img>`),O=p(`<div class=car12>`),k=p(`<button type=button>`),A={horizontal:`car17`,vertical:`car18`},j=a=>{let p=b({arrows:!0,autoplay:!0,autoplaySpeed:3e3,dots:!0,infinite:!0,effect:`scrollx`},a),[j,M]=y(0),[N,P]=y(!!p.autoplay),[F,I]=y(!1),L,R,z,B=()=>p.images.length,V=()=>{z&&=(clearInterval(z),void 0)},H=(e,t)=>{if(!R||F())return;I(!0);let n=R.querySelectorAll(`.car03`),r=n[e],i=n[t];if(!r||!i){I(!1);return}let a=p.direction===`vertical`,o=a?`translateY`:`translateX`;if(p.effect===`fade`){r.style.zIndex=`1`,i.style.zIndex=`2`,i.style.transition=`none`,r.style.transition=`none`,i.style.opacity=`0`,i.offsetHeight;let e=`opacity var(--carousel-transition-duration) ease-in-out`;r.style.transition=e,i.style.transition=e,r.style.opacity=`0`,i.style.opacity=`1`,setTimeout(()=>{n.forEach((e,n)=>{let r=e;r.style.transition=`none`,r.style.opacity=n===t?`1`:`0`,r.style.zIndex=n===t?`1`:`0`}),I(!1)},400)}else{let s=a?R.offsetHeight:R.offsetWidth,c=t>e?-1:1,l=e===0&&t===B()-1||e===B()-1&&t===0,u=c;l&&(u=e===0?1:-1),i.style.transition=`none`,r.style.transition=`none`,i.style.transform=`${o}(${-u*(s-1)}px)`,i.style.opacity=`1`,i.offsetHeight;let d=`transform var(--carousel-transition-duration) ease-in-out`;r.style.transition=d,i.style.transition=d,r.style.transform=`${o}(${u*s}px)`,i.style.transform=`${o}(0px)`,setTimeout(()=>{n.forEach((e,n)=>{let r=e;r.style.transition=`none`,n===t?(r.style.transform=`${o}(0px)`,r.style.opacity=`1`):(r.style.transform=`${o}(${s}px)`,r.style.opacity=`0`)}),I(!1)},400)}},U=(e,t=!1)=>{if(F()&&!t)return;let n=j(),r=e;p.infinite?(r<0&&(r=B()-1),r>=B()&&(r=0)):(r<0&&(r=0),r>=B()&&(r=B()-1)),!(r===n&&!t)&&(p.beforeChange?.(n,r),t?(M(r),p.afterChange?.(r)):(H(n,r),M(r),p.afterChange?.(r)),N()&&p.autoplay&&(V(),Y()))},W=()=>U(j()+1),G=()=>U(j()-1),K=e=>U(e),q=()=>(P(!1),V(),{}),J=()=>p.autoplay?(P(!0),Y(),{}):{},Y=()=>{!p.autoplay||!N()||(V(),z=setInterval(()=>{F()||W()},p.autoplaySpeed))};_(function(){let e={next:W,prev:G,moveTo:K,pause:q,play:J};p.setCarouselFunction?.(e)}),_(x(()=>[p.autoplay,N()],()=>{p.autoplay&&N()?Y():V()})),S(()=>{if(R){let e=R.querySelectorAll(`.car03`),t=p.direction===`vertical`?`translateY`:`translateX`;e.forEach((e,n)=>{let r=e;p.effect===`fade`?(r.style.opacity=n===0?`1`:`0`,r.style.zIndex=n===0?`1`:`0`):(r.style.transform=n===0?`${t}(0%)`:`${t}(100%)`,r.style.opacity=n===0?`1`:`0`)})}p.autoplay&&Y()}),ee(function(){V()});let X=e=>{e===j()&&p.onClickSlide?.(e)},Z=()=>p.infinite||j()>0,Q=()=>p.infinite||j()<B()-1,te=()=>p.direction===`vertical`,ne=()=>te()?p.dotPlacement===`start`?`car15`:`car16`:p.dotPlacement===`top`?`car14`:`car13`,$=v(()=>N()&&p.autoplay&&typeof p.autoplay==`object`&&p.autoplay.dotDuration);return(()=>{var a=E(),_=a.firstChild,v=L;typeof v==`function`?m(v,a):L=a;var y=R;return typeof y==`function`?m(y,_):R=_,s(_,i(h,{get each(){return p.images},children:(t,n)=>(()=>{var i=D(),a=i.firstChild;return i.$$click=()=>X(n()),f(a,l(t,{get class(){return e(`car04`,t.class)},draggable:!1}),!1,!1),o(()=>r(i,e(`car03`,p.class?.item))),i})()})),s(a,i(g,{get when(){return p.arrows},get children(){return[i(g,{get when(){return Z()},get children(){var e=C();return e.$$click=G,s(e,i(t,{class:`size-6`})),e}}),i(g,{get when(){return Q()},get children(){var e=w();return e.$$click=W,s(e,i(n,{class:`size-6`})),e}})]}}),null),s(a,i(g,{get when(){return c(()=>!!p.dots)()&&B()>1},get children(){var t=T();return s(t,i(h,{get each(){return p.images},children:(t,n)=>(()=>{var t=k();return t.$$click=()=>U(n()),s(t,i(g,{get when(){return $()},get children(){return O()}})),o(i=>{var a=e(`car09`,j()===n()&&`car10`,$()&&`car11`),o=`Go to slide ${n()+1}`;return a!==i.e&&r(t,i.e=a),o!==i.t&&u(t,`aria-label`,i.t=o),i},{e:void 0,t:void 0}),t})()})),t}}),null),o(t=>{var n=e(`car01`,p.direction&&A[p.direction],ne(),p.class?.root),i=`${p.autoplaySpeed}ms`;return n!==t.e&&r(a,t.e=n),i!==t.t&&d(a,`--carousel-autoplay-speed`,t.t=i),t},{e:void 0,t:void 0}),a})()};a([`click`]);export{j as Carousel};
-//# sourceMappingURL=carousel.js.map

package/dist/src/components/carousel/carousel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"carousel.js","names":["cn","ChevronLeft","ChevronRight","Component","createEffect","createMemo","createSignal","For","mergeProps","on","onCleanup","onMount","Show","CarouselFunction","CarouselProps","VARIANTS","horizontal","vertical","Carousel","_p","p","arrows","autoplay","autoplaySpeed","dots","infinite","effect","const","currentIndex","setCurrentIndex","isPlaying","setIsPlaying","isAnimating","setIsAnimating","containerRef","HTMLDivElement","slidesRef","autoplayTimer","ReturnType","setInterval","totalSlides","images","length","transitionDuration","clearAutoplay","clearInterval","undefined","animateTransition","from","to","slides","querySelectorAll","fromSlide","HTMLElement","toSlide","direction","translateProp","style","zIndex","transition","opacity","offsetHeight","transitionValue","setTimeout","forEach","slide","index","el","size","offsetWidth","isWrapping","actualDirection","transform","goToSlide","skipAnimation","current","targetIndex","beforeChange","afterChange","startAutoplay","next","prev","moveTo","pause","play","exportCarouselFunction","carouselFunction","setCarouselFunction","stopAutoplay","handleSlideClick","onClickSlide","showPrevArrow","showNextArrow","isVertical","dotPlacementClass","dotPlacement","hasDotDuration","dotDuration","_el$","_tmpl$4","_el$2","firstChild","_ref$","_$use","_ref$2","_$insert","_$createComponent","each","children","image","_el$6","_tmpl$5","_el$7","$$click","_$spread","_$mergeProps","class","_$effect","_$className","item","when","_el$3","_tmpl$","_el$4","_tmpl$2","_$memo","_el$5","_tmpl$3","_","_el$8","_tmpl$7","_tmpl$6","_p$","_v$3","_v$4","e","t","_$setAttribute","_v$","root","_v$2","_$setStyleProperty","_$delegateEvents"],"sources":["../../../../src/components/carousel/carousel.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\r\nimport ChevronLeft from 'lucide-solid/icons/chevron-left';\r\nimport ChevronRight from 'lucide-solid/icons/chevron-right';\r\nimport type { Component } from 'solid-js';\r\nimport {\r\n  createEffect,\r\n  createMemo,\r\n  createSignal,\r\n  For,\r\n  mergeProps,\r\n  on,\r\n  onCleanup,\r\n  onMount,\r\n  Show,\r\n} from 'solid-js';\r\nimport type { CarouselFunction, CarouselProps } from './carousel.types';\r\nconst VARIANTS = {\r\n  horizontal: 'car17',\r\n  vertical: 'car18',\r\n};\r\n\r\nexport const Carousel: Component<CarouselProps> = _p => {\r\n  const p = mergeProps(\r\n    {\r\n      arrows: true,\r\n      autoplay: true,\r\n      autoplaySpeed: 3000,\r\n      dots: true,\r\n      infinite: true,\r\n      effect: 'scrollx' as const,\r\n    },\r\n    _p,\r\n  );\r\n\r\n  const [currentIndex, setCurrentIndex] = createSignal(0);\r\n  const [isPlaying, setIsPlaying] = createSignal(!!p.autoplay);\r\n  const [isAnimating, setIsAnimating] = createSignal(false);\r\n\r\n  let containerRef: HTMLDivElement | undefined;\r\n  let slidesRef: HTMLDivElement | undefined;\r\n  let autoplayTimer: ReturnType<typeof setInterval> | undefined;\r\n\r\n  const totalSlides = () => p.images.length;\r\n\r\n  // Animation duration for slide transitions\r\n  const transitionDuration = 400;\r\n\r\n  // Clear autoplay timer\r\n  const clearAutoplay = () => {\r\n    if (autoplayTimer) {\r\n      clearInterval(autoplayTimer);\r\n      autoplayTimer = undefined;\r\n    }\r\n  };\r\n\r\n  // Animate slide transition using CSS transitions\r\n  const animateTransition = (from: number, to: number) => {\r\n    if (!slidesRef || isAnimating()) return;\r\n\r\n    setIsAnimating(true);\r\n\r\n    const slides = slidesRef.querySelectorAll('.car03');\r\n    const fromSlide = slides[from] as HTMLElement;\r\n    const toSlide = slides[to] as HTMLElement;\r\n\r\n    if (!fromSlide || !toSlide) {\r\n      setIsAnimating(false);\r\n      return;\r\n    }\r\n\r\n    const vertical = p.direction === 'vertical';\r\n    const translateProp = vertical ? 'translateY' : 'translateX';\r\n\r\n    if (p.effect === 'fade') {\r\n      // Fade effect\r\n      fromSlide.style.zIndex = '1';\r\n      toSlide.style.zIndex = '2';\r\n      toSlide.style.transition = 'none';\r\n      fromSlide.style.transition = 'none';\r\n      toSlide.style.opacity = '0';\r\n\r\n      // Force reflow to apply initial state\r\n      void toSlide.offsetHeight;\r\n\r\n      // Apply CSS transition and target values\r\n      const transitionValue = 'opacity var(--carousel-transition-duration) ease-in-out';\r\n      fromSlide.style.transition = transitionValue;\r\n      toSlide.style.transition = transitionValue;\r\n\r\n      fromSlide.style.opacity = '0';\r\n      toSlide.style.opacity = '1';\r\n\r\n      setTimeout(() => {\r\n        slides.forEach((slide, index) => {\r\n          const el = slide as HTMLElement;\r\n          el.style.transition = 'none';\r\n          el.style.opacity = index === to ? '1' : '0';\r\n          el.style.zIndex = index === to ? '1' : '0';\r\n        });\r\n        setIsAnimating(false);\r\n      }, transitionDuration);\r\n    } else {\r\n      // Scrollx effect (default)\r\n      // Use pixel-based transforms with 1px overlap to eliminate sub-pixel gap\r\n      const size = vertical ? slidesRef.offsetHeight : slidesRef.offsetWidth;\r\n      const direction = to > from ? -1 : 1;\r\n      const isWrapping =\r\n        (from === 0 && to === totalSlides() - 1) || (from === totalSlides() - 1 && to === 0);\r\n\r\n      let actualDirection = direction;\r\n      if (isWrapping) {\r\n        actualDirection = from === 0 ? 1 : -1;\r\n      }\r\n\r\n      // Position the target slide without transition (1px overlap to prevent gap)\r\n      toSlide.style.transition = 'none';\r\n      fromSlide.style.transition = 'none';\r\n      toSlide.style.transform = `${translateProp}(${-actualDirection * (size - 1)}px)`;\r\n      toSlide.style.opacity = '1';\r\n\r\n      // Force reflow to apply initial position\r\n      void toSlide.offsetHeight;\r\n\r\n      // Apply CSS transition and target values\r\n      const transitionValue = 'transform var(--carousel-transition-duration) ease-in-out';\r\n      fromSlide.style.transition = transitionValue;\r\n      toSlide.style.transition = transitionValue;\r\n\r\n      fromSlide.style.transform = `${translateProp}(${actualDirection * size}px)`;\r\n      toSlide.style.transform = `${translateProp}(0px)`;\r\n\r\n      setTimeout(() => {\r\n        slides.forEach((slide, index) => {\r\n          const el = slide as HTMLElement;\r\n          el.style.transition = 'none';\r\n          if (index === to) {\r\n            el.style.transform = `${translateProp}(0px)`;\r\n            el.style.opacity = '1';\r\n          } else {\r\n            el.style.transform = `${translateProp}(${size}px)`;\r\n            el.style.opacity = '0';\r\n          }\r\n        });\r\n        setIsAnimating(false);\r\n      }, transitionDuration);\r\n    }\r\n  };\r\n\r\n  // Go to specific slide\r\n  const goToSlide = (index: number, skipAnimation = false) => {\r\n    if (isAnimating() && !skipAnimation) return;\r\n\r\n    const current = currentIndex();\r\n    let targetIndex = index;\r\n\r\n    // Handle boundaries\r\n    if (p.infinite) {\r\n      if (targetIndex < 0) targetIndex = totalSlides() - 1;\r\n      if (targetIndex >= totalSlides()) targetIndex = 0;\r\n    } else {\r\n      if (targetIndex < 0) targetIndex = 0;\r\n      if (targetIndex >= totalSlides()) targetIndex = totalSlides() - 1;\r\n    }\r\n\r\n    if (targetIndex === current && !skipAnimation) return;\r\n\r\n    p.beforeChange?.(current, targetIndex);\r\n\r\n    if (skipAnimation) {\r\n      setCurrentIndex(targetIndex);\r\n      p.afterChange?.(targetIndex);\r\n    } else {\r\n      animateTransition(current, targetIndex);\r\n      setCurrentIndex(targetIndex);\r\n      p.afterChange?.(targetIndex);\r\n    }\r\n\r\n    // Reset autoplay timer and progress animation when slide changes\r\n    if (isPlaying() && p.autoplay) {\r\n      clearAutoplay();\r\n      startAutoplay();\r\n    }\r\n  };\r\n\r\n  // Navigation functions\r\n  const next = () => goToSlide(currentIndex() + 1);\r\n  const prev = () => goToSlide(currentIndex() - 1);\r\n  const moveTo = (index: number) => goToSlide(index);\r\n\r\n  const pause = () => {\r\n    setIsPlaying(false);\r\n    clearAutoplay();\r\n    return {};\r\n  };\r\n\r\n  const play = () => {\r\n    if (!p.autoplay) return {};\r\n    setIsPlaying(true);\r\n    startAutoplay();\r\n    return {};\r\n  };\r\n\r\n  // Start autoplay\r\n  const startAutoplay = () => {\r\n    if (!p.autoplay || !isPlaying()) return;\r\n\r\n    clearAutoplay();\r\n\r\n    autoplayTimer = setInterval(() => {\r\n      if (!isAnimating()) {\r\n        next();\r\n      }\r\n    }, p.autoplaySpeed);\r\n  };\r\n\r\n  // Export carousel functions\r\n  createEffect(function exportCarouselFunction() {\r\n    const carouselFunction: CarouselFunction = {\r\n      next,\r\n      prev,\r\n      moveTo,\r\n      pause,\r\n      play,\r\n    };\r\n    p.setCarouselFunction?.(carouselFunction);\r\n  });\r\n\r\n  // Handle autoplay\r\n  createEffect(\r\n    on(\r\n      () => [p.autoplay, isPlaying()],\r\n      () => {\r\n        if (p.autoplay && isPlaying()) {\r\n          startAutoplay();\r\n        } else {\r\n          clearAutoplay();\r\n        }\r\n      },\r\n    ),\r\n  );\r\n\r\n  // Initialize slides\r\n  onMount(() => {\r\n    if (slidesRef) {\r\n      const slides = slidesRef.querySelectorAll('.car03');\r\n      const vertical = p.direction === 'vertical';\r\n      const translateProp = vertical ? 'translateY' : 'translateX';\r\n\r\n      slides.forEach((slide, index) => {\r\n        const el = slide as HTMLElement;\r\n        if (p.effect === 'fade') {\r\n          el.style.opacity = index === 0 ? '1' : '0';\r\n          el.style.zIndex = index === 0 ? '1' : '0';\r\n        } else {\r\n          el.style.transform = index === 0 ? `${translateProp}(0%)` : `${translateProp}(100%)`;\r\n          el.style.opacity = index === 0 ? '1' : '0';\r\n        }\r\n      });\r\n    }\r\n\r\n    if (p.autoplay) {\r\n      startAutoplay();\r\n    }\r\n  });\r\n\r\n  // Cleanup\r\n  onCleanup(function stopAutoplay() {\r\n    clearAutoplay();\r\n  });\r\n\r\n  // Handle click on slide\r\n  const handleSlideClick = (index: number) => {\r\n    if (index === currentIndex()) {\r\n      p.onClickSlide?.(index);\r\n    }\r\n  };\r\n\r\n  const showPrevArrow = () => p.infinite || currentIndex() > 0;\r\n  const showNextArrow = () => p.infinite || currentIndex() < totalSlides() - 1;\r\n\r\n  const isVertical = () => p.direction === 'vertical';\r\n\r\n  // Constrain dotPlacement based on direction\r\n  const dotPlacementClass = () => {\r\n    if (isVertical()) {\r\n      // Vertical: only 'start' or 'end' allowed\r\n      if (p.dotPlacement === 'start') return 'car15';\r\n      return 'car16'; // default for vertical\r\n    } else {\r\n      // Horizontal: only 'top' or 'bottom' allowed\r\n      if (p.dotPlacement === 'top') return 'car14';\r\n      return 'car13'; // default for horizontal\r\n    }\r\n  };\r\n\r\n  const hasDotDuration = createMemo(\r\n    () => isPlaying() && p.autoplay && typeof p.autoplay === 'object' && p.autoplay.dotDuration,\r\n  );\r\n\r\n  return (\r\n    <div\r\n      ref={containerRef}\r\n      class={cn(\r\n        'car01',\r\n        p.direction && VARIANTS[p.direction],\r\n        dotPlacementClass(),\r\n        p.class?.root,\r\n      )}\r\n      style={{\r\n        '--carousel-transition-duration': `${transitionDuration}ms`,\r\n        '--carousel-autoplay-speed': `${p.autoplaySpeed}ms`,\r\n      }}\r\n    >\r\n      {/* Slides container */}\r\n      <div ref={slidesRef} class=\"car02\">\r\n        <For each={p.images}>\r\n          {(image, index) => (\r\n            <div\r\n              class={cn('car03', p.class?.item)}\r\n              onClick={() => handleSlideClick(index())}\r\n            >\r\n              <img {...image} class={cn('car04', image.class)} draggable={false} />\r\n            </div>\r\n          )}\r\n        </For>\r\n      </div>\r\n\r\n      {/* Arrows */}\r\n      <Show when={p.arrows}>\r\n        <Show when={showPrevArrow()}>\r\n          <button\r\n            type=\"button\"\r\n            class=\"car05 car06\"\r\n            onClick={prev}\r\n            aria-label=\"Previous slide\"\r\n          >\r\n            <ChevronLeft class=\"size-6\" />\r\n          </button>\r\n        </Show>\r\n        <Show when={showNextArrow()}>\r\n          <button\r\n            type=\"button\"\r\n            class=\"car05 car07\"\r\n            onClick={next}\r\n            aria-label=\"Next slide\"\r\n          >\r\n            <ChevronRight class=\"size-6\" />\r\n          </button>\r\n        </Show>\r\n      </Show>\r\n\r\n      {/* Dots */}\r\n      <Show when={p.dots && totalSlides() > 1}>\r\n        <div class=\"car08\">\r\n          <For each={p.images}>\r\n            {(_, index) => (\r\n              <button\r\n                type=\"button\"\r\n                class={cn(\r\n                  'car09',\r\n                  currentIndex() === index() && 'car10',\r\n                  hasDotDuration() && 'car11',\r\n                )}\r\n                onClick={() => goToSlide(index())}\r\n                aria-label={`Go to slide ${index() + 1}`}\r\n              >\r\n                <Show when={hasDotDuration()}>\r\n                  <div class=\"car12\" />\r\n                </Show>\r\n              </button>\r\n            )}\r\n          </For>\r\n        </div>\r\n      </Show>\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":"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"}

package/dist/src/components/chat-bubble/chatBubble.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chatBubble.js","names":["cn","cva","VariantProps","Component","Show","ChatBubbleProps","variants","color","default","neutral","primary","secondary","accent","info","success","warning","error","align","start","end","ChatBubbleVariantsProps","ChatBubble","props","_el$","_tmpl$","_$insert","_$createComponent","when","avatar","children","_el$2","Element","_$effect","_$className","class","header","_el$3","bubble","_el$4","footer","_el$5"],"sources":["../../../../src/components/chat-bubble/chatBubble.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\r\nimport { cva, VariantProps } from 'class-variance-authority';\r\nimport { Component, Show } from 'solid-js';\r\nimport { ChatBubbleProps } from './chatBubble.type';\r\n\r\nconst variants = cva('', {\r\n  variants: {\r\n    color: {\r\n      default: '',\r\n      neutral: 'chat-bubble-neutral',\r\n      primary: 'chat-bubble-primary',\r\n      secondary: 'chat-bubble-secondary',\r\n      accent: 'chat-bubble-accent',\r\n      info: 'chat-bubble-info',\r\n      success: 'chat-bubble-success',\r\n      warning: 'chat-bubble-warning',\r\n      error: 'chat-bubble-error',\r\n    },\r\n    align: {\r\n      start: 'chat-start',\r\n      end: 'chat-end',\r\n    },\r\n  },\r\n});\r\nexport type ChatBubbleVariantsProps = VariantProps<typeof variants>;\r\nexport const ChatBubble: Component<ChatBubbleProps> = props => {\r\n  return (\r\n    <>\r\n      <div class={cn('chat', variants({ align: props.align }))}>\r\n        <Show when={props.avatar}>\r\n          <div class={cn('chat-image', props.class?.avatar)}>{props.avatar as Element}</div>\r\n        </Show>\r\n        <Show when={props.header}>\r\n          <div class={cn('chat-header', props.class?.header)}>{props.header as Element}</div>\r\n        </Show>\r\n        <Show when={props.bubble}>\r\n          <div class={cn('chat-bubble', variants({ color: props.color }), props.class?.bubble)}>\r\n            {props.bubble as Element}\r\n          </div>\r\n        </Show>\r\n        <Show when={props.footer}>\r\n          <div class={cn('chat-footer', props.class?.footer)}>{props.bubble as Element}</div>\r\n        </Show>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n"],"mappings":"2OAKMM,EAAWL,EAAI,GAAI,CACvBK,SAAU,CACRC,MAAO,CACLC,QAAS,GACTC,QAAS,sBACTC,QAAS,sBACTC,UAAW,wBACXC,OAAQ,qBACRC,KAAM,mBACNC,QAAS,sBACTC,QAAS,sBACTC,MAAO,oBACR,CACDC,MAAO,CACLC,MAAO,aACPC,IAAK,WACP,CACF,CACD,CAAC,CAEWE,EAAyCC,QACpD,CAAA,IAAAC,EAAAC,GAAA,CAE4D,OAF5DC,EAAAF,EAAAG,EAGOtB,EAAI,CAAA,IAACuB,MAAI,CAAA,OAAEL,EAAMM,QAAM,IAAAC,UAAA,CAAA,IAAAC,EAAAN,GAAA,CAC2B,OAD3BC,EAAAK,MAC8BR,EAAMM,OAAiB,CAAAI,MAAAC,EAAAH,EAA/D9B,EAAG,aAAcsB,EAAMY,OAAON,OAAO,CAAA,CAAA,CAAAE,GAAA,CAAA,CAAA,KAAA,CAAAL,EAAAF,EAAAG,EAElDtB,EAAI,CAAA,IAACuB,MAAI,CAAA,OAAEL,EAAMa,QAAM,IAAAN,UAAA,CAAA,IAAAO,EAAAZ,GAAA,CAC4B,OAD5BC,EAAAW,MAC+Bd,EAAMa,OAAiB,CAAAH,MAAAC,EAAAG,EAAhEpC,EAAG,cAAesB,EAAMY,OAAOC,OAAO,CAAA,CAAA,CAAAC,GAAA,CAAA,CAAA,KAAA,CAAAX,EAAAF,EAAAG,EAEnDtB,EAAI,CAAA,IAACuB,MAAI,CAAA,OAAEL,EAAMe,QAAM,IAAAR,UAAA,CAAA,IAAAS,EAAAd,GAAA,CAC8D,OAD9DC,EAAAa,MAEnBhB,EAAMe,OAAiB,CAAAL,MAAAC,EAAAK,EADdtC,EAAG,cAAeM,EAAS,CAAEC,MAAOe,EAAMf,MAAO,CAAC,CAAEe,EAAMY,OAAOG,OAAO,CAAA,CAAA,CAAAC,GAAA,CAAA,CAAA,KAAA,CAAAb,EAAAF,EAAAG,EAIrFtB,EAAI,CAAA,IAACuB,MAAI,CAAA,OAAEL,EAAMiB,QAAM,IAAAV,UAAA,CAAA,IAAAW,EAAAhB,GAAA,CAC4B,OAD5BC,EAAAe,MAC+BlB,EAAMe,OAAiB,CAAAL,MAAAC,EAAAO,EAAhExC,EAAG,cAAesB,EAAMY,OAAOK,OAAO,CAAA,CAAA,CAAAC,GAAA,CAAA,CAAA,KAAA,CAAAR,MAAAC,EAAAV,EAb1CvB,EAAG,OAAQM,EAAS,CAAEW,MAAOK,EAAML,MAAO,CAAC,CAAC,CAAA,CAAA,CAAAM,KAAA"}

package/dist/src/components/checkbox/checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.js","names":["cn","cva","VariantProps","Component","createEffect","createUniqueId","mergeProps","CheckboxProps","id","name","defaultChecked","indeterminate","class","size","CheckboxVariantsProps","color","disabled","onChange","checked","value","variants","xs","sm","md","lg","xl","default","neutral","primary","secondary","accent","info","success","warning","error","Checkbox","p","_el$","_tmpl$","_$use","ref","_$spread","_$mergeProps","e","preventDefault","target","_$memo"],"sources":["../../../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\r\nimport { cva, VariantProps } from 'class-variance-authority';\r\nimport { Component, createEffect, createUniqueId, mergeProps } from 'solid-js';\r\n\r\ntype CheckboxProps = {\r\n  id?: string;\r\n  name?: string;\r\n  defaultChecked: boolean;\r\n  indeterminate?: boolean;\r\n  class?: string;\r\n  size?: CheckboxVariantsProps['size'];\r\n  color?: CheckboxVariantsProps['color'];\r\n  disabled?: boolean;\r\n  onChange?: (checked: boolean | null) => void;\r\n  value?: string;\r\n};\r\n\r\nconst variants = cva('checkbox', {\r\n  variants: {\r\n    size: {\r\n      xs: 'checkbox-xs',\r\n      sm: 'checkbox-sm',\r\n      md: 'checkbox-md',\r\n      lg: 'checkbox-lg',\r\n      xl: 'checkbox-xl',\r\n    },\r\n    color: {\r\n      default: '',\r\n      neutral: 'checkbox-neutral',\r\n      primary: 'checkbox-primary',\r\n      secondary: 'checkbox-secondary',\r\n      accent: 'checkbox-accent',\r\n      info: 'checkbox-info',\r\n      success: 'checkbox-success',\r\n      warning: 'checkbox-warning',\r\n      error: 'checkbox-error',\r\n    },\r\n  },\r\n});\r\n\r\nexport type CheckboxVariantsProps = VariantProps<typeof variants>;\r\n\r\nexport const Checkbox: Component<CheckboxProps> = p => {\r\n  p = mergeProps(\r\n    { size: 'xs', color: 'primary', id: createUniqueId(), defaultChecked: false } as CheckboxProps,\r\n    p,\r\n  );\r\n\r\n  return (\r\n    <input\r\n      ref={ref => {\r\n        if (!ref) return;\r\n        ref.checked = p.defaultChecked;\r\n        p.indeterminate && (ref.value = 'inteterminate');\r\n      }}\r\n      type=\"checkbox\"\r\n      id={p.id}\r\n      class={cn(variants({ size: p.size, color: p.color }), p.class)}\r\n      disabled={p.disabled}\r\n      {...(p.name && { name: p.name })}\r\n      {...(p.indeterminate && { 'data-indeterminate': true })}\r\n      onClick={e => {\r\n        if (p.indeterminate || p.disabled) e.preventDefault();\r\n      }}\r\n      onChange={e => p.onChange && p.onChange(e.target.checked)}\r\n      value={p.indeterminate ? 'inteterminate' : p.value}\r\n    />\r\n  );\r\n};\r\n"],"mappings":"wQAiBMoB,EAAWnB,EAAI,WAAY,CAC/BmB,SAAU,CACRP,KAAM,CACJQ,GAAI,cACJC,GAAI,cACJC,GAAI,cACJC,GAAI,cACJC,GAAI,cACL,CACDV,MAAO,CACLW,QAAS,GACTC,QAAS,mBACTC,QAAS,mBACTC,UAAW,qBACXC,OAAQ,kBACRC,KAAM,gBACNC,QAAS,mBACTC,QAAS,mBACTC,MAAO,iBACT,CACF,CACD,CAAC,CAIWC,EAAqCC,IAChDA,EAAI9B,EACF,CAAEO,KAAM,KAAME,MAAO,UAAWP,GAAIH,GAAgB,CAAEK,eAAgB,GAAO,CAC7E0B,EACD,MAED,CAAA,IAAAC,EAAAC,GAAA,CAiBsD,OAjBtDC,EAESC,GAAO,CACLA,IACLA,EAAItB,QAAUkB,EAAE1B,eAChB0B,EAAEzB,gBAAkB6B,EAAIrB,MAAQ,mBACjCkB,EAAA,CAAAI,EAAAJ,EAAAK,EAAA,CAAA,IAEDlC,IAAE,CAAA,OAAE4B,EAAE5B,IAAE,IAAA,OAAA,CAAA,OACDR,EAAGoB,EAAS,CAAEP,KAAMuB,EAAEvB,KAAME,MAAOqB,EAAErB,MAAO,CAAC,CAAEqB,EAAExB,MAAM,EAAA,IAC9DI,UAAQ,CAAA,OAAEoB,EAAEpB,UAAQ,KACfoB,EAAE3B,MAAQ,CAAEA,KAAM2B,EAAE3B,KAAM,KAC1B2B,EAAEzB,eAAiB,CAAE,qBAAsB,GAAM,CAAA,CAAA,QAC7CgC,GAAK,EACRP,EAAEzB,eAAiByB,EAAEpB,WAAU2B,EAAEC,gBAAgB,EACtD,SACSD,GAAKP,EAAEnB,UAAYmB,EAAEnB,SAAS0B,EAAEE,OAAO3B,QAAQ,CAAA,IACzDC,OAAK,CAAA,OAAE2B,MAAA,CAAA,CAAAV,EAAEzB,cAAa,EAAA,CAAG,gBAAkByB,EAAEjB,OAAK,CAAA,CAAA,GAAA,GAAA,CAAAkB,KAAA"}

package/dist/src/components/collapse/collapse.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"collapse.js","names":["mergeProps","Show","Component","CollapseProps","cn","cva","VariantProps","getColor","variants","iconType","plus","arrow","iconPosition","start","end","forceStatus","open","close","CollapseVariantsProps","Collapse","p","icon","type","postion","color","_el$","_tmpl$2","_el$3","firstChild","_el$4","nextSibling","_$insert","_$createComponent","when","force","children","_el$2","_tmpl$","_$spread","_$mergeProps","onOpen","onClose","onChange","e","checked","currentTarget","id","class","title","onClick","content","Element","_$effect","_p$","_v$","root","_v$2","_$className","t","undefined"],"sources":["../../../../src/components/collapse/collapse.tsx"],"sourcesContent":["import { mergeProps, Show, type Component } from 'solid-js';\r\nimport type { CollapseProps } from './collapse.types';\r\nimport { cn } from '@/utils/cn';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { getColor } from '@/utils/helper';\r\n\r\nconst variants = cva('', {\r\n  variants: {\r\n    iconType: {\r\n      plus: 'collapse-plus',\r\n      arrow: 'collapse-arrow',\r\n    },\r\n    iconPosition: {\r\n      start: 'after:start-5 after:end-auto pe-4 ps-12',\r\n      end: '',\r\n    },\r\n    forceStatus: {\r\n      open: 'collapse-open',\r\n      close: 'collapse-close',\r\n    },\r\n  },\r\n});\r\nexport type CollapseVariantsProps = VariantProps<typeof variants>;\r\n\r\nexport const Collapse: Component<CollapseProps> = p => {\r\n  p = mergeProps(\r\n    {\r\n      icon: {\r\n        type: 'arrow',\r\n        postion: 'end',\r\n      },\r\n      color: 'transparent',\r\n    } as CollapseProps,\r\n    p,\r\n  );\r\n\r\n  return (\r\n    <>\r\n      <div\r\n        class={cn(\r\n          'collapse border',\r\n          variants({ iconType: p.icon?.type, forceStatus: p.force }),\r\n          getColor(p.color, 'bg-base-100 border-base-300'),\r\n          p.color && p.color !== 'transparent' && 'sui-collapse',\r\n          p.class?.root,\r\n        )}\r\n      >\r\n        <Show when={!p.force}>\r\n          <input\r\n            type=\"checkbox\"\r\n            {...(p.onOpen || p.onClose\r\n              ? {\r\n                  onChange: e => {\r\n                    const checked = e.currentTarget.checked;\r\n                    checked ? p.onOpen?.() : p.onClose?.();\r\n                  },\r\n                }\r\n              : {})}\r\n            {...(p.id && { id: p.id })}\r\n          />\r\n        </Show>\r\n        <div\r\n          class={cn(\r\n            'collapse-title font-semibold',\r\n            variants({ iconPosition: p.icon?.postion }),\r\n            p.class?.title,\r\n            p.force && (p.onOpen || p.onClose) ? 'cursor-pointer' : '',\r\n          )}\r\n          {...(p.force && (p.onOpen || p.onClose)\r\n            ? {\r\n                onClick: () => {\r\n                  p.force === 'open' ? p.onClose?.() : p.onOpen?.();\r\n                },\r\n              }\r\n            : {})}\r\n        >\r\n          {p.title}\r\n        </div>\r\n        <div class={cn('collapse-content text-sm', p.class?.content)}>{p.content as Element}</div>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n"],"mappings":"qXAMMQ,EAAWH,EAAI,GAAI,CACvBG,SAAU,CACRC,SAAU,CACRC,KAAM,gBACNC,MAAO,iBACR,CACDC,aAAc,CACZC,MAAO,0CACPC,IAAK,GACN,CACDC,YAAa,CACXC,KAAM,gBACNC,MAAO,iBACT,CACF,CACD,CAAC,CAGWE,EAAqCC,IAChDA,EAAIpB,EACF,CACEqB,KAAM,CACJC,KAAM,QACNC,QAAS,MACV,CACDC,MAAO,cACR,CACDJ,EACD,MAED,CAAA,IAAAK,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WAAAC,EAAAF,EAAAG,YA0CkE,OA1ClEC,EAAAN,EAAAO,EAWO/B,EAAI,CAAA,IAACgC,MAAI,CAAA,MAAE,CAACb,EAAEc,OAAK,IAAAC,UAAA,CAAA,IAAAC,EAAAC,GAAA,CAWS,OAXTC,EAAAF,EAAAG,MAGXnB,EAAEoB,QAAUpB,EAAEqB,QACf,CACEC,SAAUC,GAAK,CACGA,EAAEE,cAAcD,QACtBxB,EAAEoB,UAAU,CAAGpB,EAAEqB,WAAW,EAEzC,CACD,EAAE,KACDrB,EAAE0B,IAAM,CAAEA,GAAI1B,EAAE0B,GAAI,CAAA,CAAA,GAAA,GAAA,CAAAV,GAAA,CAAA,CAAAT,EAAA,CAAAW,EAAAX,EAAAY,EAAA,CAAA,IAAA,OAAA,CAAA,OAIpBnC,EACL,+BACAI,EAAS,CAAEI,aAAcQ,EAAEC,MAAME,QAAS,CAAC,CAC3CH,EAAE2B,OAAOC,MACT5B,EAAEc,QAAUd,EAAEoB,QAAUpB,EAAEqB,SAAW,iBAAmB,GACzD,EAAA,KACIrB,EAAEc,QAAUd,EAAEoB,QAAUpB,EAAEqB,SAC3B,CACEQ,YAAe,CACb7B,EAAEc,QAAU,OAASd,EAAEqB,WAAW,CAAGrB,EAAEoB,UAAU,EAEpD,CACD,EAAE,CAAA,CAAA,GAAA,GAAA,CAAAT,EAAAJ,MAELP,EAAE4B,MAAK,CAAAjB,EAAAF,MAEqDT,EAAE8B,QAAkB,CAAAE,EAAAC,GAAA,CAAA,IAAAC,EAvC5ElD,EACL,kBACAI,EAAS,CAAEC,SAAUW,EAAEC,MAAMC,KAAMP,YAAaK,EAAEc,MAAO,CAAC,CAC1D3B,EAASa,EAAEI,MAAO,8BAA8B,CAChDJ,EAAEI,OAASJ,EAAEI,QAAU,eAAiB,eACxCJ,EAAE2B,OAAOQ,KACV,CAAAC,EAiCWpD,EAAG,2BAA4BgB,EAAE2B,OAAOG,QAAQ,CAAA,OAAAI,IAAAD,EAAAV,GAAAc,EAAAhC,EAAA4B,EAAAV,EAAAW,EAAA,CAAAE,IAAAH,EAAAK,GAAAD,EAAA5B,EAAAwB,EAAAK,EAAAF,EAAA,CAAAH,GAAA,CAAAV,EAAAgB,IAAAA,GAAAD,EAAAC,IAAAA,GAAA,CAAA,CAAAlC,KAAA"}

package/dist/src/components/context-menu/context-menu.js

@@ -1,2 +0,0 @@
-import{cn as e}from"../../utils/cn.js";import{chevron_right_default as t}from"../../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/chevron-right.js";import{ZIndexType as n}from"../z-index/z-index.types.js";import{ZIndex as r}from"../z-index/z-index.js";import{contextMenuStore as i}from"./context-menu.store.js";import{className as a,createComponent as o,delegateEvents as s,effect as c,insert as l,setAttribute as u,style as d,template as f,use as p}from"solid-js/web";import{For as m,Show as h,createEffect as g,createSignal as _,onCleanup as v}from"solid-js";var y=f(`<div>`),b=f(`<span class=cm06>`),x=f(`<div><div class=cm05><span class=cm07></span><span class=cm08></span></div><div>`),S=f(`<span class=cm10>`),C=f(`<button type=button><span class=cm07>`),w=n=>{if(n.item.type===`separator`)return(()=>{var t=y();return c(()=>a(t,e(`cm03`,n.customClass?.separator))),t})();if(n.item.type===`submenu`){let r=n.item,i,[s,d]=_(!1);return g(function(){let e=requestAnimationFrame(function(){i&&(i.getBoundingClientRect().right>window.innerWidth?d(!0):d(!1))});v(()=>cancelAnimationFrame(e))}),(()=>{var d=x(),f=d.firstChild,g=f.firstChild,_=g.nextSibling,v=f.nextSibling;return l(f,o(h,{get when(){return r.prefixIcon},get children(){var e=b();return l(e,()=>r.prefixIcon),e}}),g),l(g,()=>r.label),l(_,o(t,{size:14})),p(e=>i=e,v),l(v,o(m,{get each(){return r.items},children:e=>o(w,{item:e,get close(){return n.close},get customClass(){return n.customClass}})})),c(t=>{var i=e(`cm04`,r.disabled&&`cm04--disabled`,n.customClass?.submenu),o=r.disabled,c=e(`cm09`,s()&&`cm09--flip`);return i!==t.e&&a(d,t.e=i),o!==t.t&&u(d,`aria-disabled`,t.t=o),c!==t.a&&a(v,t.a=c),t},{e:void 0,t:void 0,a:void 0}),d})()}let r=n.item;return(()=>{var t=C(),i=t.firstChild;return t.$$click=()=>{r.disabled||(r.onClick(),n.close())},l(t,o(h,{get when(){return r.prefixIcon},get children(){var e=b();return l(e,()=>r.prefixIcon),e}}),i),l(i,()=>r.label),l(t,o(h,{get when(){return r.shortcut},get children(){var e=S();return l(e,()=>r.shortcut),e}}),null),c(i=>{var o=e(`cm02`,r.disabled&&`cm02--disabled`,n.customClass?.item),s=r.disabled;return o!==i.e&&a(t,i.e=o),s!==i.t&&(t.disabled=i.t=s),i},{e:void 0,t:void 0}),t})()},T=t=>{let n,[r,i]=_({left:`${t.x}px`,top:`${t.y}px`});return g(function(){let e=requestAnimationFrame(function(){if(!n)return;let e=n.getBoundingClientRect(),r=window.innerWidth,a=window.innerHeight,o=e.right>r?Math.max(0,t.x-e.width):t.x,s=e.bottom>a?Math.max(0,t.y-e.height):t.y;i({left:`${o}px`,top:`${s}px`})});v(()=>cancelAnimationFrame(e))}),(()=>{var i=y();return i.$$contextmenu=e=>e.preventDefault(),p(e=>n=e,i),l(i,o(m,{get each(){return t.items},children:e=>o(w,{item:e,get close(){return t.close},get customClass(){return t.customClass}})})),c(n=>{var o=e(`cm01`,t.customClass?.content),s=r();return o!==n.e&&a(i,n.e=o),n.t=d(i,s,n.t),n},{e:void 0,t:void 0}),i})()},E=e=>{let t=()=>i.menuState(),a=()=>i.close();return g(function(){if(!t())return;function e(e){e.target.closest(`.cm01`)||a()}function n(e){e.key===`Escape`&&a()}document.addEventListener(`mousedown`,e),document.addEventListener(`keydown`,n),v(function(){document.removeEventListener(`mousedown`,e),document.removeEventListener(`keydown`,n)})}),o(r,{get open(){return!!t()},get type(){return n.DROPDOWN},class:`inset-0`,get children(){return o(h,{get when(){return t()},children:t=>o(T,{get x(){return t().x},get y(){return t().y},get items(){return t().items},close:a,get customClass(){return e.class}})})}})};s([`click`,`contextmenu`]);export{E as ContextMenu};
-//# sourceMappingURL=context-menu.js.map

package/dist/src/components/context-menu/context-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context-menu.js","names":["Component","createEffect","createSignal","For","onCleanup","Show","cn","ZIndex","ZIndexType","contextMenuStore","ContextMenuProps","RenderedItem","ChevronRight","MenuItemProps","item","close","customClass","Partial","Record","MenuItem","props","type","_el$","_tmpl$","_$effect","_$className","separator","submenuRef","HTMLDivElement","flip","setFlip","detectSubmenuEdge","rafId","requestAnimationFrame","checkEdge","rect","getBoundingClientRect","right","window","innerWidth","cancelAnimationFrame","_el$2","_tmpl$3","_el$3","firstChild","_el$5","_el$6","nextSibling","_el$7","_$insert","_$createComponent","when","prefixIcon","children","_el$4","_tmpl$2","label","size","_$use","el","each","items","sub","_p$","_v$","disabled","submenu","_v$2","_v$3","e","t","_$setAttribute","a","undefined","_el$8","_tmpl$5","_el$0","$$click","onClick","_el$9","shortcut","_el$1","_tmpl$4","_v$4","_v$5","MenuContentProps","x","y","MenuContent","panelRef","style","setStyle","left","top","adjustPosition","computePosition","vw","vh","innerHeight","Math","max","width","bottom","height","_el$10","$$contextmenu","preventDefault","_v$6","content","_v$7","_$style","ContextMenu","state","menuState","registerGlobalListeners","onMouseDown","MouseEvent","target","Element","closest","onKeyDown","KeyboardEvent","key","document","addEventListener","removeGlobalListeners","removeEventListener","open","DROPDOWN","s","class","_$delegateEvents"],"sources":["../../../../src/components/context-menu/context-menu.tsx"],"sourcesContent":["import { Component, createEffect, createSignal, For, onCleanup, Show } from 'solid-js';\r\nimport { cn } from '@utils/cn';\r\nimport { ZIndex, ZIndexType } from '@components/z-index';\r\nimport { contextMenuStore } from './context-menu.store';\r\nimport type { ContextMenuProps, RenderedItem } from './context-menu.types';\r\nimport ChevronRight from 'lucide-solid/icons/chevron-right';\r\n\r\ntype MenuItemProps = {\r\n  item: RenderedItem;\r\n  close: () => void;\r\n  customClass?: Partial<Record<'item' | 'separator' | 'submenu', string>>;\r\n};\r\n\r\nconst MenuItem: Component<MenuItemProps> = props => {\r\n  if (props.item.type === 'separator') {\r\n    return <div class={cn('cm03', props.customClass?.separator)} />;\r\n  }\r\n\r\n  if (props.item.type === 'submenu') {\r\n    const item = props.item;\r\n    let submenuRef!: HTMLDivElement;\r\n    const [flip, setFlip] = createSignal(false);\r\n\r\n    createEffect(function detectSubmenuEdge() {\r\n      const rafId = requestAnimationFrame(function checkEdge() {\r\n        if (!submenuRef) return;\r\n        const rect = submenuRef.getBoundingClientRect();\r\n        if (rect.right > window.innerWidth) setFlip(true);\r\n        else setFlip(false);\r\n      });\r\n      onCleanup(() => cancelAnimationFrame(rafId));\r\n    });\r\n\r\n    return (\r\n      <div\r\n        class={cn('cm04', item.disabled && 'cm04--disabled', props.customClass?.submenu)}\r\n        aria-disabled={item.disabled}\r\n      >\r\n        <div class=\"cm05\">\r\n          <Show when={item.prefixIcon}>\r\n            <span class=\"cm06\">{item.prefixIcon}</span>\r\n          </Show>\r\n          <span class=\"cm07\">{item.label}</span>\r\n          <span class=\"cm08\">\r\n            <ChevronRight size={14} />\r\n          </span>\r\n        </div>\r\n        <div ref={el => (submenuRef = el)} class={cn('cm09', flip() && 'cm09--flip')}>\r\n          <For each={item.items}>\r\n            {sub => <MenuItem item={sub} close={props.close} customClass={props.customClass} />}\r\n          </For>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  const item = props.item;\r\n  return (\r\n    <button\r\n      type=\"button\"\r\n      class={cn('cm02', item.disabled && 'cm02--disabled', props.customClass?.item)}\r\n      disabled={item.disabled}\r\n      onClick={() => {\r\n        if (item.disabled) return;\r\n        item.onClick();\r\n        props.close();\r\n      }}\r\n    >\r\n      <Show when={item.prefixIcon}>\r\n        <span class=\"cm06\">{item.prefixIcon}</span>\r\n      </Show>\r\n      <span class=\"cm07\">{item.label}</span>\r\n      <Show when={item.shortcut}>\r\n        <span class=\"cm10\">{item.shortcut}</span>\r\n      </Show>\r\n    </button>\r\n  );\r\n};\r\n\r\ntype MenuContentProps = {\r\n  x: number;\r\n  y: number;\r\n  items: RenderedItem[];\r\n  close: () => void;\r\n  customClass?: Partial<Record<'content' | 'item' | 'separator' | 'submenu', string>>;\r\n};\r\n\r\nconst MenuContent: Component<MenuContentProps> = props => {\r\n  let panelRef!: HTMLDivElement;\r\n  const [style, setStyle] = createSignal({ left: `${props.x}px`, top: `${props.y}px` });\r\n\r\n  createEffect(function adjustPosition() {\r\n    const rafId = requestAnimationFrame(function computePosition() {\r\n      if (!panelRef) return;\r\n      const rect = panelRef.getBoundingClientRect();\r\n      const vw = window.innerWidth;\r\n      const vh = window.innerHeight;\r\n\r\n      const left = rect.right > vw ? Math.max(0, props.x - rect.width) : props.x;\r\n      const top = rect.bottom > vh ? Math.max(0, props.y - rect.height) : props.y;\r\n\r\n      setStyle({ left: `${left}px`, top: `${top}px` });\r\n    });\r\n    onCleanup(() => cancelAnimationFrame(rafId));\r\n  });\r\n\r\n  return (\r\n    <div\r\n      ref={el => (panelRef = el)}\r\n      class={cn('cm01', props.customClass?.content)}\r\n      style={style()}\r\n      onContextMenu={e => e.preventDefault()}\r\n    >\r\n      <For each={props.items}>\r\n        {item => <MenuItem item={item} close={props.close} customClass={props.customClass} />}\r\n      </For>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const ContextMenu: Component<ContextMenuProps> = props => {\r\n  const state = () => contextMenuStore.menuState();\r\n  const close = () => contextMenuStore.close();\r\n\r\n  createEffect(function registerGlobalListeners() {\r\n    if (!state()) return;\r\n\r\n    function onMouseDown(e: MouseEvent) {\r\n      const target = e.target as Element;\r\n      if (!target.closest('.cm01')) close();\r\n    }\r\n\r\n    function onKeyDown(e: KeyboardEvent) {\r\n      if (e.key === 'Escape') close();\r\n    }\r\n\r\n    document.addEventListener('mousedown', onMouseDown);\r\n    document.addEventListener('keydown', onKeyDown);\r\n\r\n    onCleanup(function removeGlobalListeners() {\r\n      document.removeEventListener('mousedown', onMouseDown);\r\n      document.removeEventListener('keydown', onKeyDown);\r\n    });\r\n  });\r\n\r\n  return (\r\n    <ZIndex open={!!state()} type={ZIndexType.DROPDOWN} class=\"inset-0\">\r\n      <Show when={state()}>\r\n        {s => (\r\n          <MenuContent\r\n            x={s().x}\r\n            y={s().y}\r\n            items={s().items}\r\n            close={close}\r\n            customClass={props.class}\r\n          />\r\n        )}\r\n      </Show>\r\n    </ZIndex>\r\n  );\r\n};"],"mappings":"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"}

package/dist/src/components/context-menu/context-menu.store.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context-menu.store.js","names":[],"sources":["../../../../src/components/context-menu/context-menu.store.ts"],"sourcesContent":["import { createSignal } from 'solid-js';\r\nimport type {\r\n  ContextRecord,\r\n  RegistryItem,\r\n  RenderedItem,\r\n  ContextMenuHandle,\r\n} from './context-menu.types';\r\n\r\ntype MenuState = {\r\n  x: number;\r\n  y: number;\r\n  items: RenderedItem[];\r\n} | null;\r\n\r\nconst [menuState, setMenuState] = createSignal<MenuState>(null);\r\n\r\nexport const contextMenuStore = {\r\n  menuState,\r\n  close: () => setMenuState(null),\r\n  isOpen: () => menuState() !== null,\r\n};\r\n\r\nexport function createContextMenuHandle<TContext extends ContextRecord>(): ContextMenuHandle<TContext> {\r\n  const registry = new Map<string, RegistryItem<TContext>>();\r\n\r\n  function register(item: RegistryItem<TContext>): void {\r\n    registry.set(item.key, item);\r\n  }\r\n\r\n  function unregister(key: string): void {\r\n    registry.delete(key);\r\n  }\r\n\r\n  function buildRenderedItems(ctx: TContext): RenderedItem[] {\r\n\r\n    const visible = [...registry.values()]\r\n      .filter(item => !item.when || item.when(ctx))\r\n      .sort((a, b) => (a.order ?? 100) - (b.order ?? 100));\r\n\r\n    if (visible.length === 0) return [];\r\n\r\n    const groups: RegistryItem<TContext>[][] = [];\r\n    const groupMap = new Map<string, RegistryItem<TContext>[]>();\r\n\r\n    for (const item of visible) {\r\n      const g = item.group ?? '__default__';\r\n      if (!groupMap.has(g)) {\r\n        const arr: RegistryItem<TContext>[] = [];\r\n        groupMap.set(g, arr);\r\n        groups.push(arr);\r\n      }\r\n      groupMap.get(g)!.push(item);\r\n    }\r\n\r\n    const result: RenderedItem[] = [];\r\n    for (let i = 0; i < groups.length; i++) {\r\n      if (i > 0) result.push({ type: 'separator' });\r\n      for (const item of groups[i]) {\r\n        if (item.type === 'item') {\r\n          result.push({\r\n            type: 'item',\r\n            key: item.key,\r\n            label: item.label,\r\n            disabled: item.disabled?.(ctx),\r\n            shortcut: item.shortcut,\r\n            prefixIcon: item.prefixIcon,\r\n            onClick: () => item.onClick(ctx),\r\n          });\r\n        } else {\r\n          result.push({\r\n            type: 'submenu',\r\n            key: item.key,\r\n            label: item.label,\r\n            disabled: item.disabled?.(ctx),\r\n            shortcut: item.shortcut,\r\n            prefixIcon: item.prefixIcon,\r\n\r\n            items: item.items\r\n              .filter(sub => !sub.when || sub.when(ctx))\r\n              .map(sub => {\r\n                if (sub.type === 'item') {\r\n                  return {\r\n                    type: 'item' as const,\r\n                    key: sub.key,\r\n                    label: sub.label,\r\n                    disabled: sub.disabled?.(ctx),\r\n                    shortcut: sub.shortcut,\r\n                    prefixIcon: sub.prefixIcon,\r\n                    onClick: () => sub.onClick(ctx),\r\n                  };\r\n                }\r\n                return { type: 'separator' as const };\r\n              }),\r\n          });\r\n        }\r\n      }\r\n    }\r\n    return result;\r\n  }\r\n\r\n  function trigger(e: MouseEvent, ctx: TContext): void {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    const items = buildRenderedItems(ctx);\r\n    if (items.length === 0) return;\r\n    setMenuState({ x: e.clientX, y: e.clientY, items });\r\n  }\r\n\r\n  return { register, unregister, trigger };\r\n}"],"mappings":"wCAcA,GAAM,CAAC,EAAW,GAAgB,EAAwB,KAAK,CAElD,EAAmB,CAC9B,YACA,UAAa,EAAa,KAAK,CAC/B,WAAc,GAAW,GAAK,KAC/B,CAED,SAAgB,GAAuF,CACrG,IAAM,EAAW,IAAI,IAErB,SAAS,EAAS,EAAoC,CACpD,EAAS,IAAI,EAAK,IAAK,EAAK,CAG9B,SAAS,EAAW,EAAmB,CACrC,EAAS,OAAO,EAAI,CAGtB,SAAS,EAAmB,EAA+B,CAEzD,IAAM,EAAU,CAAC,GAAG,EAAS,QAAQ,CAAC,CACnC,OAAO,GAAQ,CAAC,EAAK,MAAQ,EAAK,KAAK,EAAI,CAAC,CAC5C,MAAM,EAAG,KAAO,EAAE,OAAS,MAAQ,EAAE,OAAS,KAAK,CAEtD,GAAI,EAAQ,SAAW,EAAG,MAAO,EAAE,CAEnC,IAAM,EAAqC,EAAE,CACvC,EAAW,IAAI,IAErB,IAAK,IAAM,KAAQ,EAAS,CAC1B,IAAM,EAAI,EAAK,OAAS,cACxB,GAAI,CAAC,EAAS,IAAI,EAAE,CAAE,CACpB,IAAM,EAAgC,EAAE,CACxC,EAAS,IAAI,EAAG,EAAI,CACpB,EAAO,KAAK,EAAI,CAElB,EAAS,IAAI,EAAE,CAAE,KAAK,EAAK,CAG7B,IAAM,EAAyB,EAAE,CACjC,IAAK,IAAI,EAAI,EAAG,EAAI,EAAO,OAAQ,IAAK,CAClC,EAAI,GAAG,EAAO,KAAK,CAAE,KAAM,YAAa,CAAC,CAC7C,IAAK,IAAM,KAAQ,EAAO,GACpB,EAAK,OAAS,OAChB,EAAO,KAAK,CACV,KAAM,OACN,IAAK,EAAK,IACV,MAAO,EAAK,MACZ,SAAU,EAAK,WAAW,EAAI,CAC9B,SAAU,EAAK,SACf,WAAY,EAAK,WACjB,YAAe,EAAK,QAAQ,EAAI,CACjC,CAAC,CAEF,EAAO,KAAK,CACV,KAAM,UACN,IAAK,EAAK,IACV,MAAO,EAAK,MACZ,SAAU,EAAK,WAAW,EAAI,CAC9B,SAAU,EAAK,SACf,WAAY,EAAK,WAEjB,MAAO,EAAK,MACT,OAAO,GAAO,CAAC,EAAI,MAAQ,EAAI,KAAK,EAAI,CAAC,CACzC,IAAI,GACC,EAAI,OAAS,OACR,CACL,KAAM,OACN,IAAK,EAAI,IACT,MAAO,EAAI,MACX,SAAU,EAAI,WAAW,EAAI,CAC7B,SAAU,EAAI,SACd,WAAY,EAAI,WAChB,YAAe,EAAI,QAAQ,EAAI,CAChC,CAEI,CAAE,KAAM,YAAsB,CACrC,CACL,CAAC,CAIR,OAAO,EAGT,SAAS,EAAQ,EAAe,EAAqB,CACnD,EAAE,gBAAgB,CAClB,EAAE,iBAAiB,CACnB,IAAM,EAAQ,EAAmB,EAAI,CACjC,EAAM,SAAW,GACrB,EAAa,CAAE,EAAG,EAAE,QAAS,EAAG,EAAE,QAAS,QAAO,CAAC,CAGrD,MAAO,CAAE,WAAU,aAAY,UAAS"}

package/dist/src/components/diff/diff.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"diff.js","names":["SolidComponent","cn","Component","DiffProps","images","class","Partial","Record","Diff","p","length","console","warn","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_el$4","_$insert","Element","_$effect","_p$","_v$","root","_v$2","item1","_v$3","item2","_v$4","resizer","e","_$className","t","a","o","undefined"],"sources":["../../../../src/components/diff/diff.tsx"],"sourcesContent":["import { SolidComponent } from '@/type';\nimport { cn } from '@/utils/cn';\nimport { Component } from 'solid-js';\n\ntype DiffProps = {\n  images: SolidComponent[];\n  class?: Partial<Record<'root' | 'item1' | 'item2' | 'resizer', string>>;\n};\n\nconst Diff: Component<DiffProps> = p => {\n  if (p.images.length !== 2) {\n    console.warn('You need to provide exactly 2 images');\n    return <></>;\n  }\n  return (\n    <figure class={cn('diff aspect-video', p.class?.root)} tabindex=\"0\">\n      <div class={cn('diff-item-1', p.class?.item1)} role=\"img\" tabindex=\"0\">\n        {p.images[0] as Element}\n      </div>\n      <div class={cn('diff-item-2', p.class?.item2)} role=\"img\">\n        {p.images[1] as Element}\n      </div>\n      <div class={cn('diff-resizer', p.class?.resizer)}></div>\n    </figure>\n  );\n};\n\nexport { Diff };\n"],"mappings":"6MASMQ,EAA6BC,GAC7BA,EAAEL,OAAOM,SAAW,OAIxB,CAAA,IAAAG,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WAAAC,EAAAF,EAAAG,YAAAC,EAAAF,EAAAC,YAQoD,OARpDE,EAAAL,MAGON,EAAEL,OAAO,GAAa,CAAAgB,EAAAH,MAGtBR,EAAEL,OAAO,GAAa,CAAAkB,EAAAC,GAAA,CAAA,IAAAC,EALZvB,EAAG,oBAAqBQ,EAAEJ,OAAOoB,KAAK,CAAAC,EACvCzB,EAAG,cAAeQ,EAAEJ,OAAOsB,MAAM,CAAAC,EAGjC3B,EAAG,cAAeQ,EAAEJ,OAAOwB,MAAM,CAAAC,EAGjC7B,EAAG,eAAgBQ,EAAEJ,OAAO0B,QAAQ,CAAA,OAAAP,IAAAD,EAAAS,GAAAC,EAAApB,EAAAU,EAAAS,EAAAR,EAAA,CAAAE,IAAAH,EAAAW,GAAAD,EAAAlB,EAAAQ,EAAAW,EAAAR,EAAA,CAAAE,IAAAL,EAAAY,GAAAF,EAAAhB,EAAAM,EAAAY,EAAAP,EAAA,CAAAE,IAAAP,EAAAa,GAAAH,EAAAd,EAAAI,EAAAa,EAAAN,EAAA,CAAAP,GAAA,CAAAS,EAAAK,IAAAA,GAAAH,EAAAG,IAAAA,GAAAF,EAAAE,IAAAA,GAAAD,EAAAC,IAAAA,GAAA,CAAA,CAAAxB,KAAA,EAXlDF,QAAQC,KAAK,uCAAuC,CACpD,EAAA"}

package/dist/src/components/divider/divider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"divider.js","names":["cn","getColor","mergeProps","ParentComponent","Show","DividerProps","thicknessClass","Record","NonNullable","Divider","p","orientation","const","variant","align","thickness","color","isVertical","lineClass","class","line","_$createComponent","when","children","fallback","_el$5","_tmpl$2","_$effect","_p$","_v$6","_v$7","root","e","_$setAttribute","t","_$className","undefined","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_el$4","_$insert","_v$","_v$2","_v$3","_v$4","content","_v$5","a","o","i"],"sources":["../../../../src/components/divider/divider.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\r\nimport { getColor } from '@utils/helper';\r\nimport { mergeProps, ParentComponent, Show } from 'solid-js';\r\nimport { DividerProps } from './divider.types';\r\n\r\nconst thicknessClass: Record<NonNullable<DividerProps['thickness']>, string> = {\r\n  1: 'border-px',\r\n  2: 'border-[2px]',\r\n  3: 'border-[3px]',\r\n  4: 'border-[4px]',\r\n};\r\n\r\nconst Divider: ParentComponent<DividerProps> = p => {\r\n  p = mergeProps(\r\n    {\r\n      orientation: 'horizontal' as const,\r\n      variant: 'solid' as const,\r\n      align: 'center' as const,\r\n      thickness: 1 as const,\r\n      color: 'secondary' as const,\r\n    },\r\n    p,\r\n  );\r\n\r\n  const isVertical = () => p.orientation === 'vertical';\r\n\r\n  const lineClass = () =>\r\n    cn(\r\n      p.color ? 'divi3' : 'divi4',\r\n      isVertical() ? 'border-l' : 'border-t',\r\n      thicknessClass[p.thickness!],\r\n      p.variant === 'dashed' && 'border-dashed',\r\n      p.variant === 'dotted' && 'border-dotted',\r\n      p.class?.line,\r\n    );\r\n\r\n  return (\r\n    <Show\r\n      when={!!p.children}\r\n      fallback={\r\n\r\n        <hr\r\n          role=\"separator\"\r\n          aria-orientation={p.orientation}\r\n          class={cn(\r\n            'divi1',\r\n            p.color ? 'divi3' : 'divi4',\r\n            isVertical() ? 'h-auto self-stretch border-l' : 'w-full border-t',\r\n            thicknessClass[p.thickness!],\r\n            p.variant === 'dashed' && 'border-dashed',\r\n            p.variant === 'dotted' && 'border-dotted',\r\n            getColor(p.color),\r\n            p.class?.root,\r\n          )}\r\n        />\r\n      }\r\n    >\r\n\r\n      <div\r\n        role=\"separator\"\r\n        aria-orientation={p.orientation}\r\n        class={cn(\r\n          'divi2',\r\n          isVertical() ? 'flex-col self-stretch' : 'w-full flex-row',\r\n          getColor(p.color),\r\n          p.class?.root,\r\n        )}\r\n      >\r\n\r\n        <div\r\n          class={cn(lineClass(), p.align === 'center' || p.align === 'end' ? 'flex-1' : 'w-4')}\r\n        />\r\n\r\n        <span\r\n          class={cn(\r\n            'divi5',\r\n            p.color ? 'divi6' : 'divi7',\r\n            isVertical() ? 'py-3' : 'px-3',\r\n            p.class?.content,\r\n          )}\r\n        >\r\n          {p.children}\r\n        </span>\r\n\r\n        <div\r\n          class={cn(lineClass(), p.align === 'center' || p.align === 'start' ? 'flex-1' : 'w-4')}\r\n        />\r\n      </div>\r\n    </Show>\r\n  );\r\n};\r\n\r\nexport { Divider };"],"mappings":"sVAKMM,EAAyE,CAC7E,EAAG,YACH,EAAG,eACH,EAAG,eACH,EAAG,eACJ,CAEKG,EAAyCC,GAAK,CAClDA,EAAIR,EACF,CACES,YAAa,aACbE,QAAS,QACTC,MAAO,SACPC,UAAW,EACXC,MAAO,YACR,CACDN,EACD,CAED,IAAMO,MAAmBP,EAAEC,cAAgB,WAErCO,MACJlB,EACEU,EAAEM,MAAQ,QAAU,QACpBC,GAAY,CAAG,WAAa,WAC5BX,EAAeI,EAAEK,WACjBL,EAAEG,UAAY,UAAY,gBAC1BH,EAAEG,UAAY,UAAY,gBAC1BH,EAAES,OAAOC,KACV,CAEH,OAAAC,EACGjB,EAAI,CAAA,IACHkB,MAAI,CAAA,MAAE,CAAC,CAACZ,EAAEa,UAAQ,IAClBC,UAAQ,CAAA,WAAA,CAAA,IAAAC,EAAAC,GAAA,CAcH,OAdGC,EAAAC,GAAA,CAAA,IAAAC,EAIcnB,EAAEC,YAAWmB,EACxB9B,EACL,QACAU,EAAEM,MAAQ,QAAU,QACpBC,GAAY,CAAG,+BAAiC,kBAChDX,EAAeI,EAAEK,WACjBL,EAAEG,UAAY,UAAY,gBAC1BH,EAAEG,UAAY,UAAY,gBAC1BZ,EAASS,EAAEM,MAAM,CACjBN,EAAES,OAAOY,KACV,CAAA,OAAAF,IAAAD,EAAAI,GAAAC,EAAAR,EAAA,mBAAAG,EAAAI,EAAAH,EAAA,CAAAC,IAAAF,EAAAM,GAAAC,EAAAV,EAAAG,EAAAM,EAAAJ,EAAA,CAAAF,GAAA,CAAAI,EAAAI,IAAAA,GAAAF,EAAAE,IAAAA,GAAA,CAAA,CAAAX,KAAA,EAAA,IAAAF,UAAA,CAAA,IAAAc,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WAAAC,EAAAF,EAAAG,YAAAC,EAAAF,EAAAC,YAgCqF,OAhCrFE,EAAAH,MA4BA/B,EAAEa,SAAQ,CAAAI,EAAAC,GAAA,CAAA,IAAAiB,EArBKnC,EAAEC,YAAWmC,EACxB9C,EACL,QACAiB,GAAY,CAAG,wBAA0B,kBACzChB,EAASS,EAAEM,MAAM,CACjBN,EAAES,OAAOY,KACV,CAAAgB,EAIQ/C,EAAGkB,GAAW,CAAER,EAAEI,QAAU,UAAYJ,EAAEI,QAAU,MAAQ,SAAW,MAAM,CAAAkC,EAI7EhD,EACL,QACAU,EAAEM,MAAQ,QAAU,QACpBC,GAAY,CAAG,OAAS,OACxBP,EAAES,OAAO8B,QACV,CAAAC,EAMMlD,EAAGkB,GAAW,CAAER,EAAEI,QAAU,UAAYJ,EAAEI,QAAU,QAAU,SAAW,MAAM,CAAA,OAAA+B,IAAAjB,EAAAI,GAAAC,EAAAI,EAAA,mBAAAT,EAAAI,EAAAa,EAAA,CAAAC,IAAAlB,EAAAM,GAAAC,EAAAE,EAAAT,EAAAM,EAAAY,EAAA,CAAAC,IAAAnB,EAAAuB,GAAAhB,EAAAI,EAAAX,EAAAuB,EAAAJ,EAAA,CAAAC,IAAApB,EAAAwB,GAAAjB,EAAAM,EAAAb,EAAAwB,EAAAJ,EAAA,CAAAE,IAAAtB,EAAAyB,GAAAlB,EAAAQ,EAAAf,EAAAyB,EAAAH,EAAA,CAAAtB,GAAA,CAAAI,EAAAI,IAAAA,GAAAF,EAAAE,IAAAA,GAAAe,EAAAf,IAAAA,GAAAgB,EAAAhB,IAAAA,GAAAiB,EAAAjB,IAAAA,GAAA,CAAA,CAAAC,GAAA,CAAA"}

package/dist/src/components/drawer/drawer.js

@@ -1,2 +0,0 @@
-import{cn as e}from"../../utils/cn.js";import{ZIndexType as t}from"../z-index/z-index.types.js";import{ZIndex as n}from"../z-index/z-index.js";import{x_default as r}from"../../../node_modules/.pnpm/lucide-solid@1.8.0_solid-js@1.9.11/node_modules/lucide-solid/dist/source/icons/x.js";import{conditionalRender as i}from"../../utils/hoc.js";import{addEventListener as a,className as o,createComponent as s,delegateEvents as c,effect as l,insert as u,memo as d,style as f,template as p}from"solid-js/web";import{Show as m,createEffect as h,createSignal as g,mergeProps as _,on as v,onCleanup as y}from"solid-js";var b=p(`<div>`),x=p(`<div class="pointer-events-auto fixed inset-0">`),S=p(`<button aria-label=Close>`),C=p(`<div><div>`),[w,T]=g([]),E=new Map;function D(e){if(e.key!==`Escape`)return;let t=w().at(-1);t&&E.get(t)?.()}function O(e,t){E.size===0&&document.addEventListener(`keydown`,D),E.set(e,t)}function k(e){E.delete(e),E.size===0&&document.removeEventListener(`keydown`,D)}var A={left:`dr02-left`,right:`dr02-right`,top:`dr02-top`,bottom:`dr02-bottom`},j=i=>{i=_({placement:`left`,closeOnOutsideClick:!0,closable:!0,mask:!0,maskBlur:!1,preRender:!1,open:!1,onClose:()=>{}},i);let c=Math.random().toString(36).slice(2);h(v(()=>i.open,e=>{e?(c!==w().at(-1)&&T(e=>[...e,c]),O(c,()=>i.onClose())):(k(c),T(e=>e.filter(e=>e!==c)))})),y(function(){k(c),T(e=>e.filter(e=>e!==c))});let p=()=>i.placement===`left`||i.placement===`right`,g=()=>{let e={};return p()&&i.width?e.width=i.width:!p()&&i.height&&(e.height=i.height),e},E=()=>{i.closeOnOutsideClick&&i.onClose()};return s(n,{get type(){return t.MODAL},get open(){return i.open??!1},blockScroll:!0,get preRender(){return i.preRender},position:{inset:`0`},get class(){return e(`pointer-events-none`,i.class?.wrapper)},get children(){return[s(m,{get when(){return i.mask},get children(){var t=b();return t.$$click=E,l(()=>o(t,e(i.maskBlur?`dr01-blur`:`dr01`,`pointer-events-auto`))),t}}),s(m,{get when(){return d(()=>!i.mask)()&&i.closeOnOutsideClick},get children(){var e=x();return e.$$click=E,e}}),(()=>{var t=C(),n=t.firstChild;return t.$$click=e=>e.stopPropagation(),u(t,s(m,{get when(){return i.closable},get children(){var t=S();return a(t,`click`,i.onClose,!0),u(t,s(r,{size:16})),l(()=>o(t,e(`dr03`,i.class?.closeButton))),t}}),n),u(t,s(m,{get when(){return i.header},get children(){var t=b();return u(t,()=>i.header),l(()=>o(t,e(`dr04`,i.class?.header))),t}}),n),u(n,s(m,{get when(){return i.body},get children(){return i.body}})),u(t,s(m,{get when(){return i.footer},get children(){var t=b();return u(t,()=>i.footer),l(()=>o(t,e(`dr06`,i.class?.footer))),t}}),null),l(r=>{var a=e(`dr02`,A[i.placement],`pointer-events-auto`,i.class?.panel),s=g(),c=e(`dr05`,i.class?.body);return a!==r.e&&o(t,r.e=a),r.t=f(t,s,r.t),c!==r.a&&o(n,r.a=c),r},{e:void 0,t:void 0,a:void 0}),t})()]}})},M=i(j,{preRender:`preRender`,when:`open`});c([`click`]);export{j as ComponentDrawer,M as Drawer};
-//# sourceMappingURL=drawer.js.map

package/dist/src/components/drawer/drawer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer.js","names":["Component","createEffect","createSignal","mergeProps","on","onCleanup","Show","X","cn","ZIndex","ZIndexType","conditionalRender","DrawerType","drawerIds","setDrawerIds","drawerCloseCallbacks","Map","globalKeyDownHandler","e","KeyboardEvent","key","topId","at","get","registerDrawer","id","cb","size","document","addEventListener","set","unregisterDrawer","delete","removeEventListener","PANEL_PLACEMENT_CLASS","Record","left","right","top","bottom","ComponentDrawer","p","placement","closeOnOutsideClick","closable","mask","maskBlur","preRender","open","onClose","drawerId","Math","random","toString","slice","ids","filter","unregisterDrawerOnUnmount","isHorizontal","panelStyle","s","width","height","handleOverlayClick","_$createComponent","type","MODAL","blockScroll","position","inset","class","wrapper","children","when","_el$","_tmpl$","$$click","_$effect","_$className","_$memo","_el$2","_tmpl$2","_el$3","_tmpl$4","_el$6","firstChild","stopPropagation","_$insert","_el$4","_tmpl$3","_$addEventListener","closeButton","header","_el$5","Element","body","footer","_el$7","_p$","_v$","panel","_v$2","_v$3","t","_$style","a","undefined","Drawer","_$delegateEvents"],"sources":["../../../../src/components/drawer/drawer.tsx"],"sourcesContent":["import { Component, createEffect, createSignal, mergeProps, on, onCleanup, Show } from 'solid-js';\nimport X from 'lucide-solid/icons/x';\n\nimport { cn } from '@/utils/cn';\nimport { ZIndex, ZIndexType } from '../z-index';\nimport { conditionalRender } from '@/utils/hoc';\nimport { DrawerType } from './drawer.types';\n\n// Global ESC key handler — shared across all drawer instances (mirrors modal pattern)\nconst [drawerIds, setDrawerIds] = createSignal<string[]>([]);\nconst drawerCloseCallbacks = new Map<string, () => void>();\n\nfunction globalKeyDownHandler(e: KeyboardEvent) {\n  if (e.key !== 'Escape') return;\n  const topId = drawerIds().at(-1);\n  if (topId) drawerCloseCallbacks.get(topId)?.();\n}\n\nfunction registerDrawer(id: string, cb: () => void) {\n  if (drawerCloseCallbacks.size === 0) {\n    document.addEventListener('keydown', globalKeyDownHandler);\n  }\n  drawerCloseCallbacks.set(id, cb);\n}\n\nfunction unregisterDrawer(id: string) {\n  drawerCloseCallbacks.delete(id);\n  if (drawerCloseCallbacks.size === 0) {\n    document.removeEventListener('keydown', globalKeyDownHandler);\n  }\n}\n\nconst PANEL_PLACEMENT_CLASS: Record<string, string> = {\n  left: 'dr02-left',\n  right: 'dr02-right',\n  top: 'dr02-top',\n  bottom: 'dr02-bottom',\n};\n\nconst ComponentDrawer: Component<DrawerType> = p => {\n  p = mergeProps(\n    {\n      placement: 'left',\n      closeOnOutsideClick: true,\n      closable: true,\n      mask: true,\n      maskBlur: false,\n      preRender: false,\n      open: false,\n      onClose: () => {},\n    } as DrawerType,\n    p,\n  );\n\n  const drawerId = Math.random().toString(36).slice(2);\n\n  createEffect(\n    on(\n      () => p.open,\n      open => {\n        if (open) {\n          if (drawerId !== drawerIds().at(-1)) {\n            setDrawerIds(ids => [...ids, drawerId]);\n          }\n          registerDrawer(drawerId, () => p.onClose());\n        } else {\n          unregisterDrawer(drawerId);\n          setDrawerIds(ids => ids.filter(id => id !== drawerId));\n        }\n      },\n    ),\n  );\n\n  onCleanup(function unregisterDrawerOnUnmount() {\n    unregisterDrawer(drawerId);\n    setDrawerIds(ids => ids.filter(id => id !== drawerId));\n  });\n\n  const isHorizontal = () => p.placement === 'left' || p.placement === 'right';\n\n  const panelStyle = () => {\n    const s: Record<string, string> = {};\n    if (isHorizontal() && p.width) {\n      s['width'] = p.width;\n    } else if (!isHorizontal() && p.height) {\n      s['height'] = p.height;\n    }\n    return s;\n  };\n\n  const handleOverlayClick = () => {\n    if (p.closeOnOutsideClick) p.onClose();\n  };\n\n  return (\n    <ZIndex\n      type={ZIndexType.MODAL}\n      open={p.open ?? false}\n      blockScroll\n      preRender={p.preRender}\n      position={{ inset: '0' }}\n      class={cn('pointer-events-none', p.class?.wrapper)}\n    >\n      {/* Backdrop overlay */}\n      <Show when={p.mask}>\n        <div\n          class={cn(p.maskBlur ? 'dr01-blur' : 'dr01', 'pointer-events-auto')}\n          onClick={handleOverlayClick}\n        />\n      </Show>\n\n      {/* Invisible hit-area khi tắt mask nhưng vẫn closeOnOutsideClick */}\n      <Show when={!p.mask && p.closeOnOutsideClick}>\n        <div class=\"pointer-events-auto fixed inset-0\" onClick={handleOverlayClick} />\n      </Show>\n\n      {/* Panel */}\n      <div\n        class={cn(\n          'dr02',\n          PANEL_PLACEMENT_CLASS[p.placement!],\n          'pointer-events-auto',\n          p.class?.panel,\n        )}\n        style={panelStyle()}\n        onClick={e => e.stopPropagation()}\n      >\n        {/* Close button */}\n        <Show when={p.closable}>\n          <button class={cn('dr03', p.class?.closeButton)} onClick={p.onClose} aria-label=\"Close\">\n            <X size={16} />\n          </button>\n        </Show>\n\n        {/* Header */}\n        <Show when={p.header}>\n          <div class={cn('dr04', p.class?.header)}>{p.header as Element}</div>\n        </Show>\n\n        {/* Body */}\n        <div class={cn('dr05', p.class?.body)}>\n          <Show when={p.body}>{p.body as Element}</Show>\n        </div>\n\n        {/* Footer */}\n        <Show when={p.footer}>\n          <div class={cn('dr06', p.class?.footer)}>{p.footer as Element}</div>\n        </Show>\n      </div>\n    </ZIndex>\n  );\n};\n\nexport const Drawer = conditionalRender(ComponentDrawer, { preRender: 'preRender', when: 'open' });\nexport { ComponentDrawer };\n"],"mappings":"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"}

package/dist/src/components/dropdown/dropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown.js","names":["cn","trackElement","untrackElement","ZIndex","ZIndexType","cva","VariantProps","createContext","createEffect","createSignal","createUniqueId","mergeProps","onCleanup","ParentComponent","useContext","dropdownStore","DropdownProps","CloseAllContext","variants","position","top","bottom","left","right","align","start","center","end","DropdownVariantsProps","TriggerRect","width","height","Dropdown","props","p","const","blockScroll","closeAll","parentCloseAll","shouldCloseAll","id","isControlled","open","undefined","triggerRef","HTMLDivElement","rect","setRect","captureRect","r","getBoundingClientRect","isOpen","trackTrigger","untrackTrigger","handleControlledOpen","close","closeDropdownOnUnmount","toggle","anchorStyle","Record","_el$","_tmpl$","_$addEventListener","_$use","el","ref","_$insert","triggerElement","Element","_$effect","_$className","class","trigger","_$createComponent","type","DROPDOWN","customValue","zIndex","children","_$memo","_el$4","_tmpl$3","$$click","_el$2","_tmpl$2","_el$3","firstChild","Provider","value","_p$","_v$","anchor","_v$2","_v$3","_v$4","_v$5","content","e","t","_$setAttribute","a","o","_$style","i","_$delegateEvents"],"sources":["../../../../src/components/dropdown/dropdown.tsx"],"sourcesContent":["import { cn } from '@/utils/cn';\r\nimport { trackElement, untrackElement } from '@/utils/element-tracker';\r\nimport { ZIndex, ZIndexType } from '@components/z-index';\r\nimport { cva, VariantProps } from 'class-variance-authority';\r\nimport {\r\n  createContext,\r\n  createEffect,\r\n  createSignal,\r\n  createUniqueId,\r\n  mergeProps,\r\n  onCleanup,\r\n  ParentComponent,\r\n  useContext,\r\n} from 'solid-js';\r\nimport { dropdownStore } from './dropdown.store';\r\nimport { DropdownProps } from './dropdown.types';\r\n\r\n/** Context truyền `closeAll` từ dropdown root xuống tất cả dropdown con */\r\nconst CloseAllContext = createContext(false);\r\n\r\nconst variants = cva('', {\r\n  variants: {\r\n    position: {\r\n      top: 'dropdown-top',\r\n      bottom: 'dropdown-bottom',\r\n      left: 'dropdown-left',\r\n      right: 'dropdown-right',\r\n    },\r\n    align: {\r\n      start: 'dropdown-start',\r\n      center: 'dropdown-center',\r\n      end: 'dropdown-end',\r\n    },\r\n  },\r\n});\r\nexport type DropdownVariantsProps = VariantProps<typeof variants>;\r\n\r\ntype TriggerRect = {\r\n  top: number;\r\n  left: number;\r\n  width: number;\r\n  height: number;\r\n};\r\n\r\nexport const Dropdown: ParentComponent<DropdownProps> = props => {\r\n  const p = mergeProps(\r\n    {\r\n      position: 'bottom' as const,\r\n      align: 'start' as const,\r\n      blockScroll: true,\r\n      closeAll: false,\r\n    },\r\n    props,\r\n  );\r\n\r\n  // Kế thừa closeAll từ dropdown cha nếu có\r\n  const parentCloseAll = useContext(CloseAllContext);\r\n  const shouldCloseAll = () => p.closeAll || parentCloseAll;\r\n\r\n  const id = createUniqueId();\r\n  const isControlled = () => p.open !== undefined;\r\n\r\n  let triggerRef!: HTMLDivElement;\r\n  const [rect, setRect] = createSignal<TriggerRect | null>(null);\r\n\r\n  const captureRect = () => {\r\n    const r = triggerRef.getBoundingClientRect();\r\n    setRect({ top: r.top, left: r.left, width: r.width, height: r.height });\r\n  };\r\n\r\n  const isOpen = () => {\r\n    if (isControlled()) return !!p.open;\r\n    return dropdownStore.isOpen(id);\r\n  };\r\n\r\n  createEffect(function trackTrigger() {\r\n    if (!isOpen()) {\r\n      untrackElement(triggerRef);\r\n      return;\r\n    }\r\n    trackElement(triggerRef, r => setRect(r));\r\n    onCleanup(function untrackTrigger() {\r\n      untrackElement(triggerRef);\r\n    });\r\n  });\r\n\r\n  createEffect(function handleControlledOpen() {\r\n    if (!isControlled()) return;\r\n    if (p.open) {\r\n      captureRect();\r\n      dropdownStore.open(id);\r\n    } else {\r\n      dropdownStore.close(id);\r\n    }\r\n  });\r\n\r\n  onCleanup(function closeDropdownOnUnmount() {\r\n    dropdownStore.close(id);\r\n    untrackElement(triggerRef);\r\n  });\r\n\r\n  const toggle = () => {\r\n    if (dropdownStore.isOpen(id)) {\r\n      dropdownStore.close(id);\r\n    } else {\r\n      captureRect();\r\n      dropdownStore.open(id);\r\n    }\r\n  };\r\n\r\n  const close = () => (shouldCloseAll() ? dropdownStore.closeAll() : dropdownStore.close(id));\r\n\r\n  const anchorStyle = () => {\r\n    const r = rect();\r\n    if (!r) return {};\r\n    return {\r\n      '--nd-t': `${r.top}px`,\r\n      '--nd-l': `${r.left}px`,\r\n      '--nd-w': `${r.width}px`,\r\n      '--nd-h': `${r.height}px`,\r\n    } as Record<string, string>;\r\n  };\r\n  return (\r\n    <>\r\n      <div\r\n        ref={el => {\r\n          triggerRef = el;\r\n          const ref = p.ref;\r\n          if (typeof ref === 'function') ref(el);\r\n        }}\r\n        class={cn('dp01', p.class?.trigger)}\r\n        onClick={isControlled() ? undefined : toggle}\r\n      >\r\n        {p.triggerElement as Element}\r\n      </div>\r\n\r\n      <ZIndex\r\n        open={isOpen()}\r\n        type={ZIndexType.DROPDOWN}\r\n        blockScroll={p.blockScroll}\r\n        class={cn('inset-0', parentCloseAll && 'pointer-events-none')}\r\n        customValue={p.zIndex}\r\n      >\r\n        {!parentCloseAll && <div class=\"dp02\" onClick={close} />}\r\n\r\n        <div\r\n          class={cn('dp03', p.class?.anchor)}\r\n          data-pos={p.position}\r\n          data-align={p.align}\r\n          style={anchorStyle()}\r\n        >\r\n          <div class={cn('dp04', p.class?.content)}>\r\n            <CloseAllContext.Provider value={shouldCloseAll()}>\r\n              {p.children}\r\n            </CloseAllContext.Provider>\r\n          </div>\r\n        </div>\r\n      </ZIndex>\r\n    </>\r\n  );\r\n};\r\n"],"mappings":"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"}

package/dist/src/components/dropdown/dropdown.store.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown.store.js","names":[],"sources":["../../../../src/components/dropdown/dropdown.store.ts"],"sourcesContent":["import { createSignal } from 'solid-js';\r\n\r\nconst [openIds, setOpenIds] = createSignal<ReadonlySet<string>>(new Set(), { equals: false });\r\n\r\nexport const dropdownStore = {\r\n  openIds,\r\n  open: (id: string) =>\r\n    setOpenIds(prev => {\r\n      if (prev.has(id)) return prev;\r\n      const next = new Set(prev);\r\n      next.add(id);\r\n      return next;\r\n    }),\r\n  close: (id: string) =>\r\n    setOpenIds(prev => {\r\n      if (!prev.has(id)) return prev;\r\n      const next = new Set(prev);\r\n      next.delete(id);\r\n      return next;\r\n    }),\r\n  closeAll: () => setOpenIds(new Set<string>()),\r\n  isOpen: (id: string) => openIds().has(id),\r\n};"],"mappings":"wCAEA,GAAM,CAAC,EAAS,GAAc,EAAkC,IAAI,IAAO,CAAE,OAAQ,GAAO,CAAC,CAEhF,EAAgB,CAC3B,UACA,KAAO,GACL,EAAW,GAAQ,CACjB,GAAI,EAAK,IAAI,EAAG,CAAE,OAAO,EACzB,IAAM,EAAO,IAAI,IAAI,EAAK,CAE1B,OADA,EAAK,IAAI,EAAG,CACL,GACP,CACJ,MAAQ,GACN,EAAW,GAAQ,CACjB,GAAI,CAAC,EAAK,IAAI,EAAG,CAAE,OAAO,EAC1B,IAAM,EAAO,IAAI,IAAI,EAAK,CAE1B,OADA,EAAK,OAAO,EAAG,CACR,GACP,CACJ,aAAgB,EAAW,IAAI,IAAc,CAC7C,OAAS,GAAe,GAAS,CAAC,IAAI,EAAG,CAC1C"}