@algorithm-shift/design-system 1.2.34 → 1.2.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -1724,6 +1724,66 @@ var DateRange = ({ className, style, ...props }) => {
1724
1724
  };
1725
1725
  var DateRange_default = DateRange;
1726
1726
 
1727
+ // src/components/Inputs/TextInputGroup/TextInputGroup.tsx
1728
+ import * as React14 from "react";
1729
+ import { Fragment as Fragment15, jsx as jsx36, jsxs as jsxs20 } from "react/jsx-runtime";
1730
+ var TextInputGroup = ({ className, style, prepend, append = ".com", ...props }) => {
1731
+ const placeholder = props.placeholder ?? "Placeholder text";
1732
+ const isEditable = props.isEditable ?? true;
1733
+ const isDisabled = props.isDisabled ?? false;
1734
+ const isReadonly = props.isReadonly ?? false;
1735
+ const isAutocomplete = props.isAutocomplete ?? false;
1736
+ const [error, setError] = React14.useState(null);
1737
+ React14.useEffect(() => {
1738
+ if (!props.validateOnMount) return;
1739
+ setError(props.errorMessage || null);
1740
+ }, [props.errorMessage, props.validateOnMount]);
1741
+ const handleChange = (e) => {
1742
+ props.onChange?.(e);
1743
+ };
1744
+ return /* @__PURE__ */ jsxs20(Fragment15, { children: [
1745
+ /* @__PURE__ */ jsxs20(
1746
+ "div",
1747
+ {
1748
+ className: cn(
1749
+ "flex justify-start items-center relative border border-input rounded-md bg-transparent focus-within:ring-2 focus-within:ring-ring focus-within:border-primary",
1750
+ className,
1751
+ "p-0 m-0",
1752
+ error ? "border-red-500" : ""
1753
+ ),
1754
+ children: [
1755
+ prepend && /* @__PURE__ */ jsx36("div", { className: "px-3 flex items-center bg-gray-500 text-white h-10 rounded-l-md", children: prepend }),
1756
+ /* @__PURE__ */ jsx36(
1757
+ Input,
1758
+ {
1759
+ id: props.name || "prepend-input",
1760
+ type: "url",
1761
+ name: props.name,
1762
+ value: props.value,
1763
+ className: cn(
1764
+ className,
1765
+ "rounded-none flex-1 border-none focus:ring-0"
1766
+ ),
1767
+ style: {
1768
+ ...style,
1769
+ borderColor: error ? "#f87171" : style?.borderColor
1770
+ },
1771
+ autoComplete: isAutocomplete ? "on" : "off",
1772
+ placeholder,
1773
+ onChange: handleChange,
1774
+ disabled: isDisabled || !isEditable,
1775
+ readOnly: isReadonly
1776
+ }
1777
+ ),
1778
+ append && /* @__PURE__ */ jsx36("div", { className: "px-3 flex items-center bg-gray-500 text-white h-10 rounded-r-md", children: append })
1779
+ ]
1780
+ }
1781
+ ),
1782
+ error && /* @__PURE__ */ jsx36("p", { className: "mt-1 text-xs text-red-500", children: error })
1783
+ ] });
1784
+ };
1785
+ var TextInputGroup_default = TextInputGroup;
1786
+
1727
1787
  // src/components/ui/data-table.tsx
