solid-tom-ui 0.1.0

package/dist/components/table/table.types.d.ts

@@ -0,0 +1,155 @@
+import { Cell, Column, ColumnDef, ColumnFiltersState, Header, OnChangeFn, PaginationState, Row, RowSelectionState, SortingState, TableOptions, Table as TanstackTable, VisibilityState } from '@tanstack/solid-table';
+import { JSX, JSXElement } from 'solid-js';
+import { BaseColorProps } from '../../type';
+import { PaginationProps } from '../pagination/pagination.types';
+import { TooltipProps } from '../tooltip/tooltip.types';
+type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
+export type TableCellTooltipOptions = Omit<TooltipProps, 'children' | 'usePortal' | 'containerId' | 'content'> & {
+    content?: string | ((value: unknown) => string);
+};
+declare module '@tanstack/solid-table' {
+    interface ColumnMeta<TData, TValue> {
+        fixed?: TableColumnFixed;
+        align?: 'start' | 'center' | 'end';
+        tooltip?: TableCellTooltipOptions;
+        onCell?: (cell: Cell<TData, unknown>, rowIndex: number) => TableCellSpanResult;
+        onHeaderCell?: (header: Header<TData, unknown>) => TableCellSpanResult;
+        _selection?: TableSelectionOptions<TData>;
+        _expanded?: TableExpandedOptions<TData>;
+        /** Chiều rộng tối thiểu khi resize (px). Mặc định: 100 */
+        minWidth?: number;
+    }
+    interface TableMeta<TData> {
+        _expandApi?: {
+            isRowExpanded: (rowId: string) => boolean;
+            toggleRowExpanded: (rowId: string, record: TData) => void;
+        };
+    }
+}
+export interface TableSelectionOptions<TData = any> {
+    type?: 'checkbox' | 'radio';
+    title?: JSXElement;
+    width?: string | number;
+    hideSelectAll?: boolean;
+    renderCell?: (checked: boolean, record: TData, index: number) => JSXElement;
+}
+export type TableSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface TableBorder {
+    outer?: boolean;
+    horizontal?: boolean;
+    vertical?: boolean;
+}
+export interface TableZebra {
+    cols?: boolean;
+    rows?: boolean;
+}
+export type TableColumnFixed = boolean | 'start' | 'end';
+export interface TableScroll {
+    x?: string | number | true;
+    y?: string | number;
+}
+export interface TableVirtualOptions {
+    itemSize?: number;
+    overscan?: number;
+}
+interface TableBaseStyleProps {
+    zebra?: TableZebra | boolean;
+    size?: TableSize;
+    border?: TableBorder | boolean;
+    rounded?: string;
+    showHeader?: boolean;
+    virtual?: boolean | TableVirtualOptions;
+    color?: BaseColorProps;
+}
+/**
+ * When `resizable` is true (or omitted, default true), horizontal scroll (`scroll.x`) is
+ * disabled — only `scroll.y` is allowed.
+ * When `resizable` is explicitly false, full scroll including `scroll.x` is available.
+ */
+export type TableStyleProps = (TableBaseStyleProps & {
+    resizable?: true;
+    scroll?: Omit<TableScroll, 'x'>;
+}) | (TableBaseStyleProps & {
+    resizable?: false;
+    scroll?: TableScroll;
+});
+export interface TableHeaderCellRenderProps<TData> {
+    header: Header<TData, unknown>;
+    column: Column<TData, unknown>;
+    table: TanstackTable<TData>;
+}
+export interface TableCellRenderProps<TData> {
+    cell: Cell<TData, unknown>;
+    row: Row<TData>;
+    column: Column<TData, unknown>;
+    table: TanstackTable<TData>;
+}
+export interface TableRowRenderProps<TData> {
+    row: Row<TData>;
+    table: TanstackTable<TData>;
+}
+export interface TableClassNames {
+    root?: string;
+    headerPanel?: string;
+    table?: string;
+    thead?: string;
+    tbody?: string;
+    tfoot?: string;
+    tr?: string;
+    th?: string;
+    td?: string;
+    headerRow?: string;
+    bodyRow?: string;
+    footerRow?: string;
+    empty?: string;
+}
+export interface TableExpandedOptions<TData = any> {
+    expandedRowRender: (record: TData, index: number, indent: number, expanded: boolean) => JSX.Element | null | undefined;
+    rowExpandable?: (record: TData, index: number) => boolean;
+    expandIcon?: (expanded: boolean) => JSX.Element;
+    width?: number;
+}
+export interface TableCellSpanResult {
+    colSpan?: number;
+    rowSpan?: number;
+}
+export type TableProps<TData> = TableStyleProps & {
+    columns: ColumnDef<TData, any>[];
+    data: TData[];
+    options?: Partial<Omit<TableOptions<TData>, 'data' | 'columns' | 'getCoreRowModel'>>;
+    onTableReady?: (table: TanstackTable<TData>) => void;
+    enableRowSelection?: boolean | ((row: Row<TData>) => boolean);
+    rowSelection?: RowSelectionState;
+    onRowSelectionChange?: OnChangeFn<RowSelectionState>;
+    enableSorting?: boolean;
+    sorting?: SortingState;
+    onSortingChange?: OnChangeFn<SortingState>;
+    enableColumnFilters?: boolean;
+    columnFilters?: ColumnFiltersState;
+    onColumnFiltersChange?: OnChangeFn<ColumnFiltersState>;
+    globalFilter?: string;
+    onGlobalFilterChange?: OnChangeFn<string>;
+    columnVisibility?: VisibilityState;
+    onColumnVisibilityChange?: OnChangeFn<VisibilityState>;
+    pagination?: PaginationState;
+    paginationProps?: DistributiveOmit<PaginationProps, 'current' | 'pageSize' | 'defaultCurrent' | 'defaultPageSize'> & {
+        total: number;
+        position?: 'start' | 'end';
+    };
+    defaultExpandAllRows?: boolean;
+    defaultExpandedRowKeys?: string[];
+    expandedRowKeys?: string[];
+    onExpandedRowsChange?: (expandedKeys: string[]) => void;
+    onExpand?: (expanded: boolean, record: TData) => void;
+    onRowClick?: (row: Row<TData>, e: MouseEvent) => void;
+    onCell?: (cell: Cell<TData, unknown>, rowIndex: number) => TableCellSpanResult;
+    emptyContent?: JSXElement;
+    class?: TableClassNames;
+    footerPanel?: () => JSXElement;
+    getRowId?: (originalRow: TData, index: number, parent?: Row<TData>) => string;
+    headerPanel?: () => JSXElement;
+    getVirtualData?: () => Promise<TData[]>;
+    loadingMore?: 'none' | 'auto' | 'manual';
+};
+export {};
+//# sourceMappingURL=table.types.d.ts.map

package/dist/components/table/table.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.types.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.types.ts"],"names":[],"mappings":"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"}

package/dist/components/text-rotate/index.d.ts

@@ -0,0 +1,3 @@
+export { TextRotate } from './text-rotate';
+export type { TextRotateProps } from './text-rotate';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/text-rotate/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/text-rotate/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/text-rotate/text-rotate.d.ts

@@ -0,0 +1,12 @@
+import { Component, JSX } from 'solid-js';
+export interface TextRotateProps {
+    class?: {
+        root?: string;
+        item?: string;
+    };
+    items?: TextRotateItem[];
+}
+type TextRotateItem = string | (() => JSX.Element);
+export declare const TextRotate: Component<TextRotateProps>;
+export {};
+//# sourceMappingURL=text-rotate.d.ts.map

package/dist/components/text-rotate/text-rotate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-rotate.d.ts","sourceRoot":"","sources":["../../../src/components/text-rotate/text-rotate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAO,GAAG,EAAE,MAAM,UAAU,CAAC;AAE/C,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACzC,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;CAC1B;AACD,KAAK,cAAc,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,CAAC,OAAO,CAAC,CAAC;AAEnD,eAAO,MAAM,UAAU,EAAE,SAAS,CAAC,eAAe,CAmBjD,CAAC"}

package/dist/components/text-rotate/text-rotate.js

@@ -0,0 +1,2 @@
+import{className as e,createComponent as t,effect as n,insert as r,template as i}from"solid-js/web";import{For as a}from"solid-js";var o=i(`<span><span>`),s=i(`<span>`),c=i=>i.items?.length===0||i.items===void 0?(console.warn(`TextRotate: No items provided`),[]):i.items?.length>6?(console.warn(`TextRotate: More than 6 items may cause performance issues`),[]):(()=>{var c=o(),l=c.firstChild;return r(l,t(a,{get each(){return i.items},children:t=>typeof t==`function`?t():(()=>{var a=s();return r(a,t),n(()=>e(a,i.class?.item)),a})()})),n(()=>e(c,i.class?.root??`text-rotate`)),c})();export{c as TextRotate};
+//# sourceMappingURL=text-rotate.js.map

