react-bootstrap-plugins 2.2.1 → 2.3.0

package/dist/AutoDisplay.cjs

@@ -0,0 +1,2 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var chunkH2ULQLGP_cjs=require('./chunk-H2ULQLGP.cjs');Object.defineProperty(exports,"AutoDisplay",{enumerable:true,get:function(){return chunkH2ULQLGP_cjs.a}});Object.defineProperty(exports,"default",{enumerable:true,get:function(){return chunkH2ULQLGP_cjs.b}});//# sourceMappingURL=AutoDisplay.cjs.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJBdXRvRGlzcGxheS5janMifQ==

package/dist/AutoDisplay.d.cts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+interface AutoDisplayProps {
+    /** Whether the content is visible (default false) */
+    visible?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+    /** Inline styles to merge */
+    style?: React.CSSProperties;
+    /** Content to show/hide */
+    children?: React.ReactNode;
+}
+declare const AutoDisplay: React.ForwardRefExoticComponent<AutoDisplayProps & React.RefAttributes<HTMLDivElement>>;
+
+export { AutoDisplay, type AutoDisplayProps, AutoDisplay as default };

package/dist/AutoDisplay.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+interface AutoDisplayProps {
+    /** Whether the content is visible (default false) */
+    visible?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+    /** Inline styles to merge */
+    style?: React.CSSProperties;
+    /** Content to show/hide */
+    children?: React.ReactNode;
+}
+declare const AutoDisplay: React.ForwardRefExoticComponent<AutoDisplayProps & React.RefAttributes<HTMLDivElement>>;
+
+export { AutoDisplay, type AutoDisplayProps, AutoDisplay as default };

package/dist/AutoDisplay.js

@@ -0,0 +1,2 @@
+export{a as AutoDisplay,b as default}from'./chunk-2UX7JYM3.js';//# sourceMappingURL=AutoDisplay.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJBdXRvRGlzcGxheS5qcyJ9

package/dist/chunk-2UX7JYM3.js

