@raystack/apsara 0.0.0

package/dist/sidebar/sidebar.cjs

@@ -0,0 +1,44 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var classVarianceAuthority = require('class-variance-authority');
+var flex = require('../flex/flex.cjs');
+var link = require('../link/link.cjs');
+var text = require('../text/text.cjs');
+var sidebar_module = require('./sidebar.module.css.cjs');
+
+const baseLogo = jsxRuntime.jsx("img", { src: "./logo.svg", alt: "apsara", width: 16, height: 16 });
+const SidebarRoot = ({ children }) => {
+    return (jsxRuntime.jsx(flex.Flex, { direction: "column", justify: "between", className: sidebar_module.sidebar, children: children }));
+};
+const SidebarLogo = ({ img = baseLogo, brandName = "Apsara", onClick, }) => {
+    return (jsxRuntime.jsxs(flex.Flex, { align: "center", direction: "row", gap: "small", className: sidebar_module.logo, onClick: onClick, children: [img, jsxRuntime.jsx(text.Text, { children: brandName })] }));
+};
+const SidebarNavigations = ({ children, ...props }) => {
+    return (jsxRuntime.jsx(flex.Flex, { direction: "column", className: sidebar_module.navigations, ...props, children: children }));
+};
+const cell = classVarianceAuthority.cva(sidebar_module.cell, {
+    variants: {
+        active: {
+            true: sidebar_module.active,
+        },
+        disabled: {
+            true: sidebar_module.disabled,
+        },
+    },
+});
+const SidebarNavigationCell = ({ leadingIcon, trailingIcon, active, disabled, children, href = "#", }) => {
+    return (jsxRuntime.jsxs(link.Link, { className: cell({ active, disabled }), href: href, children: [jsxRuntime.jsxs(flex.Flex, { gap: "small", children: [leadingIcon, jsxRuntime.jsx(text.Text, { className: sidebar_module.cellText, children: children })] }), trailingIcon] }));
+};
+const SidebarFooter = ({ children, action }) => {
+    return (jsxRuntime.jsxs(flex.Flex, { className: sidebar_module.footer, gap: "small", justify: "between", children: [jsxRuntime.jsx(text.Text, { children: children }), action] }));
+};
+const Sidebar = Object.assign(SidebarRoot, {
+    Logo: SidebarLogo,
+    Navigations: SidebarNavigations,
+    NavigationCell: SidebarNavigationCell,
+    Footer: SidebarFooter,
+});
+
+exports.Sidebar = Sidebar;
+//# sourceMappingURL=sidebar.cjs.map

package/dist/sidebar/sidebar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.cjs","sources":["../../../sidebar/sidebar.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport { Flex } from \"~/flex\";\nimport { Link } from \"~/link\";\nimport { Text } from \"~/text\";\nimport styles from \"./sidebar.module.css\";\n\ntype SidebarRootProps = VariantProps<typeof Flex> & { children: ReactNode };\nconst baseLogo = <img src=\"./logo.svg\" alt=\"apsara\" width={16} height={16} />;\n\nconst SidebarRoot = ({ children }: SidebarRootProps) => {\n  return (\n    <Flex direction=\"column\" justify=\"between\" className={styles.sidebar}>\n      {children}\n    </Flex>\n  );\n};\n\ntype SidebarLogoProps = {\n  img?: ReactNode;\n  brandName?: string;\n  onClick?: () => void;\n};\n\nconst SidebarLogo = ({\n  img = baseLogo,\n  brandName = \"Apsara\",\n  onClick,\n}: SidebarLogoProps) => {\n  return (\n    <Flex\n      align=\"center\"\n      direction=\"row\"\n      gap=\"small\"\n      className={styles.logo}\n      onClick={onClick}\n    >\n      {img}\n      <Text>{brandName}</Text>\n    </Flex>\n  );\n};\n\ntype SidebarNavigationsProps = PropsWithChildren<VariantProps<typeof Flex>>;\nconst SidebarNavigations = ({\n  children,\n  ...props\n}: SidebarNavigationsProps) => {\n  return (\n    <Flex direction=\"column\" className={styles.navigations} {...props}>\n      {children}\n    </Flex>\n  );\n};\n\nconst cell = cva(styles.cell, {\n  variants: {\n    active: {\n      true: styles.active,\n    },\n    disabled: {\n      true: styles.disabled,\n    },\n  },\n});\n\ntype SidebarNavigationCellProps = PropsWithChildren<\n  VariantProps<typeof cell>\n> & {\n  leadingIcon?: React.ReactNode;\n  trailingIcon?: React.ReactNode;\n  children?: string;\n  href?: string;\n};\n\nconst SidebarNavigationCell = ({\n  leadingIcon,\n  trailingIcon,\n  active,\n  disabled,\n  children,\n  href = \"#\",\n}: SidebarNavigationCellProps) => {\n  return (\n    <Link className={cell({ active, disabled })} href={href}>\n      <Flex gap=\"small\">\n        {leadingIcon}\n        <Text className={styles.cellText}>{children}</Text>\n      </Flex>\n      {trailingIcon}\n    </Link>\n  );\n};\n\ntype SidebarFooterProps = {\n  children?: string;\n  action?: ReactNode;\n};\n\nconst SidebarFooter = ({ children, action }: SidebarFooterProps) => {\n  return (\n    <Flex className={styles.footer} gap=\"small\" justify=\"between\">\n      <Text>{children}</Text>\n      {action}\n    </Flex>\n  );\n};\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Logo: SidebarLogo,\n  Navigations: SidebarNavigations,\n  NavigationCell: SidebarNavigationCell,\n  Footer: SidebarFooter,\n});\n"],"names":["_jsx","Flex","styles","_jsxs","Text","cva","Link"],"mappings":";;;;;;;;;AAQA,MAAM,QAAQ,GAAGA,cAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAC,YAAY,EAAC,GAAG,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CAAC;AAE9E,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAoB,KAAI;IACrD,QACEA,eAACC,SAAI,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAEC,cAAM,CAAC,OAAO,EACjE,QAAA,EAAA,QAAQ,EACJ,CAAA,EACP;AACJ,CAAC,CAAC;AAQF,MAAM,WAAW,GAAG,CAAC,EACnB,GAAG,GAAG,QAAQ,EACd,SAAS,GAAG,QAAQ,EACpB,OAAO,GACU,KAAI;AACrB,IAAA,QACEC,eAAA,CAACF,SAAI,EAAA,EACH,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,KAAK,EACf,GAAG,EAAC,OAAO,EACX,SAAS,EAAEC,cAAM,CAAC,IAAI,EACtB,OAAO,EAAE,OAAO,EAEf,QAAA,EAAA,CAAA,GAAG,EACJF,cAAA,CAACI,SAAI,EAAE,EAAA,QAAA,EAAA,SAAS,EAAQ,CAAA,CAAA,EAAA,CACnB,EACP;AACJ,CAAC,CAAC;AAGF,MAAM,kBAAkB,GAAG,CAAC,EAC1B,QAAQ,EACR,GAAG,KAAK,EACgB,KAAI;AAC5B,IAAA,QACEJ,cAAC,CAAAC,SAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAEC,cAAM,CAAC,WAAW,EAAM,GAAA,KAAK,YAC9D,QAAQ,EAAA,CACJ,EACP;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAGG,0BAAG,CAACH,cAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,MAAM,EAAE;YACN,IAAI,EAAEA,cAAM,CAAC,MAAM;AACpB,SAAA;AACD,QAAA,QAAQ,EAAE;YACR,IAAI,EAAEA,cAAM,CAAC,QAAQ;AACtB,SAAA;AACF,KAAA;AACF,CAAA,CAAC,CAAC;AAWH,MAAM,qBAAqB,GAAG,CAAC,EAC7B,WAAW,EACX,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,GAAG,GACiB,KAAI;IAC/B,QACEC,gBAACG,SAAI,EAAA,EAAC,SAAS,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAA,QAAA,EAAA,CACrDH,gBAACF,SAAI,EAAA,EAAC,GAAG,EAAC,OAAO,aACd,WAAW,EACZD,eAACI,SAAI,EAAA,EAAC,SAAS,EAAEF,cAAM,CAAC,QAAQ,EAAA,QAAA,EAAG,QAAQ,EAAQ,CAAA,CAAA,EAAA,CAC9C,EACN,YAAY,CAAA,EAAA,CACR,EACP;AACJ,CAAC,CAAC;AAOF,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAsB,KAAI;IACjE,QACEC,eAAC,CAAAF,SAAI,EAAC,EAAA,SAAS,EAAEC,cAAM,CAAC,MAAM,EAAE,GAAG,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAC3D,QAAA,EAAA,CAAAF,cAAA,CAACI,SAAI,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAQ,EACtB,MAAM,CACF,EAAA,CAAA,EACP;AACJ,CAAC,CAAC;MAEW,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;AAChD,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,WAAW,EAAE,kBAAkB;AAC/B,IAAA,cAAc,EAAE,qBAAqB;AACrC,IAAA,MAAM,EAAE,aAAa;AACtB,CAAA;;;;"}