package/dist/components/text-rotate/text-rotate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-rotate.js","names":["Component","For","JSX","TextRotateProps","class","root","item","items","TextRotateItem","Element","TextRotate","p","length","undefined","console","warn","_el$","_tmpl$","_el$2","firstChild","_$insert","_$createComponent","each","children","_el$3","_tmpl$2","_$effect","_$className"],"sources":["../../../src/components/text-rotate/text-rotate.tsx"],"sourcesContent":["import { Component, For, JSX } from 'solid-js';\n\nexport interface TextRotateProps {\n  class?: { root?: string; item?: string };\n  items?: TextRotateItem[];\n}\ntype TextRotateItem = string | (() => JSX.Element);\n\nexport const TextRotate: Component<TextRotateProps> = p => {\n  if (p.items?.length === 0 || p.items === undefined) {\n    console.warn('TextRotate: No items provided');\n    return <></>;\n  } else if (p.items?.length > 6) {\n    console.warn('TextRotate: More than 6 items may cause performance issues');\n    return <></>;\n  }\n  return (\n    <span class={p.class?.root ?? 'text-rotate'}>\n      <span>\n        <For each={p.items}>\n          {item =>\n            typeof item === 'function' ? item() : <span class={p.class?.item}>{item}</span>\n          }\n        </For>\n      </span>\n    </span>\n  );\n};\n"],"mappings":"yKAQaU,EAAyCC,GAChDA,EAAEJ,OAAOK,SAAW,GAAKD,EAAEJ,QAAUM,IAAAA,IACvCC,QAAQC,KAAK,gCAAgC,CAC7C,EAAA,EACSJ,EAAEJ,OAAOK,OAAS,GAC3BE,QAAQC,KAAK,6DAA6D,CAC1E,EAAA,OAEF,CAAA,IAAAC,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WAC6C,OAD7CC,EAAAF,EAAAG,EAGOpB,EAAG,CAAA,IAACqB,MAAI,CAAA,OAAEX,EAAEJ,OAAKgB,SACfjB,GACC,OAAOA,GAAS,WAAaA,GAAM,MAAA,CAAA,IAAAkB,EAAAC,GAAA,CAA6B,OAA7BL,EAAAI,EAAgClB,EAAI,CAAAoB,MAAAC,EAAAH,EAApBb,EAAEP,OAAOE,KAAI,CAAA,CAAAkB,KAAA,CAAe,CAAA,CAAA,CAAAE,MAAAC,EAAAX,EAJ1EL,EAAEP,OAAOC,MAAQ,cAAa,CAAA,CAAAW,KAAA"}

package/dist/components/timeline/index.d.ts

@@ -0,0 +1,3 @@
+export { Timeline } from './timeline';
+export type { TimelineItem, TimelineItemStatus, TimelineProps } from './timeline.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/timeline/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/timeline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/timeline/timeline.d.ts

@@ -0,0 +1,4 @@
+import { Component } from 'solid-js';
+import { TimelineProps } from './timeline.types';
+export declare const Timeline: Component<TimelineProps>;
+//# sourceMappingURL=timeline.d.ts.map

package/dist/components/timeline/timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../../src/components/timeline/timeline.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAsD,MAAM,UAAU,CAAC;AACzF,OAAO,EAAoC,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAmGnF,eAAO,MAAM,QAAQ,EAAE,SAAS,CAAC,aAAa,CA8G7C,CAAC"}

package/dist/components/timeline/timeline.js

@@ -0,0 +1,2 @@
+import{cn as e}from"../../utils/cn.js";import{getColor as t}from"../../utils/helper.js";import{className as n,createComponent as r,effect as i,insert as a,memo as o,mergeProps as s,spread as c,template as l}from"solid-js/web";import{For as u,Show as d,createMemo as f,mergeProps as p,splitProps as m}from"solid-js";import h from"lucide-solid/icons/check";import g from"lucide-solid/icons/alert-circle";import _ from"lucide-solid/icons/clock";var v=l(`<span class="loading loading-spinner tl16">`),y=l(`<span class=tl17>`),b=l(`<div>`),x=l(`<div class=tl08>`),S=l(`<div class=tl12><div></div><div>`),C={pending:`neutral`,active:`primary`,done:`success`,error:`error`},w=(e,t)=>e.color?e.color:e.status?C[e.status]:t,T=t=>{let s=()=>t.item.status??`done`;return(()=>{var c=b();return a(c,r(d,{get when(){return t.item.loading},get children(){return v()}}),null),a(c,r(d,{get when(){return o(()=>!t.item.loading)()&&t.item.icon},get children(){var e=y();return a(e,t.item.icon),e}}),null),a(c,r(d,{get when(){return o(()=>!t.item.loading)()&&!t.item.icon},get children(){return[r(d,{get when(){return s()===`done`},get children(){return r(h,{size:12,"stroke-width":3})}}),r(d,{get when(){return s()===`error`},get children(){return r(g,{size:12,"stroke-width":2.5})}}),r(d,{get when(){return s()===`pending`},get children(){return r(_,{size:11,"stroke-width":2})}})]}}),null),i(()=>n(c,e(`tl15`,t.colorClass,`tl-s-${s()}`,t.class))),c})()},E=t=>(()=>{var o=b();return a(o,r(d,{get when(){return t.item.timestamp},get children(){var r=b();return a(r,()=>t.item.timestamp),i(()=>n(r,e(`tl21`,t.class?.timestamp))),r}}),null),a(o,r(d,{get when(){return t.item.title},get children(){var r=b();return a(r,()=>t.item.title),i(()=>n(r,e(`tl19`,t.class?.title))),r}}),null),a(o,r(d,{get when(){return t.item.content},get children(){var r=b();return a(r,()=>t.item.content),i(()=>n(r,e(`tl20`,t.class?.description))),r}}),null),i(()=>n(o,e(`tl18`,t.class?.content))),o})(),D=(e,t,n)=>t||(e===`start`?`start`:e===`end`?`end`:n%2==0?`start`:`end`),O=o=>{let[l,h]=m(p({items:[],color:`primary`,orientation:`vertical`,mode:`alternate`,reverse:!1},o),[`items`,`color`,`orientation`,`mode`,`reverse`,`class`]),g=()=>l.orientation===`vertical`,_=f(()=>l.reverse?[...l.items].reverse():l.items),v=()=>t(l.color,`color-primary`);return(()=>{var o=b();return c(o,s(h,{get class(){return e(`tl01`,g()?`tl02`:`tl03`,`tl-mode-${l.mode}`,v(),l.class?.root)}}),!1,!0),a(o,r(u,{get each(){return _()},children:(o,s)=>{let c=()=>D(l.mode,o.position,s()),u=()=>t(w(o,l.color),`color-primary`),f=()=>s()===_().length-1;return(()=>{var t=b();return a(t,r(d,{get when(){return g()},get children(){return[(()=>{var t=b();return a(t,r(d,{get when(){return c()===`start`},get children(){return r(E,{item:o,get class(){return l.class}})}})),i(()=>n(t,e(`tl07`,l.class?.label))),t})(),(()=>{var t=x();return a(t,r(T,{item:o,get colorClass(){return u()},get class(){return l.class?.dot}}),null),a(t,r(d,{get when(){return!f()},get children(){var t=b();return i(()=>n(t,e(`tl09`,l.class?.connector))),t}}),null),t})(),(()=>{var t=b();return a(t,r(d,{get when(){return c()===`end`},get children(){return r(E,{item:o,get class(){return l.class}})}})),i(()=>n(t,e(`tl10`,l.class?.label))),t})()]}}),null),a(t,r(d,{get when(){return!g()},get children(){return[(()=>{var t=b();return a(t,r(d,{get when(){return c()===`start`},get children(){return r(E,{item:o,get class(){return l.class}})}})),i(()=>n(t,e(`tl11`,l.class?.label))),t})(),(()=>{var t=S(),c=t.firstChild,d=c.nextSibling;return a(t,r(T,{item:o,get colorClass(){return u()},get class(){return l.class?.dot}}),d),i(t=>{var r=e(`tl13`,s()===0&&`tl-invisible`,l.class?.connector),i=e(`tl13`,f()&&`tl-invisible`,l.class?.connector);return r!==t.e&&n(c,t.e=r),i!==t.t&&n(d,t.t=i),t},{e:void 0,t:void 0}),t})(),(()=>{var t=b();return a(t,r(d,{get when(){return c()===`end`},get children(){return r(E,{item:o,get class(){return l.class}})}})),i(()=>n(t,e(`tl14`,l.class?.label))),t})()]}}),null),i(()=>n(t,e(`tl04`,g()?`tl05`:`tl06`,`tl-pos-${c()}`,`tl-s-${o.status??`done`}`,l.class?.item))),t})()}})),o})()};export{O as Timeline};
+//# sourceMappingURL=timeline.js.map

