@allxsmith/bestax-bulma 5.43.1 → 5.44.0

package/dist/types/elements/Td.d.ts

@@ -3,6 +3,7 @@
  */
 import React from 'react';
 import { BulmaClassesProps } from '../helpers/useBulmaClasses.js';
+import { TableAlignment } from './tableAlignment.js';
 /**
  * The values the table `color` prop accepts, as a readonly tuple.
  *
@@ -34,6 +35,8 @@ export type TableColor = (typeof validTableColors)[number];
 export interface TdProps extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {
     /** Additional CSS classes to apply. */
     className?: string;
+    /** Text alignment for the table cell ('left', 'right', 'centered'). */
+    isAligned?: TableAlignment;
     /** Bulma color modifier for the table cell. */
     color?: TableColor;
     /** Table cell content. */
@@ -42,7 +45,7 @@ export interface TdProps extends Omit<React.TdHTMLAttributes<HTMLTableCellElemen
 /**
  * Td component for rendering a styled Bulma table cell.
  *
- * Supports Bulma color modifiers and helper classes for additional styling.
+ * Supports alignment, Bulma color modifiers, and helper classes for additional styling.
  *
  * @function
  * @param {TdProps} props - Props for the Td component.

package/dist/types/elements/Th.d.ts

@@ -4,11 +4,7 @@
 import React from 'react';
 import { BulmaClassesProps } from '../helpers/useBulmaClasses.js';
 import { TableColor } from './Td.js';
-declare const validAlignments: readonly ["left", "right", "centered"];
-/**
- * Valid alignment values for the Th component.
- */
-type TableAlignment = (typeof validAlignments)[number];
+import { TableAlignment } from './tableAlignment.js';
 /**
  * Props for the Th component.
  */
@@ -35,4 +31,3 @@ export interface ThProps extends Omit<React.ThHTMLAttributes<HTMLTableCellElemen
  * @see {@link https://bulma.io/documentation/elements/table/#table-head | Bulma Table documentation}
  */
 export declare const Th: React.FC<ThProps>;
-export {};

package/dist/types/elements/tableAlignment.d.ts

@@ -0,0 +1,16 @@
+/**
+ * The `isAligned` values `Th` and `Td` accept. Each one writes
+ * `has-text-<value>` on the cell, and a value outside the tuple adds no class.
+ *
+ * One copy, imported by both cells, so a header and its body cells always
+ * take the same values.
+ *
+ * Its own module rather than `Th.tsx` or `Td.tsx` because `src/index.ts`
+ * wildcard-exports those files, and everything published there is public
+ * forever. `iconProps.ts` makes the same call.
+ */
+export declare const validTableAlignments: readonly ["left", "right", "centered"];
+/**
+ * Valid alignment values for the Th and Td components.
+ */
+export type TableAlignment = (typeof validTableAlignments)[number];

package/dist/types-cjs/elements/Td.d.ts

@@ -3,6 +3,7 @@
  */
 import React from 'react';
 import { BulmaClassesProps } from '../helpers/useBulmaClasses.js';
+import { TableAlignment } from './tableAlignment.js';
 /**
  * The values the table `color` prop accepts, as a readonly tuple.
  *
@@ -34,6 +35,8 @@ export type TableColor = (typeof validTableColors)[number];
 export interface TdProps extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {
     /** Additional CSS classes to apply. */
     className?: string;
+    /** Text alignment for the table cell ('left', 'right', 'centered'). */
+    isAligned?: TableAlignment;
     /** Bulma color modifier for the table cell. */
     color?: TableColor;
     /** Table cell content. */
@@ -42,7 +45,7 @@ export interface TdProps extends Omit<React.TdHTMLAttributes<HTMLTableCellElemen
 /**
  * Td component for rendering a styled Bulma table cell.
  *
- * Supports Bulma color modifiers and helper classes for additional styling.
+ * Supports alignment, Bulma color modifiers, and helper classes for additional styling.
  *
  * @function
  * @param {TdProps} props - Props for the Td component.

package/dist/types-cjs/elements/Th.d.ts

@@ -4,11 +4,7 @@
 import React from 'react';
 import { BulmaClassesProps } from '../helpers/useBulmaClasses.js';
 import { TableColor } from './Td.js';
-declare const validAlignments: readonly ["left", "right", "centered"];
-/**
- * Valid alignment values for the Th component.
- */
-type TableAlignment = (typeof validAlignments)[number];
+import { TableAlignment } from './tableAlignment.js';
 /**
  * Props for the Th component.
  */
@@ -35,4 +31,3 @@ export interface ThProps extends Omit<React.ThHTMLAttributes<HTMLTableCellElemen
  * @see {@link https://bulma.io/documentation/elements/table/#table-head | Bulma Table documentation}
  */
 export declare const Th: React.FC<ThProps>;
-export {};

package/dist/types-cjs/elements/tableAlignment.d.ts

@@ -0,0 +1,16 @@
+/**
+ * The `isAligned` values `Th` and `Td` accept. Each one writes
+ * `has-text-<value>` on the cell, and a value outside the tuple adds no class.
+ *
+ * One copy, imported by both cells, so a header and its body cells always
+ * take the same values.
+ *
+ * Its own module rather than `Th.tsx` or `Td.tsx` because `src/index.ts`
+ * wildcard-exports those files, and everything published there is public
+ * forever. `iconProps.ts` makes the same call.
+ */
+export declare const validTableAlignments: readonly ["left", "right", "centered"];
+/**
+ * Valid alignment values for the Th and Td components.
+ */
+export type TableAlignment = (typeof validTableAlignments)[number];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allxsmith/bestax-bulma",
-  "version": "5.43.1",
+  "version": "5.44.0",
   "description": "A fully-typed React component library for the Bulma CSS framework. Build modern UIs quickly with reusable, accessible, and customizable Bulma-based React components.",
   "main": "dist/index.cjs",
   "module": "dist/index.esm.js",