@caspeco/casper-ui-library 8.4.0 → 9.0.0-alpha.0

package/dist/components/table/table-recipe.js

@@ -0,0 +1,94 @@
+import { ThemeFontSizeToken as e } from "../../theme/theme-tokens.js";
+import { ThemeColorVariable as o, ThemeSpaceVariable as r, ThemeFontVariable as t } from "../../theme/theme-types.js";
+import { defineSlotRecipe as a, defineStyle as n } from "@chakra-ui/react";
+const d = {
+  position: "relative",
+  fontFamily: t.Body,
+  fontSize: e.Small,
+  width: "100%",
+  "& thead": {
+    '&[data-sticky-headers="true"]': {
+      position: "sticky",
+      top: 0,
+      zIndex: 5
+    }
+  },
+  "& th": {
+    padding: "0px",
+    position: "relative",
+    fontSize: e.Small,
+    height: "40px",
+    color: o.OnBackgroundSubdued,
+    fontWeight: 400,
+    textTransform: "none",
+    "& button": {
+      _hover: {
+        backgroundColor: o.BackgroundDisabled
+      }
+    }
+  },
+  "& td": {
+    color: o.OnBackground,
+    padding: `0px 0px 0px ${r.Small}`,
+    borderRight: `1px solid ${o.OnBackgroundBorder}`,
+    height: "40px",
+    gap: r.XSmall,
+    _last: {
+      borderRight: "none"
+    },
+    "&:has(input):not(:has(input[type='checkbox']))": {
+      padding: "0px !important"
+    },
+    "&:has(textarea)": { padding: "0px !important" }
+  },
+  "& tr": {
+    borderColor: o.OnBackgroundBorder
+  }
+}, l = {
+  cursor: "pointer",
+  backgroundColor: o.Surface,
+  color: o.OnBackgroundSubdued,
+  fontWeight: 400
+}, i = {
+  color: o.OnBackground
+}, c = n({
+  borderTop: "none",
+  _first: {
+    borderTop: "none"
+  },
+  _last: {
+    borderBottom: "1px solid",
+    borderColor: o.OnBackgroundBorder
+  },
+  '&[data-row-selected="true"]': {
+    backgroundColor: o.AccentHoverAlpha
+  },
+  _hover: {
+    // Show action menu button on row hover
+    "& .action-menu-button": { opacity: 1 },
+    '&[data-allow-hovered="true"]': {
+      backgroundColor: o.AccentHoverAlpha
+    }
+  },
+  '&[data-is-root-level="true"]:not(:first-of-type)': {
+    borderTop: `1px solid ${o.OnBackgroundBorder}`
+  }
+}), p = {
+  "& tr": {
+    zIndex: 10,
+    backgroundColor: o.OnBackgroundSubdued
+  }
+}, h = a({
+  className: "table",
+  slots: ["root", "header", "body", "row", "columnHeader", "cell", "footer"],
+  base: {
+    root: d,
+    footer: i,
+    columnHeader: l,
+    row: c,
+    header: p
+  }
+});
+export {
+  h as tableRecipe
+};

package/dist/components/table/table-row-expand-toggle-button.js

