@dmsi/wedgekit-react 1.0.1 → 2.0.1

package/dist/components/DataTable.js

@@ -0,0 +1,700 @@
+"use client";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import T, { createContext as F, useState as h, useContext as E } from "react";
+import { useReactTable as z, flexRender as $ } from "../node_modules/@tanstack/react-table/build/lib/index.js";
+import { clsx as g } from "../node_modules/clsx/dist/clsx.js";
+import { useSensors as O, useSensor as P, KeyboardSensor as A, TouchSensor as H, MouseSensor as _, DndContext as L, closestCenter as B } from "../node_modules/@dnd-kit/core/dist/core.esm.js";
+import { restrictToHorizontalAxis as J } from "../node_modules/@dnd-kit/modifiers/dist/modifiers.esm.js";
+import { SortableContext as R, horizontalListSortingStrategy as D, arrayMove as Q, useSortable as V } from "../node_modules/@dnd-kit/sortable/dist/sortable.esm.js";
+import { CSS as K } from "../node_modules/@dnd-kit/utilities/dist/utilities.esm.js";
+import { getPaginationRowModel as U, getSortedRowModel as X, getFilteredRowModel as q, getCoreRowModel as G } from "../node_modules/@tanstack/table-core/build/lib/index.js";
+import { Switch as W } from "../node_modules/@headlessui/react/dist/components/switch/switch.js";
+const k = [
+  {
+    header: "Order ID",
+    accessorKey: "orderId",
+    id: "orderId",
+    meta: {
+      sticky: !0
+    }
+  },
+  {
+    header: "Actions",
+    id: "actions",
+    cell: () => /* @__PURE__ */ t("div", { className: "flex flex-row gap-3", children: [
+      {
+        label: "Release",
+        icon: /* @__PURE__ */ t("i", { className: "w-3 h-3" })
+      },
+      { label: "XML", icon: /* @__PURE__ */ t("i", { className: "w-3 h-3" }) },
+      { label: "Copy", icon: /* @__PURE__ */ t("i", { className: "w-3 h-3" }) },
+      { label: "Quote", icon: /* @__PURE__ */ t("i", { className: "w-3 h-3" }) },
+      { label: "Retail", icon: /* @__PURE__ */ t("i", { className: "w-3 h-3" }) }
+    ].map((r, s) => /* @__PURE__ */ i(
+      "div",
+      {
+        className: "flex flex-col items-center justify-center gap-1",
+        children: [
+          r.icon,
+          /* @__PURE__ */ t("span", { className: "text-[0.6rem] block text-neutral-500 font-semibold", children: r.label })
+        ]
+      },
+      s
+    )) })
+  },
+  {
+    header: "PO ID",
+    accessorKey: "poId",
+    id: "poId"
+  },
+  {
+    header: "Job ID",
+    accessorKey: "jobId",
+    id: "jobId"
+  },
+  {
+    header: "Reference",
+    accessorKey: "reference",
+    id: "reference",
+    meta: {
+      className: "hidden md:table-cell"
+    }
+  },
+  {
+    header: "Status",
+    accessorKey: "shipToStatus",
+    id: "shipToStatus",
+    meta: {
+      filterVariant: "select"
+    }
+  },
+  {
+    header: "Ordered date",
+    accessorKey: "orderedDate",
+    id: "orderedDate"
+  },
+  {
+    header: "Reference 1",
+    accessorKey: "reference1",
+    id: "reference1",
+    meta: { className: "hidden md:table-cell" }
+  },
+  {
+    header: "Reference 12",
+    accessorKey: "reference12",
+    id: "reference12",
+    meta: { className: "hidden md:table-cell" }
+  },
+  {
+    header: "Reference 13",
+    accessorKey: "reference13",
+    id: "reference13",
+    meta: { className: "hidden md:table-cell" }
+  },
+  {
+    header: "Reference 14",
+    accessorKey: "reference14",
+    id: "reference14",
+    meta: { className: "hidden md:table-cell" }
+  },
+  {
+    header: "Reference 15",
+    accessorKey: "reference15",
+    id: "reference15",
+    meta: { className: "hidden md:table-cell" }
+  },
+  {
+    header: "Reference 16",
+    accessorKey: "reference16",
+    id: "reference16",
+    meta: { className: "hidden md:table-cell" }
+  },
+  {
+    header: "Reference 17",
+    accessorKey: "reference17",
+    id: "reference17",
+    meta: { className: "hidden md:table-cell" }
+  },
+  {
+    header: "Reference 18",
+    accessorKey: "reference18",
+    id: "reference18",
+    meta: { className: "hidden md:table-cell" }
+  },
+  {
+    header: "Reference 19",
+    accessorKey: "reference19",
+    id: "reference19",
+    meta: { className: "hidden md:table-cell" }
+  },
+  {
+    header: "Reference 10",
+    accessorKey: "reference10",
+    id: "reference10",
+    meta: { className: "hidden md:table-cell" }
+  },
+  {
+    header: "Reference 11",
+    accessorKey: "reference11",
+    id: "reference11",
+    meta: { className: "hidden md:table-cell" }
+  }
+], M = F({
+  data: [],
+  setValue: (e, r, s) => {
+  }
+});
+function Y({ data: e, children: r }) {
+  const [s, d] = h(e), l = {
+    data: s,
+    setValue: (c, u, p) => {
+      d((b) => {
+        const f = [...b];
+        return f[c] = {
+          ...f[c],
+          [u]: p
+        }, f;
+      });
+    }
+  };
+  return /* @__PURE__ */ t(M.Provider, { value: l, children: r });
+}
+function fe({ id: e, data: r }) {
+  return /* @__PURE__ */ t(Y, { data: r, children: /* @__PURE__ */ t(te, { id: e }) });
+}
+function Z({
+  header: e,
+  id: r
+}) {
+  const { attributes: s, isDragging: d, listeners: l, setNodeRef: c, transform: u } = V({
+    id: e.column.id
+  }), p = {
+    opacity: d ? 0.8 : 1,
+    position: "relative",
+    transform: K.Translate.toString(u),
+    transition: "width transform 0.2s ease-in-out",
+    whiteSpace: "nowrap",
+    width: e.column.getSize(),
+    zIndex: d ? 1 : 0
+  };
+  return /* @__PURE__ */ t(
+    "th",
+    {
+      id: r,
+      colSpan: e.colSpan,
+      ref: c,
+      style: p,
+      className: g(
+        e.column.columnDef.meta?.className,
+        "px-3 py-3.5 text-left text-sm font-semibold text-dmsi-white bg-dmsi-red ",
+        {
+          "sticky left-0": e.column.columnDef.meta?.sticky ?? !1
+        }
+      ),
+      children: e.isPlaceholder ? null : /* @__PURE__ */ i("div", { className: "flex space-x-1 justify-start items-center", children: [
+        /* @__PURE__ */ t(
+          "button",
+          {
+            id: r ? `${r}-drag-handle` : void 0,
+            className: "cursor-grab shrink-0",
+            ...s,
+            ...l,
+            children: /* @__PURE__ */ t("i", { className: "w-3 h-3" })
+          }
+        ),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            className: g(
+              "grow",
+              e.column.getCanSort() ? "cursor-pointer select-none" : "",
+              "flex flex-col gap-1 justify-between items-start"
+            ),
+            title: e.column.getCanSort() ? e.column.getNextSortingOrder() === "asc" ? "Sort ascending" : e.column.getNextSortingOrder() === "desc" ? "Sort descending" : "Clear sort" : void 0,
+            children: [
+              /* @__PURE__ */ t("div", { children: $(e.column.columnDef.header, e.getContext()) }),
+              /* @__PURE__ */ t("div", { children: e.column.getCanFilter() ? /* @__PURE__ */ t(
+                I,
+                {
+                  id: r ? `${r}-filter` : void 0,
+                  column: e.column
+                }
+              ) : /* @__PURE__ */ t("div", { className: "invisible", children: /* @__PURE__ */ t(
+                I,
+                {
+                  id: r ? `${r}-filter` : void 0,
+                  column: e.column
+                }
+              ) }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            id: r ? `${r}-sort-button` : void 0,
+            className: "shrink-0 cursor-pointer",
+            onClick: e.column.getToggleSortingHandler(),
+            children: {
+              asc: /* @__PURE__ */ t("i", { className: "w-3 h-3" }),
+              desc: /* @__PURE__ */ t("i", { className: "w-3 h-3" })
+            }[e.column.getIsSorted()] ?? /* @__PURE__ */ t("i", { className: "w-3 h-3" })
+          }
+        )
+      ] })
+    }
+  );
+}
+function ee({
+  cell: e,
+  setValue: r,
+  id: s
+}) {
+  const { isDragging: d, setNodeRef: l, transform: c } = V({
+    id: e.column.id
+  }), u = {
+    opacity: d ? 0.8 : 1,
+    position: "relative",
+    transform: K.Translate.toString(c),
+    transition: "width transform 0.2s ease-in-out",
+    width: e.column.getSize(),
+    zIndex: d ? 1 : 0
+  };
+  return /* @__PURE__ */ t(
+    re,
+    {
+      id: s,
+      ref: l,
+      style: u,
+      cell: e,
+      className: g(
+        e.column.columnDef.meta?.className ?? "",
+        "text-sm whitespace-nowrap text-gray-900  bg-neutral-100",
+        {
+          "sticky left-0": e.column.columnDef.meta?.sticky ?? !1
+        }
+      ),
+      setValue: r
+    }
+  );
+}
+function te({ id: e }) {
+  const { data: r, setValue: s } = E(M), [d, l] = T.useState(
+    () => k.map((n) => n.id)
+  ), [c, u] = h({
+    pageIndex: 0,
+    pageSize: 10
+  }), [p, b] = h(
+    k.reduce(
+      (n, o) => ("accessorKey" in o && (n[o.accessorKey] = !0), n),
+      {}
+    )
+  ), [f, y] = h([]), [N, C] = h([]), a = z({
+    columns: k,
+    data: r,
+    debugAll: !0,
+    getCoreRowModel: G(),
+    getFilteredRowModel: q(),
+    getSortedRowModel: X(),
+    getPaginationRowModel: U(),
+    onSortingChange: y,
+    onColumnFiltersChange: C,
+    onPaginationChange: u,
+    onColumnVisibilityChange: b,
+    onColumnOrderChange: l,
+    state: {
+      sorting: f,
+      columnFilters: N,
+      pagination: c,
+      columnVisibility: p,
+      columnOrder: d
+    }
+  });
+  function v(n) {
+    const { active: o, over: x } = n;
+    o && x && o.id !== x.id && l((m) => {
+      const w = m.indexOf(o.id), j = m.indexOf(x.id);
+      return Q(m, w, j);
+    });
+  }
+  const S = O(
+    P(_, {}),
+    P(H, {}),
+    P(A, {})
+  );
+  return /* @__PURE__ */ t(
+    L,
+    {
+      collisionDetection: B,
+      modifiers: [J],
+      onDragEnd: v,
+      sensors: S,
+      children: /* @__PURE__ */ i("div", { id: e, children: [
+        /* @__PURE__ */ i(
+          "div",
+          {
+            id: e ? `${e}-column-visibility` : void 0,
+            className: "border border-gray-300 rounded p-3 m-4 max-w-xl min-w-0",
+            children: [
+              /* @__PURE__ */ t("p", { className: "mb-3 font-semibold", children: "Show/Hide Columns" }),
+              /* @__PURE__ */ t("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-2", children: a.getAllColumns().map((n) => /* @__PURE__ */ i(
+                "label",
+                {
+                  className: "cursor-pointer flex flex-row items-center space-x-1",
+                  children: [
+                    /* @__PURE__ */ t(
+                      ne,
+                      {
+                        id: e ? `${e}-toggle-${n.id}` : void 0,
+                        enabled: n.getIsVisible(),
+                        onToggle: (o) => n.getToggleVisibilityHandler()({
+                          target: { checked: o }
+                        })
+                      }
+                    ),
+                    /* @__PURE__ */ t("span", { className: "block", children: n.columnDef.header })
+                  ]
+                },
+                n.id
+              )) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: "overflow-x-scroll scrollbar-thin", children: /* @__PURE__ */ i("table", { className: "min-w-full divide-x divide-neutral-500", children: [
+          /* @__PURE__ */ t("thead", { children: a.getHeaderGroups().map((n) => /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t(
+            R,
+            {
+              items: d,
+              strategy: D,
+              children: n.headers.map((o) => /* @__PURE__ */ t(
+                Z,
+                {
+                  id: e ? `${e}-header-${o.id}` : void 0,
+                  header: o
+                },
+                o.id
+              ))
+            }
+          ) }, n.id)) }),
+          /* @__PURE__ */ t("tbody", { children: a.getRowModel().rows.map((n) => /* @__PURE__ */ t(
+            "tr",
+            {
+              className: "bg-neutral-100 divide-y divide-neutral-200",
+              children: n.getVisibleCells().map((o) => /* @__PURE__ */ t(
+                R,
+                {
+                  items: d,
+                  strategy: D,
+                  children: /* @__PURE__ */ t(
+                    ee,
+                    {
+                      id: e ? `${e}-cell-${o.id}` : void 0,
+                      cell: o,
+                      setValue: s
+                    },
+                    o.id
+                  )
+                },
+                o.id
+              ))
+            },
+            n.id
+          )) })
+        ] }) }),
+        /* @__PURE__ */ i(
+          "div",
+          {
+            id: e ? `${e}-pagination` : void 0,
+            className: "flex flex-col gap-6 md:flex-row items-center md:gap-2 w-full justify-between p-2",
+            children: [
+              /* @__PURE__ */ i("div", { className: "flex flex-row items-center", children: [
+                /* @__PURE__ */ t(
+                  "button",
+                  {
+                    id: e ? `${e}-first-page` : void 0,
+                    className: g(
+                      "group flex items-center justify-center h-8 w-8 border border-gray-500/50 text-gray-700 rounded p-1 hover:bg-dmsi-blue hover:text-white transition-colors cursor-pointer border-r-0 rounded-r-none",
+                      {
+                        "pointer-events-none": !a.getCanPreviousPage()
+                      }
+                    ),
+                    onClick: () => a.setPageIndex(0),
+                    disabled: !a.getCanPreviousPage(),
+                    children: /* @__PURE__ */ t("i", { className: "w-4 h-4 group-disabled:stroke-gray-400" })
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  "button",
+                  {
+                    id: e ? `${e}-prev-page` : void 0,
+                    className: g(
+                      "-mr-px group flex items-center justify-center h-8 w-8 border border-gray-500/50 text-gray-700  p-1 hover:bg-dmsi-blue hover:text-white transition-colors cursor-pointer",
+                      {
+                        "pointer-events-none": !a.getCanPreviousPage()
+                      }
+                    ),
+                    onClick: () => a.previousPage(),
+                    disabled: !a.getCanPreviousPage(),
+                    children: /* @__PURE__ */ t("i", { className: "w-4 h-4 group-disabled:stroke-gray-400" })
+                  }
+                ),
+                Array.from({ length: Math.min(5, a.getPageCount()) }).map(
+                  (n, o) => {
+                    const x = a.getState().pagination.pageIndex, m = x - 2 + o, w = m === x;
+                    return m < 0 || m > a.getPageCount() - 1 ? null : /* @__PURE__ */ t(
+                      "button",
+                      {
+                        id: e ? `${e}-page-${m + 1}` : void 0,
+                        className: g(
+                          "group h-8 w-8 border-y border-gray-500/50 text-gray-700 p-1 hover:bg-dmsi-blue hover:text-white transition-colors cursor-pointer  flex items-center justify-center",
+                          {
+                            "bg-neutral-200 border-x": w,
+                            "border-r-0": !w
+                          }
+                        ),
+                        onClick: () => a.setPageIndex(m),
+                        children: /* @__PURE__ */ t("span", { className: g({}), children: m + 1 })
+                      },
+                      o
+                    );
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  "button",
+                  {
+                    id: e ? `${e}-next-page` : void 0,
+                    className: g(
+                      "-ml-px group flex items-center justify-center h-8 w-8 border border-gray-500/50 text-gray-700  p-1 hover:bg-dmsi-blue hover:text-white transition-colors cursor-pointer border-r-0 group",
+                      {
+                        "pointer-events-none": !a.getCanNextPage()
+                      }
+                    ),
+                    onClick: () => a.nextPage(),
+                    disabled: !a.getCanNextPage(),
+                    children: /* @__PURE__ */ t("i", { className: "w-4 h-4 group-disabled:stroke-gray-400 " })
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  "button",
+                  {
+                    id: e ? `${e}-last-page` : void 0,
+                    className: g(
+                      "group flex items-center justify-center h-8 w-8 border border-gray-500/50 text-gray-700 rounded rounded-l-none p-1 hover:bg-dmsi-blue hover:text-white transition-colors cursor-pointer",
+                      {
+                        "pointer-events-none": !a.getCanNextPage()
+                      }
+                    ),
+                    onClick: () => a.setPageIndex(a.getPageCount() - 1),
+                    disabled: !a.getCanNextPage(),
+                    children: /* @__PURE__ */ t("i", { className: "w-4 h-4  group-disabled:stroke-gray-400" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ i("div", { className: "flex flex-row items-center gap-6", children: [
+                /* @__PURE__ */ i("span", { className: "flex items-center gap-1", children: [
+                  /* @__PURE__ */ t("div", { children: "Page" }),
+                  /* @__PURE__ */ i("strong", { children: [
+                    a.getState().pagination.pageIndex + 1,
+                    " of",
+                    " ",
+                    a.getPageCount()
+                  ] })
+                ] }),
+                /* @__PURE__ */ i("span", { className: "flex items-center gap-2", children: [
+                  "Page:",
+                  /* @__PURE__ */ t(
+                    "input",
+                    {
+                      id: e ? `${e}-page-input` : void 0,
+                      type: "number",
+                      min: "1",
+                      max: a.getPageCount(),
+                      defaultValue: a.getState().pagination.pageIndex + 1,
+                      onChange: (n) => {
+                        const o = n.target.value ? Number(n.target.value) - 1 : 0;
+                        a.setPageIndex(o);
+                      },
+                      className: "border border-gray-500 px-2 py-1 rounded w-16"
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ t(
+                "select",
+                {
+                  id: e ? `${e}-pagesize-select` : void 0,
+                  className: "border border-gray-500 px-2 py-1 rounded",
+                  value: a.getState().pagination.pageSize,
+                  onChange: (n) => {
+                    a.setPageSize(Number(n.target.value));
+                  },
+                  children: [10, 20, 30, 40, 50].map((n) => /* @__PURE__ */ i("option", { value: n, children: [
+                    "Show ",
+                    n
+                  ] }, n))
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    }
+  );
+}
+function re({
+  className: e,
+  cell: r,
+  setValue: s,
+  style: d,
+  ref: l,
+  id: c
+}) {
+  const [u, p] = h(!1), b = r.getValue(), f = typeof b == "string", [y, N] = h(f ? b : ""), C = () => {
+    f && p(!0);
+  }, a = (n) => {
+    N(n.target.value);
+  }, v = () => {
+    s(r.row.index, r.column.id, y), p(!1);
+  }, S = (n) => {
+    n.key === "Enter" && v();
+  };
+  return /* @__PURE__ */ i(
+    "td",
+    {
+      id: c,
+      className: g(
+        e,
+        r.column.columnDef.meta?.className ?? "",
+        "px-2 py-3 text-sm whitespace-nowrap text-gray-500"
+      ),
+      style: d,
+      ref: l,
+      children: [
+        f && u && /* @__PURE__ */ i("div", { className: "flex flex-row gap-1", children: [
+          /* @__PURE__ */ t(
+            "input",
+            {
+              id: c ? `${c}-input` : void 0,
+              type: "text",
+              value: y,
+              onChange: a,
+              onKeyUp: S,
+              onBlur: v,
+              className: "border px-2 py-0.5 rounded inline min-w-0 shrink border-neutral-400 focus:outline-neutral-300 bg-white"
+            }
+          ),
+          /* @__PURE__ */ t(
+            "button",
+            {
+              id: c ? `${c}-save-button` : void 0,
+              onClick: v,
+              className: "border cursor-pointer px-2 py-0.5 rounded flex items-center justify-center w-12 border-dmsi-blue text-dmsi-blue bg-white",
+              children: "Save"
+            }
+          )
+        ] }),
+        !u && /* @__PURE__ */ i(
+          "div",
+          {
+            onClick: C,
+            className: "px-2 py-1 flex flex-row items-center",
+            children: [
+              $(r.column.columnDef.cell, r.getContext()),
+              /* @__PURE__ */ t("div", { className: "w-16" })
+            ]
+          }
+        )
+      ]
+    },
+    r.id
+  );
+}
+function I({ column: e, id: r }) {
+  const s = e.getFilterValue(), { filterVariant: d } = e.columnDef.meta ?? {};
+  return d === "range" ? /* @__PURE__ */ i("div", { id: r, children: [
+    /* @__PURE__ */ i("div", { className: "flex space-x-2", children: [
+      /* @__PURE__ */ t(
+        "input",
+        {
+          id: r ? `${r}-min` : void 0,
+          className: "block w-full rounded-md bg-white px-3 py-1.5 text-base text-gray-900   outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-neutral-400 sm:text-sm/6",
+          type: "number",
+          value: s?.[0] ?? "",
+          onChange: (l) => e.setFilterValue((c) => [
+            l.target.value,
+            c?.[1]
+          ]),
+          autoComplete: "off",
+          placeholder: "Min"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "input",
+        {
+          id: r ? `${r}-max` : void 0,
+          className: "block  w-full rounded-md bg-white px-3 py-0.5 text-base text-gray-900   outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-neutral-400 sm:text-sm/6",
+          type: "number",
+          value: s?.[1] ?? "",
+          onChange: (l) => e.setFilterValue((c) => [
+            c?.[0],
+            l.target.value
+          ]),
+          autoComplete: "off",
+          placeholder: "Max"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t("div", { className: "h-1" })
+  ] }) : d === "select" ? /* @__PURE__ */ i(
+    "select",
+    {
+      id: r,
+      className: "block min-w-36 w-full rounded-md bg-white px-2 py-2 text-base text-gray-900   outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-neutral-400 sm:text-sm/6",
+      onChange: (l) => e.setFilterValue(l.target.value),
+      value: s?.toString(),
+      children: [
+        /* @__PURE__ */ t("option", { value: "", children: "Status: All" }),
+        /* @__PURE__ */ t("option", { value: "cancelled", children: "Status: Cancelled" }),
+        /* @__PURE__ */ t("option", { value: "pending", children: "Status: Pending" }),
+        /* @__PURE__ */ t("option", { value: "shipped", children: "Status: Shipped" })
+      ]
+    }
+  ) : /* @__PURE__ */ t(
+    "input",
+    {
+      id: r,
+      className: "block min-w-36 w-full rounded-md bg-white px-3 py-1.5 text-base text-gray-900   outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-neutral-400 sm:text-sm/6",
+      onChange: (l) => e.setFilterValue(l.target.value),
+      placeholder: e.columnDef.header?.toString() ?? "...",
+      type: "text",
+      autoComplete: "off",
+      value: s ?? ""
+    }
+  );
+}
+function ne({
+  enabled: e,
+  onToggle: r,
+  id: s
+}) {
+  return /* @__PURE__ */ t(
+    W,
+    {
+      id: s,
+      checked: e,
+      onChange: r,
+      className: "group relative flex h-4 w-7 cursor-pointer rounded-full   p-0.5 transition-colors duration-200 ease-in-out focus:outline-none data-[focus]:outline-1 data-[focus]:outline-white bg-neutral-900/10 data-[checked]:bg-dmsi-blue",
+      children: /* @__PURE__ */ t(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "pointer-events-none inline-block size-3 translate-x-0 rounded-full bg-white ring-0 shadow-lg transition duration-200 ease-in-out group-data-[checked]:translate-x-3  group-data-[checked]:shadow-lg"
+        }
+      )
+    }
+  );
+}
+export {
+  fe as DataTable,
+  Y as EditingProvider
+};