@code0-tech/pictor 0.2.3 → 0.4.0

package/dist/components/card/Card.js

@@ -0,0 +1,42 @@
+import { jsx as p, Fragment as j } from "react/jsx-runtime";
+import { c as E } from "../../_virtual/compiler-runtime.js";
+import '../../assets/components/card/Card.style.css';/* empty css                */
+import { mergeCode0Props as F } from "../../utils/utils.js";
+const A = (e) => {
+  const o = E.c(6);
+  let r, d;
+  if (o[0] !== e) {
+    const {
+      children: C,
+      color: i,
+      variant: n,
+      gradient: a,
+      gradientColor: c,
+      borderColor: l,
+      outlineColor: s,
+      outline: m,
+      dashed: g,
+      paddingSize: v,
+      ...u
+    } = e;
+    r = C;
+    const h = i === void 0 ? "primary" : i, b = n === void 0 ? "normal" : n, $ = a === void 0 ? !1 : a, x = c === void 0 ? "secondary" : c, f = l === void 0 ? "secondary" : l, y = s === void 0 ? "secondary" : s, z = m === void 0 ? !1 : m, S = g === void 0 ? !1 : g;
+    d = F(`
+                    card 
+                    card--${h} card--${b}
+                    card--${v === void 0 ? "xl" : v}
+                    ${z ? `card--outline-${y}` : ""} 
+                    ${$ ? "card--gradient" : ""} 
+                    ${f ? `card--border-${f}` : ""} 
+                    ${S ? "card--border--dashed" : ""} 
+                    ${$ ? `card--gradient-${x}` : ""} 
+                   
+               `, u), o[0] = e, o[1] = r, o[2] = d;
+  } else
+    r = o[1], d = o[2];
+  let t;
+  return o[3] !== r || o[4] !== d ? (t = /* @__PURE__ */ p(j, { children: /* @__PURE__ */ p("div", { ...d, children: r }) }), o[3] = r, o[4] = d, o[5] = t) : t = o[5], t;
+};
+export {
+  A as Card
+};

package/dist/components/card/CardSection.d.ts

@@ -0,0 +1,10 @@
+import { Code0Component } from '../../utils/types';
+import { default as React, ReactNode } from 'react';
+export interface SectionType extends Code0Component<HTMLDivElement> {
+    children: ReactNode | ReactNode[];
+    image?: boolean;
+    border?: boolean;
+    hover?: boolean;
+}
+declare const CardSection: React.FC<SectionType>;
+export default CardSection;

package/dist/components/card/CardSection.js

@@ -0,0 +1,28 @@
+import { jsx as a, Fragment as l } from "react/jsx-runtime";
+import { c as f } from "../../_virtual/compiler-runtime.js";
+import { mergeCode0Props as v } from "../../utils/utils.js";
+const u = (i) => {
+  const e = f.c(6);
+  let r, o;
+  if (e[0] !== i) {
+    const {
+      image: c,
+      border: s,
+      hover: d,
+      children: n,
+      ...m
+    } = i;
+    r = n, o = v(`
+                                card__section 
+                                ${(s === void 0 ? !1 : s) ? "card__section--border" : ""} 
+                                ${(c === void 0 ? !1 : c) ? "card__section--image" : ""}
+                                ${(d === void 0 ? !1 : d) ? "card__section--hover" : ""}
+        `, m), e[0] = i, e[1] = r, e[2] = o;
+  } else
+    r = e[1], o = e[2];
+  let t;
+  return e[3] !== r || e[4] !== o ? (t = /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a("div", { ...o, children: r }) }), e[3] = r, e[4] = o, e[5] = t) : t = e[5], t;
+};
+export {
+  u as default
+};

package/dist/{esm/components → components}/col/Col.d.ts

