@sth87/shadcn-design-system 0.1.7 → 0.1.8

package/dist/esm/components/Table/data-table-view-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-view-options.js","sources":["../../../../src/components/Table/data-table-view-options.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  closestCenter,\n  DndContext,\n  type DragEndEvent,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  useSortable,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport type {\n  Column,\n  ColumnOrderState,\n  ColumnPinningState,\n  Table,\n} from \"@tanstack/react-table\";\nimport { Check, GripVertical, Settings2 } from \"lucide-react\";\nimport * as React from \"react\";\nimport { Button } from \"../Button\";\nimport { Checkbox } from \"../Checkbox\";\nimport Command, { type CommandItemType } from \"../Command/Command\";\nimport { Popover } from \"../Popover\";\nimport { cn } from \"@dsui/ui\";\n\nexport type DataTableViewOptionsVariant = \"command\" | \"draggable\";\n\nexport interface DataTableViewOptionsLabels {\n  trigger?: React.ReactNode;\n  searchPlaceholder?: string;\n  selectAll?: React.ReactNode;\n  reset?: React.ReactNode;\n}\n\nexport interface DataTableViewOptionsProps<TData> extends React.ComponentProps<\n  typeof Popover\n> {\n  table: Table<TData>;\n  variant?: DataTableViewOptionsVariant;\n  labels?: DataTableViewOptionsLabels;\n  triggerIcon?: React.ReactNode;\n}\n\nexport function DataTableViewOptions<TData>({\n  table,\n  variant = \"command\",\n  labels,\n  triggerIcon = <Settings2 className=\"ds:text-muted-foreground\" />,\n  trigger,\n  content,\n  contentClassName,\n  ...props\n}: DataTableViewOptionsProps<TData>) {\n  const columnOrder = table.getState().columnOrder;\n  const columnPinning = table.getState().columnPinning;\n\n  const columns = React.useMemo(\n    () =>\n      getOrderedTableColumns(table, columnOrder, columnPinning).filter(\n        (column) =>\n          typeof column.accessorFn !== \"undefined\" && column.getCanHide()\n      ),\n    [table, columnOrder, columnPinning]\n  );\n\n  const getColumnLabel = React.useCallback(\n    (column: (typeof columns)[number]) =>\n      column.columnDef.meta?.label ??\n      (typeof column.columnDef.header === \"string\"\n        ? column.columnDef.header\n        : column.id),\n    []\n  );\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    })\n  );\n\n  const columnIds = React.useMemo(\n    () => columns.map((column) => column.id),\n    [columns]\n  );\n\n  const allColumnsVisible = columns.every((column) => column.getIsVisible());\n  const someColumnsVisible = columns.some((column) => column.getIsVisible());\n\n  const onToggleAll = React.useCallback(\n    (checked: boolean) => {\n      columns.forEach((column) => column.toggleVisibility(checked));\n    },\n    [columns]\n  );\n\n  const onDragEnd = React.useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event;\n\n      if (!over || active.id === over.id) return;\n\n      const oldIndex = columnIds.indexOf(String(active.id));\n      const newIndex = columnIds.indexOf(String(over.id));\n\n      if (oldIndex === -1 || newIndex === -1) return;\n\n      const orderedOptionIds = arrayMove(columnIds, oldIndex, newIndex);\n      const optionIdSet = new Set(columnIds);\n      const pendingOptionIds = [...orderedOptionIds];\n      const nextColumnOrder = getOrderedTableColumns(table).map((column) =>\n        optionIdSet.has(column.id)\n          ? (pendingOptionIds.shift() ?? column.id)\n          : column.id\n      );\n      const currentColumnPinning = table.getState().columnPinning;\n      const nextColumnPinning = {\n        ...currentColumnPinning,\n        left: currentColumnPinning?.left?.filter((id) => !optionIdSet.has(id)),\n        right: currentColumnPinning?.right?.filter(\n          (id) => !optionIdSet.has(id)\n        ),\n      };\n\n      table.setColumnOrder(nextColumnOrder);\n      table.setColumnPinning(nextColumnPinning);\n    },\n    [columnIds, table]\n  );\n\n  const items: CommandItemType[] = [\n    {\n      type: \"group\",\n      heading: \"\",\n      items: columns.map((column) => ({\n        type: \"item\" as const,\n        onClick: () => column.toggleVisibility(!column.getIsVisible()),\n        children: (\n          <>\n            <span className=\"ds:truncate\">{getColumnLabel(column)}</span>\n            <Check\n              className={cn(\n                \"ds:ml-auto ds:size-4 ds:shrink-0\",\n                column.getIsVisible() ? \"ds:opacity-100\" : \"ds:opacity-0\"\n              )}\n            />\n          </>\n        ),\n      })),\n    },\n  ];\n\n  const resolvedLabels = {\n    trigger: labels?.trigger ?? \"View\",\n    searchPlaceholder: labels?.searchPlaceholder ?? \"Search columns...\",\n    selectAll: labels?.selectAll ?? \"Chọn tất cả\",\n    reset: labels?.reset ?? \"Đặt lại\",\n  };\n\n  const defaultDraggableContent = (\n    <div className=\"ds:flex ds:w-full ds:flex-col\">\n      <div className=\"ds:flex ds:items-center ds:gap-3 ds:px-3 ds:py-3\">\n        <Checkbox\n          aria-label=\"Toggle all columns\"\n          checked={\n            allColumnsVisible\n              ? true\n              : someColumnsVisible\n                ? \"indeterminate\"\n                : false\n          }\n          onCheckedChange={(checked) => onToggleAll(checked === true)}\n        />\n        <span className=\"ds:text-sm ds:font-medium ds:text-foreground\">\n          {resolvedLabels.selectAll}\n        </span>\n      </div>\n      <div className=\"ds:mx-3 ds:h-px ds:bg-border\" />\n      <DndContext\n        sensors={sensors}\n        collisionDetection={closestCenter}\n        onDragEnd={onDragEnd}\n      >\n        <SortableContext\n          items={columnIds}\n          strategy={verticalListSortingStrategy}\n        >\n          <div className=\"ds:flex ds:max-h-80 ds:flex-col ds:overflow-y-auto ds:py-2\">\n            {columns.map((column) => (\n              <DataTableDraggableColumnOption\n                key={column.id}\n                id={column.id}\n                label={getColumnLabel(column)}\n                checked={column.getIsVisible()}\n                onCheckedChange={(checked) =>\n                  column.toggleVisibility(checked === true)\n                }\n              />\n            ))}\n          </div>\n        </SortableContext>\n      </DndContext>\n      <div className=\"ds:mx-3 ds:h-px ds:bg-border\" />\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        className=\"ds:mx-3 ds:my-2 ds:text-primary hover:ds:text-primary\"\n        onClick={() => {\n          table.resetColumnVisibility();\n          table.resetColumnOrder();\n          table.resetColumnPinning();\n        }}\n      >\n        {resolvedLabels.reset}\n      </Button>\n    </div>\n  );\n\n  return (\n    <Popover\n      trigger={\n        trigger ?? (\n          <Button\n            aria-label=\"Toggle columns\"\n            role=\"combobox\"\n            variant=\"outline\"\n            size=\"sm\"\n            className=\"ds:ml-auto ds:h-8 ds:font-normal ds:lg:flex\"\n          >\n            {triggerIcon}\n            {resolvedLabels.trigger}\n          </Button>\n        )\n      }\n      content={\n        content ??\n        (variant === \"draggable\" ? (\n          defaultDraggableContent\n        ) : (\n          <Command items={items} search={resolvedLabels.searchPlaceholder} />\n        ))\n      }\n      contentClassName={cn(\n        \"ds:p-0\",\n        variant === \"draggable\" ? \"ds:w-72\" : \"ds:w-44\",\n        contentClassName\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction getOrderedTableColumns<TData>(\n  table: Table<TData>,\n  columnOrder: ColumnOrderState = table.getState().columnOrder,\n  columnPinning: ColumnPinningState = table.getState().columnPinning\n) {\n  const allColumns = table.getAllLeafColumns();\n  const columnById = new Map(allColumns.map((column) => [column.id, column]));\n  const columnIds = allColumns.map((column) => column.id);\n  const order = columnOrder ?? [];\n  const orderedIds = [\n    ...order.filter((id) => columnById.has(id)),\n    ...columnIds.filter((id) => !order.includes(id)),\n  ];\n  const pinning = columnPinning ?? {};\n  const leftIds = (pinning.left ?? []).filter((id) => columnById.has(id));\n  const rightIds = (pinning.right ?? []).filter((id) => columnById.has(id));\n  const pinnedIds = new Set([...leftIds, ...rightIds]);\n  const centerIds = orderedIds.filter((id) => !pinnedIds.has(id));\n\n  return [...leftIds, ...centerIds, ...rightIds]\n    .map((id) => columnById.get(id))\n    .filter((column): column is Column<TData, unknown> => Boolean(column));\n}\n\ninterface DataTableDraggableColumnOptionProps {\n  id: string;\n  label: React.ReactNode;\n  checked: boolean;\n  onCheckedChange: React.ComponentProps<typeof Checkbox>[\"onCheckedChange\"];\n}\n\nfunction DataTableDraggableColumnOption({\n  id,\n  label,\n  checked,\n  onCheckedChange,\n}: DataTableDraggableColumnOptionProps) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id });\n\n  return (\n    <div\n      ref={setNodeRef}\n      className={cn(\n        \"ds:flex ds:min-h-11 ds:items-center ds:gap-3 ds:px-3 ds:text-sm ds:text-foreground\",\n        isDragging && \"ds:bg-accent\"\n      )}\n      style={{\n        transform: CSS.Transform.toString(transform),\n        transition,\n      }}\n    >\n      <button\n        type=\"button\"\n        className=\"ds:flex ds:size-5 ds:shrink-0 ds:cursor-grab ds:items-center ds:justify-center ds:text-muted-foreground active:ds:cursor-grabbing\"\n        aria-label={`Reorder ${label}`}\n        {...attributes}\n        {...listeners}\n      >\n        <GripVertical className=\"ds:size-4\" />\n      </button>\n      <Checkbox\n        aria-label={`Toggle ${label}`}\n        checked={checked}\n        onCheckedChange={onCheckedChange}\n      />\n      <span className=\"ds:min-w-0 ds:flex-1 ds:truncate ds:font-medium\">\n        {label}\n      </span>\n    </div>\n  );\n}\n"],"names":["DataTableViewOptions","table","variant","labels","triggerIcon","jsx","Settings2","trigger","content","contentClassName","props","columnOrder","columnPinning","columns","React","getOrderedTableColumns","column","getColumnLabel","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","columnIds","allColumnsVisible","someColumnsVisible","onToggleAll","checked","onDragEnd","event","active","over","oldIndex","newIndex","orderedOptionIds","arrayMove","optionIdSet","pendingOptionIds","nextColumnOrder","currentColumnPinning","nextColumnPinning","id","items","jsxs","Fragment","Check","cn","resolvedLabels","defaultDraggableContent","Checkbox","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","DataTableDraggableColumnOption","Button","Popover","Command","allColumns","columnById","order","orderedIds","pinning","leftIds","rightIds","pinnedIds","centerIds","label","onCheckedChange","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","CSS","GripVertical"],"mappings":"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"}