1728
1788
  import {
1729
1789
  flexRender,
@@ -1732,14 +1792,14 @@ import {
1732
1792
  } from "@tanstack/react-table";
1733
1793
 
1734
1794
  // src/components/ui/table.tsx
1735
- import { jsx as jsx36 } from "react/jsx-runtime";
1795
+ import { jsx as jsx37 } from "react/jsx-runtime";
1736
1796
  function Table({ className, ...props }) {
1737
- return /* @__PURE__ */ jsx36(
1797
+ return /* @__PURE__ */ jsx37(
1738
1798
  "div",
1739
1799
  {
1740
1800
  "data-slot": "table-container",
1741
1801
  className: "relative w-full overflow-x-auto rounded-md border border-gray-200 bg-white",
1742
- children: /* @__PURE__ */ jsx36(
1802
+ children: /* @__PURE__ */ jsx37(
1743
1803
  "table",
1744
1804
  {
1745
1805
  "data-slot": "table",
@@ -1751,7 +1811,7 @@ function Table({ className, ...props }) {
1751
1811
  );
1752
1812
  }
1753
1813
  function TableHeader({ className, ...props }) {
1754
- return /* @__PURE__ */ jsx36(
1814
+ return /* @__PURE__ */ jsx37(
1755
1815
  "thead",
1756
1816
  {
1757
1817
  "data-slot": "table-header",
@@ -1764,7 +1824,7 @@ function TableHeader({ className, ...props }) {
1764
1824
  );
1765
1825
  }
1766
1826
  function TableBody({ className, ...props }) {
1767
- return /* @__PURE__ */ jsx36(
1827
+ return /* @__PURE__ */ jsx37(
1768
1828
  "tbody",
1769
1829
  {
1770
1830
  "data-slot": "table-body",
@@ -1777,7 +1837,7 @@ function TableBody({ className, ...props }) {
1777
1837
  );
1778
1838
  }
1779
1839
  function TableRow({ className, ...props }) {
1780
- return /* @__PURE__ */ jsx36(
1840
+ return /* @__PURE__ */ jsx37(
1781
1841
  "tr",
1782
1842
  {
1783
1843
  "data-slot": "table-row",
@@ -1790,7 +1850,7 @@ function TableRow({ className, ...props }) {
1790
1850
  );
1791
1851
  }
1792
1852
  function TableHead({ className, ...props }) {
1793
- return /* @__PURE__ */ jsx36(
1853
+ return /* @__PURE__ */ jsx37(
1794
1854
  "th",
1795
1855
  {
1796
1856
  "data-slot": "table-head",
@@ -1803,7 +1863,7 @@ function TableHead({ className, ...props }) {
1803
1863
  );
1804
1864
  }
1805
1865
  function TableCell({ className, ...props }) {
1806
- return /* @__PURE__ */ jsx36(
1866
+ return /* @__PURE__ */ jsx37(
1807
1867
  "td",
1808
1868
  {
1809
1869
  "data-slot": "table-cell",
@@ -1817,7 +1877,7 @@ function TableCell({ className, ...props }) {
1817
1877
  }
1818
1878
 
1819
1879
  // src/components/ui/data-table.tsx
1820
- import { Fragment as Fragment15, jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
1880
+ import { Fragment as Fragment16, jsx as jsx38, jsxs as jsxs21 } from "react/jsx-runtime";
1821
1881
  function DataTable({
1822
1882
  columns,
1823
1883
  rowActions,
@@ -1842,14 +1902,14 @@ function DataTable({
1842
1902
  onCellClick(rowData, columnId);
1843
1903
  }
1844
1904
  };
1845
- return /* @__PURE__ */ jsx37("div", { className: "overflow-hidden rounded-md border w-full", children: /* @__PURE__ */ jsxs20(Table, { children: [
1846
- /* @__PURE__ */ jsx37(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx37(TableRow, { children: headerGroup.headers.map((header) => {
1847
- return /* @__PURE__ */ jsx37(TableHead, { children: header.isPlaceholder ? null : flexRender(
1905
+ return /* @__PURE__ */ jsx38("div", { className: "overflow-hidden rounded-md border w-full", children: /* @__PURE__ */ jsxs21(Table, { children: [
1906
+ /* @__PURE__ */ jsx38(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx38(TableRow, { children: headerGroup.headers.map((header) => {
1907
+ return /* @__PURE__ */ jsx38(TableHead, { children: header.isPlaceholder ? null : flexRender(
1848
1908
  header.column.columnDef.header,
1849
1909
  header.getContext()
1850
1910
  ) }, header.id);
1851
1911
  }) }, headerGroup.id)) }),
1852
- /* @__PURE__ */ jsx37(TableBody, { children: loading ? /* @__PURE__ */ jsx37(TableRow, { children: /* @__PURE__ */ jsx37(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "Loading..." }) }) : /* @__PURE__ */ jsx37(Fragment15, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsxs20(
1912
+ /* @__PURE__ */ jsx38(TableBody, { children: loading ? /* @__PURE__ */ jsx38(TableRow, { children: /* @__PURE__ */ jsx38(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "Loading..." }) }) : /* @__PURE__ */ jsx38(Fragment16, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsxs21(
1853
1913
  TableRow,
1854
1914
  {
1855
1915
  "data-state": row.getIsSelected() && "selected",
@@ -1859,7 +1919,7 @@ function DataTable({
1859
1919
  const isCellClickable = cellClickEnabled(row.original, cell.column.id);
1860
1920
  const dynamicClass = cell.column.columnDef.meta?.cellClass || "";
1861
1921
  const dynamicStyle = cell.column.columnDef.meta?.cellStyle || {};
1862
- return /* @__PURE__ */ jsx37(
1922
+ return /* @__PURE__ */ jsx38(
1863
1923
  TableCell,
1864
1924
  {
1865
1925
  className: `${dynamicClass} ${isCellClickable ? "underline cursor-pointer" : ""}`,
@@ -1874,18 +1934,18 @@ function DataTable({
1874
1934
  cell.id
1875
1935
  );
1876
1936
  }),
1877
- rowActions.length > 0 && /* @__PURE__ */ jsx37("div", { className: "absolute top-0 right-0 bg-white py-3 min-w-[100px] z-50 shadow-md flex items-center justify-center gap-3 p-2 opacity-0 group-hover:opacity-100 duration-300 h-full", children: rowActions.map((action, index) => /* @__PURE__ */ jsx37("p", { className: "text-[#383838] text-[12px] cursor-pointer font-[400]", children: action.header }, index)) })
1937
+ rowActions.length > 0 && /* @__PURE__ */ jsx38("div", { className: "absolute top-0 right-0 bg-white py-3 min-w-[100px] z-50 shadow-md flex items-center justify-center gap-3 p-2 opacity-0 group-hover:opacity-100 duration-300 h-full", children: rowActions.map((action, index) => /* @__PURE__ */ jsx38("p", { className: "text-[#383838] text-[12px] cursor-pointer font-[400]", children: action.header }, index)) })
1878
1938
  ]
1879
1939
  },
1880
1940
  row.id
1881
- )) : /* @__PURE__ */ jsx37(TableRow, { children: /* @__PURE__ */ jsx37(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "No results." }) }) }) })
1941
+ )) : /* @__PURE__ */ jsx38(TableRow, { children: /* @__PURE__ */ jsx38(TableCell, { colSpan: columns.length, className: "h-24 text-center", children: "No results." }) }) }) })
1882
1942
  ] }) });
1883
1943
  }
1884
1944
 
1885
1945
  // src/components/ui/pagination.tsx
1886
- import { jsx as jsx38, jsxs as jsxs21 } from "react/jsx-runtime";
1946
+ import { jsx as jsx39, jsxs as jsxs22 } from "react/jsx-runtime";
1887
1947
  function Pagination({ className, ...props }) {
1888
- return /* @__PURE__ */ jsx38(
1948
+ return /* @__PURE__ */ jsx39(
1889
1949
  "nav",
1890
1950
  {
1891
1951
  role: "navigation",
@@ -1900,7 +1960,7 @@ function PaginationContent({
1900
1960
  className,
1901
1961
  ...props
1902
1962
  }) {
1903
- return /* @__PURE__ */ jsx38(
1963
+ return /* @__PURE__ */ jsx39(
1904
1964
  "ul",
1905
1965
  {
1906
1966
  "data-slot": "pagination-content",
@@ -1910,7 +1970,7 @@ function PaginationContent({
1910
1970
  );
1911
1971
  }
1912
1972
  function PaginationItem({ ...props }) {
1913
- return /* @__PURE__ */ jsx38("li", { "data-slot": "pagination-item", ...props });
1973
+ return /* @__PURE__ */ jsx39("li", { "data-slot": "pagination-item", ...props });
1914
1974
  }
1915
1975
  function PaginationLink({
1916
1976
  className,
@@ -1918,7 +1978,7 @@ function PaginationLink({
1918
1978
  size = "icon",
1919
1979
  ...props
1920
1980
  }) {
1921
- return /* @__PURE__ */ jsx38(
1981
+ return /* @__PURE__ */ jsx39(
1922
1982
  "a",
1923
1983
  {
1924
1984
  "aria-current": isActive ? "page" : void 0,
@@ -1939,7 +1999,7 @@ function PaginationPrevious({
1939
1999
  className,
1940
2000
  ...props
1941
2001
  }) {
1942
- return /* @__PURE__ */ jsxs21(
2002
+ return /* @__PURE__ */ jsxs22(
1943
2003
  PaginationLink,
1944
2004
  {
1945
2005
  "aria-label": "Go to previous page",
@@ -1947,8 +2007,8 @@ function PaginationPrevious({
1947
2007
  className: cn("gap-1 px-2.5 sm:pl-2.5", className),
1948
2008
  ...props,
1949
2009
  children: [
1950
- /* @__PURE__ */ jsx38(ChevronLeft, {}),
1951
- /* @__PURE__ */ jsx38("span", { className: "hidden sm:block", children: "Previous" })
2010
+ /* @__PURE__ */ jsx39(ChevronLeft, {}),
2011
+ /* @__PURE__ */ jsx39("span", { className: "hidden sm:block", children: "Previous" })
1952
2012
  ]
1953
2013
  }
1954
2014
  );
@@ -1957,7 +2017,7 @@ function PaginationNext({
1957
2017
  className,
1958
2018
  ...props
1959
2019
  }) {
1960
- return /* @__PURE__ */ jsxs21(
2020
+ return /* @__PURE__ */ jsxs22(
1961
2021
  PaginationLink,
1962
2022
  {
1963
2023
  "aria-label": "Go to next page",
@@ -1965,8 +2025,8 @@ function PaginationNext({
1965
2025
  className: cn("gap-1 px-2.5 sm:pr-2.5", className),
1966
2026
  ...props,
1967
2027
  children: [
1968
- /* @__PURE__ */ jsx38("span", { className: "hidden sm:block", children: "Next" }),
1969
- /* @__PURE__ */ jsx38(ChevronRight, {})
2028
+ /* @__PURE__ */ jsx39("span", { className: "hidden sm:block", children: "Next" }),
2029
+ /* @__PURE__ */ jsx39(ChevronRight, {})
1970
2030
  ]
1971
2031
  }
1972
2032
  );
@@ -1975,7 +2035,7 @@ function PaginationEllipsis({
1975
2035
  className,
1976
2036
  ...props
1977
2037
  }) {
1978
- return /* @__PURE__ */ jsxs21(
2038
+ return /* @__PURE__ */ jsxs22(
1979
2039
  "span",
1980
2040
  {
1981
2041
  "aria-hidden": true,
@@ -1983,15 +2043,15 @@ function PaginationEllipsis({
1983
2043
  className: cn("flex size-9 items-center justify-center", className),
1984
2044
  ...props,
1985
2045
  children: [
1986
- /* @__PURE__ */ jsx38(Ellipsis, { className: "size-4" }),
1987
- /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "More pages" })
2046
+ /* @__PURE__ */ jsx39(Ellipsis, { className: "size-4" }),
2047
+ /* @__PURE__ */ jsx39("span", { className: "sr-only", children: "More pages" })
1988
2048
  ]
1989
2049
  }
1990
2050
  );
1991
2051
  }
1992
2052
 
1993
2053
  // src/components/DataDisplay/Pagination/Pagination.tsx
1994
- import { jsx as jsx39, jsxs as jsxs22 } from "react/jsx-runtime";
2054
+ import { jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
1995
2055
  var CustomPagination = ({
1996
2056
  totalPages,
1997
2057
  currentPage,
@@ -2033,15 +2093,15 @@ var CustomPagination = ({
2033
2093
  }
2034
2094
  };
2035
2095
  const pageNumbers = getPageNumbers();
2036
- return /* @__PURE__ */ jsx39(Pagination, { children: /* @__PURE__ */ jsxs22(PaginationContent, { children: [
2037
- /* @__PURE__ */ jsx39(PaginationItem, { children: /* @__PURE__ */ jsx39(
2096
+ return /* @__PURE__ */ jsx40(Pagination, { children: /* @__PURE__ */ jsxs23(PaginationContent, { children: [
2097
+ /* @__PURE__ */ jsx40(PaginationItem, { children: /* @__PURE__ */ jsx40(
2038
2098
  PaginationPrevious,
2039
2099
  {
2040
2100
  onClick: () => handlePageChange(currentPage - 1),
2041
2101
  className: currentPage === 1 ? "pointer-events-none opacity-50" : "cursor-pointer"
2042
2102
  }
2043
2103
  ) }),
2044
- pageNumbers.map((pageNumber, index) => /* @__PURE__ */ jsx39(PaginationItem, { children: pageNumber === "..." ? /* @__PURE__ */ jsx39(PaginationEllipsis, {}) : /* @__PURE__ */ jsx39(
2104
+ pageNumbers.map((pageNumber, index) => /* @__PURE__ */ jsx40(PaginationItem, { children: pageNumber === "..." ? /* @__PURE__ */ jsx40(PaginationEllipsis, {}) : /* @__PURE__ */ jsx40(
2045
2105
  PaginationLink,
2046
2106
  {
2047
2107
  onClick: () => handlePageChange(pageNumber),
@@ -2050,7 +2110,7 @@ var CustomPagination = ({
2050
2110
  children: pageNumber
2051
2111
  }
2052
2112
  ) }, index)),
2053
- /* @__PURE__ */ jsx39(PaginationItem, { children: /* @__PURE__ */ jsx39(
2113
+ /* @__PURE__ */ jsx40(PaginationItem, { children: /* @__PURE__ */ jsx40(
2054
2114
  PaginationNext,
2055
2115
  {
2056
2116
  onClick: () => handlePageChange(currentPage + 1),
@@ -2062,22 +2122,22 @@ var CustomPagination = ({
2062
2122
  var Pagination_default = CustomPagination;
2063
2123
 
2064
2124
  // src/components/DataDisplay/Table/Table.tsx
2065
- import { useState as useState17 } from "react";
2066
- import { jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
2125
+ import { useState as useState18 } from "react";
2126
+ import { jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
2067
2127
  var Table2 = ({ columns, data, rowActions, className, style, pagination = false, itemsPerPage = 10, onPageChange, loading = false }) => {
2068
2128
  const rawColumns = Array.isArray(columns) ? columns : [];
2069
2129
  const rawData = Array.isArray(data) ? data : [];
2070
2130
  const rawRowActions = Array.isArray(rowActions) ? rowActions : [];
2071
- const [currentPage, setCurrentPage] = useState17(1);
2131
+ const [currentPage, setCurrentPage] = useState18(1);
2072
2132
  const enablePagination = pagination && rawData.length > itemsPerPage;
2073
2133
  const handlePageChange = (page) => {
2074
2134
  setCurrentPage(page);
2075
2135
  onPageChange?.(page);
2076
2136
  };
2077
2137
  const paginatedData = enablePagination ? rawData.slice((currentPage - 1) * itemsPerPage, currentPage * itemsPerPage) : rawData;
2078
- return /* @__PURE__ */ jsxs23("div", { className: `${className} space-y-3`, style, children: [
2079
- /* @__PURE__ */ jsx40(DataTable, { columns: rawColumns, data: paginatedData, rowActions: rawRowActions, loading }),
2080
- enablePagination && /* @__PURE__ */ jsx40(
2138
+ return /* @__PURE__ */ jsxs24("div", { className: `${className} space-y-3`, style, children: [
2139
+ /* @__PURE__ */ jsx41(DataTable, { columns: rawColumns, data: paginatedData, rowActions: rawRowActions, loading }),
2140
+ enablePagination && /* @__PURE__ */ jsx41(
2081
2141
  Pagination_default,
2082
2142
  {
2083
2143
  totalPages: Math.ceil(rawData.length / itemsPerPage),
@@ -2091,16 +2151,16 @@ var Table_default = Table2;
2091
2151
 
2092
2152
  // src/components/ui/dropdown-menu.tsx
2093
2153
  import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
2094
- import { jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
2154
+ import { jsx as jsx42, jsxs as jsxs25 } from "react/jsx-runtime";
2095
2155
  function DropdownMenu({
2096
2156
  ...props
2097
2157
  }) {
2098
- return /* @__PURE__ */ jsx41(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
2158
+ return /* @__PURE__ */ jsx42(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
2099
2159
  }
2100
2160
  function DropdownMenuTrigger({
2101
2161
  ...props
2102
2162
  }) {
2103
- return /* @__PURE__ */ jsx41(
2163
+ return /* @__PURE__ */ jsx42(
2104
2164
  DropdownMenuPrimitive.Trigger,
2105
2165
  {
2106
2166
  "data-slot": "dropdown-menu-trigger",
@@ -2113,7 +2173,7 @@ function DropdownMenuContent({
2113
2173
  sideOffset = 4,
2114
2174
  ...props
2115
2175
  }) {
2116
- return /* @__PURE__ */ jsx41(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx41(
2176
+ return /* @__PURE__ */ jsx42(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx42(
2117
2177
  DropdownMenuPrimitive.Content,
2118
2178
  {
2119
2179
  "data-slot": "dropdown-menu-content",
@@ -2132,7 +2192,7 @@ function DropdownMenuItem({
2132
2192
  variant = "default",
2133
2193
  ...props
2134
2194
  }) {
2135
- return /* @__PURE__ */ jsx41(
2195
+ return /* @__PURE__ */ jsx42(
2136
2196
  DropdownMenuPrimitive.Item,
2137
2197
  {
2138
2198
  "data-slot": "dropdown-menu-item",
@@ -2151,7 +2211,7 @@ function DropdownMenuLabel({
2151
2211
  inset,
2152
2212
  ...props
2153
2213
  }) {
2154
- return /* @__PURE__ */ jsx41(
2214
+ return /* @__PURE__ */ jsx42(
2155
2215
  DropdownMenuPrimitive.Label,
2156
2216
  {
2157
2217
  "data-slot": "dropdown-menu-label",
@@ -2168,7 +2228,7 @@ function DropdownMenuSeparator({
2168
2228
  className,
2169
2229
  ...props
2170
2230
  }) {
2171
- return /* @__PURE__ */ jsx41(
2231
+ return /* @__PURE__ */ jsx42(
2172
2232
  DropdownMenuPrimitive.Separator,
2173
2233
  {
2174
2234
  "data-slot": "dropdown-menu-separator",
@@ -2179,7 +2239,7 @@ function DropdownMenuSeparator({
2179
2239
  }
2180
2240
 
2181
2241
  // src/components/Navigation/Tabs/Tabs.tsx
2182
- import { jsx as jsx42, jsxs as jsxs25 } from "react/jsx-runtime";
2242
+ import { jsx as jsx43, jsxs as jsxs26 } from "react/jsx-runtime";
2183
2243
  var Tabs = ({ tabs, className, style, pathname, LinkComponent }) => {
2184
2244
  const rawTabs = Array.isArray(tabs) ? tabs : [];
2185
2245
  const baseClasses = "text-[12px] text-[#E9E9E9] p-2 text-center rounded-md transition-colors border-none outline-none focus:outline-none focus:ring-0 focus:ring-offset-0 cursor-pointer select-none ";
@@ -2189,7 +2249,7 @@ var Tabs = ({ tabs, className, style, pathname, LinkComponent }) => {
2189
2249
  if (!path) return false;
2190
2250
  return pathname === path || path !== "/" && pathname?.startsWith(path);
2191
2251
  };
2192
- return /* @__PURE__ */ jsx42("div", { className, style, children: rawTabs.map((tab, index) => {
2252
+ return /* @__PURE__ */ jsx43("div", { className, style, children: rawTabs.map((tab, index) => {
2193
2253
  const finalClasses = [
2194
2254
  baseClasses,
2195
2255
  isActive(tab.href) ? activeClasses : hoverClasses,
@@ -2197,29 +2257,29 @@ var Tabs = ({ tabs, className, style, pathname, LinkComponent }) => {
2197
2257
  ].join(" ");
2198
2258
  const hasDropdown = Array.isArray(tab.children) && tab.children.length > 0 && tab.isDropDown;
2199
2259
  if (hasDropdown) {
2200
- return /* @__PURE__ */ jsxs25(DropdownMenu, { children: [
2201
- /* @__PURE__ */ jsxs25(
2260
+ return /* @__PURE__ */ jsxs26(DropdownMenu, { children: [
2261
+ /* @__PURE__ */ jsxs26(
2202
2262
  DropdownMenuTrigger,
2203
2263
  {
2204
2264
  className: `${finalClasses} inline-flex items-center gap-1`,
2205
2265
  children: [
2206
2266
  tab.header,
2207
- /* @__PURE__ */ jsx42(ChevronDown, { className: "h-4 w-4 opacity-80" })
2267
+ /* @__PURE__ */ jsx43(ChevronDown, { className: "h-4 w-4 opacity-80" })
2208
2268
  ]
2209
2269
  }
2210
2270
  ),
2211
- /* @__PURE__ */ jsx42(
2271
+ /* @__PURE__ */ jsx43(
2212
2272
  DropdownMenuContent,
2213
2273
  {
2214
2274
  align: "start",
2215
2275
  sideOffset: 6,
2216
2276
  className: "z-50 min-w-[160px] rounded-md border border-gray-200 bg-white p-1 shadow-lg",
2217
- children: tab.children.map((item) => /* @__PURE__ */ jsx42(
2277
+ children: tab.children.map((item) => /* @__PURE__ */ jsx43(
2218
2278
  DropdownMenuItem,
2219
2279
  {
2220
2280
  asChild: true,
2221
2281
  className: "cursor-pointer rounded-sm px-3 py-2 text-[12px] text-gray-800 hover:bg-gray-100 focus:bg-gray-100",
2222
- children: LinkComponent ? /* @__PURE__ */ jsx42(LinkComponent, { href: item.href || "#", children: item.header }) : item.header
2282
+ children: LinkComponent ? /* @__PURE__ */ jsx43(LinkComponent, { href: item.href || "#", children: item.header }) : item.header
2223
2283
  },
2224
2284
  item.id
2225
2285
  ))
@@ -2227,19 +2287,19 @@ var Tabs = ({ tabs, className, style, pathname, LinkComponent }) => {
2227
2287
  )
2228
2288
  ] }, index);
2229
2289
  }
2230
- return tab.url && LinkComponent ? /* @__PURE__ */ jsx42(LinkComponent, { href: tab.url, className: finalClasses, style: tab.style, children: tab.header }, index) : /* @__PURE__ */ jsx42("div", { className: finalClasses, style: tab.style, role: "button", tabIndex: 0, children: tab.header }, index);
2290
+ return tab.url && LinkComponent ? /* @__PURE__ */ jsx43(LinkComponent, { href: tab.url, className: finalClasses, style: tab.style, children: tab.header }, index) : /* @__PURE__ */ jsx43("div", { className: finalClasses, style: tab.style, role: "button", tabIndex: 0, children: tab.header }, index);
2231
2291
  }) });
2232
2292
  };
2233
2293
  var Tabs_default = Tabs;
2234
2294
 
2235
2295
  // src/components/Navigation/Stages/Stages.tsx
2236
- import React14 from "react";
2237
- import { jsx as jsx43, jsxs as jsxs26 } from "react/jsx-runtime";
2296
+ import React15 from "react";
2297
+ import { jsx as jsx44, jsxs as jsxs27 } from "react/jsx-runtime";
2238
2298
  var StagesComponent = ({ stages, isShowBtn, buttonText, className, style }) => {
2239
- return /* @__PURE__ */ jsx43("div", { className, style, children: /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between bg-gray-50 p-2 rounded-lg border border-gray-200 w-full", children: [
2240
- /* @__PURE__ */ jsx43("div", { className: "flex items-center", children: /* @__PURE__ */ jsx43("button", { className: "p-2 hover:bg-gray-100 rounded", children: /* @__PURE__ */ jsx43("svg", { className: "w-4 h-4 text-gray-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx43("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }) }),
2241
- /* @__PURE__ */ jsx43("div", { className: "flex items-center flex-1 px-2", children: stages?.length > 0 && stages?.map((stage, index) => /* @__PURE__ */ jsxs26(React14.Fragment, { children: [
2242
- /* @__PURE__ */ jsx43(
2299
+ return /* @__PURE__ */ jsx44("div", { className, style, children: /* @__PURE__ */ jsxs27("div", { className: "flex items-center justify-between bg-gray-50 p-2 rounded-lg border border-gray-200 w-full", children: [
2300
+ /* @__PURE__ */ jsx44("div", { className: "flex items-center", children: /* @__PURE__ */ jsx44("button", { className: "p-2 hover:bg-gray-100 rounded", children: /* @__PURE__ */ jsx44("svg", { className: "w-4 h-4 text-gray-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx44("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) }) }),
2301
+ /* @__PURE__ */ jsx44("div", { className: "flex items-center flex-1 px-2", children: stages?.length > 0 && stages?.map((stage, index) => /* @__PURE__ */ jsxs27(React15.Fragment, { children: [
2302
+ /* @__PURE__ */ jsx44(
2243
2303
  "button",
2244
2304
  {
2245
2305
  className: `
@@ -2247,26 +2307,26 @@ var StagesComponent = ({ stages, isShowBtn, buttonText, className, style }) => {
2247
2307
  children: stage.header
2248
2308
  }
2249
2309
  ),
2250
- index < stages.length - 1 && /* @__PURE__ */ jsx43("div", { className: "flex-shrink-0 w-3 h-px bg-gray-300" })
2310
+ index < stages.length - 1 && /* @__PURE__ */ jsx44("div", { className: "flex-shrink-0 w-3 h-px bg-gray-300" })
2251
2311
  ] }, stage.id)) }),
2252
- isShowBtn && /* @__PURE__ */ jsx43("div", { className: "flex items-center", children: /* @__PURE__ */ jsx43("button", { className: "bg-[#034486] text-white px-6 py-2 rounded-lg text-sm font-medium transition-colors duration-200 shadow-sm", children: buttonText }) })
2312
+ isShowBtn && /* @__PURE__ */ jsx44("div", { className: "flex items-center", children: /* @__PURE__ */ jsx44("button", { className: "bg-[#034486] text-white px-6 py-2 rounded-lg text-sm font-medium transition-colors duration-200 shadow-sm", children: buttonText }) })
2253
2313
  ] }) });
2254
2314
  };
2255
2315
  var Stages_default = StagesComponent;
2256
2316
 
2257
2317
  // src/components/Navigation/Spacer/Spacer.tsx
2258
- import { jsx as jsx44 } from "react/jsx-runtime";
2318
+ import { jsx as jsx45 } from "react/jsx-runtime";
2259
2319
  var Spacer = ({ className, style }) => {
2260
- return /* @__PURE__ */ jsx44("div", { className: `${className}`, style });
2320
+ return /* @__PURE__ */ jsx45("div", { className: `${className}`, style });
2261
2321
  };
2262
2322
  var Spacer_default = Spacer;
2263
2323
 
2264
2324
  // src/components/Navigation/Profile/Profile.tsx
2265
- import { jsx as jsx45, jsxs as jsxs27 } from "react/jsx-runtime";
2325
+ import { jsx as jsx46, jsxs as jsxs28 } from "react/jsx-runtime";
2266
2326
  var Profile = ({ profileType, showName, userName, className, style }) => {
2267
- return /* @__PURE__ */ jsx45("div", { className, style, children: /* @__PURE__ */ jsxs27("div", { className: "flex gap-2 items-center justify-between w-30 cursor-pointer", children: [
2268
- showName && /* @__PURE__ */ jsx45("h4", { className: "text-[#000000] dark:text-[#fff] text-[13px] font-[500] mb-0", children: userName }),
2269
- profileType === "avatar" ? /* @__PURE__ */ jsx45(
2327
+ return /* @__PURE__ */ jsx46("div", { className, style, children: /* @__PURE__ */ jsxs28("div", { className: "flex gap-2 items-center justify-between w-30 cursor-pointer", children: [
2328
+ showName && /* @__PURE__ */ jsx46("h4", { className: "text-[#000000] dark:text-[#fff] text-[13px] font-[500] mb-0", children: userName }),
2329
+ profileType === "avatar" ? /* @__PURE__ */ jsx46(
2270
2330
  "img",
2271
2331
  {
2272
2332
  src: "https://builder.development.algorithmshift.ai/images/toolset/profile.svg",
@@ -2274,16 +2334,16 @@ var Profile = ({ profileType, showName, userName, className, style }) => {
2274
2334
  width: 24,
2275
2335
  height: 24
2276
2336
  }
2277
- ) : /* @__PURE__ */ jsx45("div", { className: "w-6 h-6 bg-[#12715b] rounded-full text-[#fff] text-center text-[11px] flex items-center justify-center", children: "A" })
2337
+ ) : /* @__PURE__ */ jsx46("div", { className: "w-6 h-6 bg-[#12715b] rounded-full text-[#fff] text-center text-[11px] flex items-center justify-center", children: "A" })
2278
2338
  ] }) });
2279
2339
  };
2280
2340
  var Profile_default = Profile;
2281
2341
 
2282
2342
  // src/components/Navigation/Notification/Notification.tsx
2283
- import { jsx as jsx46, jsxs as jsxs28 } from "react/jsx-runtime";
2343
+ import { jsx as jsx47, jsxs as jsxs29 } from "react/jsx-runtime";
2284
2344
  var Notification = ({ className, style, badgeType, badgeCount = 0, hideBadgeWhenZero }) => {
2285
- return /* @__PURE__ */ jsx46("div", { className, style, children: /* @__PURE__ */ jsxs28("div", { className: "w-[34px] h-[34px] bg-[#E9E9E9] rounded-md text-center flex items-center justify-center relative", children: [
2286
- /* @__PURE__ */ jsx46(
2345
+ return /* @__PURE__ */ jsx47("div", { className, style, children: /* @__PURE__ */ jsxs29("div", { className: "w-[34px] h-[34px] bg-[#E9E9E9] rounded-md text-center flex items-center justify-center relative", children: [
2346
+ /* @__PURE__ */ jsx47(
2287
2347
  "img",
2288
2348
  {
2289
2349
  src: "https://builder.development.algorithmshift.ai/images/toolset/notification.svg",
@@ -2292,7 +2352,7 @@ var Notification = ({ className, style, badgeType, badgeCount = 0, hideBadgeWhen
2292
2352
  height: 18
2293
2353
  }
2294
2354
  ),
2295
- badgeType === "number" && !(hideBadgeWhenZero && badgeCount === 0) && badgeCount > 0 ? /* @__PURE__ */ jsx46("span", { className: "text-[10px] text-[#fff] bg-[#FF4A4A] w-[20px] h-[20px] rounded-full absolute top-0 right-0 transform translate-x-1/2 -translate-y-1/2 leading-[20px]", children: badgeCount }) : /* @__PURE__ */ jsx46("span", { className: "bg-[#FF4A4A] w-[10px] h-[10px] rounded-full absolute top-0 right-0 transform translate-x-1/2 -translate-y-1/2 leading-[20px]" })
2355
+ badgeType === "number" && !(hideBadgeWhenZero && badgeCount === 0) && badgeCount > 0 ? /* @__PURE__ */ jsx47("span", { className: "text-[10px] text-[#fff] bg-[#FF4A4A] w-[20px] h-[20px] rounded-full absolute top-0 right-0 transform translate-x-1/2 -translate-y-1/2 leading-[20px]", children: badgeCount }) : /* @__PURE__ */ jsx47("span", { className: "bg-[#FF4A4A] w-[10px] h-[10px] rounded-full absolute top-0 right-0 transform translate-x-1/2 -translate-y-1/2 leading-[20px]" })
2296
2356
  ] }) });
2297
2357
  };
2298
2358
  var Notification_default = Notification;
@@ -2301,7 +2361,7 @@ var Notification_default = Notification;
2301
2361
  var logo_placeholder_default = "data:image/png;base64,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dBvJqqioiFtuuSUmT55c6FaOq7q6Ou6666546KGHYs+ePYVu55jKy8vj+9///pe3ki408wpw1OCInIHT3syZM+P2229P4gD0qy644IK47bbbBuRD7JIlSwZNuPGF0tLSuPHGGwfdt4FfZW1BbkaMGBH33HPPoD4I/sLIkSPjRz/60aDbtPML119/fYwcObLQbUSEeQX4KgEHkHdz5syJG2+8MW93Acm3adOmxR133JHX/hcuXBgzZ87MW/3+KC8vj+uvv77QbRyTtQW5qaqqinvvvXdQh5XfNGrUqPje9743YHdAytWkSZPivPPOK3QbEWFeAb5JwAHk1bnnnhvf+c53kv8g09jYGDfffHNeXkdjY2NcdtllmdfN0mDc08LagtxUVFTEnXfeOWjOOOiLxsbGuOKKKwrdxpdKSkriuuuuK3QbEWFeAY5FwAHkTV1dXSxevHjQbMDWX9/61rfiqquuyrRmZWVlLFmyxMFtH1lbkJvi4uK49dZbo6amptCtnLJvf/vbUVdXV+g2IuLo2Qdjx44tdBvmFeA4To9PhsCgU15eHt/73veirKys0K1kav78+XHuuedmVu/qq6+OqqqqzOqdCawtyN1VV10VkyZNKnQb/VJcXBzf/e53BcFfYV4Bjs3OZkBeXHvttVFdXV3oNvLihhtuiM8++yza29v7VaehoWHQXMedEmsLcjNp0qS46KKLMq3Z29sbGzZsiE8//TS2bdsWu3btis7OzoiIGD58eIwfPz6amppi2rRpmYaQdXV1MWfOnHj33Xczq5kq8wpwfAIOIHONjY0xe/bsQreRN5WVlXHdddfFk08+2a8611xzjW+u+sjagtyUlJRk/u346tWr49VXX43W1tZj/ry9vT0+//zzWLFiRVRWVsaCBQti3rx5mV1K9k//9E/x3nvvndG3VjavACfmEhUgU0VFRXHDDTcUuo28a25ujqamplN+fmNjYzQ0NGTY0enP2oLcXXrppZntz7B///546KGH4sknnzzuQfA3tbe3x/PPPx+//e1v4/Dhw5n0MWrUqJg1a1YmtVJlXgFOzBkcQKbmzJmT103PDh06FOvXr4/NmzfHjh07Ys+ePdHR0RERR6/nraqqipqammhoaIjJkyfHmDFj8tbL5ZdfHp9++ukpPXcg7pqyd+/eWLduXWzYsCF27twZbW1tERFRVlYWtbW1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";
2302
2362
 
2303
2363
  // src/components/Navigation/Logo/Logo.tsx
2304
- import { jsx as jsx47 } from "react/jsx-runtime";
2364
+ import { jsx as jsx48 } from "react/jsx-runtime";
2305
2365
  var Logo = ({
2306
2366
  className,
2307
2367
  style,
@@ -2309,7 +2369,7 @@ var Logo = ({
2309
2369
  altText = "Preview"
2310
2370
  }) => {
2311
2371
  if (!imageUrl) {
2312
- return /* @__PURE__ */ jsx47(
2372
+ return /* @__PURE__ */ jsx48(
2313
2373
  "div",
2314
2374
  {
2315
2375
  className: cn(
@@ -2317,19 +2377,19 @@ var Logo = ({
2317
2377
  "p-0"
2318
2378
  ),
2319
2379
  style,
2320
- children: /* @__PURE__ */ jsx47("img", { src: logo_placeholder_default, alt: altText, className: "opacity-50", width: 150, height: 80 })
2380
+ children: /* @__PURE__ */ jsx48("img", { src: logo_placeholder_default, alt: altText, className: "opacity-50", width: 150, height: 80 })
2321
2381
  }
2322
2382
  );
2323
2383
  }
2324
- return /* @__PURE__ */ jsx47("img", { src: imageUrl, alt: altText, className, style });
2384
+ return /* @__PURE__ */ jsx48("img", { src: imageUrl, alt: altText, className, style });
2325
2385
  };
2326
2386
  var Logo_default = Logo;
2327
2387
 
2328
2388
  // src/components/ui/avatar.tsx
2329
- import * as React15 from "react";
2389
+ import * as React16 from "react";
2330
2390
  import * as AvatarPrimitive from "@radix-ui/react-avatar";
2331
- import { jsx as jsx48 } from "react/jsx-runtime";
2332
- var Avatar = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
2391
+ import { jsx as jsx49 } from "react/jsx-runtime";
2392
+ var Avatar = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
2333
2393
  AvatarPrimitive.Root,
2334
2394
  {
2335
2395
  ref,
@@ -2341,7 +2401,7 @@ var Avatar = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
2341
2401
  }
2342
2402
  ));
2343
2403
  Avatar.displayName = AvatarPrimitive.Root.displayName;
2344
- var AvatarImage = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
2404
+ var AvatarImage = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
2345
2405
  AvatarPrimitive.Image,
2346
2406
  {
2347
2407
  ref,
@@ -2350,7 +2410,7 @@ var AvatarImage = React15.forwardRef(({ className, ...props }, ref) => /* @__PUR
2350
2410
  }
2351
2411
  ));
2352
2412
  AvatarImage.displayName = AvatarPrimitive.Image.displayName;
2353
- var AvatarFallback = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
2413
+ var AvatarFallback = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
2354
2414
  AvatarPrimitive.Fallback,
2355
2415
  {
2356
2416
  ref,
@@ -2364,7 +2424,7 @@ var AvatarFallback = React15.forwardRef(({ className, ...props }, ref) => /* @__
2364
2424
  AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
2365
2425
 
2366
2426
  // src/components/Navigation/Navbar/Navbar.tsx
2367
- import { Fragment as Fragment16, jsx as jsx49, jsxs as jsxs29 } from "react/jsx-runtime";
2427
+ import { Fragment as Fragment17, jsx as jsx50, jsxs as jsxs30 } from "react/jsx-runtime";
2368
2428
  function Navbar({
2369
2429
  style,
2370
2430
  badgeType,
@@ -2379,61 +2439,61 @@ function Navbar({
2379
2439
  ImageComponent
2380
2440
  }) {
2381
2441
  const isMobileView = canvasMode === "mobile" || canvasMode === "tablet";
2382
- return /* @__PURE__ */ jsx49("nav", { className: "w-full border-b bg-white shadow-sm", style, children: /* @__PURE__ */ jsxs29("div", { className: "mx-auto flex max-w-7xl items-center justify-between px-4 py-2", children: [
2383
- LinkComponent && ImageComponent ? /* @__PURE__ */ jsx49(LinkComponent, { href: "/", className: "flex items-center space-x-2", children: imageUrl ? /* @__PURE__ */ jsx49(ImageComponent, { src: imageUrl, alt: altText, width: 200, height: 200 }) : /* @__PURE__ */ jsx49("span", { className: "font-semibold text-blue-700", children: "Logo" }) }) : /* @__PURE__ */ jsx49("span", { className: "font-semibold text-blue-700", children: "Logo" }),
2384
- /* @__PURE__ */ jsxs29("div", { className: "flex items-center space-x-3", children: [
2385
- !isMobileView ? /* @__PURE__ */ jsx49("div", { className: "flex-1 px-6", children: /* @__PURE__ */ jsxs29("div", { className: "relative w-full max-w-md border border-gray-300 rounded-md", children: [
2386
- /* @__PURE__ */ jsx49(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }),
2387
- /* @__PURE__ */ jsx49(Input, { placeholder: "Search", className: "pl-9 text-gray-400" })
2388
- ] }) }) : /* @__PURE__ */ jsx49(
2442
+ return /* @__PURE__ */ jsx50("nav", { className: "w-full border-b bg-white shadow-sm", style, children: /* @__PURE__ */ jsxs30("div", { className: "mx-auto flex max-w-7xl items-center justify-between px-4 py-2", children: [
2443
+ LinkComponent && ImageComponent ? /* @__PURE__ */ jsx50(LinkComponent, { href: "/", className: "flex items-center space-x-2", children: imageUrl ? /* @__PURE__ */ jsx50(ImageComponent, { src: imageUrl, alt: altText, width: 200, height: 200 }) : /* @__PURE__ */ jsx50("span", { className: "font-semibold text-blue-700", children: "Logo" }) }) : /* @__PURE__ */ jsx50("span", { className: "font-semibold text-blue-700", children: "Logo" }),
2444
+ /* @__PURE__ */ jsxs30("div", { className: "flex items-center space-x-3", children: [
2445
+ !isMobileView ? /* @__PURE__ */ jsx50("div", { className: "flex-1 px-6", children: /* @__PURE__ */ jsxs30("div", { className: "relative w-full max-w-md border border-gray-300 rounded-md", children: [
2446
+ /* @__PURE__ */ jsx50(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }),
2447
+ /* @__PURE__ */ jsx50(Input, { placeholder: "Search", className: "pl-9 text-gray-400" })
2448
+ ] }) }) : /* @__PURE__ */ jsx50(
2389
2449
  Button,
2390
2450
  {
2391
2451
  variant: "ghost",
2392
2452
  size: "icon",
2393
2453
  className: "border border-gray-400",
2394
- children: /* @__PURE__ */ jsx49(Search, { className: "h-5 w-5 text-gray-400" })
2454
+ children: /* @__PURE__ */ jsx50(Search, { className: "h-5 w-5 text-gray-400" })
2395
2455
  }
2396
2456
  ),
2397
- /* @__PURE__ */ jsxs29("div", { className: "relative bg-[#E9E9E9] rounded-md", children: [
2398
- /* @__PURE__ */ jsx49(Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsx49(Bell, { className: "h-5 w-5 text-[#1C1B1F]" }) }),
2399
- badgeType === "number" && !(hideBadgeWhenZero && badgeCount === 0) && badgeCount > 0 ? /* @__PURE__ */ jsx49("span", { className: "absolute -top-1 -right-1 flex h-4 w-4 items-center justify-center rounded-full bg-red-500 text-[10px] text-white leading-8", children: badgeCount }) : /* @__PURE__ */ jsx49("span", { className: "absolute -top-1 -right-1 flex h-2 w-2 items-center justify-center rounded-full bg-red-500" })
2457
+ /* @__PURE__ */ jsxs30("div", { className: "relative bg-[#E9E9E9] rounded-md", children: [
2458
+ /* @__PURE__ */ jsx50(Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsx50(Bell, { className: "h-5 w-5 text-[#1C1B1F]" }) }),
2459
+ badgeType === "number" && !(hideBadgeWhenZero && badgeCount === 0) && badgeCount > 0 ? /* @__PURE__ */ jsx50("span", { className: "absolute -top-1 -right-1 flex h-4 w-4 items-center justify-center rounded-full bg-red-500 text-[10px] text-white leading-8", children: badgeCount }) : /* @__PURE__ */ jsx50("span", { className: "absolute -top-1 -right-1 flex h-2 w-2 items-center justify-center rounded-full bg-red-500" })
2400
2460
  ] }),
2401
- /* @__PURE__ */ jsxs29(DropdownMenu, { children: [
2402
- /* @__PURE__ */ jsx49(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs29("div", { className: "flex items-center space-x-2", children: [
2403
- !isMobileView && showName && /* @__PURE__ */ jsx49("h4", { className: "text-[#000000] text-[13px] font-[500] mb-0", children: "Akbar Sheriff" }),
2404
- !isMobileView ? /* @__PURE__ */ jsxs29(Fragment16, { children: [
2405
- /* @__PURE__ */ jsx49(Avatar, { className: "cursor-pointer h-8 w-8 text-gray-900", children: profileType === "avatar" ? /* @__PURE__ */ jsx49(
2461
+ /* @__PURE__ */ jsxs30(DropdownMenu, { children: [
2462
+ /* @__PURE__ */ jsx50(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs30("div", { className: "flex items-center space-x-2", children: [
2463
+ !isMobileView && showName && /* @__PURE__ */ jsx50("h4", { className: "text-[#000000] text-[13px] font-[500] mb-0", children: "Akbar Sheriff" }),
2464
+ !isMobileView ? /* @__PURE__ */ jsxs30(Fragment17, { children: [
2465
+ /* @__PURE__ */ jsx50(Avatar, { className: "cursor-pointer h-8 w-8 text-gray-900", children: profileType === "avatar" ? /* @__PURE__ */ jsx50(
2406
2466
  AvatarImage,
2407
2467
  {
2408
2468
  src: "/images/appbuilder/toolset/profile.svg",
2409
2469
  alt: "Akbar Sheriff"
2410
2470
  }
2411
- ) : /* @__PURE__ */ jsx49("div", { className: "w-8 h-8 bg-[#12715b] rounded-full text-[#fff] text-center text-[11px] flex items-center justify-center", children: "AS" }) }),
2412
- /* @__PURE__ */ jsx49(
2471
+ ) : /* @__PURE__ */ jsx50("div", { className: "w-8 h-8 bg-[#12715b] rounded-full text-[#fff] text-center text-[11px] flex items-center justify-center", children: "AS" }) }),
2472
+ /* @__PURE__ */ jsx50(
2413
2473
  Button,
2414
2474
  {
2415
2475
  variant: "ghost",
2416
2476
  size: "icon",
2417
2477
  className: "text-gray-900 md:hidden",
2418
- children: /* @__PURE__ */ jsx49(Menu, { className: "h-6 w-6" })
2478
+ children: /* @__PURE__ */ jsx50(Menu, { className: "h-6 w-6" })
2419
2479
  }
2420
2480
  )
2421
- ] }) : /* @__PURE__ */ jsx49(
2481
+ ] }) : /* @__PURE__ */ jsx50(
2422
2482
  Button,
2423
2483
  {
2424
2484
  variant: "ghost",
2425
2485
  size: "icon",
2426
2486
  className: "text-gray-900",
2427
- children: /* @__PURE__ */ jsx49(Menu, { className: "h-6 w-6" })
2487
+ children: /* @__PURE__ */ jsx50(Menu, { className: "h-6 w-6" })
2428
2488
  }
2429
2489
  )
2430
2490
  ] }) }),
2431
- /* @__PURE__ */ jsxs29(DropdownMenuContent, { align: "end", className: "bg-white", children: [
2432
- /* @__PURE__ */ jsx49(DropdownMenuLabel, { className: "text-black", children: "My Account" }),
2433
- /* @__PURE__ */ jsx49(DropdownMenuSeparator, {}),
2434
- /* @__PURE__ */ jsx49(DropdownMenuItem, { className: "text-black", children: "Profile" }),
2435
- /* @__PURE__ */ jsx49(DropdownMenuItem, { className: "text-black", children: "Settings" }),
2436
- /* @__PURE__ */ jsx49(DropdownMenuItem, { className: "text-black", children: "Logout" })
2491
+ /* @__PURE__ */ jsxs30(DropdownMenuContent, { align: "end", className: "bg-white", children: [
2492
+ /* @__PURE__ */ jsx50(DropdownMenuLabel, { className: "text-black", children: "My Account" }),
2493
+ /* @__PURE__ */ jsx50(DropdownMenuSeparator, {}),
2494
+ /* @__PURE__ */ jsx50(DropdownMenuItem, { className: "text-black", children: "Profile" }),
2495
+ /* @__PURE__ */ jsx50(DropdownMenuItem, { className: "text-black", children: "Settings" }),
2496
+ /* @__PURE__ */ jsx50(DropdownMenuItem, { className: "text-black", children: "Logout" })
2437
2497
  ] })
2438
2498
  ] })
2439
2499
  ] })
@@ -2442,28 +2502,28 @@ function Navbar({
2442
2502
 
2443
2503
  // src/components/Chart/BarChart.tsx
2444
2504
  import { BarChart, Bar, Area, AreaChart, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer, Legend } from "recharts";
2445
- import { jsx as jsx50, jsxs as jsxs30 } from "react/jsx-runtime";
2505
+ import { jsx as jsx51, jsxs as jsxs31 } from "react/jsx-runtime";
2446
2506
  var ChartComponent = ({ className, style, ...props }) => {
2447
2507
  const data = Array.isArray(props?.data) ? props.data : [];
2448
2508
  const chartType = props.chartType || "bar";
2449
2509
  const legendsPosition = props.legendsPosition === "middle" || props.legendsPosition === "bottom" ? props.legendsPosition : "top";
2450
- return /* @__PURE__ */ jsx50("div", { className: `${className} h-[400px]`, style, children: data.length > 0 && /* @__PURE__ */ jsx50(ResponsiveContainer, { width: "100%", height: "100%", children: chartType === "bar" ? /* @__PURE__ */ jsxs30(BarChart, { data, children: [
2451
- /* @__PURE__ */ jsx50(CartesianGrid, { strokeDasharray: "3 3" }),
2452
- /* @__PURE__ */ jsx50(XAxis, { dataKey: "name" }),
2453
- /* @__PURE__ */ jsx50(YAxis, {}),
2454
- /* @__PURE__ */ jsx50(Tooltip, {}),
2455
- /* @__PURE__ */ jsx50(Legend, { verticalAlign: legendsPosition, align: "center" }),
2456
- /* @__PURE__ */ jsx50(Bar, { dataKey: "value", fill: "#00695C" })
2457
- ] }) : /* @__PURE__ */ jsxs30(AreaChart, { data, children: [
2458
- /* @__PURE__ */ jsx50("defs", { children: /* @__PURE__ */ jsxs30("linearGradient", { id: "colorCount", x1: "0", y1: "0", x2: "0", y2: "1", children: [
2459
- /* @__PURE__ */ jsx50("stop", { offset: "5%", stopColor: "#00695C", stopOpacity: 0.8 }),
2460
- /* @__PURE__ */ jsx50("stop", { offset: "95%", stopColor: "#00695C", stopOpacity: 0 })
2510
+ return /* @__PURE__ */ jsx51("div", { className: `${className} h-[400px]`, style, children: data.length > 0 && /* @__PURE__ */ jsx51(ResponsiveContainer, { width: "100%", height: "100%", children: chartType === "bar" ? /* @__PURE__ */ jsxs31(BarChart, { data, children: [
2511
+ /* @__PURE__ */ jsx51(CartesianGrid, { strokeDasharray: "3 3" }),
2512
+ /* @__PURE__ */ jsx51(XAxis, { dataKey: "name" }),
2513
+ /* @__PURE__ */ jsx51(YAxis, {}),
2514
+ /* @__PURE__ */ jsx51(Tooltip, {}),
2515
+ /* @__PURE__ */ jsx51(Legend, { verticalAlign: legendsPosition, align: "center" }),
2516
+ /* @__PURE__ */ jsx51(Bar, { dataKey: "value", fill: "#00695C" })
2517
+ ] }) : /* @__PURE__ */ jsxs31(AreaChart, { data, children: [
2518
+ /* @__PURE__ */ jsx51("defs", { children: /* @__PURE__ */ jsxs31("linearGradient", { id: "colorCount", x1: "0", y1: "0", x2: "0", y2: "1", children: [
2519
+ /* @__PURE__ */ jsx51("stop", { offset: "5%", stopColor: "#00695C", stopOpacity: 0.8 }),
2520
+ /* @__PURE__ */ jsx51("stop", { offset: "95%", stopColor: "#00695C", stopOpacity: 0 })
2461
2521
  ] }) }),
2462
- /* @__PURE__ */ jsx50(CartesianGrid, { strokeDasharray: "3 3" }),
2463
- /* @__PURE__ */ jsx50(XAxis, { dataKey: "name" }),
2464
- /* @__PURE__ */ jsx50(YAxis, {}),
2465
- /* @__PURE__ */ jsx50(Tooltip, {}),
2466
- /* @__PURE__ */ jsx50(
2522
+ /* @__PURE__ */ jsx51(CartesianGrid, { strokeDasharray: "3 3" }),
2523
+ /* @__PURE__ */ jsx51(XAxis, { dataKey: "name" }),
2524
+ /* @__PURE__ */ jsx51(YAxis, {}),
2525
+ /* @__PURE__ */ jsx51(Tooltip, {}),
2526
+ /* @__PURE__ */ jsx51(
2467
2527
  Area,
2468
2528
  {
2469
2529
  type: "monotone",
@@ -2479,7 +2539,7 @@ var BarChart_default = ChartComponent;
2479
2539
 
2480
2540
  // src/components/Chart/PieChart.tsx
2481
2541
  import { PieChart, Pie, Cell, ResponsiveContainer as ResponsiveContainer2, Tooltip as Tooltip2, LabelList } from "recharts";
2482
- import { Fragment as Fragment17, jsx as jsx51, jsxs as jsxs31 } from "react/jsx-runtime";
2542
+ import { Fragment as Fragment18, jsx as jsx52, jsxs as jsxs32 } from "react/jsx-runtime";
2483
2543
  var DonutChart = ({ className, style, ...props }) => {
2484
2544
  const data = Array.isArray(props?.data) ? props.data : [];
2485
2545
  const total = data.reduce((sum, d) => sum + d.value, 0);
@@ -2490,7 +2550,7 @@ var DonutChart = ({ className, style, ...props }) => {
2490
2550
  const renderLabel = ({ value, x, y }) => {
2491
2551
  if (value == null) return null;
2492
2552
  const percentage = (Number(value) / total * 100).toFixed(0);
2493
- return /* @__PURE__ */ jsxs31(
2553
+ return /* @__PURE__ */ jsxs32(
2494
2554
  "text",
2495
2555
  {
2496
2556
  x,
@@ -2512,33 +2572,33 @@ var DonutChart = ({ className, style, ...props }) => {
2512
2572
  const wrapperClass = canvasMode ? forceDesktop ? "flex-row" : "flex-col" : "flex-col md:flex-row";
2513
2573
  const renderLegends = () => {
2514
2574
  if (!showLegends) return null;
2515
- return /* @__PURE__ */ jsx51(Fragment17, { children: data.map((d) => /* @__PURE__ */ jsxs31(
2575
+ return /* @__PURE__ */ jsx52(Fragment18, { children: data.map((d) => /* @__PURE__ */ jsxs32(
2516
2576
  "div",
2517
2577
  {
2518
2578
  className: "flex items-center space-x-2 rounded-md border border-gray-200 px-3 py-2 w-[48%] md:w-auto",
2519
2579
  children: [
2520
- /* @__PURE__ */ jsx51(
2580
+ /* @__PURE__ */ jsx52(
2521
2581
  "span",
2522
2582
  {
2523
2583
  className: "inline-block w-[16px] h-[16px] rounded",
2524
2584
  style: { backgroundColor: d.color }
2525
2585
  }
2526
2586
  ),
2527
- /* @__PURE__ */ jsx51("span", { className: "text-[#000000] text-[12px] md:text-[13px] font-[500]", children: d.name })
2587
+ /* @__PURE__ */ jsx52("span", { className: "text-[#000000] text-[12px] md:text-[13px] font-[500]", children: d.name })
2528
2588
  ]
2529
2589
  },
2530
2590
  d.name
2531
2591
  )) });
2532
2592
  };
2533
- return /* @__PURE__ */ jsxs31(
2593
+ return /* @__PURE__ */ jsxs32(
2534
2594
  "div",
2535
2595
  {
2536
2596
  className: `relative flex items-center ${wrapperClass} ${className}`,
2537
2597
  style,
2538
2598
  children: [
2539
- /* @__PURE__ */ jsxs31("div", { className: "relative w-full md:w-[70%] h-[300px] md:h-[400px] flex items-center justify-center", children: [
2540
- data.length > 0 && /* @__PURE__ */ jsx51(ResponsiveContainer2, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs31(PieChart, { children: [
2541
- /* @__PURE__ */ jsxs31(
2599
+ /* @__PURE__ */ jsxs32("div", { className: "relative w-full md:w-[70%] h-[300px] md:h-[400px] flex items-center justify-center", children: [
2600
+ data.length > 0 && /* @__PURE__ */ jsx52(ResponsiveContainer2, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs32(PieChart, { children: [
2601
+ /* @__PURE__ */ jsxs32(
2542
2602
  Pie,
2543
2603
  {
2544
2604
  data,
@@ -2550,8 +2610,8 @@ var DonutChart = ({ className, style, ...props }) => {
2550
2610
  labelLine: false,
2551
2611
  isAnimationActive: false,
2552
2612
  children: [
2553
- data.map((entry, index) => /* @__PURE__ */ jsx51(Cell, { fill: entry.color }, `cell-${index}`)),
2554
- /* @__PURE__ */ jsx51(
2613
+ data.map((entry, index) => /* @__PURE__ */ jsx52(Cell, { fill: entry.color }, `cell-${index}`)),
2614
+ /* @__PURE__ */ jsx52(
2555
2615
  LabelList,
2556
2616
  {
2557
2617
  dataKey: "value",
@@ -2562,14 +2622,14 @@ var DonutChart = ({ className, style, ...props }) => {
2562
2622
  ]
2563
2623
  }
2564
2624
  ),
2565
- /* @__PURE__ */ jsx51(Tooltip2, { formatter: (value, name) => [`${value}k`, name] })
2625
+ /* @__PURE__ */ jsx52(Tooltip2, { formatter: (value, name) => [`${value}k`, name] })
2566
2626
  ] }) }),
2567
- /* @__PURE__ */ jsxs31("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-2xl md:text-4xl font-bold text-[#000]", children: [
2627
+ /* @__PURE__ */ jsxs32("div", { className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-2xl md:text-4xl font-bold text-[#000]", children: [
2568
2628
  total,
2569
2629
  "k"
2570
2630
  ] })
2571
2631
  ] }),
2572
- /* @__PURE__ */ jsx51("div", { className: `flex ${forceDesktop ? "flex-col ml-auto space-y-3" : "flex-wrap justify-center gap-2 mt-4"}
2632
+ /* @__PURE__ */ jsx52("div", { className: `flex ${forceDesktop ? "flex-col ml-auto space-y-3" : "flex-wrap justify-center gap-2 mt-4"}
2573
2633
  w-full md:w-auto`, children: renderLegends() })
2574
2634
  ]
2575
2635
  }
@@ -2578,10 +2638,10 @@ var DonutChart = ({ className, style, ...props }) => {
2578
2638
  var PieChart_default = DonutChart;
2579
2639
 
2580
2640
  // src/components/Blocks/EmailComposer.tsx
2581
- import { jsx as jsx52, jsxs as jsxs32 } from "react/jsx-runtime";
2641
+ import { jsx as jsx53, jsxs as jsxs33 } from "react/jsx-runtime";
2582
2642
  function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc, setShowBcc, cc, setCc, bcc, setBcc, subject, setSubject, body, setBody }) {
2583
- return /* @__PURE__ */ jsx52("div", { className, style, children: /* @__PURE__ */ jsxs32("div", { className: "border rounded-md shadow bg-[#fff] p-4 mx-auto z-[50] relative", children: [
2584
- /* @__PURE__ */ jsx52("div", { className: "mb-3", children: /* @__PURE__ */ jsx52(
2643
+ return /* @__PURE__ */ jsx53("div", { className, style, children: /* @__PURE__ */ jsxs33("div", { className: "border rounded-md shadow bg-[#fff] p-4 mx-auto z-[50] relative", children: [
2644
+ /* @__PURE__ */ jsx53("div", { className: "mb-3", children: /* @__PURE__ */ jsx53(
2585
2645
  "input",
2586
2646
  {
2587
2647
  type: "email",
@@ -2590,8 +2650,8 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
2590
2650
  required: true
2591
2651
  }
2592
2652
  ) }),
2593
- /* @__PURE__ */ jsx52("div", { className: "mb-3", children: /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-2", children: [
2594
- /* @__PURE__ */ jsx52(
2653
+ /* @__PURE__ */ jsx53("div", { className: "mb-3", children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
2654
+ /* @__PURE__ */ jsx53(
2595
2655
  "input",
2596
2656
  {
2597
2657
  type: "email",
@@ -2602,7 +2662,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
2602
2662
  required: true
2603
2663
  }
2604
2664
  ),
2605
- !showCc && /* @__PURE__ */ jsx52(
2665
+ !showCc && /* @__PURE__ */ jsx53(
2606
2666
  "button",
2607
2667
  {
2608
2668
  onClick: () => setShowCc?.(true),
@@ -2610,7 +2670,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
2610
2670
  children: "Cc"
2611
2671
  }
2612
2672
  ),
2613
- !showBcc && /* @__PURE__ */ jsx52(
2673
+ !showBcc && /* @__PURE__ */ jsx53(
2614
2674
  "button",
2615
2675
  {
2616
2676
  onClick: () => setShowBcc?.(true),
@@ -2619,7 +2679,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
2619
2679
  }
2620
2680
  )
2621
2681
  ] }) }),
2622
- showCc && /* @__PURE__ */ jsx52("div", { className: "mb-3", children: /* @__PURE__ */ jsx52(
2682
+ showCc && /* @__PURE__ */ jsx53("div", { className: "mb-3", children: /* @__PURE__ */ jsx53(
2623
2683
  "input",
2624
2684
  {
2625
2685
  type: "text",
@@ -2629,7 +2689,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
2629
2689
  className: "w-full flex-1 border-2 rounded-md h-[40px] px-3 focus:outline-none border-[#E9E9E9] text-[#383838]"
2630
2690
  }
2631
2691
  ) }),
2632
- showBcc && /* @__PURE__ */ jsx52("div", { className: "mb-3", children: /* @__PURE__ */ jsx52(
2692
+ showBcc && /* @__PURE__ */ jsx53("div", { className: "mb-3", children: /* @__PURE__ */ jsx53(
2633
2693
  "input",
2634
2694
  {
2635
2695
  type: "text",
@@ -2639,7 +2699,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
2639
2699
  className: "w-full flex-1 border-2 rounded-md h-[40px] px-3 focus:outline-none border-[#E9E9E9] text-[#383838]"
2640
2700
  }
2641
2701
  ) }),
2642
- /* @__PURE__ */ jsx52("div", { className: "mb-3", children: /* @__PURE__ */ jsx52(
2702
+ /* @__PURE__ */ jsx53("div", { className: "mb-3", children: /* @__PURE__ */ jsx53(
2643
2703
  "input",
2644
2704
  {
2645
2705
  type: "text",
@@ -2649,11 +2709,11 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
2649
2709
  className: "w-full flex-1 border-2 rounded-md h-[40px] px-3 focus:outline-none border-[#E9E9E9] text-[#383838]"
2650
2710
  }
2651
2711
  ) }),
2652
- /* @__PURE__ */ jsx52("div", { className: "mb-4", children: /* @__PURE__ */ jsx52(MyEditor, { value: body, onChange: setBody }) }),
2653
- /* @__PURE__ */ jsxs32("div", { className: "flex justify-end gap-2", children: [
2654
- /* @__PURE__ */ jsx52("button", { className: "px-4 py-2 rounded-md text-gray-600 hover:bg-gray-100", children: "Discard" }),
2655
- /* @__PURE__ */ jsx52("button", { className: "px-4 py-2 rounded-md border text-[#12715B] border-[#12715B]", children: "Reset" }),
2656
- /* @__PURE__ */ jsx52("button", { className: "px-4 py-2 rounded-md bg-[#12715B] text-white", children: "Send" })
2712
+ /* @__PURE__ */ jsx53("div", { className: "mb-4", children: /* @__PURE__ */ jsx53(MyEditor, { value: body, onChange: setBody }) }),
2713
+ /* @__PURE__ */ jsxs33("div", { className: "flex justify-end gap-2", children: [
2714
+ /* @__PURE__ */ jsx53("button", { className: "px-4 py-2 rounded-md text-gray-600 hover:bg-gray-100", children: "Discard" }),
2715
+ /* @__PURE__ */ jsx53("button", { className: "px-4 py-2 rounded-md border text-[#12715B] border-[#12715B]", children: "Reset" }),
2716
+ /* @__PURE__ */ jsx53("button", { className: "px-4 py-2 rounded-md bg-[#12715B] text-white", children: "Send" })
2657
2717
  ] })
2658
2718
  ] }) });
2659
2719
  }
@@ -2692,6 +2752,7 @@ export {
2692
2752
  Table_default as Table,
2693
2753
  Tabs_default as Tabs,
2694
2754
  TextInput_default as Text,
2755
+ TextInputGroup_default as TextInputGroup,
2695
2756
  Textarea_default as Textarea,
2696
2757
  Typography_default as Typography,
2697
2758
  UrlInput_default as URL,