package/dist/sidebar/sidebar.d.ts

@@ -0,0 +1,34 @@
+import { VariantProps } from "class-variance-authority";
+import { PropsWithChildren, ReactNode } from "react";
+import { Flex } from "~/flex";
+declare type SidebarRootProps = VariantProps<typeof Flex> & {
+    children: ReactNode;
+};
+declare type SidebarLogoProps = {
+    img?: ReactNode;
+    brandName?: string;
+    onClick?: () => void;
+};
+declare type SidebarNavigationsProps = PropsWithChildren<VariantProps<typeof Flex>>;
+declare const cell: (props?: ({
+    active?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare type SidebarNavigationCellProps = PropsWithChildren<VariantProps<typeof cell>> & {
+    leadingIcon?: React.ReactNode;
+    trailingIcon?: React.ReactNode;
+    children?: string;
+    href?: string;
+};
+declare type SidebarFooterProps = {
+    children?: string;
+    action?: ReactNode;
+};
+export declare const Sidebar: (({ children }: SidebarRootProps) => import("react/jsx-runtime").JSX.Element) & {
+    Logo: ({ img, brandName, onClick, }: SidebarLogoProps) => import("react/jsx-runtime").JSX.Element;
+    Navigations: ({ children, ...props }: SidebarNavigationsProps) => import("react/jsx-runtime").JSX.Element;
+    NavigationCell: ({ leadingIcon, trailingIcon, active, disabled, children, href, }: SidebarNavigationCellProps) => import("react/jsx-runtime").JSX.Element;
+    Footer: ({ children, action }: SidebarFooterProps) => import("react/jsx-runtime").JSX.Element;
+};
+export {};
+//# sourceMappingURL=sidebar.d.ts.map

package/dist/sidebar/sidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../sidebar/sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAK9B,aAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC;AAW5E,aAAK,gBAAgB,GAAG;IACtB,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAqBF,aAAK,uBAAuB,GAAG,iBAAiB,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC;AAY5E,QAAA,MAAM,IAAI;;;mFASR,CAAC;AAEH,aAAK,0BAA0B,GAAG,iBAAiB,CACjD,YAAY,CAAC,OAAO,IAAI,CAAC,CAC1B,GAAG;IACF,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAqBF,aAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAWF,eAAO,MAAM,OAAO,kBAlGe,gBAAgB;yCAkBhD,gBAAgB;0CAmBhB,uBAAuB;uFAmCvB,0BAA0B;mCAiBgB,kBAAkB;CAc7D,CAAC"}

package/dist/sidebar/sidebar.js

@@ -0,0 +1,42 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cva } from 'class-variance-authority';
+import { Flex } from '../flex/flex.js';
+import { Link } from '../link/link.js';
+import { Text } from '../text/text.js';
+import styles from './sidebar.module.css.js';
+
+const baseLogo = jsx("img", { src: "./logo.svg", alt: "apsara", width: 16, height: 16 });
+const SidebarRoot = ({ children }) => {
+    return (jsx(Flex, { direction: "column", justify: "between", className: styles.sidebar, children: children }));
+};
+const SidebarLogo = ({ img = baseLogo, brandName = "Apsara", onClick, }) => {
+    return (jsxs(Flex, { align: "center", direction: "row", gap: "small", className: styles.logo, onClick: onClick, children: [img, jsx(Text, { children: brandName })] }));
+};
+const SidebarNavigations = ({ children, ...props }) => {
+    return (jsx(Flex, { direction: "column", className: styles.navigations, ...props, children: children }));
+};
+const cell = cva(styles.cell, {
+    variants: {
+        active: {
+            true: styles.active,
+        },
+        disabled: {
+            true: styles.disabled,
+        },
+    },
+});
+const SidebarNavigationCell = ({ leadingIcon, trailingIcon, active, disabled, children, href = "#", }) => {
+    return (jsxs(Link, { className: cell({ active, disabled }), href: href, children: [jsxs(Flex, { gap: "small", children: [leadingIcon, jsx(Text, { className: styles.cellText, children: children })] }), trailingIcon] }));
+};
+const SidebarFooter = ({ children, action }) => {
+    return (jsxs(Flex, { className: styles.footer, gap: "small", justify: "between", children: [jsx(Text, { children: children }), action] }));
+};
+const Sidebar = Object.assign(SidebarRoot, {
+    Logo: SidebarLogo,
+    Navigations: SidebarNavigations,
+    NavigationCell: SidebarNavigationCell,
+    Footer: SidebarFooter,
+});
+
+export { Sidebar };
+//# sourceMappingURL=sidebar.js.map

package/dist/sidebar/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","sources":["../../../sidebar/sidebar.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport { Flex } from \"~/flex\";\nimport { Link } from \"~/link\";\nimport { Text } from \"~/text\";\nimport styles from \"./sidebar.module.css\";\n\ntype SidebarRootProps = VariantProps<typeof Flex> & { children: ReactNode };\nconst baseLogo = <img src=\"./logo.svg\" alt=\"apsara\" width={16} height={16} />;\n\nconst SidebarRoot = ({ children }: SidebarRootProps) => {\n  return (\n    <Flex direction=\"column\" justify=\"between\" className={styles.sidebar}>\n      {children}\n    </Flex>\n  );\n};\n\ntype SidebarLogoProps = {\n  img?: ReactNode;\n  brandName?: string;\n  onClick?: () => void;\n};\n\nconst SidebarLogo = ({\n  img = baseLogo,\n  brandName = \"Apsara\",\n  onClick,\n}: SidebarLogoProps) => {\n  return (\n    <Flex\n      align=\"center\"\n      direction=\"row\"\n      gap=\"small\"\n      className={styles.logo}\n      onClick={onClick}\n    >\n      {img}\n      <Text>{brandName}</Text>\n    </Flex>\n  );\n};\n\ntype SidebarNavigationsProps = PropsWithChildren<VariantProps<typeof Flex>>;\nconst SidebarNavigations = ({\n  children,\n  ...props\n}: SidebarNavigationsProps) => {\n  return (\n    <Flex direction=\"column\" className={styles.navigations} {...props}>\n      {children}\n    </Flex>\n  );\n};\n\nconst cell = cva(styles.cell, {\n  variants: {\n    active: {\n      true: styles.active,\n    },\n    disabled: {\n      true: styles.disabled,\n    },\n  },\n});\n\ntype SidebarNavigationCellProps = PropsWithChildren<\n  VariantProps<typeof cell>\n> & {\n  leadingIcon?: React.ReactNode;\n  trailingIcon?: React.ReactNode;\n  children?: string;\n  href?: string;\n};\n\nconst SidebarNavigationCell = ({\n  leadingIcon,\n  trailingIcon,\n  active,\n  disabled,\n  children,\n  href = \"#\",\n}: SidebarNavigationCellProps) => {\n  return (\n    <Link className={cell({ active, disabled })} href={href}>\n      <Flex gap=\"small\">\n        {leadingIcon}\n        <Text className={styles.cellText}>{children}</Text>\n      </Flex>\n      {trailingIcon}\n    </Link>\n  );\n};\n\ntype SidebarFooterProps = {\n  children?: string;\n  action?: ReactNode;\n};\n\nconst SidebarFooter = ({ children, action }: SidebarFooterProps) => {\n  return (\n    <Flex className={styles.footer} gap=\"small\" justify=\"between\">\n      <Text>{children}</Text>\n      {action}\n    </Flex>\n  );\n};\n\nexport const Sidebar = Object.assign(SidebarRoot, {\n  Logo: SidebarLogo,\n  Navigations: SidebarNavigations,\n  NavigationCell: SidebarNavigationCell,\n  Footer: SidebarFooter,\n});\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;AAQA,MAAM,QAAQ,GAAGA,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAC,YAAY,EAAC,GAAG,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CAAC;AAE9E,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAoB,KAAI;IACrD,QACEA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAE,MAAM,CAAC,OAAO,EACjE,QAAA,EAAA,QAAQ,EACJ,CAAA,EACP;AACJ,CAAC,CAAC;AAQF,MAAM,WAAW,GAAG,CAAC,EACnB,GAAG,GAAG,QAAQ,EACd,SAAS,GAAG,QAAQ,EACpB,OAAO,GACU,KAAI;AACrB,IAAA,QACEC,IAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,KAAK,EACf,GAAG,EAAC,OAAO,EACX,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,OAAO,EAAE,OAAO,EAEf,QAAA,EAAA,CAAA,GAAG,EACJD,GAAA,CAAC,IAAI,EAAE,EAAA,QAAA,EAAA,SAAS,EAAQ,CAAA,CAAA,EAAA,CACnB,EACP;AACJ,CAAC,CAAC;AAGF,MAAM,kBAAkB,GAAG,CAAC,EAC1B,QAAQ,EACR,GAAG,KAAK,EACgB,KAAI;AAC5B,IAAA,QACEA,GAAC,CAAA,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,WAAW,EAAM,GAAA,KAAK,YAC9D,QAAQ,EAAA,CACJ,EACP;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,MAAM,EAAE;YACN,IAAI,EAAE,MAAM,CAAC,MAAM;AACpB,SAAA;AACD,QAAA,QAAQ,EAAE;YACR,IAAI,EAAE,MAAM,CAAC,QAAQ;AACtB,SAAA;AACF,KAAA;AACF,CAAA,CAAC,CAAC;AAWH,MAAM,qBAAqB,GAAG,CAAC,EAC7B,WAAW,EACX,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,GAAG,GACiB,KAAI;IAC/B,QACEC,KAAC,IAAI,EAAA,EAAC,SAAS,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAA,QAAA,EAAA,CACrDA,KAAC,IAAI,EAAA,EAAC,GAAG,EAAC,OAAO,aACd,WAAW,EACZD,IAAC,IAAI,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA,QAAA,EAAG,QAAQ,EAAQ,CAAA,CAAA,EAAA,CAC9C,EACN,YAAY,CAAA,EAAA,CACR,EACP;AACJ,CAAC,CAAC;AAOF,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAsB,KAAI;IACjE,QACEC,IAAC,CAAA,IAAI,EAAC,EAAA,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAC3D,QAAA,EAAA,CAAAD,GAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAQ,EACtB,MAAM,CACF,EAAA,CAAA,EACP;AACJ,CAAC,CAAC;MAEW,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;AAChD,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,WAAW,EAAE,kBAAkB;AAC/B,IAAA,cAAc,EAAE,qBAAqB;AACrC,IAAA,MAAM,EAAE,aAAa;AACtB,CAAA;;;;"}

package/dist/sidebar/sidebar.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"sidebar":"sidebar-module_sidebar__NXH3O","logo":"sidebar-module_logo__RaK-j","navigations":"sidebar-module_navigations__z5B4k","cell":"sidebar-module_cell__NHLSi","active":"sidebar-module_active__lfMUF","disabled":"sidebar-module_disabled__nYLU3","cellText":"sidebar-module_cellText__JV292","footer":"sidebar-module_footer__wLl-f"};
+
+module.exports = styles;
+//# sourceMappingURL=sidebar.module.css.cjs.map