package/dist/components/timeline/timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.js","names":["BaseColorProps","cn","getColor","AlertCircle","Check","Clock","Component","createMemo","For","JSX","mergeProps","Show","splitProps","TimelineItem","TimelineItemStatus","TimelineProps","STATUS_COLOR","Record","pending","active","done","error","resolveItemColor","item","globalColor","color","status","DotProps","colorClass","class","TimelineDot","p","_el$","_tmpl$3","_$insert","_$createComponent","when","loading","children","_tmpl$","_$memo","icon","_el$3","_tmpl$2","size","_$effect","_$className","ContentProps","TimelineContent","_el$4","timestamp","_el$5","title","_el$6","content","_el$7","description","resolvePosition","mode","itemPosition","index","Timeline","props","merged","items","orientation","const","reverse","nativeProps","isVertical","displayItems","globalColorClass","_el$8","_$spread","_$mergeProps","root","each","i","pos","position","itemColorClass","isLast","length","_el$9","_el$0","label","_el$1","_tmpl$4","dot","_el$10","connector","_el$11","_el$12","_el$13","_tmpl$5","_el$14","firstChild","_el$15","nextSibling","_p$","_v$","_v$2","e","t","undefined","_el$16"],"sources":["../../../src/components/timeline/timeline.tsx"],"sourcesContent":["import { BaseColorProps } from '@/type';\nimport { cn } from '@/utils/cn';\nimport { getColor } from '@/utils/helper';\nimport AlertCircle from 'lucide-solid/icons/alert-circle';\nimport Check from 'lucide-solid/icons/check';\nimport Clock from 'lucide-solid/icons/clock';\nimport { Component, createMemo, For, JSX, mergeProps, Show, splitProps } from 'solid-js';\nimport { TimelineItem, TimelineItemStatus, TimelineProps } from './timeline.types';\n\n// ─── Helpers ──────────────────────────────────────────────────────────────────\n\n/** Map status → màu DaisyUI mặc định (dùng khi item không có `color` prop) */\nconst STATUS_COLOR: Record<TimelineItemStatus, BaseColorProps> = {\n  pending: 'neutral',\n  active: 'primary',\n  done: 'success',\n  error: 'error',\n};\n\n/** Resolve màu cuối cùng của item: ưu tiên item.color > status-mapped > global */\nconst resolveItemColor = (\n  item: TimelineItem,\n  globalColor: BaseColorProps,\n): BaseColorProps => {\n  if (item.color) return item.color;\n  if (item.status) return STATUS_COLOR[item.status];\n  return globalColor;\n};\n\n// ─── TimelineDot — marker của mỗi item ───────────────────────────────────────\n\ntype DotProps = {\n  item: TimelineItem;\n  colorClass: string;\n  class?: string;\n};\n\nconst TimelineDot: Component<DotProps> = p => {\n  const status = () => p.item.status ?? 'done';\n\n  return (\n    <div class={cn('tl15', p.colorClass, `tl-s-${status()}`, p.class)}>\n      {/* Loading spinner */}\n      <Show when={p.item.loading}>\n        <span class=\"loading loading-spinner tl16\" />\n      </Show>\n\n      {/* Custom icon */}\n      <Show when={!p.item.loading && p.item.icon}>\n        <span class=\"tl17\">{p.item.icon!()}</span>\n      </Show>\n\n      {/* Default icon theo status */}\n      <Show when={!p.item.loading && !p.item.icon}>\n        <Show when={status() === 'done'}>\n          <Check size={12} stroke-width={3} />\n        </Show>\n        <Show when={status() === 'error'}>\n          <AlertCircle size={12} stroke-width={2.5} />\n        </Show>\n        <Show when={status() === 'pending'}>\n          <Clock size={11} stroke-width={2} />\n        </Show>\n        {/* active: chỉ hiện dot rỗng — style CSS xử lý */}\n      </Show>\n    </div>\n  );\n};\n\n// ─── TimelineItemContent — tiêu đề + nội dung + thời gian ────────────────────\n\ntype ContentProps = {\n  item: TimelineItem;\n  class?: TimelineProps['class'];\n};\n\nconst TimelineContent: Component<ContentProps> = p => (\n  <div class={cn('tl18', p.class?.content)}>\n    <Show when={p.item.timestamp}>\n      <div class={cn('tl21', p.class?.timestamp)}>{p.item.timestamp}</div>\n    </Show>\n    <Show when={p.item.title}>\n      <div class={cn('tl19', p.class?.title)}>{p.item.title}</div>\n    </Show>\n    <Show when={p.item.content}>\n      <div class={cn('tl20', p.class?.description)}>{p.item.content}</div>\n    </Show>\n  </div>\n);\n\n// ─── Tính vị trí nội dung dựa trên mode & item.position ──────────────────────\n\nconst resolvePosition = (\n  mode: TimelineProps['mode'],\n  itemPosition: TimelineItem['position'],\n  index: number,\n): 'start' | 'end' => {\n  if (itemPosition) return itemPosition;\n  if (mode === 'start') return 'start';\n  if (mode === 'end') return 'end';\n  // alternate: chẵn = start, lẻ = end\n  return index % 2 === 0 ? 'start' : 'end';\n};\n\n// ─── Main Component ───────────────────────────────────────────────────────────\n\nexport const Timeline: Component<TimelineProps> = props => {\n  const merged = mergeProps(\n    {\n      items: [] as TimelineItem[],\n      color: 'primary' as BaseColorProps,\n      orientation: 'vertical' as const,\n      mode: 'alternate' as const,\n      reverse: false,\n    },\n    props,\n  );\n\n  const [p, nativeProps] = splitProps(merged, [\n    'items',\n    'color',\n    'orientation',\n    'mode',\n    'reverse',\n    'class',\n  ]);\n\n  const isVertical = () => p.orientation === 'vertical';\n\n  const displayItems = createMemo(() =>\n    p.reverse ? [...p.items].reverse() : p.items,\n  );\n\n  const globalColorClass = () => getColor(p.color, 'color-primary');\n\n  return (\n    <div\n      {...nativeProps}\n      class={cn(\n        'tl01',\n        isVertical() ? 'tl02' : 'tl03',\n        `tl-mode-${p.mode}`,\n        globalColorClass(),\n        p.class?.root,\n      )}\n    >\n      <For each={displayItems()}>\n        {(item, i) => {\n          const pos = () => resolvePosition(p.mode, item.position, i());\n          const itemColorClass = () => getColor(resolveItemColor(item, p.color), 'color-primary');\n          const isLast = () => i() === displayItems().length - 1;\n\n          return (\n            <div\n              class={cn(\n                'tl04',\n                isVertical() ? 'tl05' : 'tl06',\n                `tl-pos-${pos()}`,\n                `tl-s-${item.status ?? 'done'}`,\n                p.class?.item,\n              )}\n            >\n              {/* ── Vertical layout ── */}\n              <Show when={isVertical()}>\n                {/* Cột bên start (trái) */}\n                <div class={cn('tl07', p.class?.label)}>\n                  <Show when={pos() === 'start'}>\n                    <TimelineContent item={item} class={p.class} />\n                  </Show>\n                </div>\n\n                {/* Cột giữa: dot + connector */}\n                <div class=\"tl08\">\n                  <TimelineDot item={item} colorClass={itemColorClass()} class={p.class?.dot} />\n                  <Show when={!isLast()}>\n                    <div class={cn('tl09', p.class?.connector)} />\n                  </Show>\n                </div>\n\n                {/* Cột bên end (phải) */}\n                <div class={cn('tl10', p.class?.label)}>\n                  <Show when={pos() === 'end'}>\n                    <TimelineContent item={item} class={p.class} />\n                  </Show>\n                </div>\n              </Show>\n\n              {/* ── Horizontal layout ── */}\n              <Show when={!isVertical()}>\n                {/* Hàng trên (start) */}\n                <div class={cn('tl11', p.class?.label)}>\n                  <Show when={pos() === 'start'}>\n                    <TimelineContent item={item} class={p.class} />\n                  </Show>\n                </div>\n\n                {/* Hàng giữa: connector + dot + connector */}\n                <div class=\"tl12\">\n                  <div class={cn('tl13', i() === 0 && 'tl-invisible', p.class?.connector)} />\n                  <TimelineDot item={item} colorClass={itemColorClass()} class={p.class?.dot} />\n                  <div class={cn('tl13', isLast() && 'tl-invisible', p.class?.connector)} />\n                </div>\n\n                {/* Hàng dưới (end) */}\n                <div class={cn('tl14', p.class?.label)}>\n                  <Show when={pos() === 'end'}>\n                    <TimelineContent item={item} class={p.class} />\n                  </Show>\n                </div>\n              </Show>\n            </div>\n          );\n        }}\n      </For>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/timeline/timeline.types.d.ts

@@ -0,0 +1,55 @@
+import { BaseColorProps } from '../../type';
+import { JSX, JSXElement } from 'solid-js';
+export type TimelineItemStatus = 'pending' | 'active' | 'done' | 'error';
+export type TimelineItem = {
+    /** Tiêu đề mốc (ngắn gọn) */
+    title?: JSXElement;
+    /** Nội dung chi tiết hoặc mô tả */
+    content?: JSXElement;
+    /** Nhãn thời gian (ngày/giờ hoặc khoảng thời gian) */
+    timestamp?: JSXElement;
+    /** Icon tuỳ chỉnh thay cho dot mặc định */
+    icon?: () => JSX.Element;
+    /** Màu riêng của item — ghi đè màu global */
+    color?: BaseColorProps;
+    /** Trạng thái item — ảnh hưởng màu & icon mặc định */
+    status?: TimelineItemStatus;
+    /** Đang xử lý — hiện spinner thay icon */
+    loading?: boolean;
+    /**
+     * Vị trí nội dung của item này, ghi đè `mode` của Timeline.
+     * 'start' = bên trái (vertical) hoặc phía trên (horizontal)
+     * 'end'   = bên phải (vertical) hoặc phía dưới (horizontal)
+     */
+    position?: 'start' | 'end';
+};
+export type TimelineProps = {
+    /** Danh sách các mốc */
+    items?: TimelineItem[];
+    /** Màu chủ đạo cho toàn bộ timeline */
+    color?: BaseColorProps;
+    /** Hướng bố cục */
+    orientation?: 'vertical' | 'horizontal';
+    /**
+     * Vị trí nội dung so với đường trục:
+     * - 'start'     — toàn bộ nội dung về một phía đầu (trái/trên)
+     * - 'end'       — toàn bộ nội dung về một phía cuối (phải/dưới)
+     * - 'alternate' — nội dung xen kẽ trái/phải hoặc trên/dưới (mặc định)
+     */
+    mode?: 'start' | 'end' | 'alternate';
+    /** Đảo ngược thứ tự hiển thị */
+    reverse?: boolean;
+    /** Class override cho từng slot */
+    class?: {
+        root?: string;
+        item?: string;
+        dot?: string;
+        connector?: string;
+        label?: string;
+        content?: string;
+        title?: string;
+        description?: string;
+        timestamp?: string;
+    };
+} & Omit<JSX.HTMLAttributes<HTMLDivElement>, 'class'>;
+//# sourceMappingURL=timeline.types.d.ts.map