package/dist/esm/components/Table/select-column.js

@@ -0,0 +1,33 @@
+import { jsx as l } from "react/jsx-runtime";
+import c from "../Checkbox/Checkbox.js";
+function n(s) {
+  return {
+    id: "select",
+    header: ({ table: e }) => /* @__PURE__ */ l("div", { className: "ds:flex ds:items-center ds:justify-center", children: /* @__PURE__ */ l(
+      c,
+      {
+        checked: e.getIsAllPageRowsSelected() || e.getIsSomePageRowsSelected() && "indeterminate",
+        onCheckedChange: (t) => e.toggleAllPageRowsSelected(!!t),
+        "aria-label": "Select all"
+      }
+    ) }),
+    cell: ({ row: e }) => /* @__PURE__ */ l("div", { className: "ds:flex ds:items-center ds:justify-center", children: /* @__PURE__ */ l(
+      c,
+      {
+        checked: e.getIsSelected(),
+        onCheckedChange: (t) => e.toggleSelected(!!t),
+        "aria-label": "Select row"
+      }
+    ) }),
+    size: 36,
+    enableSorting: !1,
+    enableHiding: !1,
+    enableColumnFilter: !1,
+    ...s
+  };
+}
+const i = n;
+export {
+  i as selectColumn
+};
+//# sourceMappingURL=select-column.js.map