package/dist/sidebar/sidebar.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/sidebar/sidebar.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"sidebar":"sidebar-module_sidebar__NXH3O","logo":"sidebar-module_logo__RaK-j","navigations":"sidebar-module_navigations__z5B4k","cell":"sidebar-module_cell__NHLSi","active":"sidebar-module_active__lfMUF","disabled":"sidebar-module_disabled__nYLU3","cellText":"sidebar-module_cellText__JV292","footer":"sidebar-module_footer__wLl-f"};
+
+export { styles as default };
+//# sourceMappingURL=sidebar.module.css.js.map

package/dist/sidebar/sidebar.module.css.js.map

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

package/dist/switch/index.d.ts

@@ -0,0 +1,2 @@
+export { Switch } from "./switch";
+//# sourceMappingURL=index.d.ts.map

package/dist/switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/switch/switch.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var SwitchPrimitive = require('@radix-ui/react-switch');
+var classVarianceAuthority = require('class-variance-authority');
+var React = require('react');
+var switch_module = require('./switch.module.css.cjs');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var SwitchPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(SwitchPrimitive);
+
+const switchVariants = classVarianceAuthority.cva(switch_module.switch);
+const Switch = React.forwardRef(({ className, ...props }, forwardedRef) => (jsxRuntime.jsx(SwitchPrimitive__namespace.Root, { ...props, ref: forwardedRef, className: switchVariants({ className }), children: jsxRuntime.jsx(SwitchThumb, {}) })));
+const thumb = classVarianceAuthority.cva(switch_module.thumb);
+const SwitchThumb = React.forwardRef(({ className, ...props }, ref) => (jsxRuntime.jsx(SwitchPrimitive__namespace.Thumb, { ref: ref, className: thumb({ className }), ...props })));
+SwitchThumb.displayName = SwitchPrimitive__namespace.Thumb.displayName;
+
+exports.Switch = Switch;
+//# sourceMappingURL=switch.cjs.map

package/dist/switch/switch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.cjs","sources":["../../../switch/switch.tsx"],"sourcesContent":["import * as SwitchPrimitive from \"@radix-ui/react-switch\";\n\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from \"react\";\nimport styles from \"./switch.module.css\";\n\nconst switchVariants = cva(styles.switch);\n\nexport interface SwitchProps\n  extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>,\n    VariantProps<typeof switchVariants> {}\n\nexport const Switch = forwardRef<\n  ElementRef<typeof SwitchPrimitive.Root>,\n  SwitchProps\n>(({ className, ...props }, forwardedRef) => (\n  <SwitchPrimitive.Root\n    {...props}\n    ref={forwardedRef}\n    className={switchVariants({ className })}\n  >\n    <SwitchThumb />\n  </SwitchPrimitive.Root>\n));\n\nconst thumb = cva(styles.thumb);\nexport interface thumbProps\n  extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Thumb>,\n    VariantProps<typeof thumb> {}\n\nconst SwitchThumb = forwardRef<\n  ElementRef<typeof SwitchPrimitive.Thumb>,\n  thumbProps\n>(({ className, ...props }, ref) => (\n  <SwitchPrimitive.Thumb\n    ref={ref}\n    className={thumb({ className })}\n    {...props}\n  />\n));\n\nSwitchThumb.displayName = SwitchPrimitive.Thumb.displayName;\n"],"names":["cva","styles","forwardRef","_jsx","SwitchPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,cAAc,GAAGA,0BAAG,CAACC,aAAM,CAAC,MAAM,CAAC,CAAC;MAM7B,MAAM,GAAGC,gBAAU,CAG9B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,MACtCC,eAACC,0BAAe,CAAC,IAAI,EACf,EAAA,GAAA,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,cAAc,CAAC,EAAE,SAAS,EAAE,CAAC,EAExC,QAAA,EAAAD,cAAA,CAAC,WAAW,EAAG,EAAA,CAAA,EAAA,CACM,CACxB,EAAE;AAEH,MAAM,KAAK,GAAGH,0BAAG,CAACC,aAAM,CAAC,KAAK,CAAC,CAAC;AAKhC,MAAM,WAAW,GAAGC,gBAAU,CAG5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BC,cAAC,CAAAC,0BAAe,CAAC,KAAK,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,GAC3B,KAAK,EACT,CAAA,CACH,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAGA,0BAAe,CAAC,KAAK,CAAC,WAAW;;;;"}