@@ -1,32 +1,33 @@
-import { jsx as m } from "react/jsx-runtime";
-import { memo as c } from "react";
-import { translations as d } from "./translations.js";
-import { IconButton as x } from "../icon-button/icon-button.js";
-import { Icons as r } from "../icon/types.js";
-import { ThemeSpaceVariable as g } from "../../theme/theme-types.js";
-const w = c(
-  ({ row: o, localeString: i, rowIsExpanded: a, hidden: e }) => {
-    const n = d[i], l = o.getToggleExpandedHandler(), p = (t) => {
-      t.stopPropagation(), l();
-    }, s = () => a ? `${n.collapseRow} ${o.index + 1}` : `${n.expandRow} ${o.index + 1}`;
-    return /* @__PURE__ */ m(
-      x,
+import { jsx as p } from "react/jsx-runtime";
+import { memo as s } from "react";
+import { translations as c } from "./translations.js";
+import { IconButton as d } from "../icon-button/icon-button.js";
+import { TreeViewCollapseIcon as x } from "../icon/icons/tree-view-collapse-icon.js";
+import { TreeViewExpandIcon as g } from "../icon/icons/tree-view-expand-icon.js";
+import { ThemeSpaceVariable as f } from "../../theme/theme-types.js";
+const V = s(
+  ({ row: o, localeString: a, rowIsExpanded: n, hidden: t }) => {
+    const r = c[a], i = o.getToggleExpandedHandler(), l = (e) => {
+      e.stopPropagation(), i();
+    }, m = () => n ? `${r.collapseRow} ${o.index + 1}` : `${r.expandRow} ${o.index + 1}`;
+    return /* @__PURE__ */ p(
+      d,
       {
         size: "xs",
-        mr: g.XSmall,
+        mr: f.XSmall,
         variant: "ghost",
-        "aria-label": s(),
-        icon: a ? r.TreeViewCollapse : r.TreeViewExpand,
-        onClick: p,
-        onKeyDown: (t) => t.stopPropagation(),
-        visibility: e ? "hidden" : "initial",
-        "aria-hidden": e,
-        tabIndex: e ? -1 : 0,
+        "aria-label": m(),
+        icon: n ? x : g,
+        onClick: l,
+        onKeyDown: (e) => e.stopPropagation(),
+        visibility: t ? "hidden" : "initial",
+        "aria-hidden": t,
+        tabIndex: t ? -1 : 0,
         borderRadius: "0"
       }
     );
   }
 );
 export {
-  w as TableRowExpandToggleButton
+  V as TableRowExpandToggleButton
 };

package/dist/components/table/table-row.js

@@ -1,51 +1,51 @@
-import { jsx as s } from "react/jsx-runtime";
-import { Tr as h } from "@chakra-ui/react";
-import { memo as f, useCallback as d, useMemo as S } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import { Table as h } from "@chakra-ui/react";
+import { memo as f, useCallback as r, useMemo as S } from "react";
 import { TableCell as x } from "./table-cell.js";
 import { useTableContext as I } from "./table-context.js";
 const T = ({
   row: e,
-  visibleCells: o,
-  onClickRow: n,
-  showRowHoverStyle: l,
+  visibleCells: n,
+  onClickRow: o,
+  showRowHoverStyle: d,
   onRowClickIndication: i
 }) => {
-  const a = I(), c = d(
+  const a = I(), c = r(
     (t) => {
-      n && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e.original, t));
+      o && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), o(e.original, t));
     },
-    [n, e.original]
-  ), g = d(
+    [o, e.original]
+  ), g = r(
     (t) => {
-      t.stopPropagation(), e.getToggleSelectedHandler(), n && n(e.original, t), i && a.setRowHighlight({ [t.currentTarget.id]: !0 });
+      t.stopPropagation(), e.getToggleSelectedHandler(), o && o(e.original, t), i && a.setRowHighlight({ [t.currentTarget.id]: !0 });
     },
-    [e, n, i, a]
-  ), u = S(() => e.getIsSelected() || a.selectedRowIds?.includes(e.id), [e, a.rowHighlight, a.selectedRowIds]), m = a.getRowActions?.(e.original), b = (t) => a.disableSelectionCheckbox?.(t) ?? !1;
-  return /* @__PURE__ */ s(
-    h,
+    [e, o, i, a]
+  ), u = S(() => e.getIsSelected() || a.selectedRowIds?.includes(e.id), [e, a.rowHighlight, a.selectedRowIds]), b = a.getRowActions?.(e.original), m = (t) => a.disableSelectionCheckbox?.(t) ?? !1;
+  return /* @__PURE__ */ l(
+    h.Row,
     {
       id: e.id,
-      tabIndex: n ? 0 : void 0,
+      tabIndex: o ? 0 : void 0,
       onClick: g,
       onKeyDown: c,
-      cursor: n ? "pointer" : void 0,
+      cursor: o ? "pointer" : void 0,
       "data-row-selected": u,
-      "data-allow-hovered": l,
+      "data-allow-hovered": d,
       "data-is-root-level": e.depth === 0,
-      children: o.map((t, p) => {
-        const r = p === 0;
-        return /* @__PURE__ */ s(
+      children: n.map((t, p) => {
+        const s = p === 0;
+        return /* @__PURE__ */ l(
           x,
           {
             cell: t,
-            visibleCells: o,
+            visibleCells: n,
             row: e,
             rowIsExpanded: e.getIsExpanded(),
             breakingContentState: a.breakingContentState,
             localeString: a.localeString,
-            actionMenu: r ? m : void 0,
-            canSelectRows: a.canSelectRows && r,
-            isCheckboxDisabled: b(e)
+            actionMenu: s ? b : void 0,
+            canSelectRows: a.canSelectRows && s,
+            isCheckboxDisabled: m(e)
           },
           t.id
         );
@@ -53,7 +53,7 @@ const T = ({
     },
     e.id
   );
-}, k = f(T);
+}, R = f(T);
 export {
-  k as TableRow
+  R as TableRow
 };

package/dist/components/table/table-toolbar-actions.js

@@ -4,14 +4,14 @@ import { useTableContext as e } from "./table-context.js";
 import { translations as m } from "./translations.js";
 import { Menu as s } from "../menu/menu.js";
 import { MenuIconButton as l } from "../menu/menu-icon-button.js";
-import { Icons as c } from "../icon/types.js";
+import { MoreVerticalIcon as c } from "../icon/icons/more-vertical-icon.js";
 const b = ({ children: o }) => {
   const t = e(), r = m[t.localeString];
   return /* @__PURE__ */ n(s, { children: [
     /* @__PURE__ */ a(
       l,
       {
-        icon: c.MoreVertical,
+        icon: c,
         variant: "ghost",
         size: "md",
         "aria-label": r.toolbarActions

package/dist/components/table/table-toolbar-add-button.js

@@ -3,11 +3,11 @@ import { memo as e } from "react";
 import { useTableContext as l } from "./table-context.js";
 import { translations as i } from "./translations.js";
 import { IconButton as m } from "../icon-button/icon-button.js";
-import { Icons as s } from "../icon/types.js";
-const c = (o) => {
+import { IncreaseIcon as c } from "../icon/icons/increase-icon.js";
+const s = (o) => {
   const t = l(), a = i[t.localeString], r = o["aria-label"] ?? a.new;
-  return /* @__PURE__ */ n(m, { "aria-label": r, icon: s.Increase, variant: "secondary", ...o });
-}, I = e(c);
+  return /* @__PURE__ */ n(m, { "aria-label": r, icon: c, variant: "secondary", ...o });
+}, I = e(s);
 export {
   I as TableToolbarAddButton
 };

package/dist/components/table/table-toolbar-search.js

@@ -1,19 +1,18 @@
-import { jsx as o } from "react/jsx-runtime";
-import { memo as e } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { memo as o } from "react";
 import { Input as t } from "../input/input.js";
-import { Icon as m } from "../icon/icon.js";
-import { Icons as a } from "../icon/types.js";
-const n = ({ ...r }) => /* @__PURE__ */ o(
+import { SearchIcon as m } from "../icon/icons/search-icon.js";
+const a = ({ ...e }) => /* @__PURE__ */ r(
   t,
   {
-    leftElement: /* @__PURE__ */ o(m, { icon: a.Search }),
+    leftElement: /* @__PURE__ */ r(m, {}),
     size: "md",
     type: "search",
     w: { base: "100%", md: "170px" },
     "data-testid": "filterInput",
-    ...r
+    ...e
   }
-), l = e(n);
+), l = o(a);
 export {
   l as TableToolbarSearch
 };

package/dist/components/table/table-toolbar-settings.js

@@ -1,59 +1,59 @@
-import { jsx as t, jsxs as r, Fragment as g } from "react/jsx-runtime";
-import { Flex as p, Portal as C, Box as d } from "@chakra-ui/react";
-import { memo as u, useCallback as a } from "react";
-import { useTableContext as f } from "./table-context.js";
-import { translations as k } from "./translations.js";
-import { Menu as S } from "../menu/menu.js";
-import { MenuButton as x } from "../menu/menu-button.js";
-import { Icon as T } from "../icon/icon.js";
-import { Icons as s } from "../icon/types.js";
-import { MenuList as I } from "../menu/menu-list.js";
-import { Text as M } from "../text/text.js";
-import { MenuItem as m } from "../menu/menu-item.js";
-import { Checkbox as B } from "../checkbox/checkbox.js";
-import { MenuDivider as w } from "../menu/menu-divider.js";
-import { Switch as y } from "../switch/switch.js";
-import { ThemeIconSizeVariable as V, ThemeSpaceVariable as c, ThemeColorVariable as j } from "../../theme/theme-types.js";
-const v = () => {
-  const e = f(), l = k[e.localeString], h = a(() => e.table.getAllColumns().length === Object.keys(e.breakingContentState).length && !Object.values(e.breakingContentState).includes(!1), [e.breakingContentState, e.table]), b = a(
-    (n) => {
+import { jsx as n, jsxs as r, Fragment as b } from "react/jsx-runtime";
+import { Flex as g, Portal as C, Box as p } from "@chakra-ui/react";
+import { memo as d, useCallback as a } from "react";
+import { useTableContext as u } from "./table-context.js";
+import { translations as f } from "./translations.js";
+import { Menu as k } from "../menu/menu.js";
+import { MenuButton as S } from "../menu/menu-button.js";
+import { SlidersIcon as x } from "../icon/icons/sliders-icon.js";
+import { MenuList as T } from "../menu/menu-list.js";
+import { Text as I } from "../text/text.js";
+import { MenuItem as s } from "../menu/menu-item.js";
+import { GripMoreIcon as B } from "../icon/icons/grip-more-icon.js";
+import { Checkbox as M } from "../checkbox/checkbox.js";
+import { MenuDivider as v } from "../menu/menu-divider.js";
+import { Switch as w } from "../switch/switch.js";
+import { ThemeIconSizeVariable as y, ThemeSpaceVariable as m, ThemeColorVariable as V } from "../../theme/theme-types.js";
+const j = () => {
+  const e = u(), l = f[e.localeString], c = a(() => e.table.getAllColumns().length === Object.keys(e.breakingContentState).length && !Object.values(e.breakingContentState).includes(!1), [e.breakingContentState, e.table]), h = a(
+    (t) => {
       const o = {};
       e.table.getAllColumns().forEach((i) => {
-        o[i.id] = n.target.checked;
+        o[i.id] = t.target.checked;
       }), e.setBreakingContentState(o), e.onBreakingContentChange?.(o);
     },
     [e]
   );
-  return /* @__PURE__ */ t(p, { children: /* @__PURE__ */ r(S, { closeOnSelect: !1, isLazy: !0, children: [
-    /* @__PURE__ */ t(x, { "aria-label": l.presets, variant: "ghost", p: "unset", w: "40px", h: "40px", children: /* @__PURE__ */ t(T, { icon: s.Sliders, size: V.Medium }) }),
-    /* @__PURE__ */ t(C, { children: /* @__PURE__ */ r(I, { children: [
-      /* @__PURE__ */ t(
-        M,
+  return /* @__PURE__ */ n(g, { children: /* @__PURE__ */ r(k, { closeOnSelect: !1, isLazy: !0, children: [
+    /* @__PURE__ */ n(S, { "aria-label": l.presets, variant: "ghost", p: "unset", w: "40px", h: "40px", children: /* @__PURE__ */ n(x, { size: y.Medium }) }),
+    /* @__PURE__ */ n(C, { children: /* @__PURE__ */ r(T, { children: [
+      /* @__PURE__ */ n(
+        I,
         {
-          color: j.OnSurfaceSubdued,
-          py: c.Small,
-          px: c.Medium,
+          color: V.OnSurfaceSubdued,
+          py: m.Small,
+          px: m.Medium,
           children: l.showColumns
         }
       ),
-      /* @__PURE__ */ t(d, { maxHeight: "320px", overflowY: "auto", children: e.table.getAllLeafColumns().filter((n) => n.getCanHide()).map((n) => /* @__PURE__ */ r(m, { itemType: "checkbox", leftIcon: s.GripMore, children: [
-        /* @__PURE__ */ t(g, { children: n.columnDef.header }),
-        /* @__PURE__ */ t(
-          B,
+      /* @__PURE__ */ n(p, { maxHeight: "320px", overflowY: "auto", children: e.table.getAllLeafColumns().filter((t) => t.getCanHide()).map((t) => /* @__PURE__ */ r(s, { itemType: "checkbox", leftIcon: B, value: t.id, children: [
+        /* @__PURE__ */ n(b, { children: t.columnDef.header }),
+        /* @__PURE__ */ n(
+          M,
           {
-            isChecked: n.getIsVisible(),
-            onChange: n.getToggleVisibilityHandler()
+            isChecked: t.getIsVisible(),
+            onCheckedChange: ({ checked: o }) => t.toggleVisibility(!!o)
           }
         )
-      ] }, n.id)) }),
-      /* @__PURE__ */ t(w, {}),
-      /* @__PURE__ */ r(m, { itemType: "switch", children: [
+      ] }, t.id)) }),
+      /* @__PURE__ */ n(v, {}),
+      /* @__PURE__ */ r(s, { itemType: "switch", value: "breakingContent", children: [
         l.breakingContent,
-        /* @__PURE__ */ t(y, { onChange: b, isChecked: h() })
+        /* @__PURE__ */ n(w, { onChange: h, isChecked: c() })
       ] })
     ] }) })
   ] }) });
-}, R = u(v);
+}, R = d(j);
 export {
   R as TableToolbarSettings
 };

package/dist/components/table/table-toolbar.js

@@ -9,7 +9,7 @@ import { TableToolbarSettings as V } from "./table-toolbar-settings.js";
 import { Text as I } from "../text/text.js";
 import { ThemeFontVariable as z, ThemeColorVariable as A, ThemeFontSizeVariable as H, ThemeSpaceVariable as r } from "../../theme/theme-types.js";
 const k = ({ title: m, children: c, ...T }) => {
-  const d = B(), [h] = M("(min-width: 48em)"), g = d.id ? `${d.id}-toolbar` : void 0, e = l(() => {
+  const d = B(), [h] = M(["(min-width: 48em)"]), g = d.id ? `${d.id}-toolbar` : void 0, e = l(() => {
     let u = null, b = null, p = null, f = null;
     return j.forEach(c, (a) => {
       if (!a || typeof a != "object" || !("type" in a)) return;

package/dist/components/table/types.d.ts

@@ -1,6 +1,6 @@
+import { MenuList } from '../menu/index.js';
 import { CellContext, ColumnDef, ExpandedState, Row, RowData, RowSelectionState, SortingState, VisibilityState } from '@tanstack/react-table';
 import { PropsWithChildren } from 'react';
-import { MenuList } from '../menu/index.js';
 import { TableContentProps } from './table-content.js';
 import { TableFilterBoxState, TableFilterVisibleChange } from './table-filter.js';
 import { TableToolbarProps } from './table-toolbar.js';

package/dist/components/table/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/table/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/table/types.ts"],"names":[],"mappings":"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"}

package/dist/components/tabs/tab-list.js

@@ -1,8 +1,8 @@
-import { jsx as o } from "react/jsx-runtime";
-import { TabList as s } from "@chakra-ui/react";
-function f({ alignItems: t = "flex-end", children: r, ...i }) {
-  return /* @__PURE__ */ o(s, { alignItems: t, ...i, children: r });
+import { jsx as i } from "react/jsx-runtime";
+import { Tabs as e } from "@chakra-ui/react";
+function n({ alignItems: r = "flex-end", children: t, ...o }) {
+  return /* @__PURE__ */ i(e.List, { alignItems: r, ...o, children: t });
 }
 export {
-  f as TabList
+  n as TabList
 };

package/dist/components/tabs/tab-panel.js

@@ -1,8 +1,8 @@
-import { jsx as n } from "react/jsx-runtime";
-import { TabPanel as o } from "@chakra-ui/react";
-function m({ children: a, ...r }) {
-  return /* @__PURE__ */ n(o, { ...r, children: a });
+import { jsx as t } from "react/jsx-runtime";
+import { Tabs as n } from "@chakra-ui/react";
+function a({ children: o, ...r }) {
+  return /* @__PURE__ */ t(n.Content, { ...r, children: o });
 }
 export {
-  m as TabPanel
+  a as TabPanel
 };

package/dist/components/tabs/tab-panels.d.ts

@@ -1,7 +1,6 @@
 import { TabPanelsProps } from './types.js';
 /**
- * Used to manage the rendering of multiple tab panels. It uses cloneElement to hide/show tab panels.
- * It renders a div by default.
+ * Used to manage the rendering of multiple tab panels. It renders a div by default.
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/tabs
  */

package/dist/components/tabs/tab-panels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-panels.d.ts","sourceRoot":"","sources":["../../../lib/components/tabs/tab-panels.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE/D"}
+{"version":3,"file":"tab-panels.d.ts","sourceRoot":"","sources":["../../../lib/components/tabs/tab-panels.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE/D"}

package/dist/components/tabs/tab-panels.js

@@ -1,8 +1,8 @@
-import { jsx as n } from "react/jsx-runtime";
-import { TabPanels as o } from "@chakra-ui/react";
-function t({ children: a, ...r }) {
-  return /* @__PURE__ */ n(o, { ...r, children: a });
+import { jsx as t } from "react/jsx-runtime";
+import { Box as m } from "@chakra-ui/react";
+function f({ children: o, ...r }) {
+  return /* @__PURE__ */ t(m, { ...r, children: o });
 }
 export {
-  t as TabPanels
+  f as TabPanels
 };

package/dist/components/tabs/tab-with-image.d.ts

@@ -1,10 +1,8 @@
-import { default as React } from 'react';
 import { TabProps } from './types.js';
 /**
  * Custom Tab component used internally within Tab.tsx when the tab has
  * an image (true when property imgSrc is provided).
  *
- * For more info on custom tab components @see https://v2.chakra-ui.com/docs/components/tabs/usage#creating-custom-tab-components
  */
-export declare const CustomTabWithImage: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLElement>>;
+export declare function CustomTabWithImage({ value, imgAlt, imgSrc, children, isDisabled }: TabProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=tab-with-image.d.ts.map

package/dist/components/tabs/tab-with-image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-with-image.d.ts","sourceRoot":"","sources":["../../../lib/components/tabs/tab-with-image.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,8EAyD7B,CAAC"}
+{"version":3,"file":"tab-with-image.d.ts","sourceRoot":"","sources":["../../../lib/components/tabs/tab-with-image.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,QAAQ,2CAwC3F"}

package/dist/components/tabs/tab-with-image.js

@@ -1,53 +1,35 @@
-import { jsx as a, jsxs as m } from "react/jsx-runtime";
-import { useMediaQuery as g, useTab as f, useMultiStyleConfig as x, Box as n, Button as T, VisuallyHidden as R, Flex as S, AspectRatio as _, Image as v } from "@chakra-ui/react";
-import W from "react";
-import { ThemeRadiusVariable as d, ThemeSpaceVariable as w } from "../../theme/theme-types.js";
-const H = W.forwardRef((c, u) => {
-  const [t] = g("(min-width: 48em)"), e = t ? "96px" : "72px", { imgAlt: b, imgSrc: h, imgFallbackColor: r, children: o, isDisabled: i } = c, s = f({
-    ...{ isDisabled: i },
-    ref: u
-  }), l = x("Tabs", {
-    variant: "default",
-    size: t ? "md" : "sm"
-  }), p = r ? /* @__PURE__ */ a(
-    n,
-    {
-      bg: r,
-      w: e,
-      minW: e,
-      h: e,
-      minH: e,
-      borderRadius: d.Medium
-    }
-  ) : void 0;
-  return /* @__PURE__ */ m(T, { variant: "unsyled", isDisabled: i, __css: l.tabWithImage, ...s, children: [
-    /* @__PURE__ */ a(R, { children: o }),
-    /* @__PURE__ */ m(S, { direction: "column", align: "center", role: "group", children: [
-      /* @__PURE__ */ a(_, { ratio: 1, maxWidth: e, minWidth: e, mb: w.XSmall, children: /* @__PURE__ */ a(
-        v,
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { useMediaQuery as c, useTabsContext as u, useSlotRecipe as b, VisuallyHidden as g, Flex as p, AspectRatio as h, Image as x, Box as T } from "@chakra-ui/react";
+import { ThemeSpaceVariable as f, ThemeRadiusVariable as C } from "../../theme/theme-types.js";
+function W({ value: n, imgAlt: m, imgSrc: d, children: i, isDisabled: a }) {
+  const [o] = c(["(min-width: 48em)"]), e = o ? "96px" : "72px", r = u().getTriggerProps({ value: n }), l = b({ key: "tabs" })({ variant: "default", size: o ? "md" : "sm" });
+  return /* @__PURE__ */ s("button", { ...r, disabled: a, children: [
+    /* @__PURE__ */ t(g, { children: i }),
+    /* @__PURE__ */ s(p, { direction: "column", align: "center", role: "group", children: [
+      /* @__PURE__ */ t(h, { ratio: 1, maxWidth: e, minWidth: e, mb: f.XSmall, children: /* @__PURE__ */ t(
+        x,
         {
-          src: h,
-          alt: b,
+          src: d,
+          alt: m,
           h: e,
           w: e,
           userSelect: "none",
-          borderRadius: d.Medium,
-          fallback: p
+          borderRadius: C.Medium
         }
       ) }),
-      /* @__PURE__ */ a(
-        n,
+      /* @__PURE__ */ t(
+        T,
         {
           outline: "none",
-          __css: l.tab,
-          "data-selected": s["aria-selected"] ? !0 : void 0,
-          "data-disabled": i ? !0 : void 0,
-          children: o
+          css: l.trigger,
+          "data-selected": r["aria-selected"] ? !0 : void 0,
+          "data-disabled": a ? !0 : void 0,
+          children: i
         }
       )
     ] })
   ] });
-});
+}
 export {
-  H as CustomTabWithImage
+  W as CustomTabWithImage
 };

package/dist/components/tabs/tab.d.ts

@@ -5,5 +5,5 @@ import { TabProps } from './types.js';
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/tabs
  */
-export declare function Tab({ imgSrc, imgAlt, imgFallbackColor, children, ...props }: TabProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tab({ imgSrc, imgAlt, imgFallbackColor, children, isDisabled, ...props }: TabProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=tab.d.ts.map

package/dist/components/tabs/tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../lib/components/tabs/tab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC;;;;;GAKG;AACH,wBAAgB,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,2CASrF"}
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../lib/components/tabs/tab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC;;;;;GAKG;AACH,wBAAgB,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,2CAmBjG"}