@caspeco/casper-ui-library 7.5.0 → 7.6.0

package/dist/components/toggle-button/toggle-button.d.ts

@@ -5,5 +5,5 @@ import { ToggleButtonProps } from './types.js';
  * @see Toggle button role on MDN: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/button_role#toggle_buttons
  * @see Docs https://caspeco.github.io/casper-ui-library/components/toggle-button
  */
-export declare function ToggleButton({ isPressed, children, ...props }: ToggleButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToggleButton(props: ToggleButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=toggle-button.d.ts.map

package/dist/components/toggle-button/toggle-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../../lib/components/toggle-button/toggle-button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAAE,SAAiB,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAMxF"}
+{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../../lib/components/toggle-button/toggle-button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGjD;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAUpD"}

package/dist/components/toggle-button/toggle-button.js

@@ -1,8 +1,10 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Button as n } from "@chakra-ui/react";
-function p({ isPressed: t = !1, children: o, ...r }) {
-  return /* @__PURE__ */ e(n, { "aria-pressed": t, type: "button", variant: "toggle", ...r, children: o });
+import { jsx as n } from "react/jsx-runtime";
+import { Button as s } from "@chakra-ui/react";
+import { useButtonChildren as i } from "./use-button-children.js";
+function c(t) {
+  const { isPressed: r = !1, subText: u, children: l, ...e } = t, o = i(t);
+  return /* @__PURE__ */ n(s, { "aria-pressed": r, type: "button", variant: "toggle", ...e, children: o });
 }
 export {
-  p as ToggleButton
+  c as ToggleButton
 };

package/dist/components/toggle-button/types.d.ts

@@ -1,13 +1,30 @@
 import { CustomChakraBoxProps, LayoutProps, MarginProps, PaddingProps } from '../../theme/index.js';
 import { ButtonProps as ChakraButtonProps, ResponsiveValue } from '@chakra-ui/react';
 type CustomStyleProps = CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps;
-type CustomProperties = {
-    /** Indicate wether button is pressed or not. Defaults to false. */
+type ToggleButtonPropsBase = {
+    /** Indicate whether button is pressed or not. Defaults to false. */
     isPressed?: boolean;
     /** The size of the button, default: md */
     size?: ResponsiveValue<"lg" | "sm" | "md"> | undefined;
+} & Pick<ChakraButtonProps, "children" | "isDisabled" | "onClick" | "type"> & CustomStyleProps;
+type ToggleButtonPropsWithSubText = ToggleButtonPropsBase & {
+    /**
+     * Adds a subtext below the button text.
+     * Does not work for sm size.
+     * When subText is provided, aria-label is required for accessibility
+     * since the button content will be hidden from screen readers.
+     */
+    subText: string;
+    /**
+     * Accessible label for the button. Required when using subText
+     * since the button content will be aria-hidden.
+     */
+    "aria-label": string;
 };
-type ChakraButtonProperties = Pick<ChakraButtonProps, "children" | "isDisabled" | "onClick" | "type">;
-export type ToggleButtonProps = CustomProperties & ChakraButtonProperties & CustomStyleProps;
+type ToggleButtonPropsWithoutSubText = ToggleButtonPropsBase & {
+    subText?: never;
+    "aria-label"?: string;
+};
+export type ToggleButtonProps = ToggleButtonPropsWithSubText | ToggleButtonPropsWithoutSubText;
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/toggle-button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/toggle-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,KAAK,EAAE,WAAW,IAAI,iBAAiB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAE1F,KAAK,gBAAgB,GAAG,oBAAoB,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC;AAExF,KAAK,gBAAgB,GAAG;IACvB,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,eAAe,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;CACvD,CAAC;AAEF,KAAK,sBAAsB,GAAG,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;AAEtG,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,GAAG,sBAAsB,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/toggle-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,KAAK,EAAE,WAAW,IAAI,iBAAiB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAE1F,KAAK,gBAAgB,GAAG,oBAAoB,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC;AAExF,KAAK,qBAAqB,GAAG;IAC5B,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,eAAe,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;CACvD,GAAG,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,GAAG,MAAM,CAAC,GAC1E,gBAAgB,CAAC;AAElB,KAAK,4BAA4B,GAAG,qBAAqB,GAAG;IAC3D;;;;;OAKG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,YAAY,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,+BAA+B,GAAG,qBAAqB,GAAG;IAC9D,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,MAAM,MAAM,iBAAiB,GAAG,4BAA4B,GAAG,+BAA+B,CAAC"}

package/dist/components/toggle-button/use-button-children.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { ToggleButtonProps } from './types.js';
+/**
+ * Custom hook that returns the children elements for the button, including subText if applicable.
+ * For responsive size values, dynamically shows/hides subText based on the current breakpoint.
+ * @returns If subText is provided and the current size is allowed, returns a container with the main text and subText. Otherwise it returns just the children.
+ */
+export declare function useButtonChildren(props: ToggleButtonProps): ReactNode;
+//# sourceMappingURL=use-button-children.d.ts.map

package/dist/components/toggle-button/use-button-children.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-button-children.d.ts","sourceRoot":"","sources":["../../../lib/components/toggle-button/use-button-children.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAKjD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CAoCrE"}

package/dist/components/toggle-button/use-button-children.js

@@ -0,0 +1,27 @@
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { useBreakpointValue as u, Flex as d, Text as r } from "@chakra-ui/react";
+import { ThemeFontSizeVariable as f } from "../../theme/theme-types.js";
+const m = ["md", "lg"];
+function T(s) {
+  const { size: l, children: t, subText: n } = s, e = l ?? "md", i = u(
+    typeof e == "string" || e === void 0 ? { base: e } : e,
+    { ssr: !1 }
+  ), c = i && m.includes(i);
+  return n && c ? /* @__PURE__ */ a(d, { "aria-hidden": "true", flexDirection: "column", alignItems: "center", overflow: "hidden", children: [
+    /* @__PURE__ */ o(r, { children: t }),
+    /* @__PURE__ */ o(
+      r,
+      {
+        fontSize: f.XSmall,
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap",
+        overflow: "hidden",
+        width: "100%",
+        children: n
+      }
+    )
+  ] }) : t;
+}
+export {
+  T as useButtonChildren
+};

package/dist/node_modules/@tanstack/react-table/build/lib/index.js

@@ -1,16 +1,6 @@
 import * as o from "react";
 import { createTable as u } from "../../../table-core/build/lib/index.js";
 import { ColumnFaceting as C, ColumnFiltering as S, ColumnGrouping as w, ColumnOrdering as b, ColumnPinning as y, ColumnSizing as F, ColumnVisibility as x, GlobalFaceting as h, GlobalFiltering as O, Headers as E, RowExpanding as M, RowPagination as v, RowPinning as G, RowSelection as P, RowSorting as $, _getVisibleLeafColumns as A, aggregationFns as H, buildHeaderGroups as V, createCell as j, createColumn as k, createColumnHelper as z, createRow as N, defaultColumnSizing as T, expandRows as U, filterFns as _, flattenBy as B, functionalUpdate as L, getCoreRowModel as q, getExpandedRowModel as D, getFilteredRowModel as I, getMemoOptions as J, getSortedRowModel as K, isFunction as Q, isNumberArray as W, isRowSelected as X, isSubRowSelected as Y, makeStateUpdater as Z, memo as ee, orderColumns as te, passiveEventSupported as ne, reSplitAlphaNumeric as oe, selectRowsFn as re, shouldAutoRemoveFilter as ae, sortingFns as ie } from "../../../table-core/build/lib/index.js";
-/**
-   * react-table
-   *
-   * Copyright (c) TanStack
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE.md file in the root directory of this source tree.
-   *
-   * @license MIT
-   */
 function f(e, t) {
   return e ? s(e) ? /* @__PURE__ */ o.createElement(e, t) : e : null;
 }

package/dist/node_modules/@tanstack/table-core/build/lib/index.js

@@ -1,13 +1,3 @@
-/**
-   * table-core
-   *
-   * Copyright (c) TanStack
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE.md file in the root directory of this source tree.
-   *
-   * @license MIT
-   */
 function ot() {
   return {
     accessor: (e, o) => typeof e == "function" ? {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@caspeco/casper-ui-library",
-	"version": "7.5.0",
+	"version": "7.6.0",
 	"prettier": "@caspeco/prettier-config",
 	"type": "module",
 	"sideEffects": false,
@@ -28,9 +28,9 @@
 	},
 	"devDependencies": {
 		"@arethetypeswrong/cli": "^0.18.2",
-		"@caspeco/eslint-config": "^4.1.1",
+		"@caspeco/eslint-config-react": "^5.0.0",
 		"@caspeco/prettier-config": "^1.0.7",
-		"@eslint/js": "^9.39.0",
+		"@eslint/js": "^9.39.1",
 		"@testing-library/jest-dom": "^6.9.1",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.6.1",
@@ -38,19 +38,19 @@
 		"@types/node": "^24.10.0",
 		"@types/react": "^18.3.12",
 		"@types/react-dom": "^18.3.1",
-		"@vitejs/plugin-react-swc": "^4.2.0",
-		"eslint": "^9.39.0",
+		"@vitejs/plugin-react-swc": "^4.2.1",
+		"eslint": "^9.39.1",
 		"eslint-plugin-react-hooks": "^7.0.1",
 		"eslint-plugin-react-refresh": "^0.4.24",
 		"globals": "^16.5.0",
 		"jsdom": "^27.1.0",
 		"tsc-alias": "^1.8.16",
 		"typescript": "~5.9.3",
-		"typescript-eslint": "^8.46.2",
-		"vite": "^7.1.12",
+		"typescript-eslint": "^8.46.3",
+		"vite": "^7.2.2",
 		"vite-plugin-dts": "^4.5.4",
 		"vite-tsconfig-paths": "^5.1.4",
-		"vitest": "^4.0.6"
+		"vitest": "^4.0.8"
 	},
 	"peerDependencies": {
 		"@chakra-ui/react": "^2.8.2",