package/dist/switch/switch.d.ts

@@ -0,0 +1,12 @@
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { VariantProps } from "class-variance-authority";
+import { ComponentPropsWithoutRef } from "react";
+declare const switchVariants: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export interface SwitchProps extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, VariantProps<typeof switchVariants> {
+}
+export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const thumb: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
+export interface thumbProps extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Thumb>, VariantProps<typeof thumb> {
+}
+export {};
+//# sourceMappingURL=switch.d.ts.map

package/dist/switch/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAA0B,MAAM,OAAO,CAAC;AAGzE,QAAA,MAAM,cAAc,yFAAqB,CAAC;AAE1C,MAAM,WAAW,WACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3D,YAAY,CAAC,OAAO,cAAc,CAAC;CAAG;AAE1C,eAAO,MAAM,MAAM,2GAWjB,CAAC;AAEH,QAAA,MAAM,KAAK,yFAAoB,CAAC;AAChC,MAAM,WAAW,UACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,EAC5D,YAAY,CAAC,OAAO,KAAK,CAAC;CAAG"}

package/dist/switch/switch.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import { cva } from 'class-variance-authority';
+import { forwardRef } from 'react';
+import styles from './switch.module.css.js';
+
+const switchVariants = cva(styles.switch);
+const Switch = forwardRef(({ className, ...props }, forwardedRef) => (jsx(SwitchPrimitive.Root, { ...props, ref: forwardedRef, className: switchVariants({ className }), children: jsx(SwitchThumb, {}) })));
+const thumb = cva(styles.thumb);
+const SwitchThumb = forwardRef(({ className, ...props }, ref) => (jsx(SwitchPrimitive.Thumb, { ref: ref, className: thumb({ className }), ...props })));
+SwitchThumb.displayName = SwitchPrimitive.Thumb.displayName;
+
+export { Switch };
+//# sourceMappingURL=switch.js.map

package/dist/switch/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sources":["../../../switch/switch.tsx"],"sourcesContent":["import * as SwitchPrimitive from \"@radix-ui/react-switch\";\n\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from \"react\";\nimport styles from \"./switch.module.css\";\n\nconst switchVariants = cva(styles.switch);\n\nexport interface SwitchProps\n  extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>,\n    VariantProps<typeof switchVariants> {}\n\nexport const Switch = forwardRef<\n  ElementRef<typeof SwitchPrimitive.Root>,\n  SwitchProps\n>(({ className, ...props }, forwardedRef) => (\n  <SwitchPrimitive.Root\n    {...props}\n    ref={forwardedRef}\n    className={switchVariants({ className })}\n  >\n    <SwitchThumb />\n  </SwitchPrimitive.Root>\n));\n\nconst thumb = cva(styles.thumb);\nexport interface thumbProps\n  extends ComponentPropsWithoutRef<typeof SwitchPrimitive.Thumb>,\n    VariantProps<typeof thumb> {}\n\nconst SwitchThumb = forwardRef<\n  ElementRef<typeof SwitchPrimitive.Thumb>,\n  thumbProps\n>(({ className, ...props }, ref) => (\n  <SwitchPrimitive.Thumb\n    ref={ref}\n    className={thumb({ className })}\n    {...props}\n  />\n));\n\nSwitchThumb.displayName = SwitchPrimitive.Thumb.displayName;\n"],"names":["_jsx"],"mappings":";;;;;;AAMA,MAAM,cAAc,GAAG,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;MAM7B,MAAM,GAAG,UAAU,CAG9B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,MACtCA,IAAC,eAAe,CAAC,IAAI,EACf,EAAA,GAAA,KAAK,EACT,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,cAAc,CAAC,EAAE,SAAS,EAAE,CAAC,EAExC,QAAA,EAAAA,GAAA,CAAC,WAAW,EAAG,EAAA,CAAA,EAAA,CACM,CACxB,EAAE;AAEH,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAKhC,MAAM,WAAW,GAAG,UAAU,CAG5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BA,GAAC,CAAA,eAAe,CAAC,KAAK,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,GAC3B,KAAK,EACT,CAAA,CACH,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,WAAW;;;;"}

package/dist/switch/switch.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"switch":"switch-module_switch__glH7j","thumb":"switch-module_thumb__b4Y8H"};
+
+module.exports = styles;
+//# sourceMappingURL=switch.module.css.cjs.map

package/dist/switch/switch.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/switch/switch.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"switch":"switch-module_switch__glH7j","thumb":"switch-module_thumb__b4Y8H"};
+
+export { styles as default };
+//# sourceMappingURL=switch.module.css.js.map

package/dist/switch/switch.module.css.js.map

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

package/dist/table/DataTableClearFilter.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactIcons = require('@radix-ui/react-icons');
+var button = require('../button/button.cjs');
+var flex = require('../flex/flex.cjs');
+var useTable = require('./hooks/useTable.cjs');
+
+function DataTableClearFilter({ children, ...props }) {
+    const { resetColumns, table } = useTable.useTable();
+    return (jsxRuntime.jsx(button.Button, { variant: "ghost", onClick: () => {
+            table.resetColumnFilters();
+            resetColumns();
+        }, style: { width: "100%" }, ...props, children: children || (jsxRuntime.jsxs(flex.Flex, { gap: "small", align: "center", justify: "center", children: ["Clear filters ", jsxRuntime.jsx(reactIcons.Cross2Icon, { width: 12, height: "12" })] })) }));
+}
+
+exports.DataTableClearFilter = DataTableClearFilter;
+//# sourceMappingURL=DataTableClearFilter.cjs.map

package/dist/table/DataTableClearFilter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableClearFilter.cjs","sources":["../../../table/DataTableClearFilter.tsx"],"sourcesContent":["import { Cross2Icon } from \"@radix-ui/react-icons\";\nimport { PropsWithChildren } from \"react\";\nimport { Button } from \"~/button\";\nimport { Flex } from \"~/flex\";\nimport { useTable } from \"./hooks/useTable\";\n\ntype DataTableClearFilterProps = PropsWithChildren<typeof Button>;\n\nexport function DataTableClearFilter({\n  children,\n  ...props\n}: DataTableClearFilterProps) {\n  const { resetColumns, table } = useTable();\n\n  return (\n    <Button\n      variant=\"ghost\"\n      onClick={() => {\n        table.resetColumnFilters();\n        resetColumns();\n      }}\n      style={{ width: \"100%\" }}\n      {...props}\n    >\n      {children || (\n        <Flex gap=\"small\" align=\"center\" justify=\"center\">\n          Clear filters <Cross2Icon width={12} height=\"12\" />\n        </Flex>\n      )}\n    </Button>\n  );\n}\n"],"names":["useTable","_jsx","Button","_jsxs","Flex","Cross2Icon"],"mappings":";;;;;;;;AAQM,SAAU,oBAAoB,CAAC,EACnC,QAAQ,EACR,GAAG,KAAK,EACkB,EAAA;IAC1B,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,GAAGA,iBAAQ,EAAE,CAAC;IAE3C,QACEC,cAAC,CAAAC,aAAM,EACL,EAAA,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,MAAK;YACZ,KAAK,CAAC,kBAAkB,EAAE,CAAC;AAC3B,YAAA,YAAY,EAAE,CAAC;SAChB,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACpB,GAAA,KAAK,YAER,QAAQ,KACPC,eAAC,CAAAC,SAAI,IAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,+BACjCH,cAAC,CAAAI,qBAAU,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAC,IAAI,EAAA,CAAG,IAC9C,CACR,EAAA,CACM,EACT;AACJ;;;;"}

