@allxsmith/bestax-bulma 5.12.0 → 5.13.0

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

@@ -46,6 +46,8 @@ export interface DropdownItemProps extends Omit<React.HTMLAttributes<HTMLElement
     className?: string;
     /** The element type to render. */
     as?: 'a' | 'div' | 'button';
+    /** Marks the item as disabled; disabled items are skipped during keyboard navigation. Use with `as="button"` for a native disabled control, or pair with `aria-disabled` on a link. */
+    disabled?: boolean;
     /** Item content. */
     children?: React.ReactNode;
 }

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

@@ -186,6 +186,8 @@ export interface NavbarDropdownProps extends React.HTMLAttributes<HTMLDivElement
     hoverable?: boolean;
     /** Dropdown is open. */
     active?: boolean;
+    /** Callback when dropdown active state changes. */
+    onActiveChange?: (active: boolean) => void;
     /** Dropdown content. */
     children?: React.ReactNode;
 }

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

@@ -13,7 +13,13 @@ export interface TagsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'c
     className?: string;
     /** Group tags together as add-ons (no spacing). */
     hasAddons?: boolean;
-    /** Allow tags to wrap onto multiple lines. */
+    /**
+     * No-op retained for backwards compatibility.
+     *
+     * @deprecated Bulma's `.tags` wraps by default (no shipped `are-multiline`
+     * CSS exists for it) — this prop has never had a visual effect and will be
+     * removed in the next major version.
+     */
     isMultiline?: boolean;
     /** Size of every tag in the group. */
     size?: TagsSize;

package/dist/types/helpers/bulmaClassHelpers.d.ts

@@ -51,7 +51,7 @@ export declare const validFontFamilies: readonly ["sans-serif", "monospace", "pr
  * Valid Bulma display classes.
  * @example 'block', 'flex', 'inline'
  */
-export declare const validDisplays: readonly ["block", "flex", "inline", "inline-block", "inline-flex"];
+export declare const validDisplays: readonly ["block", "flex", "inline", "inline-block", "inline-flex", "grid"];
 /**
  * Valid Bulma visibility classes.
  * These are all the valid visibility options available in Bulma.
@@ -97,7 +97,7 @@ export declare const validFlexGrowShrink: readonly ["0", "1", "2", "3", "4", "5"
  * Valid Bulma viewport classes for responsive design.
  * @example 'mobile', 'tablet', 'desktop'
  */
-export declare const validViewports: readonly ["mobile", "tablet", "desktop", "widescreen", "fullhd"];
+export declare const validViewports: readonly ["mobile", "tablet", "tablet-only", "touch", "desktop", "desktop-only", "widescreen", "widescreen-only", "fullhd"];
 /**
  * Props for applying a Bulma viewport modifier to viewport-aware helper classes.
  */
@@ -116,10 +116,18 @@ export interface BulmaDisplayProps {
     displayMobile?: (typeof validDisplays)[number] | 'none';
     /** Display type for tablet viewport (769px - 1023px). */
     displayTablet?: (typeof validDisplays)[number] | 'none';
+    /** Display type for tablet-only viewport (769px - 1023px, excludes desktop+). */
+    displayTabletOnly?: (typeof validDisplays)[number] | 'none';
+    /** Display type for touch viewport (up to 1023px; mobile + tablet). */
+    displayTouch?: (typeof validDisplays)[number] | 'none';
     /** Display type for desktop viewport (1024px - 1215px). */
     displayDesktop?: (typeof validDisplays)[number] | 'none';
+    /** Display type for desktop-only viewport (1024px - 1215px, excludes widescreen+). */
+    displayDesktopOnly?: (typeof validDisplays)[number] | 'none';
     /** Display type for widescreen viewport (1216px - 1407px). */
     displayWidescreen?: (typeof validDisplays)[number] | 'none';
+    /** Display type for widescreen-only viewport (1216px - 1407px, excludes fullhd). */
+    displayWidescreenOnly?: (typeof validDisplays)[number] | 'none';
     /** Display type for fullhd viewport (1408px and above). */
     displayFullhd?: (typeof validDisplays)[number] | 'none';
 }
@@ -136,6 +144,6 @@ export interface BulmaDisplayProps {
 export declare const createBulmaClassHelpers: (classPrefix?: string, viewport?: (typeof validViewports)[number]) => {
     classes: string[];
     addPrefixedClass: (className: string) => void;
-    addClass: (prefix: string, value: string | undefined, validValues: readonly string[], supportsViewport?: boolean) => void;
+    addClass: (prefix: string, value: string | undefined, validValues: readonly string[], supportsViewport?: boolean, supportedViewports?: readonly string[]) => void;
     addClassNoViewport: (prefix: string, value: string | undefined, validValues: readonly string[]) => void;
 };

package/dist/types/helpers/useVisibilityClasses.d.ts

@@ -9,10 +9,18 @@ export interface BulmaVisibilityProps extends BulmaViewportProps, BulmaDisplayPr
     visibilityMobile?: (typeof validVisibilities)[number];
     /** Visibility for tablet viewport (769px - 1023px). */
     visibilityTablet?: (typeof validVisibilities)[number];
+    /** Visibility for tablet-only viewport (769px - 1023px, excludes desktop+). */
+    visibilityTabletOnly?: (typeof validVisibilities)[number];
+    /** Visibility for touch viewport (up to 1023px; mobile + tablet). */
+    visibilityTouch?: (typeof validVisibilities)[number];
     /** Visibility for desktop viewport (1024px - 1215px). */
     visibilityDesktop?: (typeof validVisibilities)[number];
+    /** Visibility for desktop-only viewport (1024px - 1215px, excludes widescreen+). */
+    visibilityDesktopOnly?: (typeof validVisibilities)[number];
     /** Visibility for widescreen viewport (1216px - 1407px). */
     visibilityWidescreen?: (typeof validVisibilities)[number];
+    /** Visibility for widescreen-only viewport (1216px - 1407px, excludes fullhd). */
+    visibilityWidescreenOnly?: (typeof validVisibilities)[number];
     /** Visibility for fullhd viewport (1408px and above). */
     visibilityFullhd?: (typeof validVisibilities)[number];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allxsmith/bestax-bulma",
-  "version": "5.12.0",
+  "version": "5.13.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.js",
   "module": "dist/index.esm.js",