@algorithm-shift/design-system 1.2.34 → 1.2.36

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.
Files changed (7) hide show
  1. package/dist/index.d.mts +35 -2
  2. package/dist/index.d.ts +35 -2
  3. package/dist/index.js +310 -159
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +307 -161
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +3 -1
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, ...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,42 @@ 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";
2067
- var Table2 = ({ columns, data, rowActions, className, style, pagination = false, itemsPerPage = 10, onPageChange, loading = false }) => {
2125
+ import { useState as useState18 } from "react";
2126
+ import { jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
2127
+ var Table2 = ({
2128
+ columns,
2129
+ data,
2130
+ rowActions,
2131
+ className,
2132
+ style,
2133
+ pagination = false,
2134
+ itemsPerPage = 10,
2135
+ onPageChange,
2136
+ loading = false,
2137
+ ...props
2138
+ }) => {
2068
2139
  const rawColumns = Array.isArray(columns) ? columns : [];
2069
2140
  const rawData = Array.isArray(data) ? data : [];
2070
2141
  const rawRowActions = Array.isArray(rowActions) ? rowActions : [];
2071
- const [currentPage, setCurrentPage] = useState17(1);
2142
+ const [currentPage, setCurrentPage] = useState18(1);
2072
2143
  const enablePagination = pagination && rawData.length > itemsPerPage;
2073
2144
  const handlePageChange = (page) => {
2074
2145
  setCurrentPage(page);
2075
2146
  onPageChange?.(page);
2076
2147
  };
2077
2148
  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(
2149
+ return /* @__PURE__ */ jsxs24("div", { className: `${className} space-y-3`, style, children: [
2150
+ /* @__PURE__ */ jsx41(
2151
+ DataTable,
2152
+ {
2153
+ ...props,
2154
+ columns: rawColumns,
2155
+ data: paginatedData,
2156
+ rowActions: rawRowActions,
2157
+ loading
2158
+ }
2159
+ ),
2160
+ enablePagination && /* @__PURE__ */ jsx41(
2081
2161
  Pagination_default,
2082
2162
  {
2083
2163
  totalPages: Math.ceil(rawData.length / itemsPerPage),
@@ -2091,16 +2171,16 @@ var Table_default = Table2;
2091
2171
 
2092
2172
  // src/components/ui/dropdown-menu.tsx
2093
2173
  import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
2094
- import { jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
2174
+ import { jsx as jsx42, jsxs as jsxs25 } from "react/jsx-runtime";
2095
2175
  function DropdownMenu({
2096
2176
  ...props
2097
2177
  }) {
2098
- return /* @__PURE__ */ jsx41(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
2178
+ return /* @__PURE__ */ jsx42(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
2099
2179
  }
2100
2180
  function DropdownMenuTrigger({
2101
2181
  ...props
2102
2182
  }) {
2103
- return /* @__PURE__ */ jsx41(
2183
+ return /* @__PURE__ */ jsx42(
2104
2184
  DropdownMenuPrimitive.Trigger,
2105
2185
  {
2106
2186
  "data-slot": "dropdown-menu-trigger",
@@ -2113,7 +2193,7 @@ function DropdownMenuContent({
2113
2193
  sideOffset = 4,
2114
2194
  ...props
2115
2195
  }) {
2116
- return /* @__PURE__ */ jsx41(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx41(
2196
+ return /* @__PURE__ */ jsx42(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx42(
2117
2197
  DropdownMenuPrimitive.Content,
2118
2198
  {
2119
2199
  "data-slot": "dropdown-menu-content",
@@ -2132,7 +2212,7 @@ function DropdownMenuItem({
2132
2212
  variant = "default",
2133
2213
  ...props
2134
2214
  }) {
2135
- return /* @__PURE__ */ jsx41(
2215
+ return /* @__PURE__ */ jsx42(
2136
2216
  DropdownMenuPrimitive.Item,
2137
2217
  {
2138
2218
  "data-slot": "dropdown-menu-item",
@@ -2151,7 +2231,7 @@ function DropdownMenuLabel({
2151
2231
  inset,
2152
2232
  ...props
2153
2233
  }) {
2154
- return /* @__PURE__ */ jsx41(
2234
+ return /* @__PURE__ */ jsx42(
2155
2235
  DropdownMenuPrimitive.Label,
2156
2236
  {
2157
2237
  "data-slot": "dropdown-menu-label",
@@ -2168,7 +2248,7 @@ function DropdownMenuSeparator({
2168
2248
  className,
2169
2249
  ...props
2170
2250
  }) {
2171
- return /* @__PURE__ */ jsx41(
2251
+ return /* @__PURE__ */ jsx42(
2172
2252
  DropdownMenuPrimitive.Separator,
2173
2253
  {
2174
2254
  "data-slot": "dropdown-menu-separator",
@@ -2179,7 +2259,7 @@ function DropdownMenuSeparator({
2179
2259
  }
2180
2260
 
2181
2261
  // src/components/Navigation/Tabs/Tabs.tsx
2182
- import { jsx as jsx42, jsxs as jsxs25 } from "react/jsx-runtime";
2262
+ import { jsx as jsx43, jsxs as jsxs26 } from "react/jsx-runtime";
2183
2263
  var Tabs = ({ tabs, className, style, pathname, LinkComponent }) => {
2184
2264
  const rawTabs = Array.isArray(tabs) ? tabs : [];
2185
2265
  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 +2269,7 @@ var Tabs = ({ tabs, className, style, pathname, LinkComponent }) => {
2189
2269
  if (!path) return false;
2190
2270
  return pathname === path || path !== "/" && pathname?.startsWith(path);
2191
2271
  };
2192
- return /* @__PURE__ */ jsx42("div", { className, style, children: rawTabs.map((tab, index) => {
2272
+ return /* @__PURE__ */ jsx43("div", { className, style, children: rawTabs.map((tab, index) => {
2193
2273
  const finalClasses = [
2194
2274
  baseClasses,
2195
2275
  isActive(tab.href) ? activeClasses : hoverClasses,
@@ -2197,29 +2277,29 @@ var Tabs = ({ tabs, className, style, pathname, LinkComponent }) => {
2197
2277
  ].join(" ");
2198
2278
  const hasDropdown = Array.isArray(tab.children) && tab.children.length > 0 && tab.isDropDown;
2199
2279
  if (hasDropdown) {
2200
- return /* @__PURE__ */ jsxs25(DropdownMenu, { children: [
2201
- /* @__PURE__ */ jsxs25(
2280
+ return /* @__PURE__ */ jsxs26(DropdownMenu, { children: [
2281
+ /* @__PURE__ */ jsxs26(
2202
2282
  DropdownMenuTrigger,
2203
2283
  {
2204
2284
  className: `${finalClasses} inline-flex items-center gap-1`,
2205
2285
  children: [
2206
2286
  tab.header,
2207
- /* @__PURE__ */ jsx42(ChevronDown, { className: "h-4 w-4 opacity-80" })
2287
+ /* @__PURE__ */ jsx43(ChevronDown, { className: "h-4 w-4 opacity-80" })
2208
2288
  ]
2209
2289
  }
2210
2290
  ),
2211
- /* @__PURE__ */ jsx42(
2291
+ /* @__PURE__ */ jsx43(
2212
2292
  DropdownMenuContent,
2213
2293
  {
2214
2294
  align: "start",
2215
2295
  sideOffset: 6,
2216
2296
  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(
2297
+ children: tab.children.map((item) => /* @__PURE__ */ jsx43(
2218
2298
  DropdownMenuItem,
2219
2299
  {
2220
2300
  asChild: true,
2221
2301
  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
2302
+ children: LinkComponent ? /* @__PURE__ */ jsx43(LinkComponent, { href: item.href || "#", children: item.header }) : item.header
2223
2303
  },
2224
2304
  item.id
2225
2305
  ))
@@ -2227,19 +2307,19 @@ var Tabs = ({ tabs, className, style, pathname, LinkComponent }) => {
2227
2307
  )
2228
2308
  ] }, index);
2229
2309
  }
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);
2310
+ 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
2311
  }) });
2232
2312
  };
2233
2313
  var Tabs_default = Tabs;
2234
2314
 
2235
2315
  // src/components/Navigation/Stages/Stages.tsx
2236
- import React14 from "react";
2237
- import { jsx as jsx43, jsxs as jsxs26 } from "react/jsx-runtime";
2316
+ import React15 from "react";
2317
+ import { jsx as jsx44, jsxs as jsxs27 } from "react/jsx-runtime";
2238
2318
  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(
2319
+ 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: [
2320
+ /* @__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" }) }) }) }),
2321
+ /* @__PURE__ */ jsx44("div", { className: "flex items-center flex-1 px-2", children: stages?.length > 0 && stages?.map((stage, index) => /* @__PURE__ */ jsxs27(React15.Fragment, { children: [
2322
+ /* @__PURE__ */ jsx44(
2243
2323
  "button",
2244
2324
  {
2245
2325
  className: `
@@ -2247,26 +2327,26 @@ var StagesComponent = ({ stages, isShowBtn, buttonText, className, style }) => {
2247
2327
  children: stage.header
2248
2328
  }
2249
2329
  ),
2250
- index < stages.length - 1 && /* @__PURE__ */ jsx43("div", { className: "flex-shrink-0 w-3 h-px bg-gray-300" })
2330
+ index < stages.length - 1 && /* @__PURE__ */ jsx44("div", { className: "flex-shrink-0 w-3 h-px bg-gray-300" })
2251
2331
  ] }, 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 }) })
2332
+ 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
2333
  ] }) });
2254
2334
  };
2255
2335
  var Stages_default = StagesComponent;
2256
2336
 
2257
2337
  // src/components/Navigation/Spacer/Spacer.tsx
2258
- import { jsx as jsx44 } from "react/jsx-runtime";
2338
+ import { jsx as jsx45 } from "react/jsx-runtime";
2259
2339
  var Spacer = ({ className, style }) => {
2260
- return /* @__PURE__ */ jsx44("div", { className: `${className}`, style });
2340
+ return /* @__PURE__ */ jsx45("div", { className: `${className}`, style });
2261
2341
  };
2262
2342
  var Spacer_default = Spacer;
2263
2343
 
2264
2344
  // src/components/Navigation/Profile/Profile.tsx
2265
- import { jsx as jsx45, jsxs as jsxs27 } from "react/jsx-runtime";
2345
+ import { jsx as jsx46, jsxs as jsxs28 } from "react/jsx-runtime";
2266
2346
  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(
2347
+ return /* @__PURE__ */ jsx46("div", { className, style, children: /* @__PURE__ */ jsxs28("div", { className: "flex gap-2 items-center justify-between w-30 cursor-pointer", children: [
2348
+ showName && /* @__PURE__ */ jsx46("h4", { className: "text-[#000000] dark:text-[#fff] text-[13px] font-[500] mb-0", children: userName }),
2349
+ profileType === "avatar" ? /* @__PURE__ */ jsx46(
2270
2350
  "img",
2271
2351
  {
2272
2352
  src: "https://builder.development.algorithmshift.ai/images/toolset/profile.svg",
@@ -2274,16 +2354,16 @@ var Profile = ({ profileType, showName, userName, className, style }) => {
2274
2354
  width: 24,
2275
2355
  height: 24
2276
2356
  }
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" })
2357
+ ) : /* @__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
2358
  ] }) });
2279
2359
  };
2280
2360
  var Profile_default = Profile;
2281
2361
 
2282
2362
  // src/components/Navigation/Notification/Notification.tsx
2283
- import { jsx as jsx46, jsxs as jsxs28 } from "react/jsx-runtime";
2363
+ import { jsx as jsx47, jsxs as jsxs29 } from "react/jsx-runtime";
2284
2364
  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(
2365
+ 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: [
2366
+ /* @__PURE__ */ jsx47(
2287
2367
  "img",
2288
2368
  {
2289
2369
  src: "https://builder.development.algorithmshift.ai/images/toolset/notification.svg",
@@ -2292,7 +2372,7 @@ var Notification = ({ className, style, badgeType, badgeCount = 0, hideBadgeWhen
2292
2372
  height: 18
2293
2373
  }
2294
2374
  ),
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]" })
2375
+ 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
2376
  ] }) });
2297
2377
  };
2298
2378
  var Notification_default = Notification;
@@ -2301,7 +2381,7 @@ var Notification_default = Notification;
2301
2381
  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
2382
 
2303
2383
  // src/components/Navigation/Logo/Logo.tsx
2304
- import { jsx as jsx47 } from "react/jsx-runtime";
2384
+ import { jsx as jsx48 } from "react/jsx-runtime";
2305
2385
  var Logo = ({
2306
2386
  className,
2307
2387
  style,
@@ -2309,7 +2389,7 @@ var Logo = ({
2309
2389
  altText = "Preview"
2310
2390
  }) => {
2311
2391
  if (!imageUrl) {
2312
- return /* @__PURE__ */ jsx47(
2392
+ return /* @__PURE__ */ jsx48(
2313
2393
  "div",
2314
2394
  {
2315
2395
  className: cn(
@@ -2317,19 +2397,19 @@ var Logo = ({
2317
2397
  "p-0"
2318
2398
  ),
2319
2399
  style,
2320
- children: /* @__PURE__ */ jsx47("img", { src: logo_placeholder_default, alt: altText, className: "opacity-50", width: 150, height: 80 })
2400
+ children: /* @__PURE__ */ jsx48("img", { src: logo_placeholder_default, alt: altText, className: "opacity-50", width: 150, height: 80 })
2321
2401
  }
2322
2402
  );
2323
2403
  }
2324
- return /* @__PURE__ */ jsx47("img", { src: imageUrl, alt: altText, className, style });
2404
+ return /* @__PURE__ */ jsx48("img", { src: imageUrl, alt: altText, className, style });
2325
2405
  };
2326
2406
  var Logo_default = Logo;
2327
2407
 
2328
2408
  // src/components/ui/avatar.tsx
2329
- import * as React15 from "react";
2409
+ import * as React16 from "react";
2330
2410
  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(
2411
+ import { jsx as jsx49 } from "react/jsx-runtime";
2412
+ var Avatar = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
2333
2413
  AvatarPrimitive.Root,
2334
2414
  {
2335
2415
  ref,
@@ -2341,7 +2421,7 @@ var Avatar = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
2341
2421
  }
2342
2422
  ));
2343
2423
  Avatar.displayName = AvatarPrimitive.Root.displayName;
2344
- var AvatarImage = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
2424
+ var AvatarImage = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
2345
2425
  AvatarPrimitive.Image,
2346
2426
  {
2347
2427
  ref,
@@ -2350,7 +2430,7 @@ var AvatarImage = React15.forwardRef(({ className, ...props }, ref) => /* @__PUR
2350
2430
  }
2351
2431
  ));
2352
2432
  AvatarImage.displayName = AvatarPrimitive.Image.displayName;
2353
- var AvatarFallback = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx48(
2433
+ var AvatarFallback = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx49(
2354
2434
  AvatarPrimitive.Fallback,
2355
2435
  {
2356
2436
  ref,
@@ -2364,7 +2444,7 @@ var AvatarFallback = React15.forwardRef(({ className, ...props }, ref) => /* @__
2364
2444
  AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
2365
2445
 
2366
2446
  // src/components/Navigation/Navbar/Navbar.tsx
2367
- import { Fragment as Fragment16, jsx as jsx49, jsxs as jsxs29 } from "react/jsx-runtime";
2447
+ import { Fragment as Fragment17, jsx as jsx50, jsxs as jsxs30 } from "react/jsx-runtime";
2368
2448
  function Navbar({
2369
2449
  style,
2370
2450
  badgeType,
@@ -2379,61 +2459,61 @@ function Navbar({
2379
2459
  ImageComponent
2380
2460
  }) {
2381
2461
  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(
2462
+ 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: [
2463
+ 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" }),
2464
+ /* @__PURE__ */ jsxs30("div", { className: "flex items-center space-x-3", children: [
2465
+ !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: [
2466
+ /* @__PURE__ */ jsx50(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400" }),
2467
+ /* @__PURE__ */ jsx50(Input, { placeholder: "Search", className: "pl-9 text-gray-400" })
2468
+ ] }) }) : /* @__PURE__ */ jsx50(
2389
2469
  Button,
2390
2470
  {
2391
2471
  variant: "ghost",
2392
2472
  size: "icon",
2393
2473
  className: "border border-gray-400",
2394
- children: /* @__PURE__ */ jsx49(Search, { className: "h-5 w-5 text-gray-400" })
2474
+ children: /* @__PURE__ */ jsx50(Search, { className: "h-5 w-5 text-gray-400" })
2395
2475
  }
2396
2476
  ),
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" })
2477
+ /* @__PURE__ */ jsxs30("div", { className: "relative bg-[#E9E9E9] rounded-md", children: [
2478
+ /* @__PURE__ */ jsx50(Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsx50(Bell, { className: "h-5 w-5 text-[#1C1B1F]" }) }),
2479
+ 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
2480
  ] }),
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(
2481
+ /* @__PURE__ */ jsxs30(DropdownMenu, { children: [
2482
+ /* @__PURE__ */ jsx50(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs30("div", { className: "flex items-center space-x-2", children: [
2483
+ !isMobileView && showName && /* @__PURE__ */ jsx50("h4", { className: "text-[#000000] text-[13px] font-[500] mb-0", children: "Akbar Sheriff" }),
2484
+ !isMobileView ? /* @__PURE__ */ jsxs30(Fragment17, { children: [
2485
+ /* @__PURE__ */ jsx50(Avatar, { className: "cursor-pointer h-8 w-8 text-gray-900", children: profileType === "avatar" ? /* @__PURE__ */ jsx50(
2406
2486
  AvatarImage,
2407
2487
  {
2408
2488
  src: "/images/appbuilder/toolset/profile.svg",
2409
2489
  alt: "Akbar Sheriff"
2410
2490
  }
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(
2491
+ ) : /* @__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" }) }),
2492
+ /* @__PURE__ */ jsx50(
2413
2493
  Button,
2414
2494
  {
2415
2495
  variant: "ghost",
2416
2496
  size: "icon",
2417
2497
  className: "text-gray-900 md:hidden",
2418
- children: /* @__PURE__ */ jsx49(Menu, { className: "h-6 w-6" })
2498
+ children: /* @__PURE__ */ jsx50(Menu, { className: "h-6 w-6" })
2419
2499
  }
2420
2500
  )
2421
- ] }) : /* @__PURE__ */ jsx49(
2501
+ ] }) : /* @__PURE__ */ jsx50(
2422
2502
  Button,
2423
2503
  {
2424
2504
  variant: "ghost",
2425
2505
  size: "icon",
2426
2506
  className: "text-gray-900",
2427
- children: /* @__PURE__ */ jsx49(Menu, { className: "h-6 w-6" })
2507
+ children: /* @__PURE__ */ jsx50(Menu, { className: "h-6 w-6" })
2428
2508
  }
2429
2509
  )
2430
2510
  ] }) }),
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" })
2511
+ /* @__PURE__ */ jsxs30(DropdownMenuContent, { align: "end", className: "bg-white", children: [
2512
+ /* @__PURE__ */ jsx50(DropdownMenuLabel, { className: "text-black", children: "My Account" }),
2513
+ /* @__PURE__ */ jsx50(DropdownMenuSeparator, {}),
2514
+ /* @__PURE__ */ jsx50(DropdownMenuItem, { className: "text-black", children: "Profile" }),
2515
+ /* @__PURE__ */ jsx50(DropdownMenuItem, { className: "text-black", children: "Settings" }),
2516
+ /* @__PURE__ */ jsx50(DropdownMenuItem, { className: "text-black", children: "Logout" })
2437
2517
  ] })
2438
2518
  ] })
2439
2519
  ] })
@@ -2442,28 +2522,28 @@ function Navbar({
2442
2522
 
2443
2523
  // src/components/Chart/BarChart.tsx
2444
2524
  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";
2525
+ import { jsx as jsx51, jsxs as jsxs31 } from "react/jsx-runtime";
2446
2526
  var ChartComponent = ({ className, style, ...props }) => {
2447
2527
  const data = Array.isArray(props?.data) ? props.data : [];
2448
2528
  const chartType = props.chartType || "bar";
2449
2529
  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 })
2530
+ 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: [
2531
+ /* @__PURE__ */ jsx51(CartesianGrid, { strokeDasharray: "3 3" }),
2532
+ /* @__PURE__ */ jsx51(XAxis, { dataKey: "name" }),
2533
+ /* @__PURE__ */ jsx51(YAxis, {}),
2534
+ /* @__PURE__ */ jsx51(Tooltip, {}),
2535
+ /* @__PURE__ */ jsx51(Legend, { verticalAlign: legendsPosition, align: "center" }),
2536
+ /* @__PURE__ */ jsx51(Bar, { dataKey: "value", fill: "#00695C" })
2537
+ ] }) : /* @__PURE__ */ jsxs31(AreaChart, { data, children: [
2538
+ /* @__PURE__ */ jsx51("defs", { children: /* @__PURE__ */ jsxs31("linearGradient", { id: "colorCount", x1: "0", y1: "0", x2: "0", y2: "1", children: [
2539
+ /* @__PURE__ */ jsx51("stop", { offset: "5%", stopColor: "#00695C", stopOpacity: 0.8 }),
2540
+ /* @__PURE__ */ jsx51("stop", { offset: "95%", stopColor: "#00695C", stopOpacity: 0 })
2461
2541
  ] }) }),
2462
- /* @__PURE__ */ jsx50(CartesianGrid, { strokeDasharray: "3 3" }),
2463
- /* @__PURE__ */ jsx50(XAxis, { dataKey: "name" }),
2464
- /* @__PURE__ */ jsx50(YAxis, {}),
2465
- /* @__PURE__ */ jsx50(Tooltip, {}),
2466
- /* @__PURE__ */ jsx50(
2542
+ /* @__PURE__ */ jsx51(CartesianGrid, { strokeDasharray: "3 3" }),
2543
+ /* @__PURE__ */ jsx51(XAxis, { dataKey: "name" }),
2544
+ /* @__PURE__ */ jsx51(YAxis, {}),
2545
+ /* @__PURE__ */ jsx51(Tooltip, {}),
2546
+ /* @__PURE__ */ jsx51(
2467
2547
  Area,
2468
2548
  {
2469
2549
  type: "monotone",
@@ -2479,7 +2559,7 @@ var BarChart_default = ChartComponent;
2479
2559
 
2480
2560
  // src/components/Chart/PieChart.tsx
2481
2561
  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";
2562
+ import { Fragment as Fragment18, jsx as jsx52, jsxs as jsxs32 } from "react/jsx-runtime";
2483
2563
  var DonutChart = ({ className, style, ...props }) => {
2484
2564
  const data = Array.isArray(props?.data) ? props.data : [];
2485
2565
  const total = data.reduce((sum, d) => sum + d.value, 0);
@@ -2490,7 +2570,7 @@ var DonutChart = ({ className, style, ...props }) => {
2490
2570
  const renderLabel = ({ value, x, y }) => {
2491
2571
  if (value == null) return null;
2492
2572
  const percentage = (Number(value) / total * 100).toFixed(0);
2493
- return /* @__PURE__ */ jsxs31(
2573
+ return /* @__PURE__ */ jsxs32(
2494
2574
  "text",
2495
2575
  {
2496
2576
  x,
@@ -2512,33 +2592,33 @@ var DonutChart = ({ className, style, ...props }) => {
2512
2592
  const wrapperClass = canvasMode ? forceDesktop ? "flex-row" : "flex-col" : "flex-col md:flex-row";
2513
2593
  const renderLegends = () => {
2514
2594
  if (!showLegends) return null;
2515
- return /* @__PURE__ */ jsx51(Fragment17, { children: data.map((d) => /* @__PURE__ */ jsxs31(
2595
+ return /* @__PURE__ */ jsx52(Fragment18, { children: data.map((d) => /* @__PURE__ */ jsxs32(
2516
2596
  "div",
2517
2597
  {
2518
2598
  className: "flex items-center space-x-2 rounded-md border border-gray-200 px-3 py-2 w-[48%] md:w-auto",
2519
2599
  children: [
2520
- /* @__PURE__ */ jsx51(
2600
+ /* @__PURE__ */ jsx52(
2521
2601
  "span",
2522
2602
  {
2523
2603
  className: "inline-block w-[16px] h-[16px] rounded",
2524
2604
  style: { backgroundColor: d.color }
2525
2605
  }
2526
2606
  ),
2527
- /* @__PURE__ */ jsx51("span", { className: "text-[#000000] text-[12px] md:text-[13px] font-[500]", children: d.name })
2607
+ /* @__PURE__ */ jsx52("span", { className: "text-[#000000] text-[12px] md:text-[13px] font-[500]", children: d.name })
2528
2608
  ]
2529
2609
  },
2530
2610
  d.name
2531
2611
  )) });
2532
2612
  };
2533
- return /* @__PURE__ */ jsxs31(
2613
+ return /* @__PURE__ */ jsxs32(
2534
2614
  "div",
2535
2615
  {
2536
2616
  className: `relative flex items-center ${wrapperClass} ${className}`,
2537
2617
  style,
2538
2618
  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(
2619
+ /* @__PURE__ */ jsxs32("div", { className: "relative w-full md:w-[70%] h-[300px] md:h-[400px] flex items-center justify-center", children: [
2620
+ data.length > 0 && /* @__PURE__ */ jsx52(ResponsiveContainer2, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs32(PieChart, { children: [
2621
+ /* @__PURE__ */ jsxs32(
2542
2622
  Pie,
2543
2623
  {
2544
2624
  data,
@@ -2550,8 +2630,8 @@ var DonutChart = ({ className, style, ...props }) => {
2550
2630
  labelLine: false,
2551
2631
  isAnimationActive: false,
2552
2632
  children: [
2553
- data.map((entry, index) => /* @__PURE__ */ jsx51(Cell, { fill: entry.color }, `cell-${index}`)),
2554
- /* @__PURE__ */ jsx51(
2633
+ data.map((entry, index) => /* @__PURE__ */ jsx52(Cell, { fill: entry.color }, `cell-${index}`)),
2634
+ /* @__PURE__ */ jsx52(
2555
2635
  LabelList,
2556
2636
  {
2557
2637
  dataKey: "value",
@@ -2562,14 +2642,14 @@ var DonutChart = ({ className, style, ...props }) => {
2562
2642
  ]
2563
2643
  }
2564
2644
  ),
2565
- /* @__PURE__ */ jsx51(Tooltip2, { formatter: (value, name) => [`${value}k`, name] })
2645
+ /* @__PURE__ */ jsx52(Tooltip2, { formatter: (value, name) => [`${value}k`, name] })
2566
2646
  ] }) }),
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: [
2647
+ /* @__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
2648
  total,
2569
2649
  "k"
2570
2650
  ] })
2571
2651
  ] }),
2572
- /* @__PURE__ */ jsx51("div", { className: `flex ${forceDesktop ? "flex-col ml-auto space-y-3" : "flex-wrap justify-center gap-2 mt-4"}
2652
+ /* @__PURE__ */ jsx52("div", { className: `flex ${forceDesktop ? "flex-col ml-auto space-y-3" : "flex-wrap justify-center gap-2 mt-4"}
2573
2653
  w-full md:w-auto`, children: renderLegends() })
2574
2654
  ]
2575
2655
  }
@@ -2578,10 +2658,10 @@ var DonutChart = ({ className, style, ...props }) => {
2578
2658
  var PieChart_default = DonutChart;
2579
2659
 
2580
2660
  // src/components/Blocks/EmailComposer.tsx
2581
- import { jsx as jsx52, jsxs as jsxs32 } from "react/jsx-runtime";
2661
+ import { jsx as jsx53, jsxs as jsxs33 } from "react/jsx-runtime";
2582
2662
  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(
2663
+ 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: [
2664
+ /* @__PURE__ */ jsx53("div", { className: "mb-3", children: /* @__PURE__ */ jsx53(
2585
2665
  "input",
2586
2666
  {
2587
2667
  type: "email",
@@ -2590,8 +2670,8 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
2590
2670
  required: true
2591
2671
  }
2592
2672
  ) }),
2593
- /* @__PURE__ */ jsx52("div", { className: "mb-3", children: /* @__PURE__ */ jsxs32("div", { className: "flex items-center gap-2", children: [
2594
- /* @__PURE__ */ jsx52(
2673
+ /* @__PURE__ */ jsx53("div", { className: "mb-3", children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
2674
+ /* @__PURE__ */ jsx53(
2595
2675
  "input",
2596
2676
  {
2597
2677
  type: "email",
@@ -2602,7 +2682,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
2602
2682
  required: true
2603
2683
  }
2604
2684
  ),
2605
- !showCc && /* @__PURE__ */ jsx52(
2685
+ !showCc && /* @__PURE__ */ jsx53(
2606
2686
  "button",
2607
2687
  {
2608
2688
  onClick: () => setShowCc?.(true),
@@ -2610,7 +2690,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
2610
2690
  children: "Cc"
2611
2691
  }
2612
2692
  ),
2613
- !showBcc && /* @__PURE__ */ jsx52(
2693
+ !showBcc && /* @__PURE__ */ jsx53(
2614
2694
  "button",
2615
2695
  {
2616
2696
  onClick: () => setShowBcc?.(true),
@@ -2619,7 +2699,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
2619
2699
  }
2620
2700
  )
2621
2701
  ] }) }),
2622
- showCc && /* @__PURE__ */ jsx52("div", { className: "mb-3", children: /* @__PURE__ */ jsx52(
2702
+ showCc && /* @__PURE__ */ jsx53("div", { className: "mb-3", children: /* @__PURE__ */ jsx53(
2623
2703
  "input",
2624
2704
  {
2625
2705
  type: "text",
@@ -2629,7 +2709,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
2629
2709
  className: "w-full flex-1 border-2 rounded-md h-[40px] px-3 focus:outline-none border-[#E9E9E9] text-[#383838]"
2630
2710
  }
2631
2711
  ) }),
2632
- showBcc && /* @__PURE__ */ jsx52("div", { className: "mb-3", children: /* @__PURE__ */ jsx52(
2712
+ showBcc && /* @__PURE__ */ jsx53("div", { className: "mb-3", children: /* @__PURE__ */ jsx53(
2633
2713
  "input",
2634
2714
  {
2635
2715
  type: "text",
@@ -2639,7 +2719,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
2639
2719
  className: "w-full flex-1 border-2 rounded-md h-[40px] px-3 focus:outline-none border-[#E9E9E9] text-[#383838]"
2640
2720
  }
2641
2721
  ) }),
2642
- /* @__PURE__ */ jsx52("div", { className: "mb-3", children: /* @__PURE__ */ jsx52(
2722
+ /* @__PURE__ */ jsx53("div", { className: "mb-3", children: /* @__PURE__ */ jsx53(
2643
2723
  "input",
2644
2724
  {
2645
2725
  type: "text",
@@ -2649,14 +2729,75 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
2649
2729
  className: "w-full flex-1 border-2 rounded-md h-[40px] px-3 focus:outline-none border-[#E9E9E9] text-[#383838]"
2650
2730
  }
2651
2731
  ) }),
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" })
2732
+ /* @__PURE__ */ jsx53("div", { className: "mb-4", children: /* @__PURE__ */ jsx53(MyEditor, { value: body, onChange: setBody }) }),
2733
+ /* @__PURE__ */ jsxs33("div", { className: "flex justify-end gap-2", children: [
2734
+ /* @__PURE__ */ jsx53("button", { className: "px-4 py-2 rounded-md text-gray-600 hover:bg-gray-100", children: "Discard" }),
2735
+ /* @__PURE__ */ jsx53("button", { className: "px-4 py-2 rounded-md border text-[#12715B] border-[#12715B]", children: "Reset" }),
2736
+ /* @__PURE__ */ jsx53("button", { className: "px-4 py-2 rounded-md bg-[#12715B] text-white", children: "Send" })
2657
2737
  ] })
2658
2738
  ] }) });
2659
2739
  }
2740
+
2741
+ // src/components/ui/sonner-toast.tsx
2742
+ import { toast } from "sonner";
2743
+ function showSonnerToast({
2744
+ title,
2745
+ description,
2746
+ variant = "default",
2747
+ duration = 3e3,
2748
+ actionLabel,
2749
+ onAction
2750
+ }) {
2751
+ const options = {
2752
+ description,
2753
+ duration,
2754
+ action: actionLabel ? {
2755
+ label: actionLabel,
2756
+ onClick: onAction || (() => {
2757
+ })
2758
+ } : void 0
2759
+ };
2760
+ switch (variant) {
2761
+ case "success":
2762
+ toast.success(title, options);
2763
+ break;
2764
+ case "error":
2765
+ toast.error(title, options);
2766
+ break;
2767
+ case "info":
2768
+ toast.info(title, options);
2769
+ break;
2770
+ case "warning":
2771
+ toast.warning(title, options);
2772
+ break;
2773
+ default:
2774
+ toast(title, options);
2775
+ }
2776
+ }
2777
+
2778
+ // src/components/StateManagment/StateContext.tsx
2779
+ import { createContext, useContext, useReducer } from "react";
2780
+
2781
+ // src/components/StateManagment/stateReducer.ts
2782
+ function stateReducer(state, action) {
2783
+ switch (action.type) {
2784
+ case "SET_STATE":
2785
+ return { ...state, [action.key]: action.value };
2786
+ default:
2787
+ return state;
2788
+ }
2789
+ }
2790
+
2791
+ // src/components/StateManagment/StateContext.tsx
2792
+ import { jsx as jsx54 } from "react/jsx-runtime";
2793
+ var StateContext = createContext(null);
2794
+ function StateProvider({ children }) {
2795
+ const [state, dispatch] = useReducer(stateReducer, {});
2796
+ return /* @__PURE__ */ jsx54(StateContext.Provider, { value: { state, dispatch }, children });
2797
+ }
2798
+ function useAppState() {
2799
+ return useContext(StateContext);
2800
+ }
2660
2801
  export {
2661
2802
  BarChart_default as BarChart,
2662
2803
  Button_default as Button,
@@ -2688,14 +2829,19 @@ export {
2688
2829
  Shape_default as Shape,
2689
2830
  Spacer_default as Spacer,
2690
2831
  Stages_default as Stages,
2832
+ StateProvider,
2691
2833
  SwitchToggle_default as SwitchToggle,
2692
2834
  Table_default as Table,
2693
2835
  Tabs_default as Tabs,
2694
2836
  TextInput_default as Text,
2837
+ TextInputGroup_default as TextInputGroup,
2695
2838
  Textarea_default as Textarea,
2696
2839
  Typography_default as Typography,
2697
2840
  UrlInput_default as URL,
2698
- cn
2841
+ cn,
2842
+ showSonnerToast,
2843
+ stateReducer,
2844
+ useAppState
2699
2845
  };
2700
2846
  /*! Bundled license information:
2701
2847