package/dist/table/DataTableClearFilter.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from "react";
+import { Button } from "~/button";
+declare type DataTableClearFilterProps = PropsWithChildren<typeof Button>;
+export declare function DataTableClearFilter({ children, ...props }: DataTableClearFilterProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DataTableClearFilter.d.ts.map

package/dist/table/DataTableClearFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableClearFilter.d.ts","sourceRoot":"","sources":["../../table/DataTableClearFilter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAIlC,aAAK,yBAAyB,GAAG,iBAAiB,CAAC,OAAO,MAAM,CAAC,CAAC;AAElE,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,yBAAyB,2CAoB3B"}

package/dist/table/DataTableClearFilter.js

@@ -0,0 +1,16 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Cross2Icon } from '@radix-ui/react-icons';
+import { Button } from '../button/button.js';
+import { Flex } from '../flex/flex.js';
+import { useTable } from './hooks/useTable.js';
+
+function DataTableClearFilter({ children, ...props }) {
+    const { resetColumns, table } = useTable();
+    return (jsx(Button, { variant: "ghost", onClick: () => {
+            table.resetColumnFilters();
+            resetColumns();
+        }, style: { width: "100%" }, ...props, children: children || (jsxs(Flex, { gap: "small", align: "center", justify: "center", children: ["Clear filters ", jsx(Cross2Icon, { width: 12, height: "12" })] })) }));
+}
+
+export { DataTableClearFilter };
+//# sourceMappingURL=DataTableClearFilter.js.map

package/dist/table/DataTableClearFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableClearFilter.js","sources":["../../../table/DataTableClearFilter.tsx"],"sourcesContent":["import { Cross2Icon } from \"@radix-ui/react-icons\";\nimport { PropsWithChildren } from \"react\";\nimport { Button } from \"~/button\";\nimport { Flex } from \"~/flex\";\nimport { useTable } from \"./hooks/useTable\";\n\ntype DataTableClearFilterProps = PropsWithChildren<typeof Button>;\n\nexport function DataTableClearFilter({\n  children,\n  ...props\n}: DataTableClearFilterProps) {\n  const { resetColumns, table } = useTable();\n\n  return (\n    <Button\n      variant=\"ghost\"\n      onClick={() => {\n        table.resetColumnFilters();\n        resetColumns();\n      }}\n      style={{ width: \"100%\" }}\n      {...props}\n    >\n      {children || (\n        <Flex gap=\"small\" align=\"center\" justify=\"center\">\n          Clear filters <Cross2Icon width={12} height=\"12\" />\n        </Flex>\n      )}\n    </Button>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAQM,SAAU,oBAAoB,CAAC,EACnC,QAAQ,EACR,GAAG,KAAK,EACkB,EAAA;IAC1B,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE3C,QACEA,GAAC,CAAA,MAAM,EACL,EAAA,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,MAAK;YACZ,KAAK,CAAC,kBAAkB,EAAE,CAAC;AAC3B,YAAA,YAAY,EAAE,CAAC;SAChB,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACpB,GAAA,KAAK,YAER,QAAQ,KACPC,IAAC,CAAA,IAAI,IAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,+BACjCD,GAAC,CAAA,UAAU,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAC,IAAI,EAAA,CAAG,IAC9C,CACR,EAAA,CACM,EACT;AACJ;;;;"}

package/dist/table/DataTableFilterChips.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactIcons = require('@radix-ui/react-icons');
+var flex = require('../flex/flex.cjs');
+var datatable_module = require('./datatable.module.css.cjs');
+var DataTableFilterOptions = require('./DataTableFilterOptions.cjs');
+var FilteredChip = require('./FilteredChip.cjs');
+var useTable = require('./hooks/useTable.cjs');
+
+function DataTableFilterChips(props) {
+    const { filteredColumns, table } = useTable.useTable();
+    const tableColumns = table
+        .getAllColumns()
+        .filter((column) => typeof column.accessorFn !== "undefined" && column.getCanHide());
+    if (!filteredColumns.length)
+        return null;
+    return (jsxRuntime.jsxs(flex.Flex, { gap: "small", align: "center", className: datatable_module.chipWrapper, ...props, children: [filteredColumns.map((filter, index) => {
+                const filteredColumn = table.getColumn(filter);
+                return jsxRuntime.jsx(FilteredChip.FilteredChip, { column: filteredColumn });
+            }), filteredColumns.length < tableColumns.length && (jsxRuntime.jsx(DataTableFilterOptions.DataTableFilterOptions, { variant: "ghost", style: { border: "none", background: "none" }, children: jsxRuntime.jsx(reactIcons.PlusIcon, { width: 16, height: 16 }) }))] }));
+}
+
+exports.DataTableFilterChips = DataTableFilterChips;
+//# sourceMappingURL=DataTableFilterChips.cjs.map

package/dist/table/DataTableFilterChips.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableFilterChips.cjs","sources":["../../../table/DataTableFilterChips.tsx"],"sourcesContent":["import { PlusIcon } from \"@radix-ui/react-icons\";\nimport { ComponentProps } from \"react\";\nimport { Flex } from \"~/flex\";\nimport styles from \"./datatable.module.css\";\nimport { DataTableFilterOptions } from \"./DataTableFilterOptions\";\nimport { FilteredChip } from \"./FilteredChip\";\nimport { useTable } from \"./hooks/useTable\";\n\ntype DataTableFilterChipsProps = ComponentProps<typeof Flex>;\nexport function DataTableFilterChips(props: DataTableFilterChipsProps) {\n  const { filteredColumns, table } = useTable();\n  const tableColumns = table\n    .getAllColumns()\n    .filter(\n      (column) =>\n        typeof column.accessorFn !== \"undefined\" && column.getCanHide()\n    );\n\n  if (!filteredColumns.length) return null;\n\n  return (\n    <Flex gap=\"small\" align=\"center\" className={styles.chipWrapper} {...props}>\n      {filteredColumns.map((filter, index) => {\n        const filteredColumn = table.getColumn(filter)!;\n        return <FilteredChip column={filteredColumn} />;\n      })}\n\n      {filteredColumns.length < tableColumns.length && (\n        <DataTableFilterOptions\n          variant=\"ghost\"\n          style={{ border: \"none\", background: \"none\" }}\n        >\n          <PlusIcon width={16} height={16} />\n        </DataTableFilterOptions>\n      )}\n    </Flex>\n  );\n}\n"],"names":["useTable","_jsxs","Flex","styles","_jsx","FilteredChip","DataTableFilterOptions","PlusIcon"],"mappings":";;;;;;;;;;AASM,SAAU,oBAAoB,CAAC,KAAgC,EAAA;IACnE,MAAM,EAAE,eAAe,EAAE,KAAK,EAAE,GAAGA,iBAAQ,EAAE,CAAC;IAC9C,MAAM,YAAY,GAAG,KAAK;AACvB,SAAA,aAAa,EAAE;AACf,SAAA,MAAM,CACL,CAAC,MAAM,KACL,OAAO,MAAM,CAAC,UAAU,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,EAAE,CAClE,CAAC;IAEJ,IAAI,CAAC,eAAe,CAAC,MAAM;AAAE,QAAA,OAAO,IAAI,CAAC;AAEzC,IAAA,QACEC,eAAA,CAACC,SAAI,EAAA,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAEC,gBAAM,CAAC,WAAW,EAAA,GAAM,KAAK,EAAA,QAAA,EAAA,CACtE,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,KAAI;gBACrC,MAAM,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,CAAE,CAAC;AAChD,gBAAA,OAAOC,eAACC,yBAAY,EAAA,EAAC,MAAM,EAAE,cAAc,GAAI,CAAC;aACjD,CAAC,EAED,eAAe,CAAC,MAAM,GAAG,YAAY,CAAC,MAAM,KAC3CD,cAAC,CAAAE,6CAAsB,IACrB,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAE7C,QAAA,EAAAF,cAAA,CAACG,mBAAQ,EAAC,EAAA,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACZ,CAAA,CAC1B,CACI,EAAA,CAAA,EACP;AACJ;;;;"}