@@ -0,0 +1,2 @@
+import*as e from'react';import {jsx}from'react/jsx-runtime';var a=e.forwardRef(({visible:o=false,className:s,children:t,style:l,...i},p)=>jsx("div",{ref:p,className:s,style:{...l,display:o?"block":"none"},...i,children:t}));a.displayName="AutoDisplay";var c=a;export{a,c as b};//# sourceMappingURL=chunk-2UX7JYM3.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9jb21wb25lbnRzL0F1dG9EaXNwbGF5LnRzeCJdLCJuYW1lcyI6WyJBdXRvRGlzcGxheSIsInZpc2libGUiLCJjbGFzc05hbWUiLCJjaGlsZHJlbiIsInN0eWxlIiwicmVzdCIsInJlZiIsImpzeCIsIkF1dG9EaXNwbGF5X2RlZmF1bHQiXSwibWFwcGluZ3MiOiI0REFhQSxJQUFNQSxDQUFBQSxDQUFvQixDQUFBLENBQUEsVUFBQSxDQUN4QixDQUFDLENBQUUsT0FBQSxDQUFBQyxFQUFVLEtBQUEsQ0FBTyxTQUFBLENBQUFDLEVBQVcsUUFBQSxDQUFBQyxDQUFBQSxDQUFVLE1BQUFDLENBQUFBLENBQU8sR0FBR0MsQ0FBSyxDQUFBLENBQUdDLENBQUFBLEdBQ3pEQyxHQUFBQSxDQUFDLE9BQ0MsR0FBQSxDQUFLRCxDQUFBQSxDQUNMLFVBQVdKLENBQUFBLENBQ1gsS0FBQSxDQUFPLENBQUUsR0FBR0UsQ0FBQUEsQ0FBTyxPQUFBLENBQVNILENBQUFBLENBQVUsT0FBQSxDQUFVLE1BQU8sRUFDdEQsR0FBR0ksQ0FBQUEsQ0FFSCxTQUFBRixDQUFBQSxDQUNILENBRUosRUFFQUgsQ0FBQUEsQ0FBWSxXQUFBLENBQWMsYUFBQSxDQUcxQixJQUFPUSxDQUFBQSxDQUFRUiIsImZpbGUiOiJjaHVuay0yVVg3SllNMy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5leHBvcnQgaW50ZXJmYWNlIEF1dG9EaXNwbGF5UHJvcHMge1xuICAvKiogV2hldGhlciB0aGUgY29udGVudCBpcyB2aXNpYmxlIChkZWZhdWx0IGZhbHNlKSAqL1xuICB2aXNpYmxlPzogYm9vbGVhblxuICAvKiogQWRkaXRpb25hbCBDU1MgY2xhc3NlcyAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqIElubGluZSBzdHlsZXMgdG8gbWVyZ2UgKi9cbiAgc3R5bGU/OiBSZWFjdC5DU1NQcm9wZXJ0aWVzXG4gIC8qKiBDb250ZW50IHRvIHNob3cvaGlkZSAqL1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBBdXRvRGlzcGxheSA9IFJlYWN0LmZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIEF1dG9EaXNwbGF5UHJvcHM+KFxuICAoeyB2aXNpYmxlID0gZmFsc2UsIGNsYXNzTmFtZSwgY2hpbGRyZW4sIHN0eWxlLCAuLi5yZXN0IH0sIHJlZikgPT4gKFxuICAgIDxkaXZcbiAgICAgIHJlZj17cmVmfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBzdHlsZT17eyAuLi5zdHlsZSwgZGlzcGxheTogdmlzaWJsZSA/ICdibG9jaycgOiAnbm9uZScgfX1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxuKVxuXG5BdXRvRGlzcGxheS5kaXNwbGF5TmFtZSA9ICdBdXRvRGlzcGxheSdcblxuZXhwb3J0IHsgQXV0b0Rpc3BsYXkgfVxuZXhwb3J0IGRlZmF1bHQgQXV0b0Rpc3BsYXlcbiJdfQ==

package/dist/chunk-H2ULQLGP.cjs