@@ -1,6 +1,5 @@
-import React, { ReactNode } from "react";
-import "./Col.style.scss";
-import { Code0Component } from "../../utils/types";
+import { default as React, ReactNode } from 'react';
+import { Code0Component } from '../../utils/types';
 export type ColBreakPointRange = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 export interface ColType extends Code0Component<HTMLDivElement> {
     children: ReactNode | ReactNode[];
@@ -11,5 +10,4 @@ export interface ColType extends Code0Component<HTMLDivElement> {
     xl?: ColBreakPointRange;
     xxl?: ColBreakPointRange;
 }
-declare const Col: React.FC<ColType>;
-export default Col;
+export declare const Col: React.FC<ColType>;

package/dist/components/col/Col.js

@@ -0,0 +1,27 @@
+import { jsx as f } from "react/jsx-runtime";
+import { c as g } from "../../_virtual/compiler-runtime.js";
+import '../../assets/components/col/Col.style.css';/* empty css               */
+import { mergeCode0Props as p } from "../../utils/utils.js";
+const j = (c) => {
+  const l = g.c(6);
+  let o, t;
+  if (l[0] !== c) {
+    const {
+      children: n,
+      xs: r,
+      sm: m,
+      md: $,
+      lg: s,
+      xl: i,
+      xxl: x,
+      ...d
+    } = c;
+    o = n, t = p(`col ${r ? `col-xs-${r}` : ""} ${m ? `col-sm-${m}` : ""} ${$ ? `col-md-${$}` : ""} ${s ? `col-lg-${s}` : ""} ${i ? `col-lg-${i}` : ""} ${x ? `col-xxl-${x}` : ""}`, d), l[0] = c, l[1] = o, l[2] = t;
+  } else
+    o = l[1], t = l[2];
+  let e;
+  return l[3] !== o || l[4] !== t ? (e = /* @__PURE__ */ f("div", { ...t, children: o }), l[3] = o, l[4] = t, l[5] = e) : e = l[5], e;
+};
+export {
+  j as Col
+};

package/dist/components/command/Command.d.ts

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+import { Command as CommandPrimitive } from 'cmdk';
+import { Code0ComponentProps } from '../../utils/types';
+import { Dialog, DialogContent } from '../dialog/Dialog';
+import { Badge } from '../badge/Badge';
+import { TextInputProps } from '../form/TextInput';
+export type CommandProps = Code0ComponentProps & React.ComponentProps<typeof CommandPrimitive>;
+export type CommandDialogProps = {
+    dialogProps?: Code0ComponentProps & React.ComponentProps<typeof Dialog>;
+    contentProps?: Code0ComponentProps & React.ComponentProps<typeof DialogContent>;
+    open?: boolean;
+    onOpenChange?: () => void;
+    children: React.ReactNode;
+};
+export type CommandListProps = Code0ComponentProps & React.ComponentProps<typeof CommandPrimitive.List>;
+export type CommandInputProps = Code0ComponentProps & TextInputProps;
+export type CommandEmptyProps = Code0ComponentProps & React.ComponentProps<typeof CommandPrimitive.Empty>;
+export type CommandGroupProps = Code0ComponentProps & React.ComponentProps<typeof CommandPrimitive.Group>;
+export type CommandItemProps = Code0ComponentProps & React.ComponentProps<typeof CommandPrimitive.Item>;
+export type CommandSeparatorProps = Code0ComponentProps & React.ComponentProps<typeof CommandPrimitive.Separator>;
+export type CommandShortcutProps = Code0ComponentProps & React.ComponentProps<typeof Badge>;
+export declare const Command: React.FC<CommandProps>;
+export declare const CommandDialog: React.FC<CommandDialogProps>;
+export declare const CommandList: React.FC<CommandListProps>;
+export declare const CommandInput: React.FC<CommandInputProps>;
+export declare const CommandEmpty: React.FC<CommandEmptyProps>;
+export declare const CommandGroup: React.FC<CommandGroupProps>;
+export declare const CommandItem: React.FC<CommandItemProps>;
+export declare const CommandSeparator: React.FC<CommandSeparatorProps>;
+export declare const CommandShortcut: React.FC<CommandShortcutProps>;

package/dist/components/command/Command.js

@@ -0,0 +1,103 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as a } from "../../_virtual/compiler-runtime.js";
+import { Command as s } from "cmdk";
+import { mergeCode0Props as d } from "../../utils/utils.js";
+import { DialogContent as g, Dialog as h } from "../dialog/Dialog.js";
+import '../../assets/components/command/Command.style.css';/* empty css                   */
+import { Badge as _ } from "../badge/Badge.js";
+import { TextInput as $ } from "../form/TextInput.js";
+const P = (e) => {
+  const t = a.c(4);
+  let n;
+  t[0] !== e ? (n = d("command", e), t[0] = e, t[1] = n) : n = t[1];
+  const o = n;
+  let l;
+  return t[2] !== o ? (l = /* @__PURE__ */ m(s, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
+}, G = (e) => {
+  const t = a.c(14), n = e.dialogProps, o = e.open, l = e.onOpenChange;
+  let c;
+  t[0] !== e.contentProps ? (c = e.contentProps ?? {}, t[0] = e.contentProps, t[1] = c) : c = t[1];
+  let i;
+  t[2] !== c ? (i = d("command__dialog", c), t[2] = c, t[3] = i) : i = t[3];
+  const u = i;
+  let f;
+  t[4] !== e ? (f = /* @__PURE__ */ m(P, { ...e, children: e.children }), t[4] = e, t[5] = f) : f = t[5];
+  let r;
+  t[6] !== u || t[7] !== f ? (r = /* @__PURE__ */ m(g, { ...u, children: f }), t[6] = u, t[7] = f, t[8] = r) : r = t[8];
+  let C;
+  return t[9] !== e.dialogProps || t[10] !== e.onOpenChange || t[11] !== e.open || t[12] !== r ? (C = /* @__PURE__ */ m(h, { ...n, open: o, onOpenChange: l, children: r }), t[9] = e.dialogProps, t[10] = e.onOpenChange, t[11] = e.open, t[12] = r, t[13] = C) : C = t[13], C;
+}, L = (e) => {
+  const t = a.c(4);
+  let n;
+  t[0] !== e ? (n = d("command__list", e), t[0] = e, t[1] = n) : n = t[1];
+  const o = n;
+  let l;
+  return t[2] !== o ? (l = /* @__PURE__ */ m(s.List, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
+}, j = (e) => {
+  const t = a.c(12);
+  let n;
+  t[0] !== e.value ? (n = e.value?.toString(), t[0] = e.value, t[1] = n) : n = t[1];
+  let o;
+  t[2] !== e ? (o = (u) => {
+    if (e.onChange) {
+      const f = {
+        target: {
+          value: u
+        }
+      };
+      e.onChange(f);
+    }
+  }, t[2] = e, t[3] = o) : o = t[3];
+  let l;
+  t[4] !== e ? (l = d("command__input", e), t[4] = e, t[5] = l) : l = t[5];
+  let c;
+  t[6] !== l ? (c = /* @__PURE__ */ m($, { ...l }), t[6] = l, t[7] = c) : c = t[7];
+  let i;
+  return t[8] !== n || t[9] !== o || t[10] !== c ? (i = /* @__PURE__ */ m(s.Input, { value: n, onValueChange: o, asChild: !0, children: c }), t[8] = n, t[9] = o, t[10] = c, t[11] = i) : i = t[11], i;
+}, B = (e) => {
+  const t = a.c(4);
+  let n;
+  t[0] !== e ? (n = d("command__empty", e), t[0] = e, t[1] = n) : n = t[1];
+  const o = n;
+  let l;
+  return t[2] !== o ? (l = /* @__PURE__ */ m(s.Empty, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
+}, R = (e) => {
+  const t = a.c(4);
+  let n;
+  t[0] !== e ? (n = d("command__group", e), t[0] = e, t[1] = n) : n = t[1];
+  const o = n;
+  let l;
+  return t[2] !== o ? (l = /* @__PURE__ */ m(s.Group, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
+}, T = (e) => {
+  const t = a.c(4);
+  let n;
+  t[0] !== e ? (n = d("command__item", e), t[0] = e, t[1] = n) : n = t[1];
+  const o = n;
+  let l;
+  return t[2] !== o ? (l = /* @__PURE__ */ m(s.Item, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
+}, V = (e) => {
+  const t = a.c(4);
+  let n;
+  t[0] !== e ? (n = d("command__separator", e), t[0] = e, t[1] = n) : n = t[1];
+  const o = n;
+  let l;
+  return t[2] !== o ? (l = /* @__PURE__ */ m(s.Separator, { ...o }), t[2] = o, t[3] = l) : l = t[3], l;
+}, b = (e) => {
+  const t = a.c(5);
+  let n;
+  t[0] !== e ? (n = d("command__shortcut", e), t[0] = e, t[1] = n) : n = t[1];
+  const o = n;
+  let l;
+  return t[2] !== e.children || t[3] !== o ? (l = /* @__PURE__ */ m(_, { ...o, children: e.children }), t[2] = e.children, t[3] = o, t[4] = l) : l = t[4], l;
+};
+export {
+  P as Command,
+  G as CommandDialog,
+  B as CommandEmpty,
+  R as CommandGroup,
+  j as CommandInput,
+  T as CommandItem,
+  L as CommandList,
+  V as CommandSeparator,
+  b as CommandShortcut
+};

package/dist/components/container/Container.d.ts

@@ -0,0 +1,6 @@
+import { default as React, ReactNode } from 'react';
+import { Code0Component } from '../../utils/types';
+export interface ContainerType extends Code0Component<HTMLDivElement> {
+    children: ReactNode | ReactNode[];
+}
+export declare const Container: React.FC<ContainerType>;

package/dist/components/container/Container.js

@@ -0,0 +1,21 @@
+import { jsx as c } from "react/jsx-runtime";
+import { c as l } from "../../_virtual/compiler-runtime.js";
+import '../../assets/components/container/Container.style.css';/* empty css                     */
+import { mergeCode0Props as s } from "../../utils/utils.js";
+const x = (i) => {
+  const t = l.c(6);
+  let e, r;
+  if (t[0] !== i) {
+    const {
+      children: n,
+      ...m
+    } = i;
+    e = n, r = s("container", m), t[0] = i, t[1] = e, t[2] = r;
+  } else
+    e = t[1], r = t[2];
+  let o;
+  return t[3] !== e || t[4] !== r ? (o = /* @__PURE__ */ c("div", { ...r, children: e }), t[3] = e, t[4] = r, t[5] = o) : o = t[5], o;
+};
+export {
+  x as Container
+};

package/dist/components/context-menu/ContextMenu.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { Code0ComponentProps, Color } from '../../utils';
+import * as Radix from "@radix-ui/react-context-menu";
+export type ContextMenuProps = Code0ComponentProps & Radix.ContextMenuProps;
+export type ContextMenuTriggerProps = Code0ComponentProps & Radix.ContextMenuTriggerProps;
+export type ContextMenuPortalProps = Code0ComponentProps & Radix.ContextMenuPortalProps;
+export type ContextMenuContentProps = Code0ComponentProps & Radix.ContextMenuContentProps & {
+    color?: Color;
+};
+export type ContextMenuLabelProps = Code0ComponentProps & Radix.ContextMenuLabelProps;
+export type ContextMenuItemProps = Code0ComponentProps & Radix.ContextMenuItemProps;
+export type ContextMenuGroupProps = Code0ComponentProps & Radix.ContextMenuGroupProps;
+export type ContextMenuSubProps = Code0ComponentProps & Radix.ContextMenuSubProps;
+export type ContextMenuSubTriggerProps = Code0ComponentProps & Radix.ContextMenuSubTriggerProps;
+export type ContextMenuSubContentProps = Code0ComponentProps & Radix.ContextMenuSubContentProps & {
+    color?: Color;
+};
+export type ContextMenuSeparatorProps = Code0ComponentProps & Radix.ContextMenuSeparatorProps;
+export type ContextMenuArrowProps = Code0ComponentProps & Radix.ContextMenuArrowProps;
+export declare const ContextMenu: React.FC<ContextMenuProps>;
+export declare const ContextMenuTrigger: React.FC<ContextMenuTriggerProps>;
+export declare const ContextMenuPortal: React.FC<ContextMenuPortalProps>;
+export declare const ContextMenuContent: React.FC<ContextMenuContentProps>;
+export declare const ContextMenuLabel: React.FC<ContextMenuLabelProps>;
+export declare const ContextMenuItem: React.FC<ContextMenuItemProps>;
+export declare const ContextMenuGroup: React.FC<ContextMenuGroupProps>;
+export declare const ContextMenuSub: React.FC<ContextMenuSubProps>;
+export declare const ContextMenuSubTrigger: React.FC<ContextMenuSubTriggerProps>;
+export declare const ContextMenuSubContent: React.FC<ContextMenuSubContentProps>;
+export declare const ContextMenuSeparator: React.FC<ContextMenuSeparatorProps>;
+export declare const ContextMenuArrow: React.FC<ContextMenuArrowProps>;

package/dist/components/context-menu/ContextMenu.js

@@ -0,0 +1,106 @@
+import { jsx as l } from "react/jsx-runtime";
+import { c as u } from "../../_virtual/compiler-runtime.js";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeCode0Props as i } from "../../utils/utils.js";
+import * as r from "@radix-ui/react-context-menu";
+import '../../assets/components/context-menu/ContextMenu.style.css';/* empty css                       */
+const g = (n) => {
+  const t = u.c(4);
+  let o;
+  t[0] !== n ? (o = i("context-menu", n), t[0] = n, t[1] = o) : o = t[1];
+  const c = o;
+  let e;
+  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenu, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
+}, $ = (n) => {
+  const t = u.c(4);
+  let o;
+  t[0] !== n ? (o = i("context-menu__trigger", n), t[0] = n, t[1] = o) : o = t[1];
+  const c = o;
+  let e;
+  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuTrigger, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
+}, b = (n) => {
+  const t = u.c(4);
+  let o;
+  t[0] !== n ? (o = i("context-menu__portal", n), t[0] = n, t[1] = o) : o = t[1];
+  const c = o;
+  let e;
+  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuPortal, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
+}, S = (n) => {
+  const t = u.c(6), o = n.align, c = `context-menu__content context-menu__content--${n.color ?? "primary"}`;
+  let e;
+  t[0] !== n || t[1] !== c ? (e = i(c, n), t[0] = n, t[1] = c, t[2] = e) : e = t[2];
+  const x = e;
+  let s;
+  return t[3] !== n.align || t[4] !== x ? (s = /* @__PURE__ */ l(r.ContextMenuContent, { align: o, ...x }), t[3] = n.align, t[4] = x, t[5] = s) : s = t[5], s;
+}, T = (n) => {
+  const t = u.c(4);
+  let o;
+  t[0] !== n ? (o = i("context-menu__label", n), t[0] = n, t[1] = o) : o = t[1];
+  const c = o;
+  let e;
+  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuLabel, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
+}, w = (n) => {
+  const t = u.c(4);
+  let o;
+  t[0] !== n ? (o = i("context-menu__item", n), t[0] = n, t[1] = o) : o = t[1];
+  const c = o;
+  let e;
+  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuItem, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
+}, P = (n) => {
+  const t = u.c(4);
+  let o;
+  t[0] !== n ? (o = i("context-menu__group", n), t[0] = n, t[1] = o) : o = t[1];
+  const c = o;
+  let e;
+  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuGroup, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
+}, d = (n) => {
+  const t = u.c(4);
+  let o;
+  t[0] !== n ? (o = i("context-menu__sub", n), t[0] = n, t[1] = o) : o = t[1];
+  const c = o;
+  let e;
+  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuSub, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
+}, y = (n) => {
+  const t = u.c(4);
+  let o;
+  t[0] !== n ? (o = i("context-menu__sub-trigger", n), t[0] = n, t[1] = o) : o = t[1];
+  const c = o;
+  let e;
+  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuSubTrigger, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
+}, A = (n) => {
+  const t = u.c(6), o = n.align, c = `context-menu__sub-content context-menu__sub-content--${n.color ?? "primary"}`;
+  let e;
+  t[0] !== n || t[1] !== c ? (e = i(c, n), t[0] = n, t[1] = c, t[2] = e) : e = t[2];
+  const x = e;
+  let s;
+  return t[3] !== n.align || t[4] !== x ? (s = /* @__PURE__ */ l(r.ContextMenuSubContent, { align: o, ...x }), t[3] = n.align, t[4] = x, t[5] = s) : s = t[5], s;
+}, G = (n) => {
+  const t = u.c(4);
+  let o;
+  t[0] !== n ? (o = i("context-menu__separator", n), t[0] = n, t[1] = o) : o = t[1];
+  const c = o;
+  let e;
+  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuSeparator, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
+}, I = (n) => {
+  const t = u.c(4);
+  let o;
+  t[0] !== n ? (o = i("context-menu__arrow", n), t[0] = n, t[1] = o) : o = t[1];
+  const c = o;
+  let e;
+  return t[2] !== c ? (e = /* @__PURE__ */ l(r.ContextMenuArrow, { ...c }), t[2] = c, t[3] = e) : e = t[3], e;
+};
+export {
+  g as ContextMenu,
+  I as ContextMenuArrow,
+  S as ContextMenuContent,
+  P as ContextMenuGroup,
+  w as ContextMenuItem,
+  T as ContextMenuLabel,
+  b as ContextMenuPortal,
+  G as ContextMenuSeparator,
+  d as ContextMenuSub,
+  A as ContextMenuSubContent,
+  y as ContextMenuSubTrigger,
+  $ as ContextMenuTrigger
+};

package/dist/components/data-table/DataTable.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { Code0Component } from '../../utils';
+export type DataTableFilterOperator = "isOneOf" | "isNotOneOf";
+export interface DataTableFilterProps {
+    [key: string]: {
+        operator: DataTableFilterOperator;
+        value: string | string[];
+    };
+}
+export interface DataTableSortProps {
+    [key: string]: 'asc' | 'desc' | undefined;
+}
+export interface DataTableProps<T> extends Omit<Code0Component<HTMLTableElement>, 'data' | 'children' | 'onSelect'> {
+    data: Array<T>;
+    sort?: DataTableSortProps;
+    filter?: DataTableFilterProps;
+    loading?: boolean;
+    loadingComponent?: React.ReactNode;
+    emptyComponent?: React.ReactNode;
+    onSelect?: (item: T | undefined) => void;
+    children?: (item: T, index: number) => React.ReactNode;
+}
+export declare const DataTable: <T>(props: DataTableProps<T>) => React.JSX.Element;

package/dist/components/data-table/DataTable.js

@@ -0,0 +1,41 @@
+import { jsxs as g, jsx as O } from "react/jsx-runtime";
+import h from "react";
+import '../../assets/components/data-table/DataTable.style.css';/* empty css                     */
+import "../../utils/contextStore.js";
+import { mergeCode0Props as C } from "../../utils/utils.js";
+const d = (l, y) => y.split(".").reduce((t, f) => {
+  if (t != null)
+    return Array.isArray(t) ? t.map((a) => a?.[f]).filter((a) => a !== void 0) : t[f];
+}, l), N = (l) => {
+  const {
+    data: y,
+    sort: t,
+    filter: f,
+    loading: a,
+    loadingComponent: j,
+    emptyComponent: A,
+    onSelect: u,
+    children: p,
+    ...b
+  } = l, m = y.filter((i) => Object.entries(f || {}).every(([o, {
+    operator: n,
+    value: r
+  }]) => {
+    const e = d(i, o);
+    return n === "isOneOf" && !Array.isArray(r) && !Array.isArray(e) ? e === r : n === "isOneOf" && !Array.isArray(r) && Array.isArray(e) ? Array.from(e).includes(r) : n === "isOneOf" && Array.isArray(r) && !Array.isArray(e) ? Array.from(r).some((s) => s === e) : n === "isOneOf" && Array.isArray(r) && Array.isArray(e) ? Array.from(r).some((s) => Array.from(e).includes(s)) : !1;
+  })), c = h.useMemo(() => t ? [...m].sort((i, o) => {
+    for (const [n, r] of Object.entries(t)) {
+      const e = d(i, n), s = d(o, n);
+      if (e < s) return r === "asc" ? -1 : 1;
+      if (e > s) return r === "asc" ? 1 : -1;
+    }
+    return 0;
+  }) : m, [m, t]);
+  return /* @__PURE__ */ g("table", { ...C("data-table", b), children: [
+    c.map((i, o) => /* @__PURE__ */ O("tr", { className: "data-table__row", onClick: () => u?.(i), children: p?.(i, o) })),
+    c.length === 0 && !a && A ? /* @__PURE__ */ O("tr", { className: "data-table__row", onClick: () => u?.(void 0), children: A }) : null
+  ] });
+};
+export {
+  N as DataTable
+};

package/dist/components/data-table/DataTableColumn.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { Code0Component } from '../../utils';
+export interface DataTableColumnProps extends Code0Component<HTMLTableCellElement> {
+    children?: React.ReactNode | React.ReactNode[];
+}
+export declare const DataTableColumn: React.FC<DataTableColumnProps>;

package/dist/components/data-table/DataTableColumn.js

@@ -0,0 +1,22 @@
+import { jsx as c } from "react/jsx-runtime";
+import { c as n } from "../../_virtual/compiler-runtime.js";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeCode0Props as s } from "../../utils/utils.js";
+const x = (m) => {
+  const t = n.c(6);
+  let e, r;
+  if (t[0] !== m) {
+    const {
+      children: i,
+      ...l
+    } = m;
+    e = i, r = s("", l), t[0] = m, t[1] = e, t[2] = r;
+  } else
+    e = t[1], r = t[2];
+  let o;
+  return t[3] !== e || t[4] !== r ? (o = /* @__PURE__ */ c("td", { ...r, children: e }), t[3] = e, t[4] = r, t[5] = o) : o = t[5], o;
+};
+export {
+  x as DataTableColumn
+};

package/dist/components/data-table/DataTableFilterInput.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { StreamLanguage } from '@codemirror/language';
+import { CompletionContext } from '@codemirror/autocomplete';
+import { DataTableFilterOperator, DataTableFilterProps } from './DataTable';
+export interface DataTableFilterTokens {
+    token: string;
+    key: string;
+    operators: DataTableFilterOperator[];
+    suggestion?: (context: CompletionContext, operator: DataTableFilterOperator, currentValue: string, applySuggestion: (value: string, silently?: boolean) => void) => React.ReactNode;
+}
+export interface DataTableFilterInputProps {
+    filterTokens?: DataTableFilterTokens[];
+    onChange?: (filter: DataTableFilterProps) => void;
+}
+export declare const createFilterQueryLanguage: (validTokens: string[]) => StreamLanguage<{
+    tokens: string[];
+}>;
+export declare const DataTableFilterInput: React.FC<DataTableFilterInputProps>;