package/dist/table/DataTableFilterChips.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from "react";
+import { Flex } from "~/flex";
+declare type DataTableFilterChipsProps = ComponentProps<typeof Flex>;
+export declare function DataTableFilterChips(props: DataTableFilterChipsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=DataTableFilterChips.d.ts.map

package/dist/table/DataTableFilterChips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableFilterChips.d.ts","sourceRoot":"","sources":["../../table/DataTableFilterChips.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAM9B,aAAK,yBAAyB,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC;AAC7D,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,kDA4BpE"}

package/dist/table/DataTableFilterChips.js

@@ -0,0 +1,23 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { PlusIcon } from '@radix-ui/react-icons';
+import { Flex } from '../flex/flex.js';
+import styles from './datatable.module.css.js';
+import { DataTableFilterOptions } from './DataTableFilterOptions.js';
+import { FilteredChip } from './FilteredChip.js';
+import { useTable } from './hooks/useTable.js';
+
+function DataTableFilterChips(props) {
+    const { filteredColumns, table } = useTable();
+    const tableColumns = table
+        .getAllColumns()
+        .filter((column) => typeof column.accessorFn !== "undefined" && column.getCanHide());
+    if (!filteredColumns.length)
+        return null;
+    return (jsxs(Flex, { gap: "small", align: "center", className: styles.chipWrapper, ...props, children: [filteredColumns.map((filter, index) => {
+                const filteredColumn = table.getColumn(filter);
+                return jsx(FilteredChip, { column: filteredColumn });
+            }), filteredColumns.length < tableColumns.length && (jsx(DataTableFilterOptions, { variant: "ghost", style: { border: "none", background: "none" }, children: jsx(PlusIcon, { width: 16, height: 16 }) }))] }));
+}
+
+export { DataTableFilterChips };
+//# sourceMappingURL=DataTableFilterChips.js.map

package/dist/table/DataTableFilterChips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableFilterChips.js","sources":["../../../table/DataTableFilterChips.tsx"],"sourcesContent":["import { PlusIcon } from \"@radix-ui/react-icons\";\nimport { ComponentProps } from \"react\";\nimport { Flex } from \"~/flex\";\nimport styles from \"./datatable.module.css\";\nimport { DataTableFilterOptions } from \"./DataTableFilterOptions\";\nimport { FilteredChip } from \"./FilteredChip\";\nimport { useTable } from \"./hooks/useTable\";\n\ntype DataTableFilterChipsProps = ComponentProps<typeof Flex>;\nexport function DataTableFilterChips(props: DataTableFilterChipsProps) {\n  const { filteredColumns, table } = useTable();\n  const tableColumns = table\n    .getAllColumns()\n    .filter(\n      (column) =>\n        typeof column.accessorFn !== \"undefined\" && column.getCanHide()\n    );\n\n  if (!filteredColumns.length) return null;\n\n  return (\n    <Flex gap=\"small\" align=\"center\" className={styles.chipWrapper} {...props}>\n      {filteredColumns.map((filter, index) => {\n        const filteredColumn = table.getColumn(filter)!;\n        return <FilteredChip column={filteredColumn} />;\n      })}\n\n      {filteredColumns.length < tableColumns.length && (\n        <DataTableFilterOptions\n          variant=\"ghost\"\n          style={{ border: \"none\", background: \"none\" }}\n        >\n          <PlusIcon width={16} height={16} />\n        </DataTableFilterOptions>\n      )}\n    </Flex>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AASM,SAAU,oBAAoB,CAAC,KAAgC,EAAA;IACnE,MAAM,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC9C,MAAM,YAAY,GAAG,KAAK;AACvB,SAAA,aAAa,EAAE;AACf,SAAA,MAAM,CACL,CAAC,MAAM,KACL,OAAO,MAAM,CAAC,UAAU,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,EAAE,CAClE,CAAC;IAEJ,IAAI,CAAC,eAAe,CAAC,MAAM;AAAE,QAAA,OAAO,IAAI,CAAC;AAEzC,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,GAAM,KAAK,EAAA,QAAA,EAAA,CACtE,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,KAAI;gBACrC,MAAM,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,CAAE,CAAC;AAChD,gBAAA,OAAOC,IAAC,YAAY,EAAA,EAAC,MAAM,EAAE,cAAc,GAAI,CAAC;aACjD,CAAC,EAED,eAAe,CAAC,MAAM,GAAG,YAAY,CAAC,MAAM,KAC3CA,GAAC,CAAA,sBAAsB,IACrB,OAAO,EAAC,OAAO,EACf,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAE7C,QAAA,EAAAA,GAAA,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,EACZ,CAAA,CAC1B,CACI,EAAA,CAAA,EACP;AACJ;;;;"}

package/dist/table/DataTableFilterOptions.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactIcons = require('@radix-ui/react-icons');
+var button = require('../button/button.cjs');
+var dropdownMenu = require('../dropdown-menu/dropdown-menu.cjs');
+var flex = require('../flex/flex.cjs');
+var useTable = require('./hooks/useTable.cjs');
+
+function DataTableFilterOptions({ children, ...props }) {
+    const { table, filteredColumns, addFilterColumn } = useTable.useTable();
+    const availableColumns = table
+        .getAllColumns()
+        .filter((column) => typeof column.accessorFn !== "undefined" && column.getCanHide())
+        .filter((column) => !filteredColumns.includes(column.id));
+    return (jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [jsxRuntime.jsx(dropdownMenu.DropdownMenu.Trigger, { asChild: true, children: jsxRuntime.jsx(button.Button, { variant: "ghost", ...props, children: children || (jsxRuntime.jsxs(flex.Flex, { gap: "small", align: "center", justify: "center", children: [jsxRuntime.jsx(reactIcons.PlusIcon, { width: 12, height: "12" }), " Filter"] })) }) }), availableColumns.length ? (jsxRuntime.jsxs(dropdownMenu.DropdownMenu.Content, { align: "end", className: "w-[150px]", children: [jsxRuntime.jsx(dropdownMenu.DropdownMenu.Label, { children: "Filter column" }), jsxRuntime.jsx(dropdownMenu.DropdownMenu.Separator, {}), availableColumns.map((column) => {
+                        return (jsxRuntime.jsx(dropdownMenu.DropdownMenu.Item, { onSelect: () => addFilterColumn(column.id), children: column.id }, column.id));
+                    })] })) : null] }));
+}
+
+exports.DataTableFilterOptions = DataTableFilterOptions;
+//# sourceMappingURL=DataTableFilterOptions.cjs.map

