@allxsmith/bestax-bulma 5.43.0 → 5.44.0

package/README.md

@@ -195,8 +195,9 @@ Building with an AI agent (Claude Code, Cursor, Copilot)? bestax-bulma ships LLM
 
 bestax-bulma is built on top of the incredible [Bulma](https://bulma.io) CSS framework,
 © [Jeremy Thomas](https://github.com/jgthms) and licensed under the
-[MIT License](https://github.com/jgthms/bulma/blob/main/LICENSE). Some example content and
-documentation is adapted from the Bulma website
+[MIT License](https://github.com/jgthms/bulma/blob/main/LICENSE), whose notice ships with the
+package in [THIRD-PARTY-NOTICES.md](THIRD-PARTY-NOTICES.md). Some example content and documentation is
+adapted from the Bulma website
 ([CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)), © Jeremy Thomas.
 
 If you find Bulma useful, please consider

package/THIRD-PARTY-NOTICES.md

@@ -0,0 +1,35 @@
+# Third-party notices
+
+`@allxsmith/bestax-bulma` ships `dist/bestax.css` and the builds in `dist/versions/`, which are
+[Bulma](https://bulma.io)'s own Sass compiled with bestax's settings and bestax's additions.
+(`dist/extras.css` holds only bestax's own styles.) Bulma's MIT License asks for its copyright and
+permission notice to go with every copy, so here it is.
+
+## Bulma
+
+Source: https://github.com/jgthms/bulma, the version the `bulma` range in `package.json`
+resolves to.
+
+```text
+The MIT License (MIT)
+
+Copyright (c) 2023 Jeremy Thomas
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+```

package/dist/esm/elements/Td.js

@@ -2,6 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { usePrefixedClassNames, classNames } from '../helpers/classNames.js';
 import { useBulmaClasses } from '../helpers/useBulmaClasses.js';
+import { validTableAlignments } from './tableAlignment.js';
 
 /**
  * The values the table `color` prop accepts, as a readonly tuple.
@@ -38,22 +39,23 @@ const validTableColors = [
 /**
  * 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.
  * @returns {JSX.Element} The rendered table cell element.
  * @see {@link https://bulma.io/documentation/elements/table/#table-body | Bulma Table documentation}
  */
-const Td = ({ className, color, children, ...props }) => {
-    const colorClass = usePrefixedClassNames('', {
+const Td = ({ className, isAligned, color, children, ...props }) => {
+    const bulmaClasses = usePrefixedClassNames('', {
+        [`has-text-${isAligned}`]: isAligned && validTableAlignments.includes(isAligned),
         [`is-${color}`]: color && validTableColors.includes(color),
     });
     /**
      * Generates Bulma helper classes and separates out remaining props.
      */
     const { bulmaHelperClasses, rest } = useBulmaClasses({ ...props });
-    const tdClasses = classNames(colorClass, className, bulmaHelperClasses);
+    const tdClasses = classNames(bulmaClasses, className, bulmaHelperClasses);
     return (jsx("td", { className: tdClasses || undefined, ...rest, children: children }));
 };
 

package/dist/esm/elements/Td.js.map

@@ -1 +1 @@
-{"version":3,"file":"Td.js","sources":["../../../src/elements/Td.tsx"],"sourcesContent":["/**\n * @group Table\n */\nimport React from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\n\n/**\n * The values the table `color` prop accepts, as a readonly tuple.\n *\n * `TableColor` is typed from it, and `Tr`, `Th` and `Td` all take a\n * `TableColor`, so the tuple and those props list the same values. Map over\n * it to build a color picker, or check a value that arrives at runtime before\n * passing it in: the components add no color class for a value outside the\n * tuple.\n *\n * @example\n * import { Tr, Td, validTableColors } from '@allxsmith/bestax-bulma';\n *\n * <Tr>\n *   {validTableColors.map(color => (\n *     <Td key={color} color={color}>\n *       {color}\n *     </Td>\n *   ))}\n * </Tr>;\n */\nexport const validTableColors = [\n  'primary',\n  'link',\n  'info',\n  'success',\n  'warning',\n  'danger',\n  'black',\n  'dark',\n  'light',\n  'white',\n] as const;\n\n/**\n * The color values `Tr`, `Th` and `Td` accept, typed from `validTableColors`.\n */\nexport type TableColor = (typeof validTableColors)[number];\n\n/**\n * Props for the Td component.\n */\nexport interface TdProps\n  extends\n    Omit<React.TdHTMLAttributes<HTMLTableCellElement>, 'color'>,\n    Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {\n  /** Additional CSS classes to apply. */\n  className?: string;\n  /** Bulma color modifier for the table cell. */\n  color?: TableColor;\n  /** Table cell content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Td component for rendering a styled Bulma table cell.\n *\n * Supports Bulma color modifiers and helper classes for additional styling.\n *\n * @function\n * @param {TdProps} props - Props for the Td component.\n * @returns {JSX.Element} The rendered table cell element.\n * @see {@link https://bulma.io/documentation/elements/table/#table-body | Bulma Table documentation}\n */\nexport const Td: React.FC<TdProps> = ({\n  className,\n  color,\n  children,\n  ...props\n}) => {\n  const colorClass = usePrefixedClassNames('', {\n    [`is-${color}`]: color && validTableColors.includes(color),\n  });\n\n  /**\n   * Generates Bulma helper classes and separates out remaining props.\n   */\n  const { bulmaHelperClasses, rest } = useBulmaClasses({ ...props });\n\n  const tdClasses = classNames(colorClass, className, bulmaHelperClasses);\n\n  return (\n    <td className={tdClasses || undefined} {...rest}>\n      {children}\n    </td>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;;AAOA;;;;;;;;;;;;;;;;;;;AAmBG;AACI,MAAM,gBAAgB,GAAG;IAC9B,SAAS;IACT,MAAM;IACN,MAAM;IACN,SAAS;IACT,SAAS;IACT,QAAQ;IACR,OAAO;IACP,MAAM;IACN,OAAO;IACP,OAAO;;AAuBT;;;;;;;;;AASG;AACI,MAAM,EAAE,GAAsB,CAAC,EACpC,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,KAAI;AACH,IAAA,MAAM,UAAU,GAAG,qBAAqB,CAAC,EAAE,EAAE;AAC3C,QAAA,CAAC,CAAA,GAAA,EAAM,KAAK,CAAA,CAAE,GAAG,KAAK,IAAI,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC;AAC3D,KAAA,CAAC;AAEF;;AAEG;AACH,IAAA,MAAM,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC;IAElE,MAAM,SAAS,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE,kBAAkB,CAAC;AAEvE,IAAA,QACEA,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAE,SAAS,IAAI,SAAS,EAAA,GAAM,IAAI,EAAA,QAAA,EAC5C,QAAQ,EAAA,CACN;AAET;;"}
+{"version":3,"file":"Td.js","sources":["../../../src/elements/Td.tsx"],"sourcesContent":["/**\n * @group Table\n */\nimport React from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport { TableAlignment, validTableAlignments } from './tableAlignment';\n\n/**\n * The values the table `color` prop accepts, as a readonly tuple.\n *\n * `TableColor` is typed from it, and `Tr`, `Th` and `Td` all take a\n * `TableColor`, so the tuple and those props list the same values. Map over\n * it to build a color picker, or check a value that arrives at runtime before\n * passing it in: the components add no color class for a value outside the\n * tuple.\n *\n * @example\n * import { Tr, Td, validTableColors } from '@allxsmith/bestax-bulma';\n *\n * <Tr>\n *   {validTableColors.map(color => (\n *     <Td key={color} color={color}>\n *       {color}\n *     </Td>\n *   ))}\n * </Tr>;\n */\nexport const validTableColors = [\n  'primary',\n  'link',\n  'info',\n  'success',\n  'warning',\n  'danger',\n  'black',\n  'dark',\n  'light',\n  'white',\n] as const;\n\n/**\n * The color values `Tr`, `Th` and `Td` accept, typed from `validTableColors`.\n */\nexport type TableColor = (typeof validTableColors)[number];\n\n/**\n * Props for the Td component.\n */\nexport interface TdProps\n  extends\n    Omit<React.TdHTMLAttributes<HTMLTableCellElement>, 'color'>,\n    Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {\n  /** Additional CSS classes to apply. */\n  className?: string;\n  /** Text alignment for the table cell ('left', 'right', 'centered'). */\n  isAligned?: TableAlignment;\n  /** Bulma color modifier for the table cell. */\n  color?: TableColor;\n  /** Table cell content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Td component for rendering a styled Bulma table cell.\n *\n * Supports alignment, Bulma color modifiers, and helper classes for additional styling.\n *\n * @function\n * @param {TdProps} props - Props for the Td component.\n * @returns {JSX.Element} The rendered table cell element.\n * @see {@link https://bulma.io/documentation/elements/table/#table-body | Bulma Table documentation}\n */\nexport const Td: React.FC<TdProps> = ({\n  className,\n  isAligned,\n  color,\n  children,\n  ...props\n}) => {\n  const bulmaClasses = usePrefixedClassNames('', {\n    [`has-text-${isAligned}`]:\n      isAligned && validTableAlignments.includes(isAligned),\n    [`is-${color}`]: color && validTableColors.includes(color),\n  });\n\n  /**\n   * Generates Bulma helper classes and separates out remaining props.\n   */\n  const { bulmaHelperClasses, rest } = useBulmaClasses({ ...props });\n\n  const tdClasses = classNames(bulmaClasses, className, bulmaHelperClasses);\n\n  return (\n    <td className={tdClasses || undefined} {...rest}>\n      {children}\n    </td>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;;;AAQA;;;;;;;;;;;;;;;;;;;AAmBG;AACI,MAAM,gBAAgB,GAAG;IAC9B,SAAS;IACT,MAAM;IACN,MAAM;IACN,SAAS;IACT,SAAS;IACT,QAAQ;IACR,OAAO;IACP,MAAM;IACN,OAAO;IACP,OAAO;;AAyBT;;;;;;;;;AASG;AACI,MAAM,EAAE,GAAsB,CAAC,EACpC,SAAS,EACT,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,KAAI;AACH,IAAA,MAAM,YAAY,GAAG,qBAAqB,CAAC,EAAE,EAAE;AAC7C,QAAA,CAAC,CAAA,SAAA,EAAY,SAAS,CAAA,CAAE,GACtB,SAAS,IAAI,oBAAoB,CAAC,QAAQ,CAAC,SAAS,CAAC;AACvD,QAAA,CAAC,CAAA,GAAA,EAAM,KAAK,CAAA,CAAE,GAAG,KAAK,IAAI,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC;AAC3D,KAAA,CAAC;AAEF;;AAEG;AACH,IAAA,MAAM,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC;IAElE,MAAM,SAAS,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE,kBAAkB,CAAC;AAEzE,IAAA,QACEA,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAE,SAAS,IAAI,SAAS,EAAA,GAAM,IAAI,EAAA,QAAA,EAC5C,QAAQ,EAAA,CACN;AAET;;"}

package/dist/esm/elements/Th.js

@@ -3,8 +3,8 @@ import { jsx } from 'react/jsx-runtime';
 import { usePrefixedClassNames, classNames } from '../helpers/classNames.js';
 import { useBulmaClasses } from '../helpers/useBulmaClasses.js';
 import { validTableColors } from './Td.js';
+import { validTableAlignments } from './tableAlignment.js';
 
-const validAlignments = ['left', 'right', 'centered'];
 /**
  * Th component for rendering a styled Bulma table header cell.
  *
@@ -17,7 +17,7 @@ const validAlignments = ['left', 'right', 'centered'];
  */
 const Th = ({ className, isAligned, width, color, children, ...props }) => {
     const bulmaClasses = usePrefixedClassNames('', {
-        [`has-text-${isAligned}`]: isAligned && validAlignments.includes(isAligned),
+        [`has-text-${isAligned}`]: isAligned && validTableAlignments.includes(isAligned),
         [`is-${color}`]: color && validTableColors.includes(color),
     });
     /**

package/dist/esm/elements/Th.js.map

@@ -1 +1 @@
-{"version":3,"file":"Th.js","sources":["../../../src/elements/Th.tsx"],"sourcesContent":["/**\n * @group Table\n */\nimport React from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport { TableColor, validTableColors } from './Td';\n\nconst validAlignments = ['left', 'right', 'centered'] as const;\n/**\n * Valid alignment values for the Th component.\n */\ntype TableAlignment = (typeof validAlignments)[number];\n\n/**\n * Props for the Th component.\n */\nexport interface ThProps\n  extends\n    Omit<React.ThHTMLAttributes<HTMLTableCellElement>, 'color'>,\n    Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {\n  /** Additional CSS classes to apply. */\n  className?: string;\n  /** Text alignment for the header cell ('left', 'right', 'centered'). */\n  isAligned?: TableAlignment;\n  /** Width of the header cell (e.g., '100px' or 100). */\n  width?: string | number;\n  /** Bulma color modifier for the header cell. */\n  color?: TableColor;\n  /** Table header cell content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Th component for rendering a styled Bulma table header cell.\n *\n * Supports alignment, width, and color modifiers.\n *\n * @function\n * @param {ThProps} props - Props for the Th component.\n * @returns {JSX.Element} The rendered table header cell element.\n * @see {@link https://bulma.io/documentation/elements/table/#table-head | Bulma Table documentation}\n */\nexport const Th: React.FC<ThProps> = ({\n  className,\n  isAligned,\n  width,\n  color,\n  children,\n  ...props\n}) => {\n  const bulmaClasses = usePrefixedClassNames('', {\n    [`has-text-${isAligned}`]: isAligned && validAlignments.includes(isAligned),\n    [`is-${color}`]: color && validTableColors.includes(color),\n  });\n\n  /**\n   * Generates Bulma helper classes and separates out remaining props.\n   */\n  const { bulmaHelperClasses, rest } = useBulmaClasses({ ...props });\n\n  const thClasses = classNames(bulmaClasses, className, bulmaHelperClasses);\n\n  return (\n    <th\n      className={thClasses || undefined}\n      style={\n        width\n          ? { width: typeof width === 'number' ? `${width}px` : width }\n          : undefined\n      }\n      {...rest}\n    >\n      {children}\n    </th>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;;;AAQA,MAAM,eAAe,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,CAAU;AAyB9D;;;;;;;;;AASG;MACU,EAAE,GAAsB,CAAC,EACpC,SAAS,EACT,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,KAAI;AACH,IAAA,MAAM,YAAY,GAAG,qBAAqB,CAAC,EAAE,EAAE;AAC7C,QAAA,CAAC,CAAA,SAAA,EAAY,SAAS,CAAA,CAAE,GAAG,SAAS,IAAI,eAAe,CAAC,QAAQ,CAAC,SAAS,CAAC;AAC3E,QAAA,CAAC,CAAA,GAAA,EAAM,KAAK,CAAA,CAAE,GAAG,KAAK,IAAI,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC;AAC3D,KAAA,CAAC;AAEF;;AAEG;AACH,IAAA,MAAM,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC;IAElE,MAAM,SAAS,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE,kBAAkB,CAAC;IAEzE,QACEA,GAAA,CAAA,IAAA,EAAA,EACE,SAAS,EAAE,SAAS,IAAI,SAAS,EACjC,KAAK,EACH;AACE,cAAE,EAAE,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,GAAG,GAAG,KAAK,CAAA,EAAA,CAAI,GAAG,KAAK;cACzD,SAAS,EAAA,GAEX,IAAI,YAEP,QAAQ,EAAA,CACN;AAET;;"}
+{"version":3,"file":"Th.js","sources":["../../../src/elements/Th.tsx"],"sourcesContent":["/**\n * @group Table\n */\nimport React from 'react';\nimport { classNames, usePrefixedClassNames } from '../helpers/classNames';\nimport { useBulmaClasses, BulmaClassesProps } from '../helpers/useBulmaClasses';\nimport { TableColor, validTableColors } from './Td';\nimport { TableAlignment, validTableAlignments } from './tableAlignment';\n\n/**\n * Props for the Th component.\n */\nexport interface ThProps\n  extends\n    Omit<React.ThHTMLAttributes<HTMLTableCellElement>, 'color'>,\n    Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {\n  /** Additional CSS classes to apply. */\n  className?: string;\n  /** Text alignment for the header cell ('left', 'right', 'centered'). */\n  isAligned?: TableAlignment;\n  /** Width of the header cell (e.g., '100px' or 100). */\n  width?: string | number;\n  /** Bulma color modifier for the header cell. */\n  color?: TableColor;\n  /** Table header cell content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Th component for rendering a styled Bulma table header cell.\n *\n * Supports alignment, width, and color modifiers.\n *\n * @function\n * @param {ThProps} props - Props for the Th component.\n * @returns {JSX.Element} The rendered table header cell element.\n * @see {@link https://bulma.io/documentation/elements/table/#table-head | Bulma Table documentation}\n */\nexport const Th: React.FC<ThProps> = ({\n  className,\n  isAligned,\n  width,\n  color,\n  children,\n  ...props\n}) => {\n  const bulmaClasses = usePrefixedClassNames('', {\n    [`has-text-${isAligned}`]:\n      isAligned && validTableAlignments.includes(isAligned),\n    [`is-${color}`]: color && validTableColors.includes(color),\n  });\n\n  /**\n   * Generates Bulma helper classes and separates out remaining props.\n   */\n  const { bulmaHelperClasses, rest } = useBulmaClasses({ ...props });\n\n  const thClasses = classNames(bulmaClasses, className, bulmaHelperClasses);\n\n  return (\n    <th\n      className={thClasses || undefined}\n      style={\n        width\n          ? { width: typeof width === 'number' ? `${width}px` : width }\n          : undefined\n      }\n      {...rest}\n    >\n      {children}\n    </th>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;AA4BA;;;;;;;;;AASG;MACU,EAAE,GAAsB,CAAC,EACpC,SAAS,EACT,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,KAAI;AACH,IAAA,MAAM,YAAY,GAAG,qBAAqB,CAAC,EAAE,EAAE;AAC7C,QAAA,CAAC,CAAA,SAAA,EAAY,SAAS,CAAA,CAAE,GACtB,SAAS,IAAI,oBAAoB,CAAC,QAAQ,CAAC,SAAS,CAAC;AACvD,QAAA,CAAC,CAAA,GAAA,EAAM,KAAK,CAAA,CAAE,GAAG,KAAK,IAAI,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC;AAC3D,KAAA,CAAC;AAEF;;AAEG;AACH,IAAA,MAAM,EAAE,kBAAkB,EAAE,IAAI,EAAE,GAAG,eAAe,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC;IAElE,MAAM,SAAS,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE,kBAAkB,CAAC;IAEzE,QACEA,GAAA,CAAA,IAAA,EAAA,EACE,SAAS,EAAE,SAAS,IAAI,SAAS,EACjC,KAAK,EACH;AACE,cAAE,EAAE,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,GAAG,GAAG,KAAK,CAAA,EAAA,CAAI,GAAG,KAAK;cACzD,SAAS,EAAA,GAEX,IAAI,YAEP,QAAQ,EAAA,CACN;AAET;;"}

package/dist/esm/elements/tableAlignment.js

@@ -0,0 +1,16 @@
+/* @allxsmith/bestax-bulma — AI agents: see AGENTS.md in the package root, or https://bestax.io/llms.txt */
+/**
+ * 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.
+ */
+const validTableAlignments = ['left', 'right', 'centered'];
+
+export { validTableAlignments };
+//# sourceMappingURL=tableAlignment.js.map

package/dist/esm/elements/tableAlignment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableAlignment.js","sources":["../../../src/elements/tableAlignment.ts"],"sourcesContent":["/**\n * The `isAligned` values `Th` and `Td` accept. Each one writes\n * `has-text-<value>` on the cell, and a value outside the tuple adds no class.\n *\n * One copy, imported by both cells, so a header and its body cells always\n * take the same values.\n *\n * Its own module rather than `Th.tsx` or `Td.tsx` because `src/index.ts`\n * wildcard-exports those files, and everything published there is public\n * forever. `iconProps.ts` makes the same call.\n */\nexport const validTableAlignments = ['left', 'right', 'centered'] as const;\n\n/**\n * Valid alignment values for the Th and Td components.\n */\nexport type TableAlignment = (typeof validTableAlignments)[number];\n"],"names":[],"mappings":";AAAA;;;;;;;;;;AAUG;AACI,MAAM,oBAAoB,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU;;"}

package/dist/esm/helpers/bulmaClassHelpers.js

@@ -115,7 +115,7 @@ const validTextSizes = ['1', '2', '3', '4', '5', '6', '7'];
  * Valid Bulma text alignment classes.
  * @example 'centered', 'left', 'right'
  */
-const validAlignments$1 = [
+const validAlignments = [
     'centered',
     'justified',
     'left',
@@ -411,5 +411,5 @@ const createBulmaClassHelpers = (classPrefix, viewport) => {
     return { classes, addPrefixedClass, addClass, addClassNoViewport };
 };
 
-export { createBulmaClassHelpers, cursorClasses, validAlignContents, validAlignItems, validAlignSelfs, validAlignments$1 as validAlignments, validAspectRatios, validAxisOverflows, validColorShades, validColors, validCursors, validDisplays, validFlexDirections, validFlexGrowShrink, validFlexWraps, validFloats, validFontFamilies, validGaps, validInteractions, validJustifyContents, validOverflows, validPositions, validRadii, validResponsives, validSchemeColors, validShadows, validSizes$1 as validSizes, validTextSizes, validTextTransforms, validTextWeights, validViewports, validVisibilities };
+export { createBulmaClassHelpers, cursorClasses, validAlignContents, validAlignItems, validAlignSelfs, validAlignments, validAspectRatios, validAxisOverflows, validColorShades, validColors, validCursors, validDisplays, validFlexDirections, validFlexGrowShrink, validFlexWraps, validFloats, validFontFamilies, validGaps, validInteractions, validJustifyContents, validOverflows, validPositions, validRadii, validResponsives, validSchemeColors, validShadows, validSizes$1 as validSizes, validTextSizes, validTextTransforms, validTextWeights, validViewports, validVisibilities };
 //# sourceMappingURL=bulmaClassHelpers.js.map

package/dist/esm/helpers/bulmaClassHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"bulmaClassHelpers.js","sources":["../../../src/helpers/bulmaClassHelpers.ts"],"sourcesContent":["/**\n * Valid Bulma color classes.\n * @example 'primary', 'link', 'info'\n */\nexport const validColors = [\n  'primary',\n  'link',\n  'info',\n  'success',\n  'warning',\n  'danger',\n  'black',\n  'black-bis',\n  'black-ter',\n  'grey-darker',\n  'grey-dark',\n  'grey',\n  'grey-light',\n  'grey-lighter',\n  'white',\n  'white-bis',\n  'white-ter',\n  'light',\n  'dark',\n] as const;\n\n/**\n * Valid Bulma color shade suffixes.\n * @example '00', '05', 'invert', 'light', 'dark', 'soft', 'bold', 'on-scheme'\n */\nexport const validColorShades = [\n  '00',\n  '05',\n  '10',\n  '15',\n  '20',\n  '25',\n  '30',\n  '35',\n  '40',\n  '45',\n  '50',\n  '55',\n  '60',\n  '65',\n  '70',\n  '75',\n  '80',\n  '85',\n  '90',\n  '95',\n  'invert',\n  'light',\n  'dark',\n  'soft',\n  'bold',\n  'on-scheme',\n] as const;\n\n/**\n * Valid Bulma scheme color names for scheme-aware backgrounds.\n *\n * Bulma ships no `has-background-scheme-*` helper classes, so these values\n * never emit a class — components render them as a dark-mode-safe inline\n * `background-color: var(--bulma-<value>)` style instead.\n * @example 'scheme-main', 'scheme-main-bis', 'scheme-invert'\n */\nexport const validSchemeColors = [\n  'scheme-main',\n  'scheme-main-bis',\n  'scheme-main-ter',\n  'scheme-invert',\n  'scheme-invert-bis',\n  'scheme-invert-ter',\n] as const;\n\n/**\n * Valid Bulma size classes for margins and paddings.\n * @example '0', '1', 'auto'\n */\nexport const validSizes = ['0', '1', '2', '3', '4', '5', '6', 'auto'] as const;\n\n/**\n * Valid Bulma gap steps, taken by `gap`, `columnGap` and `rowGap`. Each whole\n * step is 0.5rem, so `2` is 1rem and `8` is 4rem, and the half steps sit\n * between them. They render `is-gap-<value>`, `is-column-gap-<value>` and\n * `is-row-gap-<value>`.\n *\n * This is a different scale from `validSizes`: `gap=\"2\"` is 1rem where\n * `m=\"2\"` is 0.5rem.\n * @example '0', '0.5', '2', '8'\n */\nexport const validGaps = [\n  '0',\n  '0.5',\n  '1',\n  '1.5',\n  '2',\n  '2.5',\n  '3',\n  '3.5',\n  '4',\n  '4.5',\n  '5',\n  '5.5',\n  '6',\n  '6.5',\n  '7',\n  '7.5',\n  '8',\n] as const;\n\n// Spelled out rather than built from `validGaps` so the API docs can print\n// it; a type test in useSpacingClasses.test.tsx holds both halves to the\n// tuple.\n/**\n * A gap step as `gap`, `columnGap` and `rowGap` take it: a value from\n * `validGaps`, or the same step written as a number (`gap={2}`,\n * `gap={1.5}`). `Grid` took its gaps as numbers before the gap helpers were\n * shared, so every gap prop still does.\n */\nexport type BulmaGapStep =\n  | '0'\n  | '0.5'\n  | '1'\n  | '1.5'\n  | '2'\n  | '2.5'\n  | '3'\n  | '3.5'\n  | '4'\n  | '4.5'\n  | '5'\n  | '5.5'\n  | '6'\n  | '6.5'\n  | '7'\n  | '7.5'\n  | '8'\n  | 0\n  | 0.5\n  | 1\n  | 1.5\n  | 2\n  | 2.5\n  | 3\n  | 3.5\n  | 4\n  | 4.5\n  | 5\n  | 5.5\n  | 6\n  | 6.5\n  | 7\n  | 7.5\n  | 8;\n\n/**\n * Valid Bulma text size classes.\n * @example '1', '2', '3'\n */\nexport const validTextSizes = ['1', '2', '3', '4', '5', '6', '7'] as const;\n\n/**\n * Valid Bulma text alignment classes.\n * @example 'centered', 'left', 'right'\n */\nexport const validAlignments = [\n  'centered',\n  'justified',\n  'left',\n  'right',\n] as const;\n\n/**\n * Valid Bulma text transformation classes.\n * @example 'capitalized', 'uppercase', 'italic'\n */\nexport const validTextTransforms = [\n  'capitalized',\n  'lowercase',\n  'uppercase',\n  'italic',\n] as const;\n\n/**\n * Valid Bulma text weight classes.\n * @example 'light', 'normal', 'bold'\n */\nexport const validTextWeights = [\n  'light',\n  'normal',\n  'medium',\n  'semibold',\n  'bold',\n] as const;\n\n/**\n * Valid Bulma font family classes.\n * @example 'sans-serif', 'monospace', 'code'\n */\nexport const validFontFamilies = [\n  'sans-serif',\n  'monospace',\n  'primary',\n  'secondary',\n  'code',\n] as const;\n\n/**\n * Valid Bulma display classes.\n * @example 'block', 'flex', 'inline'\n */\nexport const validDisplays = [\n  'block',\n  'flex',\n  'inline',\n  'inline-block',\n  'inline-flex',\n  'grid',\n] as const;\n\n/**\n * Valid Bulma visibility classes.\n * These are all the valid visibility options available in Bulma.\n * @example 'hidden', 'sr-only', 'invisible'\n */\nexport const validVisibilities = ['hidden', 'sr-only', 'invisible'] as const;\n\n/**\n * Valid Bulma flex direction classes.\n * @example 'row', 'column', 'row-reverse'\n */\nexport const validFlexDirections = [\n  'row',\n  'row-reverse',\n  'column',\n  'column-reverse',\n] as const;\n\n/**\n * Valid Bulma flex wrap classes.\n * @example 'nowrap', 'wrap', 'wrap-reverse'\n */\nexport const validFlexWraps = ['nowrap', 'wrap', 'wrap-reverse'] as const;\n\n/**\n * Valid Bulma justify-content classes.\n * @example 'flex-start', 'center', 'space-between'\n */\nexport const validJustifyContents = [\n  'flex-start',\n  'flex-end',\n  'center',\n  'space-between',\n  'space-around',\n  'space-evenly',\n  'start',\n  'end',\n  'left',\n  'right',\n] as const;\n\n/**\n * Valid Bulma align-content classes.\n * @example 'flex-start', 'center', 'stretch'\n */\nexport const validAlignContents = [\n  'flex-start',\n  'flex-end',\n  'center',\n  'space-between',\n  'space-around',\n  'space-evenly',\n  'stretch',\n] as const;\n\n/**\n * Valid Bulma align-items classes.\n * @example 'stretch', 'flex-start', 'center'\n */\nexport const validAlignItems = [\n  'stretch',\n  'flex-start',\n  'flex-end',\n  'center',\n  'baseline',\n  'start',\n  'end',\n] as const;\n\n/**\n * Valid Bulma align-self classes.\n * @example 'auto', 'flex-start', 'center'\n */\nexport const validAlignSelfs = [\n  'auto',\n  'flex-start',\n  'flex-end',\n  'center',\n  'baseline',\n  'stretch',\n] as const;\n\n/**\n * Valid Bulma flex grow and shrink values.\n * @example '0', '1', '2', '3', '4', '5'\n */\nexport const validFlexGrowShrink = ['0', '1', '2', '3', '4', '5'] as const;\n\n/**\n * Valid Bulma viewport classes for responsive design.\n * @example 'mobile', 'tablet', 'desktop'\n */\nexport const validViewports = [\n  'mobile',\n  'tablet',\n  'tablet-only',\n  'touch',\n  'desktop',\n  'desktop-only',\n  'widescreen',\n  'widescreen-only',\n  'fullhd',\n] as const;\n\n/**\n * Valid Bulma float classes.\n * @example 'left', 'right'\n */\nexport const validFloats = ['left', 'right'] as const;\n\n/**\n * Valid Bulma overflow values for one axis, taken by `overflowX` and\n * `overflowY`. Each renders `is-overflow-x-<value>` or `is-overflow-y-<value>`.\n * @example 'auto', 'hidden', 'scroll'\n */\nexport const validAxisOverflows = [\n  'auto',\n  'clip',\n  'hidden',\n  'scroll',\n  'visible',\n] as const;\n\n/**\n * Valid Bulma overflow values for `overflow`.\n *\n * `clipped` renders `is-clipped`, the helper `overflow` started with. Every\n * other value renders `is-overflow-<value>`.\n * @example 'clipped', 'auto', 'hidden'\n */\nexport const validOverflows = ['clipped', ...validAxisOverflows] as const;\n\n/**\n * Valid Bulma position values, taken by `pos`. Each renders\n * `is-position-<value>`.\n * @example 'relative', 'absolute', 'sticky'\n */\nexport const validPositions = [\n  'absolute',\n  'fixed',\n  'relative',\n  'static',\n  'sticky',\n] as const;\n\n/**\n * Valid Bulma aspect ratios, taken by `aspectRatio`. Each renders\n * `is-aspect-ratio-<value>`.\n * @example '1by1', '4by3', '16by9'\n */\nexport const validAspectRatios = [\n  '1by1',\n  '5by4',\n  '4by3',\n  '3by2',\n  '5by3',\n  '16by9',\n  '2by1',\n  '3by1',\n  '4by5',\n  '3by4',\n  '2by3',\n  '3by5',\n  '9by16',\n  '1by2',\n  '1by3',\n] as const;\n\n/**\n * Valid Bulma interaction classes.\n * @example 'unselectable', 'clickable'\n */\nexport const validInteractions = ['unselectable', 'clickable'] as const;\n\n/**\n * Valid Bulma cursor helper values.\n *\n * These share no class stem: `pointer` renders `is-clickable` and `help`\n * renders `is-cursor-help`, so the class each one emits lives in\n * `cursorClasses` rather than being built from the value.\n * @example 'pointer', 'help'\n */\nexport const validCursors = ['pointer', 'help'] as const;\n\n/**\n * Cursor helper value to the class it renders.\n *\n * A `Record` over `validCursors` on purpose: TypeScript then rejects a value\n * added to the tuple with no class for it, and a class for a value the tuple\n * does not carry, so the accepted set and the rendered classes cannot drift\n * apart.\n */\nexport const cursorClasses: Record<(typeof validCursors)[number], string> = {\n  pointer: 'is-clickable',\n  help: 'is-cursor-help',\n};\n\n/**\n * Valid Bulma border-radius helper values.\n *\n * `radiusless` renders `is-radiusless` and removes the radius. The sizes\n * render `has-radius-<value>` and set one from Bulma's radius scale.\n * @example 'radiusless', 'small', 'rounded'\n */\nexport const validRadii = [\n  'radiusless',\n  'small',\n  'normal',\n  'large',\n  'rounded',\n] as const;\n\n/**\n * Valid Bulma shadow helper classes.\n * @example 'shadowless'\n */\nexport const validShadows = ['shadowless'] as const;\n\n/**\n * Valid Bulma responsive helper classes.\n * @example 'mobile', 'narrow'\n */\nexport const validResponsives = ['mobile', 'narrow'] as const;\n\n/**\n * Props for applying a Bulma viewport modifier to viewport-aware helper classes.\n */\nexport interface BulmaViewportProps {\n  /** Viewport for responsive classes (e.g., 'mobile', 'desktop'). */\n  viewport?: (typeof validViewports)[number];\n}\n\n/**\n * Props for applying Bulma display helper classes, including viewport-specific\n * display variants.\n */\nexport interface BulmaDisplayProps {\n  /** Display type (e.g., 'block', 'flex'). */\n  display?: (typeof validDisplays)[number] | 'none';\n  /** Display type for mobile viewport (up to 768px). */\n  displayMobile?: (typeof validDisplays)[number] | 'none';\n  /** Display type for tablet viewport (769px - 1023px). */\n  displayTablet?: (typeof validDisplays)[number] | 'none';\n  /** Display type for tablet-only viewport (769px - 1023px, excludes desktop+). */\n  displayTabletOnly?: (typeof validDisplays)[number] | 'none';\n  /** Display type for touch viewport (up to 1023px; mobile + tablet). */\n  displayTouch?: (typeof validDisplays)[number] | 'none';\n  /** Display type for desktop viewport (1024px - 1215px). */\n  displayDesktop?: (typeof validDisplays)[number] | 'none';\n  /** Display type for desktop-only viewport (1024px - 1215px, excludes widescreen+). */\n  displayDesktopOnly?: (typeof validDisplays)[number] | 'none';\n  /** Display type for widescreen viewport (1216px - 1407px). */\n  displayWidescreen?: (typeof validDisplays)[number] | 'none';\n  /** Display type for widescreen-only viewport (1216px - 1407px, excludes fullhd). */\n  displayWidescreenOnly?: (typeof validDisplays)[number] | 'none';\n  /** Display type for fullhd viewport (1408px and above). */\n  displayFullhd?: (typeof validDisplays)[number] | 'none';\n}\n\n/**\n * Creates the shared class-building helpers used by the Bulma helper hooks.\n *\n * Returns a mutable `classes` array along with the helper functions that push\n * (optionally prefixed, optionally viewport-suffixed) class names onto it.\n *\n * @internal\n * @param classPrefix - Optional prefix applied to all generated class names.\n * @param viewport - Optional viewport modifier for viewport-aware classes.\n */\nexport const createBulmaClassHelpers = (\n  classPrefix?: string,\n  viewport?: (typeof validViewports)[number]\n) => {\n  const classes: string[] = [];\n\n  // Helper function to add class with prefix support\n  const addPrefixedClass = (className: string) => {\n    classes.push(classPrefix ? `${classPrefix}${className}` : className);\n  };\n\n  // Helper to add class with optional viewport\n  //\n  // `supportedViewports` narrows which viewports may be suffixed onto this\n  // class. It defaults to every viewport, but a few Bulma helper families\n  // (notably `is-size-*`, which ships no `-only` bands) support only a subset,\n  // so passing the emitting set keeps us from producing dead classes.\n  const addClass = (\n    prefix: string,\n    value: string | undefined,\n    validValues: readonly string[],\n    supportsViewport = false,\n    supportedViewports: readonly string[] = validViewports\n  ) => {\n    if (value && validValues.includes(value)) {\n      const className =\n        supportsViewport &&\n        viewport &&\n        validViewports.includes(viewport) &&\n        supportedViewports.includes(viewport)\n          ? `${prefix}-${value}-${viewport}`\n          : `${prefix}-${value}`;\n      addPrefixedClass(className);\n    }\n  };\n\n  // Helper specifically for classes that never support viewport modifiers\n  const addClassNoViewport = (\n    prefix: string,\n    value: string | undefined,\n    validValues: readonly string[]\n  ) => {\n    if (value && (!validValues.length || validValues.includes(value))) {\n      addPrefixedClass(`${prefix}-${value}`);\n    }\n  };\n\n  return { classes, addPrefixedClass, addClass, addClassNoViewport };\n};\n"],"names":["validSizes","validAlignments"],"mappings":";AAAA;;;AAGG;AACI,MAAM,WAAW,GAAG;IACzB,SAAS;IACT,MAAM;IACN,MAAM;IACN,SAAS;IACT,SAAS;IACT,QAAQ;IACR,OAAO;IACP,WAAW;IACX,WAAW;IACX,aAAa;IACb,WAAW;IACX,MAAM;IACN,YAAY;IACZ,cAAc;IACd,OAAO;IACP,WAAW;IACX,WAAW;IACX,OAAO;IACP,MAAM;;AAGR;;;AAGG;AACI,MAAM,gBAAgB,GAAG;IAC9B,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,QAAQ;IACR,OAAO;IACP,MAAM;IACN,MAAM;IACN,MAAM;IACN,WAAW;;AAGb;;;;;;;AAOG;AACI,MAAM,iBAAiB,GAAG;IAC/B,aAAa;IACb,iBAAiB;IACjB,iBAAiB;IACjB,eAAe;IACf,mBAAmB;IACnB,mBAAmB;;AAGrB;;;AAGG;MACUA,YAAU,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM;AAEpE;;;;;;;;;AASG;AACI,MAAM,SAAS,GAAG;IACvB,GAAG;IACH,KAAK;IACL,GAAG;IACH,KAAK;IACL,GAAG;IACH,KAAK;IACL,GAAG;IACH,KAAK;IACL,GAAG;IACH,KAAK;IACL,GAAG;IACH,KAAK;IACL,GAAG;IACH,KAAK;IACL,GAAG;IACH,KAAK;IACL,GAAG;;AAgDL;;;AAGG;AACI,MAAM,cAAc,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;AAEhE;;;AAGG;AACI,MAAMC,iBAAe,GAAG;IAC7B,UAAU;IACV,WAAW;IACX,MAAM;IACN,OAAO;;AAGT;;;AAGG;AACI,MAAM,mBAAmB,GAAG;IACjC,aAAa;IACb,WAAW;IACX,WAAW;IACX,QAAQ;;AAGV;;;AAGG;AACI,MAAM,gBAAgB,GAAG;IAC9B,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,UAAU;IACV,MAAM;;AAGR;;;AAGG;AACI,MAAM,iBAAiB,GAAG;IAC/B,YAAY;IACZ,WAAW;IACX,SAAS;IACT,WAAW;IACX,MAAM;;AAGR;;;AAGG;AACI,MAAM,aAAa,GAAG;IAC3B,OAAO;IACP,MAAM;IACN,QAAQ;IACR,cAAc;IACd,aAAa;IACb,MAAM;;AAGR;;;;AAIG;AACI,MAAM,iBAAiB,GAAG,CAAC,QAAQ,EAAE,SAAS,EAAE,WAAW;AAElE;;;AAGG;AACI,MAAM,mBAAmB,GAAG;IACjC,KAAK;IACL,aAAa;IACb,QAAQ;IACR,gBAAgB;;AAGlB;;;AAGG;AACI,MAAM,cAAc,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,cAAc;AAE/D;;;AAGG;AACI,MAAM,oBAAoB,GAAG;IAClC,YAAY;IACZ,UAAU;IACV,QAAQ;IACR,eAAe;IACf,cAAc;IACd,cAAc;IACd,OAAO;IACP,KAAK;IACL,MAAM;IACN,OAAO;;AAGT;;;AAGG;AACI,MAAM,kBAAkB,GAAG;IAChC,YAAY;IACZ,UAAU;IACV,QAAQ;IACR,eAAe;IACf,cAAc;IACd,cAAc;IACd,SAAS;;AAGX;;;AAGG;AACI,MAAM,eAAe,GAAG;IAC7B,SAAS;IACT,YAAY;IACZ,UAAU;IACV,QAAQ;IACR,UAAU;IACV,OAAO;IACP,KAAK;;AAGP;;;AAGG;AACI,MAAM,eAAe,GAAG;IAC7B,MAAM;IACN,YAAY;IACZ,UAAU;IACV,QAAQ;IACR,UAAU;IACV,SAAS;;AAGX;;;AAGG;AACI,MAAM,mBAAmB,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;AAEhE;;;AAGG;AACI,MAAM,cAAc,GAAG;IAC5B,QAAQ;IACR,QAAQ;IACR,aAAa;IACb,OAAO;IACP,SAAS;IACT,cAAc;IACd,YAAY;IACZ,iBAAiB;IACjB,QAAQ;;AAGV;;;AAGG;MACU,WAAW,GAAG,CAAC,MAAM,EAAE,OAAO;AAE3C;;;;AAIG;AACI,MAAM,kBAAkB,GAAG;IAChC,MAAM;IACN,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,SAAS;;AAGX;;;;;;AAMG;AACI,MAAM,cAAc,GAAG,CAAC,SAAS,EAAE,GAAG,kBAAkB;AAE/D;;;;AAIG;AACI,MAAM,cAAc,GAAG;IAC5B,UAAU;IACV,OAAO;IACP,UAAU;IACV,QAAQ;IACR,QAAQ;;AAGV;;;;AAIG;AACI,MAAM,iBAAiB,GAAG;IAC/B,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;;AAGR;;;AAGG;MACU,iBAAiB,GAAG,CAAC,cAAc,EAAE,WAAW;AAE7D;;;;;;;AAOG;MACU,YAAY,GAAG,CAAC,SAAS,EAAE,MAAM;AAE9C;;;;;;;AAOG;AACI,MAAM,aAAa,GAAkD;AAC1E,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,IAAI,EAAE,gBAAgB;;AAGxB;;;;;;AAMG;AACI,MAAM,UAAU,GAAG;IACxB,YAAY;IACZ,OAAO;IACP,QAAQ;IACR,OAAO;IACP,SAAS;;AAGX;;;AAGG;AACI,MAAM,YAAY,GAAG,CAAC,YAAY;AAEzC;;;AAGG;MACU,gBAAgB,GAAG,CAAC,QAAQ,EAAE,QAAQ;AAqCnD;;;;;;;;;AASG;MACU,uBAAuB,GAAG,CACrC,WAAoB,EACpB,QAA0C,KACxC;IACF,MAAM,OAAO,GAAa,EAAE;;AAG5B,IAAA,MAAM,gBAAgB,GAAG,CAAC,SAAiB,KAAI;AAC7C,QAAA,OAAO,CAAC,IAAI,CAAC,WAAW,GAAG,CAAA,EAAG,WAAW,CAAA,EAAG,SAAS,CAAA,CAAE,GAAG,SAAS,CAAC;AACtE,IAAA,CAAC;;;;;;;AAQD,IAAA,MAAM,QAAQ,GAAG,CACf,MAAc,EACd,KAAyB,EACzB,WAA8B,EAC9B,gBAAgB,GAAG,KAAK,EACxB,kBAAA,GAAwC,cAAc,KACpD;QACF,IAAI,KAAK,IAAI,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;YACxC,MAAM,SAAS,GACb,gBAAgB;gBAChB,QAAQ;AACR,gBAAA,cAAc,CAAC,QAAQ,CAAC,QAAQ,CAAC;AACjC,gBAAA,kBAAkB,CAAC,QAAQ,CAAC,QAAQ;AAClC,kBAAE,CAAA,EAAG,MAAM,IAAI,KAAK,CAAA,CAAA,EAAI,QAAQ,CAAA;AAChC,kBAAE,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,KAAK,EAAE;YAC1B,gBAAgB,CAAC,SAAS,CAAC;QAC7B;AACF,IAAA,CAAC;;IAGD,MAAM,kBAAkB,GAAG,CACzB,MAAc,EACd,KAAyB,EACzB,WAA8B,KAC5B;AACF,QAAA,IAAI,KAAK,KAAK,CAAC,WAAW,CAAC,MAAM,IAAI,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE;AACjE,YAAA,gBAAgB,CAAC,CAAA,EAAG,MAAM,IAAI,KAAK,CAAA,CAAE,CAAC;QACxC;AACF,IAAA,CAAC;IAED,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,kBAAkB,EAAE;AACpE;;"}
+{"version":3,"file":"bulmaClassHelpers.js","sources":["../../../src/helpers/bulmaClassHelpers.ts"],"sourcesContent":["/**\n * Valid Bulma color classes.\n * @example 'primary', 'link', 'info'\n */\nexport const validColors = [\n  'primary',\n  'link',\n  'info',\n  'success',\n  'warning',\n  'danger',\n  'black',\n  'black-bis',\n  'black-ter',\n  'grey-darker',\n  'grey-dark',\n  'grey',\n  'grey-light',\n  'grey-lighter',\n  'white',\n  'white-bis',\n  'white-ter',\n  'light',\n  'dark',\n] as const;\n\n/**\n * Valid Bulma color shade suffixes.\n * @example '00', '05', 'invert', 'light', 'dark', 'soft', 'bold', 'on-scheme'\n */\nexport const validColorShades = [\n  '00',\n  '05',\n  '10',\n  '15',\n  '20',\n  '25',\n  '30',\n  '35',\n  '40',\n  '45',\n  '50',\n  '55',\n  '60',\n  '65',\n  '70',\n  '75',\n  '80',\n  '85',\n  '90',\n  '95',\n  'invert',\n  'light',\n  'dark',\n  'soft',\n  'bold',\n  'on-scheme',\n] as const;\n\n/**\n * Valid Bulma scheme color names for scheme-aware backgrounds.\n *\n * Bulma ships no `has-background-scheme-*` helper classes, so these values\n * never emit a class — components render them as a dark-mode-safe inline\n * `background-color: var(--bulma-<value>)` style instead.\n * @example 'scheme-main', 'scheme-main-bis', 'scheme-invert'\n */\nexport const validSchemeColors = [\n  'scheme-main',\n  'scheme-main-bis',\n  'scheme-main-ter',\n  'scheme-invert',\n  'scheme-invert-bis',\n  'scheme-invert-ter',\n] as const;\n\n/**\n * Valid Bulma size classes for margins and paddings.\n * @example '0', '1', 'auto'\n */\nexport const validSizes = ['0', '1', '2', '3', '4', '5', '6', 'auto'] as const;\n\n/**\n * Valid Bulma gap steps, taken by `gap`, `columnGap` and `rowGap`. Each whole\n * step is 0.5rem, so `2` is 1rem and `8` is 4rem, and the half steps sit\n * between them. They render `is-gap-<value>`, `is-column-gap-<value>` and\n * `is-row-gap-<value>`.\n *\n * This is a different scale from `validSizes`: `gap=\"2\"` is 1rem where\n * `m=\"2\"` is 0.5rem.\n * @example '0', '0.5', '2', '8'\n */\nexport const validGaps = [\n  '0',\n  '0.5',\n  '1',\n  '1.5',\n  '2',\n  '2.5',\n  '3',\n  '3.5',\n  '4',\n  '4.5',\n  '5',\n  '5.5',\n  '6',\n  '6.5',\n  '7',\n  '7.5',\n  '8',\n] as const;\n\n// Spelled out rather than built from `validGaps` so the API docs can print\n// it; a type test in useSpacingClasses.test.tsx holds both halves to the\n// tuple.\n/**\n * A gap step as `gap`, `columnGap` and `rowGap` take it: a value from\n * `validGaps`, or the same step written as a number (`gap={2}`,\n * `gap={1.5}`). `Grid` took its gaps as numbers before the gap helpers were\n * shared, so every gap prop still does.\n */\nexport type BulmaGapStep =\n  | '0'\n  | '0.5'\n  | '1'\n  | '1.5'\n  | '2'\n  | '2.5'\n  | '3'\n  | '3.5'\n  | '4'\n  | '4.5'\n  | '5'\n  | '5.5'\n  | '6'\n  | '6.5'\n  | '7'\n  | '7.5'\n  | '8'\n  | 0\n  | 0.5\n  | 1\n  | 1.5\n  | 2\n  | 2.5\n  | 3\n  | 3.5\n  | 4\n  | 4.5\n  | 5\n  | 5.5\n  | 6\n  | 6.5\n  | 7\n  | 7.5\n  | 8;\n\n/**\n * Valid Bulma text size classes.\n * @example '1', '2', '3'\n */\nexport const validTextSizes = ['1', '2', '3', '4', '5', '6', '7'] as const;\n\n/**\n * Valid Bulma text alignment classes.\n * @example 'centered', 'left', 'right'\n */\nexport const validAlignments = [\n  'centered',\n  'justified',\n  'left',\n  'right',\n] as const;\n\n/**\n * Valid Bulma text transformation classes.\n * @example 'capitalized', 'uppercase', 'italic'\n */\nexport const validTextTransforms = [\n  'capitalized',\n  'lowercase',\n  'uppercase',\n  'italic',\n] as const;\n\n/**\n * Valid Bulma text weight classes.\n * @example 'light', 'normal', 'bold'\n */\nexport const validTextWeights = [\n  'light',\n  'normal',\n  'medium',\n  'semibold',\n  'bold',\n] as const;\n\n/**\n * Valid Bulma font family classes.\n * @example 'sans-serif', 'monospace', 'code'\n */\nexport const validFontFamilies = [\n  'sans-serif',\n  'monospace',\n  'primary',\n  'secondary',\n  'code',\n] as const;\n\n/**\n * Valid Bulma display classes.\n * @example 'block', 'flex', 'inline'\n */\nexport const validDisplays = [\n  'block',\n  'flex',\n  'inline',\n  'inline-block',\n  'inline-flex',\n  'grid',\n] as const;\n\n/**\n * Valid Bulma visibility classes.\n * These are all the valid visibility options available in Bulma.\n * @example 'hidden', 'sr-only', 'invisible'\n */\nexport const validVisibilities = ['hidden', 'sr-only', 'invisible'] as const;\n\n/**\n * Valid Bulma flex direction classes.\n * @example 'row', 'column', 'row-reverse'\n */\nexport const validFlexDirections = [\n  'row',\n  'row-reverse',\n  'column',\n  'column-reverse',\n] as const;\n\n/**\n * Valid Bulma flex wrap classes.\n * @example 'nowrap', 'wrap', 'wrap-reverse'\n */\nexport const validFlexWraps = ['nowrap', 'wrap', 'wrap-reverse'] as const;\n\n/**\n * Valid Bulma justify-content classes.\n * @example 'flex-start', 'center', 'space-between'\n */\nexport const validJustifyContents = [\n  'flex-start',\n  'flex-end',\n  'center',\n  'space-between',\n  'space-around',\n  'space-evenly',\n  'start',\n  'end',\n  'left',\n  'right',\n] as const;\n\n/**\n * Valid Bulma align-content classes.\n * @example 'flex-start', 'center', 'stretch'\n */\nexport const validAlignContents = [\n  'flex-start',\n  'flex-end',\n  'center',\n  'space-between',\n  'space-around',\n  'space-evenly',\n  'stretch',\n] as const;\n\n/**\n * Valid Bulma align-items classes.\n * @example 'stretch', 'flex-start', 'center'\n */\nexport const validAlignItems = [\n  'stretch',\n  'flex-start',\n  'flex-end',\n  'center',\n  'baseline',\n  'start',\n  'end',\n] as const;\n\n/**\n * Valid Bulma align-self classes.\n * @example 'auto', 'flex-start', 'center'\n */\nexport const validAlignSelfs = [\n  'auto',\n  'flex-start',\n  'flex-end',\n  'center',\n  'baseline',\n  'stretch',\n] as const;\n\n/**\n * Valid Bulma flex grow and shrink values.\n * @example '0', '1', '2', '3', '4', '5'\n */\nexport const validFlexGrowShrink = ['0', '1', '2', '3', '4', '5'] as const;\n\n/**\n * Valid Bulma viewport classes for responsive design.\n * @example 'mobile', 'tablet', 'desktop'\n */\nexport const validViewports = [\n  'mobile',\n  'tablet',\n  'tablet-only',\n  'touch',\n  'desktop',\n  'desktop-only',\n  'widescreen',\n  'widescreen-only',\n  'fullhd',\n] as const;\n\n/**\n * Valid Bulma float classes.\n * @example 'left', 'right'\n */\nexport const validFloats = ['left', 'right'] as const;\n\n/**\n * Valid Bulma overflow values for one axis, taken by `overflowX` and\n * `overflowY`. Each renders `is-overflow-x-<value>` or `is-overflow-y-<value>`.\n * @example 'auto', 'hidden', 'scroll'\n */\nexport const validAxisOverflows = [\n  'auto',\n  'clip',\n  'hidden',\n  'scroll',\n  'visible',\n] as const;\n\n/**\n * Valid Bulma overflow values for `overflow`.\n *\n * `clipped` renders `is-clipped`, the helper `overflow` started with. Every\n * other value renders `is-overflow-<value>`.\n * @example 'clipped', 'auto', 'hidden'\n */\nexport const validOverflows = ['clipped', ...validAxisOverflows] as const;\n\n/**\n * Valid Bulma position values, taken by `pos`. Each renders\n * `is-position-<value>`.\n * @example 'relative', 'absolute', 'sticky'\n */\nexport const validPositions = [\n  'absolute',\n  'fixed',\n  'relative',\n  'static',\n  'sticky',\n] as const;\n\n/**\n * Valid Bulma aspect ratios, taken by `aspectRatio`. Each renders\n * `is-aspect-ratio-<value>`.\n * @example '1by1', '4by3', '16by9'\n */\nexport const validAspectRatios = [\n  '1by1',\n  '5by4',\n  '4by3',\n  '3by2',\n  '5by3',\n  '16by9',\n  '2by1',\n  '3by1',\n  '4by5',\n  '3by4',\n  '2by3',\n  '3by5',\n  '9by16',\n  '1by2',\n  '1by3',\n] as const;\n\n/**\n * Valid Bulma interaction classes.\n * @example 'unselectable', 'clickable'\n */\nexport const validInteractions = ['unselectable', 'clickable'] as const;\n\n/**\n * Valid Bulma cursor helper values.\n *\n * These share no class stem: `pointer` renders `is-clickable` and `help`\n * renders `is-cursor-help`, so the class each one emits lives in\n * `cursorClasses` rather than being built from the value.\n * @example 'pointer', 'help'\n */\nexport const validCursors = ['pointer', 'help'] as const;\n\n/**\n * Cursor helper value to the class it renders.\n *\n * A `Record` over `validCursors` on purpose: TypeScript then rejects a value\n * added to the tuple with no class for it, and a class for a value the tuple\n * does not carry, so the accepted set and the rendered classes cannot drift\n * apart.\n */\nexport const cursorClasses: Record<(typeof validCursors)[number], string> = {\n  pointer: 'is-clickable',\n  help: 'is-cursor-help',\n};\n\n/**\n * Valid Bulma border-radius helper values.\n *\n * `radiusless` renders `is-radiusless` and removes the radius. The sizes\n * render `has-radius-<value>` and set one from Bulma's radius scale.\n * @example 'radiusless', 'small', 'rounded'\n */\nexport const validRadii = [\n  'radiusless',\n  'small',\n  'normal',\n  'large',\n  'rounded',\n] as const;\n\n/**\n * Valid Bulma shadow helper classes.\n * @example 'shadowless'\n */\nexport const validShadows = ['shadowless'] as const;\n\n/**\n * Valid Bulma responsive helper classes.\n * @example 'mobile', 'narrow'\n */\nexport const validResponsives = ['mobile', 'narrow'] as const;\n\n/**\n * Props for applying a Bulma viewport modifier to viewport-aware helper classes.\n */\nexport interface BulmaViewportProps {\n  /** Viewport for responsive classes (e.g., 'mobile', 'desktop'). */\n  viewport?: (typeof validViewports)[number];\n}\n\n/**\n * Props for applying Bulma display helper classes, including viewport-specific\n * display variants.\n */\nexport interface BulmaDisplayProps {\n  /** Display type (e.g., 'block', 'flex'). */\n  display?: (typeof validDisplays)[number] | 'none';\n  /** Display type for mobile viewport (up to 768px). */\n  displayMobile?: (typeof validDisplays)[number] | 'none';\n  /** Display type for tablet viewport (769px - 1023px). */\n  displayTablet?: (typeof validDisplays)[number] | 'none';\n  /** Display type for tablet-only viewport (769px - 1023px, excludes desktop+). */\n  displayTabletOnly?: (typeof validDisplays)[number] | 'none';\n  /** Display type for touch viewport (up to 1023px; mobile + tablet). */\n  displayTouch?: (typeof validDisplays)[number] | 'none';\n  /** Display type for desktop viewport (1024px - 1215px). */\n  displayDesktop?: (typeof validDisplays)[number] | 'none';\n  /** Display type for desktop-only viewport (1024px - 1215px, excludes widescreen+). */\n  displayDesktopOnly?: (typeof validDisplays)[number] | 'none';\n  /** Display type for widescreen viewport (1216px - 1407px). */\n  displayWidescreen?: (typeof validDisplays)[number] | 'none';\n  /** Display type for widescreen-only viewport (1216px - 1407px, excludes fullhd). */\n  displayWidescreenOnly?: (typeof validDisplays)[number] | 'none';\n  /** Display type for fullhd viewport (1408px and above). */\n  displayFullhd?: (typeof validDisplays)[number] | 'none';\n}\n\n/**\n * Creates the shared class-building helpers used by the Bulma helper hooks.\n *\n * Returns a mutable `classes` array along with the helper functions that push\n * (optionally prefixed, optionally viewport-suffixed) class names onto it.\n *\n * @internal\n * @param classPrefix - Optional prefix applied to all generated class names.\n * @param viewport - Optional viewport modifier for viewport-aware classes.\n */\nexport const createBulmaClassHelpers = (\n  classPrefix?: string,\n  viewport?: (typeof validViewports)[number]\n) => {\n  const classes: string[] = [];\n\n  // Helper function to add class with prefix support\n  const addPrefixedClass = (className: string) => {\n    classes.push(classPrefix ? `${classPrefix}${className}` : className);\n  };\n\n  // Helper to add class with optional viewport\n  //\n  // `supportedViewports` narrows which viewports may be suffixed onto this\n  // class. It defaults to every viewport, but a few Bulma helper families\n  // (notably `is-size-*`, which ships no `-only` bands) support only a subset,\n  // so passing the emitting set keeps us from producing dead classes.\n  const addClass = (\n    prefix: string,\n    value: string | undefined,\n    validValues: readonly string[],\n    supportsViewport = false,\n    supportedViewports: readonly string[] = validViewports\n  ) => {\n    if (value && validValues.includes(value)) {\n      const className =\n        supportsViewport &&\n        viewport &&\n        validViewports.includes(viewport) &&\n        supportedViewports.includes(viewport)\n          ? `${prefix}-${value}-${viewport}`\n          : `${prefix}-${value}`;\n      addPrefixedClass(className);\n    }\n  };\n\n  // Helper specifically for classes that never support viewport modifiers\n  const addClassNoViewport = (\n    prefix: string,\n    value: string | undefined,\n    validValues: readonly string[]\n  ) => {\n    if (value && (!validValues.length || validValues.includes(value))) {\n      addPrefixedClass(`${prefix}-${value}`);\n    }\n  };\n\n  return { classes, addPrefixedClass, addClass, addClassNoViewport };\n};\n"],"names":["validSizes"],"mappings":"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"}

package/dist/index.cjs

@@ -310,7 +310,7 @@ const validTextSizes = ['1', '2', '3', '4', '5', '6', '7'];
  * Valid Bulma text alignment classes.
  * @example 'centered', 'left', 'right'
  */
-const validAlignments$1 = [
+const validAlignments = [
     'centered',
     'justified',
     'left',
@@ -793,7 +793,7 @@ const useTypographyClasses = (props) => {
         // three `-only` bands, so restrict the viewport suffix to the ones it ships
         // — otherwise `viewport="tablet-only"` would render a dead `is-size-N-tablet-only`.
         addClass('is-size', textSize, validTextSizes, true, sizeSupportedViewports); // supports viewport (no `-only` bands)
-        addClass('has-text', textAlign, validAlignments$1, true); // supports viewport (all bands)
+        addClass('has-text', textAlign, validAlignments, true); // supports viewport (all bands)
         addClassNoViewport('is', textTransform, validTextTransforms); // no viewport support
         addClassNoViewport('has-text-weight', textWeight, validTextWeights); // no viewport support
         addClassNoViewport('is-family', fontFamily, validFontFamilies); // no viewport support
@@ -810,7 +810,7 @@ const useTypographyClasses = (props) => {
         addViewportSpecificTextSizeClass(textSizeFullhd, '-fullhd');
         // Viewport-specific text alignment
         const addViewportSpecificTextAlignClass = (value, viewportSuffix) => {
-            if (value && validAlignments$1.includes(value)) {
+            if (value && validAlignments.includes(value)) {
                 addPrefixedClass(`has-text-${value}${viewportSuffix}`);
             }
         };
@@ -12130,6 +12130,19 @@ const Tfoot = ({ className, children, ...props }) => {
     return (jsxRuntime.jsx("tfoot", { className: tfootClasses || undefined, ...rest, children: children }));
 };
 
+/**
+ * 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.
+ */
+const validTableAlignments = ['left', 'right', 'centered'];
+
 /**
  * The values the table `color` prop accepts, as a readonly tuple.
  *
@@ -12165,22 +12178,23 @@ const validTableColors = [
 /**
  * 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.
  * @returns {JSX.Element} The rendered table cell element.
  * @see {@link https://bulma.io/documentation/elements/table/#table-body | Bulma Table documentation}
  */
-const Td = ({ className, color, children, ...props }) => {
-    const colorClass = usePrefixedClassNames('', {
+const Td = ({ className, isAligned, color, children, ...props }) => {
+    const bulmaClasses = usePrefixedClassNames('', {
+        [`has-text-${isAligned}`]: isAligned && validTableAlignments.includes(isAligned),
         [`is-${color}`]: color && validTableColors.includes(color),
     });
     /**
      * Generates Bulma helper classes and separates out remaining props.
      */
     const { bulmaHelperClasses, rest } = useBulmaClasses({ ...props });
-    const tdClasses = classNames(colorClass, className, bulmaHelperClasses);
+    const tdClasses = classNames(bulmaClasses, className, bulmaHelperClasses);
     return (jsxRuntime.jsx("td", { className: tdClasses || undefined, ...rest, children: children }));
 };
 
@@ -12207,7 +12221,6 @@ const Tr = ({ className, isSelected, color, children, ...props }) => {
     return (jsxRuntime.jsx("tr", { className: trClasses || undefined, ...rest, children: children }));
 };
 
-const validAlignments = ['left', 'right', 'centered'];
 /**
  * Th component for rendering a styled Bulma table header cell.
  *
@@ -12220,7 +12233,7 @@ const validAlignments = ['left', 'right', 'centered'];
  */
 const Th = ({ className, isAligned, width, color, children, ...props }) => {
     const bulmaClasses = usePrefixedClassNames('', {
-        [`has-text-${isAligned}`]: isAligned && validAlignments.includes(isAligned),
+        [`has-text-${isAligned}`]: isAligned && validTableAlignments.includes(isAligned),
         [`is-${color}`]: color && validTableColors.includes(color),
     });
     /**
@@ -22468,7 +22481,7 @@ exports.useVisibilityClasses = useVisibilityClasses;
 exports.validAlignContents = validAlignContents;
 exports.validAlignItems = validAlignItems;
 exports.validAlignSelfs = validAlignSelfs;
-exports.validAlignments = validAlignments$1;
+exports.validAlignments = validAlignments;
 exports.validAspectRatios = validAspectRatios;
 exports.validAxisOverflows = validAxisOverflows;
 exports.validColorShades = validColorShades;