package/dist/components/timeline/timeline.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.types.d.ts","sourceRoot":"","sources":["../../../src/components/timeline/timeline.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAI3C,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAIzE,MAAM,MAAM,YAAY,GAAG;IACzB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,mCAAmC;IACnC,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,sDAAsD;IACtD,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACzB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,sDAAsD;IACtD,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAC5B,CAAC;AAIF,MAAM,MAAM,aAAa,GAAG;IAC1B,wBAAwB;IACxB,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,uCAAuC;IACvC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,mBAAmB;IACnB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,WAAW,CAAC;IACrC,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mCAAmC;IACnC,KAAK,CAAC,EAAE;QACN,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACH,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC"}

package/dist/components/toast/icons/ErrorIcon.d.ts

@@ -0,0 +1,4 @@
+import { Component } from 'solid-js';
+import { IconProps } from '../toast.type';
+export declare const Error: Component<IconProps>;
+//# sourceMappingURL=ErrorIcon.d.ts.map

package/dist/components/toast/icons/ErrorIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/icons/ErrorIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,eAAO,MAAM,KAAK,EAAE,SAAS,CAAC,SAAS,CAoCtC,CAAC"}

package/dist/components/toast/icons/ErrorIcon.js

@@ -0,0 +1,2 @@
+import{genSVGCubicBezier as e}from"../../../utils/helper.js";import{MainCircle as t,SecondaryCircle as n}from"./IconCircle.js";import{createComponent as r,effect as i,insert as a,mergeProps as o,setAttribute as s,spread as c,template as l}from"solid-js/web";var u=l(`<svg viewBox="0 0 32 32"width=1.25rem height=1.25rem style=overflow:visible><path fill=none stroke-width=4 stroke-dasharray=9 stroke-dashoffset=9 stroke-linecap=round d=M16,7l0,9><animate attributeName=stroke-dashoffset values=9;0 dur=0.2s begin=250ms fill=freeze></animate></path><circle cx=16 cy=23 r=2.5 opacity=0><animate attributeName=opacity values=0;1 dur=0.25s begin=350ms fill=freeze>`),d=l=>{let d=l.primary||`var(--color-error)`;return(()=>{var f=u(),p=f.firstChild,m=p.firstChild,h=p.nextSibling,g=h.firstChild;return a(f,r(t,{fill:d}),p),a(f,r(n,{fill:d}),p),c(m,o(()=>e(`0.0, 0.0, 0.58, 1.0`)),!0,!1),c(g,o(()=>e(`0.0, 0.0, 0.58, 1.0`)),!0,!1),i(e=>{var t=l.secondary||`#fff`,n=l.secondary||`#fff`;return t!==e.e&&s(p,`stroke`,e.e=t),n!==e.t&&s(h,`fill`,e.t=n),e},{e:void 0,t:void 0}),f})()};export{d as Error};
+//# sourceMappingURL=ErrorIcon.js.map

package/dist/components/toast/icons/ErrorIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorIcon.js","names":["genSVGCubicBezier","Component","IconProps","MainCircle","SecondaryCircle","Error","props","fill","primary","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_$insert","_$createComponent","_$spread","_$mergeProps","_$effect","_p$","_v$","secondary","_v$2","e","_$setAttribute","t","undefined"],"sources":["../../../../src/components/toast/icons/ErrorIcon.tsx"],"sourcesContent":["import { genSVGCubicBezier } from '@/utils/helper';\r\nimport type { Component } from 'solid-js';\r\nimport { IconProps } from '../toast.type';\r\nimport { MainCircle, SecondaryCircle } from './IconCircle';\r\n\r\nexport const Error: Component<IconProps> = props => {\r\n  const fill = props.primary || 'var(--color-error)';\r\n  return (\r\n    <svg style={{ overflow: 'visible' }} viewBox=\"0 0 32 32\" width=\"1.25rem\" height=\"1.25rem\">\r\n      <MainCircle fill={fill} />\r\n      <SecondaryCircle fill={fill} />\r\n      <path\r\n        fill=\"none\"\r\n        stroke={props.secondary || '#fff'}\r\n        stroke-width=\"4\"\r\n        stroke-dasharray=\"9\"\r\n        stroke-dashoffset=\"9\"\r\n        stroke-linecap=\"round\"\r\n        d=\"M16,7l0,9\"\r\n      >\r\n        <animate\r\n          attributeName=\"stroke-dashoffset\"\r\n          values=\"9;0\"\r\n          dur=\"0.2s\"\r\n          begin=\"250ms\"\r\n          fill=\"freeze\"\r\n          {...genSVGCubicBezier('0.0, 0.0, 0.58, 1.0')}\r\n        />\r\n      </path>\r\n      <circle fill={props.secondary || '#fff'} cx=\"16\" cy=\"23\" r=\"2.5\" opacity=\"0\">\r\n        <animate\r\n          attributeName=\"opacity\"\r\n          values=\"0;1\"\r\n          dur=\"0.25s\"\r\n          begin=\"350ms\"\r\n          fill=\"freeze\"\r\n          {...genSVGCubicBezier('0.0, 0.0, 0.58, 1.0')}\r\n        />\r\n      </circle>\r\n    </svg>\r\n  );\r\n};\r\n"],"mappings":"upBAKaK,EAA8BC,GAAS,CAClD,IAAMC,EAAOD,EAAME,SAAW,qBAC9B,WAAA,CAAA,IAAAC,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WAAAC,EAAAF,EAAAC,WAAAE,EAAAH,EAAAI,YAAAC,EAAAF,EAAAF,WAsB2C,OAtB3CK,EAAAR,EAAAS,EAEKf,EAAU,CAAOI,OAAI,CAAA,CAAAI,EAAA,CAAAM,EAAAR,EAAAS,EACrBd,EAAe,CAAOG,OAAI,CAAA,CAAAI,EAAA,CAAAQ,EAAAN,EAAAO,MAgBnBpB,EAAkB,sBAAsB,CAAA,CAAA,GAAA,GAAA,CAAAmB,EAAAH,EAAAI,MAUxCpB,EAAkB,sBAAsB,CAAA,CAAA,GAAA,GAAA,CAAAqB,EAAAC,GAAA,CAAA,IAAAC,EAvBtCjB,EAAMkB,WAAa,OAAMC,EAgBrBnB,EAAMkB,WAAa,OAAM,OAAAD,IAAAD,EAAAI,GAAAC,EAAAhB,EAAA,SAAAW,EAAAI,EAAAH,EAAA,CAAAE,IAAAH,EAAAM,GAAAD,EAAAb,EAAA,OAAAQ,EAAAM,EAAAH,EAAA,CAAAH,GAAA,CAAAI,EAAAG,IAAAA,GAAAD,EAAAC,IAAAA,GAAA,CAAA,CAAApB,KAAA"}

package/dist/components/toast/icons/IconCircle.d.ts

@@ -0,0 +1,9 @@
+import { Component } from 'solid-js';
+export declare const MainCircle: Component<{
+    fill: string;
+}>;
+export declare const SecondaryCircle: Component<{
+    fill: string;
+    begin?: string;
+}>;
+//# sourceMappingURL=IconCircle.d.ts.map

package/dist/components/toast/icons/IconCircle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconCircle.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/icons/IconCircle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAGrC,eAAO,MAAM,UAAU,EAAE,SAAS,CAAC;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAelD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,SAAS,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAavE,CAAC"}

package/dist/components/toast/icons/IconCircle.js

@@ -0,0 +1,2 @@
+import{genSVGCubicBezier as e}from"../../../utils/helper.js";import{effect as t,setAttribute as n,spread as r,template as i}from"solid-js/web";var a=i(`<svg><circle cx=16 cy=16 r=0><animate attributeName=opacity values="0; 1; 1"></animate><animate attributeName=r values="0; 17.5; 16"></svg>`,!1,!0,!1),o=i(`<svg><circle cx=16 cy=16 r=12 opacity=0><animate attributeName=opacity values="1; 0"></animate><animate attributeName=r values="12; 26"></svg>`,!1,!0,!1),s=e=>{let i={dur:`0.35s`,begin:`100ms`,fill:`freeze`,calcMode:`spline`,keyTimes:`0; 0.6; 1`,keySplines:`0.25 0.71 0.4 0.88; .59 .22 .87 .63`};return(()=>{var o=a(),s=o.firstChild,c=s.nextSibling;return r(s,i,!0,!1),r(c,i,!0,!1),t(()=>n(o,`fill`,e.fill)),o})()},c=i=>{let a={dur:`1s`,begin:i.begin||`320ms`,fill:`freeze`,...e(`0.0 0.0 0.2 1`)};return(()=>{var e=o(),s=e.firstChild,c=s.nextSibling;return r(s,a,!0,!1),r(c,a,!0,!1),t(()=>n(e,`fill`,i.fill)),e})()};export{s as MainCircle,c as SecondaryCircle};
+//# sourceMappingURL=IconCircle.js.map