package/dist/table/DataTableFilterOptions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableFilterOptions.cjs","sources":["../../../table/DataTableFilterOptions.tsx"],"sourcesContent":["import { PlusIcon } from \"@radix-ui/react-icons\";\nimport { ComponentProps } from \"react\";\nimport { Button } from \"~/button\";\nimport { DropdownMenu } from \"~/dropdown-menu\";\nimport { Flex } from \"~/flex\";\nimport { useTable } from \"./hooks/useTable\";\n\ntype DataTableFilterOptionsProps = ComponentProps<typeof Button>;\nexport function DataTableFilterOptions({\n  children,\n  ...props\n}: DataTableFilterOptionsProps) {\n  const { table, filteredColumns, addFilterColumn } = useTable();\n  const availableColumns = table\n    .getAllColumns()\n    .filter(\n      (column) =>\n        typeof column.accessorFn !== \"undefined\" && column.getCanHide()\n    )\n    .filter((column) => !filteredColumns.includes(column.id));\n\n  return (\n    <DropdownMenu>\n      <DropdownMenu.Trigger asChild>\n        <Button variant=\"ghost\" {...props}>\n          {children || (\n            <Flex gap=\"small\" align=\"center\" justify=\"center\">\n              <PlusIcon width={12} height=\"12\" /> Filter\n            </Flex>\n          )}\n        </Button>\n      </DropdownMenu.Trigger>\n\n      {availableColumns.length ? (\n        <DropdownMenu.Content align=\"end\" className=\"w-[150px]\">\n          <DropdownMenu.Label>Filter column</DropdownMenu.Label>\n          <DropdownMenu.Separator />\n          {availableColumns.map((column) => {\n            return (\n              <DropdownMenu.Item\n                key={column.id}\n                onSelect={() => addFilterColumn(column.id)}\n              >\n                {column.id}\n              </DropdownMenu.Item>\n            );\n          })}\n        </DropdownMenu.Content>\n      ) : null}\n    </DropdownMenu>\n  );\n}\n"],"names":["useTable","_jsxs","DropdownMenu","_jsx","Button","Flex","PlusIcon"],"mappings":";;;;;;;;;AAQM,SAAU,sBAAsB,CAAC,EACrC,QAAQ,EACR,GAAG,KAAK,EACoB,EAAA;IAC5B,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,GAAGA,iBAAQ,EAAE,CAAC;IAC/D,MAAM,gBAAgB,GAAG,KAAK;AAC3B,SAAA,aAAa,EAAE;AACf,SAAA,MAAM,CACL,CAAC,MAAM,KACL,OAAO,MAAM,CAAC,UAAU,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,EAAE,CAClE;AACA,SAAA,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;IAE5D,QACEC,gBAACC,yBAAY,EAAA,EAAA,QAAA,EAAA,CACXC,eAACD,yBAAY,CAAC,OAAO,EAAC,EAAA,OAAO,kBAC3BC,cAAC,CAAAC,aAAM,IAAC,OAAO,EAAC,OAAO,EAAK,GAAA,KAAK,YAC9B,QAAQ,KACPH,eAAC,CAAAI,SAAI,IAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,aAC/CF,cAAC,CAAAG,mBAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAC,IAAI,EAAA,CAAG,eAC9B,CACR,EAAA,CACM,GACY,EAEtB,gBAAgB,CAAC,MAAM,IACtBL,gBAACC,yBAAY,CAAC,OAAO,EAAC,EAAA,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,WAAW,aACrDC,cAAC,CAAAD,yBAAY,CAAC,KAAK,EAAA,EAAA,QAAA,EAAA,eAAA,EAAA,CAAmC,EACtDC,cAAC,CAAAD,yBAAY,CAAC,SAAS,EAAA,EAAA,CAAG,EACzB,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,KAAI;wBAC/B,QACEC,cAAC,CAAAD,yBAAY,CAAC,IAAI,EAEhB,EAAA,QAAQ,EAAE,MAAM,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,EAEzC,QAAA,EAAA,MAAM,CAAC,EAAE,EAHL,EAAA,MAAM,CAAC,EAAE,CAII,EACpB;qBACH,CAAC,IACmB,IACrB,IAAI,CACK,EAAA,CAAA,EACf;AACJ;;;;"}

package/dist/table/DataTableFilterOptions.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from "react";
+import { Button } from "~/button";
+declare type DataTableFilterOptionsProps = ComponentProps<typeof Button>;
+export declare function DataTableFilterOptions({ children, ...props }: DataTableFilterOptionsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DataTableFilterOptions.d.ts.map

package/dist/table/DataTableFilterOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableFilterOptions.d.ts","sourceRoot":"","sources":["../../table/DataTableFilterOptions.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAKlC,aAAK,2BAA2B,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AACjE,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAwC7B"}

package/dist/table/DataTableFilterOptions.js

@@ -0,0 +1,20 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { PlusIcon } from '@radix-ui/react-icons';
+import { Button } from '../button/button.js';
+import { DropdownMenu } from '../dropdown-menu/dropdown-menu.js';
+import { Flex } from '../flex/flex.js';
+import { useTable } from './hooks/useTable.js';
+
+function DataTableFilterOptions({ children, ...props }) {
+    const { table, filteredColumns, addFilterColumn } = useTable();
+    const availableColumns = table
+        .getAllColumns()
+        .filter((column) => typeof column.accessorFn !== "undefined" && column.getCanHide())
+        .filter((column) => !filteredColumns.includes(column.id));
+    return (jsxs(DropdownMenu, { children: [jsx(DropdownMenu.Trigger, { asChild: true, children: jsx(Button, { variant: "ghost", ...props, children: children || (jsxs(Flex, { gap: "small", align: "center", justify: "center", children: [jsx(PlusIcon, { width: 12, height: "12" }), " Filter"] })) }) }), availableColumns.length ? (jsxs(DropdownMenu.Content, { align: "end", className: "w-[150px]", children: [jsx(DropdownMenu.Label, { children: "Filter column" }), jsx(DropdownMenu.Separator, {}), availableColumns.map((column) => {
+                        return (jsx(DropdownMenu.Item, { onSelect: () => addFilterColumn(column.id), children: column.id }, column.id));
+                    })] })) : null] }));
+}
+
+export { DataTableFilterOptions };
+//# sourceMappingURL=DataTableFilterOptions.js.map

package/dist/table/DataTableFilterOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableFilterOptions.js","sources":["../../../table/DataTableFilterOptions.tsx"],"sourcesContent":["import { PlusIcon } from \"@radix-ui/react-icons\";\nimport { ComponentProps } from \"react\";\nimport { Button } from \"~/button\";\nimport { DropdownMenu } from \"~/dropdown-menu\";\nimport { Flex } from \"~/flex\";\nimport { useTable } from \"./hooks/useTable\";\n\ntype DataTableFilterOptionsProps = ComponentProps<typeof Button>;\nexport function DataTableFilterOptions({\n  children,\n  ...props\n}: DataTableFilterOptionsProps) {\n  const { table, filteredColumns, addFilterColumn } = useTable();\n  const availableColumns = table\n    .getAllColumns()\n    .filter(\n      (column) =>\n        typeof column.accessorFn !== \"undefined\" && column.getCanHide()\n    )\n    .filter((column) => !filteredColumns.includes(column.id));\n\n  return (\n    <DropdownMenu>\n      <DropdownMenu.Trigger asChild>\n        <Button variant=\"ghost\" {...props}>\n          {children || (\n            <Flex gap=\"small\" align=\"center\" justify=\"center\">\n              <PlusIcon width={12} height=\"12\" /> Filter\n            </Flex>\n          )}\n        </Button>\n      </DropdownMenu.Trigger>\n\n      {availableColumns.length ? (\n        <DropdownMenu.Content align=\"end\" className=\"w-[150px]\">\n          <DropdownMenu.Label>Filter column</DropdownMenu.Label>\n          <DropdownMenu.Separator />\n          {availableColumns.map((column) => {\n            return (\n              <DropdownMenu.Item\n                key={column.id}\n                onSelect={() => addFilterColumn(column.id)}\n              >\n                {column.id}\n              </DropdownMenu.Item>\n            );\n          })}\n        </DropdownMenu.Content>\n      ) : null}\n    </DropdownMenu>\n  );\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAQM,SAAU,sBAAsB,CAAC,EACrC,QAAQ,EACR,GAAG,KAAK,EACoB,EAAA;IAC5B,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC/D,MAAM,gBAAgB,GAAG,KAAK;AAC3B,SAAA,aAAa,EAAE;AACf,SAAA,MAAM,CACL,CAAC,MAAM,KACL,OAAO,MAAM,CAAC,UAAU,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,EAAE,CAClE;AACA,SAAA,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;IAE5D,QACEA,KAAC,YAAY,EAAA,EAAA,QAAA,EAAA,CACXC,IAAC,YAAY,CAAC,OAAO,EAAC,EAAA,OAAO,kBAC3BA,GAAC,CAAA,MAAM,IAAC,OAAO,EAAC,OAAO,EAAK,GAAA,KAAK,YAC9B,QAAQ,KACPD,IAAC,CAAA,IAAI,IAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,aAC/CC,GAAC,CAAA,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAC,IAAI,EAAA,CAAG,eAC9B,CACR,EAAA,CACM,GACY,EAEtB,gBAAgB,CAAC,MAAM,IACtBD,KAAC,YAAY,CAAC,OAAO,EAAC,EAAA,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,WAAW,aACrDC,GAAC,CAAA,YAAY,CAAC,KAAK,EAAA,EAAA,QAAA,EAAA,eAAA,EAAA,CAAmC,EACtDA,GAAC,CAAA,YAAY,CAAC,SAAS,EAAA,EAAA,CAAG,EACzB,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,KAAI;wBAC/B,QACEA,GAAC,CAAA,YAAY,CAAC,IAAI,EAEhB,EAAA,QAAQ,EAAE,MAAM,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,EAEzC,QAAA,EAAA,MAAM,CAAC,EAAE,EAHL,EAAA,MAAM,CAAC,EAAE,CAII,EACpB;qBACH,CAAC,IACmB,IACrB,IAAI,CACK,EAAA,CAAA,EACf;AACJ;;;;"}