package/dist/esm/components/Table/select-column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-column.js","sources":["../../../../src/components/Table/select-column.tsx"],"sourcesContent":["import type {\n  CellContext,\n  ColumnDef,\n  HeaderContext,\n} from \"@tanstack/react-table\";\nimport { Checkbox } from \"@/components/Checkbox\";\n\nfunction createSelectColumn<TData>(\n  props?: Partial<ColumnDef<TData>>\n): ColumnDef<TData> {\n  return {\n    id: \"select\",\n    header: ({ table }: HeaderContext<TData, unknown>) => (\n      <div className=\"ds:flex ds:items-center ds:justify-center\">\n        <Checkbox\n          checked={\n            table.getIsAllPageRowsSelected() ||\n            (table.getIsSomePageRowsSelected() && \"indeterminate\")\n          }\n          onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}\n          aria-label=\"Select all\"\n        />\n      </div>\n    ),\n    cell: ({ row }: CellContext<TData, unknown>) => (\n      <div className=\"ds:flex ds:items-center ds:justify-center\">\n        <Checkbox\n          checked={row.getIsSelected()}\n          onCheckedChange={(value) => row.toggleSelected(!!value)}\n          aria-label=\"Select row\"\n        />\n      </div>\n    ),\n    size: 36,\n    enableSorting: false,\n    enableHiding: false,\n    enableColumnFilter: false,\n    ...props,\n  };\n}\n\nexport const selectColumn = createSelectColumn;\n"],"names":["createSelectColumn","props","table","jsx","Checkbox","value","row","selectColumn"],"mappings":";;AAOA,SAASA,EACPC,GACkB;AAClB,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,QAAQ,CAAC,EAAE,OAAAC,EAAA,MACT,gBAAAC,EAAC,OAAA,EAAI,WAAU,6CACb,UAAA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SACEF,EAAM,yBAAA,KACLA,EAAM,+BAA+B;AAAA,QAExC,iBAAiB,CAACG,MAAUH,EAAM,0BAA0B,CAAC,CAACG,CAAK;AAAA,QACnE,cAAW;AAAA,MAAA;AAAA,IAAA,GAEf;AAAA,IAEF,MAAM,CAAC,EAAE,KAAAC,EAAA,MACP,gBAAAH,EAAC,OAAA,EAAI,WAAU,6CACb,UAAA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAASE,EAAI,cAAA;AAAA,QACb,iBAAiB,CAACD,MAAUC,EAAI,eAAe,CAAC,CAACD,CAAK;AAAA,QACtD,cAAW;AAAA,MAAA;AAAA,IAAA,GAEf;AAAA,IAEF,MAAM;AAAA,IACN,eAAe;AAAA,IACf,cAAc;AAAA,IACd,oBAAoB;AAAA,IACpB,GAAGJ;AAAA,EAAA;AAEP;AAEO,MAAMM,IAAeP;"}

package/dist/esm/index.js

@@ -1,26 +1,26 @@
-import { Command as v } from "./components/Command/index.js";
-import { Popover as h } from "./components/Popover/index.js";
-import { Tour as F } from "./components/Tour/index.js";
-import { QRCode as L, QRCode as O } from "./components/QrCode/index.js";
-import { Stepper as H } from "./components/Stepper/index.js";
+import { Command as V } from "./components/Command/index.js";
+import { Popover as y } from "./components/Popover/index.js";
+import { Tour as z } from "./components/Tour/index.js";
+import { QRCode as E, QRCode as H } from "./components/QrCode/index.js";
+import { Stepper as Q } from "./components/Stepper/index.js";
 import { Pagination as N } from "./components/Pagination/index.js";
 import { DropdownMenu as U } from "./components/DropdownMenu/index.js";
 import { ContextMenu as j } from "./components/ContextMenu/index.js";
 import { FloatingLabel as K } from "./components/FloatLabel.js";
 import { TimeGridView as Y } from "./components/TimeGridView.js";
 import { TimeColumnwheel as $ } from "./components/WheelColumn.js";
-import { Marquee as er } from "./components/Marquee/index.js";
+import { Marquee as re } from "./components/Marquee/index.js";
 import "@radix-ui/react-slot";
 import "./packages/ui/src/components/button.js";
-import { ButtonGroupSeparator as tr, ButtonGroupText as ar } from "./packages/ui/src/components/button-group.js";
+import { ButtonGroupSeparator as te, ButtonGroupText as ae } from "./packages/ui/src/components/button-group.js";
 import "./packages/ui/src/components/input.js";
 import "./packages/ui/src/components/textarea.js";