package/dist/components/toast/icons/IconCircle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconCircle.js","names":["genSVGCubicBezier","Component","JSX","MainCircle","fill","props","publicProps","AnimateSVGAttributes","SVGAnimateElement","dur","begin","calcMode","keyTimes","keySplines","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_$spread","_$effect","_$setAttribute","SecondaryCircle","_el$4","_tmpl$2","_el$5","_el$6"],"sources":["../../../../src/components/toast/icons/IconCircle.tsx"],"sourcesContent":["import { genSVGCubicBezier } from '@/utils/helper';\r\nimport { Component } from 'solid-js';\r\nimport type { JSX } from 'solid-js';\r\n\r\nexport const MainCircle: Component<{ fill: string }> = props => {\r\n  const publicProps: JSX.AnimateSVGAttributes<SVGAnimateElement> = {\r\n    dur: '0.35s',\r\n    begin: '100ms',\r\n    fill: 'freeze',\r\n    calcMode: 'spline',\r\n    keyTimes: '0; 0.6; 1',\r\n    keySplines: '0.25 0.71 0.4 0.88; .59 .22 .87 .63',\r\n  };\r\n  return (\r\n    <circle fill={props.fill} cx=\"16\" cy=\"16\" r=\"0\">\r\n      <animate attributeName=\"opacity\" values=\"0; 1; 1\" {...publicProps} />\r\n      <animate attributeName=\"r\" values=\"0; 17.5; 16\" {...publicProps} />\r\n    </circle>\r\n  );\r\n};\r\n\r\nexport const SecondaryCircle: Component<{ fill: string; begin?: string }> = props => {\r\n  const publicProps: JSX.AnimateSVGAttributes<SVGAnimateElement> = {\r\n    dur: '1s',\r\n    begin: props.begin || '320ms',\r\n    fill: 'freeze',\r\n    ...genSVGCubicBezier('0.0 0.0 0.2 1'),\r\n  };\r\n  return (\r\n    <circle fill={props.fill} cx=\"16\" cy=\"16\" r=\"12\" opacity=\"0\">\r\n      <animate attributeName=\"opacity\" values=\"1; 0\" {...publicProps} />\r\n      <animate attributeName=\"r\" values=\"12; 26\" {...publicProps} />\r\n    </circle>\r\n  );\r\n};\r\n"],"mappings":"8cAIaG,EAA0CE,GAAS,CAC9D,IAAMC,EAA2D,CAC/DG,IAAK,QACLC,MAAO,QACPN,KAAM,SACNO,SAAU,SACVC,SAAU,YACVC,WAAY,sCACb,CACD,WAAA,CAAA,IAAAC,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WAAAC,EAAAF,EAAAG,YAC0B,OAD1BC,EAAAJ,EAE0DV,EAAW,GAAA,GAAA,CAAAc,EAAAF,EACbZ,EAAW,GAAA,GAAA,CAAAe,MAAAC,EAAAR,EAAA,OAFnDT,EAAMD,KAAI,CAAA,CAAAU,KAAA,EAOfS,EAA+DlB,GAAS,CACnF,IAAMC,EAA2D,CAC/DG,IAAK,KACLC,MAAOL,EAAMK,OAAS,QACtBN,KAAM,SACN,GAAGJ,EAAkB,gBAAe,CACrC,CACD,WAAA,CAAA,IAAAwB,EAAAC,GAAA,CAAAC,EAAAF,EAAAP,WAAAU,EAAAD,EAAAP,YAC0B,OAD1BC,EAAAM,EAEuDpB,EAAW,GAAA,GAAA,CAAAc,EAAAO,EACfrB,EAAW,GAAA,GAAA,CAAAe,MAAAC,EAAAE,EAAA,OAF9CnB,EAAMD,KAAI,CAAA,CAAAoB,KAAA"}

package/dist/components/toast/icons/InfoIcon.d.ts

@@ -0,0 +1,4 @@
+import { Component } from 'solid-js';
+import { IconProps } from '../toast.type';
+export declare const Info: Component<IconProps>;
+//# sourceMappingURL=InfoIcon.d.ts.map

package/dist/components/toast/icons/InfoIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/icons/InfoIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,eAAO,MAAM,IAAI,EAAE,SAAS,CAAC,SAAS,CA0CrC,CAAC"}

package/dist/components/toast/icons/InfoIcon.js

@@ -0,0 +1,2 @@
+import{genSVGCubicBezier as e}from"../../../utils/helper.js";import{MainCircle as t,SecondaryCircle as n}from"./IconCircle.js";import{createComponent as r,effect as i,insert as a,mergeProps as o,setAttribute as s,spread as c,template as l}from"solid-js/web";var u=l(`<svg viewBox="0 0 32 32"width=1.25rem height=1.25rem class=rotate-180 style=overflow:visible><path fill=none stroke-width=4 stroke-dasharray=9 stroke-dashoffset=9 stroke-linecap=round d=M16,7l0,9><animate attributeName=stroke-dashoffset values=9;0 dur=0.2s begin=250ms fill=freeze></animate></path><circle cx=16 cy=23 r=2.5 opacity=0><animate attributeName=opacity values=0;1 dur=0.25s begin=350ms fill=freeze>`),d=l=>{let d=`var(--color-info)`;return(()=>{var f=u(),p=f.firstChild,m=p.firstChild,h=p.nextSibling,g=h.firstChild;return a(f,r(t,{fill:d}),p),a(f,r(n,{fill:d}),p),c(m,o(()=>e(`0.0, 0.0, 0.58, 1.0`)),!0,!1),c(g,o(()=>e(`0.0, 0.0, 0.58, 1.0`)),!0,!1),i(e=>{var t=l.secondary||`#fff`,n=l.secondary||`#fff`;return t!==e.e&&s(p,`stroke`,e.e=t),n!==e.t&&s(h,`fill`,e.t=n),e},{e:void 0,t:void 0}),f})()};export{d as Info};
+//# sourceMappingURL=InfoIcon.js.map

package/dist/components/toast/icons/InfoIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoIcon.js","names":["genSVGCubicBezier","Component","IconProps","MainCircle","SecondaryCircle","Info","props","fill","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_$insert","_$createComponent","_$spread","_$mergeProps","_$effect","_p$","_v$","secondary","_v$2","e","_$setAttribute","t","undefined"],"sources":["../../../../src/components/toast/icons/InfoIcon.tsx"],"sourcesContent":["import { genSVGCubicBezier } from '@/utils/helper';\r\nimport type { Component } from 'solid-js';\r\nimport { IconProps } from '../toast.type';\r\nimport { MainCircle, SecondaryCircle } from './IconCircle';\r\n\r\nexport const Info: Component<IconProps> = props => {\r\n  const fill = 'var(--color-info)';\r\n  return (\r\n    <svg\r\n      style={{ overflow: 'visible' }}\r\n      viewBox=\"0 0 32 32\"\r\n      width=\"1.25rem\"\r\n      height=\"1.25rem\"\r\n      class=\"rotate-180\"\r\n    >\r\n      <MainCircle fill={fill} />\r\n      <SecondaryCircle fill={fill} />\r\n      <path\r\n        fill=\"none\"\r\n        stroke={props.secondary || '#fff'}\r\n        stroke-width=\"4\"\r\n        stroke-dasharray=\"9\"\r\n        stroke-dashoffset=\"9\"\r\n        stroke-linecap=\"round\"\r\n        d=\"M16,7l0,9\"\r\n      >\r\n        <animate\r\n          attributeName=\"stroke-dashoffset\"\r\n          values=\"9;0\"\r\n          dur=\"0.2s\"\r\n          begin=\"250ms\"\r\n          fill=\"freeze\"\r\n          {...genSVGCubicBezier('0.0, 0.0, 0.58, 1.0')}\r\n        />\r\n      </path>\r\n      <circle fill={props.secondary || '#fff'} cx=\"16\" cy=\"23\" r=\"2.5\" opacity=\"0\">\r\n        <animate\r\n          attributeName=\"opacity\"\r\n          values=\"0;1\"\r\n          dur=\"0.25s\"\r\n          begin=\"350ms\"\r\n          fill=\"freeze\"\r\n          {...genSVGCubicBezier('0.0, 0.0, 0.58, 1.0')}\r\n        />\r\n      </circle>\r\n    </svg>\r\n  );\r\n};\r\n"],"mappings":"wqBAKaK,EAA6BC,GAAS,CACjD,IAAMC,EAAO,oBACb,WAAA,CAAA,IAAAC,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WAAAC,EAAAF,EAAAC,WAAAE,EAAAH,EAAAI,YAAAC,EAAAF,EAAAF,WA4B2C,OA5B3CK,EAAAR,EAAAS,EAQKd,EAAU,CAAOI,OAAI,CAAA,CAAAG,EAAA,CAAAM,EAAAR,EAAAS,EACrBb,EAAe,CAAOG,OAAI,CAAA,CAAAG,EAAA,CAAAQ,EAAAN,EAAAO,MAgBnBnB,EAAkB,sBAAsB,CAAA,CAAA,GAAA,GAAA,CAAAkB,EAAAH,EAAAI,MAUxCnB,EAAkB,sBAAsB,CAAA,CAAA,GAAA,GAAA,CAAAoB,EAAAC,GAAA,CAAA,IAAAC,EAvBtChB,EAAMiB,WAAa,OAAMC,EAgBrBlB,EAAMiB,WAAa,OAAM,OAAAD,IAAAD,EAAAI,GAAAC,EAAAhB,EAAA,SAAAW,EAAAI,EAAAH,EAAA,CAAAE,IAAAH,EAAAM,GAAAD,EAAAb,EAAA,OAAAQ,EAAAM,EAAAH,EAAA,CAAAH,GAAA,CAAAI,EAAAG,IAAAA,GAAAD,EAAAC,IAAAA,GAAA,CAAA,CAAApB,KAAA"}

