solid-tom-ui 0.1.0

package/dist/solid-ui.css

@@ -0,0 +1,94 @@
+/*
+ * 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';
+
+@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/type.d.ts

@@ -0,0 +1,4 @@
+import { JSX } from 'solid-js';
+export type SolidComponent = JSX.Element | (() => JSX.Element);
+export type BaseColorProps = 'primary' | 'neutral' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+//# sourceMappingURL=type.d.ts.map

package/dist/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../src/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE/B,MAAM,MAAM,cAAc,GAAG,GAAG,CAAC,OAAO,GAAG,CAAC,MAAM,GAAG,CAAC,OAAO,CAAC,CAAC;AAE/D,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,SAAS,GACT,WAAW,GACX,QAAQ,GACR,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,CAAC"}

package/dist/utils/cn.d.ts

@@ -0,0 +1,3 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/utils/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,MAAM,CAAC;AAGxC,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/utils/cn.js

@@ -0,0 +1,2 @@
+import{clsx as e}from"clsx";import{twMerge as t}from"tailwind-merge";function n(...n){return t(e(n))}export{n as cn};
+//# sourceMappingURL=cn.js.map

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';\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"}

package/dist/utils/element-tracker.js

@@ -0,0 +1,2 @@
+var e=new Map,t=new ResizeObserver(t=>{for(let n of t){let t=e.get(n.target);t&&t(c(n.target))}}),n=new IntersectionObserver(t=>{for(let n of t){let t=e.get(n.target);t&&t(c(n.target))}},{threshold:[0,1]}),r=0,i=()=>{r||=requestAnimationFrame(()=>{r=0,e.forEach((e,t)=>e(c(t)))})},a=!1;function o(){a||=(window.addEventListener(`scroll`,i,{passive:!0,capture:!0}),!0)}function s(){a&&e.size===0&&(window.removeEventListener(`scroll`,i,{capture:!0}),a=!1,r&&=(cancelAnimationFrame(r),0))}function c(e){let t=e.getBoundingClientRect();return{top:t.top,left:t.left,width:t.width,height:t.height}}function l(r,i){e.set(r,i),t.observe(r),n.observe(r),o(),i(c(r))}function u(r){e.delete(r),t.unobserve(r),n.unobserve(r),s()}export{l as trackElement,u as untrackElement};
+//# sourceMappingURL=element-tracker.js.map

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

@@ -0,0 +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"}

package/dist/utils/helper.d.ts

@@ -0,0 +1,32 @@
+import { BaseColorProps } from '../type';
+import { JSX } from 'solid-js';
+type TimingFunction = 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'linear' | 'step-start' | 'step-end' | `steps(${number}, ${'start' | 'end'})` | `cubic-bezier(${number}, ${number}, ${number}, ${number})`;
+type AnimationDirection = 'normal' | 'reverse' | 'alternate' | 'alternate-reverse';
+type FillMode = 'none' | 'forwards' | 'backwards' | 'both';
+type PlayState = 'running' | 'paused';
+type TimeUnit = `${number}s` | `${number}ms`;
+type IterationCount = number | 'infinite';
+export interface AnimationConfig {
+    name: string;
+    duration?: TimeUnit;
+    timingFunction?: TimingFunction;
+    delay?: TimeUnit;
+    iterationCount?: IterationCount;
+    direction?: AnimationDirection;
+    fillMode?: FillMode;
+    playState?: PlayState;
+}
+export declare function renderCSSAnimation(config: AnimationConfig): string;
+export declare function createThrottle<T extends (...args: any[]) => void>(fn: T, delay: number): T & {
+    cancel: () => void;
+};
+export declare function normalizeHexColor(value: string | undefined): string;
+export declare function getColor(color?: BaseColorProps | string, defaultColor?: string): string;
+export declare function getRandomElement<T>(arr: T[], uniqueId: string): T;
+export declare const genSVGCubicBezier: (keySplines: string) => Pick<JSX.AnimateSVGAttributes<SVGAnimateElement>, 'calcMode' | 'keyTimes' | 'keySplines'>;
+export type Image = Omit<JSX.ImgHTMLAttributes<HTMLImageElement>, 'src'> & {
+    src: string;
+};
+export declare function toMarkdownCode(code: string, lang?: string): string;
+export {};
+//# sourceMappingURL=helper.d.ts.map

package/dist/utils/helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../src/utils/helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE/B,KAAK,cAAc,GACf,MAAM,GACN,SAAS,GACT,UAAU,GACV,aAAa,GACb,QAAQ,GACR,YAAY,GACZ,UAAU,GACV,SAAS,MAAM,KAAK,OAAO,GAAG,KAAK,GAAG,GACtC,gBAAgB,MAAM,KAAK,MAAM,KAAK,MAAM,KAAK,MAAM,GAAG,CAAC;AAE/D,KAAK,kBAAkB,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,mBAAmB,CAAC;AACnF,KAAK,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,CAAC;AAC3D,KAAK,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AACtC,KAAK,QAAQ,GAAG,GAAG,MAAM,GAAG,GAAG,GAAG,MAAM,IAAI,CAAC;AAC7C,KAAK,cAAc,GAAG,MAAM,GAAG,UAAU,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAUD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,eAAe,GAAG,MAAM,CAalE;AACD,wBAAgB,cAAc,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,EAC/D,EAAE,EAAE,CAAC,EACL,KAAK,EAAE,MAAM,GACZ,CAAC,GAAG;IAAE,MAAM,EAAE,MAAM,IAAI,CAAA;CAAE,CA4B5B;AAMD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAWnE;AACD,wBAAgB,QAAQ,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,UAqB9E;AAID,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC,CAUjE;AACD,eAAO,MAAM,iBAAiB,EAAE,CAC9B,UAAU,EAAE,MAAM,KACf,IAAI,CACP,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC3C,UAAU,GAAG,UAAU,GAAG,YAAY,CAKtC,CAAC;AAEH,MAAM,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC,GAAG;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3F,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,SAAQ,GAAG,MAAM,CAEjE"}

package/dist/utils/helper.js

@@ -0,0 +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};
+//# 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';\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"}

package/dist/utils/hoc.js

@@ -0,0 +1,2 @@
+import{createComponent as e}from"solid-js/web";import{Show as t}from"solid-js";function n(n,r){return i=>{let a=()=>i[r.preRender]??!1,o=()=>r?.when?i[r.when]??!0:!0;return a()?e(n,i):e(t,{get when(){return o()},keyed:!0,get children(){return e(n,i)}})}}export{n as conditionalRender};
+//# sourceMappingURL=hoc.js.map

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';\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"}

package/package.json

@@ -0,0 +1,131 @@
+{
+  "name": "solid-tom-ui",
+  "version": "0.1.0",
+  "description": "SolidJS UI component library (Ant Design–inspired, Tailwind CSS + DaisyUI)",
+  "type": "module",
+  "license": "MIT",
+  "keywords": [
+    "solidjs",
+    "ui",
+    "components",
+    "tailwindcss",
+    "daisyui",
+    "ant-design"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/src/lib.js",
+      "types": "./dist/lib.d.ts"
+    },
+    "./styles": "./dist/solid-ui.css"
+  },
+  "main": "./dist/src/lib.js",
+  "module": "./dist/src/lib.js",
+  "types": "./dist/lib.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "start": "vite",
+    "dev": "vite",
+    "build": "vite build",
+    "build:lib": "vite build --config vite.config.lib.ts && node scripts/copy-css.js",
+    "build:lib:watch": "vite build --config vite.config.lib.ts --watch",
+    "prepublishOnly": "npm run build:lib",
+    "serve": "vite preview",
+    "server": "bun src/server/index.ts",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:run": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "tsc": "tsc --noEmit",
+    "tsc:lib": "tsc --project tsconfig.lib.json --noEmit",
+    "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx,json,css,scss,md,astro,html,mdx}\"",
+    "format:check": "prettier --check \"src/**/*.{js,jsx,ts,tsx,json,css,scss,md,astro,html,mdx}\"",
+    "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"
+  },
+  "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
+    }
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^5.1.0",
+    "@mdx-js/rollup": "^3.1.1",
+    "@storybook/addon-a11y": "^10.3.3",
+    "@storybook/addon-actions": "^9.0.8",
+    "@storybook/addon-docs": "^10.3.3",
+    "@storybook/addon-vitest": "^10.3.3",
+    "@types/react": "^19.2.14",
+    "@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",
+    "prettier-plugin-tailwindcss": "^0.7.2",
+    "puppeteer": "^24.39.1",
+    "remark-gfm": "^4.0.1",
+    "solid-jsx": "^1.1.4",
+    "storybook": "^10.3.3",
+    "storybook-solidjs-vite": "^10.0.11",
+    "tailwindcss": "^4.2.1",
+    "typescript": "^5.9.3",
+    "vite": "^8.0.8",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-solid": "^2.11.11",
+    "vitest": "^4.1.1"
+  },
+  "dependencies": {
+    "@faker-js/faker": "^10.3.0",
+    "@solid-devtools/overlay": "^0.33.5",
+    "@tailwindcss/vite": "^4.2.1",
+    "@tanstack/solid-form": "^1.28.5",
+    "@tanstack/solid-router": "^1.168.3",
+    "@tanstack/solid-table": "^8.21.3",
+    "@tanstack/solid-virtual": "^3.13.22",
+    "@types/node": "^24.12.0",
+    "@types/qrcode": "^1.5.6",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "highlight.js": "^11.11.1",
+    "imask": "^7.6.1",
+    "lucide-solid": "^0.554.0",
+    "marked": "^17.0.4",
+    "qrcode": "^1.5.4",
+    "shiki": "^4.0.2",
+    "solid-devtools": "^0.34.5",
+    "solid-imask": "^7.6.1",
+    "solid-js": "^1.9.11",
+    "solid-marked": "^0.6.3",
+    "solid-transition-group": "^0.3.0",
+    "sucrase": "^3.35.1",
+    "tailwind-merge": "^3.5.0"
+  }
+}