-import { Label as mr } from "./packages/ui/src/components/label.js";
+import { Label as me } from "./packages/ui/src/components/label.js";
 import "./packages/ui/src/components/select.js";
 import "./packages/ui/src/components/combobox.js";
 import "react/jsx-runtime";
 import "@radix-ui/react-tooltip";
-import { cn as ir } from "./packages/ui/src/lib/utils.js";
+import { cn as ie } from "./packages/ui/src/lib/utils.js";
 import "react";
 import "lucide-react";
 import "react-day-picker";
@@ -40,162 +40,175 @@ import "@radix-ui/react-dialog";
 import "@radix-ui/react-dropdown-menu";
 import "./packages/ui/src/components/input-otp.js";
 import "./packages/ui/src/components/radio-group.js";
-import { useSidebar as ur } from "./packages/ui/src/components/sidebar.js";
+import { useSidebar as le } from "./packages/ui/src/components/sidebar.js";
 import "@radix-ui/react-slider";
 import "./packages/ui/src/components/tabs.js";
 import "./packages/ui/src/components/toggle.js";
-import { useCallbackRef as dr } from "./hooks/use-callback-ref.js";
-import { useDebouncedCallback as nr } from "./hooks/use-debounced-callback.js";
-import { useDebounceValue as Sr } from "./hooks/use-debounced-value.js";
-import { useIntersectionObserver as Cr } from "./hooks/use-intersection-observer.js";
-import { useScript as gr } from "./hooks/use-script.js";
-import { useScrollLock as Rr } from "./hooks/use-scroll-lock.js";
-import { useOnClickOutside as Pr } from "./hooks/use-on-click-outside.js";
-import { useEventListener as Br } from "./hooks/use-event-listener.js";
-import { useMediaQuery as Ar } from "./hooks/use-media-query.js";
-import { useDataTable as Dr } from "./hooks/use-data-table.js";
-import { default as vr } from "./components/Badge/Badge.js";
-import { default as hr } from "./components/Breadcrumb/Breadcrumb.js";
-import { default as Fr } from "./components/Button/Button.js";
-import { default as Lr } from "./components/Button/ButtonGroup.js";
-import { default as Qr } from "./components/Checkbox/Checkbox.js";
-import { default as Wr } from "./components/Collapsible/Collapsible.js";
-import { default as qr } from "./components/Dialog/Dialog.js";
-import { default as _r } from "./components/Glass/Glass.js";
-import { default as Jr } from "./components/Input/Input.js";
-import { default as Xr } from "./components/InputOTP/InputOTP.js";
-import { default as Zr } from "./components/Radio/Radio.js";
-import { ScrollArea as re } from "./components/ScrollArea/ScrollArea.js";
-import { default as oe } from "./components/Select/Select.js";
-import { default as ae } from "./components/Separator/Separator.js";
-import { default as me } from "./components/Sheet/Sheet.js";
-import { default as ie } from "./components/Skeleton/Skeleton.js";
-import { default as ue } from "./components/Slider/Slider.js";
-import { default as de } from "./components/Switch/Switch.js";
-import { default as ne } from "./components/Tabs/Tabs.js";
-import { default as Se } from "./components/Textarea/Textarea.js";
-import { default as Ce } from "./components/Toggle/Toggle.js";
-import { default as ge } from "./components/Rate/Rate.js";
-import { Handle as Re, Panel as Me, default as Pe, ResizableWrapper as Ge } from "./components/Resizable/Resizable.js";
-import { default as we } from "./components/Accordion/Accordion.js";
-import { default as ke } from "./lib/TextAnimation/BlurText.js";
-import { default as Ve } from "./lib/TextAnimation/CircularText.js";
-import { default as ye } from "./lib/TextAnimation/TextPressureEffect.js";
-import { default as ze } from "./lib/TextAnimation/TypingText.js";
-import { Avatar as Ee } from "./components/Avatar/Avatar.js";
-import { Calendar as Oe, CalendarDayButton as Qe } from "./components/Calendar/Calendar.js";
-import { DatePicker as We } from "./components/DatePicker/DatePicker.js";
-import { RangePicker as qe } from "./components/DatePicker/RangePicker.js";
-import { TimePicker as _e } from "./components/DatePicker/TimePicker.js";
-import { Sidebar as Je, SidebarContent as Ke, SidebarFooter as Xe, SidebarGroup as Ye, SidebarGroupAction as Ze, SidebarGroupContent as $e, SidebarGroupLabel as ro, SidebarHeader as eo, SidebarInput as oo, SidebarInset as to, SidebarMenu as ao, SidebarMenuAction as po, SidebarMenuBadge as mo, SidebarMenuButton as fo, SidebarMenuItem as io, SidebarMenuSkeleton as xo, SidebarMenuSub as uo, SidebarMenuSubButton as lo, SidebarMenuSubItem as so, SidebarProvider as no, SidebarRail as bo, SidebarSeparator as So, SidebarTrigger as To } from "./components/Sidebar/Sidebar.js";
+import { useCallbackRef as de } from "./hooks/use-callback-ref.js";
+import { useDebouncedCallback as ne } from "./hooks/use-debounced-callback.js";
+import { useDebounceValue as Se } from "./hooks/use-debounced-value.js";
+import { useIntersectionObserver as Ce } from "./hooks/use-intersection-observer.js";
+import { useScript as ge } from "./hooks/use-script.js";
+import { useScrollLock as Re } from "./hooks/use-scroll-lock.js";
+import { useOnClickOutside as De } from "./hooks/use-on-click-outside.js";
+import { useEventListener as Ge } from "./hooks/use-event-listener.js";
+import { useMediaQuery as Be } from "./hooks/use-media-query.js";
+import { useDataTable as ke } from "./hooks/use-data-table.js";
+import { default as Ve } from "./components/Badge/Badge.js";
+import { default as ye } from "./components/Breadcrumb/Breadcrumb.js";
+import { default as ze } from "./components/Button/Button.js";
+import { default as Ee } from "./components/Button/ButtonGroup.js";
+import { default as Le } from "./components/Checkbox/Checkbox.js";
+import { default as We } from "./components/Collapsible/Collapsible.js";
+import { default as qe } from "./components/Dialog/Dialog.js";
+import { default as _e } from "./components/Glass/Glass.js";
+import { default as Je } from "./components/Input/Input.js";
+import { default as Xe } from "./components/InputOTP/InputOTP.js";
+import { default as Ze } from "./components/Radio/Radio.js";
+import { ScrollArea as er } from "./components/ScrollArea/ScrollArea.js";
+import { default as or } from "./components/Select/Select.js";
+import { default as ar } from "./components/Separator/Separator.js";
+import { default as mr } from "./components/Sheet/Sheet.js";
+import { default as ir } from "./components/Skeleton/Skeleton.js";
+import { default as lr } from "./components/Slider/Slider.js";
+import { default as dr } from "./components/Switch/Switch.js";
+import { default as nr } from "./components/Tabs/Tabs.js";
+import { default as Sr } from "./components/Textarea/Textarea.js";
+import { default as Cr } from "./components/Toggle/Toggle.js";
+import { default as gr } from "./components/Rate/Rate.js";
+import { Handle as Rr, Panel as Mr, default as Dr, ResizableWrapper as Pr } from "./components/Resizable/Resizable.js";
+import { default as wr } from "./components/Accordion/Accordion.js";
+import { default as Ar } from "./lib/TextAnimation/BlurText.js";
+import { default as Fr } from "./lib/TextAnimation/CircularText.js";
+import { default as vr } from "./lib/TextAnimation/TextPressureEffect.js";
+import { default as hr } from "./lib/TextAnimation/TypingText.js";
+import { Avatar as Or } from "./components/Avatar/Avatar.js";
+import { Calendar as Hr, CalendarDayButton as Lr } from "./components/Calendar/Calendar.js";
+import { DatePicker as Wr } from "./components/DatePicker/DatePicker.js";
+import { RangePicker as qr } from "./components/DatePicker/RangePicker.js";
+import { TimePicker as _r } from "./components/DatePicker/TimePicker.js";
+import { Sidebar as Jr, SidebarContent as Kr, SidebarFooter as Xr, SidebarGroup as Yr, SidebarGroupAction as Zr, SidebarGroupContent as $r, SidebarGroupLabel as eo, SidebarHeader as ro, SidebarInput as oo, SidebarInset as to, SidebarMenu as ao, SidebarMenuAction as po, SidebarMenuBadge as mo, SidebarMenuButton as fo, SidebarMenuItem as io, SidebarMenuSkeleton as xo, SidebarMenuSub as lo, SidebarMenuSubButton as uo, SidebarMenuSubItem as so, SidebarProvider as no, SidebarRail as bo, SidebarSeparator as So, SidebarTrigger as To } from "./components/Sidebar/Sidebar.js";
 import { toast as co, Toaster as go, toast as Io } from "./components/Toast/Toast.js";
 import { Tooltip as Mo } from "./components/Tooltip/Tooltip.js";