package/dist/components/toast/icons/LoaderIcon.d.ts

@@ -0,0 +1,4 @@
+import { Component } from 'solid-js';
+import { IconProps } from '../toast.type';
+export declare const Loader: Component<IconProps>;
+//# sourceMappingURL=LoaderIcon.d.ts.map

package/dist/components/toast/icons/LoaderIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/icons/LoaderIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,eAAO,MAAM,MAAM,EAAE,SAAS,CAAC,SAAS,CA2BvC,CAAC"}

package/dist/components/toast/icons/LoaderIcon.js

@@ -0,0 +1,2 @@
+import{effect as e,setAttribute as t,template as n}from"solid-js/web";var r=n(`<svg viewBox="0 0 32 32"width=1.25rem height=1.25rem style=overflow:visible><path fill=none stroke-width=4 stroke-miterlimit=10 d=M16,6c3,0,5.7,1.3,7.5,3.4c1.5,1.8,2.5,4,2.5,6.6c0,5.5-4.5,10-10,10S6,21.6,6,16S10.5,6,16,6z></path><path fill=none stroke-width=4 stroke-linecap=round stroke-miterlimit=10 d=M16,6c3,0,5.7,1.3,7.5,3.4c0.6,0.7,1.1,1.4,1.5,2.2><animateTransform attributeName=transform type=rotate from="0 16 16"to="360 16 16"dur=0.75s repeatCount=indefinite>`),i=n=>(()=>{var i=r(),a=i.firstChild,o=a.nextSibling;return e(e=>{var r=n.primary||`oklch(0.9276 0.0058 264.53)`,i=n.secondary||`oklch(0.4461 0.0263 256.8)`;return r!==e.e&&t(a,`stroke`,e.e=r),i!==e.t&&t(o,`stroke`,e.t=i),e},{e:void 0,t:void 0}),i})();export{i as Loader};
+//# sourceMappingURL=LoaderIcon.js.map

package/dist/components/toast/icons/LoaderIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoaderIcon.js","names":["Component","IconProps","Loader","props","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_$effect","_p$","_v$","primary","_v$2","secondary","e","_$setAttribute","t","undefined"],"sources":["../../../../src/components/toast/icons/LoaderIcon.tsx"],"sourcesContent":["import type { Component } from 'solid-js';\r\nimport { IconProps } from '../toast.type';\r\n\r\nexport const Loader: Component<IconProps> = props => (\r\n  <svg style={{ overflow: 'visible' }} viewBox=\"0 0 32 32\" width=\"1.25rem\" height=\"1.25rem\">\r\n    <path\r\n      fill=\"none\"\r\n      stroke={props.primary || 'oklch(0.9276 0.0058 264.53)'}\r\n      stroke-width=\"4\"\r\n      stroke-miterlimit=\"10\"\r\n      d=\"M16,6c3,0,5.7,1.3,7.5,3.4c1.5,1.8,2.5,4,2.5,6.6c0,5.5-4.5,10-10,10S6,21.6,6,16S10.5,6,16,6z\"\r\n    />\r\n    <path\r\n      fill=\"none\"\r\n      stroke={props.secondary || 'oklch(0.4461 0.0263 256.8)'}\r\n      stroke-width=\"4\"\r\n      stroke-linecap=\"round\"\r\n      stroke-miterlimit=\"10\"\r\n      d=\"M16,6c3,0,5.7,1.3,7.5,3.4c0.6,0.7,1.1,1.4,1.5,2.2\"\r\n    >\r\n      <animateTransform\r\n        attributeName=\"transform\"\r\n        type=\"rotate\"\r\n        from=\"0 16 16\"\r\n        to=\"360 16 16\"\r\n        dur=\"0.75s\"\r\n        repeatCount=\"indefinite\"\r\n      />\r\n    </path>\r\n  </svg>\r\n);\r\n"],"mappings":"uiBAGaE,EAA+BC,QAAK,CAAA,IAAAC,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WAAAC,EAAAF,EAAAG,YAWY,OAXZC,EAAAC,GAAA,CAAA,IAAAC,EAInCT,EAAMU,SAAW,8BAA6BC,EAO9CX,EAAMY,WAAa,6BAA4B,OAAAH,IAAAD,EAAAK,GAAAC,EAAAX,EAAA,SAAAK,EAAAK,EAAAJ,EAAA,CAAAE,IAAAH,EAAAO,GAAAD,EAAAT,EAAA,SAAAG,EAAAO,EAAAJ,EAAA,CAAAH,GAAA,CAAAK,EAAAG,IAAAA,GAAAD,EAAAC,IAAAA,GAAA,CAAA,CAAAf,KAgB5D"}

package/dist/components/toast/icons/SuccessIcon.d.ts

@@ -0,0 +1,4 @@
+import { Component } from 'solid-js';
+import { IconProps } from '../toast.type';
+export declare const Success: Component<IconProps>;
+//# sourceMappingURL=SuccessIcon.d.ts.map

package/dist/components/toast/icons/SuccessIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuccessIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/icons/SuccessIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,eAAO,MAAM,OAAO,EAAE,SAAS,CAAC,SAAS,CA2BxC,CAAC"}

package/dist/components/toast/icons/SuccessIcon.js

@@ -0,0 +1,2 @@
+import{genSVGCubicBezier as e}from"../../../utils/helper.js";import{MainCircle as t,SecondaryCircle as n}from"./IconCircle.js";import{createComponent as r,effect as i,insert as a,mergeProps as o,setAttribute as s,spread as c,template as l}from"solid-js/web";var u=l(`<svg viewBox="0 0 32 32"width=1.25rem height=1.25rem style=overflow:visible><path fill=none stroke-width=4 stroke-dasharray=22 stroke-dashoffset=22 stroke-linecap=round stroke-miterlimit=10 d=M9.8,17.2l3.8,3.6c0.1,0.1,0.3,0.1,0.4,0l9.6-9.7><animate attributeName=stroke-dashoffset values=22;0 dur=0.25s begin=250ms fill=freeze>`),d=l=>{let d=l.primary||`var(--color-success)`;return(()=>{var f=u(),p=f.firstChild,m=p.firstChild;return a(f,r(t,{fill:d}),p),a(f,r(n,{fill:d,begin:`350ms`}),p),c(m,o(()=>e(`0.0, 0.0, 0.58, 1.0`)),!0,!1),i(()=>s(p,`stroke`,l.secondary||`oklch(0.9911 0 0)`)),f})()};export{d as Success};
+//# sourceMappingURL=SuccessIcon.js.map

package/dist/components/toast/icons/SuccessIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuccessIcon.js","names":["genSVGCubicBezier","Component","IconProps","MainCircle","SecondaryCircle","Success","props","fill","primary","_el$","_tmpl$","_el$2","firstChild","_el$3","_$insert","_$createComponent","begin","_$spread","_$mergeProps","_$effect","_$setAttribute","secondary"],"sources":["../../../../src/components/toast/icons/SuccessIcon.tsx"],"sourcesContent":["import { genSVGCubicBezier } from '@/utils/helper';\r\nimport type { Component } from 'solid-js';\r\nimport { IconProps } from '../toast.type';\r\nimport { MainCircle, SecondaryCircle } from './IconCircle';\r\n\r\nexport const Success: Component<IconProps> = (props: IconProps) => {\r\n  const fill = props.primary || 'var(--color-success)';\r\n  return (\r\n    <svg style={{ overflow: 'visible' }} viewBox=\"0 0 32 32\" width=\"1.25rem\" height=\"1.25rem\">\r\n      <MainCircle fill={fill} />\r\n      <SecondaryCircle fill={fill} begin=\"350ms\" />\r\n      <path\r\n        fill=\"none\"\r\n        stroke={props.secondary || 'oklch(0.9911 0 0)'}\r\n        stroke-width=\"4\"\r\n        stroke-dasharray=\"22\"\r\n        stroke-dashoffset=\"22\"\r\n        stroke-linecap=\"round\"\r\n        stroke-miterlimit=\"10\"\r\n        d=\"M9.8,17.2l3.8,3.6c0.1,0.1,0.3,0.1,0.4,0l9.6-9.7\"\r\n      >\r\n        <animate\r\n          attributeName=\"stroke-dashoffset\"\r\n          values=\"22;0\"\r\n          dur=\"0.25s\"\r\n          begin=\"250ms\"\r\n          fill=\"freeze\"\r\n          {...genSVGCubicBezier('0.0, 0.0, 0.58, 1.0')}\r\n        />\r\n      </path>\r\n    </svg>\r\n  );\r\n};\r\n"],"mappings":"qlBAKaK,EAAiCC,GAAqB,CACjE,IAAMC,EAAOD,EAAME,SAAW,uBAC9B,WAAA,CAAA,IAAAC,EAAAC,GAAA,CAAAC,EAAAF,EAAAG,WAAAC,EAAAF,EAAAC,WAMoD,OANpDE,EAAAL,EAAAM,EAEKZ,EAAU,CAAOI,OAAI,CAAA,CAAAI,EAAA,CAAAG,EAAAL,EAAAM,EACrBX,EAAe,CAAOG,OAAMS,MAAK,QAAA,CAAA,CAAAL,EAAA,CAAAM,EAAAJ,EAAAK,MAiB1BlB,EAAkB,sBAAsB,CAAA,CAAA,GAAA,GAAA,CAAAmB,MAAAC,EAAAT,EAAA,SAdtCL,EAAMe,WAAa,oBAAmB,CAAA,CAAAZ,KAAA"}

