@raystack/apsara 0.10.6 → 0.10.8

package/dist/dialog/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EACL,cAAc,EACd,wBAAwB,EAGzB,MAAM,OAAO,CAAC;AAIf,QAAA,MAAM,aAAa,yFAA4B,CAAC;AAEhD,MAAM,WAAW,kBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,eAAO,MAAM,aAAa;;kDAsBxB,CAAC;AAEH,QAAA,MAAM,OAAO,yFAAsB,CAAC;AACpC,MAAM,WAAW,YACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,OAAO,CAAC;CAAG;AAgBnC,aAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AACrE,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAMlB;AAED,eAAO,MAAM,MAAM;;;;;;;;CAMjB,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../dialog/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EACL,cAAc,EACd,wBAAwB,EAGzB,MAAM,OAAO,CAAC;AAIf,QAAA,MAAM,aAAa,yFAA4B,CAAC;AAEhD,MAAM,WAAW,kBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,eAAO,MAAM,aAAa;;kDAqBxB,CAAC;AAEH,QAAA,MAAM,OAAO,yFAAsB,CAAC;AACpC,MAAM,WAAW,YACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,OAAO,CAAC;CAAG;AAgBnC,aAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AACrE,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAMlB;AAED,eAAO,MAAM,MAAM;;;;;;;;CAMjB,CAAC"}

package/dist/index.cjs