-import { Upload as Go } from "./components/Upload/Upload.js";
+import { Upload as Po } from "./components/Upload/Upload.js";
 import { useQRCode as wo } from "./components/QrCode/QrCode.js";
-import { useStepper as ko } from "./components/Stepper/Stepper.js";
-import { DataTable as Vo } from "./components/Table/data-table.js";
-import { DataTablePagination as yo } from "./components/Table/data-table-pagination.js";
-import { TreeSelect as zo, TreeView as Fo } from "./components/TreeSelect/TreeSelect.js";
-import { ResizableHandle as Lo, ResizablePanel as Oo, ResizablePanelGroup as Qo } from "./packages/ui/src/components/resizable.js";
-import { AccordionContent as Wo, AccordionItem as No, AccordionTrigger as qo } from "./packages/ui/src/components/accordion.js";
-import { ImageViewer as _o, ImageViewerGroup as jo, ImageViewerImage as Jo } from "./components/ImageViewer/ImageViewer.js";
-import { Carousel as Xo, CarouselSlide as Yo } from "./components/Carousel/Carousel.js";
-import { Root as $o, Area as rt, Image as et, Video as ot, useCropper as tt } from "./components/Cropper/Cropper.js";
-import { CropperTool as pt, useCropperTool as mt } from "./components/Cropper/CropperTool.js";
-import { base64ToBlob as it, base64ToFile as xt, downloadImage as ut, getCroppedImg as lt, rotateSize as dt } from "./components/Cropper/utils.js";
-import { Cursor as nt, CursorFollow as bt, CursorProvider as St, TRANSITION_PRESETS as Tt, useCursor as Ct, useCursorFollow as ct } from "./components/Interactive/CursorFollow.js";
-import { Item as It, MasonryItem as Rt, MasonryRoot as Mt, Root as Pt } from "./components/Masonry/Masonry.js";
-import { Masonry as Bt, MasonryComponent as wt } from "./components/Masonry/MasonryWrapper.js";
-import { RotatingText as kt } from "./lib/TextAnimation/RotatingText.js";
-import { FlipWords as Vt } from "./lib/TextAnimation/FlipWords.js";
-import { GradientText as yt } from "./lib/TextAnimation/GradientText.js";
-import { RollingText as zt } from "./lib/TextAnimation/RollingText.js";
-import { ShimmeringText as Et } from "./lib/TextAnimation/ShimmeringText.js";
-import { SplittingText as Ot } from "./lib/TextAnimation/SplittingText.js";
-import { TextGenerateEffect as Ht } from "./lib/TextAnimation/TextGenerateEffect.js";
-import { TextHoverEffect as Nt } from "./lib/TextAnimation/TextHoverEffect.js";
-import { WritingText as Ut } from "./lib/TextAnimation/WritingText.js";
+import { useStepper as Ao } from "./components/Stepper/Stepper.js";
+import { DataTable as Fo } from "./components/Table/data-table.js";
+import { DataTableColumnHeader as vo } from "./components/Table/data-table-column-header.js";
+import { DataTablePagination as ho } from "./components/Table/data-table-pagination.js";
+import { DataTableToolbar as Oo } from "./components/Table/data-table-toolbar.js";
+import { DataTableViewOptions as Ho } from "./components/Table/data-table-view-options.js";
+import { selectColumn as Qo } from "./components/Table/select-column.js";
+import { DataTableDateFilter as No } from "./components/Table/TableFilter/data-table-date-filter.js";
+import { DataTableFilterPopover as Uo } from "./components/Table/TableFilter/data-table-filter-popover.js";
+import { DataTableSliderFilter as jo } from "./components/Table/TableFilter/data-table-slider-filter.js";
+import { TreeSelect as Ko, TreeView as Xo } from "./components/TreeSelect/TreeSelect.js";
+import { ResizableHandle as Zo, ResizablePanel as $o, ResizablePanelGroup as et } from "./packages/ui/src/components/resizable.js";
+import { AccordionContent as ot, AccordionItem as tt, AccordionTrigger as at } from "./packages/ui/src/components/accordion.js";
+import { ImageViewer as mt, ImageViewerGroup as ft, ImageViewerImage as it } from "./components/ImageViewer/ImageViewer.js";
+import { Carousel as lt, CarouselSlide as ut } from "./components/Carousel/Carousel.js";
+import { Root as st, Area as nt, Image as bt, Video as St, useCropper as Tt } from "./components/Cropper/Cropper.js";
+import { CropperTool as ct, useCropperTool as gt } from "./components/Cropper/CropperTool.js";
+import { base64ToBlob as Rt, base64ToFile as Mt, downloadImage as Dt, getCroppedImg as Pt, rotateSize as Gt } from "./components/Cropper/utils.js";
+import { Cursor as Bt, CursorFollow as At, CursorProvider as kt, TRANSITION_PRESETS as Ft, useCursor as Vt, useCursorFollow as vt } from "./components/Interactive/CursorFollow.js";
+import { Item as ht, MasonryItem as zt, MasonryRoot as Ot, Root as Et } from "./components/Masonry/Masonry.js";
+import { Masonry as Lt, MasonryComponent as Qt } from "./components/Masonry/MasonryWrapper.js";
+import { RotatingText as Nt } from "./lib/TextAnimation/RotatingText.js";
+import { FlipWords as Ut } from "./lib/TextAnimation/FlipWords.js";
+import { GradientText as jt } from "./lib/TextAnimation/GradientText.js";
+import { RollingText as Kt } from "./lib/TextAnimation/RollingText.js";
+import { ShimmeringText as Yt } from "./lib/TextAnimation/ShimmeringText.js";
+import { SplittingText as $t } from "./lib/TextAnimation/SplittingText.js";
+import { TextGenerateEffect as ra } from "./lib/TextAnimation/TextGenerateEffect.js";
+import { TextHoverEffect as ta } from "./lib/TextAnimation/TextHoverEffect.js";
+import { WritingText as pa } from "./lib/TextAnimation/WritingText.js";
 export {
-  we as Accordion,
-  Wo as AccordionContent,
-  No as AccordionItem,
-  qo as AccordionTrigger,
-  Ee as Avatar,
-  vr as Badge,
-  ke as BlurText,
-  hr as Breadcrumb,
-  Fr as Button,
-  Lr as ButtonGroup,
-  tr as ButtonGroupSeparator,
-  ar as ButtonGroupText,
-  Oe as Calendar,
-  Qe as CalendarDayButton,
-  Xo as Carousel,
-  Yo as CarouselSlide,
-  Qr as Checkbox,
-  Ve as CircularText,
-  Wr as Collapsible,
-  v as Command,
+  wr as Accordion,
+  ot as AccordionContent,
+  tt as AccordionItem,
+  at as AccordionTrigger,
+  Or as Avatar,
+  Ve as Badge,
+  Ar as BlurText,
+  ye as Breadcrumb,
+  ze as Button,
+  Ee as ButtonGroup,
+  te as ButtonGroupSeparator,
+  ae as ButtonGroupText,
+  Hr as Calendar,
+  Lr as CalendarDayButton,
+  lt as Carousel,
+  ut as CarouselSlide,
+  Le as Checkbox,
+  Fr as CircularText,
+  We as Collapsible,
+  V as Command,
   j as ContextMenu,
-  $o as Cropper,
-  rt as CropperArea,
-  et as CropperImage,
-  pt as CropperTool,
-  ot as CropperVideo,
-  nt as Cursor,
-  bt as CursorFollow,
-  St as CursorProvider,
-  Vo as DataTable,
-  yo as DataTablePagination,
-  We as DatePicker,
-  qr as Dialog,
+  st as Cropper,
+  nt as CropperArea,
+  bt as CropperImage,
+  ct as CropperTool,
+  St as CropperVideo,
+  Bt as Cursor,
+  At as CursorFollow,
+  kt as CursorProvider,
+  Fo as DataTable,
+  vo as DataTableColumnHeader,
+  No as DataTableDateFilter,
+  Uo as DataTableFilterPopover,
+  ho as DataTablePagination,
+  jo as DataTableSliderFilter,
+  Oo as DataTableToolbar,
+  Ho as DataTableViewOptions,
+  Wr as DatePicker,
+  qe as Dialog,
   U as DropdownMenu,
-  Vt as FlipWords,
+  Ut as FlipWords,
   K as FloatingLabel,
-  _r as Glass,
-  yt as GradientText,
-  Re as Handle,
-  _o as ImageViewer,
-  jo as ImageViewerGroup,
-  Jo as ImageViewerImage,
-  Jr as Input,
-  Xr as InputOTP,
-  It as Item,
-  mr as Label,
-  er as Marquee,
-  Bt as Masonry,
-  wt as MasonryComponent,
-  Rt as MasonryItem,
-  Mt as MasonryRoot,
+  _e as Glass,
+  jt as GradientText,
+  Rr as Handle,
+  mt as ImageViewer,
+  ft as ImageViewerGroup,
+  it as ImageViewerImage,
+  Je as Input,
+  Xe as InputOTP,
+  ht as Item,
+  me as Label,
+  re as Marquee,
+  Lt as Masonry,
+  Qt as MasonryComponent,
+  zt as MasonryItem,
+  Ot as MasonryRoot,
   N as Pagination,
-  Me as Panel,
-  h as Popover,
-  L as QRCode,
-  O as QrCode,
-  Zr as Radio,
-  qe as RangePicker,
-  ge as Rate,
-  Pe as Resizable,
-  Lo as ResizableHandle,
-  Oo as ResizablePanel,
-  Qo as ResizablePanelGroup,
-  Ge as ResizableWrapper,
-  zt as RollingText,
-  Pt as Root,
-  kt as RotatingText,
-  re as ScrollArea,
-  oe as Select,
-  ae as Separator,
-  me as Sheet,
-  Et as ShimmeringText,
-  Je as Sidebar,
-  Ke as SidebarContent,
-  Xe as SidebarFooter,
-  Ye as SidebarGroup,
-  Ze as SidebarGroupAction,
-  $e as SidebarGroupContent,
-  ro as SidebarGroupLabel,
-  eo as SidebarHeader,
+  Mr as Panel,
+  y as Popover,
+  E as QRCode,
+  H as QrCode,
+  Ze as Radio,
+  qr as RangePicker,
+  gr as Rate,
+  Dr as Resizable,
+  Zo as ResizableHandle,
+  $o as ResizablePanel,
+  et as ResizablePanelGroup,
+  Pr as ResizableWrapper,
+  Kt as RollingText,
+  Et as Root,
+  Nt as RotatingText,
+  er as ScrollArea,
+  or as Select,
+  ar as Separator,
+  mr as Sheet,
+  Yt as ShimmeringText,
+  Jr as Sidebar,
+  Kr as SidebarContent,
+  Xr as SidebarFooter,
+  Yr as SidebarGroup,
+  Zr as SidebarGroupAction,
+  $r as SidebarGroupContent,
+  eo as SidebarGroupLabel,
+  ro as SidebarHeader,
   oo as SidebarInput,
   to as SidebarInset,
   ao as SidebarMenu,
@@ -204,60 +217,61 @@ export {
   fo as SidebarMenuButton,
   io as SidebarMenuItem,
   xo as SidebarMenuSkeleton,
-  uo as SidebarMenuSub,
-  lo as SidebarMenuSubButton,
+  lo as SidebarMenuSub,
+  uo as SidebarMenuSubButton,
   so as SidebarMenuSubItem,
   no as SidebarProvider,
   bo as SidebarRail,
   So as SidebarSeparator,
   To as SidebarTrigger,
-  ie as Skeleton,
-  ue as Slider,
-  Ot as SplittingText,
-  H as Stepper,
-  de as Switch,
-  Tt as TRANSITION_PRESETS,
-  ne as Tabs,
-  Ht as TextGenerateEffect,
-  Nt as TextHoverEffect,
-  ye as TextPressure,
-  Se as Textarea,
+  ir as Skeleton,
+  lr as Slider,
+  $t as SplittingText,
+  Q as Stepper,
+  dr as Switch,
+  Ft as TRANSITION_PRESETS,
+  nr as Tabs,
+  ra as TextGenerateEffect,
+  ta as TextHoverEffect,
+  vr as TextPressure,
+  Sr as Textarea,
   Y as TimeGridView,
-  _e as TimePicker,
+  _r as TimePicker,
   co as Toast,
   go as Toaster,
-  Ce as Toggle,
+  Cr as Toggle,
   Mo as Tooltip,
-  F as Tour,
-  zo as TreeSelect,
-  Fo as TreeView,
-  ze as TypingText,
-  Go as Upload,
+  z as Tour,
+  Ko as TreeSelect,
+  Xo as TreeView,
+  hr as TypingText,
+  Po as Upload,
   $ as WheelColumn,
-  Ut as WritingText,
-  it as base64ToBlob,
-  xt as base64ToFile,
-  ir as cn,
-  ut as downloadImage,
-  lt as getCroppedImg,
-  dt as rotateSize,
+  pa as WritingText,
+  Rt as base64ToBlob,
+  Mt as base64ToFile,
+  ie as cn,
+  Dt as downloadImage,
+  Pt as getCroppedImg,
+  Gt as rotateSize,
+  Qo as selectColumn,
   Io as toast,
-  dr as useCallbackRef,
-  tt as useCropper,
-  mt as useCropperTool,
-  Ct as useCursor,
-  ct as useCursorFollow,
-  Dr as useDataTable,
-  Sr as useDebounceValue,
-  nr as useDebouncedCallback,
-  Br as useEventListener,
-  Cr as useIntersectionObserver,
-  Ar as useMediaQuery,
-  Pr as useOnClickOutside,
+  de as useCallbackRef,
+  Tt as useCropper,
+  gt as useCropperTool,
+  Vt as useCursor,
+  vt as useCursorFollow,
+  ke as useDataTable,
+  Se as useDebounceValue,
+  ne as useDebouncedCallback,
+  Ge as useEventListener,
+  Ce as useIntersectionObserver,
+  Be as useMediaQuery,
+  De as useOnClickOutside,
   wo as useQRCode,
-  gr as useScript,
-  Rr as useScrollLock,
-  ur as useSidebar,
-  ko as useStepper
+  ge as useScript,
+  Re as useScrollLock,
+  le as useSidebar,
+  Ao as useStepper
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/node_modules/.pnpm/@dnd-kit_accessibility@3.1.1_react@19.1.1/node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js

@@ -0,0 +1,57 @@
+import a, { useState as r, useCallback as c } from "react";
+const d = {
+  display: "none"
+};
+function u(e) {
+  let {
+    id: n,
+    value: t
+  } = e;
+  return a.createElement("div", {
+    id: n,
+    style: d
+  }, t);
+}
+function s(e) {
+  let {
+    id: n,
+    announcement: t,
+    ariaLiveType: i = "assertive"
+  } = e;
+  const o = {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    width: 1,
+    height: 1,
+    margin: -1,
+    border: 0,
+    padding: 0,
+    overflow: "hidden",
+    clip: "rect(0 0 0 0)",
+    clipPath: "inset(100%)",
+    whiteSpace: "nowrap"
+  };
+  return a.createElement("div", {
+    id: n,
+    style: o,
+    role: "status",
+    "aria-live": i,
+    "aria-atomic": !0
+  }, t);
+}
+function p() {
+  const [e, n] = r("");
+  return {
+    announce: c((i) => {
+      i != null && n(i);
+    }, []),
+    announcement: e
+  };
+}
+export {
+  u as HiddenText,
+  s as LiveRegion,
+  p as useAnnouncement
+};
+//# sourceMappingURL=accessibility.esm.js.map

package/dist/esm/node_modules/.pnpm/@dnd-kit_accessibility@3.1.1_react@19.1.1/node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessibility.esm.js","sources":["../../../../../../../../../../../node_modules/.pnpm/@dnd-kit+accessibility@3.1.1_react@19.1.1/node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js"],"sourcesContent":["import React, { useState, useCallback } from 'react';\n\nconst hiddenStyles = {\n  display: 'none'\n};\nfunction HiddenText(_ref) {\n  let {\n    id,\n    value\n  } = _ref;\n  return React.createElement(\"div\", {\n    id: id,\n    style: hiddenStyles\n  }, value);\n}\n\nfunction LiveRegion(_ref) {\n  let {\n    id,\n    announcement,\n    ariaLiveType = \"assertive\"\n  } = _ref;\n  // Hide element visually but keep it readable by screen readers\n  const visuallyHidden = {\n    position: 'fixed',\n    top: 0,\n    left: 0,\n    width: 1,\n    height: 1,\n    margin: -1,\n    border: 0,\n    padding: 0,\n    overflow: 'hidden',\n    clip: 'rect(0 0 0 0)',\n    clipPath: 'inset(100%)',\n    whiteSpace: 'nowrap'\n  };\n  return React.createElement(\"div\", {\n    id: id,\n    style: visuallyHidden,\n    role: \"status\",\n    \"aria-live\": ariaLiveType,\n    \"aria-atomic\": true\n  }, announcement);\n}\n\nfunction useAnnouncement() {\n  const [announcement, setAnnouncement] = useState('');\n  const announce = useCallback(value => {\n    if (value != null) {\n      setAnnouncement(value);\n    }\n  }, []);\n  return {\n    announce,\n    announcement\n  };\n}\n\nexport { HiddenText, LiveRegion, useAnnouncement };\n//# sourceMappingURL=accessibility.esm.js.map\n"],"names":["hiddenStyles","HiddenText","_ref","id","value","React","LiveRegion","announcement","ariaLiveType","visuallyHidden","useAnnouncement","setAnnouncement","useState","useCallback"],"mappings":";AAEA,MAAMA,IAAe;AAAA,EACnB,SAAS;AACX;AACA,SAASC,EAAWC,GAAM;AACxB,MAAI;AAAA,IACF,IAAAC;AAAA,IACA,OAAAC;AAAA,EACJ,IAAMF;AACJ,SAAOG,EAAM,cAAc,OAAO;AAAA,IAChC,IAAIF;AAAA,IACJ,OAAOH;AAAA,EACX,GAAKI,CAAK;AACV;AAEA,SAASE,EAAWJ,GAAM;AACxB,MAAI;AAAA,IACF,IAAAC;AAAA,IACA,cAAAI;AAAA,IACA,cAAAC,IAAe;AAAA,EACnB,IAAMN;AAEJ,QAAMO,IAAiB;AAAA,IACrB,UAAU;AAAA,IACV,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA,IACV,YAAY;AAAA,EAChB;AACE,SAAOJ,EAAM,cAAc,OAAO;AAAA,IAChC,IAAIF;AAAA,IACJ,OAAOM;AAAA,IACP,MAAM;AAAA,IACN,aAAaD;AAAA,IACb,eAAe;AAAA,EACnB,GAAKD,CAAY;AACjB;AAEA,SAASG,IAAkB;AACzB,QAAM,CAACH,GAAcI,CAAe,IAAIC,EAAS,EAAE;AAMnD,SAAO;AAAA,IACL,UANeC,EAAY,CAAAT,MAAS;AACpC,MAAIA,KAAS,QACXO,EAAgBP,CAAK;AAAA,IAEzB,GAAG,CAAA,CAAE;AAAA,IAGH,cAAAG;AAAA,EACJ;AACA;","x_google_ignoreList":[0]}