package/dist/components/toast/icons/WarningIcon.d.ts

@@ -0,0 +1,4 @@
+import { Component } from 'solid-js';
+import { IconProps } from '../toast.type';
+export declare const Warning: Component<IconProps>;
+//# sourceMappingURL=WarningIcon.d.ts.map

package/dist/components/toast/icons/WarningIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WarningIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/icons/WarningIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,SAAS,CAAC,SAAS,CAiFxC,CAAC"}

package/dist/components/toast/icons/WarningIcon.js

@@ -0,0 +1,2 @@
+import{genSVGCubicBezier as e}from"../../../utils/helper.js";import{mergeProps as t,setAttribute as n,spread as r,template as i}from"solid-js/web";var a=i(`<svg viewBox="0 0 32 32"width=1.25rem height=1.25rem style=overflow:visible><g><path stroke-width=10 stroke-linejoin=round stroke-linecap=round d="M16 1 L31 27 L1 27 Z"opacity=0><animate attributeName=opacity values=0;1 dur=0.3s begin=0ms fill=freeze></animate><animateTransform attributeName=transform type=scale values=0.5;1.1;1 dur=0.4s begin=0ms fill=freeze keyTimes=0;0.7;1 keySplines="0.25 0.71 0.4 0.88; .59 .22 .87 .63"calcMode=spline></animateTransform></path><path fill=none stroke-width=2.5 stroke-dasharray=6 stroke-dashoffset=6 stroke-linecap=round d="M16,11 L16,17"><animate attributeName=stroke-dashoffset values=6;0 dur=0.2s begin=300ms fill=freeze></animate></path><circle cx=16 cy=21.5 r=0><animate attributeName=r values=0;1.8;1.5 dur=0.25s begin=400ms fill=freeze keyTimes=0;0.6;1 keySplines="0.25 0.71 0.4 0.88; .59 .22 .87 .63"calcMode=spline></animate></circle><animateTransform attributeName=transform type=rotate values="0 16 27; -8 16 27; 8 16 27; -5 16 27; 5 16 27; -2 16 27; 2 16 27; 0 16 27"dur=0.6s begin=500ms;shake.end+2s fill=freeze id=shake>`),o=i=>{let o=i.primary||`var(--color-warning)`,s=i.secondary||`#000`;return(()=>{var i=a(),c=i.firstChild.firstChild,l=c.firstChild,u=c.nextSibling,d=u.firstChild,f=u.nextSibling;return n(c,`fill`,o),n(c,`stroke`,o),r(l,t(()=>e(`0.0, 0.0, 0.58, 1.0`)),!0,!1),n(u,`stroke`,s),r(d,t(()=>e(`0.0, 0.0, 0.58, 1.0`)),!0,!1),n(f,`fill`,s),i})()};export{o as Warning};
+//# sourceMappingURL=WarningIcon.js.map

package/dist/components/toast/icons/WarningIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WarningIcon.js","names":["genSVGCubicBezier","Component","IconProps","Warning","props","fill","primary","stroke","secondary","_el$","_tmpl$","_el$2","firstChild","_el$3","_el$4","_el$5","nextSibling","_el$6","_el$7","_$setAttribute","_$spread","_$mergeProps"],"sources":["../../../../src/components/toast/icons/WarningIcon.tsx"],"sourcesContent":["import { genSVGCubicBezier } from '@/utils/helper';\r\nimport type { Component } from 'solid-js';\r\nimport { IconProps } from '../toast.type';\r\n\r\nexport const Warning: Component<IconProps> = (props: IconProps) => {\r\n  const fill = props.primary || 'var(--color-warning)';\r\n  const stroke = props.secondary || '#000';\r\n  return (\r\n    <svg style={{ overflow: 'visible' }} viewBox=\"0 0 32 32\" width=\"1.25rem\" height=\"1.25rem\">\r\n      <g>\r\n        {/* Equilateral triangle with rounded corners */}\r\n        <path\r\n          fill={fill}\r\n          stroke={fill}\r\n          stroke-width=\"10\"\r\n          stroke-linejoin=\"round\"\r\n          stroke-linecap=\"round\"\r\n          d=\"M16 1 L31 27 L1 27 Z\"\r\n          opacity=\"0\"\r\n        >\r\n          <animate\r\n            attributeName=\"opacity\"\r\n            values=\"0;1\"\r\n            dur=\"0.3s\"\r\n            begin=\"0ms\"\r\n            fill=\"freeze\"\r\n            {...genSVGCubicBezier('0.0, 0.0, 0.58, 1.0')}\r\n          />\r\n          <animateTransform\r\n            attributeName=\"transform\"\r\n            type=\"scale\"\r\n            values=\"0.5;1.1;1\"\r\n            dur=\"0.4s\"\r\n            begin=\"0ms\"\r\n            fill=\"freeze\"\r\n            keyTimes=\"0;0.7;1\"\r\n            keySplines=\"0.25 0.71 0.4 0.88; .59 .22 .87 .63\"\r\n            calcMode=\"spline\"\r\n          />\r\n        </path>\r\n        {/* Exclamation line - shorter and centered */}\r\n        <path\r\n          fill=\"none\"\r\n          stroke={stroke}\r\n          stroke-width=\"2.5\"\r\n          stroke-dasharray=\"6\"\r\n          stroke-dashoffset=\"6\"\r\n          stroke-linecap=\"round\"\r\n          d=\"M16,11 L16,17\"\r\n        >\r\n          <animate\r\n            attributeName=\"stroke-dashoffset\"\r\n            values=\"6;0\"\r\n            dur=\"0.2s\"\r\n            begin=\"300ms\"\r\n            fill=\"freeze\"\r\n            {...genSVGCubicBezier('0.0, 0.0, 0.58, 1.0')}\r\n          />\r\n        </path>\r\n        {/* Exclamation dot - smaller and higher */}\r\n        <circle fill={stroke} cx=\"16\" cy=\"21.5\" r=\"0\">\r\n          <animate\r\n            attributeName=\"r\"\r\n            values=\"0;1.8;1.5\"\r\n            dur=\"0.25s\"\r\n            begin=\"400ms\"\r\n            fill=\"freeze\"\r\n            keyTimes=\"0;0.6;1\"\r\n            keySplines=\"0.25 0.71 0.4 0.88; .59 .22 .87 .63\"\r\n            calcMode=\"spline\"\r\n          />\r\n        </circle>\r\n        {/* Bell shake animation - continuous */}\r\n        <animateTransform\r\n          attributeName=\"transform\"\r\n          type=\"rotate\"\r\n          values=\"0 16 27; -8 16 27; 8 16 27; -5 16 27; 5 16 27; -2 16 27; 2 16 27; 0 16 27\"\r\n          dur=\"0.6s\"\r\n          begin=\"500ms;shake.end+2s\"\r\n          fill=\"freeze\"\r\n          id=\"shake\"\r\n        />\r\n      </g>\r\n    </svg>\r\n  );\r\n};\r\n"],"mappings":"ktCAIaG,EAAiCC,GAAqB,CACjE,IAAMC,EAAOD,EAAME,SAAW,uBACxBC,EAASH,EAAMI,WAAa,OAClC,WAAA,CAAA,IAAAC,EAAAC,GAAA,CAAAG,EAAAJ,EAAAG,WAAAA,WAAAE,EAAAD,EAAAD,WAAAG,EAAAF,EAAAG,YAAAC,EAAAF,EAAAH,WAAAM,EAAAH,EAAAC,YAqD0B,OArD1BG,EAAAN,EAAA,OAKcR,EAAI,CAAAc,EAAAN,EAAA,SACFR,EAAI,CAAAe,EAAAN,EAAAO,MAaNrB,EAAkB,sBAAsB,CAAA,CAAA,GAAA,GAAA,CAAAmB,EAAAJ,EAAA,SAiBtCR,EAAM,CAAAa,EAAAH,EAAAI,MAaRrB,EAAkB,sBAAsB,CAAA,CAAA,GAAA,GAAA,CAAAmB,EAAAD,EAAA,OAIlCX,EAAM,CAAAE,KAAA"}

package/dist/components/toast/icons/index.d.ts

@@ -0,0 +1,4 @@
+export * from './SuccessIcon';
+export * from './ErrorIcon';
+export * from './LoaderIcon';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/toast/icons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/toast/icons/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}