@@ -5931,7 +5931,6 @@ var styles$m = {"dialogContent":"dialog-module_dialogContent__bljTL","overlay":"
 
 const dialogContent = cva(styles$m.dialogContent);
 const DialogContent = React.forwardRef(({ className, children, close, ...props }, forwardedRef) => {
-    console.log(close);
     return (jsxRuntimeExports.jsxs($5d3850c4d0b4e6c7$export$602eac185826482c, { children: [jsxRuntimeExports.jsx(Overlay$1, {}), jsxRuntimeExports.jsxs($5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2, { ...props, ref: forwardedRef, className: dialogContent({ className }), children: [children, close && (jsxRuntimeExports.jsx(CloseButton$1, { children: jsxRuntimeExports.jsx(Cross1Icon, {}) }))] })] }));
 });
 const overlay$1 = cva(styles$m.overlay);
@@ -11588,18 +11587,20 @@ function Text({ children, className, size, ...props }) {
     return (jsxRuntimeExports.jsx("span", { className: text$1({ size, className }), ...props, children: children }));
 }
 
-var styles$6 = {"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"};
+var styles$6 = {"sidebar":"sidebar-module_sidebar__NXH3O","navigations":"sidebar-module_navigations__z5B4k","navigationgroup":"sidebar-module_navigationgroup__bBDHs","navigationgroupheading":"sidebar-module_navigationgroupheading__MkRud","navigationgroupcontent":"sidebar-module_navigationgroupcontent__q70dL","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"};
 
-const baseLogo = jsxRuntimeExports.jsx("img", { src: "./logo.svg", alt: "apsara", width: 16, height: 16 });
 const SidebarRoot = ({ children }) => {
     return (jsxRuntimeExports.jsx(Flex, { direction: "column", justify: "between", className: styles$6.sidebar, children: children }));
 };
-const SidebarLogo = ({ img = baseLogo, name = "Apsara", onClick, }) => {
-    return (jsxRuntimeExports.jsxs(Flex, { align: "center", direction: "row", gap: "small", className: styles$6.logo, onClick: onClick, children: [img, jsxRuntimeExports.jsx(Text, { children: name })] }));
+const SidebarLogo = ({ name = "Apsara", logo, onClick }) => {
+    return (jsxRuntimeExports.jsxs(Flex, { align: "center", direction: "row", gap: "small", onClick: onClick, className: styles$6.logo, children: [jsxRuntimeExports.jsx(Flex, { gap: "small", children: logo }), jsxRuntimeExports.jsx(Text, { children: name })] }));
 };
 const SidebarNavigations = ({ children, ...props }) => {
     return (jsxRuntimeExports.jsx(Flex, { direction: "column", className: styles$6.navigations, ...props, children: children }));
 };
+const SidebarNavigationsGroup = ({ icon, name, children, ...props }) => {
+    return (jsxRuntimeExports.jsxs(Flex, { direction: "column", className: styles$6.navigationgroup, ...props, children: [jsxRuntimeExports.jsxs(Flex, { className: styles$6.navigationgroupheading, children: [icon && icon, jsxRuntimeExports.jsx(Text, { size: 2, style: { color: "var(--foreground-muted)" }, children: name })] }), jsxRuntimeExports.jsx(Flex, { direction: "column", className: styles$6.navigationgroupcontent, children: children })] }));
+};
 const cell$1 = cva(styles$6.cell, {
     variants: {
         active: {
@@ -11610,8 +11611,8 @@ const cell$1 = cva(styles$6.cell, {
         },
     },
 });
-const SidebarNavigationCell = ({ leadingIcon, trailingIcon, active, disabled, children, href = "#", }) => {
-    return (jsxRuntimeExports.jsxs(Link, { className: cell$1({ active, disabled }), href: href, children: [jsxRuntimeExports.jsxs(Flex, { gap: "small", children: [leadingIcon, jsxRuntimeExports.jsx(Text, { className: styles$6.cellText, children: children })] }), trailingIcon] }));
+const SidebarNavigationCell = ({ leadingIcon, trailingIcon, active, disabled, children, asChild = false, ...props }) => {
+    return (jsxRuntimeExports.jsx(Flex, { className: cell$1({ active, disabled }), ...props, children: asChild ? (children) : (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs(Flex, { gap: "small", children: [leadingIcon, jsxRuntimeExports.jsx(Text, { className: styles$6.cellText, children: children })] }), trailingIcon] })) }));
 };
 const SidebarFooter = ({ children, action }) => {
     return (jsxRuntimeExports.jsxs(Flex, { className: styles$6.footer, gap: "small", justify: "between", children: [jsxRuntimeExports.jsx(Text, { children: children }), action] }));
@@ -11619,6 +11620,7 @@ const SidebarFooter = ({ children, action }) => {
 const Sidebar = Object.assign(SidebarRoot, {
     Logo: SidebarLogo,
     Navigations: SidebarNavigations,
+    NavigationGroup: SidebarNavigationsGroup,
     NavigationCell: SidebarNavigationCell,
     Footer: SidebarFooter,
 });
@@ -15308,8 +15310,8 @@ function DataTableGloabalSearch(props) {
     return (jsxRuntimeExports.jsx(TextField, { placeholder: "Filter tasks...", value: globalFilter ?? "", onChange: (event) => onGlobalFilterChange(String(event.target.value)), ...props }));
 }
 
-function DataTableToolbar({ children, }) {
-    return (jsxRuntimeExports.jsx(Flex, { direction: "column", className: styles$4.toolbar, children: children }));
+function DataTableToolbar({ children, ...props }) {
+    return (jsxRuntimeExports.jsx(Flex, { direction: "column", className: styles$4.toolbar, ...props, children: children }));
 }
 
 function DataTableViewOptions({ children, ...props }) {
@@ -15430,13 +15432,17 @@ function DataTableRoot({ columns, data, emptyState, children, parentStyle, ...pr
                 onGlobalFilterChange: setGlobalFilter,
                 onChange: () => ({}),
             }, children: [jsxRuntimeExports.jsxs(Flex, { direction: "column", className: styles$4.datatable, children: [header, jsxRuntimeExports.jsxs(Flex, { style: parentStyle, children: [jsxRuntimeExports.jsxs(Table, { ...props, children: [jsxRuntimeExports.jsx(Table.Header, { children: table.getHeaderGroups().map((headerGroup) => (jsxRuntimeExports.jsx(Table.Row, { children: headerGroup.headers.map((header) => {
-                                                    return (jsxRuntimeExports.jsx(Table.Head, { children: jsxRuntimeExports.jsxs(Text, { className: styles$4.head, children: [header.isPlaceholder
+                                                    return (jsxRuntimeExports.jsx(Table.Head, { style: {
+                                                            ...(header.column.columnDef?.meta?.style ?? {}),
+                                                        }, children: jsxRuntimeExports.jsxs(Text, { className: styles$4.head, children: [header.isPlaceholder
                                                                     ? null
                                                                     : flexRender(header.column.columnDef.header, header.getContext()), {
                                                                     asc: jsxRuntimeExports.jsx(ArrowUpIcon, {}),
                                                                     desc: jsxRuntimeExports.jsx(ArrowDownIcon, {}),
                                                                 }[header.column.getIsSorted()] ?? null] }) }, header.id));
-                                                }) }, headerGroup.id))) }), jsxRuntimeExports.jsx(Table.Body, { children: table.getRowModel().rows?.length ? (table.getRowModel().rows.map((row) => (jsxRuntimeExports.jsx(Table.Row, { "data-state": row.getIsSelected() && "selected", children: row.getVisibleCells().map((cell) => (jsxRuntimeExports.jsx(Table.Cell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id)))) : (jsxRuntimeExports.jsx(Table.Row, { children: jsxRuntimeExports.jsx(Table.Cell, { colSpan: columns.length, children: emptyState || "No results." }) })) })] }), detail] })] }), footer] }) }));
+                                                }) }, headerGroup.id))) }), jsxRuntimeExports.jsx(Table.Body, { children: table.getRowModel().rows?.length ? (table.getRowModel().rows.map((row) => (jsxRuntimeExports.jsx(Table.Row, { "data-state": row.getIsSelected() && "selected", children: row.getVisibleCells().map((cell) => (jsxRuntimeExports.jsx(Table.Cell, { style: {
+                                                        ...(cell.column.columnDef?.meta?.style ?? {}),
+                                                    }, children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id)))) : (jsxRuntimeExports.jsx(Table.Row, { children: jsxRuntimeExports.jsx(Table.Cell, { colSpan: columns.length, children: emptyState || "No results." }) })) })] }), detail] })] }), footer] }) }));
 }
 const DataTable = Object.assign(DataTableRoot, {
     Toolbar: DataTableToolbar,