@@ -0,0 +1,2 @@
+'use strict';var e=require('react'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var e__namespace=/*#__PURE__*/_interopNamespace(e);var a=e__namespace.forwardRef(({visible:o=false,className:s,children:t,style:l,...i},p)=>jsxRuntime.jsx("div",{ref:p,className:s,style:{...l,display:o?"block":"none"},...i,children:t}));a.displayName="AutoDisplay";var c=a;exports.a=a;exports.b=c;//# sourceMappingURL=chunk-H2ULQLGP.cjs.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9jb21wb25lbnRzL0F1dG9EaXNwbGF5LnRzeCJdLCJuYW1lcyI6WyJBdXRvRGlzcGxheSIsImUiLCJ2aXNpYmxlIiwiY2xhc3NOYW1lIiwiY2hpbGRyZW4iLCJzdHlsZSIsInJlc3QiLCJyZWYiLCJqc3giLCJBdXRvRGlzcGxheV9kZWZhdWx0Il0sIm1hcHBpbmdzIjoia2JBYUEsSUFBTUEsQ0FBQUEsQ0FBb0JDLFlBQUEsQ0FBQSxVQUFBLENBQ3hCLENBQUMsQ0FBRSxPQUFBLENBQUFDLEVBQVUsS0FBQSxDQUFPLFNBQUEsQ0FBQUMsRUFBVyxRQUFBLENBQUFDLENBQUFBLENBQVUsTUFBQUMsQ0FBQUEsQ0FBTyxHQUFHQyxDQUFLLENBQUEsQ0FBR0MsQ0FBQUEsR0FDekRDLGNBQUFBLENBQUMsT0FDQyxHQUFBLENBQUtELENBQUFBLENBQ0wsVUFBV0osQ0FBQUEsQ0FDWCxLQUFBLENBQU8sQ0FBRSxHQUFHRSxDQUFBQSxDQUFPLE9BQUEsQ0FBU0gsQ0FBQUEsQ0FBVSxPQUFBLENBQVUsTUFBTyxFQUN0RCxHQUFHSSxDQUFBQSxDQUVILFNBQUFGLENBQUFBLENBQ0gsQ0FFSixFQUVBSixDQUFBQSxDQUFZLFdBQUEsQ0FBYyxhQUFBLENBRzFCLElBQU9TLENBQUFBLENBQVFUIiwiZmlsZSI6ImNodW5rLUgyVUxRTEdQLmNqcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5leHBvcnQgaW50ZXJmYWNlIEF1dG9EaXNwbGF5UHJvcHMge1xuICAvKiogV2hldGhlciB0aGUgY29udGVudCBpcyB2aXNpYmxlIChkZWZhdWx0IGZhbHNlKSAqL1xuICB2aXNpYmxlPzogYm9vbGVhblxuICAvKiogQWRkaXRpb25hbCBDU1MgY2xhc3NlcyAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqIElubGluZSBzdHlsZXMgdG8gbWVyZ2UgKi9cbiAgc3R5bGU/OiBSZWFjdC5DU1NQcm9wZXJ0aWVzXG4gIC8qKiBDb250ZW50IHRvIHNob3cvaGlkZSAqL1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBBdXRvRGlzcGxheSA9IFJlYWN0LmZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIEF1dG9EaXNwbGF5UHJvcHM+KFxuICAoeyB2aXNpYmxlID0gZmFsc2UsIGNsYXNzTmFtZSwgY2hpbGRyZW4sIHN0eWxlLCAuLi5yZXN0IH0sIHJlZikgPT4gKFxuICAgIDxkaXZcbiAgICAgIHJlZj17cmVmfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBzdHlsZT17eyAuLi5zdHlsZSwgZGlzcGxheTogdmlzaWJsZSA/ICdibG9jaycgOiAnbm9uZScgfX1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKVxuKVxuXG5BdXRvRGlzcGxheS5kaXNwbGF5TmFtZSA9ICdBdXRvRGlzcGxheSdcblxuZXhwb3J0IHsgQXV0b0Rpc3BsYXkgfVxuZXhwb3J0IGRlZmF1bHQgQXV0b0Rpc3BsYXlcbiJdfQ==

package/dist/index.cjs

@@ -1,2 +1,2 @@
-'use strict';var chunkR5OO66VE_cjs=require('./chunk-R5OO66VE.cjs'),chunkAWU5XGMI_cjs=require('./chunk-AWU5XGMI.cjs'),chunk2Q4NZKMX_cjs=require('./chunk-2Q4NZKMX.cjs'),chunk5IOLZUVD_cjs=require('./chunk-5IOLZUVD.cjs'),chunkM3OUUXZG_cjs=require('./chunk-M3OUUXZG.cjs'),chunkG26VJJWL_cjs=require('./chunk-G26VJJWL.cjs');require('./chunk-NPQQDBFB.cjs');Object.defineProperty(exports,"DatePicker",{enumerable:true,get:function(){return chunkR5OO66VE_cjs.a}});Object.defineProperty(exports,"SearchSelect",{enumerable:true,get:function(){return chunkAWU5XGMI_cjs.a}});Object.defineProperty(exports,"Label",{enumerable:true,get:function(){return chunk2Q4NZKMX_cjs.a}});Object.defineProperty(exports,"TableLoading",{enumerable:true,get:function(){return chunk5IOLZUVD_cjs.a}});Object.defineProperty(exports,"AutoTextarea",{enumerable:true,get:function(){return chunkM3OUUXZG_cjs.a}});Object.defineProperty(exports,"NavPills",{enumerable:true,get:function(){return chunkG26VJJWL_cjs.a}});//# sourceMappingURL=index.cjs.map
+'use strict';var chunkR5OO66VE_cjs=require('./chunk-R5OO66VE.cjs'),chunkAWU5XGMI_cjs=require('./chunk-AWU5XGMI.cjs'),chunk2Q4NZKMX_cjs=require('./chunk-2Q4NZKMX.cjs'),chunk5IOLZUVD_cjs=require('./chunk-5IOLZUVD.cjs'),chunkM3OUUXZG_cjs=require('./chunk-M3OUUXZG.cjs'),chunkG26VJJWL_cjs=require('./chunk-G26VJJWL.cjs');require('./chunk-NPQQDBFB.cjs');var chunkH2ULQLGP_cjs=require('./chunk-H2ULQLGP.cjs');Object.defineProperty(exports,"DatePicker",{enumerable:true,get:function(){return chunkR5OO66VE_cjs.a}});Object.defineProperty(exports,"SearchSelect",{enumerable:true,get:function(){return chunkAWU5XGMI_cjs.a}});Object.defineProperty(exports,"Label",{enumerable:true,get:function(){return chunk2Q4NZKMX_cjs.a}});Object.defineProperty(exports,"TableLoading",{enumerable:true,get:function(){return chunk5IOLZUVD_cjs.a}});Object.defineProperty(exports,"AutoTextarea",{enumerable:true,get:function(){return chunkM3OUUXZG_cjs.a}});Object.defineProperty(exports,"NavPills",{enumerable:true,get:function(){return chunkG26VJJWL_cjs.a}});Object.defineProperty(exports,"AutoDisplay",{enumerable:true,get:function(){return chunkH2ULQLGP_cjs.a}});//# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJpbmRleC5janMifQ==

package/dist/index.d.cts

@@ -4,4 +4,5 @@ export { Label, LabelProps } from './Label.cjs';
 export { TableLoading, TableLoadingProps } from './TableLoading.cjs';
 export { AutoTextarea, AutoTextareaProps } from './AutoTextarea.cjs';
 export { NavPill, NavPills, NavPillsProps } from './NavPills.cjs';
+export { AutoDisplay, AutoDisplayProps } from './AutoDisplay.cjs';
 import 'react';

package/dist/index.d.ts

@@ -4,4 +4,5 @@ export { Label, LabelProps } from './Label.js';
 export { TableLoading, TableLoadingProps } from './TableLoading.js';
 export { AutoTextarea, AutoTextareaProps } from './AutoTextarea.js';
 export { NavPill, NavPills, NavPillsProps } from './NavPills.js';
+export { AutoDisplay, AutoDisplayProps } from './AutoDisplay.js';
 import 'react';

package/dist/index.js

@@ -1,2 +1,2 @@
-export{a as DatePicker}from'./chunk-GCPYN7WB.js';export{a as SearchSelect}from'./chunk-ZCAQ7S2A.js';export{a as Label}from'./chunk-HYB5IGJK.js';export{a as TableLoading}from'./chunk-7LXLWNUR.js';export{a as AutoTextarea}from'./chunk-KKWFIJKN.js';export{a as NavPills}from'./chunk-KVUHNUBG.js';import'./chunk-RR7TBRGI.js';//# sourceMappingURL=index.js.map
+export{a as DatePicker}from'./chunk-GCPYN7WB.js';export{a as SearchSelect}from'./chunk-ZCAQ7S2A.js';export{a as Label}from'./chunk-HYB5IGJK.js';export{a as TableLoading}from'./chunk-7LXLWNUR.js';export{a as AutoTextarea}from'./chunk-KKWFIJKN.js';export{a as NavPills}from'./chunk-KVUHNUBG.js';import'./chunk-RR7TBRGI.js';export{a as AutoDisplay}from'./chunk-2UX7JYM3.js';//# sourceMappingURL=index.js.map
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJpbmRleC5qcyJ9

package/docs/AUTODISPLAY.md

@@ -0,0 +1,109 @@
+# AutoDisplay
+
+> A lightweight visibility toggle component that conditionally renders content using CSS `display` instead of unmounting from the DOM.
+
+---
+
+## Import
+
+```js
+// Default import (recommended for single-component tree-shaking)
+import AutoDisplay from 'react-bootstrap-plugins/AutoDisplay'
+
+// Named import from individual entry point
+import { AutoDisplay } from 'react-bootstrap-plugins/AutoDisplay'
+
+// Barrel import
+import { AutoDisplay } from 'react-bootstrap-plugins'
+```
+
+---
+
+## Basic Usage
+
+```jsx
+import { AutoDisplay } from 'react-bootstrap-plugins'
+
+<AutoDisplay visible={showContent}>
+  <p>This content is toggled via CSS display.</p>
+</AutoDisplay>
+```
+
+---
+
+## Props
+
+| Prop | Type | Default | Description |
+|---|---|---|---|
+| `visible` | `boolean` | `false` | When `true`, sets `display: block`; when `false`, sets `display: none` |
+| `className` | `string` | — | Additional CSS classes |
+| `style` | `React.CSSProperties` | — | Inline styles (merged with the display rule) |
+| `children` | `React.ReactNode` | — | Content to show/hide |
+
+---
+
+## Examples
+
+### Toggle content visibility
+
+```jsx
+const [open, setOpen] = useState(false)
+
+<button onClick={() => setOpen(!open)}>Toggle</button>
+<AutoDisplay visible={open}>
+  <div className="card card-body mt-2">
+    This content stays in the DOM but is hidden via CSS.
+  </div>
+</AutoDisplay>
+```
+
+### With custom inline styles
+
+```jsx
+<AutoDisplay visible style={{ padding: '1rem', border: '1px solid #ddd' }}>
+  <p>Styled container that toggles on/off.</p>
+</AutoDisplay>
+```
+
+### Preserving form state across toggles
+
+Unlike conditional rendering (`{open && <Form />}`), AutoDisplay keeps children mounted so form inputs, scroll positions, and component state are preserved:
+
+```jsx
+<AutoDisplay visible={activeTab === 'details'}>
+  <input type="text" className="form-control" defaultValue="Preserved value" />
+</AutoDisplay>
+```
+
+---
+
+## When to Use
+
+Use **AutoDisplay** when you need to hide content without losing DOM state:
+
+- **Multi-step forms** — preserve filled-in values when switching steps
+- **Tab panels** — keep scroll position and input state across tabs
+- **Animations** — pair with CSS transitions for fade/slide effects
+- **Performance** — avoid re-mounting expensive subtrees
+
+For simple conditional rendering where state preservation doesn't matter, plain `{condition && <Content />}` is fine.
+
+---
+
+## Dark Mode
+
+AutoDisplay is a wrapper `<div>` with no built-in styling — it inherits dark mode from any parent with `data-bs-theme="dark"`.
+
+---
+
+## Bundle Size
+
+~0.2 KB (min+gzip).
+
+---
+
+## See Also
+
+- [NavPills](./NAVPILLS.md) — Tab navigation with optional pill styling
+- [TableLoading](./TABLELOADING.md) — Skeleton loading placeholders
+- [Main README](../README.md) — Package overview, installation, and general info

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-bootstrap-plugins",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "description": "Production-grade Bootstrap 5 UI plugins for React — DatePicker, SearchSelect, Label, TableLoading, and more. Zero runtime dependencies beyond React.",
   "license": "MIT",
   "author": {
@@ -72,6 +72,16 @@
         "default": "./dist/AutoTextarea.cjs"
       }
     },
+    "./AutoDisplay": {
+      "import": {
+        "types": "./dist/AutoDisplay.d.ts",
+        "default": "./dist/AutoDisplay.js"
+      },
+      "require": {
+        "types": "./dist/AutoDisplay.d.ts",
+        "default": "./dist/AutoDisplay.cjs"
+      }
+    },
     "./NavPills": {
       "import": {
         "types": "./dist/NavPills.d.ts",