package/dist/components/toast/index.d.ts

@@ -0,0 +1,3 @@
+export { toast, Toaster } from './toast';
+export type { ToastData, ToastOptions, ToastType, ToastPosition, ToasterProps, PromiseOptions, IconTheme, Message, PopShiftOptions, } from './toast.type';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AACzC,YAAY,EACV,SAAS,EACT,YAAY,EACZ,SAAS,EACT,aAAa,EACb,YAAY,EACZ,cAAc,EACd,SAAS,EACT,OAAO,EACP,eAAe,GAChB,MAAM,cAAc,CAAC"}

package/dist/components/toast/toast.d.ts

@@ -0,0 +1,7 @@
+import { Component } from 'solid-js';
+import { ToastAPI, ToastData, ToastPosition, ToasterProps } from './toast.type';
+export declare const getToastYDirection: (toast: ToastData, defaultPos: ToastPosition) => 1 | -1;
+export declare const Toaster: Component<ToasterProps>;
+declare const toast: ToastAPI;
+export { toast };
+//# sourceMappingURL=toast.d.ts.map

package/dist/components/toast/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAgE,MAAM,UAAU,CAAC;AAMnG,OAAO,KAAK,EAGV,QAAQ,EACR,SAAS,EAET,aAAa,EAEb,YAAY,EAEb,MAAM,cAAc,CAAC;AAEtB,eAAO,MAAM,kBAAkB,GAAI,OAAO,SAAS,EAAE,YAAY,aAAa,WAI7E,CAAC;AA2SF,eAAO,MAAM,OAAO,EAAE,SAAS,CAAC,YAAY,CAc3C,CAAC;AAaF,QAAA,MAAM,KAAK,EAEL,QAAQ,CAAC;AA0Ef,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/toast/toast.js

@@ -0,0 +1,2 @@
+import{Success as e}from"./icons/SuccessIcon.js";import{Error as t}from"./icons/ErrorIcon.js";import{Loader as n}from"./icons/LoaderIcon.js";import{Info as r}from"./icons/InfoIcon.js";import{Warning as i}from"./icons/WarningIcon.js";import{toastStore as a}from"./toast.store.js";import{className as o,createComponent as s,delegateEvents as c,effect as l,insert as u,mergeProps as d,render as f,setAttribute as p,style as m,template as h,use as g}from"solid-js/web";import{For as _,Show as v,createEffect as y,createMemo as b,onCleanup as x,onMount as S}from"solid-js";import C from"lucide-solid/icons/x";var w=h(`<div aria-label=Close>`),T=h(`<div><div class="flex-1 text-sm">`),E=h(`<div class="w-fit max-w-[350px]">`),D=h(`<div class="fixed z-9999 flex flex-col p-4">`),O=(e,t)=>(e.position||t).includes(`top`)?1:-1,k=(e,t)=>typeof e==`function`?e(t):e,A=a=>{if(a.icon!==void 0)return a.icon;switch(a.type){case`success`:return s(e,d(()=>a.iconTheme));case`error`:return s(t,d(()=>a.iconTheme));case`info`:return s(r,d(()=>a.iconTheme));case`warning`:return s(i,d(()=>a.iconTheme));case`loading`:return s(n,d(()=>a.iconTheme));default:return null}},j=e=>(()=>{var t=w();return t.$$click=t=>{t.stopPropagation(),e.onClick()},u(t,s(C,{size:10,"stroke-width":4})),l(()=>o(t,`toa03 ${e.isRight?`toa04`:`toa05`}`)),t})(),M=e=>{let t=b(()=>A(e.toast)),n=b(()=>!e.position.includes(`right`)),r=()=>{a.removeToast(e.toast.id)};return(()=>{var i=T(),a=i.firstChild;return u(i,s(v,{get when(){return e.toast.showCloseIcon},get children(){return s(j,{onClick:r,get isRight(){return n()}})}}),a),u(i,s(v,{get when(){return t()},get children(){return t()}}),a),u(a,()=>e.toast.message),l(t=>{var n=`toa01 ${e.toast.class||``}`,r=e.toast.style,a=e.toast.ariaProps.role,s=e.toast.ariaProps[`aria-live`];return n!==t.e&&o(i,t.e=n),t.t=m(i,r,t.t),a!==t.a&&p(i,`role`,t.a=a),s!==t.o&&p(i,`aria-live`,t.o=s),t},{e:void 0,t:void 0,a:void 0,o:void 0}),i})()},N=e=>{let t,n,r,i=e.toast.duration,o=0,c=!1,l=n=>{n===1/0||!e.toast.visible||(o=Date.now(),t=setTimeout(()=>{a.dismissToast(e.toast.id)},n))},d=()=>{if(t){clearTimeout(t),t=void 0;let e=Date.now()-o;i=Math.max(0,i-e)}},f=()=>{!e.toast.canPause||c||(c=!0,d())},p=()=>{!e.toast.canPause||!c||(c=!1,l(i))};S(()=>{l(e.toast.duration),e.toast.canPause&&r&&(r.addEventListener(`mouseenter`,f),r.addEventListener(`mouseleave`,p))}),y(function(){let i=e.toast.visible;if(i||(t&&=(clearTimeout(t),void 0),n=setTimeout(()=>{a.removeToast(e.toast.id)},e.toast.unmountDelay)),!r)return;let o=O(e.toast,e.position);i?r.animate([{transform:`translate3d(0,${o*-200}%,0) scale(.6)`,opacity:.5},{transform:`translate3d(0,0,0) scale(1)`,opacity:1}],{duration:350,fill:`forwards`,easing:`cubic-bezier(.21,1.02,.73,1)`}):r.animate([{transform:`translate3d(0,0,-1px) scale(1)`,opacity:1},{transform:`translate3d(0,${o*-150}%,-1px) scale(.4)`,opacity:0}],{duration:400,fill:`forwards`,easing:`cubic-bezier(.06,.71,.55,1)`})}),x(function(){t&&clearTimeout(t),n&&clearTimeout(n),e.toast.canPause&&r&&(r.removeEventListener(`mouseenter`,f),r.removeEventListener(`mouseleave`,p))});let m=()=>e.toast.type===`custom`&&typeof e.toast.message==`function`?e.toast.message(e.toast):s(M,{get toast(){return e.toast},get position(){return e.position}});return(()=>{var e=E(),t=r;return typeof t==`function`?g(t,e):r=e,u(e,m),e})()},P=e=>{let t=()=>{let t=e.position,n={gap:`${e.gutter}px`};return t.includes(`top`)?n.top=`0`:(n.bottom=`0`,n[`flex-direction`]=`column-reverse`),t.includes(`left`)?(n.left=`0`,n[`align-items`]=`flex-start`):t.includes(`right`)?(n.right=`0`,n[`align-items`]=`flex-end`):(n.left=`50%`,n.transform=`translateX(-50%)`,n[`align-items`]=`center`),n};return s(v,{get when(){return e.toasts.length>0},get children(){var n=D();return u(n,s(_,{get each(){return e.toasts},children:t=>s(N,{toast:t,get position(){return e.position}})})),l(e=>m(n,t(),e)),n}})},F=e=>{let t=()=>e.position||`top-right`,n=()=>e.gutter??10,r=b(()=>{let e=a.toasts(),n={"top-left":[],"top-center":[],"top-right":[],"bottom-left":[],"bottom-center":[],"bottom-right":[]};for(let r of e)n[r.position||t()].push(r);return n});return s(_,{each:[`top-left`,`top-center`,`top-right`,`bottom-left`,`bottom-center`,`bottom-right`],children:e=>{let t=b(()=>r()[e]);return s(P,{position:e,get toasts(){return t()},get gutter(){return n()}})}})},I=!1,L=null,R=()=>{I||=(L=document.createElement(`div`),L.id=`sui-toast-container`,document.body.appendChild(L),f(()=>s(F,{}),L),!0)},z=e=>(S(()=>{I||=(L=document.createElement(`div`),L.id=`sui-toast-container`,document.body.appendChild(L),f(()=>s(F,e),L),!0)}),null),B=e=>(t,n)=>{R();let r=a.createToast(t,e,n);return a.upsertToast(r),r.id},V=((e,t)=>B(`blank`)(e,t));V.success=B(`success`),V.error=B(`error`),V.info=B(`info`),V.warning=B(`warning`),V.loading=B(`loading`),V.custom=(e,t)=>{R();let n=a.createToast(e,`custom`,t);return a.upsertToast(n),n.id},V.dismiss=e=>{a.dismissToast(e)},V.remove=e=>{a.removeToast(e)},V.pop=e=>{e?.animate===!1?a.removePop():a.dismissPop()},V.shift=e=>{e?.animate===!1?a.removeShift():a.dismissShift()},V.promise=async(e,t,n)=>{let r=V.loading(t.loading,n);try{let i=await e,o=k(t.success,i);return a.updateToast(r,{type:`success`,message:o,icon:void 0}),setTimeout(()=>{a.dismissToast(r)},n?.duration??3e3),i}catch(e){let i=k(t.error,e);throw a.updateToast(r,{type:`error`,message:i,icon:void 0}),setTimeout(()=>{a.dismissToast(r)},n?.duration??3e3),e}},c([`click`]);export{z as Toaster,V as toast};
+//# sourceMappingURL=toast.js.map