solid-tom-ui 0.1.0 → 0.2.0

package/dist/utils/cn.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"element-tracker.js","names":[],"sources":["../../src/utils/element-tracker.ts"],"sourcesContent":["/**\r\n * element-tracker.ts\r\n *\r\n * Singleton global tracker để theo dõi vị trí và kích thước của một element.\r\n * Dùng chung cho các component như NewDropdown (blockScroll=false), Tooltip, Popover...\r\n *\r\n * Cơ chế:\r\n * - ResizeObserver: phát hiện element thay đổi kích thước.\r\n * - scroll event (capture, passive): phát hiện scroll ở bất kỳ container nào.\r\n *   Chỉ đăng ký 1 listener duy nhất trên window; tự tháo khi không còn element nào.\r\n * - IntersectionObserver: phát hiện trigger đi vào/ra viewport để cập nhật rect.\r\n *\r\n * Mỗi element chỉ được track bởi 1 callback tại một thời điểm.\r\n * Gọi `untrackElement(el)` để dừng theo dõi và giải phóng bộ nhớ.\r\n */\r\n\r\nexport type TrackedRect = {\r\n  top: number;\r\n  left: number;\r\n  width: number;\r\n  height: number;\r\n};\r\n\r\ntype TrackCallback = (rect: TrackedRect) => void;\r\n\r\n// ── Singleton state ──────────────────────────────────────────────────────────\r\n\r\nconst callbacks = new Map<Element, TrackCallback>();\r\n\r\n// ResizeObserver: fires khi target thay đổi kích thước\r\nconst resizeObserver = new ResizeObserver(entries => {\r\n  for (const entry of entries) {\r\n    const cb = callbacks.get(entry.target);\r\n    if (cb) cb(getRect(entry.target));\r\n  }\r\n});\r\n\r\n// IntersectionObserver: bắt khi trigger đi vào/ra viewport (bị scroll ra khỏi tầm nhìn)\r\nconst intersectionObserver = new IntersectionObserver(\r\n  entries => {\r\n    for (const entry of entries) {\r\n      const cb = callbacks.get(entry.target);\r\n      if (cb) cb(getRect(entry.target));\r\n    }\r\n  },\r\n  { threshold: [0, 1] },\r\n);\r\n\r\n// scroll listener dùng chung — capture phase để bắt scroll ở mọi container\r\n// rAF dedup: gộp tất cả scroll events trong cùng 1 frame thành 1 lần getBoundingClientRect\r\nlet rafId = 0;\r\n\r\nconst onScroll = () => {\r\n  if (rafId) return; // frame đã pending → bỏ qua, tránh gọi getBoundingClientRect nhiều lần/frame\r\n  rafId = requestAnimationFrame(() => {\r\n    rafId = 0;\r\n    callbacks.forEach((cb, el) => cb(getRect(el)));\r\n  });\r\n};\r\nlet scrollListenerAttached = false;\r\n\r\nfunction attachScrollListener() {\r\n  if (!scrollListenerAttached) {\r\n    window.addEventListener('scroll', onScroll, { passive: true, capture: true });\r\n    scrollListenerAttached = true;\r\n  }\r\n}\r\n\r\nfunction detachScrollListener() {\r\n  if (scrollListenerAttached && callbacks.size === 0) {\r\n    window.removeEventListener('scroll', onScroll, { capture: true });\r\n    scrollListenerAttached = false;\r\n    if (rafId) {\r\n      cancelAnimationFrame(rafId);\r\n      rafId = 0;\r\n    }\r\n  }\r\n}\r\n\r\nfunction getRect(el: Element): TrackedRect {\r\n  const r = el.getBoundingClientRect();\r\n  return { top: r.top, left: r.left, width: r.width, height: r.height };\r\n}\r\n\r\n// ── Public API ───────────────────────────────────────────────────────────────\r\n\r\n/**\r\n * Bắt đầu theo dõi vị trí của `el`.\r\n * `callback` sẽ được gọi ngay lập tức với rect hiện tại,\r\n * và mỗi khi el thay đổi kích thước hoặc scroll.\r\n */\r\nexport function trackElement(el: Element, callback: TrackCallback): void {\r\n  callbacks.set(el, callback);\r\n  resizeObserver.observe(el);\r\n  intersectionObserver.observe(el);\r\n  attachScrollListener();\r\n  // Gọi ngay để caller có rect ban đầu\r\n  callback(getRect(el));\r\n}\r\n\r\n/**\r\n * Dừng theo dõi `el` và giải phóng bộ nhớ.\r\n */\r\nexport function untrackElement(el: Element): void {\r\n  callbacks.delete(el);\r\n  resizeObserver.unobserve(el);\r\n  intersectionObserver.unobserve(el);\r\n  detachScrollListener();\r\n}\r\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"}
+{"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/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

@@ -1 +1 @@
-{"version":3,"file":"helper.js","names":[],"sources":["../../src/utils/helper.ts"],"sourcesContent":["import { BaseColorProps } from '@/type';\r\nimport { JSX } from 'solid-js';\r\n\r\ntype TimingFunction =\r\n  | 'ease'\r\n  | 'ease-in'\r\n  | 'ease-out'\r\n  | 'ease-in-out'\r\n  | 'linear'\r\n  | 'step-start'\r\n  | 'step-end'\r\n  | `steps(${number}, ${'start' | 'end'})`\r\n  | `cubic-bezier(${number}, ${number}, ${number}, ${number})`;\r\n\r\ntype AnimationDirection = 'normal' | 'reverse' | 'alternate' | 'alternate-reverse';\r\ntype FillMode = 'none' | 'forwards' | 'backwards' | 'both';\r\ntype PlayState = 'running' | 'paused';\r\ntype TimeUnit = `${number}s` | `${number}ms`;\r\ntype IterationCount = number | 'infinite';\r\n\r\nexport interface AnimationConfig {\r\n  name: string;\r\n  duration?: TimeUnit;\r\n  timingFunction?: TimingFunction;\r\n  delay?: TimeUnit;\r\n  iterationCount?: IterationCount;\r\n  direction?: AnimationDirection;\r\n  fillMode?: FillMode;\r\n  playState?: PlayState;\r\n}\r\nconst DEFAULT_VALUES = {\r\n  duration: '1s',\r\n  timingFunction: 'ease',\r\n  delay: '0s',\r\n  iterationCount: 1,\r\n  direction: 'normal',\r\n  fillMode: 'none',\r\n  playState: 'running',\r\n} as const;\r\nexport function renderCSSAnimation(config: AnimationConfig): string {\r\n  const {\r\n    name,\r\n    duration = DEFAULT_VALUES.duration,\r\n    timingFunction = DEFAULT_VALUES.timingFunction,\r\n    delay = DEFAULT_VALUES.delay,\r\n    iterationCount = DEFAULT_VALUES.iterationCount,\r\n    direction = DEFAULT_VALUES.direction,\r\n    fillMode = DEFAULT_VALUES.fillMode,\r\n    playState = DEFAULT_VALUES.playState,\r\n  } = config;\r\n\r\n  return `${name} ${duration} ${timingFunction} ${delay} ${iterationCount} ${direction} ${fillMode} ${playState}`;\r\n}\r\nexport function createThrottle<T extends (...args: any[]) => void>(\r\n  fn: T,\r\n  delay: number,\r\n): T & { cancel: () => void } {\r\n  let lastCall = 0;\r\n  let timer: ReturnType<typeof setTimeout> | null = null;\r\n  const throttled = (...args: Parameters<T>) => {\r\n    const now = Date.now();\r\n    const remaining = delay - (now - lastCall);\r\n    if (timer) {\r\n      clearTimeout(timer);\r\n      timer = null;\r\n    }\r\n    if (remaining <= 0) {\r\n      lastCall = now;\r\n      fn(...args);\r\n    } else {\r\n      timer = setTimeout(() => {\r\n        lastCall = Date.now();\r\n        timer = null;\r\n        fn(...args);\r\n      }, remaining);\r\n    }\r\n  };\r\n  throttled.cancel = () => {\r\n    if (timer) {\r\n      clearTimeout(timer);\r\n      timer = null;\r\n    }\r\n  };\r\n  return throttled as T & { cancel: () => void };\r\n}\r\nconst generateRandomHexColor = (): string => {\r\n  const randomColor = Math.floor(Math.random() * 16777215).toString(16);\r\n  return `#${randomColor.padStart(6, '0')}`;\r\n};\r\n\r\nexport function normalizeHexColor(value: string | undefined): string {\r\n  if (!value) return generateRandomHexColor();\r\n  let hex = value.trim().replace(/^#/, '');\r\n  if (hex.length === 3) {\r\n    hex = hex\r\n      .split('')\r\n      .map(char => char + char)\r\n      .join('');\r\n  }\r\n\r\n  return `#${hex.toLowerCase()}`;\r\n}\r\nexport function getColor(color?: BaseColorProps | string, defaultColor?: string) {\r\n  switch (color) {\r\n    case 'primary':\r\n      return 'color-primary';\r\n    case 'neutral':\r\n      return 'color-neutral';\r\n    case 'secondary':\r\n      return 'color-secondary';\r\n    case 'accent':\r\n      return 'color-accent';\r\n    case 'info':\r\n      return 'color-info';\r\n    case 'success':\r\n      return 'color-success';\r\n    case 'warning':\r\n      return 'color-warning';\r\n    case 'error':\r\n      return 'color-error';\r\n    default:\r\n      return defaultColor ?? '';\r\n  }\r\n}\r\n\r\nconst lastValuesByKey = new Map<string, any>();\r\n\r\nexport function getRandomElement<T>(arr: T[], uniqueId: string): T {\r\n  if (arr.length === 1) return arr[0];\r\n  const lastValue = lastValuesByKey.get(uniqueId);\r\n  let newValue: T;\r\n  do {\r\n    newValue = arr[Math.floor(Math.random() * arr.length)];\r\n  } while (newValue === lastValue && arr.length > 1);\r\n\r\n  lastValuesByKey.set(uniqueId, newValue);\r\n  return newValue;\r\n}\r\nexport const genSVGCubicBezier: (\r\n  keySplines: string,\r\n) => Pick<\r\n  JSX.AnimateSVGAttributes<SVGAnimateElement>,\r\n  'calcMode' | 'keyTimes' | 'keySplines'\r\n> = keySplines => ({\r\n  calcMode: 'spline',\r\n  keyTimes: '0; 1',\r\n  keySplines: keySplines,\r\n});\r\n\r\nexport type Image = Omit<JSX.ImgHTMLAttributes<HTMLImageElement>, 'src'> & { src: string };\r\n\r\nexport function toMarkdownCode(code: string, lang = 'tsx'): string {\r\n  return `\\`\\`\\`${lang}\\n${code}\\n\\`\\`\\``;\r\n}\r\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,IAI7B,IAAM,EAAkB,IAAI,IAE5B,SAAgB,EAAoB,EAAU,EAAqB,CACjE,GAAI,EAAI,SAAW,EAAG,OAAO,EAAI,GACjC,IAAM,EAAY,EAAgB,IAAI,EAAS,CAC3C,EACJ,EACE,GAAW,EAAI,KAAK,MAAM,KAAK,QAAQ,CAAG,EAAI,OAAO,QAC9C,IAAa,GAAa,EAAI,OAAS,GAGhD,OADA,EAAgB,IAAI,EAAU,EAAS,CAChC,EAET,IAAa,EAKT,IAAe,CACjB,SAAU,SACV,SAAU,OACE,aACb"}
+{"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

@@ -1 +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';\r\n\r\ntype ConditionalRenderConfig<P> = {\r\n  preRender: keyof P;\r\n  when?: keyof P;\r\n};\r\n/*\r\npreRender sẽ tạo ra DOM ngay lập tức bất kể when có true hay false\r\n Mặc định false\r\n*/\r\nexport function conditionalRender<P extends Record<string, any>>(\r\n  Comp: Component<P>,\r\n  configKey: ConditionalRenderConfig<P>,\r\n) {\r\n  return (p: P) => {\r\n    const preRender = () => p[configKey.preRender] ?? false;\r\n    const whenValue = () => (configKey?.when ? (p[configKey.when] ?? true) : true);\r\n\r\n    return preRender() ? (\r\n      <Comp {...p} />\r\n    ) : (\r\n      <Show when={whenValue()} keyed>\r\n        <Comp {...p} />\r\n      </Show>\r\n    );\r\n  };\r\n}\r\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"}
+{"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.0",
+  "version": "0.2.0",
   "description": "SolidJS UI component library (Ant Design–inspired, Tailwind CSS + DaisyUI)",
   "type": "module",
   "license": "MIT",
@@ -33,8 +33,11 @@
     "start": "vite",
     "dev": "vite",
     "build": "vite build",
-    "build:lib": "vite build --config vite.config.lib.ts && 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",
+    "link:npm": "cd ../solid_test_02 && pnpm add solid-tom-ui@latest --save",
     "prepublishOnly": "npm run build:lib",
     "serve": "vite preview",
     "server": "bun src/server/index.ts",
@@ -49,30 +52,16 @@
     "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",
-    "class-variance-authority": ">=0.7.0",
-    "clsx": ">=2.0.0",
-    "daisyui": ">=5.0.0",
     "imask": ">=7.0.0",
-    "lucide-solid": ">=0.400.0",
     "qrcode": ">=1.5.0",
-    "solid-js": ">=1.8.0",
-    "tailwind-merge": ">=3.0.0",
-    "tailwindcss": ">=4.0.0"
-  },
-  "peerDependenciesMeta": {
-    "imask": {
-      "optional": true
-    },
-    "qrcode": {
-      "optional": true
-    },
-    "@tanstack/solid-table": {
-      "optional": true
-    }
+    "solid-js": ">=1.8.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^5.1.0",
@@ -85,7 +74,6 @@
     "@vitest/browser-playwright": "^4.1.1",
     "@vitest/coverage-v8": "^4.1.1",
     "baseline-browser-mapping": "^2.10.19",
-    "daisyui": "^5.5.19",
     "jsdom": "^27.4.0",
     "playwright": "^1.58.2",
     "prettier": "^3.8.1",
@@ -93,9 +81,8 @@
     "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",
-    "tailwindcss": "^4.2.1",
     "typescript": "^5.9.3",
     "vite": "^8.0.8",
     "vite-plugin-dts": "^4.5.4",
@@ -114,9 +101,10 @@
     "@types/qrcode": "^1.5.6",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "daisyui": "^5.5.19",
     "highlight.js": "^11.11.1",
     "imask": "^7.6.1",
-    "lucide-solid": "^0.554.0",
+    "lucide-solid": "^1.8.0",
     "marked": "^17.0.4",
     "qrcode": "^1.5.4",
     "shiki": "^4.0.2",
@@ -126,6 +114,7 @@
     "solid-marked": "^0.6.3",
     "solid-transition-group": "^0.3.0",
     "sucrase": "^3.35.1",
-    "tailwind-merge": "^3.5.0"
+    "tailwind-merge": "^3.5.0",
+    "tailwindcss": "^4.2.2"
   }
 }

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"}