package/dist/table/DataTableFooter.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var flex = require('../flex/flex.cjs');
+var datatable_module = require('./datatable.module.css.cjs');
+
+function DataTableFooter({ children, }) {
+    return (jsxRuntime.jsx(flex.Flex, { direction: "column", className: datatable_module.toolbar, children: children }));
+}
+
+exports.DataTableFooter = DataTableFooter;
+//# sourceMappingURL=DataTableFooter.cjs.map

package/dist/table/DataTableFooter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableFooter.cjs","sources":["../../../table/DataTableFooter.tsx"],"sourcesContent":["import { VariantProps } from \"class-variance-authority\";\nimport type { ReactNode } from \"react\";\nimport { Flex } from \"~/flex\";\n\nimport styles from \"./datatable.module.css\";\n\ntype DataTableFooterProps<TData> = VariantProps<typeof Flex> & {\n  children?: ReactNode;\n};\n\nexport function DataTableFooter<TData>({\n  children,\n}: DataTableFooterProps<TData>) {\n  return (\n    <Flex direction=\"column\" className={styles.toolbar}>\n      {children}\n    </Flex>\n  );\n}\n"],"names":["_jsx","Flex","styles"],"mappings":";;;;;;AAUgB,SAAA,eAAe,CAAQ,EACrC,QAAQ,GACoB,EAAA;AAC5B,IAAA,QACEA,cAAC,CAAAC,SAAI,EAAC,EAAA,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAEC,gBAAM,CAAC,OAAO,YAC/C,QAAQ,EAAA,CACJ,EACP;AACJ;;;;"}

package/dist/table/DataTableFooter.d.ts

@@ -0,0 +1,9 @@
+import { VariantProps } from "class-variance-authority";
+import type { ReactNode } from "react";
+import { Flex } from "~/flex";
+declare type DataTableFooterProps<TData> = VariantProps<typeof Flex> & {
+    children?: ReactNode;
+};
+export declare function DataTableFooter<TData>({ children, }: DataTableFooterProps<TData>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DataTableFooter.d.ts.map

package/dist/table/DataTableFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableFooter.d.ts","sourceRoot":"","sources":["../../table/DataTableFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAI9B,aAAK,oBAAoB,CAAC,KAAK,IAAI,YAAY,CAAC,OAAO,IAAI,CAAC,GAAG;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EAAE,EACrC,QAAQ,GACT,EAAE,oBAAoB,CAAC,KAAK,CAAC,2CAM7B"}

package/dist/table/DataTableFooter.js

@@ -0,0 +1,10 @@
+import { jsx } from 'react/jsx-runtime';
+import { Flex } from '../flex/flex.js';
+import styles from './datatable.module.css.js';
+
+function DataTableFooter({ children, }) {
+    return (jsx(Flex, { direction: "column", className: styles.toolbar, children: children }));
+}
+
+export { DataTableFooter };
+//# sourceMappingURL=DataTableFooter.js.map

package/dist/table/DataTableFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableFooter.js","sources":["../../../table/DataTableFooter.tsx"],"sourcesContent":["import { VariantProps } from \"class-variance-authority\";\nimport type { ReactNode } from \"react\";\nimport { Flex } from \"~/flex\";\n\nimport styles from \"./datatable.module.css\";\n\ntype DataTableFooterProps<TData> = VariantProps<typeof Flex> & {\n  children?: ReactNode;\n};\n\nexport function DataTableFooter<TData>({\n  children,\n}: DataTableFooterProps<TData>) {\n  return (\n    <Flex direction=\"column\" className={styles.toolbar}>\n      {children}\n    </Flex>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;AAUgB,SAAA,eAAe,CAAQ,EACrC,QAAQ,GACoB,EAAA;AAC5B,IAAA,QACEA,GAAC,CAAA,IAAI,EAAC,EAAA,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAE,MAAM,CAAC,OAAO,YAC/C,QAAQ,EAAA,CACJ,EACP;AACJ;;;;"}

package/dist/table/DataTableGloabalSearch.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var textfield = require('../textfield/textfield.cjs');
+var useTable = require('./hooks/useTable.cjs');
+
+function DataTableGloabalSearch(props) {
+    const { table, globalFilter, onGlobalFilterChange } = useTable.useTable();
+    return (jsxRuntime.jsx(textfield.TextField, { placeholder: "Filter tasks...", value: globalFilter ?? "", onChange: (event) => onGlobalFilterChange(String(event.target.value)), ...props }));
+}
+
+exports.DataTableGloabalSearch = DataTableGloabalSearch;
+//# sourceMappingURL=DataTableGloabalSearch.cjs.map

package/dist/table/DataTableGloabalSearch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableGloabalSearch.cjs","sources":["../../../table/DataTableGloabalSearch.tsx"],"sourcesContent":["import { ComponentProps } from \"react\";\nimport { TextField } from \"~/textfield\";\nimport { useTable } from \"./hooks/useTable\";\n\ntype DataTableGloabalSearchProps = ComponentProps<typeof TextField>;\nexport function DataTableGloabalSearch(props: DataTableGloabalSearchProps) {\n  const { table, globalFilter, onGlobalFilterChange } = useTable();\n\n  return (\n    <TextField\n      placeholder=\"Filter tasks...\"\n      value={globalFilter ?? \"\"}\n      onChange={(event) => onGlobalFilterChange(String(event.target.value))}\n      {...props}\n    />\n  );\n}\n"],"names":["useTable","_jsx","TextField"],"mappings":";;;;;;AAKM,SAAU,sBAAsB,CAAC,KAAkC,EAAA;IACvE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,oBAAoB,EAAE,GAAGA,iBAAQ,EAAE,CAAC;AAEjE,IAAA,QACEC,cAAC,CAAAC,mBAAS,EACR,EAAA,WAAW,EAAC,iBAAiB,EAC7B,KAAK,EAAE,YAAY,IAAI,EAAE,EACzB,QAAQ,EAAE,CAAC,KAAK,KAAK,oBAAoB,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAA,GACjE,KAAK,EAAA,CACT,EACF;AACJ;;;;"}

package/dist/table/DataTableGloabalSearch.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from "react";
+import { TextField } from "~/textfield";
+declare type DataTableGloabalSearchProps = ComponentProps<typeof TextField>;
+export declare function DataTableGloabalSearch(props: DataTableGloabalSearchProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DataTableGloabalSearch.d.ts.map

package/dist/table/DataTableGloabalSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableGloabalSearch.d.ts","sourceRoot":"","sources":["../../table/DataTableGloabalSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,aAAK,2BAA2B,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AACpE,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CAWxE"}